@font-face {
  font-family: "icon";
  src: url("/fonts/icomoon.eot?nvr12d");
  src: url("/fonts/icomoon.eot?nvr12d#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?nvr12d") format("truetype"), url("/fonts/icomoon.woff?nvr12d") format("woff"), url("/fonts/icomoon.svg?nvr12d#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "reg";
  src: url("/fonts/GothamPro.eot");
  src: url("/fonts/GothamPro.eot?iefix") format("emdded-opentype"), url("/fonts/GothamPro.woff2") format("woff2"), url("/fonts/GothamPro.woff") format("woff"), url("/fonts/GothamPro.ttf") format("truetype"), url("/fonts/GothamPro.svg#GothamPro") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "bold";
  src: url("/fonts/GothamPro-Bold.eot");
  src: url("/fonts/GothamPro-Bold.eot?iefix") format("emdded-opentype"), url("/fonts/GothamPro-Bold.woff2") format("woff2"), url("/fonts/GothamPro-Bold.woff") format("woff"), url("/fonts/GothamPro-Bold.ttf") format("truetype"), url("/fonts/GothamPro-Bold.svg#GothamPro-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "light";
  src: url("/fonts/GothamPro-Light.eot");
  src: url("/fonts/GothamPro-Light.eot?iefix") format("emdded-opentype"), url("/fonts/GothamPro-Light.woff2") format("woff2"), url("/fonts/GothamPro-Light.woff") format("woff"), url("/fonts/GothamPro-Light.ttf") format("truetype"), url("/fonts/GothamPro-Light.svg#GothamPro-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

.button--hover-blue:active {
  background-color: #183AC3;
}

.header__sidebar {
  transition: 0.3s ease;
  transition-property: transform;
}

@media (min-width: 1200px) {
  .button--hover-blue {
    transition: 0.3s ease;
    transition-property: background-color;
  }

  .button--hover-blue:active {
    background-color: #183AC3;
  }

  .button--hover-blue:hover {
    background-color: #5F79E3;
  }

  .form__link--white:hover span {
    transition: 0.3s ease;
    transition-property: background-color;
    border-color: rgba(255, 255, 255, 0.15);
  }

  .list__item {
    transition: 0.3s ease;
    transition-property: background-color;
  }

  .list__item:hover {
    background-color: #3D3D5C;
  }

  .select__item {
    transition: 0.3s ease;
    transition-property: background-color, color;
  }

  .select__item:hover:not(.select__item--datepicker) {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
  }

  .select__item:active:not(.select__item--datepicker) {
    background-color: #fff;
    color: #3D3D5C;
  }

  .header__button--close-header {
    transition: 0.3s ease;
    transition-property: border-color;
    border-bottom: 1px solid transparent;
  }

  .header__button--close-header:hover {
    border-color: rgba(255, 255, 255, 0.15);
  }

  .button--close:before,
  .button--close:after {
    transition: background-color 0.3s ease;
  }

  .button--close:hover:before,
  .button--close:hover:after {
    background-color: #3030DA;
  }

  .button--close:active:before,
  .button--close:active:after {
    background-color: #171735;
  }

  .asd__day--enabled:hover {
    background-color: #9597A8 !important;
  }
}

.wheel {
  transform-origin: center;
}

.header:before {
  transition: 0.3s ease;
  transition-property: opacity;
}

.header__button--hamburger span {
  transition: 0.3s ease;
  transition-property: transform;
}

.form__content {
  transition: 0.15s ease;
  transition-property: opacity, transform;
}

.information__content {
  transition: 0.3s ease;
  transition-property: max-height;
}

.order__content {
  transition: 0.3s ease;
  transition-property: max-height;
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate180 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@keyframes rotate180 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}