/* 
  Theme Name: genense
*/
@import url('https://fonts.cdnfonts.com/css/montserrat');
/*@import url('https://fonts.cdnfonts.com/css/muller-narrow');*/
@charset "UTF-8";
html {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

a {
  background-color: transparent;
  text-decoration: none;
}

h1 {
  margin: 0;
}

h2 {
  margin: 0;
}

h3 {
  margin: 0;
}

h4 {
  margin: 0;
}

h5 {
  margin: 0;
}

h6 {
  margin: 0;
}

b,
strong {
  font-weight: bolder;
}

img {
  border-style: none;
  object-fit: cover;
  max-width: 100%;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.4;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

[hidden] {
  display: none;
}

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

html,
body {
  overscroll-behavior-y: none;
}

html {
  height: -webkit-fill-available;
}

body {
  min-width: 320px;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  font-family: "Urbanist", sans-serif;
  font-size: 17px;
  color: #000;
}
/* 
@media only screen and (min-width: 2048px) {
  body {
    font-size: clamp(17px, 1.75vw, 1.75rem) !important;
}
} */

[class*=__container]:not([class^=pswp]) {
  /* max-width: 1705px; */
  margin: 0 auto;
  padding: 0 15px;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;

  overflow: hidden;
}

.page2 {
  flex: 1 1 auto;
  position: relative;
  z-index: 5;
  height: 100%;
  background: #fff;
  padding-top: 101px;
}
.socials__link img{
  max-width: 25px;
  max-height: 25px;
}
@media (max-width: 1200px) {
  .page2 {
    padding-top: 58px;
  }
}

section {
  padding: 70px 0;
  overflow: hidden;
}

button {
  appearance: none;
  border: none;
}
button.btn {
  cursor: pointer;
}

.btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 200px;
  width: 200px;
  height: 45px;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  background: transparent;
  outline: none;
  user-select: none;
  transition: 0.2s;
}
.btn span {
  position: absolute;
  z-index: 1;
  white-space: nowrap;
}
.btn svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleX(-1);
}
.btn rect {
  fill: none;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
  transition: all 0.35s linear;
}
@media (any-hover: hover) {
  .btn:hover rect {
    stroke-dasharray: 15, 371;
    stroke-dashoffset: 48;
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
.btn_primary {
  color: #000;
  letter-spacing: 1px;
}
.btn_primary rect {
  stroke: #000;
}
.btn_secondary {
  color: #fff;
}
.btn_secondary rect {
  stroke: #fff;
}
.btn_light {
  color: #000;
}
.btn_light::before, .btn_light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s;
}
.btn_light::before {
  background-color: rgb(255, 255, 255);
}
.btn_light::after {
  opacity: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transform: scale(1.2, 1.2);
}
@media (any-hover: hover) {
  .btn_light:hover {
    color: #fff;
  }
  .btn_light:hover::before {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  .btn_light:hover::after {
    opacity: 1;
    transform: scale(1, 1);
  }
}


.btn_light_1 {
	color: #FFF;
	transition: all 0.5s;
	position: relative;
}
.btn_light_1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(255,255,255,0.1);
	transition: all 0.3s;
}
.btn_light_1:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
}
.btn_light_1::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid rgba(255,255,255,0.5);
	transform: scale(1.2,1.2);
}
.btn_light_1:hover::after {
	opacity: 1;
	transform: scale(1,1);
}

@media(max-width: 1199px) {
  .perks__container .btn {
    width: 100%;
    flex-basis: auto;
  }
}



.wpcf7-form-control:hover::before {
  opacity: 0;
  transform: scale(0.5,0.5);
}
.wpcf7-form-control:hover::after {
  opacity: 1 !important;
  transform: scale(1,1) !important;
}

.wpcf7-form-control {
  transition: all 0.5s;
	position: relative;
}
.wpcf7-form-control::before {
  content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	/* background-color: #f8f8f8; */
	transition: all 0.3s;
}

.wpcf7-form-control::after {
  content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid #000;
	transform: scale(1.2,1.2);
}

.btn_dark {
  color: #fff;
}
.btn_dark::before, .btn_dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s;
}
.btn_dark::before {
  background-color: rgb(0, 0, 0);
}
.btn_dark::after {
  opacity: 0;
  border: 1px solid rgba(0, 0, 0, 0.5);
  transform: scale(1.2, 1.2);
}
@media (any-hover: hover) {
  .btn_dark:hover {
    color: #000;
  }
  .btn_dark:hover::before {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }
  .btn_dark:hover::after {
    opacity: 1;
    transform: scale(1, 1);
  }
}
.btn.disabled, .btn:disabled {
  filter: grayscale(5);
  pointer-events: none;
}

picture {
  width: 100%;
  height: 100%;
}

img:not([width]) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

img.pswp__img {
  object-fit: contain;
}

.title {
  font-size: 55px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .title {
    font-size: 25px;
  }
}

.more-link {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  font-size: 20px;
  color: #000;
  line-height: 1.2;
  text-transform: uppercase;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .more-link:hover .arrow::after {
    width: 100%;
  }
}

.arrow {
  display: block;
  width: 70px;
}
.arrow::after {
  content: "";
  display: block;
  -webkit-mask-image: url("@img/arrow-right.svg");
  mask-image: url("@img/arrow-right.svg");
  -webkit-mask-position: right;
  mask-position: right;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 16px;
  width: 38px;
  background-color: currentColor;
  transition: background-color 250ms, width 0.4s;
}

.page__title {
  font-size: 45px;
  font-weight: 500;
  line-height: 1.3333333333;
  text-transform: uppercase;
  margin-bottom: 44px;
}
@media (max-width: 768px) {
  .page__title {
    font-size: 21px;
    margin-bottom: 25px;
  }
}

.arg-dialog {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  height: -webkit-fill-available;
  opacity: 0;
  transition: opacity 0.1s;
}
.arg-dialog_open {
  opacity: 1;
}
.arg-dialog_ready {
  opacity: 1;
}
.arg-dialog_close {
  opacity: 0;
}
.arg-dialog__overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.arg-dialog__window {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  transform: scale(0);
  will-change: transform;
  transition: transform 0.2s;
}
.arg-dialog__window_open {
  transform: scale(1);
}
.arg-dialog__window_ready {
  transform: scale(1);
}
.arg-dialog__window_close {
  transform: scale(0);
}
.arg-dialog__content {
  width: 100%;
  height: 100%;
}
.arg-dialog__btn-close {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  appearance: none;
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
  font-size: 32px;
  color: #fff;
  line-height: 1;
  transition: 0.2s;
  user-select: none;
  cursor: pointer;
}
@media (any-hover: hover) {
  .arg-dialog__btn-close:hover {
    opacity: 0.5;
  }
}

.arg-hide {
  display: none;
}

.select {
  position: relative;
  width: 220px;
  font-size: 18px;
  line-height: 1;
  white-space: no-wrap;
  text-overflow: ellipsis;
  cursor: pointer;
  user-select: none;
}
.select select {
  position: absolute;
  top: 0;
  left: -9999px;
}
/* .select select:focus ~ .select__value {
  border-color: #0d6efd;
} */
.select__value {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #fff;
  border-bottom: 1px solid #272727;
  /* padding: 9px 40px 9px 0; */
  padding: 0 40px 0 0;
  line-height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.select__value::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 20px;
  height: 8px;
  background-image: url("@img/icomoon/chevron-down.svg");
  margin-top: -4px;
}
.select__options {
  position: absolute;
  z-index: 1001;
  left: 0;
  display: none;
  width: 100%;
  max-height: 242px;
  background: #fff;
  border: 1px solid #272727;
  overflow: auto;
}
.select__options::-webkit-scrollbar-thumb {
  background-color: #C8C8C8;
}
.select__options::-webkit-scrollbar-track {
  /* width: 0; */
  /* background-color: #999; */
  display: none;
}

.select__options_opened {
  display: block;
}
.select__option {
  padding: 8px 48px 8px 12px;
}
.select__option_selected {
  color: #fff;
  /* background: #272727; */
  background: #C8C8C8;
}
@media (any-hover: hover) {
  .select__option:hover {
    /* color: #fff; */
    background: #fff;
    color: #C8C8C8;
  }
}

.file {
  position: relative;
  cursor: pointer;
}
.file input {
  position: absolute;
  top: 0;
  left: -9999px;
}
.file label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 14px 16px;
  cursor: inherit;
}




/*04-08-2023*/
.visual-types__slide img {
	/*height: auto;*/
}
.services .swiper {
    max-height: inherit;
}








@media (max-width: 562px) {
  .file {
    width: 100%;
    max-width: 200px;
  }
}

.checkbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 21px;
  font-size: 14px;
  user-select: none;
  cursor: pointer;
}
.checkbox input {
  position: absolute;
  top: 0;
  left: -9999px;
}
.checkbox input:checked ~ .checkbox__input::before {
  opacity: 1;
}
.checkbox__input {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid #000;
}
.checkbox__input::before {
  content: "";
  display: block;
  width: 12px;
  height: 10px;
  background-image: url("@img/icomoon/check.svg");
  opacity: 0;
}
.checkbox a {
  color: #000;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .checkbox a:hover {
    text-decoration: none;
  }
}

.phone {
  position: relative;
}
.phone input {
  width: 100%;
  /* height: 36px; */
  height: 30px;
  padding-right: 265px;
}
@media (max-width: 562px) {
  .phone input {
    padding: 0;
  }
}
.phone .select {
  width: 250px;
  height: 100%;
  display: none;
}
.phone .select__value {
  padding-top: 0;
  padding-bottom: 0;
}
.phone .select__options {
  width: max-content;
  overflow-x: hidden;
}
.phone .select__option {
  white-space: nowrap;
  /* background-color: #999; */
}
/* @media (any-hover: hover) {
  .phone .select__option:hover .flag-wrap {
    background: #fff;
  }
} */
@media (max-width: 562px) {
  .phone .select {
    width: 70px;
  }
}
.phone__codes {
  position: absolute;
  top: 0;
  right: 0;
}
.phone__codes .flag-wrap {
  margin-right: 10px;
  transform: translateY(-3px);
}
@media (max-width: 562px) {
  .phone__codes .flag-wrap {
    margin: 0;
  }
}
@media (max-width: 562px) {
  .phone__codes .select__value .select__text {
    display: none;
  }
}

.flag-wrap {
  display: inline-block;
  width: calc(1.3333em + 2px);
  height: calc(1em + 2px);
  background: #272727;
  padding: 1px;
}
.flag-wrap .fi {
  display: block;
}

.drag-container {
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  background: #272727;
  cursor: grab;
  overflow: hidden;
}
.drag-container.dragging {
  cursor: grabbing;
}
.drag-container__btn-close {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  appearance: none;
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
  font-size: 32px;
  color: #fff;
  line-height: 1;
  transition: 0.2s;
  user-select: none;
  cursor: pointer;
}
@media (any-hover: hover) {
  .drag-container__btn-close:hover {
    opacity: 0.5;
  }
}
.drag-container figure {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}
.drag-container img {
  position: absolute;
  width: auto;
  height: auto;
}
.drag-container figcaption {
  display: none;
}

.zoom {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: none;
  transition: opacity 0.2s;
}
.zoom__icon {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  aspect-ratio: 1;
  font-size: 20px;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .zoom__icon:hover {
    background: #272727;
  }
}
@media (max-width: 1199px) {
  .zoom {
    display: block;
  }
}

.pswp__custom-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  color: #fff;
  background: rgba(39, 39, 39, 0.85);
  padding: 1rem;
}
.pswp__custom-caption.hide {
  transform: translateY(100%);
}

.hidden-caption-content {
  display: none;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #414141;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #272727;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0e0e0e;
}

/**
 * Swiper 8.4.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 6, 2022
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  max-width: 737px;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  justify-content: space-between;
  min-width: 100%;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* editing 29.03.2023
  pointer-events: none; */
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

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

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--pswp-icon-color);
}

/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--pswp-root-z-index);
  display: none;
  touch-action: none;
  outline: 0;
  opacity: 0.003;
  contain: layout style size;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
  display: block;
}

.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
  background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
  overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
  width: auto;
  height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__item {
  /* z-index for fade transition */
  z-index: 1;
  overflow: hidden;
}

.pswp__hidden {
  display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}

.pswp__content > * {
  pointer-events: auto;
}

/*

  PhotoSwipe UI

*/
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
  margin: auto;
  font-size: 1em;
  line-height: 1;
  color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
  opacity: 0.005;
  will-change: opacity;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
  z-index: 10;
  /* always overlap slide content */
  pointer-events: none;
  /* hidden elements should not be clickable */
}

.pswp .pswp__custom-caption.pswp__hide-on-close {
  transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1), transform var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
  position: relative;
  display: block;
  width: 50px;
  height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 0.85;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
  outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
  background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 10;
  /* allow events to pass through top bar itself */
  pointer-events: none !important;
}

.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}

/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}

/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}

.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}

/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin: 15px 0 0 20px;
  font-size: 20px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.header {
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: #fff;
  border-bottom: 1px solid transparent;
  transition: border 0.3s;
}
@media (max-width: 1200px) {
  .header {
    height: 58px;
    border-bottom: 1px solid #e1e1e1;
  }
  .partners__slide{
    max-width: 200px;
    max-height: 90px;
  }
}
.header_scrolled {
  border-bottom: 1px solid #e1e1e1;
}
.header__container {
  display: flex;
  justify-content: space-between !important;
  align-items: center;
  gap: calc(20px + 56 * ((100vw - 1200px) / 720));
  height: 100%;
}
@media (max-width: 1200px) {
  .header__container {
    gap: 20px;
  }
}
.header__container > * {
  position: relative;
  z-index: 1050;
}
.header__actions {
  display: flex;
  align-items: center;
  gap: 35px;
}
@media (max-width: 1200px) {
  .header__actions {
    display: none;
  }
}
.header__call {
  display: flex;
  align-items: center;
  gap: 11px;
  color: inherit;
  line-height: 1;
  text-transform: uppercase;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .header__call:hover {
    color: #999;
  }
  .header__call:hover i {
    animation: none;
  }
}
@media (max-width: 1200px) {
  .header__call {
    color: #fff;
    text-align: center;
  }
}
.header__call i {
  animation: wiggle 6.5s linear infinite forwards;
  will-change: transform;
}
.header__call span {
  text-decoration: underline;
}
/*@media (max-width: 1400px) {*/
/*  .header__call span {*/
/*    display: none;*/
/*  }*/
/*}*/
@media (max-width: 1200px) {
  .header__call span {
    display: flex;
  }
}
.header__socials {
  justify-content: center;
}

.logo,
.custom-logo-link {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(135px + 93 * ((100vw - 1200px) / 720));
  height: calc(14.13px + 9.87 * ((100vw - 1200px) / 720));
  
  max-width: calc(135px + 93 * ((100vw - 1200px) / 720));
  max-height: calc(14.13px + 9.87 * ((100vw - 1200px) / 720));
}

.logo img,
.custom-logo-link img{
  width: 100%;
  height: 100%;
}

.custom-logo {
  object-fit: contain;
}

@media (max-width: 1200px) {
  .logo,
  .custom-logo-link {
    flex-basis: 135px;
  }
}
@media (max-width: 999px) {
  .logo,
  .custom-logo-link {
    flex-basis: 135px;
    width: 135px;
    height: 14px;
    max-width: 135px;
    max-height: 14px;
  }
}

@media (max-width: 1200px) {
  .menu {
    position: fixed;
    z-index: 1035;
    top: 0;
    right: 0;
    display: none;
    flex-direction: column;
    width: 255px;
    min-height: calc(var(--vh, 1vh) * 100);
    /*min-height: -webkit-fill-available;*/
    background: #fff;
    padding-top: 58px;
    transform: translateX(100%);
    will-change: transform;
    transition: transform 0.5s;
    pointer-events: none;
    filter: grayscale(5);
  }
  .menu::before {
    content: "";
    position: absolute;
    top: 58px;
    left: 0;
    width: 1px;
    height: calc(100% - 58px);
    background: #e1e1e1;
  }
  .menu_b {
    display: flex;
  }
  .menu_show {
    transform: translateX(0);
  }
  .menu_ready {
    pointer-events: all;
    filter: none;
  }
  .helpcrunch-iframe-wrapper.block-hidden {
    display: none;
  }
}
.menu__list {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: calc(20px + 20 * ((100vw - 1200px) / 720));
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .menu__list {
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    padding: 18px;
    overflow: auto;
  }
}
.menu__list > .menu__item,
.menu__list > .menu-item {
  position: relative;
  line-height: 1;
  /* overflow: hidden; */
}


@media (min-width: 1201px) {
  .menu-item-has-children:hover .submenu{
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
  }
  .menu-item-has-children:hover .submenu li{
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    /* transform: translate3d(0, 0, 0); */
    /* animation: anim-francisco 0.3s forwards; */
  }
}
@media (max-width: 1200px) {

  /*.menu-item-has-children:hover .submenu{
    position: static;
  }*/


}

.menu-item-has-children:hover .submenu li:nth-child(1){
  transition: all 0.1s ease 0.1s;
}
.menu-item-has-children:hover .submenu li:nth-child(2){
  transition: all 0.2s ease 0.2s;
}
.menu-item-has-children:hover .submenu li:nth-child(3){
  transition: all 0.3s ease 0.3s;
}
.menu-item-has-children:hover .submenu li:nth-child(4){
  transition: all 0.4s ease 0.4s;
}
.menu-item-has-children:hover .submenu li:nth-child(5){
  transition: all 0.5s ease 0.5s;
}
.menu-item-has-children:hover .submenu li:nth-child(6){
  transition: all 0.6s ease 0.6s;
}
.menu-item-has-children:hover .submenu li:nth-child(7){
  transition: all 0.7s ease 0.7s;
}
.menu-item-has-children:hover .submenu li:nth-child(8){
  transition: all 0.8s ease 0.8s;
}
.menu-item-has-children:hover .submenu li:nth-child(9){
  transition: all 0.9s ease 0.9s;
}
.menu-item-has-children:hover .submenu li:nth-child(10){
  transition: all 1s ease 1s;
}

.menu__link{
  position: relative;
  display: block;
  font-size: calc(16px + 4 * ((100vw - 1200px) / 720));
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
  /* padding: 0.1em 0; */
  transition: all 0.2s;
  overflow: hidden;
}
.menu__link span {
  transition: all 0.2s;
}
.menu__link::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  height: 0.001rem;
  background: #000;
  opacity: 0;
  transform: translate3d(0, -3em, 0);
  transition: transform 0.3s, opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.current-menu-item.menu__item,
.current-menu-parent {
  position: relative;
}

/* .current-menu-item.menu__item::after,
.current-menu-parent::after {
  position: absolute;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
} */

/* editing 27.03.2023
.current-menu-item.submenu__item .menu__helper::after {
  position: absolute;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
} */

/* editing 27.03.2023
.current-menu-item.submenu__item .menu__helper {
  text-decoration: underline;
} */



@media (any-hover: hover) {
  .menu__link:hover::after {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .menu__link:hover span{
    animation: anim-francisco 0.3s forwards;
    /* transform: translate3d(0, 100%, 0); */
    color: #999;
  } 
}
@media (max-width: 1200px) {
  .menu__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 20px;
    line-height: 1.1;
  }
  .menu__link::after {
    content: "+";
    position: static;
    display: none;
    width: auto;
    height: auto;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.2222222222;
    background: transparent;
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 1200px) {
  .menu__list > .menu__item,
  .menu__list > .menu-item {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .menu__item_current .menu__link{
    text-decoration: underline;
  }
}
.menu__item_current .menu__link::after,
.current-menu-item a::after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.menu__item_nolink {
  user-select: none;
  cursor: default;
}

.current-menu-parent .menu__helper {
  position: relative;
}

.current-menu-parent .menu__link > .menu__helper::before,.current-menu-item  .menu__helper::before{
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 0.5px;
  background: #000;
}

/*.current-menu-item > .submenu__link > .menu__helper {
  border-bottom: 1px solid #000;
  max-width: fit-content;
}*/

@media (max-width: 1200px) {
  .menu__item_parent .menu__link::after
  .menu-item-has-children .menu__link::after{
    display: block;
  }


  .menu-item-has-children.active .submenu{
    position: static;
    transition: all 0.3s ease-in-out;
  }
  .menu-item-has-children.active .submenu li:nth-child(1){
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease-in-out;
  }
  .menu-item-has-children.active .submenu li:nth-child(2){
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    transform: translate3d(0, 0, 0);
    transition: all 0.4s ease-in-out;
  }
  .menu-item-has-children.active .submenu li:nth-child(3){
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    transform: translate3d(0, 0, 0);
    transition: all 0.6s ease-in-out;
  }
  .menu-item-has-children.active .submenu li:nth-child(4){
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    transform: translate3d(0, 0, 0);
    transition: all 0.8s ease-in-out;
  }
  .menu-item-has-children.active .submenu li:nth-child(5){
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    transform: translate3d(0, 0, 0);
    transition: all 1s ease-in-out;
  }
  .menu-item-has-children.active .submenu li:nth-child(6){
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    transform: translate3d(0, 0, 0);
    transition: all 1.2s ease-in-out;
  }
}
.menu__helper {
  display: block;
  pointer-events: none;
  will-change: transform;
}

.menu__footer {
  display: none;
  flex-direction: column;
  gap: 14px;
  padding-top: 36px;
}
@media (max-width: 1200px) {
  .menu__footer {
    display: flex;
  }
}
.menu__footer-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
  background: #2b2b2b;
  padding: 28px;
}
.menu__footer-actions .btn {
  color: #fff;
  flex: 0 0 45px;
}
.menu__footer-actions .btn rect {
  stroke: #fff;
}

.submenu {
  position: absolute;
  z-index: 700;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: max-content;
  list-style-type: none;
  padding: 14px 0 0;
  margin: 0;
  /* opacity: 0;
  visibility: hidden; */
  pointer-events: none;
}
.submenu li{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  /* transform: translate3d(0, 20px, 0); */
  transition: 0.3s all;
}
.submenu_active {
  display: flex;
}
@media (max-width: 1200px) {
  .submenu {
    /* position: static; */
    padding: 12px 0 0 12px;
  }
}

/* @keyframes anim-francisco {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
} */
/* .submenu__item, */
.submenu__item {
  width: 100%;
  /* opacity: 0; */
  transition: opacity 0.2s ease .2s;;
  will-change: transform;
}

@media (max-width: 1200px) {
  .submenu li {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
  }
  .submenu__item {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
  }
}

.submenu__item:not(:first-child) {
  /* transform: translate3d(0, -100%, 0); */
}
/* @media (max-width: 1200px) {
  .submenu__item:not(:first-child) {
    transform: none;
  }
} */
.submenu__item_current {
  text-decoration: underline;
}
@media (max-width: 1199px) {
  .submenu__item {
    position: static;
    opacity: 1;
  }
}
.submenu__link {
  display: block;
  display: flex;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
  background: #ffffff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  padding: 15px 9px;
  transition: 0.2s;
}
@media (max-width: 1200px) {
  .submenu__link{
    font-size: 15px;
    white-space: normal;
    line-height: 1.2;
    box-shadow: none;
    background: transparent;
    padding: 5px 0;
  }
}
@media (any-hover: hover) and (min-width: 1200px) {
  .submenu__link:hover{
    background: #ececec;
  }

  

  .menu__link:hover .submenu{
    position: static;
  }
}

.menu-switch {
  display: none;
  justify-content: flex-end;
  align-items: center;
  width: 32px;
  height: 20px;
}
@media (max-width: 1200px) {
  .menu-switch {
    display: flex;
  }
}
.menu-switch span {
  position: relative;
  display: block;
  width: 21px;
  height: 2px;
  background: #000;
  transition: background 0.2s;
}
.menu-switch span::before, .menu-switch span::after {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  width: 32px;
  height: 2px;
  background: inherit;
}
.menu-switch span::before {
  top: -7px;
  transform: rotate(0deg);
  transition: transform 0.2s, top 0.2s 0.2s;
}
.menu-switch span::after {
  bottom: -7px;
  transform: rotate(0deg);
  transition: transform 0.2s, bottom 0.2s 0.2s;
}
.menu-switch_active span {
  width: 0;
  transition: width 0.2s;
}
.menu-switch_active span::before {
  top: 0;
  transform: rotate(45deg);
  transition: top 0.2s, transform 0.2s 0.2s;
}
.menu-switch_active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 0.2s, transform 0.2s 0.2s;
}
@media (any-hover: hover) {
  .menu-switch:hover span {
    background: #727272;
  }
}

.intro {
  position: relative;
  height: 672px;
  background: #272727;
  padding: 0;
}
@media (max-width: 768px) {
  .intro {
    height: auto;
  }
}
.intro__slider {
  height: 100%;
}
@media (max-width: 768px) {
  .intro__slider {
    height: auto;
  }
}
.intro__slider-actions {
  position: absolute;
  z-index: 2;
  top: 35px;
  left: 535px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .intro__slider-actions {
    top: auto;
    bottom: 35px;
    left: auto;
    right: -14px;
  }
}
.intro__slider-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10px;
  appearance: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.intro__slider-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 9px 0;
}
.intro__slider-current, .intro__slider-total {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
.intro__slider-current {
  margin-bottom: 45px;
}
.intro__slider-total {
  margin-top: 45px;
}
.intro__slider-line {
  position: relative;
  width: 80px;
  height: 3px;
  transform: rotate(90deg);
}
.intro__slider-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: 100%;
  height: 1px;
  margin-top: 1px;
  background: #c4c4c4;
}
.intro__slider-line .swiper-scrollbar-drag {
  height: 100%;
  background: #fff;
}
.intro__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.intro__slide.swiper-slide.swiper-slide-visible.swiper-slide-active {
  z-index: 1000;
}

.intro__slider {
  opacity: 0;
  transition: opacity 0.3s;
}

@media (max-width: 768px) {
  .intro__image {
    position: static;
    height: auto;
  }
}
.intro__content {
  position: relative;
  height: 100%;
  color: #fff;
  line-height: 1;
  padding: 257px 303px 25px;
}
.intro__content-bg {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 639px;
  height: 100%;
  background: rgba(39, 39, 39, 0.74);
}
@media (max-width: 768px) {
  .intro__content-bg {
    display: none;
  }
}
@media (max-width: 1200px) {
  .intro__content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .intro__content {
    min-height: 250px;
    background: #272727;
    padding: 35px 55px 35px 30px;
  }
}
.intro__content-inner {
  position: relative;
}
@media (max-width: 1200px) {
  .intro__content-inner {
    max-width: 609px;
  }
}
.intro__title {
  max-width: 785px;
  font-size: 55px;
  font-weight: 800;
  margin-bottom: 25px;
}

.intro__title p {
  display: block;
  margin: 0;
}

.intro__title p:last-child{
  font-weight: 100;
}
@media (max-width: 768px) {
  .intro__title {
    font-size: 25px;
  }
}

@media (max-width: 1199px) {
  .about {
    padding: 50px 0;
  }
}
.about__container {
  display: flex;
  justify-content: center;
}
@media (max-width: 1199px) {
  .about__container {
    display: block;
  }
}
.about__title {
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .about__title {
    margin-bottom: 28px;
  }
}
.about__content {
  display: flex;
  padding-left: 138px;
}
@media (max-width: 1199px) {
  .about__content {
    padding: 0;
  }
}
.about__col:first-child .about__text {
  padding-left: 0;
}
.about__col:last-child .about__text {
  padding-right: 0;
  /* border: none; */
}
@media (max-width: 768px) {
  .about__col:last-child {
    /* display: none; */
  }
}
.about__text {
  position: relative;
  max-width: 570px;
  padding: 0 75px;
  margin-bottom: 80px;
}
.about__text-line {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #000;
}
.about__text p {
  margin: 0;
}
@media (max-width: 1199px) {
  .about__text {
    padding: 0 35px;
  }
}
@media (max-width: 768px) {
  .about__text {
    max-width: 100%;
    border: none;
    margin-bottom: 38px;
    padding: 0;
  }
  .about__text-line{
    /* width: 100%; */
    width: 73px;
    left: 0;
    height: 1px;
    bottom: -20px;
    top: auto;
  }
}

.what {
  position: relative;
  height: 345px;
  background: #272727;
  padding: 0;
}
@media (max-width: 1199px) {
  .what {
    height: auto;
  }
}
.what__container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
@media (max-width: 1199px) {
  .what__container {
    display: block;
  }
}
.what__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 47.35%;
  height: 100%;
  opacity: 0.4;
}
@media (max-width: 1199px) {
  .what__image {
    position: static;
    width: 100%;
    height: auto;
  }
}
.what__title {
  color: #fff;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .what__title {
    position: absolute;
    top: -70px;
    left: 15px;
    max-width: calc(100% - 15px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 768px) {
  .what__title {
    top: -45px;
  }
}
.what__content {
  width: 52.65%;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  line-height: 1.4166666667;
  padding-left: 208px;
  padding-left: calc(85px + 123 * ((100vw - 992px) / 928));
}
.what__content h1 {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  line-height: 1.4166666667;
}
@media (max-width: 1199px) {
  .what__content {
    width: 100%;
    padding: 9px 0 24px;
  }
}
.what__content p {
  max-width: 403px;
  margin: 0;
}
.what__content h1 {
  max-width: 403px;
  margin: 0;
}
@media (max-width: 1199px) {
  .what__content p {
    max-width: 100%;
  }
  .what__content h1 {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .what__content p {
    font-size: 16px;
    line-height: 1.5;
  }
  .what__content h1 {
    font-size: 16px;
    line-height: 1.5;
  }
}
.services {
  /* padding: 70px 0 20px; */
  padding: 70px 0 0;
}

.services .swiper {
  overflow: initial;
}

@media (max-width: 768px) {
  .services {
    padding: 40px 0;
  }
}
.services__container:nth-child(even) {
  position: relative;
  z-index: 2;
  background: #ececec;
  margin-top: 48px;
  margin-bottom: 48px;
  /* padding: 48px 15px 20px; */
  padding: 48px 15px 1px;
}
.services__container:nth-child(even)::before, .services__container:nth-child(even)::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  background: inherit;
}
.services__container:nth-child(even)::before {
  left: -100vw;
}
.services__container:nth-child(even)::after {
  right: -100vw;
}
.services__container:nth-child(even) .services__body {
  flex-direction: row-reverse;
}
.services__container:nth-child(even) .services__content {
  padding-left: 0;
  padding-right: calc(20px + 40 * ((100vw - 992px) / 508));
}
@media (max-width: 768px) {
  .services__container:nth-child(2) {
    padding-bottom: 48px;
  }
}
@media (max-width: 1199px) {
  .services__container:nth-child(even)::before, .services__container:nth-child(even)::after {
    display: none;
  }
}
.services__title {
  margin-bottom: 44px;
}
@media (max-width: 768px) {
  .services__title {
    margin-bottom: 40px;
  }
}
.services__body {
  display: flex;
  width: 100%;
  margin-bottom: 62px;
}
@media (max-width: 1199px) {
  .services__body {
    display: block;
  }
}
.services__slider-wrapper {
  display: flex;
  flex-direction: column;
}
.services__slider,
.services__slider2 {
  width: calc(500px + 470 * ((100vw - 992px) / 928));
  /* margin-bottom: 62px; */
  flex: none !important;
  max-height: 492px;
}
.services__container .visual-types__slider-actions{
  justify-content: space-between;
  margin-top: 62px;
}

@media (max-width: 1200px){
  .services__container .visual-types__slider-img{
    width: calc(500px + 470 * ((100vw - 992px) / 928));
  }
  .services__container .visual-types__slider-img .swiper-wrapper{
    height: auto;
  }

  .services__container .visual-types__slider-actions{

  }
}


@media (max-width: 1199px) {
  .services__slider,
  .services__slider2  {
    width: 100%;
    margin-bottom: 24px;
  }
}

@media (max-width: 768px){
  .services__container .visual-types__slider-img{
    width: 100%;
  }
  .services__container .visual-types__slider-actions {
    margin-top: 28px;
}
}
.services__slider-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.services__slider-actions button {
  appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: 0.2s;
}
.services__slider-pagination, .services__slider-navigation {
  display: flex;
}
.services__slider-pagination {
  gap: 26px;
}
.services__slider-pagination button {
  position: relative;
  width: 32px;
  height: 22px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
}
.services__slider-pagination button span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.services__slider-pagination button.swiper-pagination-bullet-active {
  font-weight: 700;
}
@media (max-width: 768px) {
  .services__slider-pagination button {
    font-size: 16px;
  }
}
@media (any-hover: hover) {
  .services__slider-pagination button:not(.swiper-pagination-bullet-active):hover {
    color: #999;
  }
}
@media (max-width: 768px) {
  .services__slider-pagination {
    gap: 10px;
  }
}
.services__slider-navigation {
  gap: 20px;
}
.services__slider-navigation button {
  font-size: 8px;
  line-height: 1;
  transition: 0.4s;
  will-change: transform;
}
@media (any-hover: hover) {
  .services__slider-navigation button.services__slider-btn_prev:hover {
    transform: translateX(-8px);
  }
}
@media (any-hover: hover) {
  .services__slider-navigation button.services__slider-btn_next:hover {
    transform: translateX(8px);
  }
}
.services__slide {
  display: flex;
  padding: 1px 0;
}
@media (max-width: 1199px) {
  .services__slide {
    flex-direction: column;
  }
}
.services__image {
  width: 100%;
}
.services__content {
  display: flex;
  flex-direction: column;
  padding-left: calc(20px + 20 * ((100vw - 992px) / 928));
  /* max-height: 492px; */
  /* max-height: 478px; */
}
@media (max-width: 1400px) {
  .services__content {
    max-height: 100%;
  }
}
@media (max-width: 1199px) {
  .services__content {
    padding-top: 34px;
    padding-left: 0;
  }
  .services__container .services__content{
    padding-top: 11px;
  }
  
}
.services__content-title {
  font-size: 45px;
  font-weight: 300;
  line-height: 1;
}
@media (max-width: 768px) {
  .services__content-title {
    font-size: 23px;
  }
}
.services__content-text {
  flex: 0 1 auto;
  padding: 40px 0;
}
.services__content-text p {
  margin: 38px 0;
}
.services__content-text p:first-child {
  margin-top: 0;
}
.services__content-text p:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .services__content-text p {
    margin: 20px 0;
  }
}
.services__content-text ul,
.services__content-text ol {
  column-count: 2;
  column-gap: 25px;
  padding-left: 15px;
}
@media (max-width: 768px) {
  .services__content-text ul,
.services__content-text ol {
    column-count: auto;
    margin: 20px 0;
  }
  .services__content-text ul br,
.services__content-text ol br {
    display: none;
  }
}
@media (max-width: 768px) {
  .services__content-text {
    font-size: 16px;
    padding: 30px 0;
  }
}
.services__btn {
  align-self: flex-start;
  flex: 0 0 45px;
  margin-top: auto;
  /* margin-bottom: 14px; */
}

@media (max-width: 1199px) {
  .faq {
    padding: 50px 0;
  }
}
.faq__container {
  display: flex;
  justify-content: center;
}
@media (max-width: 1199px) {
  .faq__container {
    display: block;
  }
}
.faq__title {
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .faq__title {
    white-space: normal;
    margin-bottom: 28px;
  }
}
.faq__list {
  flex: 1 1 auto;
  max-width: 1920px;
  padding-left: 132px;
}
@media (max-width: 1199px) {
  .faq__list {
    padding: 0;
  }
}
.faq__item {
  position: relative;
  border-bottom: 1px solid #000;
}
.faq__item input {
  position: absolute;
  top: 0;
  left: -9999px;
}
.faq__item input:checked ~ .faq__item-content {
  display: block;
}
.faq__item:first-child {
  border-top: 1px solid #000;
}
.faq__item-header {
  position: relative;
  width: 100%;
  cursor: pointer;
  user-select: none;
}
.faq__item-header::before {
  content: "+";
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 55px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1;
  transition: 0s;
  pointer-events: none;
}
@media (max-width: 768px) {
  .faq__item-header::before {
    font-size: 40px;
  }
}
@media (any-hover: hover) {
  .faq__item-header:hover::before {
    transform: rotate(360deg);
    transition: 0.8s;
  }
}
.faq__item-title {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 25px;
  padding: 24px 24px 24px 50px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .faq__item-title {
    align-items: center;
    min-height: 72.4px;
    font-size: 18px;
    padding: 11px 20px 11px 30px;
  }
}
.faq__item-content {
  display: none;
  color: #727272;
}

.perks {
  position: relative;
  color: #fff;
  background: #272727;
  padding: 0 0 70px;
}
@media (max-width: 768px) {
  .perks {
    padding-bottom: 42px;
  }
}
.perks__container {
  display: flex;
}
.perks__title {
  position: absolute;
  z-index: 100;
  top: 122px;
  left: calc(15px + 105 * ((100vw - 1705px) / 215));
  /* left: 6%; */
  max-width: 1033px;
  font-size: 55px;
  line-height: 1.0909090909;
}
@media (max-width: 1705px) {
  .perks__title {
    left: 15px;
  }
}
@media (max-width: 1199px) {
  .perks__title {
    top: calc(164px + 366 * ((100vw - 320px) / 672));
    font-size: calc(25px + 30 * ((100vw - 320px) / 672));
    max-width: calc(100% - 30px);
  }
}
.perks__slider-wrapper {
  margin-bottom: 99px;
}
@media (max-width: 768px) {
  .perks__slider-wrapper {
    /* margin-bottom: 43px; */
    margin-bottom: 0;
  }
}
.perks__slider {
  width: 100%;
  margin-bottom: 51px;
}
.perks__slide {
  display: flex;
}
@media (max-width: 1199px) {
  .perks__slide {
    flex-direction: column-reverse;
  }
}
.perks__slider-content {
  width: 42.4%;
  padding-top: 322px;
  padding-left: calc(15px + 122 * ((100vw - 992px) / 928));
  padding-right: calc(15px + 62 * ((100vw - 992px) / 928));
}
@media (max-width: 1199px) {
  .perks__slider-content {
    width: 100%;
    padding-top: 110px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 562px) {
  .perks__slider-content {
    padding-top: 90px;
  }
}
.perks__slider-image {
  width: 57.6%;
}
@media (max-width: 1199px) {
  .perks__slider-image {
    width: 100%;
  }
}

.perks__slider-image--static {
  position: absolute;
  right: 0;
  height: 614px;
}

.perks__slider-image--static img {
  object-fit: cover;
}

@media (max-width: 1199px) {
  .perks__slider-image--static {
    position: relative;
    width: 100%;
    height: auto;
  }
}

.perks__slider-actions {
  display: flex;
}
.perks__slider-actions button {
  appearance: none;
  border: none;
  box-shadow: none;
  background: transparent;
  user-select: none;
  cursor: pointer;
}
.perks__slider-actions button i {
  font-size: 8px;
}
@media (max-width: 1199px) {
  .perks__slider-actions {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }
}
.perks__slider-navigation {
  display: flex;
  justify-content: center;
  gap: 13px;
  width: 42.4%;
  padding-left: calc(15px + 122 * ((100vw - 992px) / 928));
  padding-right: calc(15px + 62 * ((100vw - 992px) / 928));
}
.perks__slider-navigation button:first-child {
  margin-left: 108px;
}
@media (max-width: 1199px) {
  .perks__slider-navigation button:first-child {
    margin: 0;
  }
}
@media (max-width: 1199px) {
  .perks__slider-navigation {
    display: none;
    width: 100%;
    padding: 0;
  }
}
.perks__slider-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  transition: 0.2s;
}
.perks__slider-btn i {
  transition: 0.2s;
  will-change: transform;
}
@media (any-hover: hover) {
  .perks__slider-btn_prev:hover i {
    transform: translateX(-3px);
  }
}
@media (any-hover: hover) {
  .perks__slider-btn_next:hover i {
    transform: translateX(3px);
  }
}
.perks__slider-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 57.6%;
}
.perks__slider-pagination span {
  display: block;
  width: 10px;
  height: 10px;
  background: #878787;
  border-radius: 50%;
  transition: 0.2s;
  cursor: pointer;
}
.perks__slider-pagination span.swiper-pagination-bullet-active {
  background: #fff;
}
@media (any-hover: hover) {
  .perks__slider-pagination span:hover {
    background: #fff;
  }
}
@media (max-width: 1199px) {
  .perks__slider-pagination {
    justify-content: center;
    width: 100%;
  }
}

.perk {
  display: flex;
  gap: 44px;
}
@media (max-width: 768px) {
  .perk {
    gap: 12px;
  }
}
.perk__icon {
  flex: 0 0 64px;
  height: 54px;
}
.perk__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 768px) {
  .perk__icon {
    flex: 0 0 45px;
  }
}
.perk__title {
  display: flex;
  align-items: center;
  gap: 36px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6666666667;
  text-transform: uppercase;
  margin-bottom: 18px;
}
@media (max-width: 562px) {
  .perk__title {
    gap: 12px;
    font-size: 17px;
    margin-bottom: 15px;
  }
}
.perk__title-inner {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1199px) {
  .perk__title-inner {
    gap: 12px;
  }
}
.perk__title-number {
  display: block;
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
  opacity: 0.5;
}
@media (max-width: 562px) {
  .perk__title-number {
    font-size: 33px;
  }
}
.perk__descr {
  font-size: 18px;
  line-height: 1.3333333333;
  padding-left: 100px;
  height: 220px;
}
@media (max-width: 1199px) {
  .perk__descr {
    padding-left: 0;
  }
}
@media (max-width: 562px) {
  .perk__descr {
    font-size: 16px;
    line-height: 1.5;
  }
}

.quote {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 1200px) {
  .quote {
    flex-direction: column;
    align-items: center;
  }
}
.quote__title {
  width: calc(42.4% - 15px);
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  padding-right: 15px;
}
@media (max-width: 1200px) {
  .quote__title {
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
  }
}
.quote__form {
  display: flex;
  gap: 24px;
  width: 57.6%;
}
@media (max-width: 1199px) {
  .quote__form {
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}
.quote__form input {
  width: 177px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  line-height: 1;
  border: 1px solid #fff;
  box-shadow: none;
  background: transparent;
  padding: 0 11px;
}
@media (max-width: 1200px) {
  .quote__form input {
    width: 100%;
  }
}
.quote__form [type=submit] {
  height: 50px;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .quote__form [type=submit] {
    width: 100%;
    flex-basis: 50px;
  }
}


.reviews{
  max-height: 200px;
  /* border: 1px solid #000; */
  padding: 70px 0 10px;
}
@media (max-width: 768px) {
  .reviews {
    padding: 50px 0 25px;
  }
}
.reviews__container {
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: flex-end;
  gap: 20px;
}
.reviews__title {
  /* margin-bottom: 74px; */
    font-size: 25px;
    font-weight: 400;
    text-transform: none;
}

.reviews__title.title.animate-child {
  line-height: 32px;
}

.reviews__container a img,
.reviews__container span img{
  max-width: 200px;
}
.reviews__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 105px 130px;
  max-width: 1374px;
  padding-left: 260px;
  margin-bottom: 90px;
}
@media (max-width: 1199px) {
  .reviews__list {
    grid-template-columns: 1fr;
    padding: 0;
    margin-bottom: 35px;
  }
}
@media (max-width: 1199px) {
  .reviews__item:not(.review_active):nth-child(n+2) {
    display: none;
  }
}
.reviews_more-link {
  align-self: center;
}
@media (max-width: 768px) {
  .reviews_more-link {
    align-self: flex-start;
  }
  .reviews__container {
    align-items: center;
    flex-direction: column;
    gap: 10px;
  }
  .reviews__title {
      font-size: 18px;
      font-weight: 400;
      text-transform: none;
  }
}

.review {
  display: flex;
  flex-direction: column;
}
.review_active {
  display: flex;
}
@media (max-width: 1199px) {
  .review {
    max-width: 100%;
  }
}
.review__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review__author {
  display: flex;
  align-items: center;
  gap: 8px;
}
.review__author-photo {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
}
.review__author-info {
  line-height: 1;
}
.review__author-name {
  font-weight: 700;
  margin-bottom: 5px;
}
.review__author-publish {
  font-size: 14px;
  color: #727272;
}
.review__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 0;
  color: #000;
  line-height: 1;
  border: 1px solid #000;
  transition: 0.2s;
}
.review__link i::before {
  font-size: 14px;
}
@media (any-hover: hover) {
  .review__link:hover {
    color: #fff;
    border-color: #c6c6c6;
    background: #c6c6c6;
  }
}
.review__body {
  flex: 1 1 auto;
  padding-top: 15px;
  padding-bottom: 30px;
  border-bottom: 1px solid #c6c6c6;
}
.review__body p {
  margin: 0;
}

.projects {
  /* padding: 35px 0 70px; */
  padding: 10px 0 70px;
}
@media (max-width: 768px) {
  .projects {
    /* padding: 35px 0 44px; */
    padding: 15px 0 44px;
  }
}

.project {
  padding: 66px 0;
}
@media (max-width: 768px) {
  .project {
    padding: 44px 0;
  }
}
.project:nth-child(even) {
  position: relative;
  background: #ececec;
}
.project:nth-child(even)::before, .project:nth-child(even)::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  background: inherit;
}
.project:nth-child(even)::before {
  left: -100vw;
}
.project:nth-child(even)::after {
  right: -100vw;
}
@media (max-width: 768px) {
  .project:nth-child(even) {
    padding: 37px 0 48px;
  }
}
.project:first-child {
  padding-top: 0;
}
.project:last-child {
  padding-bottom: 0;
}
.project__image {
  display: block;
  margin-bottom: 76px;
}
.project__image img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .project__image {
    margin-bottom: 41px;
  }
}
.project__title {
  display: inline-block;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.1428571429;
  text-transform: uppercase;
  margin-bottom: 43px;
  transition: 0.2s;
}
.project__title a {
  color: inherit;
}
@media (max-width: 1199px) {
  .project__title {
    margin-bottom: 36px;
  }
}
@media (max-width: 768px) {
  .project__title {
    font-size: 25px;
  }
}
@media (any-hover: hover) {
  .project__title:hover {
    color: #999;
  }
}
.project__descr {
  /* columns: 2; */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 44px 20px;
  margin-bottom: 27px;
}
.project__descr p {
  margin: 0;
}
@media (max-width: 1199px) {
  .project__descr {
    grid-template-columns: 1fr;
    margin-bottom: 37px;
  }
}
@media (max-width: 768px) {
  .project__descr {
    font-size: 16px;
  }
}

.portfolio {
  padding-top: 35px;
}
.portfolio__filter {
  position: relative;
  padding: 24px 0;
  margin-bottom: 43px;
}
.portfolio__filter-border {
  position: absolute;
  left: 50%;
  width: 0;
  height: 1px;
  background: #000;
}
.portfolio__filter-border_top {
  top: 0;
}
.portfolio__filter-border_bottom {
  bottom: 0;
}
@media (max-width: 1199px) {
  .portfolio__filter-border {
    /*left: 0;*/
    /*width: 100%;*/
    z-index: 5;
  }
  .portfolio__filter-select.select .select__value {
    border-bottom: unset;
  }
}
@media (max-width: 768px) {
  .portfolio__filter {
    border: none;
    padding: 0;
  }
}
.portfolio__filter a {
  display: block;
  font-size: 18px;
  color: #000;
  line-height: 1;
  text-transform: uppercase;
  transition: 0.2s;
}
.portfolio__filter a.active {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .portfolio__filter a:hover {
    color: #999;
    text-decoration: underline;
  }
}
.portfolio__filter-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .portfolio__filter-list {
    display: none;
  }
}
.portfolio__filter-select {
  display: none;
  width: 100%;
}
@media (max-width: 768px) {
  .portfolio__filter-select {
    display: block;
  }
}
.portfolio__list,
.portfolio__wrap{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 11px;
}
.portfolio__list--2-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 11px;
}
@media (max-width: 768px) {
  .portfolio__list,
  .portfolio__wrap {
    display: flex;
    flex-direction: column;
    column-gap: 0;
  }
  .portfolio__list--2-cols {
    display: flex;
    flex-direction: column;
    column-gap: 0;
  }
}
.portfolio__item {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: zoom-in;
  max-height: 750px;
}
.portfolio__item-alt {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: zoom-in;
  max-height: 750px;
}
.portfolio__item-alt .portfolio__item-image--video {
  position: relative;
  height: 0;
  aspect-ratio: 16 / 9;
  padding-top: 56.288%;
}
.portfolio__item img {
  transition: 1s;
  will-change: transform;
}
.portfolio__item-alt img {
  transition: 1s;
  will-change: transform;
}
.portfolio__list:not(.portfolio__list--2-cols) .portfolio__item:nth-child(3n) {
  grid-column-start: 1;
  grid-column-end: 3;
}

@media (any-hover: hover) {
  /* .portfolio__item:hover img {
    transform: scale(1.1);
  } */
  .portfolio__item:hover .portfolio__item-caption,
  .portfolio__item.show-caption .portfolio__item-caption{
    opacity: 1;
    transform: translateY(0);
  }
  .portfolio__item-alt:hover .portfolio__item-caption,
  .portfolio__item-alt.show-caption .portfolio__item-caption{
    opacity: 1;
    transform: translateY(0);
  }
}
.portfolio__item-image {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .portfolio__item-image {
    height: auto;
  }
  .portfolio__item.show-caption .portfolio__item-caption{
    opacity: 1;
    transform: translateY(0);
  }
}
.portfolio__item-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  color: #fff;
  background: rgba(39, 39, 39, 0.85);
  /* padding: 27px 40px; */
  padding: 1rem;
  opacity: 0;
  transform: translateY(100%);
  will-change: transform;
  transition: 0.5s;
}
@media (max-width: 1199px) {
  .portfolio__item-caption {
    padding: 10px;
  }
  .portfolio__item-caption.blind-action {
    transform: translateY(0);
    opacity: 1;
  }
}
.portfolio__item-name {
  display: block;
  /* font-size: 30px; */
  font-size: 1.125rem;
  line-height: 1.3333333333;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .portfolio__item-name {
    /* font-size: 20px; */
    font-size: 1rem;
  }
}
.portfolio__item-company {
  display: block;
  /* font-size: 24px; */
  font-size: 1rem;
  line-height: 1;
}
@media (max-width: 1199px) {
  .portfolio__item-company {
    /* font-size: 16px; */
    font-size: 0.875rem;
  }
}
.portfolio__slider-pagination {
  position: absolute;
  z-index: 100;
  top: 5px;
  left: 5px;
  font-size: 20px;
  color: #fff;
  line-height: 1.2333333333;
}
.portfolio__slider-pagination span:first-child {
  font-weight: 600;
}
.portfolio__slider-btn {
  position: absolute;
  z-index: 100;
  top: 50%;
  appearance: none;
  box-shadow: none;
  border: none;
  color: #fff;
  background: transparent;
  transform: translateY(-50%);
  transition: 0.2s;
  cursor: pointer;
}
.portfolio__slider-btn.swiper-button-disabled {
  cursor: default;
  opacity: 0.3;
}
@media (any-hover: hover) {
  .portfolio__slider-btn:not(.swiper-button-disabled):hover {
    color: #727272;
  }
}
.portfolio__slider-btn_prev {
  left: 5px;
}
.portfolio__slider-btn_next {
  right: 5px;
}
.portfolio__slider-wrapper {
  width: 100%;
  max-width: calc(100vw - 150px);
  height: 100vh;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .portfolio__slider-wrapper {
    max-width: 100vw;
    height: -webkit-fill-available;
  }
}
.portfolio__slider {
  width: 100%;
  height: 100%;
}
.portfolio__slide {
  display: flex;
  align-items: center;
}
.portfolio__slide figure {
  position: relative;
  width: 100%;
  margin: 15px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .portfolio__slide figure {
    margin: 0;
  }
}
.portfolio__slide figure.drag-wrapper {
  cursor: zoom-in;
}
.portfolio__slide picture {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.portfolio__slide img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 30px);
  object-fit: contain;
  object-position: center;
}
.portfolio__slide .portfolio__item-caption {
  opacity: 1;
  transition: unset;
}
@media (max-width: 768px) {
  .portfolio__slide .portfolio__item-caption {
    position: absolute;
    width: auto;
  }
}
.portfolio__slide-image {
  position: relative;
  width: 100%;
  height: 100%;
}

.request-dialog,
.request-dialog2 {
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 75px 0 25px;
  opacity: 0;
  transform: scale(0);
  will-change: transform;
  transition: 0.3s;
  overflow: auto;
}

.popup .request-dialog__contact{
  margin: -73px auto 0;
}
@media (max-width: 800px) {
  .popup .request-dialog__contact{
    margin: -15px auto 0;
  }
}
.request-dialog_show {
  opacity: 1;
  transform: scale(1);
}
.request-dialog__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.request-dialog__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #fff;
}
.request-dialog__close,
.popup__close{
  font-size: 35px;
  color: #000;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .request-dialog__close:hover,
  .popup__close:hover {
    color: #727272;
  }
}
.request-dialog__contact {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 592px;
  /* margin: -73px auto 0; */
  margin: 0 auto;
  z-index: 5;
}

.contact__content {
  flex-shrink: 0;
  flex-grow: 0;
  padding-right: 160px;
  flex-basis: calc(570px + 140 * ((100vw - 922px) / 478));
  padding-right: calc(20px + 140 * ((100vw - 992px) / 408));
}
.contact__image img {
  width: auto;
  /* height: 100%; */
  height: 720px;
  min-height: 700px;
}

/* .filesuploaded {
  display: none;
} */

.contact__descr {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.3333333333;
  text-transform: uppercase;
  margin-bottom: 44px;
}

.contact__descr.subtitle{
  font-size: 18px;
  margin-bottom: 0;
}
.select-values span{
  font-weight: 300;
}
.additional{
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .contact__descr {
    font-size: 19px;
    margin-bottom: 24px;
  }
}
.contact__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact__form > span,
.request__form > span{
  color: red;
  display: none;
  margin-top: -20px;
  font-size: 15px;
}
.formchange + span{
  font-size: 15px;
}
.contact__form > input.invalid + span,
.request__form > input.invalid + span,
.privacy-val.invalid,
.privacy-val2.invalid,
.sel-val.invalid,
.models_checkboxes + span.invalid,
.form-where-val.invalid {
  display: block;
}

.models_checkboxes .wpcf7-form-control::after {
  display: none;
}

.contact__form > input,
.contact__form > .select {
  width: 100%;
  height: 36px;
}
.contact__form > input,
.contact__form > textarea {
  padding: 0;
}
.contact__form input,
.contact__form textarea {
  border: none;
  border-top: solid 1px tranpsarent;
  border-bottom: solid 1px #272727;
  outline: none;  
}

.form-where {
  border: none;
  outline: none;
  border-bottom: 1px solid black;
  padding-bottom: 4px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 100%;
  cursor: pointer;
}

/* .form-where--option {
  background-color: #dedede;
}
.form-where--option:hover {
  background-color: #dedede;
  color: blue;
} */



.form-where-wrap {
  position: relative;
}



.form-where-wrap::after {
  /* content: url('http://v112943.hostnl4.fornex.host/genense.com/wp-content/themes/genense/assets/img/icomoon/chevron-down.svg');
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 8px; */


  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 20px;
  height: 8px;
  background-image: url('assets/img/icomoon/chevron-down.svg');
  margin-top: -4px;
}

/* .contact__form input:focus,
.contact__form textarea:focus {
  border-bottom-color: #0d6efd;
} */
/* .contact__form input:focus:invalid,
.contact__form textarea:focus:invalid {
  border-bottom-color: #dc3545;
} */
.contact__form input::placeholder,
.contact__form textarea::placeholder {
  color: inherit;
  opacity: 1;
}
.contact__form textarea {
  width: 100%;
  height: 127px;
  border: 1px solid #272727;
  padding: 16px 14px;
  resize: none;
  margin-top: 22px;
}
.contact__form .select__value {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
@media (max-width: 1199px) {
  .contact__form .select__options {
    right: 0;
    left: auto;
  }
}
@media (max-width: 562px) {
  .contact__form .select__options {
    width: calc(100vw - 30px);
  }
}
.contact__actions {
  display: flex;
  gap: 25px;
  padding-top: 25px;
  transition: opacity 0.3s;
}

#contact-form {
  opacity: 0;
}

@media (max-width: 562px) {
  .contact__actions {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 562px) {
  .contact__actions .btn {
    flex-basis: 45px;
  }
}

.contact__me i{
  display: flex;
}
.contact__me .checkbox__text{
  display: flex;
  align-items: center;
  gap: 10px;
}

.checkbox__text.bolder{
  font-size: 18px;
}

.contact-page {
  padding-top: 35px;
}
@media (max-width: 1199px) {
  .contact-page {
    padding: 25px 0 0;
  }
}
.contact-page .contact__container {
  display: flex;
}
@media (max-width: 1199px) {
  .contact-page .contact__container {
    flex-direction: column;
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .contact-page .contact__content {
    /* flex-basis: auto; */
    /* margin: 0 auto; */
    padding: 0 15px 54px;
  }
}
@media (max-width: 1199px) {
  .contact-page .contact__image img {
    width: 100%;
  }
}

.about-page {
  padding-bottom: 0;
  /* padding-top: 35px; */
  padding-top: 0;
}

.about-page__title {
  display: none;
}

.about-page__intro {
  position: relative;
  height: 735px;
  overflow: hidden;
}

.about-page__intro-video {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 1200px) {
  .about-page__intro {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .about-page__intro-video {
    margin-bottom: -7px;
    transform: initial;
    position: relative;
  }
}
.about-page__intro-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.about-page__intro-image img {
  object-position: center;
}
@media (max-width: 1200px) {
  .about-page__intro-image {
    position: static;
  }
}
.about-page__intro-title {
  font-size: 40px;
  font-weight: 100;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
}
.about-page__intro-title p {
  display: block;
  margin: 0;
}
@media (max-width: 1200px) {
  .about-page__intro-title {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .about-page__intro-title {
    font-size: 25px;
  }
}
.about-page__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: min(50%, 810px);
  height: 100%;
  background: rgba(39, 39, 39, 0.74);
  padding: 250px 25px 250px 160px;
}
.about-page__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100px;
  width: 100px;
  height: 100%;
  background: rgba(39, 39, 39, 0.74);
}
@media (max-width: 1200px) {
  .about-page__content {
    width: 100%;
    background: #272727;
    padding: 23px 30px;
  }
}

.team {
  background: rgba(236, 236, 236, 0.6);
}
@media (max-width: 768px) {
  .team {
    padding: 49px 0 93px;
  }
}
.team__title {
  margin-bottom: 77px;
}
@media (max-width: 768px) {
  .team__title {
    margin-bottom: 34px;
  }
}
.team__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* editing 27.03.2023
  gap: 144px 14px; */
  gap: 144px 100px;
  width: 100%;
  margin-bottom: 48px;
}

@media (max-width: 860px) {
  .team__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(146px, 335px));
    gap: 28px 8px;
  }
}
.team__item {
  overflow: hidden;
  width: auto;
  /* Editing 27.03.2023
  width: 260px; */
}
@media (min-width: 860px){
  .team__item {
    width: 324px;
  }
}
.team__item:nth-child(even) {
  transform: translateY(48px);
  will-change: transform;
}

.person {
  max-width: 337px;
}
@media (max-width: 768px) {
  .person {
    position: relative;
  }
}
.person__event {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
@media (max-width: 768px) {
  .person__event {
    display: block;
  }
}
.person__content {
  position: relative;
  height: 393px;
  overflow: hidden;
  margin-bottom: 34px;
}
@media (max-width: 1199px) {
  .person__content {
    height: auto;
  }
}
@media (max-width: 768px) {
  .person__content {
    height: auto;
    margin-bottom: 18px;
  }
}
@media (any-hover: hover) and (min-width: 993px) {
  .person__content:hover .person__text {
    transform: translateY(0);
    opacity: 1;
  }
}
.person__photo {
  width: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .person__photo {
    height: auto;
  }
}
.person__info {
  padding-left: 43px;
}
@media (max-width: 768px) {
  .person__info {
    padding-left: calc(24px + 19 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 320px) {
  .person__info {
    padding-left: 24px;
  }
}
.person__name {
  position: relative;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2307692308;
}
.person__name::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -43px;
  width: 33px;
  height: 1px;
  background: #a0a0a0;
  margin-top: -3px;
}
@media (max-width: 768px) {
  .person__name::before {
    width: calc(19px + 14 * ((100vw - 320px) / 448));
    left: calc(-24px + -19 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 320px) {
  .person__name::before {
    width: 19px;
  }
}
@media (max-width: 768px) and (max-width: 320px) {
  .person__name::before {
    left: -24px;
  }
}
@media (max-width: 768px) {
  .person__name {
    font-size: calc(16px + 10 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 320px) {
  .person__name {
    font-size: 16px;
  }
}
.person__spec {
  font-size: 19px;
  line-height: 1.6842105263;
}
@media (max-width: 768px) {
  .person__spec {
    font-size: calc(14px + 5 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 320px) {
  .person__spec {
    font-size: 14px;
  }
}
.person__text {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  height: 100%;
  background: #272727;
  opacity: 0;
  padding: 38px 33px 35px 43px;
  transform: translateY(40%);
  transition: 0.3s;
}
.person__text.active {
  transform: translateY(0);
}
/* .person__text.disabled {
  pointer-events: none;
} */
@media (max-width: 1199px) {
  .person__text {
    gap: 10px;
    transform: translateY(100%);
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .person__text {
    font-size: calc(11px + 6 * ((100vw - 320px) / 448));
    padding: 14px;
  }
}
@media (max-width: 768px) and (max-width: 320px) {
  .person__text {
    font-size: 11px;
  }
}
.person__descr {
  flex: 1 1 auto;
  color: #fff;
  line-height: 1.4117647059;
  overflow-y: scroll;
}
@media (max-width: 1199px) {
  .person__descr {
    overflow-y: auto;
  }
}
.person__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.person__socials a {
  color: #fff;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .person__socials a:hover {
    color: #727272;
  }
}
.person__quote {
  color: #fff;
  padding: 0;
  margin: 0;
}

.about-descr {
  padding: 82px 69px;
}
@media (max-width: 1199px) {
  .about-descr {
    padding: 45px 0;
  }
}
.about-descr__container {
  display: flex;
}
@media (max-width: 1200px) {
  .about-descr__container {
    flex-direction: column;
  }
}
.about-descr__title {
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .about-descr__title {
    white-space: normal;
    margin-bottom: 34px;
  }
}
.about-descr__content {
  display: flex;
  flex: 1 1 auto;
  max-width: 1201px;
  font-size: 18px;
  line-height: 1.3333333333;
  padding-left: 139px;
}
@media (max-width: 1200px) {
  .about-descr__content {
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .about-descr__content {
    flex-direction: column;
  }
}
.about-descr__item {
  padding: 0 75px;
}
.about-descr__item-line {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 80%;
  background: #020000;
}
@media (max-width: 1199px) {
  .about-descr__item-line {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 73px;
    height: 1px;
  }
}
.about-descr__item:first-child {
  position: relative;
  padding-left: 0;
}
@media (max-width: 1199px) {
  .about-descr__item:first-child {
    padding-top: 0;
  }
}
.about-descr__item:last-child {
  padding-right: 0;
}
@media (max-width: 1199px) {
  .about-descr__item:last-child {
    padding-bottom: 0;
  }
}
.about-descr__item p {
  margin: 0;
}
@media (max-width: 1199px) {
  .about-descr__item {
    padding: 34px 0;
  }
}

.about-company {
  position: relative;
  background: #272727;
  padding: 144px 0;
}
@media (max-width: 1199px) {
  .about-company {
    padding: 30px 0 0;
  }
}
@media (max-width: 1199px) {
  .about-company__container {
    padding: 0;
  }
}
.about-company__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
}
.about-company__image img {
  object-position: center;
}
.about-company__image img {
  /*position: absolute;*/
  object-fit: contain;
}
@media (max-width: 1199px) {
  .about-company__image {
    position: relative;
    width: 100vw;
    left: -15px;
    font-size: 0;
    /*height: 0;*/
    /*padding-top: 80vw;*/

  }
  .about-company__image img {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    left: 0;
    top: 0;
  }

}
.about-company__content {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 44px 49px;
  max-width: 1229px;
  color: #fff;
}
.about-company__content p {
  display: -webkit-box;
  max-height: 204px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 24px;
  font-weight: 300;
  margin: 0;
}
@media (max-width: 1199px) {
  .about-company__content p {
    display: inline;
  }
}
@media (max-width: 768px) {
  .about-company__content p {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media (max-width: 1199px) {
  .about-company__content {
    flex-direction: column;
    background: #272727;
    padding: 21px 15px 51px;
  }
}

@media (max-width: 768px) {
  .objective {
    padding: 45px 0;
  }
}
.objective__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 42px 152px;
}
.objective__item {
  max-width: 738px;
}
.objective__title {
  font-size: 55px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 54px;
}
@media (max-width: 768px) {
  .objective__title {
    font-size: 25px;
    margin-bottom: 29px;
  }
}
.objective__content {
  display: flex;
}
.objective__icon {
  flex: 0 0 52px;
  height: 52px;
}
.objective__text {
  line-height: 1.4117647059;
  padding-left: 32px;
}

.blog-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 61px;
  padding: 25px 0;
}
.blog-header h3 {
  font-size: 35px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.blog-header__line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}
.blog-header__line:first-child {
  top: 0;
}
.blog-header__line:last-child {
  bottom: 0;
}

.blog {
  padding: 35px 0 70px;
}

.blog__title {
  display: none;
}

@media (max-width: 630px) {
  .blog__container {
    padding: 0;
  }
}
@media (max-width: 630px) {
  .blog__title {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .blog__post {  
    margin-bottom: 60px;
  }
  
}
.blog__main {
  position: relative;
  z-index: 4;
  background: #fff;
}
@media (max-width: 1199px) {
  .blog__main {
    display: none;
  }
}
.blog__latest {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 45px;
  padding: 51px 0 60px;
}
.blog__latest .post:first-child {
  grid-area: 1/1/3/2;
}
.blog__latest .post:nth-child(2) {
  grid-area: 1/2/2/3;
}
.blog__latest .post:last-child {
  grid-area: 2/2/3/3;
}
.blog__content_loading {
  filter: grayscale(5);
  opacity: 0.3;
  pointer-events: none;
}
.blog__post {
  position: relative;
  background: #fff;
}

.blog__posts .blog__post {
  max-width: none;
}
.blog__post:nth-child(1), .blog__post:nth-child(2), .blog__post:nth-child(3) {
  z-index: 3;
}
.blog__post:nth-child(4), .blog__post:nth-child(5), .blog__post:nth-child(6) {
  z-index: 2;
}
.blog__post:nth-child(7), .blog__post:nth-child(8), .blog__post:nth-child(9) {
  z-index: 1;
}
.blog__controls {
  position: relative;
  z-index: 4;
  flex-wrap: wrap;
  row-gap: 22px;
  background: #fff;
  margin-bottom: 75px;
}
@media (max-width: 1199px) {
  .blog__controls {
    justify-content: center;
    margin-bottom: 39px;
  }
}
@media (max-width: 630px) {
  .blog__controls {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.blog__filter {
  display: flex;
  align-items: center;
  gap: 28px;
}
@media (max-width: 1199px) {
  .blog__filter {
    justify-content: space-between;
    width: 100%;
    max-width: 360px;
  }
}
.blog__filter-title {
  font-size: 18px;
  text-transform: uppercase;
}
.blog__filter-options {
  width: 258px;
  height: 46px;
}
.blog__filter-options .select__value {
  line-height: 46px;
  border: 1px solid #c4c4c4;
  padding-left: 18px;
}
@media (max-width: 1199px) {
  .blog__search {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.blog__posts {
  display: grid;
  grid-template-columns: repeat(3, minmax(307px, 551px));
  gap: 67px 20px;
}
@media (max-width: 860px) {
  .blog .blog__posts {
    grid-template-columns: repeat(2, minmax(290px, 471px)) !important;
  }
}
@media (max-width: 630px) {
  .blog .blog__posts {
    grid-template-columns: 1fr;
    overflow: hidden;
    display: block;
    /* justify-items: center; */
  }
}

.search-form {
  position: relative;
  width: 392px;
}
@media (max-width: 1199px) {
  .search-form {
    width: 100%;
    max-width: 360px;
  }
}
.search-form input {
  width: 100%;
  height: 46px;
  border: none;
  box-shadow: none;
  background: transparent;
  border-bottom: 1px solid #000000;
  outline: none;
}
.search-form input:focus, .search-form input:focus-visible {
  border-color: #c4c4c4;
}
.search-form [type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 46px;
  transition: 0.2s;
  cursor: pointer;
}
@media (any-hover: hover) {
  .search-form [type=submit]:hover {
    color: #727272;
  }
}

.post {
  max-width: 481px;
}
@media (any-hover: hover) {
  .post:hover img {
    transform: scale(1.1);
  }
}
.post_main {
  max-width: 1113px;
}
.post_main .post__image {
  height: 612px;
  margin-bottom: 27px;
}
.post_main .post__info {
  margin-bottom: 40px;
}
.post_main .post__title {
  font-size: 45px;
  font-weight: 500;
  line-height: 1.3333333333;
  margin-bottom: 35px;
}
.post_main .post__excerpt {
  -webkit-line-clamp: 3;
  max-height: 87px;
}

.post_main a img{
  width: 100%;
  height: 100%;
}
.post_sm .post__image {
  height: 261px;
}
.post_related {
  max-width: 375px;
}
.post_related .post__image {
  /*height: 433px;*/
  font-size: 0;
  height: 0;
  padding-top: 80%;
}
.post_related .post__image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .post_related .post__image {
    /*height: 280px;*/
  }
}
.post__image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: calc(280px + 161 * ((100vw - 992px) / 928));
  overflow: hidden;
  margin-bottom: 14px;
}
@media (max-width: 600px) {
  .post__image {
    min-height: 278px;
  }
}
.post__image img {
  transition: transform 1s;
  will-change: transform;
  height: 100%;
}
.post__info {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  font-size: 18px;
  font-weight: 300;
  color: #727272;
  line-height: 1;
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  .post__info {
    font-size: 13px;
  }
}
@media (max-width: 630px) {
  .post__info {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.post__info-time {
  display: flex;
  align-items: center;
  gap: 20px;
}
.post__date, .post__readingtime {
  white-space: nowrap;
}
.post__views svg{
  margin-right: 6px;
}
.post__category {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  overflow: hidden;
  padding-left: 80px;
}
.post__category a{
  color: #727272;
  pointer-events: none;
}
.post__category::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 70px;
  height: 2px;
  margin-top: -1px;
  background: #727272;
}
.post__title {
  display: block;
  font-size: 25px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 14px;
  transition: 0.2s;
}
@media (min-width: 630px) and (max-width: 860px) {
  .post__title {
    font-size: calc(10px + 1.625vw);
  }
}
@media (max-width: 630px) {
  .post__title {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (any-hover: hover) {
  .post__title:hover {
    color: #999;
  }
}
.post__excerpt {
  display: -webkit-box;
  max-height: 63px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #090000;
  margin-bottom: 14px;
}
@media (max-width: 630px) {
  .post__excerpt {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 630px) {
  .post__link {
    margin-left: 15px;
  }
}

.posts-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
  width: 100%;
  /* padding-top: 81px; */
}

@media (max-width: 1199px) {
  .posts-navigation {
    grid-column: 1 / -1;
  }
}
@media (max-width: 630px) {
  .posts-navigation {
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.posts-navigation__controls {
  display: flex;
  gap: 22px;
  padding-left: 17px;
}
@media (max-width: 630px) {
  .posts-navigation__controls {
    padding: 0;
  }
}
.page-numbers {
  font-size: 20px;
  font-weight: 300;
  color: #000;
  line-height: 1;
  transition: 0.2s;
}
.current {
  font-weight: 700;
}
@media (any-hover: hover) {
  .page-numbers:not(.current):hover {
    color: #727272;
  }
}
.posts-navigation__btn,
.prev i,
.next i{
  display: flex;
  align-items: center;
  height: 32px;
  font-size: 8px;
  color: #000;
}

.prev{
  order: 1;
}
.next{
  order: 2;
}
.posts-navigation__btn i {
  will-change: transform;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .posts-navigation__btn:hover {
    color: #727272;
  }
}
@media (any-hover: hover) {
  .prev:hover i {
    transform: translateX(-5px);
  }
}
@media (any-hover: hover) {
  .next:hover i {
    transform: translateX(5px);
  }
}

.article {
  padding-top: 35px;
}

.comment {
  list-style: none;
}

.comment__inner {
  width: 100%;
  display: flex;
  gap: 88px;
  justify-content: space-between;
}

@media(max-width: 1199px) {
  .comment__inner {
    flex-direction: column;
  } 
}

.comment__inner--right {
  display: flex;
  align-items: center;
  gap: 28px;
}

.comment__inner--right form{
  display: flex;
  align-items: center;
  gap: 28px;
  flex-direction: row;
}

.comment__inner--left {
  width: 100%;
}

.subscribe .btn {
  flex: 43px;
  width: 100%;
}

/* .subscribe .wpcf7-form-control:hover::after {
  opacity: 0 !important;
  transform: initial !important;
} */

.subscribe .wpcf7-response-output {
  display: block;
}

.subscribe .wpcf7 form.sent .wpcf7-response-output {
  border-color: #000000;
}

.subscribe .wpcf7 form.invalid .wpcf7-response-output {
  border-color: transparent;
  color: #ff0000;
}

.subscribe .wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 0;
  border: none;
}

.comment .comment-form input,
.comment .comment-form textarea {
  outline: none;
}

.comment-form__check {
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  display: inline-block;
  position: relative;
  margin-right: 19px;
  transform: translateY(6px);
}

.comment-form__checkbox {
  transform: scale(0);
  opacity: 0;
  width: 0;
  height: 0;
}

.comment-form__checkbox:checked ~ .comment-form__check::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(assets/img/check-box.png);
  background-repeat: no-repeat;
  background-size: 11px 8px;
  background-position: center;
}

#comment-submit {

}

@media (max-width: 768px) {
  .article {
    padding-bottom: 35px;
  }
}
.article__container {
  display: flex;
  gap: 50px;
}
@media (max-width: 1199px) {
  .article__container {
    flex-direction: column;
    padding: 0;
  }
}
.article__title {
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .article__title {
    padding: 0 15px;
  }
}
@media (max-width: 768px) {
  .article__title {
    font-size: 25px;
  }
}
.article__info {
  display: flex;
  width: 100%;
  max-width: calc(100% - 4px);
  gap: 25px;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 300;
  color: #727272;
  line-height: 1;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .article__info {
    padding: 0 15px;
  }
}
@media (max-width: 768px) {
  .article__info {
    font-size: 13px;
  }
}
.article__date {
  display: flex;
  white-space: nowrap;
}
.article__category {
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 80px;
}

.article__category a{
  color: #727272;
  pointer-events: none;
}
.article__category::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 70px;
  height: 2px;
  margin-top: -2px;
  background: #727272;
}
.article__actions {
  display: flex;
  padding-top: 80px;
}
@media (max-width: 1199px) {
  .article__actions {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .article__actions {
    justify-content: center;
    padding-top: 38px;
  }
}
.article__content {
  color: #090000;
}
.article__content {
  position: relative;
  z-index: 10;
}
.article__content img{
  /*width: 100%;*/
  /*float: left;*/
}
.article__content img.fl{
  float: left;
  margin-right: 15px;
}
.article__content img.fr{
  float: right;
  margin-left: 15px;
}
.article__content ol,
.article__content ul {
  padding-left: 15px;
}
.article__content p {
  margin: 24px 0;
}
.article__content p:first-child {
  margin-top: 0;
  margin: 0;
  padding: 0;
}

.article__content p:has(img) {
  margin-top: 0;
  margin: 0;
  padding: 0;
}
.article__content p img {
  /*min-height: 188px;*/
}
.article__content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .article__content p {
    margin: 12px 0;
    padding: 0 15px;
  }
}
@media (max-width: 1199px) {
  .article__content {
    font-size: 16px;
  }
}
.article__sidebar {
  flex: 0 0 375px;
}
@media (max-width: 1199px) {
  .article__sidebar-header h3 {
    font-size: 20px;
    line-height: 1.25;
    padding: 0 15px;
  }
}
@media (max-width: 1199px) {
  .article__sidebar-header {
    justify-content: center;
    text-align: center;
  }
}
.article__sidebar-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 96px;
  padding-top: 29px;
}
@media (max-width: 1199px) {
  .article__sidebar-content {
    grid-template-columns: repeat(auto-fill, minmax(290px, 375px));
    justify-content: center;
    gap: 50px;
  }
}
@media (min-width: 600.98px) and (max-width: 1199.98px) {
  .article__sidebar-content {
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    gap: 30px;
  }
  .article__sidebar-content  .post_related {
    max-width: unset;
    max-width: calc(33.332vw - 30px)
  }
}
@media (min-width: 600px) and (max-width: 860px) {
  .article__sidebar-content {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    gap: 30px;
  }
  .article__sidebar-content  .post_related {
    max-width: unset;
    max-width: calc(50vw - 30px)
  }
}
@media (max-width: 599.98px) {
  .article__sidebar-content {
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    gap: 30px;
  }
  .article__sidebar-content  .post_related {
    max-width: unset;
  }
}
@media (max-width: 630px) {
  .article__sidebar-content .blog__post{
    margin-bottom: 0;
  }
}
.article-author {
  padding-top: 50px;
  clear: both;
}
@media (max-width: 1199px) {
  .article-author {
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
  }
}
.article-author__title {
  font-weight: 700;
  margin-bottom: 24px;
}
.article-author__info {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}
.article-author__content {
  display: flex;
  gap: 27px;
  flex-direction: column;
}
@media (max-width: 768px) {
  .article-author__content {
    flex-direction: column;
  }
}
.article-author__photo {
  flex: 0 0 242px;
  width: 242px;
  height: 229px;
}
.article-author__photo img{
  border-radius: 0%;
}
.article-author__name-spec{
  display: flex;
  flex-direction: column;
}
.article-author__name {
  color: rgb(0, 0, 0);
  font-family: 'Muller', sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
.article-author__spec{
  color: rgb(0, 0, 0);
  font-family: 'Muller', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.article-author__text{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.article-author__text p{
  color: rgb(9, 0, 0);
  font-family: 'Muller', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  margin: 0;
}
.article__share {
  flex: 0 0 auto;
  align-self: flex-end;
}
@media (max-width: 768px) {
  .article__share {
    align-self: flex-start;
  }
}

.share {
  display: flex;
  gap: 15px;
}

.share-title {
  font-weight: 700;
}

.share-list {
  display: flex;
  gap: 14px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.share-list a {
  color: #000;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .share-list a:hover {
    color: #727272;
  }
}

.visual-intro {
  display: flex;
  align-items: center;
  padding: 0;
}
@media (max-width: 1199px) {
  .visual-intro {
    flex-direction: column-reverse;
  }
}
.visual-intro__container {
  display: flex;
  align-items: center;
  width: 100%;
}

.visual-intro__container .visual-intro__content {
  align-self: flex-start;
  margin-top: 240px;
}


@media (max-width: 1200px) {
  .visual-intro__container {
    flex-direction: column-reverse;
    padding: 0;
  }
  .visual-intro__container .visual-intro__content {
    align-self: initial;
    margin-top: initial;
  }
}
.visual-intro__content {
  flex: 0 0 492px;
  padding-right: 45px;
}
.visual-intro > .visual-intro__content {
  padding-left: calc(15px + 105 * ((100vw - 1705px) / 215));
  padding-right: 64px;
}
@media (max-width: 1705px) {
  .visual-intro > .visual-intro__content {
    padding-left: 15px;
  }
}
@media (max-width: 1199px) {
  .visual-intro > .visual-intro__content {
    padding-right: 15px;
  }
}
@media (max-width: 1200px) {
  .visual-intro__content {
    flex-basis: auto;
    order: 2;
    text-align: center;
    padding: 42px 15px;
  }
}
@media (max-width: 1199px) {
  .visual-intro__content {
    text-align: center;
    padding: 42px 15px 12px;
  }
}
.visual-intro__title h1{
  position: relative;
  z-index: 1;
  font-size: 55px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  background: #fff;
  margin-bottom: 15px;
  margin-top: -5px;
}

.visual-intro__title h1 strong {
  font-weight: 100;
}
@media (max-width: 768px) {
  .visual-intro__title,
  .visual-intro__title h1 {
    font-size: 25px;
    margin-bottom: 1em;
  }
  
}
.visual-intro__image {
  flex: 0 0 1308px;
}
.visual-intro__image img{
  max-height: 646px;
}
@media (max-width: 1200px) {
  .visual-intro__image {
    flex-basis: auto;
    order: 3;
  }
}


@media (max-width: 999px) {
  .visual-intro__image {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
  }
  .visual-intro__image img{
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .visual-intro__image {
    flex-basis: auto;
  }
}
.visual-intro__grid {
  display: grid;
  grid-template-columns: 642px 548px;
  gap: 18px;
  flex: 0 1 1183px;
}
@media (max-width: 1920px) {
  .visual-intro__grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 1200px) {
  .visual-intro__grid {
    order: 1;
    gap: 18px;
  }
}
@media (max-width: 1199px) {
  .visual-intro__grid {
    flex-basis: auto;
    width: 100%;
    margin-top: 13px;
  }
}
@media (max-width: 768px) {
  .visual-intro__grid {
    /* grid-template-columns: 1fr; */
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 2px;
  }
}
.visual-intro__grid-item {
  position: relative;
  overflow: hidden;
  user-select: none;
}
.visual-intro__grid-item:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (max-width: 768px) {
  .visual-intro__grid-item:last-child {
    grid-column-end: 2;
  }
}
@media (any-hover: hover) {
  .visual-intro__grid-item:hover .visual-intro__grid-image img {
    transform: scale(1.1);
  }
}
@media (any-hover: hover) and (min-width: 1100px) {
  .visual-intro__grid-item:hover .visual-intro__grid-content {
    opacity: 1;
    transform: translateY(0) !important;
  }
  .visual-intro__grid-content {
    transform: translateY(-40%) !important;
  }
}
/* @media (any-hover: hover) and (min-width: 992px) {
  .visual-intro__grid-item:hover > .visual-intro__grid-title {
    opacity: 0;
  }
} */
.visual-intro__grid-content {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  background: rgba(39, 39, 39, 0.85);
  padding: 32px;
  opacity: 0;
  transform: translateY(-40%);
  transition: 0.3s;
}
.visual-intro__grid-content.disabled {
  pointer-events: none;
}
.visual-intro__grid-content .btn {
  flex-basis: 45px;
}

@media (max-width: 1400px) {
  .visual-intro__grid-content {
    padding: 16px;
  }
}
@media (max-width: 1199px) {
  .visual-intro__grid-content {
    transform: translateY(100%);
    opacity: 1;
  }
  .visual-intro__grid-content .visual-intro__grid-title br {
    display: none;
  }
}
.visual-intro__grid-content-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  padding: 32px;
}
@media (max-width: 1400px) {
  .visual-intro__grid-content-inner {
    padding: 16px;
  }
}
.visual-intro__grid-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.visual-intro__grid-image img {
  transition: 0.5s;
  will-change: transform;
}
@media (max-width: 768px) {
  .visual-intro__grid-image {
    height: calc(100vw - 9px);
  }
}
.visual-intro__grid-image-s:not([width]) {
  display: none;
}
@media (max-width: 562px) {
  .visual-intro__grid-image-s:not([width]) {
    display: block;
  }
}
@media (max-width: 562px) {
  .visual-intro__grid-image-b:not([width]) {
    display: none;
  }
}
.visual-intro__grid-title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3333333333;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-bottom: 15px;
}
p.visual-intro__grid-title {
  margin-top: 0;
}
@media (max-width: 1400px) {
  .visual-intro__grid-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.visual-intro__grid-item > .visual-intro__grid-title {
  position: absolute;
  z-index: 1;
  top: 35px;
  left: 45px;
  max-width: 290px;
  color: #000;
}
@media (max-width: 1199px) {
  .visual-intro__grid-item > .visual-intro__grid-title {
    transition: opacity 0.1s;
  }
  .visual-intro__grid-item > .visual-intro__grid-title.hide {
    opacity: 0;
  }
}
@media (max-width: 768px) {
  .visual-intro__grid-item > .visual-intro__grid-title {
    top: 23px;
    left: 27px;
    max-width: calc(100% - 54px);
    margin-bottom: 15px;
  }
}
@media (max-width: 1199px) {
  .visual-intro__grid-title {
    font-size: calc(23px + 7 * ((100vw - 320px) / 672));
  }
}
@media (max-width: 1199px) and (max-width: 320px) {
  .visual-intro__grid-title {
    font-size: 23px;
  }
}
.visual-intro__grid-descr {
  margin-bottom: 22px;
}
@media (max-width: 1400px) {
  .visual-intro__grid-descr {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .visual-intro__grid-descr {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .visual-intro__grid-descr {
    font-size: calc(13px + 4 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 320px) {
  .visual-intro__grid-descr {
    font-size: 13px;
  }
}

.visual-what{
  padding: 65px 0 70px;
}

@media (max-width: 1200px) {
  .visual-what {
    padding: 35px 0 45px;
  }
}
.visual-what__container {
  display: flex;
}
@media (max-width: 1200px) {
  .visual-what__container {
    flex-direction: column;
  }
}
.visual-what__title {
  flex: 0 0 492px;
  padding-right: 45px;
}
@media (max-width: 1200px) {
  .visual-what__title {
    flex-basis: auto;
    margin-bottom: 28px;
  }
}
.visual-what__list {
  display: flex;
}
@media (max-width: 768px) {
  .visual-what__list {
    flex-wrap: wrap;
  }
}
.visual-what__item {
  max-width: 500px;
  font-size: 18px;
  line-height: 1.3333333333;
}
.visual-what__item p {
  margin: 0;
}
.visual-what__item-line {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 73px;
  background: #020000;
}
@media (max-width: 768px) {
  .visual-what__item-line {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    width: 73px;
    height: 1px;
  }
}
.visual-what__item:first-child {
  position: relative;
  padding-right: 75px;
}
@media (max-width: 768px) {
  .visual-what__item:first-child {
    padding-right: 0;
    padding-bottom: 33px;
  }
}
.visual-what__item:last-child {
  padding-left: 75px;
}
@media (max-width: 768px) {
  .visual-what__item:last-child {
    padding-left: 0;
    padding-top: 33px;
  }
}
@media (max-width: 768px) {
  .visual-what__item {
    max-width: 100%;
    font-size: 16px;
  }
}

.visual-compare {
  padding: 0;
}
.visual-compare__images {
  position: relative;
}
.visual-compare__image_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* filter: grayscale(50); */
  overflow: hidden;
}
.visual-compare__image_overlay img {
  width: auto;
}
.visual-compare__slider {
  position: absolute;
  z-index: 2;
  width: 5px;
  height: 100%;
  background: #fff;
  cursor: ew-resize;
}

@media (max-width: 1199px) {
  .visual-benefits {
    padding: 42px 0 51px;
  }
}
.visual-benefits__title {
  max-width: 800px;
  font-size: 45px;
  font-weight: 300;
  line-height: 1.3333333333;
  text-transform: uppercase;
  margin-bottom: 68px;
}
.visual-benefits__title p{
  margin: 0;
}
.visual-benefits__title p strong{
  display: block;
  font-weight: 500;
}
@media (max-width: 768px) {
  .visual-benefits__title {
    font-size: 25px;
    margin-bottom: 47px;
  }
}
.visual-benefits__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 39px 20px;
  counter-reset: benefits;
}
@media (max-width: 1199px) {
  .visual-benefits__list {
    grid-template-columns: 1fr;
  }
}

.benefit {
  display: flex;
  counter-increment: benefits;
}
.benefit__icon {
  flex: 0 0 52px;
  height: 52px;
}
.benefit__icon img {
  object-fit: contain;
}
.benefit__content {
  padding-left: 28px;
}
.benefit__title {
  max-width: 280px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.benefit__title::before {
  content: "0" counter(benefits);
  display: block;
  font-size: 20px;
  font-weight: 300;
  color: rgba(2, 0, 0, 0.6);
  line-height: 1;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .benefit__title {
    font-size: 21px;
    margin-bottom: 18px;
  }
}
.benefit__descr {
  color: #090000;
}
@media (max-width: 768px) {
  .benefit__descr {
    font-size: 16px;
  }
}

.visual-types {
  position: relative;
  background: #ececec;
  padding: 0;
}
/* .visual-types_bg {
  background: #ececec;
} */
.visual-types_bg + section {
  padding-top: 105px;
}
@media (max-width: 768px) {
  .visual-types_bg + section {
    padding-top: 50px;
  }
}
.visual-types_pd {
  padding: 70px 0;
}
@media (max-width: 1199.98px) {
  .visual-types_pd {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .visual-types_pd {
    padding-bottom: 0;
    padding-top: 16px;
  }
}
.visual-types_dark {
  color: #fff;
  background: #272727;
}
.visual-types__container {
  display: flex;
}
@media (max-width: 1200px) {
  .visual-types__container {
    flex-direction: column;
    padding: 0 !important;
  }
}
.visual-types__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  
}
@media (max-width: 1023px) {
  .visual-types__content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.visual-types__text {
  flex: 1 1 auto;
  margin-bottom: 40px;
  padding-top: 70px;
  padding-right: 103px;
}
.visual-types_dark .visual-types__text {
  max-width: calc(663px + 316 * ((100vw - 992px) / 928));
}
@media (max-width: 1199px) {
  .visual-types_dark .visual-types__text {
    /*max-width: 663px;*/
    max-width: 100%;
  }
}
.visual-types_pd .visual-types__text {
  padding-top: 0;
}
@media (max-width: 1400px) {
  .visual-types__text {
    padding-right: 45px;
  }
}
@media (max-width: 1200px) {
  .visual-types__text {
    padding-right: 0;
    margin-bottom: 16px;
  }
}

@media(max-width: 1740px) {
  .visual-types__text {
    width: 46vw;
  }
}

@media(max-width: 1200px) {
  .visual-types__text {
    width: 100%;
  }
}

/* editing 29.03.2023
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: none;
} */

.visual-types__list {
  width: 100%;
  column-count: 2;
  column-gap: 18px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1199px) {
  .visual-types__list {
    display: flex;
    flex-direction: column;
    column-count: auto;
    counter-reset: types;
  }
}
.visual-types__list-item {
  max-width: calc(300px + 129 * ((100vw - 992px) / 928));
  break-inside: avoid;
  margin-bottom: calc(33px + 27 * ((100vw - 992px) / 928));
}
@media (max-width: 1199px) {
  .visual-types__list-item {
    max-width: 300px;
  }
}
@media (max-width: 1199px) {
  .visual-types__list-item {
    margin-bottom: 33px;
  }
}
@media (max-width: 1199px) {
  .visual-types__list-item {
    max-width: 100%;
    counter-increment: types;
  }
}
.visual-types__list-item:last-child {
  margin: 0;
}
.visual-types__list-item:last-child .visual-types__list-text {
  padding-bottom: 0;
}
.visual-types__list-content {
  display: flex;
  gap: 18px;
}
.visual-types__list-content::before {
  content: "0" attr(data-order);
  flex: 0 0 54px;
  font-size: 40px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
  margin-top: -10px;
}
@media (max-width: 1199px) {
  .visual-types__list-content::before {
    /*content: "0" counter(types);*/
  }
}
.visual-types__list-text {
  position: relative;
  padding-bottom: 36px;
}
@media (max-width: 768px) {
  .visual-types__list-text {
    padding-bottom: 0;
  }
}
.visual-types__list-title {
  display: flex;
  max-width: 283px;
  min-height: 56px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3333333333;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .visual-types__list-title {
    min-height: unset;
  }
}
.visual-types__list-descr {
  display: -webkit-box;
  max-height: 115px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 23px;
}
.visual-types__list-descr.collapse {
  display: block;
  max-height: 100%;
}
@media (max-width: 768px) {
  .visual-types__list-descr {
    max-height: 112px;
    padding-top: 20px;
  }
}
.visual-types__list-descr-expand {
  margin-top: 20px;
  color: #fff;
}
.visual-types__title {
  font-size: 50px;
  font-weight: 300;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .visual-types__title {
    font-size: 25px;
    margin-bottom: 33px;
  }
}
.visual-types__descr p {
  margin: 35px 0;
}
.visual-types__descr p:first-child {
  margin-top: 0;
}
.visual-types__descr p:last-child {
  margin-bottom: 0;
}
.visual-types__image {
  position: absolute;
  top: 0;
  right: 0;
  max-width: calc(500px + 590 * ((100vw - 992px) / 928));
}

.services .visual-types__slider-img{
  overflow: visible;
}
@media (max-width: 1199px) {
  .visual-types__image {
    position: static;
    max-width: 100%;
    order: -1;

  }
  .visual-types_dark .visual-types__text {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767.98px) {
  .visual-types__image {
    /*position: absolute;*/
    order: -1;
  }
}
.visual-types__controls {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 1200px) {
  .visual-types__controls {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .visual-types__controls {
    gap: 16px;
  }
  .visual-types__container.vtc2 .visual-types__controls{
    gap: 35px;
  }
}
.visual-types__controls-col {
  display: flex;
  flex-direction: column;
  gap: 41px;
}
.visual-types__controls-col.no-btn {
  justify-content: center;
}
@media (max-width: 1400px) {
  .visual-types__controls-col.no-btn {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .visual-types__controls-col {
    width: 100%;
    gap: 30px;
  }
}
@media (max-width: 768px) {
  .visual-types__controls-col {
    gap: 16px;
  }
  .visual-types__container.vtc2 .visual-types__controls-col {
    gap: 35px;
  }
}
.visual-types__btn {
  flex: 0 0 45px;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .visual-types__btn {
    align-self: center;
    margin-bottom: 0;
  }
}
.visual-types__link {
  display: none;
  background: #272727;
  padding: 28px 42px;
}
.visual-types__link .btn {
  padding-left: 45px;
  padding-right: 45px;
}
.visual-types__controls .visual-types__link {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 123px;
}
@media (max-width: 1200px) {
  .visual-types__controls .visual-types__link {
    display: none;
  }
}
@media (max-width: 1200px) {
  .visual-types__link {
    position: relative;
    z-index: 2;
    top: -2px;
    display: flex;
    justify-content: center;
  }
}
.visual-types__slider-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 768px) {
  .visual-types__slider-actions {
    justify-content: space-between;
    width: 100%;
  }
}
.visual-types__slider-pagination button, .visual-types__slider-navigation button {
  appearance: none;
  border: none;
  box-shadow: none;
  background: transparent;
  transition: 0.2s;
  cursor: pointer;
  color: #000;
}
.visual-types__slider-pagination {
  display: flex;
  gap: 25px;
}
@media (max-width: 768px) {
  .visual-types__slider-pagination {
    gap: 15px;
  }
  .visual-types__slider-pagination {
    display: none;
  }
  .visual-types__slider-navigation {
    margin: 0 auto;
  }
  .services__slider, .services__slider2 {
    width: 100vw;
    position: relative;
    left: -15px;
  }
  .home .visual-types__slide {
    position: relative;
    height: 0;

    padding-top: 80vw;
  }



  .home .visual-types__slide img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
  }
	
	/*04-08-2023*/	
	.visual-types__slide img {
   /*   height: auto;*/
 
    }
	
}











.visual-types__slider-pagination button {
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
}
.visual-types__slider-pagination button.swiper-pagination-bullet-active {
  font-weight: 700;
}
@media (any-hover: hover) {
  .visual-types__slider-pagination button:hover {
    color: #727272;
  }
}
@media (max-width: 768px) {
  .visual-types__slider-pagination button {
    font-size: 16px;
  }
}
.visual-types__slider-navigation {
  display: flex;
  gap: 25px;
}
.visual-types__slider-navigation button {
  font-size: 8px;
  padding: 0;
}
@media (any-hover: hover) {
  .visual-types__slider-btn[class*=prev]:hover {
    translate: -5px;
  }
}
@media (any-hover: hover) {
  .visual-types__slider-btn[class*=next]:hover {
    translate: 5px;
  }
}
.visual-types__slider-img {
  flex: 0 0 830px;
}
.visual-types__slider-img img {
  object-fit: cover;
  height: 600px;
}
@media (max-width: 1200px) {
  .visual-types__slider-img {
    flex-basis: auto;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
  }
  .visual-types__slider-img img {
    height: auto;
  }
}
@media (max-width: 768px) {
  .visual-types__slider-img img {
    aspect-ratio: 10/8;
    height: auto;
    width: auto;
  }
}

.partners {
  background: #f1f1f1;
  padding-bottom: 50px;
  position: relative;
}

#partners-anchor {
  width: 0;
  height: 0;
  position: absolute;
  top: -80px;
}

@media (max-width: 768px) {
  .partners {
    padding: 35px 0 25px;
  }
}
.partners__title {
  margin-bottom: 74px;
}
@media (max-width: 768px) {
  .partners__title {
    margin-bottom: 25px;
  }
}
.partners__slider-btn {
  position: absolute;
  z-index: 50;
  bottom: 0;
  width: 50px;
  height: 50px;
  background: transparent;
  box-shadow: none;
  font-size: 8px;
  transition: 0.2s;
  will-change: transform;
  cursor: pointer;
}
.partners__slider-btn_prev {
  left: calc(50% - 60px);
}
@media (any-hover: hover) {
  .partners__slider-btn_prev:hover {
    translate: -5px;
  }
}
.partners__slider-btn_next {
  right: calc(50% - 60px);
}
@media (any-hover: hover) {
  .partners__slider-btn_next:hover {
    translate: 5px;
  }
}
@media (max-width: 768px) {
  .partners__slider-btn {
    top: auto;
    bottom: 0;
  }
}
.partners__slider-wrapper {
  position: relative;
}

.partners__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: auto;
  user-select: none;
}
.partners__slide img {
  max-width: 260px;
  max-height: 120px;
}
.partners__slider_static .swiper-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}
.preloader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  z-index: 10000;
}
.preloader img{
  width: auto;
  height: auto;
  max-width: 450px;
}
@media (max-width: 480px){
  .preloader img{
    max-width: 50%;
  }
}
.partners__slide img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.partners__slide picture {
  max-width: 100%;
  width: auto;
  height: auto;
}
@media (max-width: 562px) {
  .partners__slide picture {
    max-width: 100px;
    max-height: 70px;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 562px) {
  .partners__slide picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
@media (max-width: 768px) {
  .partners__slide > img {
    max-width: 140px;
    max-height: 73px;
    width: 100%;
  }
}

.page-404 {
  color: #292929;
  text-align: center;
}
.page-404__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-404__title {
  font-size: 38px;
  font-weight: 300;
}
.page-404__title span {
  display: block;
  font-size: 96px;
}
.page-404__descr {
  font-size: 24px;
  margin: 30px 0;
}
.page-404__btn {
  flex: 0 0 45px;
}

.fib, .fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: " ";
}
.fi.fis {
  width: 1em;
}

.im-facebook:before {
  content: "\e901";
}

.im-instagram:before {
  content: "\e902";
}

.im-lens:before {
  content: "\e900";
}

.im-linkedin:before {
  content: "\e903";
}

.im-magnifying-glass:before {
  content: "\e904";
}

.im-phone:before {
  content: "\e905";
}

.im-pinterest:before {
  content: "\e906";
}

.im-place:before {
  content: "\e907";
}

.im-search:before {
  content: "\e908";
}

.im-slider-arrow-left:before {
  content: "\e909";
}

.im-slider-arrow-right:before {
  content: "\e90a";
}

.im-angle-down:before {
  content: "\e90b";
}

.im-angle-up:before {
  content: "\e90c";
}

.im-arrow-left:before {
  content: "\e90d";
}

.im-arrow-right:before {
  content: "\e90e";
}

.im-arrow-right-alt:before {
  content: "\e90f";
}

.im-behance:before {
  content: "\e910";
}

[class^=im-]::before,
[class*=" im-"]::before {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fi-xx {
  background-image: url(assets/img/flags/4x3/xx.svg);
}
.fi-xx.fis {
  background-image: url(assets/img/flags/1x1/xx.svg);
}

.fi-ad {
  background-image: url(assets/img/flags/4x3/ad.svg);
}
.fi-ad.fis {
  background-image: url(assets/img/flags/1x1/ad.svg);
}

.fi-ae {
  background-image: url(assets/img/flags/4x3/ae.svg);
}
.fi-ae.fis {
  background-image: url(assets/img/flags/1x1/ae.svg);
}

.fi-af {
  background-image: url(assets/img/flags/4x3/af.svg);
}
.fi-af.fis {
  background-image: url(assets/img/flags/1x1/af.svg);
}

.fi-ag {
  background-image: url(assets/img/flags/4x3/ag.svg);
}
.fi-ag.fis {
  background-image: url(assets/img/flags/1x1/ag.svg);
}

.fi-ai {
  background-image: url(assets/img/flags/4x3/ai.svg);
}
.fi-ai.fis {
  background-image: url(assets/img/flags/1x1/ai.svg);
}

.fi-al {
  background-image: url(assets/img/flags/4x3/al.svg);
}
.fi-al.fis {
  background-image: url(assets/img/flags/1x1/al.svg);
}

.fi-am {
  background-image: url(assets/img/flags/4x3/am.svg);
}
.fi-am.fis {
  background-image: url(assets/img/flags/1x1/am.svg);
}

.fi-ao {
  background-image: url(assets/img/flags/4x3/ao.svg);
}
.fi-ao.fis {
  background-image: url(assets/img/flags/1x1/ao.svg);
}

.fi-aq {
  background-image: url(assets/img/flags/4x3/aq.svg);
}
.fi-aq.fis {
  background-image: url(assets/img/flags/1x1/aq.svg);
}

.fi-ar {
  background-image: url(assets/img/flags/4x3/ar.svg);
}
.fi-ar.fis {
  background-image: url(assets/img/flags/1x1/ar.svg);
}

.fi-as {
  background-image: url(assets/img/flags/4x3/as.svg);
}
.fi-as.fis {
  background-image: url(assets/img/flags/1x1/as.svg);
}

.fi-at {
  background-image: url(assets/img/flags/4x3/at.svg);
}
.fi-at.fis {
  background-image: url(assets/img/flags/1x1/at.svg);
}

.fi-au {
  background-image: url(assets/img/flags/4x3/au.svg);
}
.fi-au.fis {
  background-image: url(assets/img/flags/1x1/au.svg);
}

.fi-aw {
  background-image: url(assets/img/flags/4x3/aw.svg);
}
.fi-aw.fis {
  background-image: url(assets/img/flags/1x1/aw.svg);
}

.fi-ax {
  background-image: url(assets/img/flags/4x3/ax.svg);
}
.fi-ax.fis {
  background-image: url(assets/img/flags/1x1/ax.svg);
}

.fi-az {
  background-image: url(assets/img/flags/4x3/az.svg);
}
.fi-az.fis {
  background-image: url(assets/img/flags/1x1/az.svg);
}

.fi-ba {
  background-image: url(assets/img/flags/4x3/ba.svg);
}
.fi-ba.fis {
  background-image: url(assets/img/flags/1x1/ba.svg);
}

.fi-bb {
  background-image: url(assets/img/flags/4x3/bb.svg);
}
.fi-bb.fis {
  background-image: url(assets/img/flags/1x1/bb.svg);
}

.fi-bd {
  background-image: url(assets/img/flags/4x3/bd.svg);
}
.fi-bd.fis {
  background-image: url(assets/img/flags/1x1/bd.svg);
}

.fi-be {
  background-image: url(assets/img/flags/4x3/be.svg);
}
.fi-be.fis {
  background-image: url(assets/img/flags/1x1/be.svg);
}

.fi-bf {
  background-image: url(assets/img/flags/4x3/bf.svg);
}
.fi-bf.fis {
  background-image: url(assets/img/flags/1x1/bf.svg);
}

.fi-bg {
  background-image: url(assets/img/flags/4x3/bg.svg);
}
.fi-bg.fis {
  background-image: url(assets/img/flags/1x1/bg.svg);
}

.fi-bh {
  background-image: url(assets/img/flags/4x3/bh.svg);
}
.fi-bh.fis {
  background-image: url(assets/img/flags/1x1/bh.svg);
}

.fi-bi {
  background-image: url(assets/img/flags/4x3/bi.svg);
}
.fi-bi.fis {
  background-image: url(assets/img/flags/1x1/bi.svg);
}

.fi-bj {
  background-image: url(assets/img/flags/4x3/bj.svg);
}
.fi-bj.fis {
  background-image: url(assets/img/flags/1x1/bj.svg);
}

.fi-bl {
  background-image: url(assets/img/flags/4x3/bl.svg);
}
.fi-bl.fis {
  background-image: url(assets/img/flags/1x1/bl.svg);
}

.fi-bm {
  background-image: url(assets/img/flags/4x3/bm.svg);
}
.fi-bm.fis {
  background-image: url(assets/img/flags/1x1/bm.svg);
}

.fi-bn {
  background-image: url(assets/img/flags/4x3/bn.svg);
}
.fi-bn.fis {
  background-image: url(assets/img/flags/1x1/bn.svg);
}

.fi-bo {
  background-image: url(assets/img/flags/4x3/bo.svg);
}
.fi-bo.fis {
  background-image: url(assets/img/flags/1x1/bo.svg);
}

.fi-bq {
  background-image: url(assets/img/flags/4x3/bq.svg);
}
.fi-bq.fis {
  background-image: url(assets/img/flags/1x1/bq.svg);
}

.fi-br {
  background-image: url(assets/img/flags/4x3/br.svg);
}
.fi-br.fis {
  background-image: url(assets/img/flags/1x1/br.svg);
}

.fi-bs {
  background-image: url(assets/img/flags/4x3/bs.svg);
}
.fi-bs.fis {
  background-image: url(assets/img/flags/1x1/bs.svg);
}

.fi-bt {
  background-image: url(assets/img/flags/4x3/bt.svg);
}
.fi-bt.fis {
  background-image: url(assets/img/flags/1x1/bt.svg);
}

.fi-bv {
  background-image: url(assets/img/flags/4x3/bv.svg);
}
.fi-bv.fis {
  background-image: url(assets/img/flags/1x1/bv.svg);
}

.fi-bw {
  background-image: url(assets/img/flags/4x3/bw.svg);
}
.fi-bw.fis {
  background-image: url(assets/img/flags/1x1/bw.svg);
}

.fi-by {
  background-image: url(assets/img/flags/4x3/by.svg);
}
.fi-by.fis {
  background-image: url(assets/img/flags/1x1/by.svg);
}

.fi-bz {
  background-image: url(assets/img/flags/4x3/bz.svg);
}
.fi-bz.fis {
  background-image: url(assets/img/flags/1x1/bz.svg);
}

.fi-ca {
  background-image: url(assets/img/flags/4x3/ca.svg);
}
.fi-ca.fis {
  background-image: url(assets/img/flags/1x1/ca.svg);
}

.fi-cc {
  background-image: url(assets/img/flags/4x3/cc.svg);
}
.fi-cc.fis {
  background-image: url(assets/img/flags/1x1/cc.svg);
}

.fi-cd {
  background-image: url(assets/img/flags/4x3/cd.svg);
}
.fi-cd.fis {
  background-image: url(assets/img/flags/1x1/cd.svg);
}

.fi-cf {
  background-image: url(assets/img/flags/4x3/cf.svg);
}
.fi-cf.fis {
  background-image: url(assets/img/flags/1x1/cf.svg);
}

.fi-cg {
  background-image: url(assets/img/flags/4x3/cg.svg);
}
.fi-cg.fis {
  background-image: url(assets/img/flags/1x1/cg.svg);
}

.fi-ch {
  background-image: url(assets/img/flags/4x3/ch.svg);
}
.fi-ch.fis {
  background-image: url(assets/img/flags/1x1/ch.svg);
}

.fi-ci {
  background-image: url(assets/img/flags/4x3/ci.svg);
}
.fi-ci.fis {
  background-image: url(assets/img/flags/1x1/ci.svg);
}

.fi-ck {
  background-image: url(assets/img/flags/4x3/ck.svg);
}
.fi-ck.fis {
  background-image: url(assets/img/flags/1x1/ck.svg);
}

.fi-cl {
  background-image: url(assets/img/flags/4x3/cl.svg);
}
.fi-cl.fis {
  background-image: url(assets/img/flags/1x1/cl.svg);
}

.fi-cm {
  background-image: url(assets/img/flags/4x3/cm.svg);
}
.fi-cm.fis {
  background-image: url(assets/img/flags/1x1/cm.svg);
}

.fi-cn {
  background-image: url(assets/img/flags/4x3/cn.svg);
}
.fi-cn.fis {
  background-image: url(assets/img/flags/1x1/cn.svg);
}

.fi-co {
  background-image: url(assets/img/flags/4x3/co.svg);
}
.fi-co.fis {
  background-image: url(assets/img/flags/1x1/co.svg);
}

.fi-cr {
  background-image: url(assets/img/flags/4x3/cr.svg);
}
.fi-cr.fis {
  background-image: url(assets/img/flags/1x1/cr.svg);
}

.fi-cu {
  background-image: url(assets/img/flags/4x3/cu.svg);
}
.fi-cu.fis {
  background-image: url(assets/img/flags/1x1/cu.svg);
}

.fi-cv {
  background-image: url(assets/img/flags/4x3/cv.svg);
}
.fi-cv.fis {
  background-image: url(assets/img/flags/1x1/cv.svg);
}

.fi-cw {
  background-image: url(assets/img/flags/4x3/cw.svg);
}
.fi-cw.fis {
  background-image: url(assets/img/flags/1x1/cw.svg);
}

.fi-cx {
  background-image: url(assets/img/flags/4x3/cx.svg);
}
.fi-cx.fis {
  background-image: url(assets/img/flags/1x1/cx.svg);
}

.fi-cy {
  background-image: url(assets/img/flags/4x3/cy.svg);
}
.fi-cy.fis {
  background-image: url(assets/img/flags/1x1/cy.svg);
}

.fi-cz {
  background-image: url(assets/img/flags/4x3/cz.svg);
}
.fi-cz.fis {
  background-image: url(assets/img/flags/1x1/cz.svg);
}

.fi-de {
  background-image: url(assets/img/flags/4x3/de.svg);
}
.fi-de.fis {
  background-image: url(assets/img/flags/1x1/de.svg);
}

.fi-dj {
  background-image: url(assets/img/flags/4x3/dj.svg);
}
.fi-dj.fis {
  background-image: url(assets/img/flags/1x1/dj.svg);
}

.fi-dk {
  background-image: url(assets/img/flags/4x3/dk.svg);
}
.fi-dk.fis {
  background-image: url(assets/img/flags/1x1/dk.svg);
}

.fi-dm {
  background-image: url(assets/img/flags/4x3/dm.svg);
}
.fi-dm.fis {
  background-image: url(assets/img/flags/1x1/dm.svg);
}

.fi-do {
  background-image: url(assets/img/flags/4x3/do.svg);
}
.fi-do.fis {
  background-image: url(assets/img/flags/1x1/do.svg);
}

.fi-dz {
  background-image: url(assets/img/flags/4x3/dz.svg);
}
.fi-dz.fis {
  background-image: url(assets/img/flags/1x1/dz.svg);
}

.fi-ec {
  background-image: url(assets/img/flags/4x3/ec.svg);
}
.fi-ec.fis {
  background-image: url(assets/img/flags/1x1/ec.svg);
}

.fi-ee {
  background-image: url(assets/img/flags/4x3/ee.svg);
}
.fi-ee.fis {
  background-image: url(assets/img/flags/1x1/ee.svg);
}

.fi-eg {
  background-image: url(assets/img/flags/4x3/eg.svg);
}
.fi-eg.fis {
  background-image: url(assets/img/flags/1x1/eg.svg);
}

.fi-eh {
  background-image: url(assets/img/flags/4x3/eh.svg);
}
.fi-eh.fis {
  background-image: url(assets/img/flags/1x1/eh.svg);
}

.fi-er {
  background-image: url(assets/img/flags/4x3/er.svg);
}
.fi-er.fis {
  background-image: url(assets/img/flags/1x1/er.svg);
}

.fi-es {
  background-image: url(assets/img/flags/4x3/es.svg);
}
.fi-es.fis {
  background-image: url(assets/img/flags/1x1/es.svg);
}

.fi-et {
  background-image: url(assets/img/flags/4x3/et.svg);
}
.fi-et.fis {
  background-image: url(assets/img/flags/1x1/et.svg);
}

.fi-fi {
  background-image: url(assets/img/flags/4x3/fi.svg);
}
.fi-fi.fis {
  background-image: url(assets/img/flags/1x1/fi.svg);
}

.fi-fj {
  background-image: url(assets/img/flags/4x3/fj.svg);
}
.fi-fj.fis {
  background-image: url(assets/img/flags/1x1/fj.svg);
}

.fi-fk {
  background-image: url(assets/img/flags/4x3/fk.svg);
}
.fi-fk.fis {
  background-image: url(assets/img/flags/1x1/fk.svg);
}

.fi-fm {
  background-image: url(assets/img/flags/4x3/fm.svg);
}
.fi-fm.fis {
  background-image: url(assets/img/flags/1x1/fm.svg);
}

.fi-fo {
  background-image: url(assets/img/flags/4x3/fo.svg);
}
.fi-fo.fis {
  background-image: url(assets/img/flags/1x1/fo.svg);
}

.fi-fr {
  background-image: url(assets/img/flags/4x3/fr.svg);
}
.fi-fr.fis {
  background-image: url(assets/img/flags/1x1/fr.svg);
}

.fi-ga {
  background-image: url(assets/img/flags/4x3/ga.svg);
}
.fi-ga.fis {
  background-image: url(assets/img/flags/1x1/ga.svg);
}

.fi-gb {
  background-image: url(assets/img/flags/4x3/gb.svg);
}
.fi-gb.fis {
  background-image: url(assets/img/flags/1x1/gb.svg);
}

.fi-gd {
  background-image: url(assets/img/flags/4x3/gd.svg);
}
.fi-gd.fis {
  background-image: url(assets/img/flags/1x1/gd.svg);
}

.fi-ge {
  background-image: url(assets/img/flags/4x3/ge.svg);
}
.fi-ge.fis {
  background-image: url(assets/img/flags/1x1/ge.svg);
}

.fi-gf {
  background-image: url(assets/img/flags/4x3/gf.svg);
}
.fi-gf.fis {
  background-image: url(assets/img/flags/1x1/gf.svg);
}

.fi-gg {
  background-image: url(assets/img/flags/4x3/gg.svg);
}
.fi-gg.fis {
  background-image: url(assets/img/flags/1x1/gg.svg);
}

.fi-gh {
  background-image: url(assets/img/flags/4x3/gh.svg);
}
.fi-gh.fis {
  background-image: url(assets/img/flags/1x1/gh.svg);
}

.fi-gi {
  background-image: url(assets/img/flags/4x3/gi.svg);
}
.fi-gi.fis {
  background-image: url(assets/img/flags/1x1/gi.svg);
}

.fi-gl {
  background-image: url(assets/img/flags/4x3/gl.svg);
}
.fi-gl.fis {
  background-image: url(assets/img/flags/1x1/gl.svg);
}

.fi-gm {
  background-image: url(assets/img/flags/4x3/gm.svg);
}
.fi-gm.fis {
  background-image: url(assets/img/flags/1x1/gm.svg);
}

.fi-gn {
  background-image: url(assets/img/flags/4x3/gn.svg);
}
.fi-gn.fis {
  background-image: url(assets/img/flags/1x1/gn.svg);
}

.fi-gp {
  background-image: url(assets/img/flags/4x3/gp.svg);
}
.fi-gp.fis {
  background-image: url(assets/img/flags/1x1/gp.svg);
}

.fi-gq {
  background-image: url(assets/img/flags/4x3/gq.svg);
}
.fi-gq.fis {
  background-image: url(assets/img/flags/1x1/gq.svg);
}

.fi-gr {
  background-image: url(assets/img/flags/4x3/gr.svg);
}
.fi-gr.fis {
  background-image: url(assets/img/flags/1x1/gr.svg);
}

.fi-gs {
  background-image: url(assets/img/flags/4x3/gs.svg);
}
.fi-gs.fis {
  background-image: url(assets/img/flags/1x1/gs.svg);
}

.fi-gt {
  background-image: url(assets/img/flags/4x3/gt.svg);
}
.fi-gt.fis {
  background-image: url(assets/img/flags/1x1/gt.svg);
}

.fi-gu {
  background-image: url(assets/img/flags/4x3/gu.svg);
}
.fi-gu.fis {
  background-image: url(assets/img/flags/1x1/gu.svg);
}

.fi-gw {
  background-image: url(assets/img/flags/4x3/gw.svg);
}
.fi-gw.fis {
  background-image: url(assets/img/flags/1x1/gw.svg);
}

.fi-gy {
  background-image: url(assets/img/flags/4x3/gy.svg);
}
.fi-gy.fis {
  background-image: url(assets/img/flags/1x1/gy.svg);
}

.fi-hk {
  background-image: url(assets/img/flags/4x3/hk.svg);
}
.fi-hk.fis {
  background-image: url(assets/img/flags/1x1/hk.svg);
}

.fi-hm {
  background-image: url(assets/img/flags/4x3/hm.svg);
}
.fi-hm.fis {
  background-image: url(assets/img/flags/1x1/hm.svg);
}

.fi-hn {
  background-image: url(assets/img/flags/4x3/hn.svg);
}
.fi-hn.fis {
  background-image: url(assets/img/flags/1x1/hn.svg);
}

.fi-hr {
  background-image: url(assets/img/flags/4x3/hr.svg);
}
.fi-hr.fis {
  background-image: url(assets/img/flags/1x1/hr.svg);
}

.fi-ht {
  background-image: url(assets/img/flags/4x3/ht.svg);
}
.fi-ht.fis {
  background-image: url(assets/img/flags/1x1/ht.svg);
}

.fi-hu {
  background-image: url(assets/img/flags/4x3/hu.svg);
}
.fi-hu.fis {
  background-image: url(assets/img/flags/1x1/hu.svg);
}

.fi-id {
  background-image: url(assets/img/flags/4x3/id.svg);
}
.fi-id.fis {
  background-image: url(assets/img/flags/1x1/id.svg);
}

.fi-ie {
  background-image: url(assets/img/flags/4x3/ie.svg);
}
.fi-ie.fis {
  background-image: url(assets/img/flags/1x1/ie.svg);
}

.fi-il {
  background-image: url(assets/img/flags/4x3/il.svg);
}
.fi-il.fis {
  background-image: url(assets/img/flags/1x1/il.svg);
}

.fi-im {
  background-image: url(assets/img/flags/4x3/im.svg);
}
.fi-im.fis {
  background-image: url(assets/img/flags/1x1/im.svg);
}

.fi-in {
  background-image: url(assets/img/flags/4x3/in.svg);
}
.fi-in.fis {
  background-image: url(assets/img/flags/1x1/in.svg);
}

.fi-io {
  background-image: url(assets/img/flags/4x3/io.svg);
}
.fi-io.fis {
  background-image: url(assets/img/flags/1x1/io.svg);
}

.fi-iq {
  background-image: url(assets/img/flags/4x3/iq.svg);
}
.fi-iq.fis {
  background-image: url(assets/img/flags/1x1/iq.svg);
}

.fi-ir {
  background-image: url(assets/img/flags/4x3/ir.svg);
}
.fi-ir.fis {
  background-image: url(assets/img/flags/1x1/ir.svg);
}

.fi-is {
  background-image: url(assets/img/flags/4x3/is.svg);
}
.fi-is.fis {
  background-image: url(assets/img/flags/1x1/is.svg);
}

.fi-it {
  background-image: url(assets/img/flags/4x3/it.svg);
}
.fi-it.fis {
  background-image: url(assets/img/flags/1x1/it.svg);
}

.fi-je {
  background-image: url(assets/img/flags/4x3/je.svg);
}
.fi-je.fis {
  background-image: url(assets/img/flags/1x1/je.svg);
}

.fi-jm {
  background-image: url(assets/img/flags/4x3/jm.svg);
}
.fi-jm.fis {
  background-image: url(assets/img/flags/1x1/jm.svg);
}

.fi-jo {
  background-image: url(assets/img/flags/4x3/jo.svg);
}
.fi-jo.fis {
  background-image: url(assets/img/flags/1x1/jo.svg);
}

.fi-jp {
  background-image: url(assets/img/flags/4x3/jp.svg);
}
.fi-jp.fis {
  background-image: url(assets/img/flags/1x1/jp.svg);
}

.fi-ke {
  background-image: url(assets/img/flags/4x3/ke.svg);
}
.fi-ke.fis {
  background-image: url(assets/img/flags/1x1/ke.svg);
}

.fi-kg {
  background-image: url(assets/img/flags/4x3/kg.svg);
}
.fi-kg.fis {
  background-image: url(assets/img/flags/1x1/kg.svg);
}

.fi-kh {
  background-image: url(assets/img/flags/4x3/kh.svg);
}
.fi-kh.fis {
  background-image: url(assets/img/flags/1x1/kh.svg);
}

.fi-ki {
  background-image: url(assets/img/flags/4x3/ki.svg);
}
.fi-ki.fis {
  background-image: url(assets/img/flags/1x1/ki.svg);
}

.fi-km {
  background-image: url(assets/img/flags/4x3/km.svg);
}
.fi-km.fis {
  background-image: url(assets/img/flags/1x1/km.svg);
}

.fi-kn {
  background-image: url(assets/img/flags/4x3/kn.svg);
}
.fi-kn.fis {
  background-image: url(assets/img/flags/1x1/kn.svg);
}

.fi-kp {
  background-image: url(assets/img/flags/4x3/kp.svg);
}
.fi-kp.fis {
  background-image: url(assets/img/flags/1x1/kp.svg);
}

.fi-kr {
  background-image: url(assets/img/flags/4x3/kr.svg);
}
.fi-kr.fis {
  background-image: url(assets/img/flags/1x1/kr.svg);
}

.fi-kw {
  background-image: url(assets/img/flags/4x3/kw.svg);
}
.fi-kw.fis {
  background-image: url(assets/img/flags/1x1/kw.svg);
}

.fi-ky {
  background-image: url(assets/img/flags/4x3/ky.svg);
}
.fi-ky.fis {
  background-image: url(assets/img/flags/1x1/ky.svg);
}

.fi-kz {
  background-image: url(assets/img/flags/4x3/kz.svg);
}
.fi-kz.fis {
  background-image: url(assets/img/flags/1x1/kz.svg);
}

.fi-la {
  background-image: url(assets/img/flags/4x3/la.svg);
}
.fi-la.fis {
  background-image: url(assets/img/flags/1x1/la.svg);
}

.fi-lb {
  background-image: url(assets/img/flags/4x3/lb.svg);
}
.fi-lb.fis {
  background-image: url(assets/img/flags/1x1/lb.svg);
}

.fi-lc {
  background-image: url(assets/img/flags/4x3/lc.svg);
}
.fi-lc.fis {
  background-image: url(assets/img/flags/1x1/lc.svg);
}

.fi-li {
  background-image: url(assets/img/flags/4x3/li.svg);
}
.fi-li.fis {
  background-image: url(assets/img/flags/1x1/li.svg);
}

.fi-lk {
  background-image: url(assets/img/flags/4x3/lk.svg);
}
.fi-lk.fis {
  background-image: url(assets/img/flags/1x1/lk.svg);
}

.fi-lr {
  background-image: url(assets/img/flags/4x3/lr.svg);
}
.fi-lr.fis {
  background-image: url(assets/img/flags/1x1/lr.svg);
}

.fi-ls {
  background-image: url(assets/img/flags/4x3/ls.svg);
}
.fi-ls.fis {
  background-image: url(assets/img/flags/1x1/ls.svg);
}

.fi-lt {
  background-image: url(assets/img/flags/4x3/lt.svg);
}
.fi-lt.fis {
  background-image: url(assets/img/flags/1x1/lt.svg);
}

.fi-lu {
  background-image: url(assets/img/flags/4x3/lu.svg);
}
.fi-lu.fis {
  background-image: url(assets/img/flags/1x1/lu.svg);
}

.fi-lv {
  background-image: url(assets/img/flags/4x3/lv.svg);
}
.fi-lv.fis {
  background-image: url(assets/img/flags/1x1/lv.svg);
}

.fi-ly {
  background-image: url(assets/img/flags/4x3/ly.svg);
}
.fi-ly.fis {
  background-image: url(assets/img/flags/1x1/ly.svg);
}

.fi-ma {
  background-image: url(assets/img/flags/4x3/ma.svg);
}
.fi-ma.fis {
  background-image: url(assets/img/flags/1x1/ma.svg);
}

.fi-mc {
  background-image: url(assets/img/flags/4x3/mc.svg);
}
.fi-mc.fis {
  background-image: url(assets/img/flags/1x1/mc.svg);
}

.fi-md {
  background-image: url(assets/img/flags/4x3/md.svg);
}
.fi-md.fis {
  background-image: url(assets/img/flags/1x1/md.svg);
}

.fi-me {
  background-image: url(assets/img/flags/4x3/me.svg);
}
.fi-me.fis {
  background-image: url(assets/img/flags/1x1/me.svg);
}

.fi-mf {
  background-image: url(assets/img/flags/4x3/mf.svg);
}
.fi-mf.fis {
  background-image: url(assets/img/flags/1x1/mf.svg);
}

.fi-mg {
  background-image: url(assets/img/flags/4x3/mg.svg);
}
.fi-mg.fis {
  background-image: url(assets/img/flags/1x1/mg.svg);
}

.fi-mh {
  background-image: url(assets/img/flags/4x3/mh.svg);
}
.fi-mh.fis {
  background-image: url(assets/img/flags/1x1/mh.svg);
}

.fi-mk {
  background-image: url(assets/img/flags/4x3/mk.svg);
}
.fi-mk.fis {
  background-image: url(assets/img/flags/1x1/mk.svg);
}

.fi-ml {
  background-image: url(assets/img/flags/4x3/ml.svg);
}
.fi-ml.fis {
  background-image: url(assets/img/flags/1x1/ml.svg);
}

.fi-mm {
  background-image: url(assets/img/flags/4x3/mm.svg);
}
.fi-mm.fis {
  background-image: url(assets/img/flags/1x1/mm.svg);
}

.fi-mn {
  background-image: url(assets/img/flags/4x3/mn.svg);
}
.fi-mn.fis {
  background-image: url(assets/img/flags/1x1/mn.svg);
}

.fi-mo {
  background-image: url(assets/img/flags/4x3/mo.svg);
}
.fi-mo.fis {
  background-image: url(assets/img/flags/1x1/mo.svg);
}

.fi-mp {
  background-image: url(assets/img/flags/4x3/mp.svg);
}
.fi-mp.fis {
  background-image: url(assets/img/flags/1x1/mp.svg);
}

.fi-mq {
  background-image: url(assets/img/flags/4x3/mq.svg);
}
.fi-mq.fis {
  background-image: url(assets/img/flags/1x1/mq.svg);
}

.fi-mr {
  background-image: url(assets/img/flags/4x3/mr.svg);
}
.fi-mr.fis {
  background-image: url(assets/img/flags/1x1/mr.svg);
}

.fi-ms {
  background-image: url(assets/img/flags/4x3/ms.svg);
}
.fi-ms.fis {
  background-image: url(assets/img/flags/1x1/ms.svg);
}

.fi-mt {
  background-image: url(assets/img/flags/4x3/mt.svg);
}
.fi-mt.fis {
  background-image: url(assets/img/flags/1x1/mt.svg);
}

.fi-mu {
  background-image: url(assets/img/flags/4x3/mu.svg);
}
.fi-mu.fis {
  background-image: url(assets/img/flags/1x1/mu.svg);
}

.fi-mv {
  background-image: url(assets/img/flags/4x3/mv.svg);
}
.fi-mv.fis {
  background-image: url(assets/img/flags/1x1/mv.svg);
}

.fi-mw {
  background-image: url(assets/img/flags/4x3/mw.svg);
}
.fi-mw.fis {
  background-image: url(assets/img/flags/1x1/mw.svg);
}

.fi-mx {
  background-image: url(assets/img/flags/4x3/mx.svg);
}
.fi-mx.fis {
  background-image: url(assets/img/flags/1x1/mx.svg);
}

.fi-my {
  background-image: url(assets/img/flags/4x3/my.svg);
}
.fi-my.fis {
  background-image: url(assets/img/flags/1x1/my.svg);
}

.fi-mz {
  background-image: url(assets/img/flags/4x3/mz.svg);
}
.fi-mz.fis {
  background-image: url(assets/img/flags/1x1/mz.svg);
}

.fi-na {
  background-image: url(assets/img/flags/4x3/na.svg);
}
.fi-na.fis {
  background-image: url(assets/img/flags/1x1/na.svg);
}

.fi-nc {
  background-image: url(assets/img/flags/4x3/nc.svg);
}
.fi-nc.fis {
  background-image: url(assets/img/flags/1x1/nc.svg);
}

.fi-ne {
  background-image: url(assets/img/flags/4x3/ne.svg);
}
.fi-ne.fis {
  background-image: url(assets/img/flags/1x1/ne.svg);
}

.fi-nf {
  background-image: url(assets/img/flags/4x3/nf.svg);
}
.fi-nf.fis {
  background-image: url(assets/img/flags/1x1/nf.svg);
}

.fi-ng {
  background-image: url(assets/img/flags/4x3/ng.svg);
}
.fi-ng.fis {
  background-image: url(assets/img/flags/1x1/ng.svg);
}

.fi-ni {
  background-image: url(assets/img/flags/4x3/ni.svg);
}
.fi-ni.fis {
  background-image: url(assets/img/flags/1x1/ni.svg);
}

.fi-nl {
  background-image: url(assets/img/flags/4x3/nl.svg);
}
.fi-nl.fis {
  background-image: url(assets/img/flags/1x1/nl.svg);
}

.fi-no {
  background-image: url(assets/img/flags/4x3/no.svg);
}
.fi-no.fis {
  background-image: url(assets/img/flags/1x1/no.svg);
}

.fi-np {
  background-image: url(assets/img/flags/4x3/np.svg);
}
.fi-np.fis {
  background-image: url(assets/img/flags/1x1/np.svg);
}

.fi-nr {
  background-image: url(assets/img/flags/4x3/nr.svg);
}
.fi-nr.fis {
  background-image: url(assets/img/flags/1x1/nr.svg);
}

.fi-nu {
  background-image: url(assets/img/flags/4x3/nu.svg);
}
.fi-nu.fis {
  background-image: url(assets/img/flags/1x1/nu.svg);
}

.fi-nz {
  background-image: url(assets/img/flags/4x3/nz.svg);
}
.fi-nz.fis {
  background-image: url(assets/img/flags/1x1/nz.svg);
}

.fi-om {
  background-image: url(assets/img/flags/4x3/om.svg);
}
.fi-om.fis {
  background-image: url(assets/img/flags/1x1/om.svg);
}

.fi-pa {
  background-image: url(assets/img/flags/4x3/pa.svg);
}
.fi-pa.fis {
  background-image: url(assets/img/flags/1x1/pa.svg);
}

.fi-pe {
  background-image: url(assets/img/flags/4x3/pe.svg);
}
.fi-pe.fis {
  background-image: url(assets/img/flags/1x1/pe.svg);
}

.fi-pf {
  background-image: url(assets/img/flags/4x3/pf.svg);
}
.fi-pf.fis {
  background-image: url(assets/img/flags/1x1/pf.svg);
}

.fi-pg {
  background-image: url(assets/img/flags/4x3/pg.svg);
}
.fi-pg.fis {
  background-image: url(assets/img/flags/1x1/pg.svg);
}

.fi-ph {
  background-image: url(assets/img/flags/4x3/ph.svg);
}
.fi-ph.fis {
  background-image: url(assets/img/flags/1x1/ph.svg);
}

.fi-pk {
  background-image: url(assets/img/flags/4x3/pk.svg);
}
.fi-pk.fis {
  background-image: url(assets/img/flags/1x1/pk.svg);
}

.fi-pl {
  background-image: url(assets/img/flags/4x3/pl.svg);
}
.fi-pl.fis {
  background-image: url(assets/img/flags/1x1/pl.svg);
}

.fi-pm {
  background-image: url(assets/img/flags/4x3/pm.svg);
}
.fi-pm.fis {
  background-image: url(assets/img/flags/1x1/pm.svg);
}

.fi-pn {
  background-image: url(assets/img/flags/4x3/pn.svg);
}
.fi-pn.fis {
  background-image: url(assets/img/flags/1x1/pn.svg);
}

.fi-pr {
  background-image: url(assets/img/flags/4x3/pr.svg);
}
.fi-pr.fis {
  background-image: url(assets/img/flags/1x1/pr.svg);
}

.fi-ps {
  background-image: url(assets/img/flags/4x3/ps.svg);
}
.fi-ps.fis {
  background-image: url(assets/img/flags/1x1/ps.svg);
}

.fi-pt {
  background-image: url(assets/img/flags/4x3/pt.svg);
}
.fi-pt.fis {
  background-image: url(assets/img/flags/1x1/pt.svg);
}

.fi-pw {
  background-image: url(assets/img/flags/4x3/pw.svg);
}
.fi-pw.fis {
  background-image: url(assets/img/flags/1x1/pw.svg);
}

.fi-py {
  background-image: url(assets/img/flags/4x3/py.svg);
}
.fi-py.fis {
  background-image: url(assets/img/flags/1x1/py.svg);
}

.fi-qa {
  background-image: url(assets/img/flags/4x3/qa.svg);
}
.fi-qa.fis {
  background-image: url(assets/img/flags/1x1/qa.svg);
}

.fi-re {
  background-image: url(assets/img/flags/4x3/re.svg);
}
.fi-re.fis {
  background-image: url(assets/img/flags/1x1/re.svg);
}

.fi-ro {
  background-image: url(assets/img/flags/4x3/ro.svg);
}
.fi-ro.fis {
  background-image: url(assets/img/flags/1x1/ro.svg);
}

.fi-rs {
  background-image: url(assets/img/flags/4x3/rs.svg);
}
.fi-rs.fis {
  background-image: url(assets/img/flags/1x1/rs.svg);
}

.fi-ru {
  background-image: url(assets/img/flags/4x3/ru.svg);
}
.fi-ru.fis {
  background-image: url(assets/img/flags/1x1/ru.svg);
}

.fi-rw {
  background-image: url(assets/img/flags/4x3/rw.svg);
}
.fi-rw.fis {
  background-image: url(assets/img/flags/1x1/rw.svg);
}

.fi-sa {
  background-image: url(assets/img/flags/4x3/sa.svg);
}
.fi-sa.fis {
  background-image: url(assets/img/flags/1x1/sa.svg);
}

.fi-sb {
  background-image: url(assets/img/flags/4x3/sb.svg);
}
.fi-sb.fis {
  background-image: url(assets/img/flags/1x1/sb.svg);
}

.fi-sc {
  background-image: url(assets/img/flags/4x3/sc.svg);
}
.fi-sc.fis {
  background-image: url(assets/img/flags/1x1/sc.svg);
}

.fi-sd {
  background-image: url(assets/img/flags/4x3/sd.svg);
}
.fi-sd.fis {
  background-image: url(assets/img/flags/1x1/sd.svg);
}

.fi-se {
  background-image: url(assets/img/flags/4x3/se.svg);
}
.fi-se.fis {
  background-image: url(assets/img/flags/1x1/se.svg);
}

.fi-sg {
  background-image: url(assets/img/flags/4x3/sg.svg);
}
.fi-sg.fis {
  background-image: url(assets/img/flags/1x1/sg.svg);
}

.fi-sh {
  background-image: url(assets/img/flags/4x3/sh.svg);
}
.fi-sh.fis {
  background-image: url(assets/img/flags/1x1/sh.svg);
}

.fi-si {
  background-image: url(assets/img/flags/4x3/si.svg);
}
.fi-si.fis {
  background-image: url(assets/img/flags/1x1/si.svg);
}

.fi-sj {
  background-image: url(assets/img/flags/4x3/sj.svg);
}
.fi-sj.fis {
  background-image: url(assets/img/flags/1x1/sj.svg);
}

.fi-sk {
  background-image: url(assets/img/flags/4x3/sk.svg);
}
.fi-sk.fis {
  background-image: url(assets/img/flags/1x1/sk.svg);
}

.fi-sl {
  background-image: url(assets/img/flags/4x3/sl.svg);
}
.fi-sl.fis {
  background-image: url(assets/img/flags/1x1/sl.svg);
}

.fi-sm {
  background-image: url(assets/img/flags/4x3/sm.svg);
}
.fi-sm.fis {
  background-image: url(assets/img/flags/1x1/sm.svg);
}

.fi-sn {
  background-image: url(assets/img/flags/4x3/sn.svg);
}
.fi-sn.fis {
  background-image: url(assets/img/flags/1x1/sn.svg);
}

.fi-so {
  background-image: url(assets/img/flags/4x3/so.svg);
}
.fi-so.fis {
  background-image: url(assets/img/flags/1x1/so.svg);
}

.fi-sr {
  background-image: url(assets/img/flags/4x3/sr.svg);
}
.fi-sr.fis {
  background-image: url(assets/img/flags/1x1/sr.svg);
}

.fi-ss {
  background-image: url(assets/img/flags/4x3/ss.svg);
}
.fi-ss.fis {
  background-image: url(assets/img/flags/1x1/ss.svg);
}

.fi-st {
  background-image: url(assets/img/flags/4x3/st.svg);
}
.fi-st.fis {
  background-image: url(assets/img/flags/1x1/st.svg);
}

.fi-sv {
  background-image: url(assets/img/flags/4x3/sv.svg);
}
.fi-sv.fis {
  background-image: url(assets/img/flags/1x1/sv.svg);
}

.fi-sx {
  background-image: url(assets/img/flags/4x3/sx.svg);
}
.fi-sx.fis {
  background-image: url(assets/img/flags/1x1/sx.svg);
}

.fi-sy {
  background-image: url(assets/img/flags/4x3/sy.svg);
}
.fi-sy.fis {
  background-image: url(assets/img/flags/1x1/sy.svg);
}

.fi-sz {
  background-image: url(assets/img/flags/4x3/sz.svg);
}
.fi-sz.fis {
  background-image: url(assets/img/flags/1x1/sz.svg);
}

.fi-tc {
  background-image: url(assets/img/flags/4x3/tc.svg);
}
.fi-tc.fis {
  background-image: url(assets/img/flags/1x1/tc.svg);
}

.fi-td {
  background-image: url(assets/img/flags/4x3/td.svg);
}
.fi-td.fis {
  background-image: url(assets/img/flags/1x1/td.svg);
}

.fi-tf {
  background-image: url(assets/img/flags/4x3/tf.svg);
}
.fi-tf.fis {
  background-image: url(assets/img/flags/1x1/tf.svg);
}

.fi-tg {
  background-image: url(assets/img/flags/4x3/tg.svg);
}
.fi-tg.fis {
  background-image: url(assets/img/flags/1x1/tg.svg);
}

.fi-th {
  background-image: url(assets/img/flags/4x3/th.svg);
}
.fi-th.fis {
  background-image: url(assets/img/flags/1x1/th.svg);
}

.fi-tj {
  background-image: url(assets/img/flags/4x3/tj.svg);
}
.fi-tj.fis {
  background-image: url(assets/img/flags/1x1/tj.svg);
}

.fi-tk {
  background-image: url(assets/img/flags/4x3/tk.svg);
}
.fi-tk.fis {
  background-image: url(assets/img/flags/1x1/tk.svg);
}

.fi-tl {
  background-image: url(assets/img/flags/4x3/tl.svg);
}
.fi-tl.fis {
  background-image: url(assets/img/flags/1x1/tl.svg);
}

.fi-tm {
  background-image: url(assets/img/flags/4x3/tm.svg);
}
.fi-tm.fis {
  background-image: url(assets/img/flags/1x1/tm.svg);
}

.fi-tn {
  background-image: url(assets/img/flags/4x3/tn.svg);
}
.fi-tn.fis {
  background-image: url(assets/img/flags/1x1/tn.svg);
}

.fi-to {
  background-image: url(assets/img/flags/4x3/to.svg);
}
.fi-to.fis {
  background-image: url(assets/img/flags/1x1/to.svg);
}

.fi-tr {
  background-image: url(assets/img/flags/4x3/tr.svg);
}
.fi-tr.fis {
  background-image: url(assets/img/flags/1x1/tr.svg);
}

.fi-tt {
  background-image: url(assets/img/flags/4x3/tt.svg);
}
.fi-tt.fis {
  background-image: url(assets/img/flags/1x1/tt.svg);
}

.fi-tv {
  background-image: url(assets/img/flags/4x3/tv.svg);
}
.fi-tv.fis {
  background-image: url(assets/img/flags/1x1/tv.svg);
}

.fi-tw {
  background-image: url(assets/img/flags/4x3/tw.svg);
}
.fi-tw.fis {
  background-image: url(assets/img/flags/1x1/tw.svg);
}

.fi-tz {
  background-image: url(assets/img/flags/4x3/tz.svg);
}
.fi-tz.fis {
  background-image: url(assets/img/flags/1x1/tz.svg);
}

.fi-ua {
  background-image: url(assets/img/flags/4x3/ua.svg);
}
.fi-ua.fis {
  background-image: url(assets/img/flags/1x1/ua.svg);
}

.fi-ug {
  background-image: url(assets/img/flags/4x3/ug.svg);
}
.fi-ug.fis {
  background-image: url(assets/img/flags/1x1/ug.svg);
}

.fi-um {
  background-image: url(assets/img/flags/4x3/um.svg);
}
.fi-um.fis {
  background-image: url(assets/img/flags/1x1/um.svg);
}

.fi-us {
  background-image: url(assets/img/flags/4x3/us.svg);
}
.fi-us.fis {
  background-image: url(assets/img/flags/1x1/us.svg);
}

.fi-uy {
  background-image: url(assets/img/flags/4x3/uy.svg);
}
.fi-uy.fis {
  background-image: url(assets/img/flags/1x1/uy.svg);
}

.fi-uz {
  background-image: url(assets/img/flags/4x3/uz.svg);
}
.fi-uz.fis {
  background-image: url(assets/img/flags/1x1/uz.svg);
}

.fi-va {
  background-image: url(assets/img/flags/4x3/va.svg);
}
.fi-va.fis {
  background-image: url(assets/img/flags/1x1/va.svg);
}

.fi-vc {
  background-image: url(assets/img/flags/4x3/vc.svg);
}
.fi-vc.fis {
  background-image: url(assets/img/flags/1x1/vc.svg);
}

.fi-ve {
  background-image: url(assets/img/flags/4x3/ve.svg);
}
.fi-ve.fis {
  background-image: url(assets/img/flags/1x1/ve.svg);
}

.fi-vg {
  background-image: url(assets/img/flags/4x3/vg.svg);
}
.fi-vg.fis {
  background-image: url(assets/img/flags/1x1/vg.svg);
}

.fi-vi {
  background-image: url(assets/img/flags/4x3/vi.svg);
}
.fi-vi.fis {
  background-image: url(assets/img/flags/1x1/vi.svg);
}

.fi-vn {
  background-image: url(assets/img/flags/4x3/vn.svg);
}
.fi-vn.fis {
  background-image: url(assets/img/flags/1x1/vn.svg);
}

.fi-vu {
  background-image: url(assets/img/flags/4x3/vu.svg);
}
.fi-vu.fis {
  background-image: url(assets/img/flags/1x1/vu.svg);
}

.fi-wf {
  background-image: url(assets/img/flags/4x3/wf.svg);
}
.fi-wf.fis {
  background-image: url(assets/img/flags/1x1/wf.svg);
}

.fi-ws {
  background-image: url(assets/img/flags/4x3/ws.svg);
}
.fi-ws.fis {
  background-image: url(assets/img/flags/1x1/ws.svg);
}

.fi-ye {
  background-image: url(assets/img/flags/4x3/ye.svg);
}
.fi-ye.fis {
  background-image: url(assets/img/flags/1x1/ye.svg);
}

.fi-yt {
  background-image: url(assets/img/flags/4x3/yt.svg);
}
.fi-yt.fis {
  background-image: url(assets/img/flags/1x1/yt.svg);
}

.fi-za {
  background-image: url(assets/img/flags/4x3/za.svg);
}
.fi-za.fis {
  background-image: url(assets/img/flags/1x1/za.svg);
}

.fi-zm {
  background-image: url(assets/img/flags/4x3/zm.svg);
}
.fi-zm.fis {
  background-image: url(assets/img/flags/1x1/zm.svg);
}

.fi-zw {
  background-image: url(assets/img/flags/4x3/zw.svg);
}
.fi-zw.fis {
  background-image: url(assets/img/flags/1x1/zw.svg);
}

.fi-ac {
  background-image: url(assets/img/flags/4x3/ac.svg);
}
.fi-ac.fis {
  background-image: url(assets/img/flags/1x1/ac.svg);
}

.fi-cp {
  background-image: url(assets/img/flags/4x3/cp.svg);
}
.fi-cp.fis {
  background-image: url(assets/img/flags/1x1/cp.svg);
}

.fi-dg {
  background-image: url(assets/img/flags/4x3/dg.svg);
}
.fi-dg.fis {
  background-image: url(assets/img/flags/1x1/dg.svg);
}

.fi-ea {
  background-image: url(assets/img/flags/4x3/ea.svg);
}
.fi-ea.fis {
  background-image: url(assets/img/flags/1x1/ea.svg);
}

.fi-es-ct {
  background-image: url(assets/img/flags/4x3/es-ct.svg);
}
.fi-es-ct.fis {
  background-image: url(assets/img/flags/1x1/es-ct.svg);
}

.fi-es-ga {
  background-image: url(assets/img/flags/4x3/es-ga.svg);
}
.fi-es-ga.fis {
  background-image: url(assets/img/flags/1x1/es-ga.svg);
}

.fi-eu {
  background-image: url(assets/img/flags/4x3/eu.svg);
}
.fi-eu.fis {
  background-image: url(assets/img/flags/1x1/eu.svg);
}

.fi-gb-eng {
  background-image: url(assets/img/flags/4x3/gb-eng.svg);
}
.fi-gb-eng.fis {
  background-image: url(assets/img/flags/1x1/gb-eng.svg);
}

.fi-gb-nir {
  background-image: url(assets/img/flags/4x3/gb-nir.svg);
}
.fi-gb-nir.fis {
  background-image: url(assets/img/flags/1x1/gb-nir.svg);
}

.fi-gb-sct {
  background-image: url(assets/img/flags/4x3/gb-sct.svg);
}
.fi-gb-sct.fis {
  background-image: url(assets/img/flags/1x1/gb-sct.svg);
}

.fi-gb-wls {
  background-image: url(assets/img/flags/4x3/gb-wls.svg);
}
.fi-gb-wls.fis {
  background-image: url(assets/img/flags/1x1/gb-wls.svg);
}

.fi-ic {
  background-image: url(assets/img/flags/4x3/ic.svg);
}
.fi-ic.fis {
  background-image: url(assets/img/flags/1x1/ic.svg);
}

.fi-ta {
  background-image: url(assets/img/flags/4x3/ta.svg);
}
.fi-ta.fis {
  background-image: url(assets/img/flags/1x1/ta.svg);
}

.fi-un {
  background-image: url(assets/img/flags/4x3/un.svg);
}
.fi-un.fis {
  background-image: url(assets/img/flags/1x1/un.svg);
}

.fi-xk {
  background-image: url(assets/img/flags/4x3/xk.svg);
}
.fi-xk.fis {
  background-image: url(assets/img/flags/1x1/xk.svg);
}
@font-face {
  font-family: Muller;
  font-display: swap;
  src: url("assets/fonts/MullerLight.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Muller;
  font-display: swap;
  src: url("assets/fonts/MullerRegular.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: icomoon;
  font-display: swap;
  src: url("assets/fonts/icomoon.woff2") format("woff2"), url("assets/fonts/icomoon.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Urbanist;
  font-display: swap;
  src: url("assets/fonts/Urbanist-Bold.woff2") format("woff2"), url("assets/fonts/Urbanist-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Urbanist;
  font-display: swap;
  src: url("assets/fonts/Urbanist-ExtraBold.woff2") format("woff2"), url("assets/fonts/Urbanist-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Urbanist;
  font-display: swap;
  src: url("assets/fonts/Urbanist-Medium.woff2") format("woff2"), url("assets/fonts/Urbanist-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Urbanist;
  font-display: swap;
  src: url("assets/fonts/Urbanist-Light.woff2") format("woff2"), url("assets/fonts/Urbanist-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Urbanist;
  font-display: swap;
  src: url("assets/fonts/Urbanist-Thin.woff2") format("woff2"), url("assets/fonts/Urbanist-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: Urbanist;
  font-display: swap;
  src: url("assets/fonts/Urbanist-Regular.woff2") format("woff2"), url("assets/fonts/Urbanist-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

.footer {
  position: relative;
  z-index: 1;
  height: 330px;
  font-size: calc(16px + 2 * ((100vw - 992px) / 928));
  font-weight: 300;
  line-height: 1.3333333333;
  background: #ececec;
  box-shadow: inset 0px 15px 55px -25px rgba(0, 0, 0, 0.7);
}
@media (max-width: 1199px) {
  .footer {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .footer {
    height: 600px;
  }
}
.footer__wrap {
  position: fixed;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 330px;
  padding: 84px 0 36px;
}
@media (max-width: 1199px) {
  .footer__wrap {
    height: 600px;
    padding: 25px 0;
  }
}
.footer__container {
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .footer__container {
    gap: 25px;
  }
}

.footer__container .custom-logo-link{
  align-self: center;
}
.footer__container:first-child {
  justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 40px;
}
.footer__container:last-child {
  justify-content: center;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .footer__container {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 1199px) {
  .footer__container {
    margin-bottom: 25px;
  }
}
.footer__logo {
  align-self: center;
}
@media (max-width: 1199px) {
  .footer__logo {
    width: 228px;
    height: 24px;
    flex-basis: 24px;
  }
}
.footer__center {
  display: flex;
  justify-content: center;
}
.copyright.cpy-column {
  max-width: 15vw;
  text-align: left;
  font-size: 14px;
  padding-top: 20px;
}
@media (max-width: 1199px) {
  .footer__center {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
.footer__contact {
  position: relative;
  display: flex;
  gap: calc(25px + 45 * ((100vw - 992px) / 928));
  padding-right: calc(25px + 67 * ((100vw - 992px) / 928));
}
.footer__contact::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #000;
}
.footer__contact i {
  position: absolute;
  top: -40px;
  font-size: 25px;
}
@media (max-width: 1199px) {
  .footer__contact i {
    position: static;
    flex: 0 0 30px;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .footer__contact i {
    flex-basis: 22px;
  }
  .footer__container .custom-logo-link{
    width: 228px;
    height: 24px;
    max-width: 228px;
    max-height: 24px;
    flex-basis: 224px;
  }
  .footer__container .custom-logo-link img{
    width: 228px;
    height: 24px;
  }
}
@media (max-width: 1199px) {
  .footer__contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    width: 100%;
    max-width: 290px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 25px;
  }
  .footer__contact::after {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 200px;
    height: 1px;
  }
}
.footer__contact-item {
  max-width: 245px;
}
.footer__contact-item address {
  font-style: normal;
}
.footer__contact-item a {
  display: block;
  color: #000;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .footer__contact-item a:hover {
    color: #727272;
  }
}
@media (max-width: 1199px) {
  .footer__contact-item {
    display: flex;
    gap: 14px;
  }
}
.footer-menu {
  display: flex;
  justify-content: right;
}
@media (max-width: 1200px) {
  .footer-menu {
    column-gap: 40px;
  }
}
@media (max-width: 1199px) {
  .footer-menu {
    flex-wrap: wrap;
    row-gap: 22px;
    width: 100%;
    max-width: 290px;
    padding-left: 0;
    padding-top: 25px;
  }
}
.footer-menu__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.footer-menu__list li a{
  color: #000;
}
.footer-menu__list li a:hover{
  color: #727272;
}
@media (max-width: 1199px) {
  .footer-menu__list:last-child {
    width: 100%;
    text-align: center;
  }
}
.footer-menu__link {
  color: #000;
  transition: 0.2s;
  /* font-size: 17px; */
  line-height: 1.15;
}
@media (any-hover: hover) {
  .footer-menu__link:hover {
    color: #999;
  }
}
.footer__socials {
  justify-content: center;
  align-items: center;
}
.footer__center{
  position: relative;
}
.footer__center:after{
  display: block;
  content: '';
  width: 1px;
  background: #000;
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.footer__column{
  flex: 0 0 16%
}
.footer__column:first-of-type{
  flex: 0 0 20%
}
@media (max-width: 1199px) {
  .footer__socials-wrapper {
    width: auto;
  }
}
@media (max-width: 1199px) {
  .footer__socials {
    position: static;
    flex-direction: row;
    transform: none;
  }
  .footer__socials-wrapper {
    margin-top: 15px;
  }
  .m3-new {
    width: 100%;
    max-width: 100%;
    margin-top: 15px;
  }
}

.socials {
  display: flex;
  gap: 17px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.socials__link {
  display: block;
  color: #000;
  transition: 0.2s;
  will-change: transform;
}
@media (any-hover: hover) {
  .socials__link:hover {
    transform: scale(1.08);
  }
}

.copyright {
  text-align: center;
}
@media (max-width: 768px) {
  .copyright {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .copyright span {
    display: block;
  }
}

.cookies {
  position: fixed;
  z-index: 1001;
  bottom: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  gap: 13px 35px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 22px 15px;
}
@media (max-width: 768px) {
  .cookies {
    flex-direction: column;
    align-items: center;
  }
}
.cookies__message {
  font-size: 18px;
  color: #fff;
  line-height: 1.3333333333;
}
.cookies__message a {
  color: inherit;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .cookies__message a:hover {
    text-decoration: none;
  }
}
@media (max-width: 768px) {
  .cookies__message {
    font-size: 14px;
    text-align: center;
  }
}
.cookies__btn {
  padding: 10px 29px;
}
@media (min-width: 1000px) {
  .hide_desktop{
    display: none !important;
  }
}
@media (max-width: 520px) {
  .partners__slide{
    max-width: 45%;
    max-height: 90px;
  }
}
@media (max-width: 768px) {
  .cookies__btn {
    flex: 0 0 45px;
  }
}

@keyframes wiggle {
  2.27%, 11.36%, 20.45% {
    transform: scale(1.1) rotate(-10deg);
  }
  6.81%, 15.9%, 24.99% {
    transform: scale(1.1) rotate(10deg);
  }
  9.09%, 18.18% {
    transform: scale(1.1) rotate(0deg);
  }
  0%, 36.36%, 100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes anim-francisco {
  50% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  51% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate,
.animate-child {
  visibility: hidden;
  will-change: transform, opacity;
}
@media (min-width: 993px) {
  .wrapper_visual_list {
    display: flex;
  }
}
@media (max-width: 1199px) {
/*  .animate,*/
/*.animate-child {*/
/*    visibility: visible !important;*/
/*    animation-name: none !important;*/
/*  }*/
  .services__body.animate-child, .services__content-text.animate-child {
    visibility: visible !important;
    animation-name: none !important;
  }
  .services__container .services__content-text.animate-child {
    position: relative;
    z-index: 100;
    background-color: #fff;
  }
  .services__container:nth-child(2n) .services__content-text.animate-child, .services__container:nth-child(2) .services__content-text.animate-child {

    background: #ececec;
  }
  .services__container:nth-child(2n) .visual-types__slider {

    background: #ececec;
  }
  .home .services__container:nth-child .visual-types__slide {
    background-color: #fff;
  }
  .home .services__container:nth-child(2n) .visual-types__slide {
    background: #ececec;
  }
  .services__body {
    position: relative;
    z-index: 100;
  }

  .services-template-default .visual-types__slider  {
    background: #ececec;
    position: relative;
    z-index: 100;
  }
}

.animate_parent {
  visibility: visible;
}

@media (prefers-reduced-motion: reduce), print {
  .animate {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
  }
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft-150 {
  0% {
    transform: translate3d(-150%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft-500 {
  0% {
    transform: translate3d(-500%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight-150 {
  0% {
    transform: translate3d(150%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight-500 {
  0% {
    transform: translate3d(500%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown-150 {
  0% {
    transform: translate3d(0, -150%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown-500 {
  0% {
    transform: translate3d(0, -500%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp-150 {
  0% {
    transform: translate3d(0, 150%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp-250 {
  0% {
    transform: translate3d(0, 250%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp-500 {
  0% {
    transform: translate3d(0, 500%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes borderExtend {
  0% {
    width: 0;
    margin-left: 0;
  }
  to {
    width: 100%;
    margin-left: -50%;
  }
}
@keyframes borderExtendWidth {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.quantity{
  display: flex;
  gap: 20px;
}
.quantity__button {
  width: 30px;
  border: 1px solid #000;
  height: 30px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 30px;
  cursor: pointer;
  user-select: none;
}
.quantity__input{
  width: 70px;
  border: 1px solid #000;
  height: 30px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 30px;
  cursor: pointer;
}
.quantity__input input{
  width: 70px;
  border: 1px solid #000;
  height: 30px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 30px;
  cursor: pointer;
  padding: 0 0 0 31px;
}

.wpcf7-spinner{
  display: none !important;
}

.wpcf7-list-item{
  margin: 0 !important;
}

.contact__me .wpcf7-checkbox,
.wpcf7-acceptance{
  display: none;
}


.checkbox:has(input:checked) .checkbox__input::before{
  opacity: 1;
}


.checkboxvals{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.checkboxvals input{
  display: none;
}
.checkboxvals .wpcf7-list-item-label { 
  padding-left: 40px;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}

.checkboxvals .wpcf7-list-item-label::before{
  content: " ";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  border: 1px solid #000;
}

.checkboxvals .wpcf7-list-item-label::after{
  content: " ";
  position: absolute;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  left: 6px;
  top: 5px;
  opacity: 0;
}

.checkboxvals .wpcf7-list-item:has(input:checked) .wpcf7-list-item-label::after{
  opacity: 1;
}

.contact__me:has(input:checked) .checkbox__input::before{
  opacity: 1;
}

.wpcf7-response-output{
  display: none;
}

.services__body {
  justify-content: center;
}

@media only screen and (min-width: 2048px) {
  .custom-logo-link {
    height: auto;
    max-width: 250px;
  }
  .header__container {
    max-width: 1920px;
  }
  .faq__list {
    max-width: 100% !important;
  }
  body {
    font-size: 1vw;
  }
}

.faq__container {
  max-width: 1700px;
}

[class*=__container]:not([class^=pswp]) {
  max-width: 1700px;
}

@media only screen and (min-width: 1921px) {
  [class*=__container]:not([class^=pswp]) {
    max-width: 100% !important;
    padding: 0 6.25vw;
  }
  [class*=__container]:not([class^=pswp]) {
    max-width: 100% !important;
    padding: 0 6.25vw;
  }
  .footer__container:first-child {
    padding-bottom: 40px !important;
  }
  .services__container:nth-child(even) {
    padding: 48px 6.25vw !important;
  }
}

.header__call span {
  white-space: nowrap;
}

@media only screen and (max-width: 600px) {
  .pswp__custom-caption {
    padding: .5rem;
  }
  .portfolio__item-name {
    font-size: 12px;
  }
  .portfolio__item-company {
    font-size: 12px;
  }
}
/* 
button.btn{
  background: #000;
  color: #fff;
}

button.btn:hover{
  background: #fff;
  color: #000;
}
.btn_dark::before {
  background-color: rgb(0, 0, 0);
} */


/* Comments block */

/* .comments-block {
  margin-top: 80px;
} */

.comments-block .comment {

}

.comments-block .comment::marker {

}

/* .comment-author img.avatar  {
  display: none;
} */

.comments-block .says {
  display: none;
}
.comments-block .comment-author {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #505050;
}

.comments-block .fn a {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  color: #000000;
}

.comments-block .comment-meta a {
  color: #000000;
}

.comments-block .comment-body p {
  border-bottom: 1px solid #505050;
  margin: 0 0 20px 0;
  padding: 20px 0
}

.comments-block .comment-reply-link {
  color:#000000;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 500;
}

.comments-block .comment-respond {
  margin-top: 60px;
}

.comments-block__title,
.comment-reply-title {
  font-size: 25px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.comment-form-author {
  display: inline;
  margin-right: 50px;
}

.comment-form-author input {
  max-width: 250px;
  width: 100%;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  border: none;
  border-bottom: 1px solid #000000;
}

.comment-form-email {
  display: inline-block;
  max-width: 250px;
  width: 100%;
}

.comment-form-email input {
  max-width: 250px;
  width: 100%;
}

.comment-form-comment textarea {
  width: 100%;
  height: 150px;
  resize: none;
}

.comment-form-url input {
  max-width: 550px;
  width: 100%;
}

.form-submit .submit {
  width: 150px;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 18px;
  text-transform: uppercase;
  height: 45px;
  border: 1px solid #000000;
  transition: background-color 0.3s, color 0.3s, border 0.3s;
}

.form-submit .submit:hover {
  background-color: #000000;
  /* border: 1px solid #292929; */
  color: #ffffff;
}

.form-submit .submit:active {
  background-color: #9c9c9c;
}

.comment-form {
  margin-bottom: 50px;
}

.perks .wpcf7-form button.btn{
  height: 50px;
  color: #000000;
}

.perks .wpcf7-form button.btn:hover{
  color: #ffffff;
  background-color: transparent;
}

.perks .wpcf7-form button.btn:hover::after{
  border:1px solid rgba(255, 255, 255, 0.5)
}

.quote-request-link {
  color: #000000;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: relative;
}

.quote-request-link::before {
  position: absolute;
  content: "";
  bottom: 5px;
  width: 100%;
  height: 1px;
  background-color: transparent;
  left: 0;
  right: 0;
  transition: background-color 0.3s, bottom 0.3s;
}

.quote-request-link:hover::before {
  bottom: 0;
  background-color: #000000;
}

.text-link {
  color: #000000;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: relative;
}

.text-link::before {
  position: absolute;
  content: "";
  bottom: 5px;
  width: 100%;
  height: 1px;
  background-color: transparent;
  left: 0;
  right: 0;
  transition: background-color 0.3s, bottom 0.3s;
}

.text-link:hover::before {
  bottom: 0;
  background-color: #000000;
}

 .visual-types__descr--hidden {
  display: none;

}
/*
.visual-types__descr {
  display: block;
  opacity: 1;
  visibility: visible;
} */

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade{
  from {
    opacity: 0.1;
  } to {
    opacity: 1;
  }
}
#wpcf7-f725-o5 .contact__actions .file.btn.disabled{
  opacity: 1 !important;
}
.overlay_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.portfolio__item-image{
  position: relative;
}
.contact__actions .file.btn {
  display: none !important;
}
.partners__slider2 .swiper-wrapper{
  transition-timing-function: linear;
}
div.hide-mobile,
img.hide-mobile{
  display: block;
}
div.hide-desktop,
img.hide-desktop{
  display: none;
}
.copyright.cpy-column {
    max-width: 15vw;
}
@media (min-width: 992px){
  .hidden-desktop{
    display: none !important;
  }
}
@media (max-width: 991px){
  .hidden-mobile{
    display: none !important;
  }
  .footer-menu__list{
    position: relative;
  }
  .footer__column.footer-menu.m1-m2 {
    margin-top: 10px;
  }
    .footer__column{
        flex: 0 0 100%;
      width: 100%
    }
  .footer__column:first-of-type {
    flex: 0 0 100%;
  }
  .footer__contact-item {
    width: 290px;
    max-width: unset;
  }
  .footer__center:after{
    display:none;
  }
  .footer-menu__list:last-child{
    width: auto;
    text-align: left;
  }
  .footer-menu{
    padding-top: 0;
  }
  a.custom-logo-link{
    margin: 0 auto;
  }
  .flx-center {
    justify-content: center;
    display: flex;
  }
  .m1-m2 ul.footer-menu__list:first-of-type:before{
    display: block;
    content: '';
    width: 100%;
    background: #000;
    height: 1px;
    left: 0;
    top: -20px;
    position: absolute;
  }
  .footer__contact-item {
    max-width: 290px;
  }
  .footer__center{
    gap: 25px
  }
  div.hide-mobile,
  img.hide-mobile{
    display: none;
  }
  div.hide-desktop,
  img.hide-desktop{
    display: block;
  }
  .dvisual-types__container {
    flex-direction: column;
  }
  .visual-intro__container[class*=__container]:not([class^=pswp]){
    padding: 0;
  }
  .visual-intro__grid-content-inner {
    justify-content: space-between;
  }
  .intro__image img, .visual-intro__image img, .visual-compare__image img, .visual-types__slider-img img,
  .visual-types__image img{
    aspect-ratio: 10/8;
  }
}
body.single-blog hr {
    width: 100%;
    clear: both;
    border: 0 !important;
}
@media (max-width: 767px){}


/*UPDATE DESKTOP*/

@media (min-width: 1200px) {
  .footer__socials-wrapper {
    margin-top: 20px;
  }
  .home .services .services__content {
    padding-bottom: 81px;
  }
  .home .services .services__btn {
    position: relative;
    top: -3px;
  }
  .services__content-text {
    padding-bottom: 10px;
  }
  .services__body .visual-types__slide {
    position: relative;
    padding-top: 50.76%;
    height: 0;
  }
  .services__body .visual-types__slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	/*height: auto;*/
    object-fit: cover;
  }
  .perks__slider-image--static {
    height: 0;
    padding-top: 31.98%;
  }
  .perks__slider-image--static img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  .pre-last-block .swiper-wrapper-img img {
      /*height: 100% !important;*/
  }
	
  /*.what {*/
  /*  height: 355px !important;*/
  /*}*/
}
.services__body .swiper-wrapper {
  height: auto;
}

@media (min-width: 1200.98px) {
  .contact__content {
    padding-right: 40px;
    flex-basis: calc(570px + 0 * ((100vw - 922px) / 478));
  }
}
.services-template-default .visual-types__slider-img {
  z-index: 200;
  background-color: #ececec;
}
@media (min-width: 1200.98px) and (max-width: 1919px){
  .about-company {
    /*padding: calc(30px + 2vw) 0;*/
  }
  .about-page__intro {
    min-height: 38.288vw;
    height: auto;

    min-height: 100%;
  }
  .about-page__content {
    width: 40.28vw;
    padding: 250px 25px 250px calc(30px + 3vw);
  }
  .about-page__intro-title {
    font-size: calc(14px + 1.525vw);
    line-height: 1.25;
  }
  /**/
  .portfolio__item-image {
    position: relative;
    height: 0;
    padding-top: 78%;
  }
  .portfolio__item-alt-frame + .portfolio__item-image {
    /*height: auto;*/
    padding-top: 56.67777%;
  }
  .portfolio__item-alt-frame + .portfolio__item-image iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .portfolio__item:nth-child(3n) .portfolio__item-image {
    position: relative;
    height: 0;
    padding-top: 38%;
  }
  .portfolio__item img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  /**/

   .services-template-default .visual-intro__image {
    position: relative;
    height: 0;
    padding-top: 37.2%;
  }
  .services-template-default  .visual-intro__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    left: -2.7vw;
    top: 0;
  }
  .services-template-default .visual-types__text {
    width: auto;

  }
  .services-template-default .visual-types_dark .visual-types__text {
    /*max-width: calc(780px + 316 * ((100vw - 992px) / 928));*/
  }
  .services-template-default  .visual-types__title {
    font-size: calc(16px + 2.25vw);
    margin-bottom: 40px;
  }
  .services-template-default .visual-types__list-content::before {
    font-size: calc(6px + 2vw);
    flex: 0 0 calc(16px + 2.25vw);
  }
  .services-template-default .visual-types__list-title {
    font-size: calc(6px + .6vw);
  }
  .services-template-default .visual-types__list-descr {
    font-size: calc(6px + .6vw);
  }
  .services-template-default .visual-types__slider-img img {
    object-fit: cover;
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
  }
  .services-template-default .visual-types__slider-img .swiper-wrapper-img {
    height: 100% !important;
  }
  .services-template-default .visual-types__slide.visual-types__slide-img {
    /*padding-top: 79%;*/
    height: 100%;
  }
  .services-template-default .visual-types__slider-img {
    flex: 0 0 50vw;
    /*top: .5px;*/
    left: -.5px;
  }
  .services-template-default  .visual-types__content {
    flex: 1;
    min-width: 0;
  }
  .services-template-default .visual-types__container {
    display: flex;
    flex-wrap: wrap;
  }
  .blog__latest .post:first-child {
    grid-gap: clamp(50px, 6vw, 2rem) !important;
  }
  .article__sidebar-content {
    gap: clamp(50px, 6vw, 2rem);
  }
  /**/
  .services__body {
    margin-bottom: calc(40px + 1vmin) !important;
  }
  .perks__title {
    top: calc(18px + 3.5vw);
    font-size: calc(16px + 2.25vw);
  }
  .perks__slider-content {
    padding-top: calc(185px + 4vw);
  }
  .perk__descr {
    font-size: calc(6px + .6vw);
    padding-left: calc(38px + 3vw);
    height: calc(8rem + 3vw);
  }
  .perk__title {
    font-size: calc(6px + .6vw);
    margin-bottom: calc(6px + .6vw);
    gap: calc(8px + .8vw);
  }
  .perk__title-number {
    font-size: calc(6px + 2vw);
  }
  .perk__title-inner {
    gap: calc(6px + .6vw);
  }
  .perk__icon {
    flex: 0 0 calc(14px + 3vw);
    height: calc(12px + 2.5vw);
  }
  .quote__title {
    font-size: calc(14px + 2vw);
  }
  .perks__slider-wrapper {
    margin-bottom: calc(50px + 1vw);
  }
  .perks {
    padding: 0 0 calc(40px + 1vw);
  }

  .intro {
    height: 39.69vw;
  }
  .intro__content-bg {
    width: 33.28vw;
  }
  .intro__title {
    font-size: calc(16px + 2.25vw);
    max-width: calc(400px + 13vw);
  }
  .intro__content {
    padding: 235px calc(109px + 6vw) 25px;
  }
  .intro__slider-actions {
    left: calc(210px + 10vw);
  }
  .intro__slider-actions {
    top: 25px;
  }

}


@media (min-width: 769px) and (max-width: 1199px) {
  .contact-page__title {

  }
  .contact-page .form-wrapper {
    max-width: 600px;
    margin: 0 auto;
  }
  /**/

  .portfolio__item-image {
    position: relative;
    height: 0;
    padding-top: 78%;
  }
  .portfolio__item-alt-frame + .portfolio__item-image {
    /*height: auto;*/
    padding-top: 56.67777%;
  }
  .portfolio__item-alt-frame + .portfolio__item-image iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .portfolio__item:nth-child(3n) .portfolio__item-image {
    position: relative;
    height: 0;
    padding-top: 38%;
  }
  .portfolio__item img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  /**/
  .intro {
    height: 39.69vw;
  }
  .intro__content-bg {
    width: 36.28vw;
  }
  .intro__title {
    font-size: calc(16px + 2.25vw);
    max-width: calc(400px + 13vw);
  }
  .intro__content {
    padding: calc(120px + 5.5vw) calc(109px + 6vw) 25px 15px;
  }
  .intro__slider-actions {
    left: calc(84px + 4vw);
  }
  .intro__slider-actions {
    top: 15px;

  }

  .intro__slider-line {
    width: 60px;
  }
  .intro__slider-current {
    margin-bottom: 28px;
  }
  .intro__slider-total {
    margin-top: 28px;
  }
  .intro__slider-progress {
    margin: 2px 0;
  }
  .intro__slider-current, .intro__slider-total {
    font-size: 15px;
  }
  .perk__descr {
    height: auto;
  }
  .perks__slider-wrapper {
    margin-bottom: 20px;
  }
  .home .services .swiper-slide {
    height: auto;
  }

}
@media (max-width: 1200.98px) {
  .visual-types_pd {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .objective__list {
    gap: 42px calc(45px + 2vw);
  }
  .objective__title {
    font-size: calc(16px + 2.25vw);
    margin-bottom: calc(16px + 2.25vw);
  }
}
@media (max-width: 640.98px) {
  .objective__list {
    gap: calc(25px + 2vw) calc(45px + 2vw);
  }
  .objective__item {
    flex: 1 0 100%;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 991px) {

  .intro__content-bg {
    width: 41.28vw;
  }
  .intro {
    height: 47.69vw;
  }
}

/*services-template-default*/
@media (max-width: 760px) {
  .services-template-default .visual-types__slider .swiper-wrapper {
    height: auto !important;
  }
}


/*TICKER*/
.ticker-cats__item {
  flex: 1;
}
.ticker-cats__item .lazyloading {
  opacity: 1;
}
.ticker {
  width: 100%;
  position: relative;
  z-index: 10; }
.ticker-cats__link-brand {
  margin-right: 20px;
  /*opacity: 0;*/
  transition: opacity .35s ease;
}
.ticker-cats__link-brand.is-active {
  opacity: 1;
}
.ticker-cats__link-brand img {
  width: 100%;
  object-fit: contain;
}
.ticker-wrapper {
  display: flex;
  flex-flow: row nowrap; }

.ticker-inner {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap; }
.ticker-inner > a {
  font-size: 28px;
  line-height: 2.5625rem;
  margin-right: 70px;
  color: #1D1D1B; }


.ticker-cats {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px; }

.ticker-cats .swiper-wrapper {
  transition-timing-function: linear !important; }
.ticker-cats .ticker-content {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  align-items: center; }
.ticker-cats__slide {
  margin-right: 0px !important;
  min-height: 51px;
  /*display: flex;*/
  align-items: center;
  width: 100%; }

.slideshow {
  margin-top: 0;
  padding-bottom: 0;
}

.slide {
  width: auto;
  width: 200px;
  max-resolution: 4vw;
  margin-right: 1vw;
  text-align: center;
  font-size: 24px;
  display: flex;
  align-items: center;
}
.slide img {
  object-fit: contain;
  width: 100%;
}
/*.slideshow .flickity-button {*/
/*  display: none;*/
/*}*/
.flickity-slider {
  display: flex;
  align-items: center;
}
@media (max-width: 760px) {
  .ticker-cats__link-brand {
    width: 33vw;
  }
  
}

/**/

@media (min-width: 993px) and (max-width: 1199px){
  .wrapper_visual_list {
    display: flex;
    flex-wrap: wrap;
  }
  .half_list_items {
    flex: 1;
    min-width: 0;
  }
}
@media (max-width: 992px) {
  .visual-types__list-text {
    position: relative;
    padding-bottom: 0;
  }
  .half_list_items:not(:last-child) {
    margin-bottom: 24px;
  }
  .visual-types__list-title {
    max-width: 80%;
    min-height: unset;
  }
}

/**/
.article__sidebar-content .post__info {
  font-size: 14px;
}
.article__sidebar-content .post__category::before {
  left: 20px;
  width: 50px;
  height: 1px;
}

/**/
@media (min-width: 998.98px) and (max-width: 1200.98px) {
  .visual-intro__image img {
    max-height: unset;
    object-fit: contain;
    height: auto;
  }
  .visual-intro__image {
    left: initial;
    margin-left: initial;
    height: 100%;
    align-content: flex-start;
    align-self: flex-start;
  }
}

/**/
.article__sidebar {
  position: relative;
  transition: margin-top .45s ease;
}
@media (max-width: 1200px) {
  .article__sidebar {
    margin-top: 0 !important;
  }
  .contact__content .tab-pane .wpcf7 {
    width: 100%;
  }
  .contact__image {
    display: none !important;
  }
}
@media (max-width: 767px) and (min-width: 1199.98px) {
  .portfolio__item {
    max-height: unset;
  }
}

/**/
@media (min-width: 1199.98px) {
  .about-company__content {
    flex-direction: column;
    width: 35%;
    padding-right: 15px;
  }
  .about-company__image {
    max-width: 60%;
    width: 100vw;
  }
  .about-company__content p {
    line-height: 1.45;
    font-size: calc(10px + .5vw);
  }
  .about-company__content {
    gap: 24px 49px;
  }
}
@media (min-width: 1900.98px) {
  .about-company__content {
    flex-direction: column;
    width: 37%;
    padding-right: 15px;
  }
  .about-company__image {
    max-width: 60%;
  }

}
@media (max-width: 1198.98px) {
  .about-company__container {
    display: flex;
    flex-direction: column;
  }
  .about-company__image {
    order: -1;
    min-width: 320px;
  }
  .about-company {
    padding-top: 0 !important;
  }
  .visual-types__slider .swiper-wrapper {
    /*height: auto !important;*/
  }
  .visual-intro__image {
    width: 100%;
    flex: 1 0 100% !important;
    max-width: 100%;
  }
}
.visual-types__slider-actions {
  position: relative;
  z-index: 2;
}
/*.swiper-autoheight .swiper-wrapper {*/
/*  height: auto !important;*/
/*}*/


/**/
@media (min-width: 767.98px) and (max-width: 1200px) {
  .visual-intro__grid .visual-intro__grid-image .lazyload {
    height: 0;

  }
  .visual-intro__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
  }
  .visual-intro__grid-item {
    width: calc(50% - 9px);
    flex: 1 0 calc(50% - 9px);
    max-width: calc(50% - 9px);
  }
  .visual-intro__grid-item:last-child {
    width: 100%;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .visual-types .visual-types__list-descr {
    max-height: unset;
  }
  .visual-types  .visual-types__list-descr-expand {
    display: none;
  }

}
.services__content .services__content-text ul li {
  list-style: none;
  position: relative;
}
.services__content .services__content-text ul li:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #060606;
  position: absolute;
  left: -13.5px;
  top: 9px;
}
/**/

@media (max-width: 1199px) {
  .home .services .services__title[data-animation-name="slideFromEdge-left"] {

  }

  .article__body .article__title, .article__body .post__date, .article__body .post__readingtime, .article__body .article__category {
    visibility: visible !important;
    animation-name: unset !important;
  }
  .services__slider, .services__slider2 {
    z-index: 100;
  }


}
@media (min-width: 560.98px) and (max-width: 1199px) {
  .blog__post,  .blog__post * {
    visibility: visible !important;
    animation-name: unset !important;
  }
}
@media (max-width: 560px) {
  .blog__post:not(:nth-child(1)),  .blog__post:not(:nth-child(1)) * {
    visibility: visible !important;
    animation-name: unset !important;
  }
}

/**/

.intro__slider .swiper-slide:not(.swiper-slide-active) {
  visibility: hidden;
  pointer-events: none;
}

.article__content a {
	color: #1398d1;
}

#reviews-caousel .reviews-item{
  margin-top: 54px;
}
#reviews-caousel .reviews-item{
  padding: 20px;

  border-radius: 20px;
  text-align: center;
  position: center;
  font-size: 14px;
}

#reviews-caousel .reviews-item:not(:last-child)::before {
  content: '';
  width: 1px;
  height: 100%;
  max-height: 115px;
  position: absolute;
  top: 90px;
  right: -10px;
  background: #000;
}
.review__title {
  padding-top: 70px;
}
/**/
@media (min-width: 1198.98px) {
  .is-show-tablet {
    display: none !important;
  }
}
.pagination-custom-view {
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid  #565656;
}
.hidden{
  display: none !important;
  height: 0 !important;
}
.swiper-pagination-bullet-active {
  background-color:  #565656;
}
@media (min-width: 769px) and (max-width: 991px) {

  #reviews-caousel .reviews-item {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  #reviews-caousel .reviews-item .card-header img {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .card-header img {
    max-height: 59px;
  }
}
@media (max-width: 767px) {
  #reviews-caousel .reviews-item{
    visibility: visible !important;
    animation-name: unset !important;
  }
  #reviews-caousel .reviews-item {
    margin-top: 20px;
  }
  .review__title {
    padding-top: 35px;
  }
  .wrapper_btns {
    margin: -10px 0 -15px 0;
  }
  .more_review__btn svg{
    display: none;
  }
  .card-header img {
    max-height: 96px;
  }
  .more_review__btn {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    border: none !important;
    font-size: 0;
    padding: 0;
    width: 100px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
  }
}
@media (max-width: 640px) {
  .card-header img {
    max-height: 82px;
  }
}
@media (max-width: 576px) {
  .card-header img {
    max-height: 72px;
  }
}
@media (max-width: 480px) {
  .card-header img {
    max-height: 59px;
  }
}
@media (max-width: 420px) {
  .card-header img {
    max-height: 50px;
  }
}
@media (max-width: 375px) {
  .card-header img {
    max-height: 45px;
  }
}
@media only screen and (min-width: 2048px) {
  .post__excerpt {
    max-height: unset;
    line-height: 1;
    padding-bottom: 2px;
  }
}

.article-share-subscribe{
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  padding-top: 21px;
  padding-bottom: 16px;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  clear: both;
}
.share-title {
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  gap: 6px;
}
.share{
  gap: 25px;
  align-self: unset !important;
}
.comment__inner--right h2{
  font-size: 18px;
  margin-bottom: 0;
  font-family: 'Montserrat', sans-serif;
  text-align: right;
}
.comment__inner--right input{
  color: rgb(0, 0, 0);
  font-family: 'Muller', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  width: 239px;
}
.comment__inner--right button{
  width: 216px !important;
  color: #000 !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.comment__inner--right button:before{
  background: transparent !important;
  border: 1px solid rgb(0, 0, 0);
}
@media (min-width: 767.98px) and (max-width: 1380px) {
  .article-share-subscribe {
    flex-wrap: wrap;
  }
  
  .comment__inner--right h2.sunscribe__title {
    text-align: left;
    display: none;
  }
}
@media (max-width: 767px){
  .article-share-subscribe{
    padding: 28px;
    flex-direction: column;
    gap: 42px;
  }
  .comment__inner--right{
    flex-direction: column;
    gap: 31px;
    max-width: 216px;
  }
  .comment__inner--right h2{
    font-size: 14px;
    text-align: right;
  }

  .comment__inner--right form{
    flex-direction: column;
    gap: 28px;
  }
  .comment__inner--right input{
    width: 216px;
  }
  .article-author__photo {
    flex: 0 0 218px;
    width: 218px;
    height: 201px;
  }
}

@media (max-width: 767px) {
  .article-author__info{
    flex-direction: column;
    gap: 31px;
    align-items: center;
  }
}

/**/
.submenu .current-menu-item .menu__helper::before {
  display: none !important;
}
/**/


/**/
.article__container--alt {
  flex-wrap: wrap;

}
.article__container--alt .article__body {
  flex: 1;
  min-width: 0;
}
.article__container--alt .faq {
  width: 100%;
  flex: 1 0 100%;
  max-width: 100%;
}
@media (max-width: 860px) {
  .article__container--alt .article__body {
    width: 100%;
    flex: 1 0 100%;
    max-width: 100%;
  }
  .article__container--alt .article__sidebar {
    order: 4;
  }
}
/**/

.dvisual-intro__content{
  padding: 0px 0 70px;
}
.dvisual-intro__title{
  margin-bottom: 57px;
}
.dvisual-intro__title h1 p{
  color: rgb(0, 0, 0);
  font-family: 'Muller', sans-serif;
  font-size: 55px;
  font-weight: 800;
  line-height: 55px;
}
.dvisual-intro__title h1 strong{
  font-weight: 100;
}
.dvisual-intro__descr{
  margin-left: 425px;
  color: rgb(0, 0, 0);
  font-family: 'Muller', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px;
  max-width: 688px;
}
.dvisual-intro__btn{
  margin-left: 425px;
}
.dvisual-intro__img{
  max-height: 937px;
  object-fit: cover;
}
div.dvisual-whatwedo__container{
  display: flex;
  margin-top: 70px !important;
  margin-bottom: 20px !important;
}
.dvisual-whatwedo__content{
  flex: 0 0 583px;
  align-self: flex-start;
}
.dvisual-whatwedo__title{
  color: rgb(0, 0, 0);
  font-family: 'Muller', sans-serif;
  font-size: 55px;
  font-weight: 300;
  line-height: 55px;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.dvisual-whatwedo__list{
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.dvisual-whatwedo__item:first-child{
  position: relative;
}
.dvisual-whatwedo__item:first-child p{
  padding-bottom: 32px;
}
.dvisual-whatwedo__item-line{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 122px;
  height: 1px;
  background: #020000;
}
.dvisual-whatwedo__item p{
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #000;
}
.dvisual-whatwedo__image{
  flex: 1 1 1113px;
  position: relative;
  left: 15vw;
  margin-left: -12%;
  margin-top: 68px;
}
.dvisual-whatwedo__image img{
  width: 100%;
  max-height: 625px;
}
.dvisual-types__container{
  display: flex;
  margin: 70px auto !important;
}
.dvisual-types__container .dvisual-whatwedo__image{
  margin-top: 160px;
  flex: 1 1 1113px;
  position: relative;
  left: 15vw;
  margin-left: -12%;
}
.dvisual-types__content{
  flex: 0 0 583px;
  align-self: flex-start;
}
.dvisual-types__title{
  color: rgb(0, 0, 0);
  font-size: 50px;
  font-family: 'Muller', sans-serif;
  font-weight: 300;
  line-height: 60px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.dvisual-types__title strong{
  font-weight: 500;
}
.dvisual-types__title p{
  margin: 0;
}
.dvisual-types__text-wrap{
  display: flex;
  gap: 16px;
}
.dvisual-types__text-wrap span{
  color: rgba(0, 0, 0, 0.4);
  font-family: 'Muller', sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
}
.dvisual-types__text-wrap div{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dvisual-types__text-title{
  color: rgb(0, 0, 0);
  font-family: 'Muller', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}
.dvisual-types__text-wrap p{
  color: rgb(0, 0, 0);
  font-family: 'Muller', sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
  margin: 0;
}
.dvisual-types__container:last-child{
  flex-direction: row-reverse;
  margin-top: 140px !important;
}
.dvisual-types__container:last-child .dvisual-whatwedo__image{
  margin-top: 0;
  right: 15vw;
  margin-right: -12%;
  margin-left: unset;
  left: unset;
}
.dvisual-types__video-block .visual-types__list-text{
  max-width: 366px;
}
.dvisual-types__video-block .wrapper_visual_list--wrap.wrapper_visual_list--wrap-alt{
  gap: 80px 64px;
}
.dvisual-types__video-block .visual-types__container{
  margin-left: 0;
  padding-left: 0;
}
.dvisual-types__video-block.visual-types_dark .visual-types__text.visual-types__text--alt{
  max-width: 1112px;
  padding: 80px 58px 80px 120px;
}
.dvisual-types__video-block .visual-types__text--alt::before{
  max-width: 1112px;
  left: 0;
  right: 0;
}
.dvisual-types__video-block .visual-types__list-descr{
  -webkit-line-clamp: 3;
}
.dvisual-types__video-block .arrow::after{
  mask-image: url(https://www.genense.com/wp-content/themes/genense/assets/img/arrow-right.svg);
}
.dvisual-page{
  font-family: 'Muller', sans-serif !important;
}
.dvisual-types__video-block .plyr video{
  object-fit: cover;
}
@media(max-width: 1200px){
  .dvisual-types__container:first-child{
    margin-bottom: 48px !important;
  }
  .dvisual-types__container:last-child{
    margin-top: 48px !important;
  }
  .dvisual-types__title{
    width: auto;
  }
}
@media(max-width: 991px){
  .dvisual-intro__content{
    padding: 0px 0 45px;
  }
  .dvisual-intro__title{
    max-width: 352px;
    margin-bottom: 24px;
    font-size: 55px;
    font-weight: 100;
    line-height: 55px;
  }
  .dvisual-intro__descr{
    margin-left: 0;
    margin-bottom: 24px;
  }
  .dvisual-intro__descr p{
    margin: 0;
  }
  .dvisual-intro__btn{
    margin-left: 0;
  }
  div.dvisual-whatwedo__container{
    margin-top: 35px !important;
    margin-bottom: 16px !important;
  }
  .dvisual-whatwedo__content{
    flex: 0 0 393px;
  }
  .dvisual-types__container{
    margin: 42px auto 48px !important;
    justify-content: space-between;
  }
  .dvisual-types__container:last-child{
    margin-top: 48px !important;
    justify-content: space-between;
  }
  .dvisual-types__container:last-child .dvisual-whatwedo__image{
    max-width: 409px;
    margin-right: 0;
    flex: 1 1 409px;
    left: -15px;
  }
  .dvisual-types__container .dvisual-whatwedo__image{
    max-width: 409px;
    margin-left: 0;
    flex: 1 1 409px;
    left: 15px;
    width: 100%;
    margin-top: 210px;
  }
  .dvisual-types__text-wrap{
    margin-top: 210px;
  }
  .dvisual-types__content{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .visual-types__text--alt{
    padding-bottom: 30px;
  }
  .dvisual-types__video-block .visual-types__list-text{
    max-width: unset;
  }
  .dvisual-types__title{
    margin-bottom: 48px;
    position: absolute;
    width: 474px;
  }
  .dvisual-intro__title h1 p{
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
  }
  .dvisual-types__video-block.visual-types_dark .visual-types__text.visual-types__text--alt{
    padding: 30px 0px;
  }
  .dvisual-whatwedo__image iframe,
  .dvisual-whatwedo__image{
    max-height: 468px;
  }
  .dvisual-whatwedo__title{
    margin-bottom: 28px;
  }
  .dvisual-whatwedo__image{
    margin-top: 83px;
  }
  .banner-video-section iframe,
  .banner-video-section{
    max-height: 486px;
  }
  .dvisual-page .visual-types__video{
    padding-top: 450px !important;
  }
  .dvisual-types__text-wrap .dvisual-types__text-mob-expand{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .dvisual-types__text-wrap .dvisual-types__text-mob-expand.collapse{
    display: block;
  }
  .dvisual-types__text-wrap .visual-types__list-descr-expand{
    color: #000;
    font-family: 'Muller', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }
  .dvisual-types__text-wrap .visual-types__list-descr-expand .arrow::after{
    color: #000;
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='37.501953' height='6.660889' viewBox='0 0 37.502 6.66089' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdesc%3e Created with Pixso. %3c/desc%3e%3cdefs/%3e%3cpath id='Arrow 37' d='M35.79 2.83L33.81 0.85C33.62 0.65 33.62 0.34 33.81 0.14C34.01 -0.05 34.32 -0.05 34.52 0.14L37.35 2.97C37.55 3.17 37.55 3.48 37.35 3.68L34.52 6.51C34.32 6.71 34.01 6.71 33.81 6.51C33.62 6.31 33.62 6 33.81 5.8L35.79 3.83L0 3.83L0 2.83L35.79 2.83Z' fill='%23000000' fill-opacity='1.000000' fill-rule='evenodd'/%3e%3c/svg%3e ");
  }

}
@media(max-width: 991px){
  .dvisual-types__title{
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 42px;
    position: unset;
  }
  .dvisual-types__text-wrap{
    margin-top: unset;
  }
  .dvisual-types__container{
    flex-direction: column;
  }
  .dvisual-types__container .dvisual-whatwedo__image,
  .dvisual-types__container:last-child .dvisual-whatwedo__image{
    margin-top: 36px;
    left: 0;
    margin-left: -15px;
    width: 100vw;
    max-width: 100vw;
    flex: 1 1 450px;
  }
  .dvisual-whatwedo__image img{
    max-height: 450px;
    object-fit: cover;
  }
  .dvisual-types__container:last-child{
    margin-top: 42px !important;
    flex-direction: column;
    margin-bottom: 0 !important;
  }

  .dvisual-intro__content{
    padding: 0px 0 42px;
  }
  div.dvisual-whatwedo__container{
    margin: 0 !important;
    padding: 35px 16px 16px !important;
  }
  .dvisual-whatwedo__title{
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 28px;
  }
  .dvisual-whatwedo__item p{
    font-size: 16px;
    line-height: 24px;
  }
  .dvisual-whatwedo__list{
    gap: 24px;
  }
  .dvisual-whatwedo__item:first-child p{
    padding-bottom: 24px;
  }
  .dvisual-whatwedo__container{
    display: flex;
    flex-direction: column;
  }
  .dvisual-whatwedo__content {
    flex: auto;
  }
  .dvisual-whatwedo__image{
    flex: 1 1 450px;
    margin-top: 45px;
    left: 0;
    margin-left: -16px;
    width: 100vw;
    max-height: 450px;
  }
  .dvisual-intro__img{
    height: 450px !important;
  }
  dvisual-types__video-block .visual-types__video{
    height: 450px !important;
  }
  .dvisual-types__video-block.visual-types_dark .visual-types__text.visual-types__text--alt{
    padding: 40px 0px;
  }
  .dvisual-types__video-block .visual-types__list-descr{
    padding-top: 16px;
  }
  .dvisual-types__video-block .visual-types__list-content{
    gap: 16px;
  }
  .dvisual-types__video-block .visual-types__list-descr-expand{
    margin-top: 16px;
  }
  .dvisual-types__video-block .wrapper_visual_list--wrap.wrapper_visual_list--wrap-alt{
    gap: 40px
  }
  .dvisual-page iframe,
  .banner-video-section{
    max-height: 450px !important;
  }
  .banner-video-section{
    margin-top: 36px;
  }
}
@media(max-width: 767px){
  .dvisual-intro__title h1 p{
    font-size: 25px;
    line-height: 25px;
  }
}

/**/

.portfolio__item-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}
.plyr__video-embed__container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.portfolio__item-alt .plyr__controls, .portfolio__item-alt  .plyr__control {
  display: none !important;
}

.portfolio__item-image .plyr {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.portfolio__item-poster {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  transition: all .35s ease;

}
.portfolio__item-poster.is-hide {
  opacity: 0;
}
.portfolio__item-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


@media (max-width: 680px) {
  .fancybox-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.cursor-normal-on-hover {
  cursor: auto;
}
.portfolio__item-alt-frame {
  display: none;
}
.portfolio__item-alt-frame + .portfolio__item-image {
  /*height: auto;*/
  padding-top: 56.67777%;
}
.portfolio__item-alt-frame + .portfolio__item-image iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .portfolio__item-alt-frame {
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    pointer-events: none;
    width: 100%;
    height: 78px;
    transform: translate(-50%, -100%);
    border: unset;
  }
  .banner-video-section.portfolio__item-alt:first-child .portfolio__item-alt-frame {
    /*display: none;*/
  }
  .banner-video-section.portfolio__item-alt {
    position: relative;
    overflow: unset;
  }
  .banner-video-section.portfolio__item-alt:not(:last-child):before {
    display: none;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100%;
    height: 58px;
    transform: translate(-50%, 100%);
    background-image: url("assets/img/hand.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .banner-video-section.portfolio__item-alt:first-child {
    margin-top: 20px;
  }
  .banner-video-section.portfolio__item-alt:not(:first-child) {
    margin-top: 47px;
  }
}
