.transition_none {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}
/* transform el */
/* /transform el */
/* border radius */
.sp-filters__form:after {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  -webkit-box-shadow: 0 2px 8px rgba(50, 53, 84, 0.07);
  -moz-box-shadow: 0 2px 8px rgba(50, 53, 84, 0.07);
  -o-box-shadow: 0 2px 8px rgba(50, 53, 84, 0.07);
  box-shadow: 0 2px 8px rgba(50, 53, 84, 0.07);
}
.sp-filters:before {
  content: '';
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  -webkit-filter: blur(50px);
  filter: blur(50px);
  background-image: radial-gradient(circle, rgba(50, 53, 84, 0.5), rgba(50, 53, 84, 0));
  position: fixed;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 0;
  opacity: 0;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-border-top-left-radius: 100%;
  -webkit-border-top-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topleft: 100%;
  -moz-border-radius-topright: 100%;
  -moz-border-radius-bottomright: 100%;
  -moz-border-radius-bottomleft: 100%;
  -moz-background-clip: padding;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  background-clip: padding-box;
}
.sp-filters.sp-active:before {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 1;
  opacity: 1;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: radial-gradient(circle, rgba(50, 53, 84, 0.3), rgba(50, 53, 84, 0.4));
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-background-clip: padding;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
}
.sp-filters__but {
  border: 0;
  background: #343994;
  -webkit-box-shadow: 0 4px 12px rgba(52, 57, 148, 0.1);
  -moz-box-shadow: 0 4px 12px rgba(52, 57, 148, 0.1);
  -o-box-shadow: 0 4px 12px rgba(52, 57, 148, 0.1);
  box-shadow: 0 4px 12px rgba(52, 57, 148, 0.1);
}
.sp-filters__but:before, .sp-filters__but:after {
  display: none;
}
.sp-filters__but, .sp-filters__but:hover, .sp-filters__but:active, .sp-filters__but:focus-visible {
  color: #fff !important;
  outline: none;
}
@media (hover: hover) {
  /* Safari and Chrome */
  /* IE 9 */
  .sp-filters__but:hover {
    -webkit-transform: translate(-1px, 0);
    -moz-transform: translate(-1px, 0);
    -ms-transform: translate(-1px, 0);
    -o-transform: translate(-1px, 0);
    transform: translate(-1px, 0);
    background: #2e3399;
    -webkit-box-shadow: 0 4px 15px rgba(52, 57, 148, 0.3);
    -moz-box-shadow: 0 4px 15px rgba(52, 57, 148, 0.3);
    -o-box-shadow: 0 4px 15px rgba(52, 57, 148, 0.3);
    box-shadow: 0 4px 15px rgba(52, 57, 148, 0.3);
  }
}
.sp-filters__but:focus-visible {
  background: #2e3399;
  -webkit-box-shadow: 0 4px 15px rgba(52, 57, 148, 0.3);
  -moz-box-shadow: 0 4px 15px rgba(52, 57, 148, 0.3);
  -o-box-shadow: 0 4px 15px rgba(52, 57, 148, 0.3);
  box-shadow: 0 4px 15px rgba(52, 57, 148, 0.3);
}
.sp-filters__but:active, .sp-filters__but.active, .sp-filters__but.sp-active, .sp-filters__but.sp-selected, .sp-filters__but:active:hover, .sp-filters__but.active:hover, .sp-filters__but.sp-active:hover, .sp-filters__but.sp-selected:hover {
  background: #4e4f54;
  -webkit-box-shadow: 0 0 15px rgba(78, 79, 84, 0);
  -moz-box-shadow: 0 0 15px rgba(78, 79, 84, 0);
  -o-box-shadow: 0 0 15px rgba(78, 79, 84, 0);
  box-shadow: 0 0 15px rgba(78, 79, 84, 0);
}
.sp-filters__but {
  font: normal 500 clamp(13px, 1vw, 14px)/1.1 'Inter', Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  -webkit-border-top-left-radius: clamp(20px, 1.8vw, 24px);
  -webkit-border-top-right-radius: clamp(20px, 1.8vw, 24px);
  -webkit-border-bottom-right-radius: clamp(20px, 1.8vw, 24px);
  -webkit-border-bottom-left-radius: clamp(20px, 1.8vw, 24px);
  -webkit-background-clip: padding-box;
  -moz-border-radius-topleft: clamp(20px, 1.8vw, 24px);
  -moz-border-radius-topright: clamp(20px, 1.8vw, 24px);
  -moz-border-radius-bottomright: clamp(20px, 1.8vw, 24px);
  -moz-border-radius-bottomleft: clamp(20px, 1.8vw, 24px);
  -moz-background-clip: padding;
  border-top-left-radius: clamp(20px, 1.8vw, 24px);
  border-top-right-radius: clamp(20px, 1.8vw, 24px);
  border-bottom-right-radius: clamp(20px, 1.8vw, 24px);
  border-bottom-left-radius: clamp(20px, 1.8vw, 24px);
  background-clip: padding-box;
  padding: clamp(10px, 1.4vw, 16px) clamp(20px, 2.5vw, 32px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.sp-filters__but * {
  margin: 0;
  padding: 0;
}
.sp-filters__but:disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 0.4;
  opacity: 0.4;
  cursor: not-allowed;
}
@media (hover: hover) {
  /* Safari and Chrome */
  /* IE 9 */
  .sp-filters__but:hover, .sp-filters__but:focus {
    -webkit-transform: translate(-1px, 0);
    -moz-transform: translate(-1px, 0);
    -ms-transform: translate(-1px, 0);
    -o-transform: translate(-1px, 0);
    transform: translate(-1px, 0);
  }
}
.sp-filters__but:active, .sp-filters__but.sp-active, .sp-filters__but.sp-selected {
  transform: scale(0.98);
}
.sp-filters__form:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.sp-filters__form:after {
  z-index: -1;
}
.sp-filters:before, .sp-filters__but, .sp-filters__icon, .sp-filters__form {
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
.sp-filters__icon {
  width: clamp(44px, 4vw, 54px);
  height: clamp(44px, 4vw, 54px);
  font-size: 0;
}
.sp-filters__icon, .sp-filters__icon i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.sp-filters__icon i {
  width: clamp(15px, 1.2vw, 16px);
  height: clamp(15px, 1.2vw, 16px);
  font: normal 400 clamp(15px, 1.2vw, 16px)/20 'Inter', Arial, Helvetica, sans-serif;
  letter-spacing: -6%;
  color: #323554;
}
.sp-filters__icon svg path {
  fill: #323554;
}
.sp-filters__icon svg {
  width: clamp(15px, 1.2vw, 16px);
  height: clamp(15px, 1.2vw, 16px);
}
.sp-filters__icon:focus i, .sp-filters__icon:hover i {
  color: #343994;
}
.sp-filters__icon:focus svg path, .sp-filters__icon:hover svg path {
  fill: #343994;
}
.sp-filters__icon:active i, .sp-filters__icon.sp-active i, .sp-filters__icon.sp-selected i {
  color: #938034;
}
.sp-filters__icon:active svg path, .sp-filters__icon.sp-active svg path, .sp-filters__icon.sp-selected svg path {
  fill: #938034;
}
/* line: 9, ../../scss/spFilter.scss */
.sp-filters {
  width: clamp(44px, 4vw, 54px);
  display: flex;
  gap: clamp(20px, 2vw, 24px);
  position: relative;
  z-index: 5;
}
/* line: 16, ../../scss/spFilter.scss */
.sp-filters__icon {
  z-index: 10;
  cursor: pointer;
}
/* line: 21, ../../scss/spFilter.scss */
.sp-filters__but {
}
/* line: 24, ../../scss/spFilter.scss */
/* Safari and Chrome */
/* IE 9 */
/* line: 30, ../../scss/spFilter.scss */
/* line: 31, ../../scss/spFilter.scss */
/* line: 32, ../../scss/spFilter.scss */
/* line: 32, ../../scss/spFilter.scss */
.sp-filters__form {
  justify-content: end;
  width: 100%;
  display: flex;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 0;
  opacity: 0;
  padding: clamp(22px, 2.2vw, 28px);
  top: 0;
  left: 0;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  margin-top: calc(clamp(22px, 2.2vw, 28px) * -1);
  margin-left: calc(clamp(22px, 2.2vw, 28px) * -1);
  padding-left: calc(clamp(44px, 4vw, 54px) + clamp(22px, 2.2vw, 28px) * 2);
  gap: clamp(22px, 2.2vw, 28px);
  margin-top: calc(clamp(22px, 2.2vw, 28px) * -1);
  margin-left: calc(clamp(22px, 2.2vw, 28px) * -1);
  padding-left: calc(clamp(44px, 4vw, 54px) + clamp(22px, 2.2vw, 28px) * 2);
}
.sp-filters__form:after {
  content: '';
  -webkit-border-top-left-radius: clamp(36px, 4vw, 56px);
  -webkit-border-top-right-radius: clamp(36px, 4vw, 56px);
  -webkit-border-bottom-right-radius: clamp(36px, 4vw, 56px);
  -webkit-border-bottom-left-radius: clamp(36px, 4vw, 56px);
  -webkit-background-clip: padding-box;
  -moz-border-radius-topleft: clamp(36px, 4vw, 56px);
  -moz-border-radius-topright: clamp(36px, 4vw, 56px);
  -moz-border-radius-bottomright: clamp(36px, 4vw, 56px);
  -moz-border-radius-bottomleft: clamp(36px, 4vw, 56px);
  -moz-background-clip: padding;
  border-top-left-radius: clamp(36px, 4vw, 56px);
  border-top-right-radius: clamp(36px, 4vw, 56px);
  border-bottom-right-radius: clamp(36px, 4vw, 56px);
  border-bottom-left-radius: clamp(36px, 4vw, 56px);
  background-clip: padding-box;
}
/* line: 33, ../../scss/spFilter.scss */
.sp-filters__form input, .sp-filters__form button[type=submit] {
  margin: 0;
}
/* line: 37, ../../scss/spFilter.scss */
.sp-filters__field {
  flex: 1 1 30%;
  height: clamp(35px, 3.5vw, 48px);
}
/* line: 40, ../../scss/spFilter.scss */
.sp-filters__field input {
  width: 100%;
}
/* line: 45, ../../scss/spFilter.scss */
.sp-filters.sp-active {
  z-index: 20;
}
/* line: 50, ../../scss/spFilter.scss */
.sp-filters.sp-active .sp-filters {
}
/* line: 51, ../../scss/spFilter.scss */
/* Safari and Chrome */
/* IE 9 */
.sp-filters.sp-active .sp-filters__form {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 1;
  opacity: 1;
  z-index: 5;
}


/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* background svg */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* background image */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* background svg */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* transition */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* background svg */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* background image */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* background svg */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */