.gallery .galleryPreview {
	background-position:center center;
	background-size: cover;
	cursor: pointer;
}
#galleryOverlay {
	background:rgba(0, 0, 0, 0.9);
	width: 100%;
	height:calc(100vh);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1090;
	transition:0.5;
}
#galleryOverlay .item {
	z-index:8000;
	padding:3rem 5rem 3rem;
}
#galleryOverlay .item div {
	height:calc(100vh - 6rem);
	display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
}
#galleryOverlay .item div img {
	cursor:grab;
	border:solid 1px transparent;
	max-height:calc(100vh - 4rem);
}
#galleryOverlay #galleryCloseButton {
	z-index:9999;
	width:2rem;
	height:2rem;
	position:fixed;
	right:1rem;
	top:1rem;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNi43NTkxNiIgeT0iMC4yNTI5MyIgd2lkdGg9IjguODQzMTUiIGhlaWdodD0iMi4xMzQ1NSIgcng9IjEuMDY3MjgiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDYuNzU5MTYgMC4yNTI5MykiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjUuMjQ5ODIiIHk9IjExLjI0OTUiIHdpZHRoPSI4Ljg0MzE1IiBoZWlnaHQ9IjIuMTM0NTYiIHJ4PSIxLjA2NzI4IiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgNS4yNDk4MiAxMS4yNDk1KSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMTYuMjUzMSIgeT0iMTIuNTA2MyIgd2lkdGg9IjguODQzMTUiIGhlaWdodD0iMi4xMzQ1NSIgcng9IjEuMDY3MjgiIHRyYW5zZm9ybT0icm90YXRlKC0xMzUgMTYuMjUzMSAxMi41MDYzKSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMTcuNzYyNCIgeT0iMS41MDk3NyIgd2lkdGg9IjguODQzMTUiIGhlaWdodD0iMi4xMzQ1NiIgcng9IjEuMDY3MjgiIHRyYW5zZm9ybT0icm90YXRlKDEzNSAxNy43NjI0IDEuNTA5NzcpIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0.7;
}
#galleryOverlay #galleryCloseButton:hover {
	opacity:1;
}
#galleryOverlay .swiper-button-prev:after, #galleryOverlay .swiper-rtl .swiper-button-next:after {
	color:#fff;
}
#galleryOverlay .swiper-button-next:after, #galleryOverlay s.swiper-rtl .swiper-button-prev:after {
	color:#fff;
}
#galleryOverlay .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, #galleryOverlay .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    border: solid 2px #fff;
    background: transparent;
    height: 1rem;
    width: 1rem;
}
#galleryOverlay .swiper-pagination {
	bottom: -0.25rem;
}
@media (max-width:768px) {
	#galleryOverlay {
		padding-left:0;
		padding-right:0;
	}
	#galleryOverlay .next {
		display: none;
	}
	#galleryOverlay .prev {
		display: none;
	}
	#galleryOverlay .item {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}
/**
 * Swiper 11.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 5, 2024
 */

/* FONT_START */
@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");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.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-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* 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-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.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-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));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --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;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  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;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  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: 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 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;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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: var(--swiper-pagination-progressbar-size, 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: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}


@layer boilerplate-css {
*,
*:after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:focus,
*:after:focus,
*::before:focus {
	outline:none!important;
	box-shadow:none!important;
}
*:active, *:focus {
	outline:inherit;
	box-shadow: none;
}

html {
	text-align:left;
}
body, html {
	padding:0;
	margin:0;
}
body {
	overflow-x:hidden;
	overflow-y:scroll;
	min-width:360px;
	font-size:1rem;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;  
	-khtml-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;  
	user-select: none; 
}

.nowrap {
	white-space: nowrap;
}

.underline {
	text-decoration: underline;
}

main {
	font-size:1rem;
}

img {
    max-width: 100%;
	height:auto;
}
img.left, figure.left {
	float:left;
	margin-right:2rem;
	margin-bottom:1rem;
}
img.right, figure.right {
	float:right;
	margin-left:2rem;
	margin-bottom:1rem;
}
figure {
	display: inline-block;
}
@media (max-width: 768px) {
	img.left, img.right, figure.left, figure.right {
		float: none;
		height: auto;
		max-width:100%;
		display: block;
	}
	img.left, figure.left {
		margin:1rem 0;
	}
	img.right, figure.right {
		margin:1rem 0;
	}
}
.clear {
	clear:both;
}

ul.semantic {
	margin: 0;
	padding: 0;
}
ul.semantic li {
	margin: 0;
	padding: 0;
	list-style: none;
}

:root {
	--gutter: 4px;
}

.pT-1 {
	padding-top: calc(var(--gutter))!important;
}
.pT-2 {
	padding-top: calc(var(--gutter) * 2)!important;
}
.pT-3 {
	padding-top: calc(var(--gutter) * 3)!important;
}
.pT-4 {
	padding-top: calc(var(--gutter) * 4)!important;
}
.pT-5 {
	padding-top: calc(var(--gutter) * 5)!important;
}
.pT-6 {
	padding-top: calc(var(--gutter) * 6)!important;
}
.pT-7 {
	padding-top: calc(var(--gutter) * 7)!important;
}
.pT-8 {
	padding-top: calc(var(--gutter) * 8)!important;
}
.pT-9 {
	padding-top: calc(var(--gutter) * 9)!important;
}
.pT-10 {
	padding-top: calc(var(--gutter) * 10)!important;
}
.pB-1 {
	padding-bottom: calc(var(--gutter))!important;
}
.pB-2 {
	padding-bottom: calc(var(--gutter) * 2)!important;
}
.pB-3 {
	padding-bottom: calc(var(--gutter) * 3)!important;
}
.pB-4 {
	padding-bottom: calc(var(--gutter) * 4)!important;
}
.pB-5 {
	padding-bottom: calc(var(--gutter) * 5)!important;
}
.pB-6 {
	padding-bottom: calc(var(--gutter) * 6)!important;
}
.pB-7 {
	padding-bottom: calc(var(--gutter) * 7)!important;
}
.pB-8 {
	padding-bottom: calc(var(--gutter) * 8)!important;
}
.pB-9 {
	padding-bottom: calc(var(--gutter) * 9)!important;
}
.pB-10 {
	padding-bottom: calc(var(--gutter) * 10)!important;
}
.pL-1 {
	padding-left: calc(var(--gutter))!important;
}
.pL-2 {
	padding-left: calc(var(--gutter) * 2)!important;
}
.pL-3 {
	padding-left: calc(var(--gutter) * 3)!important;
}
.pL-4 {
	padding-left: calc(var(--gutter) * 4)!important;
}
.pL-5 {
	padding-left: calc(var(--gutter) * 5)!important;
}
.pL-6 {
	padding-left: calc(var(--gutter) * 6)!important;
}
.pL-7 {
	padding-left: calc(var(--gutter) * 7)!important;
}
.pL-8 {
	padding-left: calc(var(--gutter) * 8)!important;
}
.pL-9 {
	padding-left: calc(var(--gutter) * 9)!important;
}
.pL-10 {
	padding-left: calc(var(--gutter) * 10)!important;
}
.pR-1 {
	padding-right: calc(var(--gutter))!important;
}
.pR-2 {
	padding-right: calc(var(--gutter) * 2)!important;
}
.pR-3 {
	padding-right: calc(var(--gutter) * 3)!important;
}
.pR-4 {
	padding-right: calc(var(--gutter) * 4)!important;
}
.pR-5 {
	padding-right: calc(var(--gutter) * 5)!important;
}
.pR-6 {
	padding-right: calc(var(--gutter) * 6)!important;
}
.pR-7 {
	padding-right: calc(var(--gutter) * 7)!important;
}
.pR-8 {
	padding-right: calc(var(--gutter) * 8)!important;
}
.pR-9 {
	padding-right: calc(var(--gutter) * 9)!important;
}
.pR-10 {
	padding-right: calc(var(--gutter) * 10)!important;
}

.M-1 {
	margin: calc(var(--gutter))!important;
}
.M-2 {
	margin: calc(var(--gutter) * 2)!important;
}
.M-3 {
	margin: calc(var(--gutter) * 3)!important;
}
.M-4 {
	margin: calc(var(--gutter) * 4)!important;
}
.M-5 {
	margin: calc(var(--gutter) * 5)!important;
}
.M-6 {
	margin: calc(var(--gutter) * 6)!important;
}
.M-7 {
	margin: calc(var(--gutter) * 7)!important;
}
.M-8 {
	margin: calc(var(--gutter) * 8)!important;
}
.M-9 {
	margin: calc(var(--gutter) * 9)!important;
}
.M-10 {
	margin: calc(var(--gutter) * 10)!important;
}
.mT-1 {
	margin-top: calc(var(--gutter))!important;
}
.mT-2 {
	margin-top: calc(var(--gutter) * 2)!important;
}
.mT-3 {
	margin-top: calc(var(--gutter) * 3)!important;
}
.mT-4 {
	margin-top: calc(var(--gutter) * 4)!important;
}
.mT-5 {
	margin-top: calc(var(--gutter) * 5)!important;
}
.mT-6 {
	margin-top: calc(var(--gutter) * 6)!important;
}
.mT-7 {
	margin-top: calc(var(--gutter) * 7)!important;
}
.mT-8 {
	margin-top: calc(var(--gutter) * 8)!important;
}
.mT-9 {
	margin-top: calc(var(--gutter) * 9)!important;
}
.mT-10 {
	margin-top: calc(var(--gutter) * 10)!important;
}
.mB-1 {
	margin-bottom: calc(var(--gutter))!important;
}
.mB-2 {
	margin-bottom: calc(var(--gutter) * 2)!important;
}
.mB-3 {
	margin-bottom: calc(var(--gutter) * 3)!important;
}
.mB-4 {
	margin-bottom: calc(var(--gutter) * 4)!important;
}
.mB-5 {
	margin-bottom: calc(var(--gutter) * 5)!important;
}
.mB-6 {
	margin-bottom: calc(var(--gutter) * 6)!important;
}
.mB-7 {
	margin-bottom: calc(var(--gutter) * 7)!important;
}
.mB-8 {
	margin-bottom: calc(var(--gutter) * 8)!important;
}
.mB-9 {
	margin-bottom: calc(var(--gutter) * 9)!important;
}
.mB-10 {
	margin-bottom: calc(var(--gutter) * 10)!important;
}
.mL-1 {
	margin-left: calc(var(--gutter))!important;
}
.mL-2 {
	margin-left: calc(var(--gutter) * 2)!important;
}
.mL-3 {
	margin-left: calc(var(--gutter) * 3)!important;
}
.mL-4 {
	margin-left: calc(var(--gutter) * 4)!important;
}
.mL-5 {
	margin-left: calc(var(--gutter) * 5)!important;
}
.mL-6 {
	margin-left: calc(var(--gutter) * 6)!important;
}
.mL-7 {
	margin-left: calc(var(--gutter) * 7)!important;
}
.mL-8 {
	margin-left: calc(var(--gutter) * 8)!important;
}
.mL-9 {
	margin-left: calc(var(--gutter) * 9)!important;
}
.mL-10 {
	margin-left: calc(var(--gutter) * 10)!important;
}
.mR-1 {
	margin-right: calc(var(--gutter))!important;
}
.mR-2 {
	margin-right: calc(var(--gutter) * 2)!important;
}
.mR-3 {
	margin-right: calc(var(--gutter) * 3)!important;
}
.mR-4 {
	margin-right: calc(var(--gutter) * 4)!important;
}
.mR-5 {
	margin-right: calc(var(--gutter) * 5)!important;
}
.mR-6 {
	margin-right: calc(var(--gutter) * 6)!important;
}
.mR-7 {
	margin-right: calc(var(--gutter) * 7)!important;
}
.mR-8 {
	margin-right: calc(var(--gutter) * 8)!important;
}
.mR-9 {
	margin-right: calc(var(--gutter) * 9)!important;
}
.mR-10 {
	margin-right: calc(var(--gutter) * 10)!important;
}
}
@layer custom {
:root {
	--red:#FF4643;
	--red-active:#DB312E;
	--orange:#FF3D00;
	--blue:#2E37F4;
	--blue-active:#1C24C9;
	--blue-blind: #7F85FF;
	--grey:#BDBDBD;
	--grey-light:#f4f4f4;
	--light-grey1:#f3f3f3;
	--border-radius: 12px;
	--narrow-block-max-width: 840px;
	--black:#000;
	--rose: #FF41B3;
	--white: #fff;

	--sm: 576px,
	--md: 768px,
	--lg: 992px,
	--xl: 1200px,
	--xxl: 1400px
}
}
@layer custom {
@font-face {
	font-family: 'Fira Sans';
	src: local('Fira Sans ExtraLight'), local('FiraSans-ExtraLight'),
		url(/_site/assets/font/firasans_extralight.woff2) format('woff2'),
		 url(/_site/assets/font/firasans_extralight.woff) format('woff'),
		 url(/_site/assets/font/firasans_extralight.ttf) format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Fira Sans';
	src: local('Fira Sans Light'), local('FiraSans-Light'),
		url(/_site/assets/font/firasans_light.woff2) format('woff2'),
		 url(/_site/assets/font/firasans_light.woff) format('woff'),
		 url(/_site/assets/font/firasans_light.ttf) format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Fira Sans';
	src: local('Fira Sans Regular'), local('FiraSans-Regular'),
		url(/_site/assets/font/firasans_regular.woff2) format('woff2'),
		 url(/_site/assets/font/firasans_regular.woff) format('woff'),
		 url(/_site/assets/font/firasans_regular.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Fira Sans';
	src: local('Fira Sans Medium'), local('FiraSans-Medium'),
		url(/_site/assets/font/firasans_medium.woff2) format('woff2'),
		 url(/_site/assets/font/firasans_medium.woff) format('woff'),
		 url(/_site/assets/font/firasans_medium.ttf) format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Fira Sans';
	src: local('Fira Sans Black'), local('FiraSans-Black'),
		url(/_site/assets/font/firasans_black.woff2) format('woff2'),
		 url(/_site/assets/font/firasans_black.woff) format('woff'),
		 url(/_site/assets/font/firasans_black.ttf) format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

main {
	font-size: 1.125rem;
	font-size: 1rem;
	/* font-size: 1rem; */
	line-height: 1.5rem; 
	line-height: 1.625rem; 
	font-family: 'Fira Sans';
	font-weight: 300;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	font-weight: 200;
	text-rendering: optimizeLegibility;
	margin:0;
	font-family: 'Fira Sans';
	font-weight: 500;
}
/* article h2 {
	padding-top: 0;
} */
/* .h1, .h2, .h3, .h4 {
	display: inline-block;
} */
h1.active, h2.active, h3.active, h4.active {
	animation: appear 2s ease 0s 1 normal forwards;
}
h1, .h1 {
	padding:5rem 0 4rem;
	font-size:5.625rem;
	line-height:5.625rem;
	font-family: 'Fira Sans';
	font-weight: 900;
	font-style: normal;
	color: #FFFFFF;
	text-align:left;
	-webkit-text-stroke: 1px var(--blue);
}
h2, .h2 {
	padding:4.125rem 0 3rem;
	padding:3rem 0 2.5rem;
	font-size:3.125rem;
	line-height:3.5rem;
	text-align:left;
}
h3, .h3 {
	font-size:2rem;
	line-height:2.25rem;
	padding:2.5rem 0 1.875rem;
	text-align:left;
}
h4, .h4 {
	font-size:1.625rem;
	line-height:1.875rem;
	padding:2.5rem 0 1.875rem;
	text-align:left;
}
h5, .h5 {
	padding:1.5rem 0 1.375rem;
	line-height:1.5rem;
	font-size:1.25rem;
	text-align:left;
}
@media (max-width:768px) {
	h1, .h1 {
		font-size:3.75rem;
		line-height:3.75rem;
		padding:3.75rem 0 3rem;
	}
	h2, .h2 {
		font-size:3rem;
		line-height:3.5rem;
	}
}
h1 + h2, h2 + h3, h3 + h4, h1 + h3, .h1 + .h2, .h1 + .h3 {
	padding-top:0;
}
@media (max-width:768px) {
	h4, .h4 {
		font-size:1.375rem;
		line-height: 1.625rem;
	}
}
.title1 {
	/* padding:5rem 0 4.875rem; */
	font-size:5.625rem;
	line-height:5.625rem;
	font-family: 'Fira Sans';
	font-weight: 900;
	font-style: normal;
	color: #FFFFFF;
	text-align:left;
	-webkit-text-stroke: 1px var(--blue);
}
.title2 {
	font-size:3.75rem;
	line-height:4.25rem;
	color: #FFFFFF;
	-webkit-text-stroke: 1px var(--blue);
	font-family: 'Fira Sans';
	font-weight: 500;
}
.title3 {
	font-size:2.5rem;
	font-size:2.125rem;
	line-height:2.5rem;
	font-family: 'Fira Sans';
	font-weight: 500;
}
.title4 {
	font-size:1.5rem;
	line-height:2rem;
	font-family: 'Fira Sans';
	font-weight: 300;
	/* padding:3.5rem 0 1.875rem; */
}
.title5 {
	font-size:1.25rem;
	line-height:1.75rem;
	font-family: 'Fira Sans';
	font-weight: 300;
}
.title6 {
	font-size:1.125rem;
	line-height:1.5rem;
	font-family: 'Fira Sans';
	font-weight: 300;
}
@media (max-width:768px) {
	.title1 {
		font-size:4rem;
		line-height:4rem;
	}
}

/* @media (max-width:768px) {
	.title1 {
		font-size:4rem;
		line-height:4rem;
	}
	.title2 {
		font-size:1.5rem;
		line-height:2rem;
	}
	.title3 {
		font-size:1.25rem;
		line-height:1.875rem;
	}
	.title4 {
		font-size:1.125rem;
		line-height:1.5rem;
		text-align:left;
	}
} */

.clar {
	font-size: 0.75rem;
    line-height: 0.875rem;
}

.descr1 {
	font-size:1.5rem;
	line-height:2rem;
}
.descr2 {
	font-size:1.25rem;
	line-height:1.325rem;
}
.descr3 {
	font-size:0.9375rem;
	line-height:1.325rem;
}
@media (max-width:1200px) {
	.descr1 {
		font-size:1.25rem;
		line-height:1.5rem;
	}
}

mark {
	padding:1.625rem;
	display:block;
	color:#000!important;
	border-left:solid 0.625rem var(--blue);
	background:var(--white)!important;
	font-family: 'Fira Sans';
	font-weight: 300;
	font-size:1.25rem;
	line-height:1.875rem;
	/* font-style: italic; */
}
@media (max-width:1200px) {
	mark {
		padding:2rem;
		font-size:1.125rem;
		/* font-style: italic; */
	}
}
@media (max-width:768px) {
	mark {
		padding:1rem;
		font-size:1.25rem;
		/* font-style: italic; */
	}
}
strong, th, .boldText {
	font-family: 'Fira Sans';
	font-weight: 500;
}
.regularText {
	font-family: 'Fira Sans';
	font-weight: 300!important;
}
/* .thinText {
	font-family: 'Fira Sans';
	font-weight: 300;
} */
.lightText {
	font-family: 'Fira Sans';
	font-weight: 300;
}
.boldText {
	font-family: 'Fira Sans';
	font-weight: 500;
	color:var(--black);
}
.text900 {
	font-family: 'Fira Sans';
	font-weight: 900;
}
.blackText {
	font-family: 'Fira Sans';
	font-weight: 900;
	color:var(--black);
}
.extraBoldText {
	font-family: 'Fira Sans';
	font-weight: 900;
	color:var(--black);
}
.blueText {
	color:var(--blue)!important;
}
.orangeText {
	color:var(--orange);
}
.noStrokeText {
	-webkit-text-stroke: 0px;
	text-stroke: 0px;
	-webkit-text-stroke-color: transparent;
}
.strokeText {
	-webkit-text-stroke: 1px;
}
p {
	padding:5px 0px 5px 0px;
	padding:0;
}
a {
	color:var(--blue);
	text-decoration:none;
}
a:hover {
	color:var(--blue);
	text-decoration:underline;
}
a.button {
	text-decoration:none;
}
hr {
	background:#d5d8dc;
	margin:1rem 0 1.5rem;
}
.sep:after {
	content: "›";
	display:inline-block;
	padding:3px 10px;
}
@media (max-width:768px) {
	br {
		display:none;
	}
}
}
@layer custom {
.anim.reveal:not(.active) {
    opacity: 0;
}
.anim.reveal.active {
    opacity: 1.0;
    animation: fadeInBottom 1s ease 0s 1 normal both;
}
.anim.anim1, .anim.anim2 {
    opacity: 0;
    animation: fadeInRight ease 0.4s forwards;
    transform: rotate(8deg) skew(11deg, -2deg);
}
.anim.anim2 {
    transform: scaleX(0);
    transform-origin: left;
    animation: growLeft cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
    animation-delay: 0.4s;
}


.original-transform {
  transform: rotate(8deg) skew(11deg, -2deg);
}

@keyframes fadeInBottom {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
   
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(-15px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  @keyframes growLeft {
    from {
      transform: scaleX(0);
    }
    to {
      transform: scaleX(1);
    }
  }
}
@layer custom {
/* .container *, .container *:before {
	transition:0.15s;
} */
button:active, button:focus {
	outline: none;
}
button::-moz-focus-inner {
	border: 0;
}

html {
	font-size:16px;
	text-align:left;
	/* font-optical-sizing: auto; */
	font-weight:normal;
	scroll-behavior: smooth;
	/* -webkit-font-smoothing: none; */
} 
@media (max-width: 1440px) {
	html {
		font-size:14px;
	}
}
@media (max-width: 1200px) {
	html {
		font-size:13px;
	}
}
@media (max-width: 992px) {
	html {
		font-size:12px;
	}
}
@media (max-width: 768px) {
	html {
		font-size:12px;
	} 
}
@media (max-width: 576px) {
	html {
		font-size:12px;
	} 
}

body {
	line-height:1.375rem;
	font-family: 'Fira Sans';
	font-weight: 300;
	color: var(--black);
}

/* @media (max-width: 1400px) {
	.container {
		max-width:1400px;
	}
}  */


/* @media (max-width: 768px) {
	main {
		padding-bottom: 1.5rem;
	}
} */

@media (min-width: 1600px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1350px;
	}
}
@media (max-width: 768px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			--bs-gutter-x: 4rem;
	}
}

iframe {
	width:100%;
}
@media (max-width: 768px) {
	iframe {
		max-height: 300px;
	}
}
@media (max-width: 576px) {
	iframe {
		max-height: 200px;
	}
}

@media (min-width: 992px) {
	.narrowBlock {
		max-width: var(--narrow-block-max-width);
	}
}

.line {
    height: 1px;
    background-color:var(--grey);
    clear: both;
	margin-top:2rem;
	margin-bottom:2.5rem;
	position:inherit;
}

.fade-scale {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
  }
  
.fade-scale.in {
	opacity: 1;
	transform: scale(1);
}


.fullHeight {
    height: 100vh;
    min-height: 500px;
}

.back.cover {
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 1300px) {
    .container {
            max-width: 1260px;
    }
}
@media (min-width: 1600px) {
    .container {
            max-width: 1480px;
    }
}
}
@layer custom {
input[type=password], input[type=tel], input[type=text], select {
	padding:0.75rem 1rem;
	color:var(--black);
	font-family: 'Fira Sans';
	font-weight: 400;
	font-size:1rem;
	max-width: 250px;
	min-width: 180px;
	border: 1px solid var(--grey);
	border-radius: var(--border-radius);
	text-align:left;
	background-color:var(--white);
}
input:focus::placeholder, textarea:focus::placeholder {
	color: transparent;
	opacity: 0;
	text-align:left;
}
input[type=password].error, input[type=tel].error, input[type=text].error {
	border: 1px solid var(--red);
}
input:focus, textarea:focus {
	/*border:none;*/
	outline:none;
}
input[type=password]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, select {
	color:#000;
	font-family: 'Fira Sans';
	font-weight: 400;
	text-align: left;
}
input[type=checkbox] {
	margin:3px!important;
	padding:3px;
	min-width:inherit!important;
}
textarea {
	width:100%;
	resize: none;
	color:#000;
	border: 1px solid var(--grey);
	border-radius: var(--border-radius);
	font-size:0.9375rem;
	padding:0.6rem;
}
}
@layer custom {
.modal-backdrop {
    background: rgba(0, 7, 15, 0.9);
    transition:background-color  0.2s;
    --bs-backdrop-opacity: 0.95;
}
}
@layer normalize, bootstrap, boilerplate-css, primeract, custom;
.accordion .accordion-button {
    cursor: pointer;
    padding: 2rem;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    background: var(--blue);
    color:var(--white);
}
.accordion .accordion-button:hover {
    background: var(--blue-active);
}
.accordion .accordion-button:after {
    display: none;
}
.accordion .accordion-button:not(.collapsed) {
    background: var(--blue);
    color:var(--white);
}
.accordion .accordion-item .accordion-button h3 {
    padding:0;
}
.accordion .accordion-body {
    padding: 3rem 2rem;
}
.accordion .accordion-collapse {
    transition: 0.5s;
}

button, .button {
	border-radius: var(--border-radius);
	border:solid 1px var(--blue);
	background: var(--white);
	color:var(--blue);
	font-size:1.125rem;
	line-height: 1.5rem;
	padding:1.5rem 2.5rem;
	font-family: 'Fira Sans';
	font-weight: 300;
	cursor:pointer;
}
button:hover, .button:hover {
	background:var(--blue);
	color:var(--white);
}
.button:focus, button:focus {
	outline:none!important;
	box-shadow:none!important;
}
button.white, .button.white {
	color:var(--blue);
	background: var(--white);
}
button.white:hover, .button.white:hover {
	color:var(--white);
	background: var(--blue-active);
	background: var(--red);
}
button.blue, .button.blue {
	background: var(--blue);
	color: var(--white);
}
button.blue:hover, .button.blue:hover {
	background: var(--blue-active);
}
button.red, .button.red {
	background: var(--red);
	color: var(--white);
	border:solid 1px var(--red);
}
button.red:hover, .button.red:hover {
	background: var(--red-active);
}
button.big, .button.big {
	padding:1.5rem 3rem!important;
}
button:active, button:focus, .button:active, .button:focus {
	outline: none!important;
	box-shadow: none;
}
button::-moz-focus-inner, .button::-moz-focus-inner {
	border: 0!important;
}
a.button {
	color:var(--white);
	text-decoration:none;
	display: inline-block;
}
@media (max-width: 992px) {
	.button {
		padding:1rem 2.5rem;
	}
}
@media (max-width: 768px) {
	.button {
		margin:1rem auto 1rem 0;
	}
}
.backButton {
    padding:1rem 2.25rem;
}
.backButton span {
    display: inline-block;
}
.backButton span::before {
    content: '';
    background: url(/_site/assets/img/backArrow.svg) center center / cover no-repeat;
    width: 1.375rem;
    height: 0.875rem;
    display: inline-block;
    margin-right: 1rem;
}
.tags a, .tags button, .tags span {
	text-align: center;
	padding:0.25rem 2rem 0.3rem;
	cursor:pointer;
    display: inline-block;
    text-decoration: none;
    margin:0 1rem 1rem 0;
    scroll-behavior: smooth;
    font-size: 1.125rem;
}
.tags a:hover, .tags .button:hover, .tags a.current {
    text-decoration: none;
    background: var(--blue);
    border: solid 1px var(--blue);
    color:var(--white);
}
.tags button.black, .tags .button.black {
    border-color: #000;
    color: var(--white);
}
.tags.white a, .tags.white button, .tags.white span {
	background: transparent;
    color: var(--white);
    border: solid 1px var(--white);
}
.tags.transparent a, .tags.transparent button, .tags.transparent span {
	background: transparent;
    color: var(--blue);
    border: solid 1px var(--blue);
}
main ul.checked {
	padding:0;
	margin:1rem 0 2rem;
}
main ul.checked li {
	position:relative;
	display: flex;
    align-items: center;
	margin-bottom:1.5rem;
	align-items: flex-start;
}
main ul.checked li:last-child {
	margin-bottom: 0.5rem;
}
main ul.checked li:before {
	content: "";
    height:0.625rem;
    min-height:0.625rem;
    display: inline-block;
	border: solid 1px var(--blue);
    width:0.625rem;
    min-width:0.625rem;
	flex-shrink: 0;
	flex-grow: 0;
	margin-right:1rem;
	margin-top:0.3125rem;
}
main ul.checked.white li {
	color: var(--white);
}
main ul.checked.white li:before {
	border: solid 1px var(--white);
}
#aboutBlock {
    background: var(--blue);
    padding-top: 2rem;
    padding-bottom: 5rem;
}
#aboutBlock .mobile {
    max-width: 400px;
}
#aboutBlock button {
    position: absolute;
    bottom: 0;
    left: 0;
}
#aboutBlock button:hover {
    /* background: var(--rose); */
    background: transparent;
    border-color: var(--white);
}
@media (max-width:768px) {
    #aboutBlock .mobile {
        padding-bottom: 6rem;
    }
}
.accordionPrice .priceCarrier {
    font-family: 'Fira Sans';
	font-weight: 900;
    font-size: 1.875rem;
    padding-bottom: 0.5rem;
    white-space: nowrap;
    margin-top: 3rem;
    margin-bottom: 3rem;
    color: var(--blue);
}
.accordionPrice .price {
    font-size: 3.5rem;
    white-space: nowrap;
}
.accordionPrice .oldPrice {
    font-family: 'Fira Sans';
	font-weight: 500;
    text-decoration: line-through;
    color: var(--blue-blind);
    font-size: 1.75rem;
    margin-bottom: 1rem;
}
.accordionPrice .row {
    width: 100%;
}
.accordionPrice .accordion-button {
    padding-right: 1rem;
}  
.accordionPrice .accordion-button .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.accordionPrice .accordion-button .right {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    max-width: 2rem;
    padding: 0;
}
.accordionPrice .accordion-button .arrow {
    background: url(/_site/assets/img/white_arrow.svg) center center / contain no-repeat;
    width:2rem;
    height: 2rem;
    transition: 0.5s;
}
.accordionPrice .accordion-button.collapsed .arrow {
    transform: rotate(-90deg);
}
.accordionPrice .accordion-body h3 {
    padding-top: 0;
}
@media (max-width:576px) {
    .accordionPrice .accordion-button .left {
        margin-bottom: 0rem;
    }
    .accordion .accordion-body .right {
        margin-top: 3rem;
    }
}
#competenciesBlock {
    padding-top:2rem;
    padding-bottom: 4rem;
}
#competenciesBlock .left {
    padding-right:2rem;
}
#competenciesBlock .right h3 {
    padding:0;
    padding-bottom: 1rem;
}
#competenciesBlock .right ul {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}
#competenciesBlock .right ul li {
    list-style: none;
    
    margin-bottom:1rem;
}
#competenciesBlock .right ul li:before {
    content: '';
    margin-right: 1.5rem;
    width:4.125rem;
    height:4.125rem;
    background: #000;
    display: block;
    margin-bottom: 0.5rem;
}
#competenciesBlock .right ul.fe {
    margin-bottom: 2rem;
}
#competenciesBlock .right ul.fe li:nth-child(1):before {
    background: url(/_site/assets/img/competenciesJs.svg) center center / contain no-repeat;
}
#competenciesBlock .right ul.fe li:nth-child(2):before {
    background: url(/_site/assets/img/competenciesHtml.svg) center center / contain no-repeat;
}
#competenciesBlock .right ul.fe li:nth-child(3):before {
    background: url(/_site/assets/img/competenciesReact.svg) center center / contain no-repeat;
}
#competenciesBlock .right ul.fe li:nth-child(4):before {
    background: url(/_site/assets/img/competenciesWebpack.svg) center center / contain no-repeat;
}
#competenciesBlock .right ul.fe li:nth-child(5):before {
    background: url(/_site/assets/img/competenciesBootstrap.svg) center center / contain no-repeat;
}
#competenciesBlock .right ul.fe li:nth-child(6):before {
    background: url(/_site/assets/img/competenciesReact.svg) center center / contain no-repeat;
}
#competenciesBlock .right ul.be li:nth-child(1):before {
    background: url(/_site/assets/img/competenciesPhp.svg) center center / contain no-repeat;
}
#competenciesBlock .right ul.be li:nth-child(2):before {
    background: url(/_site/assets/img/competenciesRestApi.svg) center center / contain no-repeat;
}
#competenciesBlock .right ul.be li:nth-child(3):before {
    background: url(/_site/assets/img/competenciesMysql.svg) center center / contain no-repeat;
}
#competenciesBlock .right ul.be li:nth-child(4):before {
    background: url(/_site/assets/img/competenciesComposer.svg) center center / contain no-repeat;
}
@media (max-width:768px) {
    #competenciesBlock .right ul li {
        margin-bottom: 1.5rem;
    }
}
#cookieNotify {
    position: fixed;
    bottom: 1rem;
    z-index: 999;
    width: 100%;
    display: none;
    opacity: 0;
    transition: opacity 0.25s, display 0.25s;
    transition-behavior: allow-discrete;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #fff;

    .content {
        margin: auto;
        padding: 0.3125rem;
        border-radius: 20px;
        background: var(--black);
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
        align-items: center;
        max-width: 860px;
        display: flex;

        .text {
            padding-left: 1.4375rem;
            padding-right: 1.4375rem;
        }

        button {
            border-radius: 15px;
            border: 1px solid var(--white);
            padding: 0.875rem 2rem;
            min-width: 220px;
            color: var(--white);
            background: transparent;
            margin-bottom: 0;
        }
        button:hover {
            background: var(--blue);
            border: solid 1px var(--white);
        }
    }
    @media (max-width:992px) {
        .content {
            max-width: 650px;
        }
    }
    @media (max-width:768px) {
        .content {
            flex-direction: column;
            max-width: 420px;
            padding: 1.5rem;

            .text {
                padding-left:0;
                padding-right:0;
            }
            button {
                margin:1.25rem auto 0 0;
            }
        }
    }
}
#cookieNotify.active {
    display: block;
    opacity: 1.0;
}
#firstBlock {
    background: var(--blue);
    color: var(--white);
    padding-bottom: 7rem;
    font-size: 1.375rem;
    line-height: 2rem;
}
#firstBlock .container {
    transition: none;
}
#firstBlock p {
    margin-bottom: 3rem;
}
#firstBlock .left {
    padding-right: 3rem;
}
#firstBlock .button {
    color:var(--blue);
    text-align: center;
}
#firstBlock .button:hover {
    background:var(--red);
    color: var(--white);
}
/* #firstBlock #homeTagline {
    padding-right: 2rem;
    display: inline-block;
} */
#firstBlock .back {
    background: url(/_site/assets/img/longArrow.svg) center right no-repeat;
    height: 3rem;
}
@media (max-width: 768px) {
    #firstBlock {
        padding-bottom: 3rem;
    }
    #firstBlock .right  {
        display: flex;
    }
    #firstBlock .right .button {
        margin:0 0 0 auto;
        text-align: center;
    }
    #firstBlock .back {
        background: url(/_site/assets/img/longArrowMobile.svg) center right no-repeat;
        height: 3rem;
    }
}
footer {
	color:var(--white);
	font-size:0.9375rem;
	border-top: solid 1px var(--white);
	background: #000;
}
/* footer .container-fluid {
	max-width: 1400px;
	margin: auto;
} */
footer h3 {
	padding-top:0;
	font-family: 'Fira Sans';
	font-weight: 400;
}
footer .left .content {
	max-width:700px;
	padding:2rem 0;
	margin:4rem auto 2rem auto;
}
footer .left .content li {
	margin-bottom:1rem;
}
footer .left .content li a {
	color:var(--white);
}
footer .left .content .clar {
	margin-top:2rem;
	font-size: 0.75rem;
	color:var(--grey);
}
footer .left .content .clar a {
	color: var(--grey);
	text-decoration: underline;
}
footer .right {
	font-family:'Fira Sans';
	font-weight: 300;
}
footer .right .content {
	max-width:750px;
	padding:2rem 0;
	margin:4rem auto 2rem auto; 
}
footer .right a {
	color:var(--white);
}
footer .right a:hover {
	color:var(--blue);
	text-decoration: none;
}
footer .right .content .formCarrier {
	min-height: 360px;
}
footer .right .content .formCarrier input {
	display:block;
	margin: auto;
	background-color: transparent;
	text-align: left;
	width: 250px;
	color:var(--white);
}
footer .right .content .formCarrier input::placeholder {
	color:var(--white);
}
footer .right .content .formCarrier button {
	display:block;
	margin:auto;
	width: 250px;
}
footer .right .logo {
	max-width: 138px;
}
@media (max-width:1200px) {
	footer {
		padding-bottom: 3rem;
	}
	footer .left .content {
		max-width:750px;
		padding: 1rem;
		margin:2rem auto 1rem auto;
	}
	footer .right .content {
		max-width:750px;
		padding:1rem;
		margin:2rem auto 1rem auto; 
	}
	footer .right .logo {
		max-width: 110px;
	}
}
@media (max-width:992px) {
	footer .right {
		background: #000;
		color:var(--white);
	}
	footer .right .content, footer .left .content {
		padding:1rem;
		margin:4rem 0 1rem 0;
	}
	footer .right .content .formCarrier {
		min-height: inherit;
	}
	footer .container {
		max-width: 720px!important;
	}
}
@media (max-width:576px) {
	footer .right .content .formCarrier input {
		width: 200px;
	}
	footer .right .content .formCarrier button {
		width: 200px;
	}
	footer br {
		display: inline-block;
	}
	footer .right .right {
		padding-top:5rem;
		min-height: 250px;
	}
}
.galleryCarrier {
	padding-left:4.5rem;
	padding-right:4.5rem;
}
.galleryCarrier .next, #galleryOverlay .next {
	background: url(/_site/assets/img/arrowNext.svg) center center / contain no-repeat;
	height: 3rem;
	width: 3rem;
	padding: 0;
	right: 0.25rem;
	margin-top: -3rem;
}
#galleryOverlay .next {
	margin-right: 1rem;
}
.galleryCarrier .next::after, #galleryOverlay .next::after {
	display: none;
}
.galleryCarrier .next:hover {
	background: url(/_site/assets/img/arrowNextActive.svg) center center / contain no-repeat;
}
.galleryCarrier .prev, #galleryOverlay .prev {
	background: url(/_site/assets/img/arrowPrev.svg) center center / contain no-repeat;
	height: 3rem;
	width: 3rem;
	padding: 0;
	left: 0.25rem;
	margin-top: -3rem;
}
#galleryOverlay .prev {
	margin-left: 1rem;
}
.galleryCarrier .prev::after, #galleryOverlay .prev::after {
	display: none;
}
.galleryCarrier .prev:hover {
	background: url(/_site/assets/img/arrowPrevActive.svg) center center / contain no-repeat;
}
.galleryCarrier .swiper-wrapper {
	padding-bottom: 3rem;
}
.galleryCarrier.brightControlsCarrier .next, #galleryOverlay .next {
	background: url(/_site/assets/img/brightArrowNext.svg) center center / contain no-repeat;
}
.galleryCarrier.brightControlsCarrier .next:hover, #galleryOverlay .next:hover {
	background: url(/_site/assets/img/brightArrowNextActive.svg) center center / contain no-repeat;
}
.galleryCarrier.brightControlsCarrier .prev, #galleryOverlay .prev {
	background: url(/_site/assets/img/brightArrowPrev.svg) center center / contain no-repeat;
}
.galleryCarrier.brightControlsCarrier .prev:hover, #galleryOverlay .prev:hover {
	background: url(/_site/assets/img/brightArrowPrevActive.svg) center center / contain no-repeat;
}
@media (max-width:768px) {
	.galleryCarrier {
		padding-left:0;
		padding-right:0;
	}
	.galleryCarrier .next {
		display: none;
	}
	.galleryCarrier .prev {
		display: none;
	}
}
#headerMenu {
	font-family: 'Fira Sans';
	font-weight: 400;
	font-size: 1rem;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
}
#headerMenu .navbar {
	padding-bottom: 0;
}
#headerMenu .navbar-nav .nav-link {
	padding-left:0;
	padding-right:0;
	margin-right:2rem;
}
#headerMenu .navbar-nav {
	width:100%;
}
#headerMenu  .right {
    display: flex;
    justify-content: flex-end;
}
#headerMenu .buttonCarrier {
	margin-left: auto;
	margin-right: 0;
}
#headerMenu button {
	background: transparent;
	color:var(--white);
	border: solid 1px var(--white);
	padding:0.6rem 2.5rem;
	font-family: 'Fira Sans';
	font-weight: 400;
	font-size: 0.9375rem;
}
#headerMenu button:hover {
	background: var(--red);
	border: solid 1px var(--red);
}
#headerMenu .nav-link {
	color:var(--white);
	position:relative;
	font-size: 0.9375rem;
}
#headerMenu .nav-link:hover {
	color:var(--white);
	text-decoration:none;
}
#headerMenu .nav-link:hover:after {
	content: "  ";
	width:110%;
	height:3px;
	background:var(--white);
	display:inline-block;
	position:absolute;
	left:0px;
	bottom:0px;
}
.white header #headerMenu button {
	background: transparent;
	color:var(--blue);
	border: solid 1px var(--blue);
}
.white header #headerMenu .nav-link {
	color:var(--blue)
}
.white header #headerMenu .nav-link:hover:after {
	background:var(--blue);
}
@media (max-width:1440px) {
	#headerMenu .navbar-nav .nav-link {
		margin-right:1.5rem;
	}
	#headerMenu  .button {
		padding:0.5rem 1.5rem;
	}
}
@media (max-width:1200px) {
	#headerMenu .navbar-expand-lg .navbar-nav .nav-link {
		margin-right:1.5rem;
	}
	#headerMenu .nav-link {
		font-size: 1rem;
	}
	#headerMenu  .button {
		padding:0.5rem 0.825rem;
	}
	#headerMenu  .button {
		font-size:1rem;
	}
}
@media (max-width:1100px) {
	#headerMenu .nav-link {
		font-size: 0.875rem;
	}
}
header {
	background-color: var(--blue);
	color:var(--white);
	border-bottom: 1px solid var(--white);
	font-size: 1.125rem;
	font-family: 'Fira Sans';
	font-weight: 200;
    
    .content {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .logoCarrier {
        display: flex;
        align-items: center;
    }
    .tagline {
        padding-left: 2rem;
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
    .logo {
        height: 92px;
        width: 160px;
        display: block;
        background: url(/_site/assets/img/logo_contour_white.svg) center left / contain no-repeat;
    }
}
.white header {
	background: var(--white);
	color:var(--blue);
    
    .logo {
        background: url(/_site/assets/img/logo_blue.svg) center left / contain no-repeat;
    }
    #headerMenu button:hover {
        background: var(--blue);
        color: var(--white);
    }
}
.blue header {
	background:var(--blue) ;
	color:var(--white);
}
.blue header .logo {
	background: url(/_site/assets/img/logo_contour_white.svg) center left / contain no-repeat;
}
@media (max-width: 1440px) {
	header .tagline {
		font-size: 1.125rem;
		line-height: 1.375rem;
	}
}
@media (max-width: 992px) {
	header .logo {
		height: 90px;
		width: 140px;
	}
}
@media (max-width: 768px) {
	header .logo {
		height: 60px;
		width: 100px;
	}
}
@media (max-width: 576px) {
	header .logo {
		height: 40px;
		width: 70px;
	}
	header .content {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}
/* @keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
} */
.mainContent .container, .mainContent .container-fluid {
	margin:0 auto 2rem;
}
@media (min-width: 992px) {
	.mainContent .container, .mainContent .container-fluid {
		max-width: var(--narrow-block-max-width);
	}
}
#overlayForm {
	--bs-modal-bg:rgba(255,255,255, 1)!important;
	min-width: 320px;
	color: #000;
	font-size: 1.125rem;

	.modal-body {
		padding-bottom: 3rem;
	}
	.modal-content {
		min-width: 320px;
	}
	.dismiss {
		display: block;
		margin:auto 2rem auto auto;
		height:34px;
		width:34px;
		padding:0;
		border:none;
		background: url(/_site/assets/img/dismiss.svg) center center / cover;
	}
	.dismiss:hover {
		color:var(--white);
	}
	input, select {
		width: 260px;
	}
	a {
		color:var(--blue);
	}
	a:hover {
		color:var(--blue);
		text-decoration: underline;
	}
	textarea {
		width: 90%;
	}
	input::placeholder, select {
		text-align: left;
	}
	textarea {
		min-height: 80px;
	}
	.tags .button {
		padding: .25rem 2rem .3rem;
		margin:0 0.5rem 0.5rem 0;
		user-select: none;
		font-size:0.9375rem;
	}
	.tags .button.active, .tags .button:hover {
		background: var(--blue);
		border: solid 1px var(--blue);
		color: var(--white);
	}
	.social {
		display: flex;
	}
	.social a {
		display: block;
		height: 40px;
		width: 40px;
		margin-top: 1rem;
	}
	.social .tg a {
		background: url(/_site/assets/img/tg_blue.svg) center center / contain no-repeat;
		margin-right: 2rem;
	}
	.social .wa a {
		background: url(/_site/assets/img/wa_blue.svg) center center / contain no-repeat;
	}
}
@media (max-width: 992px) {
	#overlayForm .right {
		margin-top: 4rem;
	}
}
@media (max-width: 768px) {
	#overlayForm br {
		display: inherit;
	}
}
header button.overlayMenuButton {
	background: no-repeat url(/_site/assets/img/mainMenuWhite.svg) center center / contain;
	height:25px;
	width:38px;
	border:none;
	border-radius: 0;
	padding: 0;
}
.white header button.overlayMenuButton {
	background: no-repeat url(/_site/assets/img/mainMenu.svg) center center / contain;
}

#overlayMenu {
	--bs-modal-bg:rgba(0,0,0, 0)!important;
	/* --bs-modal-bg:transparent; */
	min-width: 320px;
	color:var(--white);
}
#overlayMenu .modal-body {
	padding-bottom: 4rem;
}
#overlayMenu .modal-content {
	padding:0;
	min-width: 320px;
}
#overlayMenu .dismiss {
	display: block;
	/* margin:auto 2rem auto auto; */
	height:34px;
	width:34px;
	padding:0;
	border:none;
	background: url(/_site/assets/img/dismiss.svg) center center / cover;
	position: absolute;
	right: 2rem;
	top: 2rem;
	z-index: 2000;
}
#overlayMenu .dismiss:hover {
	color:var(--white);
}
#overlayMenu .menuContainer {
	/* min-height: calc(100vh - 150px); */
	align-items: center;
}
#overlayMenu h3 {
	padding-bottom: 2.25rem;
	color: var(--white);
}
#overlayMenu .title4 {
	color: var(--white);
}
#overlayMenu .nav li {
	padding-bottom: 1.5rem;
}
#overlayMenu a {
	color:var(--white);
}
#overlayMenu a:hover {
	color:var(--blue);
	text-decoration: none;
}
#overlayMenu a.phone {
	font-size: 1.875rem;
	line-height: 2rem;
	font-family: 'Fira Sans';
	font-weight: 900;
}
#overlayMenu input {
	border: solid 1px var(--white);
	background-color: transparent;
	color:var(--white);
	width:250px;
}
#overlayMenu button {
	width:250px;
}
#overlayMenu input::placeholder {
	color:var(--white);
}
@media (max-width: 1440px) {
	header button.overlayMenuButton, .white header button.overlayMenuButton {
		width:32px;
		height:20px;
	}
}
@media (max-width: 992px) {
	#overlayMenu .right {
		margin-top: 4rem;
	}
}
@media (max-width: 768px) {
	#overlayMenu br {
		display: inherit;
	}
}
.pagination {
	justify-content: center;
	margin-top:2rem;
	margin-bottom:2rem;
}
.pagination ul {
	margin: auto;
    display: flex;
	text-align:center;
	line-height:1rem;
}
.pagination li {
	padding:0;
	margin-right:0.5rem;
	margin-left:0.5rem;
}
.pagination li a, .pagination li span {
	width:34px;
	height:34px;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'Fira Sans';
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1rem;
	text-decoration: none;
}
.pagination li.current span {
	/* color:var(--white); */
	background-color: var(--blue);
	border: solid 1px var(--blue);
	color: var(--white);
	border-radius: var(--border-radius);
	/* background: var(--dark-blue); */
}
.pagination li:hover a {
	text-decoration: underline;
}
.portfolioList {
	overflow: hidden;
	
}
.portfolioList .item {
    /* min-height: 600px; */
	background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 102%;
    color:var(--white);
    padding:1rem 1rem;
    text-align: left;
	/* border:solid 1px var(--white); */
	transition: background 1s ease;
}
.portfolioList .item:hover  {
	/* transform: matrix(0.866, 0.5, -0.5, 0.866, 0, 0); */
	/* transform: rotate(1deg);  */
	background-size: 104%;
}
.portfolioList .item .content {
	opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    border: solid 1px transparent;	
}
.portfolioList .item:hover .content {
	opacity: 1;
}
.portfolioList .item .content .titleCarrier {
    padding:1rem;
    border: solid 1px var(--white);
}
.portfolioList .item .content .titleCarrier .title {
    margin-bottom: 0.5rem;
}
.portfolioList .item .content .tagCarrier {
    padding: 1rem;
	font-size: 1rem;
}
.portfolioList .item:hover {
    text-decoration: none;
    cursor: pointer;
}
.portfolioList .item:hover .content {
    border: solid 1px var(--blue);
}
.portfolioList .item:hover .content .titleCarrier {
    border: solid 1px var(--blue);
    background: var(--blue);
}
.portfolioList .item:hover .content .tagCarrier {
    background: var(--blue);
}
.portfolioList .macbookScreen {
	height:760px;
	padding-top:55px;
	margin-top:3rem;
	margin-bottom:1rem;
	background-repeat:no-repeat;
	background-position:center top; 
	background-size:contain;
	background-image:url(/_site/assets/img/macbook.png);
	margin-bottom: 4rem;
}
.portfolioList .macbookScreen .screenshot {
	margin:auto;
	width:985px;
	height:616px;
	overflow:auto;
	/* display:none;	*/
}
.portfolioList .macbookScreen .screenshot img {
	width:100%;
}
@media (max-width: 1400px) {
	.portfolioList .macbookScreen {
		padding-top:41px;
		height:558px;
	}
	.portfolioList .macbookScreen .screenshot {
		width:723px;
		height:452px;
	}
}
@media (max-width: 1200px) {
	/* .portfolioList .item {
		min-height: 500px;
	} */
	.portfolioList .macbookScreen {
		padding-top:29px;
		height:401px;
	}
	.portfolioList .macbookScreen .screenshot {
		width:520px;
		height:326px;
	}
}
@media (max-width: 992px) {
	/* .portfolioList .item {
		min-height: 440px;
	} */
	.portfolioList .macbookScreen {
		padding-top:20px;
		height:296px;
	}
	.portfolioList .macbookScreen .screenshot {
		width:384px;
		height:242px;
	}
}
@media (max-width: 576px) {
	.portfolioList .macbookScreen {
		padding-top:10px;
		height:168px;
	}
	.portfolioList .macbookScreen .screenshot {
		width:218px;
		height:138px;
	}
}
.portfolio .back {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.portfolio .mainContent {
    padding-bottom: 3rem;
}
.portfolio .textComponent {
    padding-bottom: 4rem;
}
.portfolio h1, .portfolio h2 {
	color: inherit;
	-webkit-text-stroke: 0px;
}
@media (min-width: 1200px) {
    .portfolio .back {
        background-position: center center;
        background-size: cover;
    }
}
.screenCarrier {
	padding-bottom: 3rem;
}
.macbookScreen {
	height:760px;
	padding-top:55px;
	margin-top:2rem;
	background-repeat:no-repeat;
	background-position:center top; 
	background-size:contain;
	background-image:url(/_site/assets/img/macbook.png);
}
.macbookScreen .screenshot {
	margin:auto;
	width:985px;
	height:616px;
	overflow:auto;
	/* display:none;	*/
}
.macbookScreen .screenshot img {
	width:100%;
}
@media (max-width: 1400px) {
	.macbookScreen {
		padding-top:41px;
		height:558px;
	}
	.macbookScreen .screenshot {
		width:723px;
		height:452px;
	}
}
@media (max-width: 1200px) {
	/* .item {
		min-height: 500px;
	} */
	.macbookScreen {
		padding-top:29px;
		height:401px;
	}
	.macbookScreen .screenshot {
		width:520px;
		height:326px;
	}
}
@media (max-width: 992px) {
	/* .item {
		min-height: 440px;
	} */
	.macbookScreen {
		padding-top:20px;
		height:296px;
	}
	.macbookScreen .screenshot {
		width:384px;
		height:242px;
	}
}
@media (max-width: 576px) {
	.macbookScreen {
		padding-top:10px;
		height:168px;
	}
	.macbookScreen .screenshot {
		width:218px;
		height:138px;
	}
}
.serviceTop {
	color:var(--white);
	padding-bottom: 8rem;
	margin-bottom:2rem;
}
.serviceTop * {
	-webkit-text-stroke:transparent;
}
.serviceTop .textComponent {
    font-size: 1.5rem;
    line-height: 2.125rem;
}
.service .content {
    max-width: 938px;
    max-width: 878px;
    margin: 2rem auto;
}
.service .content .nav-item {
    padding:1rem 2rem;
}
.service #servicesPill ul {
    padding-left: 0;
}
.service #servicesPill li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:0;
    margin: 0 0 2rem 0;
}
.service #servicesPill li a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:1.5rem 2rem;
    border:solid 1px transparent;
    color:#000;
}
.service #servicesPill li a p {
    padding-bottom: 0;
    margin-bottom: 0;
}
.service #servicesPill li a:hover {
    border: solid 1px var(--blue);
    text-decoration: none;
    color:var(--blue);
}
.service #servicesPill li a .title {
    margin-bottom: 0.5rem;
}
.service #servicesPill li a p {
    font-family: 'Fira Sans';
	font-weight: 300;
    font-size: 1rem;
}
.service .title {
    cursor: pointer;
}
.service .title2.active {
    color:var(--blue);
}
@media (max-width:768px) {
    .serviceTop {
        padding-bottom: 3rem;
    }
}
.sliderComponent .next {
	background: url(/_site/assets/img/arrowNext.svg) center center / contain no-repeat;
	height: 3rem;
	width: 3rem;
	padding: 0;
	right: 0.25rem;
	margin-top: -3rem;
	margin-right: 1rem;
}
.sliderComponent .next::after {
	display: none;
}
.sliderComponent .next:hover {
	background: url(/_site/assets/img/arrowNextActive.svg) center center / contain no-repeat;
}
.sliderComponent .prev {
	background: url(/_site/assets/img/arrowPrev.svg) center center / contain no-repeat;
	height: 3rem;
	width: 3rem;
	padding: 0;
	left: 0.25rem;
	margin-top: -3rem;
	margin-left: 1rem; 
}
.sliderComponent .prev::after {
	display: none;
}
.sliderComponent .prev:hover {
	background: url(/_site/assets/img/arrowPrevActive.svg) center center / contain no-repeat;
}
.sliderComponent .swiper-wrapper {
	padding-bottom: 2rem;
}
.sliderComponent .brightControls  .next {
	background: url(/_site/assets/img/brightArrowNext.svg) center center / contain no-repeat;
}
.sliderComponent .brightControls .next:hover {
	background: url(/_site/assets/img/brightArrowNextActive.svg) center center / contain no-repeat;
}
.sliderComponent .brightControls .prev {
	background: url(/_site/assets/img/brightArrowPrev.svg) center center / contain no-repeat;
}
.sliderComponent .brightControls .prev:hover {
	background: url(/_site/assets/img/brightArrowPrevActive.svg) center center / contain no-repeat;
}
.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 {
    border: solid 2px var(--blue);
    background: transparent;
    height: 1rem;
    width: 1rem;
}
.brightControls .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .brightControls .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    border: solid 2px #fff;
}
@media (max-width:768px) {
	.sliderComponent .next {
		display: none;
	}
	.sliderComponent .prev {
		display: none;
	}
}
#stickyHeader {
    top:0;
    position: fixed;
    width: 100%;
    z-index: 100;
    display: none;
    opacity: 0;
    transition: opacity 0.5s;
    animation: fadeIn 0.5s;
}
#stickyHeader * {
    outline: none;
}
#stickyHeader.active {
    display: block;
    opacity: 1.0;
}
#stickyHeader .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--blue);
    box-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.15);
    /* backdrop-filter: blur(15px); */
    border-radius: var(--border-radius);
    margin-top: 0.375rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    outline: solid 1px var(--white);
}
#stickyHeader .container a.logo {
	height: 33px;
	width: 60px;
	display: block;
	background: url(/_site/assets/img/logo_contour_white.svg) center left / contain no-repeat;
    margin-bottom: 0.125rem;
}
#stickyHeader .container a {
    display: flex;
    height: 30px;
    width: 30px;
    margin-left: 1rem;
    margin-right: 1rem;
}
#stickyHeader .container .tg a {
    background: url(/_site/assets/img/tg_white.svg) center center / contain no-repeat;
}
#stickyHeader .container .wa a {
    background: url(/_site/assets/img/wa_white.svg) center center / contain no-repeat;
}
#stickyHeader button.overlayFormButton {
    background: transparent;
	color:var(--white);
	border: solid 1px var(--white);
	padding:0.2rem 1.2rem;
    font-family: 'Fira Sans';
	font-weight: 400;
	font-size: 0.9375rem;
	font-size: 0.875rem;
    margin-left:auto;
    margin-right: 0;
    display: flex;
}
#stickyHeader button.overlayFormButton:hover {
	background: var(--red);
	border: solid 1px var(--red);
}
#stickyHeader  button.overlayMenuButton {
    height: 17px;
    background: url(/_site/assets/img/mainMenuWhite.svg) center center / contain no-repeat!important;
    margin-right: 1rem;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@media (max-width:576px) {
    #stickyHeader .container {
        margin-top: 0.5rem;
        margin-left: 0.35rem;
        margin-right: 0.35rem;
        width: auto;
    }
    #stickyHeader .container a {
        height: 25px;
        width: 25px;
    }
}
.textComponent {
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 2rem;
}
@media (min-width: 992px) {
	.textComponent {
		max-width: var(--narrow-block-max-width);
	}
}
.homepage {
    .wrapper {
        position: relative;
        background:url(/_site/assets/img/firstSlide.jpg) center center / cover;
        min-height: 900px;
    
        video {
            object-fit: cover;
            position: absolute;
            min-height: 900px;
            height: 100%;
        }
        .contentCarrier {
            color:var(--white);
            top:0;
            position: relative;
            display: flex;
            flex-direction: column;

            header {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 51.56%, rgba(0, 0, 0, 0) 100%);
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 51.56%, rgba(0, 0, 0, 0) 100%);
                border-bottom:none;
                color:var(--white);
            }
            .main {
                height: 100%;
                display: flex;
                flex-direction: column;
                padding-top: 4rem;
                padding-bottom: 12rem;

                .item {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-around;
                    margin: auto 0;
                    gap: 7rem;
                }
            }
        }
    }
}
@media (max-width: 1400px) {
    .homepage {
        .wrapper {
            height: auto;
            min-height: auto;

            .contentCarrier {
                height: auto;

                .main {
                    padding-top: 8rem;
                    padding-bottom: 9rem;

                    .item {
                        gap: 5rem;
                    }
                }
            }
            video {
                min-height: auto;
            }
        }
    }
}
@media (max-width: 1200px) {
    .homepage {
        .wrapper {
            min-height: 700px;
            height: 100%;

            .contentCarrier {
                height: 100%;

                .main {
                    height: 100%;
                }
            }
            video {
                min-height: 700px;
            }
        }
    }
}
@media (max-width: 992px) {
    .homepage {
        .wrapper {
            min-height: auto;
        }
    }
}
@media (max-width: 768px) {
    .homepage {
        .wrapper {
            min-height: auto;
            height: auto;
            background:url(/_site/assets/img/placeholder.jpg) center top / cover;

            .contentCarrier {
                height: 700px;
                justify-content: space-between;
                background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 51.56%, rgba(0, 0, 0, 0) 100%);

                .main {
                    height: auto;
                    padding-bottom: 3rem;

                    .item {
                        height: auto;
                        padding-bottom: 3rem;
                        max-width: 400px;
                    }
                }
            }
            video {
                height: auto;
                display: none;
            }
        }
    }
}
#contacts {
    margin-bottom: 5rem;
}
#contacts .left, #contacts .right {
    flex-direction: column;
    display: flex;
    padding:4rem 2rem 2rem 2rem;
}
#contacts .left {
    justify-content: space-between;
    background: var(--grey-light);
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}
#contacts .left .info, #contacts .left .title, #contacts .left .formCarrier {
    margin-left:1rem;
}
#contacts .left .title {
    padding-top:0;
}
#contacts .left .info {
    padding-top:1rem;
    padding-bottom:1rem;
    border-width: 0 0 1px 0;
    border-color: var(--grey);
    border-style: solid;
}
#contacts .left .items {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
#contacts .left .items a {
    padding:1.5rem 1rem;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    transition: 0.5s all;
    font-size: 1.5rem; 
    color: var(--black);
}
#contacts .left .items a:before {
    content: '';
    display: flex;
    width:2.75rem;
    height: 2.75rem;
    margin-right:1rem;
}
#contacts .left .items .phone a:before {
    background: url(/_site/assets/img/contacts_phone.svg) center center / contain no-repeat;
}
#contacts .left .items .email a:before {
    background: url(/_site/assets/img/contacts_email.svg) center center / contain no-repeat;
}
#contacts .left .items .tg a:before {
    background: url(/_site/assets/img/contacts_tg.svg) center center / contain no-repeat;
}
#contacts .left .items .wa a:before {
    background: url(/_site/assets/img/contacts_wa.svg) center center / contain no-repeat;
}
#contacts .left a:hover {
    background: var(--white);
    text-decoration: none;
}
#contacts .left .formCarrier {
    border-width: 1px 0 0 0;
    border-color: var(--grey);
    border-style: solid;
}
#contacts .left .formCarrier h2 {
    padding:1rem 0 2rem;
}
#contacts .left .formCarrier .row {
    align-items: center;
}
#contacts .left .formCarrier button {
    padding: 1.5rem 2rem;
}
#contacts .right {
    background: var(--blue);
    color:var(--white);
    align-items: flex-start;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    padding: 4rem 2rem 2rem 3rem;
}
#contacts .right h2 {
    padding-top: 0;
    margin-bottom: 2rem;
}
#contacts .right .info {
    margin-bottom: 4rem;
}
@media (max-width:1400px) {
    #contacts .left .formCarrier button {
        padding: 1rem 1.5rem;
    }
}
@media (max-width:1200px) {
    #contacts .left .items a {
        font-size: 1.25rem;
    }
    #contacts .left .formCarrier button {
        padding: 1rem 2rem;
    }
}
@media (max-width:992px) {
    #contacts .left .title, #contacts .left .info p {
        max-width: 600px;
    }
    #contacts {
        margin-bottom: 0;
    }
    #contacts .right, #contacts .left {
        border-radius: 0;
    }
    #contacts .right .info {
        max-width: 600px;
    }
}
@media (max-width:768px) {
    #contacts .container {
        width:100%;
        max-width: inherit;
    }
    #contacts form {
        max-width: 570px;
    }
    #contacts .left {
        padding:3rem 1rem 1rem;
    }
    #contacts .right {
        padding:3rem 1rem 3rem;
    }
    #contacts .left .info, #contacts .left .title, #contacts .left .formCarrier {
        margin-left:0;
    }
}
#blog h1, #blog .h1 {
	font-size: 4.375rem;
	line-height: 4.25rem;
}
#blog .tile {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border:solid 1px transparent;
    color:#000;
	min-height: 170px;
	outline: none;
}
#blog .tile:hover {
    border: solid 1px var(--blue);
    text-decoration: none;
    color:var(--blue);
}
#blog .tile .content {
	padding-right:2rem;
	padding-top:2rem;
}
/* #blog .tile .borderBottom {
	background: var(--blue);
	background:#d2d2d2;
	height: 1px;
} */
#blog .tile:hover .borderBottom {
	background:transparent;
}
#blog .tile .title {
    margin-bottom: 0.5rem;
}
@media (max-width: 992px) {
	#blog .tile {
		min-height: 120px;
	}
}
@media (max-width: 576px) {
	#blog .tile {
		margin-top: 0;
		min-height: 80px;
	}
	#blog .tile:hover {
		border: solid 1px transparent;
	}
}
#pageLandingSite {
    .block.banner {
        padding-bottom: 3.5rem;

        button {
            width:100%;
            /* max-width: 400px; */
        }
    }
}
#pageLandingSite {
    .block.contactsTop {
        padding-top: 7rem;

        .left {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;

            .h1 {
                padding: 0 0 6.75rem;
            }
            .h4 {
                padding: 0;
            }
        }
        .right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;

            h4 {
                padding-top: 0.5rem;
            }
            .h2 {
                padding: 0 0 5rem 0;
                .phone {
                    padding: 0;
                    color: var(--white);
                    text-decoration: none;
                    font-weight: 900;
                }
            }
        }
        @media (max-width:1200px) {
            
        }
    }
}
#pageLandingSite {
    .block.advantages {
        background: #fff;
        color: #000;
        padding-bottom: 3rem;
        padding-top: 3rem;
        
        ul {
            padding: 0;
            margin: 0;
        }
        li .content {
            border-radius: 30px;
            background: rgba(241, 243, 248, 0.65);
            backdrop-filter: blur(15px);
            padding: 2.5rem;
        } 
        li .content h3 {
            padding-top: 0; 
        }
        li.right .content {
            margin: 0 0 0 auto;
        }
        li {
            list-style: none;
            margin-bottom: 0;
            padding-top: 1rem;
            padding-bottom: 1rem;
            opacity: 0;
        }
        li.active {
            animation: fadeInBottom 1s ease 0s 1 normal both;
        }
        li.item1 h3::after {
            background: url(/_site/assets/img/develop_mobile.png) right top / contain no-repeat;
        }
        li.item2 h3::before {
            background: url(/_site/assets/img/analytics_mobile.png) left top / contain no-repeat;
        }
        li.item3 h3::after {
            background: url(/_site/assets/img/adaptive_mobile.png) right top / contain no-repeat;
        }
        li.item4 h3::before {
            background: url(/_site/assets/img/good_expirience_mobile.png) left top / contain no-repeat;
        }
        li.item5 h3::after {
            background: url(/_site/assets/img/style_mobile.png) right top / contain no-repeat;
        }
        li.item6 h3::before {
            background: url(/_site/assets/img/cms_mobile.png) left top / contain no-repeat;
        }
        li .content {
            padding: 1.5rem 1.875rem;
        }
        li .content h3 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            font-size: 1.625rem;
            line-height: 1.75rem;
        }
        li.right .content h3 {
            justify-content: flex-start;
        }
        li:not(.right) .content h3::after {
            display: block;
            content: '';
            height: 6rem;
            width: 6rem;
            flex-shrink: 0;
            margin-left: 1rem;
        }
        li.right .content h3::before {
            display: block;
            content: '';
            height: 6rem;
            width: 6rem;
            flex-shrink: 0;
            margin-right: 1rem;
        }
        @media (min-width:1440px) {
            .container {
                max-width: 800px;
                margin: auto;
            }
        }
        @media (min-width:992px) and (max-width:1440px) {
            .container {
                max-width: 760px; 
            }
        }
        @media (min-width:768px) {
            li {
                margin-bottom: 6rem;
                padding-top: 5rem;
                padding-bottom: 5rem;
                background: none;
            }
            li .content h3 {
                padding-top: 1.5rem; 
            }
            li.item1 {
                background: url(/_site/assets/img/develop.jpg) right top / contain no-repeat;
            }
            li.item2 {
                background: url(/_site/assets/img/analytics.jpg) left top / contain no-repeat;
            }
            li.item3 {
                background: url(/_site/assets/img/adaptive.jpg) right top / contain no-repeat;
            }
            li.item4 {
                background: url(/_site/assets/img/good_expirience.jpg) left top / contain no-repeat;
            }
            li.item5 {
                background: url(/_site/assets/img/style.jpg) right top / contain no-repeat;
            }
            li.item6 {
                background: url(/_site/assets/img/cms.jpg) left top / contain no-repeat;
            }
            li:not(.right) .content h3::after,  li.right .content h3::before {
                display: none;
            }
        }
        @media (min-width:576px) and (max-width:992px) {
            .container {
                max-width: 550px; 
            }
        }
    }
}
#pageLandingSite {
    .block.about {
        background: var(--blue);
        color: var(--white);
        padding-bottom: 4rem;
        font-size: 1.375rem;
        line-height: 2rem;
        border-radius: 42px;
        padding-top:1rem;
        opacity: 0;

        
        .container {
            transition: none;
        }
        p {
            margin-bottom: 3rem;
        }
        .left {
            padding-right: 3rem;
        }
        .button {
            color:var(--blue);
            text-align: center;
        }
        .button:hover {
            background:var(--red);
            color: var(--white);
        }
        /* #homeTagline {
            padding-right: 2rem;
            display: inline-block;
        } */
        .back {
            background: url(/_site/assets/img/longArrow.svg) center right no-repeat;
            height: 3rem;
        }
        @media (max-width: 768px) {
            /* {
                padding-bottom: 3rem;
            } */
            .right  {
                display: flex;
            }
            .right .button {
                margin:0 0 0 auto;
                text-align: center;
            }
            .back {
                background: url(/_site/assets/img/longArrowMobile.svg) center right no-repeat;
                height: 3rem;
            }
        }
    }
    .block.about.active {
        opacity: 1.0;
        animation: fadeInBottom 1s ease 0s 1 normal both;
    }
}
#pageLandingSite {
    .block.form {
        background: var(--blue);
        border-radius: 30px 30px 0 0;
        color: #fff;
        padding: 6rem 0;

        .container {
            .content {
                display: flex;
                gap: 4.375rem;
                flex-direction: column;

                h2.title1 {
                    padding: 0;
                }
                .second form {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                }
                .second form input {
                    margin-right: 1rem;
                    border: none;
                }
                .second form button {
                    padding: 1.25rem 7rem;
                }
                .second .formCarrier h2 {
                    padding: 0 0 2.5rem;
                }
                .clar {
                    color: var(--white);
                }
                hr {
                    background: var(--white);
                    border: none;
                    height: 1px;
                    display: block;
                    opacity: 1;
                    margin: 0;
                }
                @media (max-width:992px) {
                    /*  hr {
                        display: none;
                    } */
                    /*  .title1 {
                        padding: 2rem 0 4rem;
                        font-size: 4rem;
                        line-height: 4rem;
                    } */
                    .second form button {
                        padding: 1.25rem 3rem;
                    }
                }
                @media (max-width:768px) {
                    .second .formCarrier h3 {
                        text-align: center;
                    }
                    .second form {
                        flex-direction: column;
                        align-items: flex-start;
                        align-content: center;
                        margin-bottom: 1rem;
                    }
                    .second form input {
                        margin:0 auto 1rem;
                        min-width: 280px;
                    }
                    .second form button {
                        /* max-width: 280px; */
                    }
                    hr {
                        display: none;
                    }
                }
                @media (max-width:576px) {
                    /*  .title1 {
                        padding: 0 0 4rem;
                        font-size: 3.5rem;
                        line-height: 3.5rem;
                    } */
                    .first .info {
                        margin-bottom: 2rem;
                    }
                    .first {
                        border-bottom: none;
                        padding-bottom: 0;
                    }
                }
            }
        }
    }
}
#pageLandingSite {
    .block.portfolio {
        /* background: var(--light-grey1); */
        padding-top: 2rem;
        padding-bottom: 4rem;
        border-bottom: solid 1px var(--light-grey1);
    }
}
#pageLandingSite {
    .block.steps {
        padding-top: 2rem;
        padding-bottom: 2rem;
        color: var(--white);
        border-radius: 42px 42px 0px 0px;
    
        .nav-pills .nav-link.active,  .nav-pills .show>.nav-link{
            background: var(--blue);
            color: var(--white);
            
        }
        .nav-pills .nav-link {
            background: transparent;
            color: var(--blue);
            font-weight: 400;
            border-radius: 40px;
            border: 1px solid var(--blue);
            margin-right: 0.5rem;
            margin-bottom: 0.5rem;
            padding: 0.5rem 1rem;
            font-size: 1rem;
        }
        .back {
            height: 630px;
        }
        .step0 .back { 
            background: url(/_site/assets/img/steps_0.jpg) center center / contain no-repeat;
        }
        .step1 .back {
            background: url(/_site/assets/img/steps_1.jpg) center center / contain no-repeat;
        }
        .step2 .back {
            background: url(/_site/assets/img/steps_2.jpg) center center / contain no-repeat;
        }
        .step3 .back {
            background: url(/_site/assets/img/steps_3.jpg) center center / contain no-repeat;
        }
        .step4 .back {
            background: url(/_site/assets/img/steps_4.jpg) center center / contain no-repeat;
        }
        .step5 .back {
            background: url(/_site/assets/img/steps_5.jpg) center center / contain no-repeat;
        }
        .step6 .back {
            background: url(/_site/assets/img/steps_6.jpg) center center / contain no-repeat;
        }
        .step7 .back {
            background: url(/_site/assets/img/steps_7.jpg) center center / contain no-repeat;
        }
        .step8 .back {
            background: url(/_site/assets/img/steps_8.jpg) center center / contain no-repeat;
        }
        @media (max-width:1600px) {
             .back {
                height: 586px;
            }
        }
        @media (max-width:1200px) {
             .back {
                height: 400px;
            }
        }
        /* @media (max-width:992px) {
             .back {
                height: 550px;
            }
            .step1 .back {
                background: url(./../../../../../../shared/ui-kit/assets/img/steps_1_tablet.jpg) center center / contain no-repeat;
            }
            .step2 .back {
                background: url(./../../../../../../shared/ui-kit/assets/img/steps_2_tablet.jpg) center center / contain no-repeat;
            }
            .step3 .back {
                background: url(./../../../../../../shared/ui-kit/assets/img/steps_3_tablet.jpg) center center / contain no-repeat;
            }
            .step4 .back {
                background: url(./../../../../../../shared/ui-kit/assets/img/steps_4_tablet.jpg) center center / contain no-repeat;
            }
            .step5 .back {
                background: url(./../../../../../../shared/ui-kit/assets/img/steps_5_tablet.jpg) center center / contain no-repeat;
            }
            .step6 .back {
                background: url(./../../../../../../shared/ui-kit/assets/img/steps_6_tablet.jpg) center center / contain no-repeat;
            }
            .step7 .back {
                background: url(./../../../../../../shared/ui-kit/assets/img/steps_7_tablet.jpg) center center / contain no-repeat;
            }
            .step8 .back {
                background: url(./../../../../../../shared/ui-kit/assets/img/steps_8_tablet.jpg) center center / contain no-repeat;
            }
        } */
        @media (max-width:768px) {
             .back {
                height: 410px;
            }
            .step1 .back {
                background: url(/_site/assets/img/steps_1_mobile.jpg) center center / contain no-repeat;
            }
            .step2 .back {
                background: url(/_site/assets/img/steps_2_mobile.jpg) center center / contain no-repeat;
            }
            .step3 .back {
                background: url(/_site/assets/img/steps_3_mobile.jpg) center center / contain no-repeat;
            }
            .step4 .back {
                background: url(/_site/assets/img/steps_4_mobile.jpg) center center / contain no-repeat;
            }
            .step5 .back {
                background: url(/_site/assets/img/steps_5_mobile.jpg) center center / contain no-repeat;
            }
            .step6 .back {
                background: url(/_site/assets/img/steps_6_mobile.jpg) center center / contain no-repeat;
            }
            .step7 .back {
                background: url(/_site/assets/img/steps_7_mobile.jpg) center center / contain no-repeat;
            }
           .step8 .back {
                background: url(/_site/assets/img/steps_8_mobile.jpg) center center / contain no-repeat;
            }
            #pageSaleLanding .sellBlock .titleCarrier .h4 {
                font-size: 1.25rem;
                line-height: 1.5rem;
            }
             .nav-pills .nav-link {
                
            }
        }
    }
}
#pageLandingSite {
    .block.services {
        h2 {
            text-align: center;
            padding: 4.25rem 0;
        }
        .panel {
            cursor: pointer;
            padding: 1.625rem;
            border: 1px solid var(--orange);

            div.content {
                width: 100%;
                max-height: 160px;
                min-height: 160px;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                justify-content: space-between;
            }
            div.content.hidden {
                display: none;
            }
            div.hidden.content {
                display: none;
            }
            div.hidden.content.active {
                display: flex;
            }
            span {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                width: 100%;
            }
            span::after {
                display: inline;
                content: '';
                width: 2.25rem;
                height: 1rem;
                background: url(/_site/assets/img/whiteArrowRight.svg) center center / contain no-repeat;
            }
            button {
                padding: 0.625rem 1.5rem;
                font-family: "Fira Sans";
                font-size: 1rem;
                font-weight: 500;
            }
        }
        .panel.active {
            border: 1px solid #FFF;

            background: rgba(0, 0, 0, 0.25);
        }

        @media (max-width:1200px) {
            .panel div.content {
                max-height: 150px;
                min-height: 150px;
            }
        }
        @media (max-width:992px) {
            .panel {
                padding: 2rem;
            }
        }
        @media (max-width:768px) {
            .panel {
                padding: 1.5rem;

                div.content {
                    max-height: 140px;
                    min-height: 140px;
                }
    
                h3, .h3 {
                    font-size: 1.5rem;
                    line-height: 2.125rem;
                }
            }
        }
        @media (max-width:576px) {
            .panel {
                padding: 1rem;

                div.content {
                    max-height: 160px;
                    min-height: 160px;
                }
            }
        }
    }
}
#pageLandingSite {
    header {
        background: transparent;
        border-bottom: none;
        margin-bottom: 2.75rem;
    }

    .back {
        background: url(/_site/assets/img/hand.png) center right / 35% no-repeat, url(/_site/assets/img/teamwork.png) top right / 65% no-repeat, url(/_site/assets/img/pageLandingSiteBack.png) center top / cover no-repeat;
        color: var(--white);
        padding-bottom: 10rem;
        transition: 0.2s;
    }
    @media (max-width:1600px) {
        .back {
            background: url(/_site/assets/img/hand.png) center right / 45% no-repeat, url(/_site/assets/img/teamwork.png) top right / 85% no-repeat, url(/_site/assets/img/pageLandingSiteBack.png) center top / cover no-repeat;
        }
    }
    @media (max-width:1200px) {
        .back {
            background: url(/_site/assets/img/hand.png) center right / 60% no-repeat, url(/_site/assets/img/teamwork.png) top right / 80% no-repeat, url(/_site/assets/img/pageLandingSiteBack.png) center top / cover no-repeat;
        }
    }

    .panel {
        display: flex;
        padding: 3.125rem;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 2.5rem;
        align-self: stretch;
        border-radius: 18px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        align-items: stretch;
        background: rgba(8, 28, 80, 0.25);

        backdrop-filter: blur(20px);

        h1 {
            padding: 0;
            font-size: 4.625rem;
            line-height: 4.625rem;
        }
        .h2 {
            font-size: 2.75rem;
            line-height: 2.75rem;
            font-weight: 900;
            padding: 0;
        }
        h3 {
            padding: 0;
        }
        .h4 {
            padding: 0;
            font-weight: 300;
            font-family: 'Fira Sans';
        }
    }
    .panel.center {
        text-align: center;
        align-items: center;
    }
    .panel.red {
        background: var(--orange);
        color: var(--white);
        border: none;
    }

    .line {
        background: #FFF;
        mix-blend-mode: overlay;
        height: 1px;
        margin: 0;
    }

    /* h1, .h1 {
        padding-top: 0;
        font-size: 3.75rem;
        line-height: 4.125rem;
        -webkit-text-stroke: 0px;
    }  */

    /* h2 {
        font-size: 2.75rem;
        line-height: 4.125rem;
        line-height: 3rem;
        font-weight: 900;
    } */

    /* .title1 {
        padding-top: 0;
        font-size: 3.75rem;
        line-height: 4.125rem;
        -webkit-text-stroke: 0px;
    }
    .title2 {
        font-size: 2.75rem;
        line-height: 4.125rem;
        line-height: 3rem;
        font-weight: 900;
    } */

    .contacts.items a {
        padding:1rem 1rem;
        border-radius: var(--border-radius);
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        flex-shrink: 0;
        /* transition: 0.5s all; */
        font-size: 1.125rem; 
        color: var(--white);
        border: solid 1px var(--white);
        /* max-width: 300px; */
    }
    .contacts.items a:before {
        content: '';
        display: flex;
        width:2.5rem;
        height: 2.5rem;
        margin-right:1rem;
    }
    .contacts.items .phone a:before {
        background: url(/_site/assets/img/phoneWhite.svg) center center / contain no-repeat;
    }
    .contacts.items .email a:before {
        background: url(/_site/assets/img/emailWhite.svg) center center / contain no-repeat;
    }
    .contacts.items .tg a:before {
        background: url(/_site/assets/img/tgWhite.svg) center center / contain no-repeat;
    }
    .contacts.items .wa a:before {
        background: url(/_site/assets/img/waWhite.svg) center center / contain no-repeat;
    }
    .contacts.items .phone a:hover:before {
        background: url(/_site/assets/img/phoneBlue.svg) center center / contain no-repeat;
    }
    .contacts.items .email a:hover:before {
        background: url(/_site/assets/img/emailBlue.svg) center center / contain no-repeat;
    }
    .contacts.items .tg a:hover:before {
        background: url(/_site/assets/img/tgBlue.svg) center center / contain no-repeat;
    }
    .contacts.items .wa a:hover:before {
        background: url(/_site/assets/img/waBlue.svg) center center / contain no-repeat;
    }
    .contacts.items a:hover {
        background: var(--white);
        color: var(--black);
        text-decoration: none;
    }

    .blackWrapper {
        background: var(--black);
        border-radius: 30px 30px 0 0;
    }

    footer {
        border-top: none;
    }

}
.serviceTop.web {
    background:#000B72 url(/_site/assets/img/web_background.png) center bottom / contain no-repeat ;
}
.serviceTop.apps {
    background:#000 url(/_site/assets/img/apps_background.png) center bottom / contain no-repeat ;
}
.serviceTop.ident {
    background:#FF3AC8 url(/_site/assets/img/ident_background.png) center bottom / contain no-repeat ;
}
.serviceTop.polygraphy {
    background:#40AFFF url(/_site/assets/img/polygraphy_background.png) center bottom / contain no-repeat ;
}
.serviceTop.content {
    background:#FFE925 url(/_site/assets/img/content_background.png) center bottom / contain no-repeat ;
}
.serviceTop.seo {
    color:#fff!important;
    background:#32C6AB url(/_site/assets/img/seo_background.png) center bottom / contain no-repeat ;
    /* color:var(--blue) */
}
.serviceTop.ads {
    background:#F52147 url(/_site/assets/img/ads_background.png) center bottom / contain no-repeat ;
}