@charset "UTF-8";
:root {
  --colorBrand: hsl(43, 100%, 50%);
  --colorBrand-h: 43;
  --colorBrand-s: 100;
  --colorBrand-l: 50;
  --colorBrand-contrast: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  --colorBrandSecondary: hsl(216, 100%, 51%);
  --colorBrandSecondary-h: 216;
  --colorBrandSecondary-s: 100;
  --colorBrandSecondary-l: 51;
  --colorBodyBg: hsl(0, 0%, 100%);
  --colorBodyBg-h: 0;
  --colorBodyBg-s: 0;
  --colorBodyBg-l: 100;
  --colorSecondaryBg: hsl(0, 0%, 91%);
  --colorSecondaryBg-h: 0;
  --colorSecondaryBg-s: 0;
  --colorSecondaryBg-l: 91;
  --colorContrastBg: hsl(203, 28%, 8%);
  --colorContrastBg-h: 203;
  --colorContrastBg-s: 28;
  --colorContrastBg-l: 8;
  --colorThemeAccent: hsl(0, 0%, 100%);
  --colorThemeAccent-h: 0;
  --colorThemeAccent-s: 0;
  --colorThemeAccent-l: 100;
  --colorBrandBg: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1.93 * 1%));
  --colorBrandBgDark: hsla(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 1%), 0.25);
  --colorShadeBg: rgba(0,0,0,.8);
  --colorShadeBgLight: #F6F6F6;
  --colorOutlines: #e3e3e3;
  --colorOutlinesLight: #f5f5f5;
  --colorHighlighted: #ba0000;
  --starsColor: #fcad00;
  --colorBlack: #000000;
  --colorWhite: #ffffff;
  --colorHeaderLink: #000;
  --colorHeaderLinkUnderline: var(--colorBrand);
  --colorHeaderBackground: #fff;
  --colorHeaderGradient: transparent;
  --colorErrorsDefault: hsl(352, 100%, 43%);
  --colorErrorsDefault-h: 352;
  --colorErrorsDefault-s: 100;
  --colorErrorsDefault-l: 43;
  --colorText: hsl(0, 0%, 12%);
  --colorText-h: 0;
  --colorText-s: 0;
  --colorText-l: 12;
  --colorTextHeading: var(--colorText);
  --colorTextSubtle: #4a4a4a;
  --colorLinkText: var(--colorBrand);
  --colorLinkTextActive: var(--colorText);
  --colorInputBorder: var(--colorOutlines);
  --colorInputBackground: var(--colorThemeAccent);
  --colorInputBorderFocus: #383838;
  --colorInputBackgroundFocus: var(--colorThemeAccent);
  --colorInputBackgroundInvalid: var(--colorThemeAccent);
  --colorButtonBg: var(--colorBrand);
  --colorButtonDisabledBg: gray;
  --colorButtonText: white;
  --colorBorderConfigurator: #DFE1ED;
  --colorMainDark: #363530;
  --colorConfiguratorBg: #efefef;
  --colorLightInactive: hsl(0, 0%, 52%, 0.2);
  --colorFrameHover: #f5f5f5;
  --colorLightBorders: #f5f5f5;
  --colorDarkBorders: rgb(114, 114, 114);
  --colorActiveBorderStepper: 1px solid var(--colorBrand);
  --colorInactiveTexts: hsla(186, 0%, 0%, 0.5);
  --configuratorPrimaryColor: hsl(28, 25%, 42%);
  --configuratorPrimaryColor-h: 28;
  --configuratorPrimaryColor-s: 25;
  --configuratorPrimaryColor-l: 42;
  --configuratorPrimaryColor-contrast: hsl(0, 0%, calc((var(--configuratorPrimaryColor-l) - 60) * -100%));
  --configuratorFooterBackground: hsl(197, 100%, 95%);
  --configuratorButtonHoverBackground: hsl(197, 100%, 36%);
  --stateInfo: #5895f5;
  --stateSuccess: #4dab00;
  --stateWarning: #f58c59;
  --stateError: #dc2727;
  --colorStockIn: var(--stateSuccess);
  --colorStockOut: var(--stateError);
  --colorBackgroundProductListItem: transparent;
  --colorTagRecommended: hsl(204, 70%, 53%);
  --colorTagRecommended-h: 204;
  --colorTagRecommended-s: 70;
  --colorTagRecommended-l: 53;
  --colorTagRecommended-contrast: hsl(0, 0%, calc((var(--colorTagRecommended-l) - 60) * -100%));
  --colorTagDiscounted: hsl(6, 78%, 57%);
  --colorTagDiscounted-h: 6;
  --colorTagDiscounted-s: 78;
  --colorTagDiscounted-l: 57;
  --colorTagDiscounted-contrast: hsl(0, 0%, calc((var(--colorTagDiscounted-l) - 60) * -100%));
  --colorTagNew: hsl(145, 63%, 42%);
  --colorTagNew-h: 145;
  --colorTagNew-s: 63;
  --colorTagNew-l: 42;
  --colorTagNew-contrast: hsl(0, 0%, calc((var(--colorTagNew-l) - 60) * -100%));
  --colorTagSale: hsl(37, 90%, 51%);
  --colorTagSale-h: 37;
  --colorTagSale-s: 90;
  --colorTagSale-l: 51;
  --colorTagSale-contrast: hsl(0, 0%, calc((var(--colorTagSale-l) - 60) * -100%));
  --colorTagUsed: hsl(210, 29%, 29%);
  --colorTagUsed-h: 210;
  --colorTagUsed-s: 29;
  --colorTagUsed-l: 29;
  --colorTagUsed-contrast: hsl(0, 0%, calc((var(--colorTagUsed-l) - 60) * -100%));
  --colorTagAction: hsl(283, 39%, 53%);
  --colorTagAction-h: 283;
  --colorTagAction-s: 39;
  --colorTagAction-l: 53;
  --colorTagAction-contrast: hsl(0, 0%, calc((var(--colorTagAction-l) - 60) * -100%));
  --colorTagFreeStorePickup: hsl(210, 29%, 24%);
  --colorTagFreeStorePickup-h: 210;
  --colorTagFreeStorePickup-s: 29;
  --colorTagFreeStorePickup-l: 24;
  --colorTagFreeStorePickup-contrast: hsl(0, 0%, calc((var(--colorTagFreeStorePickup-l) - 60) * -100%));
  --colorTagFreeDelivery: hsl(210, 29%, 24%);
  --colorTagFreeDelivery-h: 210;
  --colorTagFreeDelivery-s: 29;
  --colorTagFreeDelivery-l: 24;
  --colorTagFreeDelivery-contrast: hsl(0, 0%, calc((var(--colorTagFreeDelivery-l) - 60) * -100%));
}

:root {
  --durationAnimationBase: .25s;
  --easingAnimationBase: ease-in-out;
  --animationBase: all var(--durationAnimationBase) var(--easingAnimationBase);
}

:root {
  --layerNegativeZIndex: -1;
  --layerNullZIndex: 0;
  --layerPageZIndex: 1;
  --layerPageSecondaryZIndex: 2;
  --layerHeaderZIndex: 10;
  --layerDropdownZIndex: 20;
  --layerModalZIndex: 21;
  --layerPopoverZIndex: 22;
  --layerTooltipZIndex: 23;
  --cookiePopupLayer: 24;
  --layerSpinnerZIndex: 25;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html.is-not-smooth {
  scroll-behavior: unset;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background: var(--colorBodyBg);
  margin: 0;
  font-size: var(--textBaseSize);
  font-family: var(--font-primary);
  font-weight: var(--font-weight);
  color: var(--colorText);
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: var(--bodyLineHeight);
}

body.is-not-overflowed {
  overflow: hidden;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}

::selection {
  color: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  background: var(--colorBrand);
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

:root {
  --sizeContentOffset: 1.25rem;
  --sizeContentWidth: 100rem;
  --sizeInputFont: var(--textSm);
  --sizeInputPaddingVertical: var(--spaceSm);
  --sizeInputPaddingHorizontal: var(--spaceMd);
  --sizeInputPadding: var(--sizeInputPaddingVertical) var(--sizeInputPaddingHorizontal);
  --sizeInputBorder: 1px;
  --sizeInputBorderRadius: 0;
  --sizeButtonFont: var(--textSm);
  --sizeButtonPaddingVertical: var(--spaceSm);
  --sizeButtonPaddingHorizontal: var(--spaceLg);
  --sizeButtonPadding: var(--sizeButtonPaddingVertical) var(--sizeButtonPaddingHorizontal);
  --sizeButtonBorder: 1px;
  --sizeButtonBorderRadius: 1rem;
  --sizeContentFullHd: 120rem;
  --sizePagerBorderRadius: 50%;
  --sizeRangeSliderBorderRadius: 50%;
  --sizeCategoryFiltersBorderRadius: 1rem;
  --sizeCategoryFiltersInputBorderRadius: 0.375rem;
  --sizeCategoryNavBorderRadius: 1rem;
  --sizeProductDetailCountControlBorderRadius: 50%;
  --sizeProductDetailContactBoxBorderRadius: 0.5rem;
  --sizeProductDetailContactFormInputBorderRadius: 0.25rem;
  --sizeProductDetailBoxBorderRadius: 1rem;
  --sizeProductDetailImageBorderRadius: 1rem;
  --sizeProductDetailVariantBorderRadius: 1rem;
  --sizeSwiperArrowBorderRadius: 50%;
  --contactPersonsBorderRadius: 0.5rem;
}

@media (min-width: 100rem) {
  :root {
    --sizeContentOffset: 1.25rem;
  }
}

@media (min-width: 64rem) {
  :root {
    --sizeContentOffset: 3rem;
  }
}

/*
	!! DO NOT FORGET TO ADD FONTS TO '@preload.php' FILE AS WELL !!
	----
	Overwrite $font-list object in _font-list.scss file !!
*/
@font-face {
  font-family: FiraSans;
  src: url("/frontend/fonts/FiraSans/FiraSans-bold-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: FiraSans;
  src: url("/frontend/fonts/FiraSans/FiraSans-semibold-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: FiraSans;
  src: url("/frontend/fonts/FiraSans/FiraSans-regular-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: SpaceGrotesk;
  src: url("/frontend/fonts/SpaceGrotesk/SpaceGrotesk-bold-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: SpaceGrotesk;
  src: url("/frontend/fonts/SpaceGrotesk/SpaceGrotesk-semibold-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: SpaceGrotesk;
  src: url("/frontend/fonts/SpaceGrotesk/SpaceGrotesk-regular-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

.u-frame {
  max-width: calc(var(--sizeContentWidth) + var(--sizeContentOffset) * 2);
  padding-left: var(--sizeContentOffset);
  padding-right: var(--sizeContentOffset);
}

.u-clearfix::after {
  clear: both;
  content: '';
  display: table;
}

.u-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

[class*="u-frame"] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.u-fullWidth {
  width: 100%;
}

.u-block {
  display: block;
}

.u-flex {
  display: flex;
}

.u-hidden {
  display: none !important;
}

.u-hiddenVisually {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-invisibleScrollBar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.u-invisibleScrollBar::-webkit-scrollbar {
  display: none;
}

.u-customScrollBar {
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
  scrollbar-width: thin;
}

.u-customScrollBar::-webkit-scrollbar {
  width: .4rem;
}

.u-customScrollBar::-webkit-scrollbar-track {
  background: transparent;
}

.u-customScrollBar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  transition: all .25s ease-in-out;
}

.u-customScrollBar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

.u-textCenter {
  text-align: center;
}

.u-textRight {
  text-align: right;
}

.u-flexJustifyStart {
  justify-content: flex-start;
}

.u-flexJustifyEnd {
  justify-content: flex-end;
}

.u-flexJustifyCenter {
  justify-content: center;
}

.u-flexJustifyBetween {
  justify-content: space-between;
}

.u-flexJustifyAround {
  justify-content: space-around;
}

.u-flexAlignItemsStart {
  align-items: flex-start;
}

.u-flexAlignItemsEnd {
  align-items: flex-end;
}

.u-flexAlignItemsCenter {
  align-items: center;
}

.u-spanRow {
  grid-column: 1 / -1;
}

.u-hiddenOverflow {
  overflow: hidden;
}

.u-noWrap {
  white-space: nowrap;
}

.u-textUppercase {
  text-transform: uppercase;
}

.u-textLowercase {
  text-transform: lowercase;
}

.u-responsiveTable {
  overflow-x: auto;
}

:root {
  --font-primary: FiraSans, sans-serif;
  --font-secondary: SpaceGrotesk, sans-serif;
  --font-weight: 400;
  /* set base values */
  --textBaseSize: 1rem;
  --textScaleRatio: 1.2;
  /* type scale */
  --textXxs: calc(1em / (var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio)));
  --textXs: calc(1em / (var(--textScaleRatio) * var(--textScaleRatio)));
  --textSm: calc(1em / var(--textScaleRatio));
  --textRg: 1em;
  --textMd: calc(1em * var(--textScaleRatio));
  --textLg: calc(1em * var(--textScaleRatio) * var(--textScaleRatio));
  --textXl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --textXxxxl: calc(1em * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio) * var(--textScaleRatio));
  --bodyLineHeight: 1.5;
  --headingLineHeight: 1.2;
}

@media (min-width: 48.01rem) {
  :root {
    --textBaseSize: 1.15rem;
  }
}

@media (min-width: 64.01rem) {
  :root {
    --textBaseSize: 1.25rem;
  }
}

h1, h2, h3, h4, form legend {
  color: var(--colorTextHeading);
  margin-bottom: var(--spaceXs);
  line-height: var(--headingLineHeight);
}

h1, h2, h3, h4 {
  font-family: var(--font-secondary);
}

/* text size */
.u-textXxxl {
  font-size: var(--textXxxl);
}

h1, .u-textXxl {
  font-size: var(--textXxl);
}

h2, .u-textXl {
  font-size: var(--textXxl);
  margin-bottom: var(--spaceSm);
}

h3, .u-textLg {
  font-size: var(--textLg);
}

h4, .u-textMd {
  font-size: var(--textMd);
}

.u-textSm, small {
  font-size: var(--textSm);
}

.u-textXs {
  font-size: var(--textXs);
}

p {
  line-height: var(--bodyLineHeight);
}

a {
  color: var(--colorLinkText);
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: var(--colorLinkTextActive);
  text-decoration: underline;
}

:root {
  --spaceUnit:  1em;
  --spaceXxxxs: calc(0.125 * var(--spaceUnit));
  --spaceXxxs:  calc(0.25 * var(--spaceUnit));
  --spaceXxs:   calc(0.375 * var(--spaceUnit));
  --spaceXs:    calc(0.5 * var(--spaceUnit));
  --spaceSm:    calc(0.75 * var(--spaceUnit));
  --spaceRg:    var(--spaceUnit);
  --spaceMd:    calc(1.25 * var(--spaceUnit));
  --spaceLg:    calc(2 * var(--spaceUnit));
  --spaceXl:    calc(3.25 * var(--spaceUnit));
  --spaceXxl:   calc(5.25 * var(--spaceUnit));
  --spaceXxxl:  calc(8.5 * var(--spaceUnit));
  --spaceXxxxl: calc(13.75 * var(--spaceUnit));
  --sizeModuleHorizontalOffset: 5rem;
}

.u-spaceUnit {
  margin-bottom: var(--spaceUnit);
}

.u-spaceXxxxs {
  margin-bottom: var(--spaceXxxxs);
}

.u-spaceXxxs {
  margin-bottom: var(--spaceXxxs);
}

.u-spaceXxs {
  margin-bottom: var(--spaceXxs);
}

.u-spaceXs {
  margin-bottom: var(--spaceXs);
}

.u-spaceSm {
  margin-bottom: var(--spaceSm);
}

.u-spaceMd {
  margin-bottom: var(--spaceMd);
}

.u-spaceLg {
  margin-bottom: var(--spaceLg);
}

.u-spaceXl {
  margin-bottom: var(--spaceXl);
}

.u-spaceXxl {
  margin-bottom: var(--spaceXxl);
}

.u-spaceXxxl {
  margin-bottom: var(--spaceXxxl);
}

.u-spaceXxxxl {
  margin-bottom: var(--spaceXxxxl);
}

[data-tooltip] {
  position: relative;
  display: inline-block;
}

[data-tooltip]:before {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 11px);
  background: #000000de;
  color: #fff;
  transform-origin: bottom center;
  transition: var(--animationBase);
  transform: translateX(-50%);
  padding: 17px;
  font-size: 14px;
  width: 249px;
  text-align: center;
  line-height: 1.4;
  border-radius: 4px;
  border-bottom: 3px solid var(--colorBrand);
  pointer-events: none;
  opacity: 0;
}

[data-tooltip]:after {
  content: '▾';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 249px;
  font-size: 32px;
  line-height: 17px;
  text-align: center;
  color: var(--colorBrand);
  transition: var(--animationBase);
  pointer-events: none;
  opacity: 0;
}

[data-tooltip]:hover:before {
  pointer-events: auto;
  opacity: 1;
}

[data-tooltip]:hover:after {
  pointer-events: auto;
  opacity: 1;
}

body .ContactForm-infoItem:nth-of-type(2) {
  display: none;
}

body .Footer, body .Footer-copy {
  background: linear-gradient(93deg, #001D49 0%, #0046AF 233.73%);
}

body .BenefitPointItem-image {
  background: none;
}

body .FooterNav {
  text-align: left;
}

body .SEOText-title, body .SEOText-perex {
  display: none;
}

body .SEOTextItem-image {
  order: 0 !important;
  position: relative;
}

body .SEOTextItem-image img {
  border-radius: 0 100vw 100vw 0;
  overflow: hidden;
}

body .SEOTextItem-image::before {
  position: absolute;
  right: 0;
  top: 50%;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="205" height="597" viewBox="0 0 205 597" fill="none"><path d="M40 298.5C40 413.463 107.135 512.912 204.691 559.987L187.309 596.013C76.5208 542.552 1.45598e-05 429.468 2.60094e-05 298.5C3.7459e-05 167.532 76.5209 54.4476 187.309 0.987303L204.691 37.0127C107.135 84.0882 40 183.537 40 298.5Z" fill="white"/></svg>');
  transform: translate(0, -50%);
}

@media (max-width: 74.99rem) {
  body .SEOTextItem-image::before {
    right: -5rem;
  }
}

@media (max-width: 35.99rem) {
  body .SEOTextItem-image::before {
    display: none;
  }
}

body .AboutUsImage {
  position: relative;
}

body .AboutUsImage::before {
  content: '';
  position: absolute;
  bottom: -126px;
  right: -64px;
  width: 246px;
  height: 258px;
  background-image: url("../../images/tennis-ball.png");
}

@media (max-width: 35.99rem) {
  body .AboutUsImage::before {
    transform: scale(0.5);
  }
}

body .AppNavigation {
  border-right: 1px solid var(--colorBrandSecondary);
}

body .Header-boxes svg path {
  fill: var(--colorBrandSecondary);
}

body .Header-boxes a {
  display: flex;
  margin: auto;
  color: var(--colorBrandSecondary);
}

body .HeaderBox-content.is-active, body .HeaderBox-content:hover, body .HeaderBox-content:focus {
  color: var(--colorBrandSecondary);
  text-decoration: none;
}

body .Footer-contacts {
  display: grid;
  grid-template-columns: 4em auto;
  grid-gap: 0.25rem 0.5rem;
  align-items: flex-start;
}

body .Footer-contacts .label {
  display: flex;
  align-items: center;
  font-weight: 600;
}

body main {
  min-height: 60vh;
}

body .SubpageHeader:before {
  background: rgba(0, 0, 0, 0.8);
}

body .SubpageHeader picture img {
  opacity: 0.3;
  filter: none;
}

body .ImageGallery-pagination .swiper-pagination-bullet {
  background: var(--colorText);
}

body .TextImageCol:nth-child(even) .TextImageCol-image {
  position: relative;
}

body .TextImageCol:nth-child(even) .TextImageCol-image img {
  border-radius: 0 100vw 100vw 0;
}

body .TextImageCol:nth-child(even) .TextImageCol-image::before {
  position: absolute;
  right: 0;
  top: 50%;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="205" height="597" viewBox="0 0 205 597" fill="none"><path d="M40 298.5C40 413.463 107.135 512.912 204.691 559.987L187.309 596.013C76.5208 542.552 1.45598e-05 429.468 2.60094e-05 298.5C3.7459e-05 167.532 76.5209 54.4476 187.309 0.987303L204.691 37.0127C107.135 84.0882 40 183.537 40 298.5Z" fill="white"/></svg>');
  transform: translate(0, -50%);
}

@media (max-width: 74.99rem) {
  body .TextImageCol:nth-child(even) .TextImageCol-image::before {
    right: -5rem;
  }
}

body .TextImageCol:nth-child(odd) .TextImageCol-image {
  position: relative;
}

body .TextImageCol:nth-child(odd) .TextImageCol-image img {
  border-radius: 100vw 0 0 100vw;
}

body .TextImageCol:nth-child(odd) .TextImageCol-image::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="205" height="597" viewBox="0 0 205 597" fill="none"><path d="M40 298.5C40 413.463 107.135 512.912 204.691 559.987L187.309 596.013C76.5208 542.552 1.45598e-05 429.468 2.60094e-05 298.5C3.7459e-05 167.532 76.5209 54.4476 187.309 0.987303L204.691 37.0127C107.135 84.0882 40 183.537 40 298.5Z" fill="white"/></svg>');
  transform: translate(0, -50%) rotateY(180deg);
}

@media (max-width: 74.99rem) {
  body .TextImageCol:nth-child(odd) .TextImageCol-image::before {
    left: -5rem;
  }
}

body .TextImageCol .TextImageCol-image {
  height: fit-content;
  overflow: hidden;
}

@media (max-width: 28.115rem) {
  body .TextImageCol .TextImageCol-image::before {
    max-height: 100%;
    top: -2.5rem !important;
    scale: 0.7;
  }
}

body .HomeStaticBanner-image {
  position: absolute;
  right: 5rem;
  top: 0;
}

@media (max-width: 47.99rem) {
  body .HomeStaticBanner-image {
    position: static;
  }
}

body .HomeStaticBanner-image img {
  height: 300px;
  width: auto;
}

@media (max-width: 63.99rem) {
  body .ContactForm-infoMap {
    display: none;
  }
}

body .Header-hmb {
  margin-right: 0;
  margin-left: var(--spaceMd);
}

body .Header-hmb span {
  display: none;
}

body.location_reference_getList .ReferenceList-all {
  display: none;
}

/*# sourceMappingURL=base.min.css.map */