@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-Black.woff2) format("truetype"); 
	font-style: normal; 
	font-weight: 900;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-Blackitalic.woff2) format("truetype"); 
	font-style: italic; 
	font-weight: 900;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-Bold.woff2) format("truetype"); 
	font-style: normal; 
	font-weight: 700;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-BoldItalic.woff2) format("truetype"); 
	font-style: italic; 
	font-weight: 700;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-Regular.woff2) format("truetype"); 
	font-style: normal; 
	font-weight: 400;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-Italic.woff2) format("truetype"); 
	font-style: italic; 
	font-weight: 400;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-Light.woff2) format("truetype"); 
	font-style: normal; 
	font-weight: 300;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-LightItalic.woff2) format("truetype"); 
	font-style: italic; 
	font-weight: 300;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-Medium.woff2) format("truetype"); 
	font-style: normal; 
	font-weight: 500;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-MediumItalic.woff2) format("truetype"); 
	font-style: italic; 
	font-weight: 500;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-Thin.woff2) format("truetype"); 
	font-style: normal; 
	font-weight: 100;
}
@font-face {
	font-family: "Roboto";
	src: url(/site/templates/fonts/Roboto-ThinItalic.woff2) format("truetype"); 
	font-style: italic; 
	font-weight: 100;
}

/* Common styles */

:root {
  --ticker-gap-x: var(--space-xl);
	--mega-nav-height: 90px;
	--mega-nav-content-max-width: var(--max-width-xl);
	--z-index-header: 4;
}

.height-70vh{
  height: 70vh;
}

.fof__animation svg {
  max-width: 20vh;
}

.fit-content {
	width: fit-content;
}

.slideshow__item{
    justify-content: start;
    align-items: flex-start;
}

.fade-out {
  position: relative;
  max-height: 375px;
  overflow: hidden;
}

.expanded .fade-out {
  max-height: none;
}

.link-fx-3--full-content {
  position: absolute;
  bottom: 0px;
  z-index: 2;
}

.fade-out::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  background: linear-gradient(to top, white 0%, white 40%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0.1) 90%, transparent 100%);
  pointer-events: none;
	z-index: 1;
}

@media (max-width: 768px) {
	:root {
		--mega-nav-height: 60px;
	}

	.fade-out {
		max-height: none;
	}

	.fade-out::after {
		display: none;
	}
} 

/* Header */

.mega-nav--desktop .mega-nav__sub-nav {
	padding: var(--space-lg) 0;
}

.mega-nav--desktop .mega-nav__sub-nav.mega-nav__sub-nav--layout-custom {
	--mega-nav-content-max-width: var(--max-width-lg)
}

.mega-nav--mobile .mega-nav__sub-items:not(:last-child) {
	margin-bottom: 0;
}

.mega-nav {
	background: white;
}

.mega-nav__logo {
    width: auto;
}

.mega-nav--desktop .mega-nav__control {
	font-size: var(--text-base);
}

.mega-nav--desktop .mega-nav__sub-link {
  font-size: var(--text-md);
}

.mega-nav--desktop .mega-nav__control::after {
	background-color: var(--color-accent);

	height: 3px;
}

.btn--slide-fx:hover {
	border-color: var(--color-accent);
}

.btn--slide-fx::before {
	background-color: var(--color-accent);
}

.mega-nav--desktop .mega-nav__tabs-controls > :not(:last-child) {
	border-bottom: 1px solid #D3D3D3;
}

.mega-nav--mobile .mega-nav__item {
	border-bottom: none;
}

.mega-nav--mobile .mega-nav__item-menu {
	border-bottom: 1px solid #D3D3D3;
}

.mega-nav--mobile .mega-nav__sub-item {
	border-bottom: 1px solid #D3D3D3;
}

.socials__item-link {
	display: flex;
  align-items: center;
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--space-xs) 0;
}

.card-v14-custom.card-v14-custom--header {
	background-color: var(--color-accent);
}

.card-v14-custom.card-v14-custom--header:hover {
	transform: unset;
  box-shadow: none;
 	background-color: var(--color-accent);
}

.mega-nav__sub-nav .socials__item-link {
	padding: 0;
}

.tabs-nav-v2__car-list {
	max-width: max-content;
}

.tabs-nav-v2 .tabs-nav-v2__item {
	border: none;
}

.tabs-nav-v2 .tabs-nav-v2__item[aria-selected="true"] {
	background-color: transparent;

	color: var(--color-primary);

	border: none;
}

.tabs-nav-v2 .tabs-nav-v2__item--selected::after, .tabs-nav-v2__item[aria-selected="true"]::after {
	background-color: var(--color-primary);

	height: 3px;
}

.tabs-nav-v2__item[href="/tech/catalog/"] {
	font-weight: 700;
}

.mega-nav__tabs-panel .catalog-card {
	min-height: 275px;
}

/* Promo Images */

.slideshow__promo.slideshow--ratio-custom .slideshow__item {
	height: 0;
  padding-bottom: 70%;
}

/* Carousel */

.min-height-news-carousel {
	min-height: 356px;
}

.carousel-label-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.chip {
    border: 0;
    color: inherit;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
		border-radius: 0;
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.8);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.card {
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-ring, 0 0 0 1px hsla(0, 0%, 0%, 0.05)), var(--shadow-sm);
    border-radius: 0;
    overflow: hidden;
}

/* Catalog */

.adv-filter {
	min-height: 800px;
}

.gallery-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  display: flex;
  align-items: start;
  justify-content: center;
  z-index: 1;
}

.gallery-loader.hidden {
  display: none;
}

.gallery-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top-color: var(--color-accent);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.form-control-custom {
	box-shadow: var(--shadow-sm);
}

.accordion__item.accordion__item-catalog:first-child {
	border: none;
}

.accordion__item-catalog {
	background: var(--color-bg-dark);
  box-shadow: var(--shadow-sm);

	border: none;
}

.property-text::first-letter {
	text-transform: uppercase;
} 

.main-footer__logo {
	width: auto;
}

.main-footer__logo > * {
	width: inherit;
  height: inherit;
}

/* Footer */

.footer-link {
	text-decoration: none;
	color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l));
}

.footer-link:hover {
	text-decoration: none;
	color: var(--color-accent);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.btn--forms {
	background: transparent;
    border: none;
    outline: none;
    text-align: start;
    color: var(--color-contrast-higher);
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--form-control-radius, 0.25em);
}

.select__dropdown{
	width: 100%;
}