/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden],
.d-none {
  display: none;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-box-component {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

a {
  text-decoration: none;
  color: inherit;
  text-align: center;
}
a:hover,
a:focus {
  text-decoration: none;
  color: inherit!important;
}

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

button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: none;
  text-align: center;
  outline: none;
}

p {
  margin: 0;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

body {
  min-width: 320px;
  background: #fff;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
  font-family: 'A1 Sans';
}

body.no-scroll {
  overflow: hidden;
}

.container {
  max-width: 1200px;
  padding: 0 45px;
  margin: 0 auto;
}

.container--main {
  max-width: 1300px;
  padding: 0 35px;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .container {
    padding: 0 30px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
}

.title {
  font-family: 'A1 Serif';
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
}

@media screen and (max-width: 1200px) {
  .title {
    font-size: 26px;
    line-height: 150%;
  }
}

.text {
  margin-top: 15px;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (max-width: 1200px) {
  .text {
    font-size: 16px;
    line-height: 150%;
  }
}

.btn {
  display: inline-block;
  padding: 15px 46px 15px 18px;
  min-height: 46px;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  font-family: 'A1 Sans';
  background: #DA291C;
  position: relative;
  -webkit-transition: hover .2s ease;
  transition: hover .2s ease;
  border-radius: 0!important;
}

.btn::after {
  content: url("../../images/icons/arrow.svg");
  position: absolute;
  right: 25px;
  top: 17px;
}

.btn:hover, .btn:focus {
  background: rgba(218, 41, 28, 0.9);
  color: #fff!important;
  box-shadow: none;
}

.header {
  position: fixed;
  z-index: 99999!important;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  min-height: 57px;
  padding: 15px 0;
  font-family: 'A1 Serif';
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
  -webkit-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.header__logo {
  font-family: 'A1 Sans';
}

.header__logo img {
 max-height: 40px;
 }

.header__nav {
  max-width: 800px;
}

.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__nav-list li {
  margin-left: 30px;
}

.header__nav-list a {
  position: relative;
}

.header__nav-list a::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: #000;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: none;
}

.header__nav-list a:hover::after, .header__nav-list a:focus::after {
  display: block;
}

.header__nav-toggle {
  display: none;
}

@media screen and (max-width: 991px) {
  .header__nav {
    position: fixed;
    top: 57px;
    right: -100%;
    background: #fff;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .header__nav.active {
    right: 0;
  }
  .header__nav-list {
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .header__nav-list li {
    margin: 0;
    margin-bottom: 10px;
  }
  .header__nav-list li:last-child {
    margin-bottom: 0;
  }
  .header__nav-toggle {
    display: block;
    width: 25px;
    height: 20px;
    position: relative;
  }
  .header__nav-toggle span {
    padding: 0;
    width: 100%;
    height: 4px;
    background-color: #DA291C;
    display: block;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
  }
  .header__nav-toggle span:nth-child(1) {
    top: 0;
  }
  .header__nav-toggle span:nth-child(2), .header__nav-toggle span:nth-child(3) {
    top: 8px;
  }
  .header__nav-toggle span:nth-child(3) {
    right: 0;
  }
  .header__nav-toggle span:nth-child(4) {
    bottom: 0;
  }
  .header__nav-toggle.active .header__nav-hamburger span:nth-child(1) {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    background-color: transparent;
  }
  .header__nav-toggle.active .header__nav-hamburger span:nth-child(2) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .header__nav-toggle.active .header__nav-hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .header__nav-toggle.active .header__nav-hamburger span:nth-child(4) {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    background-color: transparent;
  }
}

.page {
  padding: 90px 0 50px;
  background: #F0F0F0;
  background-size: cover;
}

.page__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.page__info {
  max-width: 415px;
}

.page__btn {
  margin-top: 25px;
}

.page__slider {
  width: 521px;
  padding-bottom: 30px;
}

.page__img {
  position: relative;
}

.page__img-text {
  width: 210px;
  padding: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #F0F0F0;
}

.page__img-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

.page .page__pagination {
  bottom: 0;
}

@media screen and (max-width: 1100px) {
  .page__slider {
    width: calc(100% - 434px);
  }
  .page__img-text {
    padding: 10px;
    font-size: 14px;
  }
  .page__img-text::before {
    height: 100px;
  }
  .page__img-title {
    font-size: 16px;
  }
}

@media screen and (max-width: 991px) {
  .page__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page__slider {
    width: 521px;
    margin: 0;
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .page__slider {
    width: 100%;
  }
}

.features {
  padding: 50px 0;
  font-size: 18px;
  line-height: 24px;
}

.features__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.features__inner p {
  width: 493px;
  padding: 10px 70px 70px 0;
  border-right: 1px solid #D4D2D2;
}

.features__inner p:nth-child(2n) {
  padding-right: 0;
  padding-left: 70px;
  border: 0;
}

@media screen and (max-width: 1200px) {
  .features {
    font-size: 16px;
    line-height: 150%;
  }
  .features__inner p {
    width: 50%;
    padding: 10px 40px 40px 0;
    border-right: 1px solid #D4D2D2;
  }
  .features__inner p:nth-child(2n) {
    padding-right: 0;
    padding-left: 40px;
    border: 0;
  }
}

@media screen and (max-width: 991px) {
  .features__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .features__inner p {
    padding: 0;
    width: 100%;
    border: none;
  }
  .features__inner p:nth-child(odd) {
    border-bottom: 1px solid #D4D2D2;
  }
  .features__inner p:nth-child(2n) {
    padding: 0;
    padding-top: 30px;
  }
}

.shedule {
  padding-top: 50px;
}

.shedule__table {
  margin-top: 30px;
}

.shedule__item {
  margin-bottom: 17px;
  cursor: pointer;
  position: relative;
}

.shedule__item:last-child {
  margin-bottom: 0;
}

.shedule__top {
  min-height: 88px;
  padding: 9px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F0F0F0;
  -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.25);
}

.shedule__time {
  min-height: 70px;
  min-width: 155px;
  top: 0;
  padding: 14px 0;
  padding-left: 30px;
  font-family: 'A1 Serif';
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.shedule__time-date {
  font-weight: bold;
}

.shedule__time-type {
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.shedule__time.active {
  position: absolute;
  z-index: 10!important;
  top: 50%;
  left: 0;
}

.shedule__time.active .shedule__time-type {
  opacity: 1;
  position: relative;
}

.shedule__place {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

.shedule__person {
  color: #252525;
  font-family: 'A1 Serif';
}

.shedule__info {
  max-width: calc(100% - 155px);
  padding: 14px 30px;
  border-left: 1px solid #DBD9D9;
  margin-left: auto;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.shedule__toggle {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.shedule__toggle::before, .shedule__toggle::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  width: 28px;
  height: 4px;
  background: #DA291C;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.shedule__toggle::after {
  -webkit-transform: rotate(90deg) translateX(-2px);
          transform: rotate(90deg) translateX(-2px);
}

.shedule__toggle.active::after {
  display: none;
}

.shedule__text {
  max-height: 0;
  padding: 0;
  padding: 0 75px;
  padding-left: 410px;
  margin: 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #F7F7F7;
  border: 2px solid #F0F0F0;
}

.shedule__text.active {
  max-height: 1000px;
  overflow: hidden;
  margin-top: 5px;
  padding: 50px 75px;
  padding-left: 410px;
  opacity: 1;
}

@media screen and (max-width: 1200px) {
  .shedule__table {
    margin-top: 25px;
  }
  .shedule__text {
    padding-left: 250px;
  }
  .shedule__text.active {
    padding: 50px;
    padding-left: 250px;
  }
}

@media screen and (max-width: 767px) {
  .shedule {
    font-size: 14px;
  }
  .shedule__place {
    font-size: 14px;
  }
  .shedule__time {
    padding-left: 15px;
    min-width: 100px;
  }
  .shedule__info {
    padding-right: 55px;
    padding-left: 20px;
    max-width: calc(100% - 115px);
  }
  .shedule__toggle {
    position: absolute;
    right: 20px;
  }
}

@media screen and (max-width: 480px) {
  .shedule__text {
    padding: 0 20px;
  }
  .shedule__text.active {
    padding: 20px;
  }
  .shedule__time.active {
    position: static;
  }
}

.translation {
  margin-top: 115px;
  padding: 45px 0 60px;
  margin-bottom: 37px;
  background: #f2f2f2;
  color: #333;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

.translation__inner {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.translation--music {
  margin: 0;
  margin-top: 70px;
}

.translation__video {
  width: 65%;
  height: auto;
}

.translation__chat {
  width: 30%;
}

@media screen and (max-width: 1200px) {
  .translation {
    margin-top: 50px;
  }
}

@media screen and (max-width: 991px) {
  .translation__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .translation__video {
    width: 100%;
  }
  .translation__chat {
    width: 100%;
    margin-top: 25px;
  }
}

.congrats {
  padding: 104px 0;
}

.congrats__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.congrats__info {
  max-width: 400px;
}

.congrats__info p,
.test__header p,
.voting__info p,
.page__info p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
}

.congrats__slider {
  width: 670px;
  padding: 10px;
}

.congrats__slider-phone {
  display: none;
}

.congrats__slider-dekstop .congrats__slide.swiper-slide-prev {
  -webkit-transform: translate3d(314px, 0px, -600px) !important;
          transform: translate3d(314px, 0px, -600px) !important;
}

.congrats__slider-dekstop .congrats__slide.swiper-slide-next {
  -webkit-transform: translate3d(-314px, 0px, -600px) rotateX(0deg) rotateY(0deg) scale(1) !important;
          transform: translate3d(-314px, 0px, -600px) rotateX(0deg) rotateY(0deg) scale(1) !important;
}

.congrats__btn {
  margin-top: 25px;
}

.congrats__slide {
  width: 475px;
  min-width: 475px;
  max-width: 475px;
  padding: 30px 30px 20px;
  padding-bottom: 73px;
  background: #F2F2F2;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  position: relative;
}

.congrats__slide-img {
  width: 155px;
  height: 155px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}

.congrats__slide-info {
  margin-top: 8px;
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}

.congrats__slide-like {
  padding: 5px 15px;
  position: absolute;
  right: 0;
  bottom: 20px;
  background: #fff;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.congrats__slide-like img {
  margin-right: 7px;
  margin-bottom: 2px;
}

@media screen and (max-width: 1200px) {
  .congrats {
    padding: 50px 0;
  }
  .congrats__btn {
    margin-top: 15px;
  }
}

@media screen and (max-width: 1100px) {
  .congrats__info {
    max-width: 100%;
  }
  .congrats__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .congrats__slider {
    margin: 0;
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .congrats__slider {
    width: 100%;
    max-width: 535px;
    padding: 0;
  }
  .congrats__slider-dekstop {
    display: none;
  }
  .congrats__slider-phone {
    display: block;
    max-width: 535px;
  }
  .congrats__slider-phone .swiper-button-next {
    top: 45%;
  }
  .congrats__slider-phone .swiper-button-prev {
    top: 45%;
  }
  .congrats__slide {
    -webkit-box-shadow: none;
            box-shadow: none;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .congrats__slide-text {
    margin-top: 20px;
  }
}

.test {
  padding: 50px 0 60px;
  background: #F0F0F0;
}

.test__header {
  max-width: 630px;
}

.test__list {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.test__item {
  width: calc(50% - 18px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
      margin-bottom: 36px;
}

.test__item-link {
  display: block;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  background: #333;
}
.test__item-link img {
opacity: .7;
}
.test__item-link:hover img {
opacity: .5;
}

.test__item-text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.test__title {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  color: #fff;
  text-decoration: underline;
  text-align: left;
  font-family: 'A1 Serif';
  white-space: nowrap;  
}

.test__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 10px;
  line-height: 13px;
  color: #fff;
}

.test__rating li {
  margin-right: 25px;
  position: relative;
}

.test__rating li:last-child {
  margin-right: 0;
}

.test__rating-views::before {
  content: url("../../images/icons/views.svg");
  margin-right: 3px;
}

.test__rating-comments::before {
  content: url("../../images/icons/comments.svg");
  margin-right: 3px;
  position: relative;
  top: 1px;
}

@media screen and (max-width: 1200px) {
  .test__list {
    margin-top: 15px;
  }
  .test__title {
    max-width: 100%;
    width: 100%;
    font-size: 22px;
  }
}

@media screen and (max-width: 991px) {
  .test__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .test__item {
    width: 100%;
    margin-bottom: 25px;
  }
  .test__item:last-child {
    margin-bottom: 0;
  }
  .test__item img {
    width: 100%;
    height: auto;
  }
  .test__title {
    font-size: 23px;
  }
}

.voting {
  padding: 90px 0;
}

.voting__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.voting__info {
  max-width: 525px;
}

.voting__info ul {
list-style: none;
margin-top: 15px;
}

.voting__info ul li {
line-height: 30px;
/*font-family: 'A1 Serif';
font-size: 120%;*/
}

.voting__info ul li:before {
content: "#";
color: #da291c;
font-weight: 600;
}

.voting__text {
  margin-bottom: 25px;
}

.voting__slider {
  width: 488px;
  padding-bottom: 30px;
  margin: 0;
}

.voting__slider .voting__pagination {
  bottom: 0;
}

.voting__slider .voting__pagination .swiper-pagination-bullet {
  background: #F0F0F0;
}

.voting__slider .voting__pagination .swiper-pagination-bullet-active {
  background: #D5D2D2;
}

.voting__item {
  width: 488px;
}

.voting--page {
  padding-top: 147px;
  background: #F0F0F0;
}

.voting--page .btn {
  margin-top: 30px;
}

.voting--page .voting__info {
  max-width: 480px;
}

.voting--page .voting__text {
  margin-top: 22px;
}

@media screen and (max-width: 1200px) {
  .voting__text {
    margin-bottom: 15px;
  }
  .voting__slider {
    width: calc(100% - 455px);
  }
  .voting--page {
    padding-top: 90px;
  }
  .voting--page .btn {
    margin-top: 15px;
  }
}

@media screen and (max-width: 991px) {
  .voting__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .voting__slider {
    width: 488px;
    margin: 0;
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .voting__slider {
    width: 100%;
  }
}

.location {
  padding: 65px 0;
  background: #F0F0F0;
}

.location__text {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
}

.location__text-about {
  /*min-width: 375px;*/
  padding: 15px 0;
  padding-right: 25px;
  border-right: 1px solid #DBD9D9;
  color: #222222;
/*  font-family: 'A1 Serif';
  font-size: 20px;*/
}

.location__text-descr {
  padding-left: 22px;
  color: #252525;
}

.location__map {
  margin-top: 45px;
  width: 100%;
  -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
}

.location__map-svg {
  width: 100%;
  max-width: 100%;
  background: #fff;
}

.location__map-svg svg {
  max-width: 100%;
  width: 100%;
  height: auto;
}

.location__map-country.fil1:hover,
.location__map-country.fil2:hover {
  opacity: 0.8;
  cursor: pointer;  
}

.location__place {
  position: absolute;s
  z-index: 10!important;
  top: 30px;
  left: -10px;
  max-width: 285px;
  padding: 30px;
  padding-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  display: none;
}

.location__place.active {
  display: block;
}

.location__place-title {
  margin-top: 10px;
}

.location__place-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 12px;
  height: 12px;
}

.location__place-close::before, .location__place-close::after {
  content: '';
  height: 2px;
  width: 100%;
  left: 0;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #CBC9C9;
}

.location__place-close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.location__place-btn {
  margin-top: 5px;
  min-height: 38px;
  padding: 5px 46px 5px 15px;
}

.location__place-btn::after {
  top: 7px;
}

.location__cities {
  margin: 0 auto;
  margin-top: 28px;
  width: 960px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.location__cities-wrapper {
  position: relative;
}

.location__cities-wrapper .swiper-button-prev {
  left: 30px;
}

.location__cities-wrapper .swiper-button-next {
  right: 30px;
}

.location__cities-item {
  width: 225px;
  min-width: 225px;
  max-width: 225px;
  min-height: 83px;
  background: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 1200px) {
  .location__text {
    margin-top: 0;
    font-size: 16px;
    line-height: 150%;
  }
  .location__map {
    margin-top: 25px;
  }
  .location__cities {
    width: 715px;
  }
  .location__cities-wrapper .swiper-button-prev {
    left: calc((100% - 785px) / 2);
  }
  .location__cities-wrapper .swiper-button-next {
    right: calc((100% - 785px) / 2);
  }
}

@media screen and (max-width: 991px) {
  .location__cities {
    width: 460px;
  }
  .location__cities-wrapper .swiper-button-prev {
    left: calc((100% - 585px) / 2);
  }
  .location__cities-wrapper .swiper-button-next {
    right: calc((100% - 585px) / 2);
  }
  .location__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .location__text-about {
    width: auto;
    border: none;
    border-bottom: 1px solid #DBD9D9;
  }
  .location__text-descr {
    margin-top: 15px;
    padding: 0;
  }
  .location__place {
    max-width: 250px;
    padding: 20px 15px;
    padding-top: 25px;
  }
}

@media screen and (max-width: 768px) {
  .location__place {
    top: 10px;
    max-width: 400px;
  }
  .location__place-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .location__place-img {
    margin-right: 10px;
    width: 40%;
  }
  .location__place-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .location__place-title {
    font-size: 18px;
  }
  .location__place-btn {
    font-size: 16px;
    line-height: 160%;
    padding-top: 7px;
  }
}

@media screen and (max-width: 630px) {
  .location__cities-wrapper .swiper-button-prev {
    left: calc((100% - 545px) / 2);
  }
  .location__cities-wrapper .swiper-button-next {
    right: calc((100% - 545px) / 2);
  }
}

@media screen and (max-width: 560px) {
  .location__cities {
    width: calc(100% - 50px);
    margin: 0 auto;
    margin-top: 20px;
  }
  .location__cities-item {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .location__cities-wrapper .swiper-button-prev {
    left: -5px;
  }
  .location__cities-wrapper .swiper-button-next {
    right: -5px;
  }
  .location__place {
    max-width: 300px;
    padding-left: 10px;
    padding-bottom: 10px;
  }
  .location__place-title {
    margin: 0;
  }
  .location__place-btn {
    padding: 5px;
    font-size: 12px;
    min-height: 20px;
  }
  .location__place-btn::after {
    display: none;
  }
}

.form {
  position: fixed;
  z-index: 9999950!important;
  left: 50%;
  top: 50%;
  width: 730px;
  max-width: 730px;
  padding: 15px 40px 60px;
  background: #fff;
  -webkit-transform: translateY(-50%) translateX(-50%) perspective(500px) rotateX(90deg);
          transform: translateY(-50%) translateX(-50%) perspective(500px) rotateX(90deg);
  visibility: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.form::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.form.active {
  -webkit-transform: translateY(-50%) translateX(-50%) perspective(500px) rotateX(0deg);
          transform: translateY(-50%) translateX(-50%) perspective(500px) rotateX(0deg);
  visibility: visible;
}

.form__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 22px;
  height: 22px;
}

.form__close::before, .form__close::after {
  content: '';
  position: absolute;
  right: 0;
  top: 10px;
  width: 100%;
  height: 2px;
  background: #CBC9C9;
}

.form__close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.form__close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.form__title {
  text-align: center;
}

.form__label {
  display: block;
  margin-top: 17px;
}

.form input[type=text] {
  display: block;
  width: 100%;
  min-height: 42px;
  padding: 19px 18px;
  border: 1px solid #D7D7D7;
  outline: none;
}

.form input[type=text]::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.form input[type=text]::-moz-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.form input[type=text]:-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.form input[type=text]::-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.form input[type=text]::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}


.form input[type=radio] {
    min-height: 18px;
}
.form .form-check-label {
  line-height: 26px;
}

.form textarea {
  display: block;
  width: 100%;
  height: 147px;
  padding: 19px 18px;
  border: 1px solid #D7D7D7;
  outline: none;
  resize: none;
}

.form textarea::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.form textarea::-moz-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.form textarea:-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.form textarea::-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.form textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.form__links {
  margin-top: 20px;
  padding-left: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form__add {
  margin: 0;
  padding: 11px 5px;
}

.form__add input {
  display: none;
}

.form__add span {
  padding: 11px 5px;
  color: #DA291C;
  position: relative;
  -webkit-transition: hover .2s ease;
  transition: hover .2s ease;
  cursor: pointer;
}
div.filename,
div.upload-progress {
    padding: 11px 5px;
    color: #999;
    max-width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form__add span::after {
  content: '';
  position: absolute;
  height: 1px;
  left: -5px;
  right: -5px;
  bottom: 0;
  background: #DA291C;
  -webkit-transition: hover .2s ease;
  transition: hover .2s ease;
}

.form__add span:hover, .form__add span:focus {
  color: rgba(218, 41, 28, 0.7);
}

.form__add span:hover::after, .form__add span:focus::after {
  background: rgba(218, 41, 28, 0.7);
}

.form__btn {
  min-width: 145px;
  min-height: 43px;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-right: 35px;
  font-size: 16px;
}

.form__btn::after {
  top: 10px;
  right: 22px;
}

@media screen and (max-width: 991px) {
  .form {
    width: calc(100% - 30px);
    padding: 20px;
  }
  .form__close {
    top: 30px;
    right: 15px;
  }
}

@media screen and (max-width: 480px) {
  .form__links {
    padding: 0;
  }
  .form__btn {
    margin-top: 10px;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999945!important;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}

.overlay.active {
  display: block;
}

.footer {
  background: #fff;
  font-size: 18px;
  line-height: 24px;
}

.footer__inner {
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer--main {
  max-width: 1230px;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .footer {
    font-size: 16px;
    line-height: 150%;
  }
}

@media screen and (max-width: 991px) {
  .footer--main {
    margin-top: 40px;
    padding: 0;
  }
}

.count {
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  padding: 50px 0 60px;
  background: #fff;
  position: relative;
  font-family: 'A1 Serif';
}

.count__inner {
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: auto;
}

.count__info {
  width: 152px;
  height: 152px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.count__time {
  margin-left: 5px;
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 0.16em;
  font-weight: 400;
}

.count__type {
  margin-top: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.count__svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 152px;
  height: 152px;
}

.count__seconds {
  display: none;
}

@media screen and (max-width: 1250px) {
  .count {
    max-width: 100%;
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media screen and (max-width: 991px) {
  .count {
    padding: 30px 35px;
  }
  .count__inner {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .count__info {
    width: 120px;
    height: 120px;
  }
  .count__svg {
    width: 120px;
    height: 120px;
  }
  .count__time {
    font-size: 28px;
    line-height: 120%;
  }
  .count__type {
    font-size: 12px;
    line-height: 120%;
  }
}

@media screen and (max-width: 460px) {
  .count__info {
    width: 100px;
    height: 100px;
  }
  .count__svg {
    width: 100px;
    height: 100px;
  }
  .count__time {
    font-size: 24px;
  }
  .count__type {
    font-size: 10px;
  }
}

@media screen and (max-width: 380px) {
  .count__info {
    width: 80px;
    height: 80px;
  }
  .count__svg {
    width: 80px;
    height: 80px;
  }
  .count__time {
    font-size: 22px;
    line-height: 120%;
  }
  .count__type {
    margin-top: 5px;
  }
}

.main {
  background: #F0F0F0;
}

.main__top {
  padding: 34px 0 45px;
}

.main__logo {
  display: inline-block;
}

.main__page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main__img {
  width: 557px;
  top: -30px;
  position: relative;
}

.main__img img {
  position: absolute;
  z-index: 10!important;
  top: 30px;
}

.main__info {
  width: calc(100% - 557px);
}

.main__title {
  padding-top: 60px;
  padding-left: 73px;
  font-weight: bold;
  font-size: 96px;
  line-height: 105%;
  font-family: 'A1 Serif';
  position: relative;
}

.main__title::before {
  content: '';
  position: absolute;
  left: 73px;
  right: 0;
  top: 0;
  height: 2px;
  background: #F83728;
}

.main__text {
  margin-top: 45px;
  padding-bottom: 45px;
  padding-left: 73px;
  font-family: 'A1 Sans';
  font-size: 18px;
  line-height: 27px;
}

.main__text p {
  margin-bottom: 25px;
}

.main__text p:last-child {
  margin-bottom: 0;
}

.main__count {
  padding-left: 73px;
  padding-top: 45px;
  background: #fff;
}

@media screen and (max-width: 1250px) {
  .main__page {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .main__img {
    width: calc(100% - 670px);
    top: 0;
  }
  .main__img img {
    position: static;
  }
  .main__info {
    min-width: 598px;
    padding-left: 0;
  }
  .main__title {
    padding-left: 0;
    padding-top: 30px;
    font-size: 80px;
  }
  .main__title::before {
    left: 0;
  }
  .main__text {
    margin-top: 30px;
    padding-left: 0;
  }
}

@media screen and (max-width: 991px) {
  .main__page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main__info {
    min-width: 100px;
    width: 100%;
  }
  .main__img {
    margin-bottom: 25px;
    width: 100%;
  }
  .main__title {
    font-size: 70px;
  }
}

@media screen and (max-width: 767px) {
  .main__title {
    font-size: 60px;
  }
}

@media screen and (max-width: 480px) {
  .main__title {
    font-size: 40px;
  }
  .main__text {
    margin-top: 15px;
  }
  .main__text p {
    margin-bottom: 10px;
  }
}

.gallery {
  padding: 62px 0 58px;
}

.gallery__list {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.gallery__item {
  max-width: 346px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  margin-right: 36px;
  margin-bottom: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}

.gallery__item:nth-child(3n) {
  margin-right: 0;
}

.gallery__top {
  max-width: 100%;
  min-height: 215px;
  overflow: hidden;
  position: relative;
}

.gallery__img img {
  width: 100%;
}

.gallery__like {
  padding: 5px 15px;
  position: absolute;
  bottom: 23px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #212529;
  background: #fff;
  font-family: 'A1 Serif';
}

.gallery__like img {
  margin-right: 6px;
}

.gallery__info {
  padding: 10px 17px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.gallery__info p {
  text-align: left;
}

.badge-primary {
    color: #fff;
    background-color: #da291c;
}
.badge {
  border-radius: 0;
}

.gallery__title {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
}

.gallery__author {
  display: inline-block;
  padding-top: 20px;
  margin-top: auto;
  padding-left: 19px;
  position: relative;
}

.gallery__author::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 13px;
  height: 18px;
  background: url("../../images/icons/author.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1280px) {
  .gallery {
    padding: 50px 0 30px;
  }
  .gallery__list {
    margin-top: 30px;
  }
  .gallery__item {
    max-width: 500px;
    width: calc(33.33% - 14px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .gallery__top {
    min-height: 170px;
  }
}

@media screen and (max-width: 991px) {
  .gallery {
    padding: 40px 0 16px;
  }
  .gallery__list {
    margin-top: 20px;
  }
  .gallery__item {
    max-width: 50%;
    width: calc(50% - 12px);
    margin-right: 24px;
    margin-bottom: 24px;
  }
  .gallery__item:nth-child(even) {
    margin-right: 0;
  }
  .gallery__item:nth-child(odd) {
    margin-right: 24px;
  }
  .gallery__info {
    padding: 20px 30px;
  }
}

@media screen and (max-width: 600px) {
  .gallery__item {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .gallery__item:nth-child(odd) {
    margin-right: 0;
  }
  .gallery__info {
    padding: 20px;
  }
}

.lecture {
  padding-top: 130px;
  padding-bottom: 80px;
  background: #F0F0F0;
}

.lecture__list {
  margin-top: 50px;
  padding-bottom: 54px;
  height: 730px;
}

.lecture__item {
  max-width: 345px;
  padding: 3px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.lecture__item.swiper-slide {
  height: calc(50% - 21px);
}

.lecture__video video {
  width: 100%;
}

.lecture__info {
  padding: 8px 21px 8px;
}

.lecture__title {
  font-family: 'A1 Serif';
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
}

.lecture__text {
  margin-top: 7px;
  font-size: 12px;
  line-height: 16px;
}

.lecture__date {
  display: inline-block;
  margin-top: 15px;
  padding-left: 17px;
  font-size: 13px;
  line-height: 18px;
  position: relative;
}

.lecture__date::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 13px;
  height: 13px;
  background: url("../../images/icons/date.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.lecture .swiper-button-next, .lecture .swiper-button-prev {
  top: auto;
  bottom: 10px;
  width: 9px;
  height: 18px;
}

.lecture .swiper-button-next::after, .lecture .swiper-button-prev::after {
  position: absolute;
  top: -3px;
  width: 9px;
  height: 18px;
  top: 0;
  content: url("../../images/icons/swiper-btn.svg");
}

.lecture .swiper-button-next {
  right: 48.5%;
  bottom: 38px;
}

.lecture .swiper-button-prev {
  left: 48.5%;
  bottom: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 1199px) {
  .lecture {
    padding-top: 100px;
    padding-bottom: 30px;
  }
  .lecture__item {
    max-width: 505px;
  }
  .lecture__list {
    margin-top: 30px;
  }
  .lecture .swiper-button-next {
    right: 47%;
  }
  .lecture .swiper-button-prev {
    left: 47%;
  }
}

@media screen and (max-width: 767px) {
  .lecture {
    padding-top: 80px;
    padding-bottom: 30px;
  }
  .lecture__list {
    margin-top: 20px;
    height: auto;
  }
  .lecture__item {
    max-width: 100%;
  }
  .lecture .swiper-button-next {
    right: 45%;
  }
  .lecture .swiper-button-prev {
    left: 45%;
  }
}

.survey {
  min-height: 100vh;
  width: 100%;
  padding: 150px 0;
  background: #F0F0F0;
}

.survey__inner {
  /*width: 1110px;*/
  padding: 18px 36px;
  /*min-height: 486px;*/
  position: relative;
  background: #fff;
}

.survey__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.survey__question {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  position: absolute;
  left: 0;
}

.survey__what {
    top: 14px;
    left: 50%;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    font-family: 'A1 Serif';
}

.survey__close {
  position: absolute;
  z-index: 10!important;
  top: 20px;
  right: 36px;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.survey__close::before, .survey__close::after {
  content: '';
  position: absolute;
  right: 0;
  top: 10px;
  width: 100%;
  height: 2px;
  background: #CBC9C9;
}

.survey__close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.survey__close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.survey__title {
  margin-top: 100px;
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
  text-align: center;
}

.survey__links {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.survey__links a {
  padding: 12px 32px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 28px;
  line-height: 34px;
}

.survey__links a::after {
  display: none;
}

.survey__links a:nth-child(odd) {
  margin-right: 90px;
}

.survey__links--movie {
 /* max-width: 570px;*/
  margin: 0 auto;
  margin-top: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.survey__links--movie label {
  background: #fff;
  color: #DA291C;
  border: 1px solid #DA291C;
}

.survey__links--movie label:hover, .survey__links--movie label:focus {
  color: #fff;
}

.survey__links--movie label.active {
  background: #DA291C;
  color: #fff;
}

.survey__links-wrapper {
  position: relative;
}

.survey__next {
  position: absolute;
  bottom: 10px;
  right: -36px;
}

.survey__img {
  margin-top: 29px;
}

.survey__img img {
  margin: 0 auto;
  max-height: 400px;
}

@media screen and (max-width: 991px) {
  .survey__inner {
    padding-bottom: 30px;
  }
  .survey__links-wrapper {
    max-width: 570px;
    margin: 0 auto;
  }
  .survey__next {
    margin-top: 30px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
    bottom: auto;
  }
}

@media screen and (max-width: 767px) {
  .survey__title {
    margin-top: 100px;
  }
  .survey__question {
    top: 30px;
    margin-top: 10px;
    font-size: 80%;
  }
  .survey__img {
    margin-top: 50px;
  }
  .survey__links {
    margin-top: 50px;
  }
  .survey__links a {
    font-size: 24px;
    line-height: 120%;
  }
  .survey__links a:nth-child(odd) {
    margin-right: 40px;
  }
  .survey__links--movie {
    max-width: 450px;
  }
}

@media screen and (max-width: 767px) {
  .survey__links--movie {
    max-width: 90%;
  }
}

@media screen and (max-width: 500px) {
  .survey__inner {
    padding: 18px;
  }
  .survey__close {
    right: 18px;
  }
  .survey__links a {
    font-size: 18px;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 360px) {
  .survey__links a {
    font-size: 18px;
    line-height: 150%;
    padding: 8px 15px;
  }
  .survey__next {
    margin-top: 20px;
    padding: 8px 15px;
    padding-right: 30px;
    line-height: 150%;
  }
  .survey__next::after {
    top: 10px;
    right: 10px;
  }
}

.swiper-container .swiper-pagination-bullet {
  width: 53px;
  height: 4px;
  margin: 0 9px;
  background: #fff;
  border-radius: 0;
  opacity: 1;
}

.swiper-container .swiper-pagination-bullet-active {
  background: rgba(0, 0, 0, 0.3);
}

.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 9px;
}

.swiper-button-prev::after {
  content: url("../../images/icons/slide-prev.svg");
}

.swiper-button-next::after {
  content: url("../../images/icons/slide-next.svg");
}

@media screen and (max-width: 1200px) {
  .swiper-container .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    margin: 0 5px;
    background: #fff;
    border-radius: 0;
    opacity: 1;
  }
  .swiper-container .swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, 0.3);
  }
  .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}
.popover {
    z-index: 1060!important;
    display: block;
    max-width: 250px!important;
    font-family: 'A1 Sans';
    border-radius: 0!important;
  }
.popover h3 {
  font-family: 'A1 Serif';
}
.popover h4 {
  font-family: 'A1 Serif';
  font-size: 20px;
  font-weight: 500;
  margin: 10px 0;
}
@-webkit-keyframes swal2-show{
    0%{
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    45%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    80%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes swal2-show{
    0%{
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    45%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    80%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes swal2-hide{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
}
@keyframes swal2-hide{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
}
@-webkit-keyframes swal2-animate-success-line-tip{
    0%{
        top:1.1875em;
        left:.0625em;
        width:0
    }
    54%{
        top:1.0625em;
        left:.125em;
        width:0
    }
    70%{
        top:2.1875em;
        left:-.375em;
        width:3.125em
    }
    84%{
        top:3em;
        left:1.3125em;
        width:1.0625em
    }
    100%{
        top:2.8125em;
        left:.875em;
        width:1.5625em
    }
}
@keyframes swal2-animate-success-line-tip{
    0%{
        top:1.1875em;
        left:.0625em;
        width:0
    }
    54%{
        top:1.0625em;
        left:.125em;
        width:0
    }
    70%{
        top:2.1875em;
        left:-.375em;
        width:3.125em
    }
    84%{
        top:3em;
        left:1.3125em;
        width:1.0625em
    }
    100%{
        top:2.8125em;
        left:.875em;
        width:1.5625em
    }
}
@-webkit-keyframes swal2-animate-success-line-long{
    0%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    65%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    84%{
        top:2.1875em;
        right:0;
        width:3.4375em
    }
    100%{
        top:2.375em;
        right:.5em;
        width:2.9375em
    }
}
@keyframes swal2-animate-success-line-long{
    0%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    65%{
        top:3.375em;
        right:2.875em;
        width:0
    }
    84%{
        top:2.1875em;
        right:0;
        width:3.4375em
    }
    100%{
        top:2.375em;
        right:.5em;
        width:2.9375em
    }
}
@-webkit-keyframes swal2-rotate-success-circular-line{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    5%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    12%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
    100%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
}
@keyframes swal2-rotate-success-circular-line{
    0%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    5%{
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    12%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
    100%{
        -webkit-transform:rotate(-405deg);
        transform:rotate(-405deg)
    }
}
@-webkit-keyframes swal2-animate-error-x-mark{
    0%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    50%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    80%{
        margin-top:-.375em;
        -webkit-transform:scale(1.15);
        transform:scale(1.15)
    }
    100%{
        margin-top:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes swal2-animate-error-x-mark{
    0%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    50%{
        margin-top:1.625em;
        -webkit-transform:scale(.4);
        transform:scale(.4);
        opacity:0
    }
    80%{
        margin-top:-.375em;
        -webkit-transform:scale(1.15);
        transform:scale(1.15)
    }
    100%{
        margin-top:0;
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes swal2-animate-error-icon{
    0%{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@keyframes swal2-animate-error-icon{
    0%{
        -webkit-transform:rotateX(100deg);
        transform:rotateX(100deg);
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast{
    flex-direction:column;
    align-items:stretch
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-actions{
    flex:1;
    align-self:stretch;
    justify-content:flex-end;
    height:2.2em
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-loading{
    justify-content:center
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-input{
    height:2em;
    margin:.3125em auto;
    font-size:1em
}
body.swal2-toast-shown.swal2-has-input>.swal2-container>.swal2-toast .swal2-validationerror{
    font-size:1em
}
body.swal2-toast-shown>.swal2-container{
    position:fixed;
    background-color:transparent
}
body.swal2-toast-shown>.swal2-container.swal2-shown{
    background-color:transparent
}
body.swal2-toast-shown>.swal2-container.swal2-top{
    top:0;
    right:auto;
    bottom:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-top-end,body.swal2-toast-shown>.swal2-container.swal2-top-right{
    top:0;
    right:0;
    bottom:auto;
    left:auto
}
body.swal2-toast-shown>.swal2-container.swal2-top-left,body.swal2-toast-shown>.swal2-container.swal2-top-start{
    top:0;
    right:auto;
    bottom:auto;
    left:0
}
body.swal2-toast-shown>.swal2-container.swal2-center-left,body.swal2-toast-shown>.swal2-container.swal2-center-start{
    top:50%;
    right:auto;
    bottom:auto;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-center{
    top:50%;
    right:auto;
    bottom:auto;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-center-end,body.swal2-toast-shown>.swal2-container.swal2-center-right{
    top:50%;
    right:0;
    bottom:auto;
    left:auto;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-bottom-left,body.swal2-toast-shown>.swal2-container.swal2-bottom-start{
    top:auto;
    right:auto;
    bottom:0;
    left:0
}
body.swal2-toast-shown>.swal2-container.swal2-bottom{
    top:auto;
    right:auto;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
body.swal2-toast-shown>.swal2-container.swal2-bottom-end,body.swal2-toast-shown>.swal2-container.swal2-bottom-right{
    top:auto;
    right:0;
    bottom:0;
    left:auto
}
.swal2-popup.swal2-toast{
    flex-direction:row;
    align-items:center;
    width:auto;
    padding:.625em;
    box-shadow:0 0 .625em #d9d9d9;
    overflow-y:hidden
}
.swal2-popup.swal2-toast .swal2-header{
    flex-direction:row
}
.swal2-popup.swal2-toast .swal2-title{
    justify-content:flex-start;
    margin:0 .6em;
    font-size:1em
}
.swal2-popup.swal2-toast .swal2-close{
    position:initial
}
.swal2-popup.swal2-toast .swal2-content{
    justify-content:flex-start;
    font-size:1em
}
.swal2-popup.swal2-toast .swal2-icon{
    width:2em;
    min-width:2em;
    height:2em;
    margin:0
}
.swal2-popup.swal2-toast .swal2-icon-text{
    font-size:2em;
    font-weight:700;
    line-height:1em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{
    width:2em;
    height:2em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{
    top:.875em;
    width:1.375em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
    left:.3125em
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{
    right:.3125em
}
.swal2-popup.swal2-toast .swal2-actions{
    height:auto;
    margin:0 .3125em
}
.swal2-popup.swal2-toast .swal2-styled{
    margin:0 .3125em;
    padding:.3125em .625em;
    font-size:1em
}
.swal2-popup.swal2-toast .swal2-styled:focus{
    box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)
}
.swal2-popup.swal2-toast .swal2-success{
    border-color:#a5dc86
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{
    position:absolute;
    width:2em;
    height:2.8125em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-radius:50%
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{
    top:-.25em;
    left:-.9375em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:2em 2em;
    transform-origin:2em 2em;
    border-radius:4em 0 0 4em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{
    top:-.25em;
    left:.9375em;
    -webkit-transform-origin:0 2em;
    transform-origin:0 2em;
    border-radius:0 4em 4em 0
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{
    width:2em;
    height:2em
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{
    top:0;
    left:.4375em;
    width:.4375em;
    height:2.6875em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{
    height:.3125em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{
    top:1.125em;
    left:.1875em;
    width:.75em
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{
    top:.9375em;
    right:.1875em;
    width:1.375em
}
.swal2-popup.swal2-toast.swal2-show{
    -webkit-animation:showSweetToast .5s;
    animation:showSweetToast .5s
}
.swal2-popup.swal2-toast.swal2-hide{
    -webkit-animation:hideSweetToast .2s forwards;
    animation:hideSweetToast .2s forwards
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{
    -webkit-animation:animate-toast-success-tip .75s;
    animation:animate-toast-success-tip .75s
}
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{
    -webkit-animation:animate-toast-success-long .75s;
    animation:animate-toast-success-long .75s
}
@-webkit-keyframes showSweetToast{
    0%{
        -webkit-transform:translateY(-.625em) rotateZ(2deg);
        transform:translateY(-.625em) rotateZ(2deg);
        opacity:0
    }
    33%{
        -webkit-transform:translateY(0) rotateZ(-2deg);
        transform:translateY(0) rotateZ(-2deg);
        opacity:.5
    }
    66%{
        -webkit-transform:translateY(.3125em) rotateZ(2deg);
        transform:translateY(.3125em) rotateZ(2deg);
        opacity:.7
    }
    100%{
        -webkit-transform:translateY(0) rotateZ(0);
        transform:translateY(0) rotateZ(0);
        opacity:1
    }
}
@keyframes showSweetToast{
    0%{
        -webkit-transform:translateY(-.625em) rotateZ(2deg);
        transform:translateY(-.625em) rotateZ(2deg);
        opacity:0
    }
    33%{
        -webkit-transform:translateY(0) rotateZ(-2deg);
        transform:translateY(0) rotateZ(-2deg);
        opacity:.5
    }
    66%{
        -webkit-transform:translateY(.3125em) rotateZ(2deg);
        transform:translateY(.3125em) rotateZ(2deg);
        opacity:.7
    }
    100%{
        -webkit-transform:translateY(0) rotateZ(0);
        transform:translateY(0) rotateZ(0);
        opacity:1
    }
}
@-webkit-keyframes hideSweetToast{
    0%{
        opacity:1
    }
    33%{
        opacity:.5
    }
    100%{
        -webkit-transform:rotateZ(1deg);
        transform:rotateZ(1deg);
        opacity:0
    }
}
@keyframes hideSweetToast{
    0%{
        opacity:1
    }
    33%{
        opacity:.5
    }
    100%{
        -webkit-transform:rotateZ(1deg);
        transform:rotateZ(1deg);
        opacity:0
    }
}
@-webkit-keyframes animate-toast-success-tip{
    0%{
        top:.5625em;
        left:.0625em;
        width:0
    }
    54%{
        top:.125em;
        left:.125em;
        width:0
    }
    70%{
        top:.625em;
        left:-.25em;
        width:1.625em
    }
    84%{
        top:1.0625em;
        left:.75em;
        width:.5em
    }
    100%{
        top:1.125em;
        left:.1875em;
        width:.75em
    }
}
@keyframes animate-toast-success-tip{
    0%{
        top:.5625em;
        left:.0625em;
        width:0
    }
    54%{
        top:.125em;
        left:.125em;
        width:0
    }
    70%{
        top:.625em;
        left:-.25em;
        width:1.625em
    }
    84%{
        top:1.0625em;
        left:.75em;
        width:.5em
    }
    100%{
        top:1.125em;
        left:.1875em;
        width:.75em
    }
}
@-webkit-keyframes animate-toast-success-long{
    0%{
        top:1.625em;
        right:1.375em;
        width:0
    }
    65%{
        top:1.25em;
        right:.9375em;
        width:0
    }
    84%{
        top:.9375em;
        right:0;
        width:1.125em
    }
    100%{
        top:.9375em;
        right:.1875em;
        width:1.375em
    }
}
@keyframes animate-toast-success-long{
    0%{
        top:1.625em;
        right:1.375em;
        width:0
    }
    65%{
        top:1.25em;
        right:.9375em;
        width:0
    }
    84%{
        top:.9375em;
        right:0;
        width:1.125em
    }
    100%{
        top:.9375em;
        right:.1875em;
        width:1.375em
    }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){
    overflow-y:hidden
}
body.swal2-height-auto{
    height:auto!important
}
body.swal2-no-backdrop .swal2-shown{
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    background-color:transparent
}
body.swal2-no-backdrop .swal2-shown>.swal2-modal{
    box-shadow:0 0 10px rgba(0,0,0,.4)
}
body.swal2-no-backdrop .swal2-shown.swal2-top{
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{
    top:0;
    left:0
}
body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{
    top:0;
    right:0
}
body.swal2-no-backdrop .swal2-shown.swal2-center{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom{
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{
    bottom:0;
    left:0
}
body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{
    right:0;
    bottom:0
}
.swal2-container{
    display:flex;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding:10px;
    background-color:transparent;
    z-index:1060!important;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch
}
.swal2-container.swal2-top{
    align-items:flex-start
}
.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{
    align-items:flex-start;
    justify-content:flex-start
}
.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{
    align-items:flex-start;
    justify-content:flex-end
}
.swal2-container.swal2-center{
    align-items:center
}
.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{
    align-items:center;
    justify-content:flex-start
}
.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{
    align-items:center;
    justify-content:flex-end
}
.swal2-container.swal2-bottom{
    align-items:flex-end
}
.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{
    align-items:flex-end;
    justify-content:flex-start
}
.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{
    align-items:flex-end;
    justify-content:flex-end
}
.swal2-container.swal2-grow-fullscreen>.swal2-modal{
    display:flex!important;
    flex:1;
    align-self:stretch;
    justify-content:center
}
.swal2-container.swal2-grow-row>.swal2-modal{
    display:flex!important;
    flex:1;
    align-content:center;
    justify-content:center
}
.swal2-container.swal2-grow-column{
    flex:1;
    flex-direction:column
}
.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{
    align-items:center
}
.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{
    align-items:flex-start
}
.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{
    align-items:flex-end
}
.swal2-container.swal2-grow-column>.swal2-modal{
    display:flex!important;
    flex:1;
    align-content:center;
    justify-content:center
}
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right)>.swal2-modal{
    margin:auto
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .swal2-container .swal2-modal{
        margin:0!important
    }
}
.swal2-container.swal2-fade{
    transition:background-color .1s
}
.swal2-container.swal2-shown{
    background-color:rgba(0,0,0,.4)
}
.swal2-popup{
    display:none;
    position:relative;
    flex-direction:column;
    justify-content:center;
    width:32em;
    max-width:100%;
    padding:1.25em;
    border-radius:.3125em;
    background:#fff;
    font-family:inherit;
    font-size:1rem;
    box-sizing:border-box
}
.swal2-popup:focus{
    outline:0
}
.swal2-popup.swal2-loading{
    overflow-y:hidden
}
.swal2-popup .swal2-header{
    display:flex;
    flex-direction:column;
    align-items:center
}
.swal2-popup .swal2-title{
    display:block;
    position:relative;
    max-width:100%;
    margin:0 0 .4em;
    padding:0;
    color:#595959;
    font-size:1.875em;
    font-weight:600;
    text-align:center;
    text-transform:none;
    word-wrap:break-word
}
.swal2-popup .swal2-actions{
    align-items:center;
    justify-content:center;
    margin:1.25em auto 0
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{
    opacity:.4
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{
    background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}
.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{
    background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{
    width:2.5em;
    height:2.5em;
    margin:.46875em;
    padding:0;
    border:.25em solid transparent;
    border-radius:100%;
    border-color:transparent;
    background-color:transparent!important;
    color:transparent;
    cursor:default;
    box-sizing:border-box;
    -webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{
    margin-right:30px;
    margin-left:30px
}
.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{
    display:inline-block;
    width:15px;
    height:15px;
    margin-left:5px;
    border:3px solid #999;
    border-radius:50%;
    border-right-color:transparent;
    box-shadow:1px 1px 1px #fff;
    content:'';
    -webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
    animation:swal2-rotate-loading 1.5s linear 0s infinite normal
}
.swal2-popup .swal2-styled{
    margin:0 .3125em;
    padding:.625em 2em;
    font-weight:500;
    box-shadow:none
}
.swal2-popup .swal2-styled:not([disabled]){
    cursor:pointer
}
.swal2-popup .swal2-styled.swal2-confirm{
    border:0;
    border-radius:.25em;
    background:initial;
    background-color:#3085d6;
    color:#fff;
    font-size:1.0625em
}
.swal2-popup .swal2-styled.swal2-cancel{
    border:0;
    border-radius:.25em;
    background:initial;
    background-color:#aaa;
    color:#fff;
    font-size:1.0625em
}
.swal2-popup .swal2-styled:focus{
    outline:0;
    box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)
}
.swal2-popup .swal2-styled::-moz-focus-inner{
    border:0
}
.swal2-popup .swal2-footer{
    justify-content:center;
    margin:1.25em 0 0;
    padding-top:1em;
    border-top:1px solid #eee;
    color:#545454;
    font-size:1em
}
.swal2-popup .swal2-image{
    max-width:100%;
    margin:1.25em auto
}
.swal2-popup .swal2-close{
    position:absolute;
    top:0;
    right:0;
    justify-content:center;
    width:1.2em;
    height:1.2em;
    padding:0;
    transition:color .1s ease-out;
    border:none;
    border-radius:0;
    background:0 0;
    color:#ccc;
    font-family:serif;
    font-size:2.5em;
    line-height:1.2;
    cursor:pointer;
    overflow:hidden
}
.swal2-popup .swal2-close:hover{
    -webkit-transform:none;
    transform:none;
    color:#f27474
}
.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{
    display:none
}
.swal2-popup .swal2-content{
    justify-content:center;
    margin:0;
    padding:0;
    color:#545454;
    font-size:1.125em;
    font-weight:300;
    line-height:normal;
    word-wrap:break-word
}
.swal2-popup #swal2-content{
    text-align:center
}
.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{
    margin:1em auto
}
.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{
    width:100%;
    transition:border-color .3s,box-shadow .3s;
    border:1px solid #d9d9d9;
    border-radius:.1875em;
    font-size:1.125em;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.06);
    box-sizing:border-box
}
.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{
    border-color:#f27474!important;
    box-shadow:0 0 2px #f27474!important
}
.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{
    border:1px solid #b4dbed;
    outline:0;
    box-shadow:0 0 3px #c4e6f5
}
.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{
    color:#ccc
}
.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{
    color:#ccc
}
.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{
    color:#ccc
}
.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{
    color:#ccc
}
.swal2-popup .swal2-range input{
    width:80%
}
.swal2-popup .swal2-range output{
    width:20%;
    font-weight:600;
    text-align:center
}
.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{
    height:2.625em;
    margin:1em auto;
    padding:0;
    font-size:1.125em;
    line-height:2.625em
}
.swal2-popup .swal2-input{
    height:2.625em;
    padding:.75em
}
.swal2-popup .swal2-input[type=number]{
    max-width:10em
}
.swal2-popup .swal2-file{
    font-size:1.125em
}
.swal2-popup .swal2-textarea{
    height:6.75em;
    padding:.75em
}
.swal2-popup .swal2-select{
    min-width:50%;
    max-width:100%;
    padding:.375em .625em;
    color:#545454;
    font-size:1.125em
}
.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{
    align-items:center;
    justify-content:center
}
.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{
    margin:0 .6em;
    font-size:1.125em
}
.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{
    margin:0 .4em
}
.swal2-popup .swal2-validationerror{
    display:none;
    align-items:center;
    justify-content:center;
    padding:.625em;
    background:#f0f0f0;
    color:#666;
    font-size:1em;
    font-weight:300;
    overflow:hidden
}
.swal2-popup .swal2-validationerror::before{
    display:inline-block;
    width:1.5em;
    min-width:1.5em;
    height:1.5em;
    margin:0 .625em;
    border-radius:50%;
    background-color:#f27474;
    color:#fff;
    font-weight:600;
    line-height:1.5em;
    text-align:center;
    content:'!';
    zoom:normal
}
@supports (-ms-accelerator:true){
    .swal2-range input{
        width:100%!important
    }
    .swal2-range output{
        display:none
    }
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .swal2-range input{
        width:100%!important
    }
    .swal2-range output{
        display:none
    }
}
@-moz-document url-prefix(){
    .swal2-close:focus{
        outline:2px solid rgba(50,100,150,.4)
    }
}
.swal2-icon{
    position:relative;
    justify-content:center;
    width:5em;
    height:5em;
    margin:1.25em auto 1.875em;
    border:.25em solid transparent;
    border-radius:50%;
    line-height:5em;
    cursor:default;
    box-sizing:content-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    zoom:normal
}
.swal2-icon-text{
    font-size:3.75em
}
.swal2-icon.swal2-error{
    border-color:#f27474
}
.swal2-icon.swal2-error .swal2-x-mark{
    position:relative;
    flex-grow:1
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line]{
    display:block;
    position:absolute;
    top:2.3125em;
    width:2.9375em;
    height:.3125em;
    border-radius:.125em;
    background-color:#f27474
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{
    left:1.0625em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{
    right:1em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.swal2-icon.swal2-warning{
    border-color:#facea8;
    color:#f8bb86
}
.swal2-icon.swal2-info{
    border-color:#9de0f6;
    color:#3fc3ee
}
.swal2-icon.swal2-question{
    border-color:#c9dae1;
    color:#87adbd
}
.swal2-icon.swal2-success{
    border-color:#a5dc86
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line]{
    position:absolute;
    width:3.75em;
    height:7.5em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border-radius:50%
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{
    top:-.4375em;
    left:-2.0635em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:3.75em 3.75em;
    transform-origin:3.75em 3.75em;
    border-radius:7.5em 0 0 7.5em
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{
    top:-.6875em;
    left:1.875em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 3.75em;
    transform-origin:0 3.75em;
    border-radius:0 7.5em 7.5em 0
}
.swal2-icon.swal2-success .swal2-success-ring{
    position:absolute;
    top:-.25em;
    left:-.25em;
    width:100%;
    height:100%;
    border:.25em solid rgba(165,220,134,.3);
    border-radius:50%;
    z-index:2!important;
    box-sizing:content-box
}
.swal2-icon.swal2-success .swal2-success-fix{
    position:absolute;
    top:.5em;
    left:1.625em;
    width:.4375em;
    height:5.625em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    z-index:1!important
}
.swal2-icon.swal2-success [class^=swal2-success-line]{
    display:block;
    position:absolute;
    height:.3125em;
    border-radius:.125em;
    background-color:#a5dc86;
    z-index:2!important
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{
    top:2.875em;
    left:.875em;
    width:1.5625em;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{
    top:2.375em;
    right:.5em;
    width:2.9375em;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.swal2-progresssteps{
    align-items:center;
    margin:0 0 1.25em;
    padding:0;
    font-weight:600
}
.swal2-progresssteps li{
    display:inline-block;
    position:relative
}
.swal2-progresssteps .swal2-progresscircle{
    width:2em;
    height:2em;
    border-radius:2em;
    background:#3085d6;
    color:#fff;
    line-height:2em;
    text-align:center;
    z-index:20!important
}
.swal2-progresssteps .swal2-progresscircle:first-child{
    margin-left:0
}
.swal2-progresssteps .swal2-progresscircle:last-child{
    margin-right:0
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{
    background:#3085d6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{
    background:#add8e6
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{
    background:#add8e6
}
.swal2-progresssteps .swal2-progressline{
    width:2.5em;
    height:.4em;
    margin:0 -1px;
    background:#3085d6;
    z-index:10!important
}
[class^=swal2]{
    -webkit-tap-highlight-color:transparent
}
.swal2-show{
    -webkit-animation:swal2-show .3s;
    animation:swal2-show .3s
}
.swal2-show.swal2-noanimation{
    -webkit-animation:none;
    animation:none
}
.swal2-hide{
    -webkit-animation:swal2-hide .15s forwards;
    animation:swal2-hide .15s forwards
}
.swal2-hide.swal2-noanimation{
    -webkit-animation:none;
    animation:none
}
[dir=rtl] .swal2-close{
    right:auto;
    left:0
}
.swal2-animate-success-icon .swal2-success-line-tip{
    -webkit-animation:swal2-animate-success-line-tip .75s;
    animation:swal2-animate-success-line-tip .75s
}
.swal2-animate-success-icon .swal2-success-line-long{
    -webkit-animation:swal2-animate-success-line-long .75s;
    animation:swal2-animate-success-line-long .75s
}
.swal2-animate-success-icon .swal2-success-circular-line-right{
    -webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;
    animation:swal2-rotate-success-circular-line 4.25s ease-in
}
.swal2-animate-error-icon{
    -webkit-animation:swal2-animate-error-icon .5s;
    animation:swal2-animate-error-icon .5s
}
.swal2-animate-error-icon .swal2-x-mark{
    -webkit-animation:swal2-animate-error-x-mark .5s;
    animation:swal2-animate-error-x-mark .5s
}
@-webkit-keyframes swal2-rotate-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes swal2-rotate-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

    /* для элемента input c type="radio" */
  .form-check-input {
    position: absolute;
    z-index: -1!important;
    opacity: 0;
  }

  /* для элемента label связанного с .form-check-input */
  .form-check-input+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
  }

  /* создание в label псевдоэлемента  before со следующими стилями */
  .form-check-input+label::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0%;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% 80%;
  }

  /* стили при наведении курсора на радио */
  .form-check-input:not(:disabled):not(:checked)+label:hover::before {
    border-color: #555;
  }

  /* стили для активной радиокнопки (при нажатии на неё) */
  .form-check-input:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
  }

  /* стили для радиокнопки, находящейся в фокусе */
  .form-check-input:focus+label::before {
    box-shadow: none;
  }

  /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
  .form-check-input:focus:not(:checked)+label::before {
    border-color: #da291c;
  }

  /* стили для радиокнопки, находящейся в состоянии checked */
  .form-check-input:checked+label::before {
    border-color: #da291c;
    background-color: #da291c;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='520.87px' height='372.05px' viewBox='0 0 520.87 372.05' enable-background='new 0 0 520.87 372.05' xml:space='preserve'%3E%3Cpath id='Icons_1_' fill='%23ffffff' d='M520.87,37.205L483.665,0l-297.64,260.435L37.205,148.82L0,186.025L186.025,372.05L520.87,37.205z'/%3E%3C/svg%3E%0A");
  }

  /* стили для радиокнопки, находящейся в состоянии disabled */
  .form-check-input:disabled+label::before {
    background-color: #e9ecef;
  }

.test {
background: none;
}

.test-welcome h2{
  font-family: 'A1 Serif';
  margin-bottom: 20px;
  font-weight: 600;
  word-break: break-word;
}
.test-welcome p {
margin: 10px 0;
}


.test-questions {
  display: none;
}

.test-question {
  display: none;
}


.test-image {
  margin: 0 0 20px;
  background: #bcbcbc;
}

.test-answer {
  position: relative;
  display: block;
  cursor: pointer;
}
.test-answer + .test-answer {
  margin-top: 15px;
}
.test-answer__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.test-answer__text {
}
.survey__links--movie label.test-answer {
  background-color: #da291c !important;
  border-color: #da291c;
  color: #fff;
}

.test-saveform {
  display: none;
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
}
.test-field {
  margin: 0 0 20px;
}
.test-field__input {
  padding: 0 10px;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.test-btn {
  display: block;
}
.test-message {
  display: none;
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
}

.test-btn-next {
  display: none;
}
.test-saveform h3 {
    font-family: 'A1 Serif';
    font-weight: 600;
    margin-bottom: 20px;
}

.test-saveform {
}

.test-saveform .test-result {
    margin: 25px 0;
    font-size: 120%;
    font-weight: 700;
}

.test-field__input {
    display: block;
    width: 100%;
    min-height: 42px;
    padding: 19px 18px;
    border: 1px solid #D7D7D7;
    outline: none;
}

.test-field__input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.test-field__input::-moz-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.test-field__input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.test-field__input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.test-field__input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #D7D7D7;
}

.red,.red:hover {color: #da291c !important;}
.red::after {background: #da291c !important;}

.youtube h1 {font-family:'A1 Serif';font-weight:600;}
.lecture__video img {width:100%!important;}
.lecture__info {text-align:left;}
a.lecture__item:hover  {
    -webkit-box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
    box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
    }

.chatbro_message_user_type.chatbro_message_moder{display:none!important;}
.chatbro_messages .chatbro_message_name,
.chatbro_messages .chatbro_message_reply_name{font-family:'A1 Serif'!important;font-weight:600!important;font-size:14px!important;}
.chatbro_header .chatbro_header_caption_td{padding: 0 6px !important;}
.chatbro_header .chatbro_header_button{display:none!important;}

label.survey__link.btn.btn-block.test-answer_success.test-answer {
    background: green !important;
    border-color: green;
}
label.survey__link.btn.btn-block.test-answer_success.test-answer::after {
  content: url("../../images/icons/check.svg") !important; 
  top: 15px !important;
}

label.survey__link.btn.btn-block.test-answer_error.test-answer::after {
  content: url("../../images/icons/cross.svg") !important;  
  top: 16px !important;
}