.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
  clip: auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}

@font-face {
  font-family: "EOS";
  src: url("/local/templates/rebranding/assets/fonts/EOS/EOS_Light/EOS-Light.woff2") format("woff2"),
    url("/local/templates/rebranding/assets/fonts/EOS/EOS_Light/EOS-Light.woff") format("woff"),
    url("/local/templates/rebranding/assets/fonts/EOS/EOS_Light/EOS-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "EOS";
  src: url("/local/templates/rebranding/assets/fonts/EOS/EOS_Regular/EOS-Regular.woff2") format("woff2"),
    url("/local/templates/rebranding/assets/fonts/EOS/EOS_Regular/EOS-Regular.woff") format("woff"),
    url("/local/templates/rebranding/assets/fonts/EOS/EOS_Regular/EOS-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "EOS";
  src: url("/local/templates/rebranding/assets/fonts/EOS/EOS_Ultrabold/EOS-Ultrabold.woff2") format("woff2"),
    url("/local/templates/rebranding/assets/fonts/EOS/EOS_Ultrabold/EOS-Ultrabold.woff") format("woff"),
    url("/local/templates/rebranding/assets/fonts/EOS/EOS_Ultrabold/EOS-Ultrabold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "EOS";
  src: url("/local/templates/rebranding/assets/fonts/EOS/EOS_Bold/EOS-Bold.woff2") format("woff2"),
    url("/local/templates/rebranding/assets/fonts/EOS/EOS_Bold/EOS-Bold.woff") format("woff"),
    url("/local/templates/rebranding/assets/fonts/EOS/EOS_Bold/EOS-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/local/templates/rebranding/assets/fonts/Gotham/Gotham-Bold.woff2") format("woff2"),
    url("/local/templates/rebranding/assets/fonts/Gotham/Gotham-Bold.woff") format("woff"),
    url("/local/templates/rebranding/assets/fonts/Gotham/Gotham-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/local/templates/rebranding/assets/fonts/Gotham/Gotham-Book.woff2") format("woff2"),
    url("/local/templates/rebranding/assets/fonts/Gotham/Gotham-Book.woff") format("woff"),
    url("/local/templates/rebranding/assets/fonts/Gotham/Gotham-Book.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/local/templates/rebranding/assets/fonts/Gotham/Gotham-LightItalic.woff2") format("woff2"),
    url("/local/templates/rebranding/assets/fonts/Gotham/Gotham-LightItalic.woff") format("woff"),
    url("/local/templates/rebranding/assets/fonts/Gotham/Gotham-LightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

:root {
  /* common colors */
  --brand-color: #EA0029;
  --black-color: #31171F;
  --grey-color: #ACACAC;
  --baner-color: #CACBCC;
  --light-blue-color: #C0D7D9;
  --lighter-blue-color: #E2EEF0;
  --biege-color: #F4F2F3;
  --main-baner-color: #c9cbcd;

  /* set custom rem variable (=1px) */
  --rem: calc(0.0625 * 1rem);

  /* common font sizes */
  --h1-text-size: calc(var(--rem) * 85);
  --h2-text-size: calc(var(--rem) * 45);
  --h2-bigger-size: calc(var(--rem) * 55);
  --bigger-text-size: calc(var(--rem) * 24);
  --usual-text-size: calc(var(--rem) * 22);
  --button-text-size: calc(var(--rem) * 22);
  --small-text-size: calc(var(--rem) * 22);
  --tiny-text-size: calc(var(--rem) * 22);

  /* unusial font sizes */
  --blockquote-text-size: calc(var(--rem) * 36);
  --intro-text-size: calc(var(--rem) * 24);
  --menu-text-size: calc(var(--rem) * 22);
  --bottom-title-text-size: calc(var(--rem) * 28);

  /* metric sizes */
  --section-horizontal-padding: 1em;
  --container-size: calc(var(--rem) * 1248 + var(--section-horizontal-padding));
  --section-vertical-padding: calc(var(--rem) * 150);
  --horizontal-margin: calc(var(--rem) * 70);
  --default-header-height: calc(var(--rem) * 135);
  --header-height: var(--default-header-height);
  /* others */
  --border-radius: calc(var(--rem) * 36);
  --line-height-text: 1.6;
  --columng-gap: calc(var(--rem) * 30);
  --default-logo-width: calc(var(--rem) * 130);
  --logo-width: var(--default-logo-width);
}


body {
  margin: 0;
  padding: 0;
  margin-top: var(--header-height);
  font-family: 'EOS', sans-serif;
  font-size: var(--usual-text-size);
  box-sizing: border-box;
  color: var(--black-color);
  overflow-x: hidden;
  line-height: 1.5;
}

body::-webkit-scrollbar,
.m-modal-wrapper::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track,
.m-modal-wrapper::-webkit-scrollbar-track {
  background-color: #cfcfcf;
}
body::-webkit-scrollbar-thumb,
.m-modal-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--brand-color);
  border-radius: .2em;
}
body,
.m-modal-wrapper {
  scrollbar-color: var(--brand-color) #cfcfcf;
  scrollbar-width: thin;
}

html,
body,
.m-modal-wrapper {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
html {
  font-size: 14px;
}

body *,
body *::after,
body *::before {
  font-size: inherit;
  box-sizing: inherit;
  color: inherit;
  line-height: inherit;
  font-family: inherit;
}
body *:focus-visible {
  outline-color: var(--brand-color);
  outline-offset: .5em;
}
body.block {
  overflow: hidden;
}

:where(ul, ol) {
  list-style: none;
}
:where(a) {
  text-decoration: none;
}
:where(button) {
  appearance: none;
  border: none;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}
:where(p) {
  margin-top: 0;
}
:where(img) {
  max-width: 100%;
  display: block;
  object-fit: contain;
  height: auto;
}

h2 {
  font-size: var(--h2-text-size);
  margin-top: 0;
}

h1,h2,h3 {
  line-height: 1.1;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: rgba(0, 0, 0);
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
  transition: background-color 5000s ease-in-out 0s;
}

@media (max-height: 800px) and (min-width: 769px) {
  :root {
    font-size: 14px;
    /* --container-size: 900px; */
  }
}

@media (min-width: 1120px) and (max-width: 1220px) {
  :root {
    --menu-text-size: calc(var(--rem) * 18);
  }
}
@media (max-width: 1120px) {
  :root {
    --header-height: calc(var(--rem) * 110);
  }
}

@media (max-width: 768px) {
  :root {
    font-size: 10px;
    --h1-text-size: calc(var(--rem) * 45);
    --h2-text-size: calc(var(--rem) * 35);
    --h2-bigger-size: calc(var(--rem) * 30);
    --blockquote-text-size:  calc(var(--rem) * 24);
    --bigger-text-size:  calc(var(--rem) * 22);
    --section-vertical-padding:  calc(var(--rem) * 98);
    --horizontal-margin: 1em;
  }
  h2 {
    margin-bottom: 19px;
  }
}

@media (max-width: 468px) {
	.m-modal-wrapper .b2b-price__text, 
	.m-modal-wrapper .b2b-checkbox-label__text,
	.m-modal-wrapper .b2b-checkbox-label__text span{
		font-size: 12px;
	    line-height: 16px;
	}
	
	.m-modal-wrapper .b2b-input{
		padding: 0.1em 0 .2em;
	}
	.m-modal-wrapper .b2b-form__form {
		margin: 2em 0 4em;
	}
}

@media (min-width: 1120px) {
	.b2b-header__menu-item--submenu:hover .b2b-header__menu-dropdown-btn{
		position: relative;

	}
	.b2b-header__menu-item--submenu:hover .b2b-header__menu-dropdown-btn:after{
		content: "";
		position: absolute;
		top: 0;
		left: -40px;
		right: 0px;
		height: 90px;
		z-index: 99;
	}
}