/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@-webkit-keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@-webkit-keyframes cdk-text-field-autofill-end {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
          animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
          animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  width: 133.3333933333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px);
  width: 133.3334033333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px);
  width: 133.3334133333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28116em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28115em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28114em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
          animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
          animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator {
  position: relative;
}
@font-face {
  font-family: "Vitesse";
  font-style: normal;
  font-weight: 400;
  src: local("Vitesse"), local("Vitesse-Book"), url('VitesseSans-Book.otf') format("opentype");
}
@font-face {
  font-family: "Vitesse";
  font-style: normal;
  font-weight: 500;
  src: local("Vitesse"), local("Vitesse-Bold"), url('VitesseSans-Medium.otf') format("opentype");
}
@font-face {
  font-family: "Vitesse";
  font-style: normal;
  font-weight: 700;
  src: local("Vitesse"), local("Vitesse-Bold"), url('VitesseSans-Bold.otf') format("opentype");
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #151311;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #151311;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #151311;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #151311;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-checkbox {
  font-family: Open Sans;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(21, 19, 17, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(21, 19, 17, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(21, 19, 17, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #151311;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(21, 19, 17, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(21, 19, 17, 0.3);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(21, 19, 17, 0.3);
  }
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(21, 19, 17, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(21, 19, 17, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(21, 19, 17, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #151311;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(21, 19, 17, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(21, 19, 17, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(21, 19, 17, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3);
  }
}
.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #151311;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #151311;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar {
  font-family: Open Sans;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #151311;
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #151311;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #151311;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #151311;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #151311;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #151311;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-radio-button {
  font-family: Open Sans;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #151311;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #151311;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select {
  font-family: Open Sans;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tooltip {
  font-family: Open Sans;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
body {
  font-family: "Open Sans", sans-serif;
}
h1, h2, h3, h4 {
  margin: 0;
}
h1 {
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
}
@supports (font-size: clamp(1.6rem, 1.6vw, 1.7rem)) {
  h1 {
    font-size: clamp(1.6rem, 1.6vw, 1.7rem);
  }
}
h2 {
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
}
@supports (font-size: clamp(1.3rem, 2vw, 2rem)) {
  h2 {
    font-size: clamp(1.3rem, 2vw, 2rem);
  }
}
h3 {
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
}
@supports (font-size: clamp(1.2rem, 3.5vw, 1.5rem)) {
  h3 {
    font-size: clamp(1.2rem, 3.5vw, 1.5rem);
  }
}
h4 {
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 1rem;
}
@supports (font-size: clamp(1rem, 2.5vw, 1.1rem)) {
  h4 {
    font-size: clamp(1rem, 2.5vw, 1.1rem);
  }
}
p {
  font-family: "Open Sans", sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.4rem;
  font-size: 1rem;
  font-weight: 400;
  /* 16px */
}
strong {
  font-weight: 700;
}
p.lead {
  font-size: 20px;
  line-height: 24px;
  color: #da2128;
}
p.secondary {
  color: #9f9698;
}
body {
  font-family: "Open Sans", sans-serif;
}
h1, h2, h3, h4 {
  margin: 0;
}
h1 {
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
}
@supports (font-size: clamp(1.6rem, 1.6vw, 1.7rem)) {
  h1 {
    font-size: clamp(1.6rem, 1.6vw, 1.7rem);
  }
}
h2 {
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
}
@supports (font-size: clamp(1.3rem, 2vw, 2rem)) {
  h2 {
    font-size: clamp(1.3rem, 2vw, 2rem);
  }
}
h3 {
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
}
@supports (font-size: clamp(1.2rem, 3.5vw, 1.5rem)) {
  h3 {
    font-size: clamp(1.2rem, 3.5vw, 1.5rem);
  }
}
h4 {
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 1rem;
}
@supports (font-size: clamp(1rem, 2.5vw, 1.1rem)) {
  h4 {
    font-size: clamp(1rem, 2.5vw, 1.1rem);
  }
}
p {
  font-family: "Open Sans", sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.4rem;
  font-size: 1rem;
  font-weight: 400;
  /* 16px */
}
strong {
  font-weight: 700;
}
p.lead {
  font-size: 20px;
  line-height: 24px;
  color: #da2128;
}
p.secondary {
  color: #9f9698;
}
/*
.box { @include box; }
*/
/*
border radius z vendorami
.box { @include border-radius(10px); }
*/
/*transition*/
/*
a {
  color: gray;
  @include transition(color .3s ease);
  &:hover {
    color: black;
  }
}*/
/*absolute center*/
/*
.parent {
  position: relative;
  .child {
    @include center(both);
  }
}
*/
/*triangle*/
/*
.triangle {
  @include css-triangle(red, up, 100px);
}*/
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 12px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 12px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: $black;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: $black;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b, strong {
  font-weight: 700;
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
.cdk-overlay-container {
  z-index: 10000;
}
:root {
  --swiper-theme-color: $black;
  --swiper-pagination-bullet-height: 12px;
  --swiper-pagination-bullet-width: 12px;
}
.swiper {
  overflow: visible;
}
.icon {
  display: inline-block;
  width: 1.5em;
  height: 1.4em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.icon-xl {
  width: 1.8em;
  height: 1.8em;
}
/* Reset */
* {
  box-sizing: border-box;
}
html, body {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #161616;
  display: flex;
  flex-direction: column;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}
body.disabled {
  overflow: hidden;
}
body.disabled-modal {
  overflow: hidden;
}
body.configurator-disabled {
  overflow: hidden;
}
body.configurator-disabled .master-header,
body.configurator-disabled .master-header.sticky {
  display: none !important;
}
body.configurator-disabled .configurator {
  z-index: 110;
}
a:not([href]) {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.loader {
  width: 50%;
  height: 6px;
  max-width: 80px;
  display: block;
  position: absolute;
  z-index: 5;
}
.loader::before,
.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
}
.loader::before {
  height: 100%;
  width: 100%;
  background-color: #da2128;
  -webkit-animation: loader 0.8s cubic-bezier(0, 0, 0.03, 0.9) infinite;
          animation: loader 0.8s cubic-bezier(0, 0, 0.03, 0.9) infinite;
}
@-webkit-keyframes loader {
  0%, 44%, 88.1%, 100% {
    transform-origin: left;
  }
  0%, 100%, 88% {
    transform: scaleX(0);
  }
  44.1%, 88% {
    transform-origin: right;
  }
  33%, 44% {
    transform: scaleX(1);
  }
}
@keyframes loader {
  0%, 44%, 88.1%, 100% {
    transform-origin: left;
  }
  0%, 100%, 88% {
    transform: scaleX(0);
  }
  44.1%, 88% {
    transform-origin: right;
  }
  33%, 44% {
    transform: scaleX(1);
  }
}
.loader-circle,
.loader-circle:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
  display: inline-block;
}
.loader-circle {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.6em solid rgba(255, 255, 255, 0.4);
  border-right: 0.6em solid rgba(255, 255, 255, 0.4);
  border-bottom: 0.6em solid rgba(255, 255, 255, 0.4);
  border-left: 0.6em solid #ea4c3a;
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
photo-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  background: #ffffff;
}
photo-dialog .photo-dialog-navigation {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  padding: 10px;
  background: #ffffff;
  z-index: 5;
  border-top: 1px solid #f3f3f3;
}
photo-dialog .photo-dialog-body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  width: 100%;
  height: 100%;
  z-index: 5;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.19, 1);
  opacity: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
}
photo-dialog .photo-dialog-body img {
  max-width: 100%;
  max-height: 100%;
  scroll-snap-align: center;
}
photo-dialog.loaded .photo-dialog-body {
  opacity: 1;
}
photo-dialog .slider-close {
  position: fixed;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  z-index: 5;
}
photo-dialog .scrollable {
  width: auto;
  max-width: 100%;
}
photo-dialog .slider-thumb {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 0 4px;
  flex: 0 0 40px;
  padding: 0;
  overflow: hidden;
  vertical-align: bottom;
}
photo-dialog .slider-thumb img {
  width: 40px;
  height: 40px;
  display: inline-block;
}
photo-dialog .slider-arrow {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 0 4px;
  padding: 0;
}
photo-dialog .slider-arrow-prev, photo-dialog .slider-arrow-next {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  opacity: 1;
}
photo-dialog .slider-close:before,
photo-dialog .slider-close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 15px;
  background-color: #000;
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: top left;
  content: "";
}
photo-dialog .slider-close:after {
  transform: rotate(-45deg) translate(-50%, -50%);
}
photo-dialog .slider-arrow-prev:before {
  content: "‹";
  display: inline-block;
  font-size: 30px;
  line-height: 32px;
}
photo-dialog .slider-arrow-next:before {
  content: "›";
  display: inline-block;
  font-size: 30px;
  line-height: 32px;
}
.slider-arrows {
  z-index: 8;
}
.swiper-button-prev,
.swiper-button-next,
.slider-arrow {
  transition: opacity 0.3s cubic-bezier(0.19, 1, 0.19, 1), transform 0.3s cubic-bezier(0.19, 1, 0.19, 1);
  opacity: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 31px;
  background-position: center;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
  border-radius: 0;
}
.swiper-button-prev,
.slider-arrow-prev {
  left: 5px;
  transform: translate3d(-100%, 0, 0);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMTUuNDEgMTYuNTlMMTAuODMgMTJsNC41OC00LjU5TDE0IDZsLTYgNiA2IDYgMS40MS0xLjQxeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}
.swiper-button-next,
.slider-arrow-next {
  right: 5px;
  transform: translate3d(100%, 0, 0);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNOC41OSAxNi41OUwxMy4xNyAxMiA4LjU5IDcuNDEgMTAgNmw2IDYtNiA2LTEuNDEtMS40MXoiLz48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}
.swiper-button-prev {
  opacity: 1;
  left: 40px;
}
.swiper-button-next {
  opacity: 1;
  right: 40px;
}
.swiper-button-disabled {
  opacity: 0.25;
}
.swiper-slide {
  height: auto;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #da2128;
  opacity: 1;
}
.cdk-overlay-pane {
  background: #f3f3f3;
}
router-outlet {
  display: none;
}
p.infobox {
  display: inline-block;
  width: 100%;
  margin: 10px 0 !important;
  padding: 10px !important;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 22px;
  border: 1px dashed #161616 !important;
  text-align: center;
  color: #161616;
  border-radius: 4px;
}
p.infobox.success {
  color: #4caf50;
  border-color: #4caf50 !important;
  border: 1px dashed #4caf50 !important;
}
p.infobox.error {
  color: #ea4c3a;
  border-color: #ea4c3a !important;
  border: 1px dashed #ea4c3a !important;
}
p.infobox.warning {
  color: #FFA726;
  border-color: #FFA726 !important;
  border: 1px dashed #FFA726 !important;
}
p.promo i {
  font-size: 70%;
  font-weight: 400;
  opacity: 0.7;
  color: #161616 !important;
}
.infobar {
  width: 100%;
  min-height: 40px;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #000;
  color: #ffffff;
  position: relative;
  z-index: 607;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
}
.infobar.success {
  background-color: #4caf50;
  color: #ffffff;
}
.infobar.error {
  background-color: #ea4c3a;
  color: #ffffff;
}
.infobar.warning {
  background-color: #FFA726;
  color: #ffffff;
}
.infobar a {
  color: #ffffff;
  text-decoration: underline;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.w-100 {
  width: 100%;
}
.w-auto-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.hidex {
  overflow: hidden;
}
.box {
  background: #ffffff;
  width: 100%;
  padding: 16px;
  border-radius: 4px;
}
.gutter {
  padding-left: 4vw;
  padding-right: 4vw;
}
.gutter-v {
  padding-top: 4vw;
  padding-bottom: 4vw;
}
.gutter-v-half {
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.gutter-t {
  padding-top: 4vw;
}
.gutter-b {
  padding-bottom: 4vw;
}
.resetlineheight {
  line-height: 0;
}
hr {
  border-color: #e6e6e6;
  border-style: solid;
  border-width: 1px 0 0 0;
  width: 100%;
}
:focus {
  outline: none;
}
a {
  color: #da2128;
  text-decoration: none;
  cursor: pointer;
}
a.back {
  margin-bottom: 50px;
  padding: 4px 0 5px 40px;
  height: 30px;
  color: #ffffff;
  position: relative;
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.19, 1);
}
a.back span {
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
}
a.back span::after {
  position: absolute;
  top: 7px;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  content: "";
}
.red {
  color: #ea4c3a;
}
.label {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 10px;
  text-transform: uppercase;
  border-radius: 30px;
  position: relative;
}
.label.blue {
  background: #00aeef;
  color: #ffffff;
}
.label.green {
  background: #4caf50;
  color: #ffffff;
}
.label.amber {
  background: #ffc107;
  color: #ffffff;
}
.label.teal {
  background: #01aaad;
  color: #ffffff;
}
.label.red {
  background: #ea4c3a;
  color: #ffffff;
}
.label.lime {
  background: #cddc39;
  color: #ffffff;
}
.label.deep-purple {
  background: #673ab7;
  color: #ffffff;
}
.label.cyan {
  background: #00bcd4;
  color: #ffffff;
}
.label.deep-pink {
  background: #880e4f;
  color: #ffffff;
}
.label.light-green {
  background: #8bc34a;
  color: #ffffff;
}
.label.orange {
  background: #FFA726;
  color: #ffffff;
}
.label.brown {
  background: #795548;
  color: #ffffff;
}
.label.blue-grey {
  background: #607d8b;
  color: #ffffff;
}
.label.accent {
  background: #20c1b9;
  color: #ffffff;
}
.label.accent-break {
  background: #637aff;
  color: #ffffff;
}
.label span.confirmed,
.label span.unconfirmed {
  position: absolute;
  top: 50%;
  right: 4px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-top: -8px;
  background-color: #ea4c3a;
}
.label span.confirmed {
  background-color: #4caf50;
}
.icon-phone.available {
  color: #4caf50;
}
.square-wrap {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.horizontal-wrap {
  display: block;
  width: 100%;
  padding-bottom: 50%;
  position: relative;
}
.horizontal-wrap-third {
  display: block;
  width: 100%;
  padding-bottom: 33.333%;
  position: relative;
}
.horizontal-wrap-half {
  display: block;
  width: 100%;
  padding-bottom: 25%;
  position: relative;
}
.wrap-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrap-content.bottom {
  top: auto;
  bottom: 0;
  height: auto;
}
/*flx*/
.w-50-md {
  width: 100%;
}
.mt {
  margin-top: 16px;
}
.mb {
  margin-bottom: 16px;
}
.mr-half {
  margin-right: 8px;
}
.mb-half {
  margin-bottom: 8px;
}
.mb-default {
  margin-bottom: 16px;
}
.hide {
  display: none !important;
}
.hide-xs {
  display: none;
}
.hide-sm {
  display: none;
}
.flx-row {
  display: flex;
}
.flx-grw {
  flex: 1 1 auto;
}
.flx-col {
  display: flex;
  flex-direction: column;
}
.flx-col.flx-gap-half > *,
.flx-dynamic.flx-gap-half > * {
  margin-bottom: 8px;
}
.flx-col.flx-gap-default > *,
.flx-dynamic.flx-gap-default > * {
  margin-bottom: 16px;
}
.flx-col.flx-gap-double > *,
.flx-dynamic.flx-gap-double > * {
  margin-bottom: 32px;
}
.flx-col.flx-gap-triple > *,
.flx-dynamic.flx-gap-triple > * {
  margin-bottom: 48px;
}
.flx-col.flx-gap-quadruple > *,
.flx-dynamic.flx-gap-quadruple > * {
  margin-bottom: 64px;
}
.flx-col.flx-gap-half > *:last-child,
.flx-col.flx-gap-default > *:last-child,
.flx-col.flx-gap-double > *:last-child,
.flx-col.flx-gap-triple > *:last-child,
.flx-col.flx-gap-quadruple > *:last-child {
  margin-bottom: 0;
}
.flx-row.flx-gap-half-forced > *,
.flx-dynamic.flx-gap-half-forced > * {
  margin-right: 8px;
  margin-bottom: 0;
}
.flx-row.flx-gap-default-forced > *,
.flx-dynamic.flx-gap-default-forced > * {
  margin-right: 16px;
  margin-bottom: 0;
}
.flx-row.flx-gap-half-forced > *:last-child,
.flx-row.flx-gap-default-forced > *:last-child,
.flx-dynamic.flx-gap-half-forced > *:last-child,
.flx-dynamic.flx-gap-default-forced > *:last-child,
.flx-col.flx-gap-half-forced > *:last-child,
.flx-col.flx-gap-default-forced > *:last-child {
  margin-right: 0;
}
.flx-dynamic {
  display: flex;
  flex-direction: column;
}
.flx-dynamic.flx-gap-half > *:last-child,
.flx-dynamic.flx-gap-default > *:last-child,
.flx-dynamic.flx-gap-triple > *:last-child,
.flx-dynamic.flx-gap-quadruple > *:last-child {
  margin-bottom: 0;
}
.flx-cntr-strt {
  justify-content: center;
  align-items: flex-start;
}
.flx-cntr-cntr {
  justify-content: center;
  align-items: center;
}
.flx-cntr-end {
  justify-content: center;
  align-items: flex-end;
}
.flx-btwn-strt {
  justify-content: space-between;
  align-items: flex-start;
}
.flx-btwn-cntr {
  justify-content: space-between;
  align-items: center;
}
.flx-btwn-end {
  justify-content: space-between;
  align-items: flex-end;
}
.flx-strt-strt {
  justify-content: flex-start;
  align-items: flex-start;
}
.flx-strt-cntr {
  justify-content: flex-start;
  align-items: center;
}
.flx-strt-end {
  justify-content: flex-start;
  align-items: flex-end;
}
.flx-end-strt {
  justify-content: flex-end;
  align-items: flex-start;
}
.flx-end-cntr {
  justify-content: flex-end;
  align-items: center;
}
.flx-end-end {
  justify-content: flex-end;
  align-items: flex-end;
}
.flx-dynamic-33 {
  width: 100%;
}
.flx-dynamic-50 {
  width: 100%;
}
.flx-wrap {
  flex-wrap: wrap;
}
.flx-wrap-grid {
  flex-wrap: wrap;
  margin: -8px;
}
.flx-wrap-grid > * {
  padding: 8px;
  width: 100%;
}
.flx-wrap-grid.flx-wrap-grid-2-xs > *,
.flx-wrap-grid.flx-wrap-grid-2 > * {
  width: 50%;
}
.flx-wrap-grid.flx-wrap-grid-3-xs > *,
.flx-wrap-grid.flx-wrap-grid-3 > * {
  width: 33.333%;
}
.flx-wrap-grid.flx-wrap-grid-4-xs > *,
.flx-wrap-grid.flx-wrap-grid-4 > * {
  width: 25%;
}
.flx-wrap-grid.flx-wrap-grid-5-xs > *,
.flx-wrap-grid.flx-wrap-grid-5 > * {
  width: 20%;
}
/*flx*/
/*btns*/
.icon-link {
  display: flex;
  align-items: center;
  line-height: 1.2rem;
}
.icon-link span {
  position: relative;
}
.icon-link svg {
  margin-right: 8px;
}
a.link {
  position: relative;
  color: #161616;
}
a.icon-link span::before,
a.link::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #161616;
  content: "";
  transition: width 0.5s cubic-bezier(0.19, 1, 0.19, 1);
}
a.icon-link:hover span::before,
a.link:hover::before {
  width: 100%;
}
.icon-link.primary {
  color: #161616;
}
.icon-link.primary span::before {
  background-color: #161616;
}
.icon-link.accent {
  color: #ffffff;
}
.icon-link.accent span::before {
  background-color: #ffffff;
}
.flat-button,
.stroked-button,
button {
  font-family: "Vitesse", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  position: relative;
  box-sizing: border-box;
  color: #161616;
  line-height: 39px;
  padding-top: 1px;
  background: none;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: none;
  border: 1px solid #ffffff;
  padding-left: 16px;
  padding-right: 16px;
  transition: color 0.5s cubic-bezier(0.19, 1, 0.19, 1);
  border-radius: 0;
}
button.icon-button {
  padding: 0;
  min-width: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  line-height: 30px;
}
button svg {
  vertical-align: middle;
}
.flat-button .loader-circle,
.stroked-button .loader-circle,
button .loader-circle {
  width: 24px;
  height: 24px;
  border-width: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
}
.stroked-button,
a.stroked-button {
  border: 1px solid #e6e6e6;
  transition: border-color 0.5s cubic-bezier(0.19, 1, 0.19, 1);
}
.stroked-button.green,
a.stroked-button.green {
  border-color: #4caf50;
  color: #4caf50;
}
.stroked-button.warn,
a.stroked-button.warn {
  border-color: #ffbbb4;
  color: #ea4c3a;
}
.flat-button:disabled,
.stroked-button:disabled {
  opacity: 0.5;
}
.icon-button.primary {
  background-color: #000;
  border-color: #000;
  color: #ffffff;
}
.icon-button.accent {
  background-color: #ffffff;
  border-color: #e6e6e6;
  color: #da2128;
}
.flat-button {
  min-height: 40px;
  padding-top: 1px;
  line-height: 39px;
  z-index: 2;
  border: 1px solid #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.flat-button.fat {
  min-height: 50px;
  font-weight: 700;
  line-height: 49px;
}
.flat-button.primary {
  background-color: #000;
  border-color: #000;
  color: #ffffff;
}
.flat-button.accent {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000;
}
.flat-button.warn {
  background-color: #ea4c3a;
  border-color: #ea4c3a;
  color: #ffffff;
}
.flat-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  bottom: 0;
  right: 110%;
  z-index: -1;
  border-radius: 0;
  transition: right 0.5s cubic-bezier(0.19, 1, 0.19, 1);
  transform: skew(-15deg, 0);
}
.flat-button.fat::after {
  border-radius: 0;
}
.flat-button.primary::after {
  background-color: #ffffff;
  color: #000;
}
.flat-button.accent::after {
  background-color: #000;
  color: #ffffff;
}
.flat-button.warn::after {
  background-color: #ffffff;
  color: #ea4c3a;
}
.flat-button.basic::after {
  background-color: #ffffff;
  color: #ea4c3a;
}
.flat-button .button-wrapper {
  position: relative;
  z-index: 1;
}
.flat-button.primary:hover {
  color: #000;
}
.flat-button.primary:hover::after {
  right: -10%;
}
.flat-button.accent:hover {
  color: #ffffff;
}
.flat-button.accent:hover::after {
  right: 0;
}
.flat-button.warn:hover {
  color: #ea4c3a;
}
.flat-button.warn:hover::after {
  right: 0;
}
.flat-button.basic:hover {
  color: #000;
}
.flat-button.basic:hover::after {
  right: 0;
}
.flat-button:disabled {
  opacity: 0.3;
}
.stroked-button:hover {
  border-color: #000;
}
.stroked-button.warn:hover {
  border-color: #ea4c3a;
}
.flat-button.gotop {
  position: fixed;
  left: 11px;
  bottom: 11px;
  padding: 0;
  width: 44px;
  z-index: 1002;
}
.master-router {
  min-height: calc(100vh - 160px);
}
/*sidenav*/
side-nav .side-nav-content {
  position: fixed;
  z-index: 9999;
  top: 0;
  height: 100vh;
  width: 50vw;
  overflow-y: scroll;
  background-color: #f3f3f3;
}
side-nav.left .side-nav-content {
  left: -100%;
  transition: left 0.4s cubic-bezier(0.19, 1, 0.19, 1);
}
side-nav.right .side-nav-content {
  right: -100%;
  transition: right 0.4s cubic-bezier(0.19, 1, 0.19, 1);
}
side-nav.left.open .side-nav-content {
  left: 0;
  pointer-events: auto;
}
side-nav.right.open .side-nav-content {
  right: 0;
  pointer-events: auto;
}
.screen-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #0009;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.19, 1);
}
side-nav.open .screen-overlay {
  visibility: visible;
  opacity: 1;
}
.master-header button.icon-button span.num_items {
  position: absolute;
  top: -7px;
  right: -7px;
  background: #000;
  color: #ffffff;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  font-size: 11px;
  line-height: 21px;
  font-weight: 700;
  z-index: 5;
  transform: none;
}
.master-header button.icon-button span.num_items.active {
  background: #da2128;
}
.master-header-info {
  position: relative;
  z-index: 607;
  height: 40px;
  width: 100%;
  border-top: 1px solid #da2128;
  border-bottom: 1px solid #e6e6e6;
  text-transform: uppercase;
  font-size: 0.8rem;
  background-color: #f3f3f3;
}
.master-header-info .info-right a {
  color: #161616;
  margin-right: 8px;
}
.master-header-info p {
  margin: 0 0 0 8px;
  font-weight: 700;
  font-size: 0.8rem;
}
.master-header-info .info-left .icon-link svg {
  margin-right: 8px;
}
.master-header-info .info-right .icon-link svg {
  margin-left: 8px;
}
.master-header-info .master-logo {
  height: 40px;
  padding: 0;
  top: 0;
}
.top-list-wrap {
  position: relative;
}
.top-list-wrap button {
  font-weight: 700;
  height: 28px;
  line-height: 24px;
  border-radius: 0;
  padding: 0 0 0 6px;
  border: 1px solid transparent;
}
.top-list-wrap.visible button {
  border: 1px solid #e6e6e6;
  border-bottom: 1px solid #ffffff;
  background: #ffffff;
  position: relative;
  z-index: 607;
}
.top-list-wrap .top-list {
  position: absolute;
  top: 27px;
  right: 0;
  min-width: 70px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  z-index: 606;
  background-color: #ffffff;
  text-align: right;
}
.top-list-wrap .top-list a {
  line-height: 16px;
  text-align: right;
  padding: 6px 12px;
  white-space: nowrap;
  width: 100%;
  border-radius: 0;
  font-weight: 700;
  font-size: 90%;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.master-header {
  width: 100%;
  padding: 0;
  z-index: 606;
  border-bottom: 1px solid #e6e6e6;
  background-color: #ffffff;
}
.master-header-wrapper {
  height: 68px;
}
.master-header-top {
  width: 100%;
  height: 60px;
  position: relative;
  z-index: 104;
}
.master-header-right {
  flex: 1;
}
.master-logo {
  width: 240px;
  height: 68px;
  margin: 0;
  line-height: 68px;
  display: inline-block;
  overflow: hidden;
  background: url("/assets/temared-logo-positive-15.svg");
  background-repeat: no-repeat;
  background-position: center;
  color: #ffffff;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: lowercase;
  font-size: 18px;
  text-indent: 500px;
  overflow: hidden;
}
.master-header #basket .mat-badge-content {
  right: -7px;
  top: -7px;
}
.master-header #basket svg {
  position: relative;
  z-index: 2;
}
.master-header #basket .cart-add-msg {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  padding: 0 48px 0 16px;
  border-radius: 20px;
  background: #4caf50;
  z-index: 1;
  color: #ffffff;
}
.master-header #basket .cart-add-msg::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 4px;
  right: 4px;
  background: #ffffff;
  border-radius: 16px;
}
.master-header #basket .cart-add-msg-anim {
  position: absolute;
  top: 3px;
  right: -1px;
  height: 40px;
  width: 0;
  border-radius: 20px;
  overflow: hidden;
  transition: width 1s cubic-bezier(0.19, 1, 0.19, 1);
}
.master-header #basket .cart-add-msg-anim.visible {
  width: 250px;
}
.master-header button.icon-button {
  position: relative;
  margin: 0 0 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  align-items: center;
}
.master-header button.icon-button span {
  line-height: 12px;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}
.master-header button.icon-button:hover {
  color: #da2128;
}
.page-normal {
  background: #ffffff;
}
.account-wrap {
  position: relative;
  z-index: 2;
}
.account-menu {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 6px 0 0 0;
  min-width: 200px;
  border-bottom: 1px solid #e6e6e6;
  visibility: hidden;
  opacity: 0;
  transform: translateX(50px);
  transition: transform 1s cubic-bezier(0.19, 1, 0.19, 1), opacity 1s cubic-bezier(0.19, 1, 0.19, 1);
}
.account-menu-items {
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.account-menu a {
  background: #ffffff;
  color: #161616;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 8px 16px;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
}
.account-menu a:hover {
  color: #da2128;
}
.account-wrap:hover .account-menu {
  visibility: visible;
  opacity: 1;
  transform: translateX(15px);
}
.infowarning {
  position: relative;
  width: 100vw;
  height: 20px;
  background: #da2128;
  overflow: hidden;
  margin: 0 0 -1px 0;
  padding: 0;
  line-height: 20px;
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
}
.m-scroll {
  overflow: hidden;
  height: 100%;
  white-space: nowrap;
  -webkit-animation: scrollText 10s infinite linear;
          animation: scrollText 10s infinite linear;
  margin: 0;
  font-size: 0;
  display: inline-block;
}
.m-scroll span {
  font-size: 0.75rem;
  display: inline-block;
  min-width: 100vw;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: white;
}
@-webkit-keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
.search {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  border: 1px solid #e6e6e6;
  background: #fcfcfc;
  min-width: 40vw;
  z-index: 999;
}
.search.hidden {
  display: none;
}
.search.active,
.search:focus-within {
  border-color: #da2128;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}
.search input {
  border: none;
  padding: 0 10px;
  background: #fcfcfc;
  flex: 1;
}
.search button.icon-button {
  margin: 2.5px;
  color: #da2128;
}
.search-results {
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  overflow: hidden;
  padding: 0;
  border: 1px solid #da2128;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}
.search-results a {
  background: #ffffff;
  padding: 4px 16px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  color: #000;
  font-weight: 700;
}
.search-results a div span {
  font-weight: 400;
  opacity: 0.8;
}
.search-results a p {
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.search-results a p.search-title {
  font-weight: 700;
}
.search-results a p.search-subtitle {
  font-weight: 400;
}
.search-results a app-price {
  margin-left: auto;
  margin-right: 8px;
}
.search-results a::ng-deep .price {
  padding: 5px 0 0 0;
  transition: color 1s cubic-bezier(0.19, 1, 0.19, 1);
  text-align: left;
}
.search-results hr {
  width: calc(100% - 16px);
  height: 1px;
  background: #e6e6e6;
}
.search-results-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.search-results h4 {
  padding: 16px 16px 8px 16px;
  border-top: 1px solid #da2128;
}
.lang {
  width: 26px;
  height: 26px;
  background: #ea4c3a;
}
.navigation {
  position: relative;
  width: 100%;
  background-color: #ffffff;
}
.navigation > ul {
  z-index: 105;
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}
.navigation li a,
.navigation li button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #161616;
  height: 50px;
  padding: 0 16px;
  margin: 0;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  line-height: 50px;
  white-space: nowrap;
  border: none;
  background: none;
}
.navigation li a::before,
.navigation li button::before {
  position: absolute;
  width: 0;
  height: 4px;
  background: #da2128;
  content: "";
  left: 50%;
  bottom: -1px;
  opacity: 0;
  transform: translateX(-50%);
  transition: width 0.4s cubic-bezier(0.19, 1, 0.19, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.19, 1);
}
.navigation li a.active::before,
.navigation li a.hovered::before,
.navigation li a:hover::before,
.navigation li button.active::before,
.navigation li button.hovered::before,
.navigation li button:hover::before {
  width: 100%;
  opacity: 1;
}
.master-header-drop {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  background: #ffffff;
  padding: 0;
  overflow: hidden;
  z-index: 103;
  transform: translate3d(0, -150%, 0);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.19, 1);
}
.master-header-drop.visible {
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
.master-header-drop ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.master-header-drop ul ul {
  width: 100%;
  z-index: 2;
}
.master-header-drop ul ul ul {
  z-index: 3;
}
.master-header-drop ul ul ul ul {
  z-index: 4;
}
.master-header-drop ul li {
  width: 100%;
  margin: 0;
  padding: 0;
}
.master-header-drop ul li button,
.master-header-drop ul li a {
  display: inline-block;
  text-align: left;
  text-transform: none;
  cursor: pointer;
  color: #000;
  height: 50px;
  line-height: 50px;
  font-size: 13px;
  font-weight: 700;
  padding: 0 16px;
  margin: 0;
  width: 100%;
  white-space: nowrap;
}
.master-header-drop ul li a::before {
  left: 0;
  transform: translateX(0%);
}
.master-header-drop ul li a.active::before,
.master-header-drop ul li a.hovered::before,
.master-header-drop ul li a:hover::before {
  width: 100%;
  opacity: 1;
}
.master-header-drop .master-header-drop-main {
  background: #f3f3f3;
  border-right: 1px solid #e6e6e6;
  width: 80%;
}
.master-header-drop .master-header-drop-main.multilevel {
  width: 20%;
}
.master-header-drop .master-header-drop-main li {
  border-bottom: 1px solid #e6e6e6;
}
.master-header-drop .master-header-drop-main li.active {
  background: #ffffff;
  box-shadow: 1px 0px white;
}
.master-header-drop .master-header-drop-secondary {
  padding: 0 16px;
  width: 60%;
}
.master-header-drop .master-header-drop-secondary button {
  font-size: 12px;
  opacity: 0.7;
}
.master-header-drop .master-header-drop-secondary li {
  max-width: 260px;
}
.master-header-drop .master-header-drop-secondary li a {
  line-height: 20px;
  height: 20px;
  margin: 4px 16px;
  padding: 0;
  width: auto;
}
.master-header-drop .navigation-image-wrap {
  padding: 16px;
  width: 20%;
}
.breadcrumb-wrap {
  width: 100%;
  height: 40px;
  overflow: hidden;
}
.breadcrumb {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.breadcrumb li {
  display: inline-block;
  margin: 0 6px 0 0;
}
.breadcrumb li span,
.breadcrumb li a {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #3E3B38;
  opacity: 0.6;
}
.breadcrumb li svg {
  vertical-align: -3px;
  opacity: 0.6;
  font-size: 70%;
  margin-left: 5px;
}
.breadcrumb li:last-child span,
.breadcrumb li:last-child a {
  color: #3E3B38;
  opacity: 1;
}
.breadcrumb li:last-child svg {
  display: none;
}
#quick-add {
  background: #ffffff;
  padding: 15px;
  top: 70px;
  right: 90px;
  position: fixed;
  width: 320px;
  min-height: 200px;
  max-width: 90vw;
  border-top: 3px solid #3E3B38;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  z-index: 999;
  transition: top 0.5s cubic-bezier(0.19, 1, 0.19, 1);
}
#quick-add.fixed {
  top: 55px;
}
#quick-add::after {
  content: "";
  position: absolute;
  top: -8px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #3E3B38;
  margin-bottom: -3px;
}
#quick-add h4 {
  margin: 0 0 10px 0;
}
.box-16-9-wrap {
  position: relative;
  width: 100%;
}
.box-16-9 {
  position: relative;
  width: 100%;
  z-index: 4;
  line-height: 0;
  overflow: hidden;
}
.box-16-9::after {
  content: "";
  width: 100%;
  padding-top: 56.25%;
  display: inline-block;
}
.box-16-9 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box-16-9 slider {
  position: absolute;
}
body header {
  position: relative;
  z-index: 5;
  padding: 16px 0;
  border-bottom: 1px solid #e6e6e6;
  background: #ffffff;
}
body header h4 {
  margin: 0;
  color: #da2128;
  font-size: 0.75rem !important;
  text-transform: uppercase;
}
body header h2 {
  margin: 0;
}
body header p {
  padding: 6px 0;
  margin-top: 24px;
  max-width: 80%;
  font-weight: 400;
  font-size: 120%;
}
body .fancy-box {
  position: relative;
  z-index: 5;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6e6e6;
}
body .fancy-box h4 {
  margin: 0;
  font-weight: 400;
  font-size: 80%;
}
body .fancy-box h2 {
  font-size: 150%;
  margin: 0;
  font-weight: 700;
}
.badges {
  z-index: 10;
}
.badges .badge {
  display: inline-block;
  font-size: 8px;
  padding: 2px 12px 2px 12px;
  margin-bottom: 2px;
  color: #ffffff;
  min-width: 40px;
  height: 20px;
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}
.badges .badge::after {
  content: "";
  position: absolute;
  left: 5%;
  top: 0;
  width: 90%;
  height: 100%;
  z-index: -1;
  background: #da2128;
  transform: skew(-15deg, 0);
}
.price {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.dummy-card {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 150%;
  background: #ffffff;
  position: relative;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.low-stock {
  background: #000;
  color: #ffffff;
  border-radius: 4px;
  padding: 4px;
  margin: 4px 0;
  text-align: center;
}
app-product {
  display: flex;
  flex-direction: column;
  background: #fcfcfc;
  position: relative;
  padding: 0 0 16px 0;
  border-radius: 4px;
  min-height: 100%;
  border: 1px solid #eaeaea;
}
app-product .badges {
  position: absolute;
  top: 4px;
  right: -6px;
  display: flex;
  flex-direction: column;
}
app-product a {
  color: #161616;
}
app-product .product-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ffffff;
}
.slider-cell app-product picture img,
app-product .product-image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
app-product .card-product-content-wrap {
  position: relative;
  background-color: #fcfcfc;
  display: flex;
  flex-grow: 1;
}
app-product .card-product-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #3E3B38;
  padding: 16px 16px 0 16px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
  border-top: 1px solid #da2128;
  background-color: #fcfcfc;
}
app-product .card-product-content-mock {
  width: 100%;
  color: #3E3B38;
  padding: 16px 16px 0 16px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1;
  border-top: 1px solid #fcfcfc;
  background-color: #fcfcfc;
}
app-product .card-product-actions {
  display: flex;
  flex-direction: column;
  padding: 8px 16px 0 16px;
  background-color: #fcfcfc;
}
app-product .card-product-actions > div {
  display: flex;
}
app-product app-price {
  position: relative;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
app-product h3 {
  font-size: 16px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  margin: 0;
}
app-product p {
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  opacity: 0.6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 6px 0 0 0;
}
app-product app-decoder {
  position: absolute;
  bottom: calc(100% + 1px);
  left: 0;
  padding: 16px 8px;
  font-size: 13px;
  font-weight: 400;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  background-color: #fcfcfc;
  display: none;
}
app-product .favorite {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 9;
}
app-product .favorite .checkbox {
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  padding: 12px;
  cursor: pointer;
}
app-product .favorite input {
  background-color: #f3f3f3;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
app-product .favorite input:checked {
  background-color: #1d1d1d;
}
app-product .favorite .icon-button {
  background-color: #ffffff;
  line-height: 0;
}
app-product .tilting {
  position: absolute;
  top: 4px;
  left: 48px;
  z-index: 9;
  background-color: #ffffff;
  color: #000;
  width: 40px;
  height: 40px;
  padding: 6px;
  line-height: 14px;
  font-size: 1rem;
  overflow: hidden;
  text-transform: uppercase;
  font-family: "Vitesse", sans-serif;
  font-weight: 700;
}
.loading-content {
  position: relative;
  overflow: hidden;
  background-color: #f3f3f3;
  border-radius: 4px;
}
.loading-content::after {
  content: "";
  display: block;
  position: absolute;
  left: -33.33333%;
  top: 0;
  height: 100%;
  width: 33.33333%;
  background: linear-gradient(to right, transparent 0%, #ffffff 50%, transparent 100%);
  -webkit-animation: load 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: load 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@-webkit-keyframes load {
  from {
    left: -33.33333%;
  }
  to {
    left: 100%;
  }
}
@keyframes load {
  from {
    left: -33.33333%;
  }
  to {
    left: 100%;
  }
}
.input-quantity {
  background-color: #f3f3f3;
  border: 1px solid #e6e6e6;
  border-width: 1px 0;
  min-width: 30px;
  width: 52px;
  height: 52px;
  margin: 0 -3px;
  flex: 1 1 auto;
  text-align: center;
  font-weight: 700;
  vertical-align: bottom;
}
.stroked-button.btn-quantity {
  padding: 0;
  background: #ffffff;
  border-radius: 0;
  min-width: 40px;
  width: 52px;
  height: 52px;
  flex: 0 1 auto;
}
.btn-delete {
  line-height: 54px;
  color: #ea4c3a;
  padding: 0;
  height: 52px;
  min-width: 52px !important;
  margin-left: 6px;
  background: #ffffff;
  border-radius: 0;
}
.btn-delete svg {
  vertical-align: -3px;
}
/*header*/
/*dialog without padding*/
body.disabled-modal modal-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-y: scroll;
}
modal-dialog .dialog {
  background: #ffffff;
  border-radius: 0;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.1);
  max-width: 96vw;
  padding: 16px;
  margin: auto 0;
  z-index: 9999;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.19, 1);
}
modal-dialog .dialog.narrow {
  max-width: 650px;
  width: 90%;
}
modal-dialog .dialog.evidences {
  padding: 0;
  border-radius: 16px;
}
modal-dialog .dialog-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
modal-dialog .dialog .dialog-buttons {
  margin-top: 16px;
}
modal-dialog .dialog-buttons > * {
  margin-right: 16px;
}
modal-dialog .dialog-buttons > *:last-child {
  margin-right: 0;
}
modal-dialog .confirmbox {
  border-top: 1px solid #e6e6e6;
  padding: 0;
}
modal-dialog .confirmbox.last {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 8px;
}
modal-dialog .snackbar {
  position: fixed;
  bottom: 16px;
  left: 50%;
  background: #ffffff;
  color: #000;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #fcfcfc;
  border-radius: 0;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.25);
  min-width: 300px;
  max-width: 96vw;
  padding: 8px 8px 8px 16px;
  z-index: 9999;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.19, 1);
}
modal-dialog .snackbar .dialog-buttons {
  margin-left: 16px;
}
modal-dialog .screen-overlay.visible,
modal-dialog .snackbar,
modal-dialog .dialog.visible {
  opacity: 1;
  visibility: visible;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #4caf50;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  min-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin-right: 16px;
  box-shadow: inset 0px 0px 0px #4caf50;
  -webkit-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
          animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
.normal .checkmark__circle {
  stroke: #FFA726;
}
.normal .checkmark {
  box-shadow: inset 0px 0px 0px #FFA726;
  -webkit-animation: fillwarn 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
          animation: fillwarn 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.error .checkmark__circle {
  stroke: #ea4c3a;
}
.error .checkmark {
  box-shadow: inset 0px 0px 0px #ea4c3a;
  -webkit-animation: fillerror 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
          animation: fillerror 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@-webkit-keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #4caf50;
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #4caf50;
  }
}
@-webkit-keyframes fillerror {
  100% {
    box-shadow: inset 0px 0px 0px 30px #ea4c3a;
  }
}
@keyframes fillerror {
  100% {
    box-shadow: inset 0px 0px 0px 30px #ea4c3a;
  }
}
@-webkit-keyframes fillwarn {
  100% {
    box-shadow: inset 0px 0px 0px 30px #FFA726;
  }
}
@keyframes fillwarn {
  100% {
    box-shadow: inset 0px 0px 0px 30px #FFA726;
  }
}
.nopad-dialog .mat-dialog-container {
  padding: 0;
}
.nobg-dialog .mat-dialog-container {
  background: none;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
}
.mat-dialog-container .dialog-close {
  position: absolute;
  top: -14px;
  right: -14px;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  z-index: 9;
  line-height: 38px;
  border-radius: 0;
}
/*master loader*/
#master-loader-bar.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  height: 2px;
  background: #8bc34a;
  z-index: 99999999999;
}
/*lists*/
.blist li {
  margin: 5px 0 5px 25px;
  display: inline-block;
  position: relative;
  width: calc(100% - 25px);
}
.blist li::before {
  position: absolute;
  top: 50%;
  left: -17px;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #da2128;
  content: "";
}
.list-image img {
  height: 40px;
  margin: 5px;
}
/*dynimage*/
app-image {
  display: flex;
  flex-direction: column;
}
.app-image-caption {
  font-size: 1rem;
  line-height: 1rem;
  padding: 8px 0 0 0;
  font-weight: 300;
  font-style: italic;
  position: relative;
}
.dummy-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dummy-img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.dummy-img.natural {
  position: relative;
  display: inline-block;
  padding-bottom: 100%;
}
.dummy-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/*paginator*/
.paginator {
  flex-direction: column;
  padding: 8px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 4px;
}
.paginator:last-child {
  border-top: 1px solid #e6e6e6;
}
.paginator .mat-icon-button {
  background: #fcfcfc;
  border-radius: 0;
  border-left: 1px solid #ffffff;
}
.paginator .mat-paginator {
  background: none;
}
.paginator .mat-paginator .mat-paginator-container {
  padding: 0;
}
.paginator .mat-form-field-flex > .mat-form-field-infix {
  padding: 0.4em 0px !important;
}
.paginator .mat-form-field-label-wrapper {
  top: -1.5em;
}
.paginator .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.1em) scale(0.75);
  width: 133.33333%;
}
.paginator .mat-form-field-appearance-outline .mat-form-field-wrapper,
.paginator .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.paginator .mat-paginator .mat-paginator-container {
  justify-content: space-between;
}
.paginator .mat-paginator .mat-paginator-range-label {
  order: 2;
  margin: 0 8px;
}
.paginator .mat-paginator .mat-paginator-navigation-previous {
  order: 1;
}
.paginator .mat-paginator .mat-paginator-navigation-next {
  order: 3;
}
.paginator .mat-paginator .mat-paginator-navigation-last {
  order: 4;
}
/*switch component*/
/*switch component*/
.switch,
.switch-style,
.switch-style:before {
  box-sizing: border-box;
}
.switch {
  display: inline-block;
  font-size: 100%;
  line-height: 1.2em;
  position: relative;
}
.switch .switch-style {
  height: 1.6em;
  left: 0;
  background: #eaeaea;
  border-radius: 0.8em;
  display: inline-block;
  position: relative;
  top: 0;
  transition: all 0.3s ease-in-out;
  width: 3em;
  vertical-align: bottom;
  margin-right: 8px;
  cursor: pointer;
}
.switch .switch-style:before {
  display: block;
  content: "";
  height: 1.4em;
  position: absolute;
  width: 1.4em;
  background-color: #fff;
  border-radius: 50%;
  left: 0.1em;
  top: 0.1em;
  transition: all 0.3s ease-in-out;
}
.switch > input[type=checkbox] {
  display: none;
}
.switch > input[type=checkbox][disabled] + .switch-style {
  cursor: not-allowed;
  background-color: #f3f3f3;
}
.switch > input[type=checkbox]:checked + .switch-style {
  background-color: #da2128;
}
.switch > input[type=checkbox]:checked + .switch-style:before {
  left: 50%;
}
.switch > input[type=checkbox]:checked[disabled] + .switch-style {
  background-color: #f3f3f3;
}
.switch.switch-blue > input[type=checkbox]:checked + .switch-style {
  background-color: #da2128;
}
.switch.switch-blue > input[type=checkbox]:checked[disabled] + .switch-style {
  background-color: #da2128;
}
/*radio checkbox form field mimic*/
.mat-error {
  white-space: nowrap;
  color: #ea4c3a;
  font-size: 0.75rem;
}
.radio-checkbox-wrap {
  margin: 0.25em 0;
  padding-bottom: 1.34375em;
}
.mat-error.custom,
.rodo-checkbox .mat-error,
.radio-checkbox-wrap .mat-error {
  padding: 0 1em;
  font-size: 75%;
}
.mat-option app-image {
  width: 40px;
  height: 40px;
  margin: 4px 4px 4px 0;
  vertical-align: top;
  border-radius: 4px;
  display: inline-block;
}
.mat-option app-image img {
  opacity: 1 !important;
}
.mat-option app-price {
  display: inline-block;
}
.mat-option app-price .price {
  font-weight: 400;
}
.mat-select-panel {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mat-custom-panel {
  max-height: 212px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mat-custom-panel .mat-form-field-infix {
  width: 50px;
}
.mat-custom-panel .mat-option-text {
  display: flex;
  justify-content: space-between;
}
.mat-custom-panel.with-range {
  padding: 1em 0;
}
.mat-custom-panel.with-range .mat-option {
  height: auto;
}
.mat-custom-panel.with-range .mat-form-field-wrapper {
  padding-bottom: 0;
}
.mat-custom-panel-range {
  padding: 0 16px 16px 16px;
}
.ngx-slider .ngx-slider-bar {
  background: #000 !important;
}
.ngx-slider .ngx-slider-pointer,
.ngx-slider .ngx-slider-selection {
  background: #da2128 !important;
}
.mat-custom-footer {
  display: flex;
  height: 44px;
  background: #f3f3f3;
}
.mat-custom-footer .flat-button {
  padding: 0;
  width: 50%;
}
.mat-custom-footer button:first-child {
  background: transparent;
  color: #161616;
}
.mat-form-field-appearance-outline .mat-select-value {
  transform: translateY(-20%);
}
body .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
body .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
body .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap,
body .mat-form-field-appearance-outline .mat-form-field-outline-gap,
body .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-start,
body .mat-form-field-appearance-outline .mat-form-field-outline .mat-form-field-outline-end {
  border-radius: 0;
  border-color: #e6e6e6;
}
.noerror .mat-form-field-wrapper {
  padding-bottom: 0;
}
.social a {
  font-size: 16px;
  color: #000;
}
.social span {
  display: none;
}
.social .icon {
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  opacity: 0.25;
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.19, 1);
}
.social a:hover .icon {
  opacity: 0.5;
}
body map-info-window h4 {
  margin: 0 0 12px 0;
  min-width: 200px;
}
body map-info-window p {
  margin: 0 0 6px 0;
}
body map-info-window p a {
  color: #000;
  text-decoration: underline;
}
.rodo-checkbox {
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 16px;
}
.rodo-checkbox .mat-checkbox-layout .mat-checkbox-label {
  white-space: normal;
  font-size: 12px;
  line-height: 16px;
}
app-price {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
app-price .price {
  font-weight: 700;
}
app-price .price-old {
  font-size: 80%;
}
app-price .price-old span.info {
  display: none;
  margin-right: 5px;
}
app-price .price-old span.normal {
  color: #161616;
  opacity: 0.6;
  text-decoration: line-through;
}
app-price .price-old span.discount {
  color: #ea4c3a;
  margin-left: 5px;
}
#fb-messenger-fake-button {
  padding: 0 !important;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 0.3s;
  overflow: hidden;
  background: transparent;
}
#fb-messenger-fake-button svg {
  display: block;
  width: 100%;
  height: 100%;
}
#fb-messenger-fake-button.active #logo {
  opacity: 0;
}
#fb-messenger-fake-button.active #spinner {
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite;
  transform-origin: center;
}
@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 960px) {
  .w-25 {
    width: 25%;
  }

  .w-33 {
    width: 33%;
  }

  .w-50 {
    width: 50%;
  }

  .w-50-md {
    width: 50%;
  }

  .w-77 {
    width: 77%;
  }

  .w-100 {
    width: 100%;
  }

  .w-auto-100 {
    width: auto;
  }

  .hide-xs {
    display: inline-block;
  }

  .flx-dynamic {
    flex-direction: row;
  }

  .m-scroll span {
    min-width: 33.333vw;
  }

  .flx-wrap-grid {
    flex-wrap: wrap;
    margin: -12px;
  }

  .flx-wrap-grid > * {
    padding: 12px;
  }

  .flx-wrap-grid.flx-wrap-grid-2-sm > * {
    width: 50%;
  }

  .flx-wrap-grid.flx-wrap-grid-3-sm > * {
    width: 33.333%;
  }

  .flx-wrap-grid.flx-wrap-grid-4-sm > * {
    width: 25%;
  }

  .flx-wrap-grid.flx-wrap-grid-5-sm > * {
    width: 20%;
  }

  .flx-cntr-strt-md {
    justify-content: center;
    align-items: flex-start;
  }

  .flx-cntr-cntr-md {
    justify-content: center;
    align-items: center;
  }

  .flx-cntr-end-md {
    justify-content: center;
    align-items: flex-end;
  }

  .flx-btwn-strt-md {
    justify-content: space-between;
    align-items: flex-start;
  }

  .flx-btwn-cntr-md {
    justify-content: space-between;
    align-items: center;
  }

  .flx-btwn-end-md {
    justify-content: space-between;
    align-items: flex-end;
  }

  .flx-strt-strt-md {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .flx-strt-cntr-md {
    justify-content: flex-start;
    align-items: center;
  }

  .flx-strt-end-md {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .flx-end-strt-md {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .flx-end-cntr-md {
    justify-content: flex-end;
    align-items: center;
  }

  .flx-end-end-md {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .flx-row.flx-gap-half > *,
.flx-dynamic.flx-gap-half > * {
    margin-right: 8px;
    margin-bottom: 0;
  }

  .flx-row.flx-gap-default > *,
.flx-dynamic.flx-gap-default > * {
    margin-right: 16px;
    margin-bottom: 0;
  }

  .flx-row.flx-gap-double > *,
.flx-dynamic.flx-gap-double > * {
    margin-right: 32px;
    margin-bottom: 0;
  }

  .flx-row.flx-gap-triple > *,
.flx-dynamic.flx-gap-triple > * {
    margin-right: 48px;
    margin-bottom: 0;
  }

  .flx-row.flx-gap-quadruple > *,
.flx-dynamic.flx-gap-quadruple > * {
    margin-right: 64px;
    margin-bottom: 0;
  }

  .flx-row.flx-gap-half > *:last-child,
.flx-dynamic.flx-gap-half > *:last-child,
.flx-row.flx-gap-default > *:last-child,
.flx-dynamic.flx-gap-default > *:last-child,
.flx-row.flx-gap-double > *:last-child,
.flx-dynamic.flx-gap-double > *:last-child,
.flx-row.flx-gap-triple > *:last-child,
.flx-dynamic.flx-gap-triple > *:last-child,
.flx-row.flx-gap-quadruple > *:last-child,
.flx-dynamic.flx-gap-quadruple > *:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }

  .flx-dynamic-33 {
    width: 33.333%;
  }

  .flx-dynamic-50 {
    width: 50%;
  }

  app-price .price-old span.info {
    display: inline-block;
    color: #161616;
    opacity: 0.6;
  }

  app-product .card-product-actions {
    flex-direction: row;
  }

  app-product .card-product-actions .flat-button {
    flex: 1 0 auto;
    margin-left: 6px;
    max-height: 52px;
  }

  app-product h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  app-product:hover {
    z-index: 60;
  }

  app-product:hover .card-product-content h3,
app-product:hover .card-product-content p {
    white-space: normal;
  }

  app-product:hover app-decoder {
    display: flex;
  }

  app-product:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 4px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.19, 1, 0.19, 1);
  }

  app-product:hover::before {
    opacity: 1;
  }

  app-product:hover .card-product-content {
    background-color: #ffffff;
  }

  app-product .favorite .icon-button:hover {
    color: #da2128;
  }
}
@media screen and (min-width: 1280px) {
  .hide-sm {
    display: inline-block;
  }

  .hide-md {
    display: none !important;
  }

  .flx-wrap-grid {
    flex-wrap: wrap;
    margin: -16px;
  }

  .flx-wrap-grid > * {
    padding: 16px;
  }

  .flx-wrap-grid.flx-wrap-grid-2-md > * {
    width: 50%;
  }

  .flx-wrap-grid.flx-wrap-grid-3-md > * {
    width: 33.333%;
  }

  .flx-wrap-grid.flx-wrap-grid-4-md > * {
    width: 25%;
  }

  .flx-wrap-grid.flx-wrap-grid-5-md > * {
    width: 20%;
  }

  .badges .badge {
    margin-bottom: 4px;
    min-width: 60px;
    height: 24px;
    line-height: 22px;
  }

  .paginator {
    flex-direction: row;
  }
}
@media screen and (max-width: 1440px) {
  side-nav .side-nav-content {
    width: 90vw;
  }
}
@media screen and (max-width: 1279px) {
  body .master-drawer {
    display: flex;
    min-height: 100%;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
  }

  .gutter {
    padding-left: 16px;
    padding-right: 16px;
  }

  .gutter-v {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .gutter-t {
    padding-top: 24px;
  }

  .gutter-b {
    padding-bottom: 24px;
  }

  .master-router {
    min-height: calc(100vh - 110px);
  }

  .master-logo {
    left: 16px;
    width: 130px;
    padding-top: 58px;
    line-height: 14px;
    font-size: 28px;
    font-weight: bold;
    background: url("/assets/temared-logo-positive-mobile.svg");
    background-repeat: no-repeat;
    background-position: center;
  }

  .master-drawer-inner-wrap {
    min-height: 100%;
  }

  .master-header-right .hamburger {
    margin-right: auto;
  }

  .master-drawer-top {
    width: 100%;
    height: 60px;
    padding: 10px;
    background: #ffffff;
  }

  .master-drawer-bottom {
    width: 100%;
    height: 70px;
    padding: 10px;
    background: #ffffff;
    border-top: 1px solid #e6e6e6;
    margin-top: auto;
  }

  .master-drawer .mobile-navigation-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    transition: height 0.3s cubic-bezier(0.19, 1, 0.19, 1);
  }

  .master-drawer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #ffffff;
  }

  .master-drawer ul ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }

  .master-drawer ul ul ul {
    z-index: 3;
  }

  .master-drawer ul ul ul ul {
    z-index: 4;
  }

  .master-drawer ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
  }

  .master-drawer ul li span,
.master-drawer ul li a {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    font-weight: 700;
    background: #ffffff;
    color: #000;
    height: 49px;
    line-height: 49px;
    padding: 0 16px;
    margin: 0;
    width: 100%;
    white-space: nowrap;
  }

  .master-drawer ul li span svg,
.master-drawer ul li a svg {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }

  .master-drawer ul li.navigation-head {
    background: #ffffff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
  }

  .master-drawer ul li.navigation-head span,
.master-drawer ul li.navigation-head a {
    font-weight: 400;
    background: #ffffff;
    width: auto;
    text-transform: none;
  }

  .master-drawer ul li.navigation-head span svg,
.master-drawer ul li.navigation-head a svg {
    vertical-align: -5px;
  }

  #navbar-footer {
    width: 100%;
    padding: 0 4vw;
  }

  #navbar-footer .social {
    color: #000;
  }

  #navbar-footer::ng-deep p {
    font-size: 14px;
    font-weight: 400;
  }

  #navbar-footer-bottom {
    margin: 40px 0;
  }

  body.scrollable-modal .mat-dialog-container {
    width: 94vw;
  }

  body .mat-form-field-infix {
    width: 50px;
  }

  .master-cart app-price .price {
    text-align: left;
  }

  .master-cart app-price .price-old {
    text-align: left;
  }

  .search {
    top: 100%;
    width: 100vw;
  }
}
@media screen and (max-width: 599px) {
  side-nav .side-nav-content {
    width: 90vw;
  }

  #quick-add {
    right: 15px;
  }

  #quick-add::after {
    right: 50px;
  }

  .flx-break {
    flex-basis: 100%;
    height: 0;
  }

  .flx-col.flx-gap-half > *,
.flx-dynamic.flx-gap-half > * {
    margin-bottom: 8px;
  }

  .flx-col.flx-gap-default > *,
.flx-dynamic.flx-gap-default > * {
    margin-bottom: 16px;
  }

  .flx-col.flx-gap-double > *,
.flx-dynamic.flx-gap-double > * {
    margin-bottom: 18px;
  }

  .flx-col.flx-gap-triple > *,
.flx-dynamic.flx-gap-triple > * {
    margin-bottom: 24px;
  }

  .flx-col.flx-gap-quadruple > *,
.flx-dynamic.flx-gap-quadruple > * {
    margin-bottom: 32px;
  }

  .square-wrap {
    padding-bottom: 100%;
  }

  .square-wrap-small {
    padding-bottom: 100% !important;
  }

  modal-dialog .snackbar {
    flex-direction: column;
  }

  modal-dialog .snackbar .dialog-buttons {
    margin-left: 0;
    margin-top: 8px;
    width: 100%;
  }

  modal-dialog .snackbar .dialog-buttons button {
    flex-grow: 1;
  }
}
#tbb-badge {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  height: 60px;
  max-width: 60px;
  background: #da2128;
  border-right: none;
  box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  white-space: nowrap;
  transition: max-width 0.35s ease;
  cursor: pointer;
}
#tbb-badge::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 0;
  width: 90%;
  height: 100%;
  z-index: -1;
  background: #da2128;
  transform: skew(15deg, 0);
}
#tbb-badge:hover,
#tbb-badge.tbb-open {
  max-width: 340px;
}
#tbb-badge:focus-visible {
  outline: 2px solid #da532c;
  outline-offset: 2px;
}
@-webkit-keyframes tbb-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(218, 83, 44, 0.55);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(218, 83, 44, 0);
  }
}
@keyframes tbb-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(218, 83, 44, 0.55);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(218, 83, 44, 0);
  }
}
#tbb-badge .bonus {
  position: absolute;
  top: 9px;
  left: 16px;
  color: #ffffff;
  font-size: 30px;
}
#tbb-badge .tbb-collapsed {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font: 700 12px/1 Arial, sans-serif;
  letter-spacing: 0.06em;
  color: #fff;
  padding: 10px 5px;
  flex: 0 0 60px;
  text-align: center;
}
#tbb-badge .tbb-expanded {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px 0 8px;
  font: 600 13px/1.2 Arial, sans-serif;
  color: #fff;
}
@media (max-width: 640px) {
  #tbb-badge {
    height: 40px;
  }

  #tbb-badge .tbb-expanded {
    font-size: 12px;
  }
}

/*# sourceMappingURL=styles.css.map*/