@font-face {
  font-family: 'simple-line-icons';
  src: url("");
  src: url("") format('embedded-opentype'),url("") format('woff2'),url("") format('truetype'),url("") format('woff'),url("") format('svg');
  font-weight: normal;
  font-style: normal
}

html {
  font-size: 100%
}

.special body {
  margin-top: 64px;
  min-width: 300px
}

#special a {
  font-size: 1rem !important
}

.avtor {
  width: 100%;
  text-align: center;
}

.special-settings i,.special-quit i,.special-images i,.special-audio i,i.special-audio {
  font-family: 'simple-line-icons' !important;
  cursor: pointer;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.special-audio i:before {
  content: "\e09f"
}

.special-settings i:before {
  content: "\e09a"
}

.special-quit i:before {
  content: "\e087"
}

.special-images button[value='0'] i:before {
  content: "\e07c"
}

.special-images button[value='1'] i:before {
  content: "\e032"
}

marquee {
  display: none !important
}

#special {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 8px 0;
  border-bottom: 1px solid gray;
  z-index: 999999;
  cursor: default;
  line-height: 1em !important
}

#special * {
  font-size: 0 !important
}

#special {
  webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#special i {
  font-style: normal;
  font-weight: bold;
  line-height: 30px !important;
  color: inherit !important;
  background: inherit !important;
  font-size: inherit !important
}

#special .special-panel div {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-left: 16px;
  margin-bottom: 5px
}

#special span,#special em {
  font-size: 16px !important;
  vertical-align: middle
}

#special button {
  margin: 0 2px;
  border: 1px solid;
  border-color: inherit;
  min-width: 32px;
  text-align: center;
  padding: 5px;
  line-height: normal;
  text-decoration: none;
  vertical-align: middle;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  outline: 0;
  height: auto;
  text-transform: none;
  font-size: 20px !important;
  color: inherit;
  background: inherit
}

#special .special-panel button {
  height: 32px;
  line-height: 32px !important;
  padding: 0
}

#special,#special .active {
  border-bottom-width: 3px
}

#special-settings-body {
  display: none;
  padding: 0 1em;
  text-align: left
}

#special-settings-body>div {
  margin: 15px 15px 0
}

#special-settings-body button {
  margin-bottom: 5px
}

.special-reset,.special-settings-close {
  display: inline-block
}

.special-settings-close {
  float: right
}

.special-line-height-1 *,#special .special-line-height button[value='1'] {
  line-height: normal !important;
}

.special-line-height-2 *,#special .special-line-height button[value='2'] {
  line-height: 1.75rem !important
}

.special-line-height-3 *,#special .special-line-height button[value='3'] {
  line-height: 2rem !important
}

.special-font-size-1 *,#special .special-font-size button[value='1'] {
  /* font-size: 1rem !important */
}

.special-font-size-2 *,#special .special-font-size button[value='2'] {
  font-size: 1.5rem !important
}

.special-font-size-3 *,#special .special-font-size button[value='3'] {
  font-size: 2rem !important
}

.special-font-family-1 *,#special .special-font-family button[value='1'] {
  font-family: Arial,sans-serif !important
}

.special-font-family-2 *,#special .special-font-family button[value='2'] {
  font-family: Times,sans !important
}

.special-color-1 *,#special .special-color button[value='1'] {
  color: #000 !important;
  background: #FFF !important;
  border-color: #000 !important
}

.special-color-2 *,#special .special-color button[value='2'] {
  color: #FFF !important;
  background: #000 !important;
  border-color: #FFF!importan
}

.special-color-3 *,#special .special-color button[value='3'] {
  color: #063462 !important;
  background: #9dd1ff !important;
  border-color: #063462 !important
}

.special-color-4 *,#special .special-color button[value='4'] {
  color: #59422e !important;
  background: #f7f3d6 !important;
  border-color: #59422e !important
}

.special-color-5 *,#special .special-color button[value='5'] {
  color: #a9dd38 !important;
  background: #3b2716 !important;
  border-color: #a9dd38 !important
}

.special-letter-spacing-1 *,#special .special-letter-spacing button[value='1'] {
  letter-spacing: normal !important;
}

.special-letter-spacing-2 *,#special .special-letter-spacing button[value='2'] {
  letter-spacing: 2px !important
}

.special-letter-spacing-3 *,#special .special-letter-spacing button[value='3'] {
  letter-spacing: 4px !important
}

@media(max-width: 940px) {
  #special .special-panel span {
      display:none
  }
}

@media(max-width: 460px) {
  .special body {
      margin-top:104px
  }
}


.specialButton {
  display: flex;
  gap: 12px;
  align-items: center;
  transition: .3s;
  padding-top: 10px;
}
.specialButton svg {
  width: 50px;
  height: 40px;
}
.specialButton path {
  transition: .3s;
  fill: #fff;
}
.specialButton:hover svg path {
  fill: #b34a6d;
}

.header__special {
  margin-right: 51px;
}
.header__special .specialButton svg {
  width: 45px;
  height: 45px;
}
.scroll .header__special .specialButton svg path {
  fill: #222222;
}
.header.scroll .specialButton path {
  fill: #222222;
}
.header.scroll .specialButton:hover path {
  fill: #b34a6d;
}
@media screen and (max-width: 1200px) {
  .header__special {
    order: 5;
    margin: 0;
    margin-left: 51px;
  }
}
@media screen and (max-width: 768px) {
  .header__special {
    margin-left: 24px;
  }
  .header__special .specialButton svg {
    width: 24px;
    height: 24px;
  }
}

.footer .specialButton {
  color: #fff;
  margin-top: 40px;
  max-width: max-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  letter-spacing: 1px;
}
.footer .specialButton:hover {
  color: #222222;
}
.footer .specialButton:hover svg path {
  fill: #222222;
}

/* Special */
.special * {
  background-repeat: no-repeat !important;
}

.special .header {
  margin-top: 54px;
}

.special ymaps {
  background-color: transparent !important;
}

.special .review__video-link {
  background: transparent !important;
}
.special .footer + .float-button--order {
  padding: 40px 20px;
}

.special-color-1 .specialButton {
  color: #000;
}
.special-color-1 svg {
  fill: #000 !important;
}
.special-color-1 .social__link {
  background-color: #000 !important;
}
.special-color-1 .social__link svg {
  fill: #fff !important;
  background-color: transparent !important;
}
.special-color-1 .promo::after {
  background-color: #fff !important;
}
.special-color-1 .services__price {
  background-color: #000 !important;
  color: #fff !important;
}
/* Плавающая кнопка */
.special-color-1 .footer + .float-button--order {
  background-color: #000 !important;
}
.special-color-1 .footer + .float-button--order * {
  background-color: #000 !important;
  color: #fff !important;
}
.special-color-1 .footer + .float-button--order svg {
  fill: #fff !important;
  stroke: #fff !important;
}

.special-color-2 .specialButton {
  color: #000;
}
.special-color-2 svg {
  fill: #fff !important;
}
.special-color-2 .promo::after {
  background-color: #000 !important;
}
.special-color-2 .services__price {
  background-color: #fff !important;
  color: #000 !important;
}
/* Плавающая кнопка */
.special-color-2 .footer + .float-button--order {
  background-color: #fff !important;
}
.special-color-2 .footer + .float-button--order * {
  background-color: #fff !important;
  color: #000 !important;
}
.special-color-2 .footer + .float-button--order svg {
  fill: #000 !important;
  stroke: #000 !important;
}

.special-color-3 .specialButton {
  color: #063462;
}
.special-color-3 svg {
  fill: #063462 !important;
}
.special-color-3 .promo::after {
  background-color: #9dd1ff !important;
}
.special-color-3 .services__price {
  background-color: #063462 !important;
  color: #9dd1ff !important;
}
.special-color-3 .social__link {
  background-color: #063462 !important;
}
.special-color-3 .social__link svg {
  fill: #9dd1ff !important;
  background-color: transparent !important;
}
/* Плавающая кнопка */
.special-color-3 .footer + .float-button--order {
  background-color: #063462 !important;
}
.special-color-3 .footer + .float-button--order * {
  background-color: #063462 !important;
  color: #9dd1ff !important;
}
.special-color-3 .footer + .float-button--order svg {
  fill: #9dd1ff !important;
  stroke: #9dd1ff !important;
}

.special-color-4 .specialButton {
  color: #59422e;
}
.special-color-4 svg {
  fill: #59422e !important;
}
.special-color-4 .promo::after {
  background-color: #f7f3d6 !important;
}
.special-color-4 .services__price {
  background-color: #59422e !important;
  color: #f7f3d6 !important;
}
.special-color-4 .social__link {
  background-color: #59422e !important;
}
.special-color-4 .social__link svg {
  fill: #f7f3d6 !important;
  background-color: transparent !important;
}
/* Плавающая кнопка */
.special-color-4 .footer + .float-button--order {
  background-color: #59422e !important;
}
.special-color-4 .footer + .float-button--order * {
  background-color: #59422e !important;
  color: #f7f3d6 !important;
}
.special-color-4 .footer + .float-button--order svg {
  fill: #f7f3d6 !important;
  stroke: #f7f3d6 !important;
}

.special-color-5 .specialButton {
  color: #a9dd38;
}
.special-color-5 svg {
  fill: #a9dd38 !important;
}
.special-color-5 .promo::after {
  background-color: #3b2716 !important;
}
.special-color-5 .services__price {
  background-color: #a9dd38 !important;
  color: #3b2716 !important;
}
.special-color-5 .social__link {
  background-color: #a9dd38 !important;
}
.special-color-5 .social__link svg {
  fill: #3b2716 !important;
  background-color: transparent !important;
}
/* Плавающая кнопка */
.special-color-5 .footer + .float-button--order {
  background-color: #a9dd38 !important;
}
.special-color-5 .footer + .float-button--order * {
  background-color: #a9dd38 !important;
  color: #3b2716 !important;
}
.special-color-5 .footer + .float-button--order svg {
  fill: #3b2716 !important;
  stroke: #3b2716 !important;
}