@import url("https://fonts.googleapis.com/css?family=Philosopher:400,700&subset=cyrillic,cyrillic-ext");
.icon-french {
  background-image: url(../img/icons.png);
  background-position: 0px 0px;
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle; }

.icon-svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor; }

.icon-svg-addition_doc {
  font-size: 8.2rem;
  width: 1.02439em; }

.icon-svg-call {
  font-size: 5.4rem;
  width: 1.01852em; }

.icon-svg-corrected {
  font-size: 1.76rem;
  width: 1.01705em; }

body {
  background-image: url(../img/background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.btn {
  border: none;
  background-color: #45A6FF;
  background-color: var(--my-color);
  border-radius: 5px;
  color: #fff;
  padding: 0; }

a {
  text-decoration: none;
  color: inherit; }

* {
  box-sizing: border-box; }

img {
  max-width: 100%;
  max-height: 100%; }

.btn {
  cursor: pointer; }
  .btn:focus {
    outline: 0; }

input:focus {
  outline: 0; }

.form-group.error input {
  border: 1px solid red;
  border: 1px solid var(--my-color-error); }

.form-group.error .text-error {
  margin: 0;
  margin-bottom: 10px;
  color: red;
  color: var(--my-color-error); }

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

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

@font-face {
  font-family: 'GothamPro-Medium';
  src: url("../fonts/GothamPro-Medium.eot");
  src: local("GothamPro-Medium"), local("GothamPro-Medium"), url("../fonts/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Medium.woff") format("woff"), url("../fonts/GothamPro-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.header__wrapper {
  max-width: 1045px;
  padding: 0 20px;
  margin: 0 auto;
  margin-top: 70px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }

.header__logo {
  margin-right: 28px;
  height: 59px; }
  .header__logo a {
    height: 100%;
    display: flex;
    align-items: center; }
  .header__logo-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .header__logo-wrapper .btn {
      padding: 12px 19px;
      font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif;
      font-size: 20px;
      line-height: normal; }

.header__phone {
  display: flex;
  align-items: center; }
  .header__phone .h4 {
    padding-top: 8px;
    color: #FFFFFF;
    font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: normal;
    text-align: right; }
  .header__phone .span {
    color: #FFFFFF;
    margin-top: 7px;
    display: block;
    font-family: "GothamPro", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: normal;
    text-align: right; }
  .header__phone .icon-svg-call {
    margin-left: 25px;
    max-width: 55px;
    max-height: 55px;
    color: var(--my-color); }

.main {
  max-width: 1005px;
  margin: 0 auto;
  color: #FFFFFF;
  font-family: "GothamPro", Arial, Helvetica, sans-serif; }
  .main .h1 {
    font-family: "Philosopher", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 52px;
    line-height: normal;
    text-align: center;
    margin-top: 52px; }
  .main .h3 {
    width: 535px;
    margin: 0 auto;
    margin-top: 16px;
    font-family: "GothamPro-Bold", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-align: center; }

.poll {
  margin-top: 73px;
  margin-bottom: 88px;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .poll__wrapper {
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    transition: all .3s; }
    .poll__wrapper.hide {
      position: absolute;
      opacity: 0; }
  .poll__content {
    display: flex;
    flex-direction: column;
    width: 615px;
    min-height: 533px;
    background-color: #fff;
    overflow: hidden;
    padding: 33px 29px 42px 30px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; }
    .poll__content .h2 {
      font-family: "Philosopher", Arial, Helvetica, sans-serif;
      font-style: normal;
      font-weight: normal;
      font-size: 34px;
      line-height: 34px;
      color: #434343;
      margin-top: 20px; }
  .poll__status-hr {
    width: 100%;
    height: 4px;
    background: #E9E9E9;
    border-radius: 5px; }
    .poll__status-hr .span {
      border-radius: 5px;
      transition: all .3s;
      display: block;
      height: 100%;
      width: 0;
      max-width: 100%;
      background-color: #45A6FF;
      background-color: var(--my-color); }
  .poll__swipe {
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 100%;
    opacity: 0;
    transition: all .3s; }
    .poll__swipe .h2 small {
      margin-top: 15px;
      display: block;
      font-family: "GothamPro", Arial, Helvetica, sans-serif;
      font-size: 14px; }
    .poll__swipe-wrapper {
      flex: 1;
      display: flex;
      position: relative;
      margin-bottom: 40px; }
    .poll__swipe_active {
      position: relative;
      left: 0;
      opacity: 1; }
    .poll__swipe_prev {
      position: absolute;
      left: 0;
      opacity: 0; }
  .poll__pagination {
    margin-top: 23px;
    margin-left: 1px;
    font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif;
    display: flex; }
    .poll__pagination .btn {
      margin-right: 10px;
      width: 27px;
      height: 27px;
      font-size: 14px;
      border-radius: 4px;
      background-color: #C4C4C4; }
      .poll__pagination .btn.passed {
        background-color: #2675BE;
        background-color: var(--my-color-dark); }
      .poll__pagination .btn.active {
        background-color: #45A6FF;
        background-color: var(--my-color); }
  .poll__choice {
    display: flex;
    flex-wrap: wrap; }
    .poll__choice-wrapper {
      display: flex; }
    .poll__choice .input {
      display: none; }
    .poll__choice label:nth-child(3n) .poll__choice-item {
      margin-right: 0; }
    .poll__choice-item {
      margin-top: 30px;
      width: 172px;
      margin-right: 20px;
      transition: all .3s;
      cursor: pointer; }
      .poll__choice-item.active {
        -webkit-transform: translateY(-12px);
                transform: translateY(-12px); }
        .poll__choice-item.active .poll__choice-img {
          box-shadow: 0 0 0 3px #45A6FF;
          box-shadow: 0 0 0 3px var(--my-color); }
        .poll__choice-item.active .span:before {
          background-color: #45A6FF;
          background-color: var(--my-color); }
        .poll__choice-item.active .poll__choice-name {
          font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif; }
      .poll__choice-item.default {
        opacity: .3; }
      .poll__choice-item:hover {
        -webkit-transform: translateY(-12px);
                transform: translateY(-12px);
        opacity: 1; }
        .poll__choice-item:hover .poll__choice-img {
          box-shadow: 0 0 0 3px #45A6FF;
          box-shadow: 0 0 0 3px var(--my-color); }
        .poll__choice-item:hover .span.b {
          background-color: #45A6FF;
          background-color: var(--my-color); }
        .poll__choice-item:hover .poll__choice-name {
          font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif; }
      .poll__choice-item .span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 18px;
        height: 18px;
        min-width: 18px;
        min-height: 18px;
        border-radius: 50%;
        border: 2px solid #C4C4C4; }
        .poll__choice-item .span:before {
          content: '';
          display: block;
          background-color: transparent;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          transition: all .3s; }
    .poll__choice_text {
      padding-top: 23px;
      flex: 1;
      flex-direction: column; }
      .poll__choice_text label {
        width: 100%; }
      .poll__choice_text .poll__choice-item {
        width: 100%;
        padding: 2px 12px;
        border: 1px solid #F2F2F2;
        border-radius: 4px;
        font-family: "GothamPro", Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 19px;
        margin-top: 0;
        margin-bottom: 10px;
        color: #434343; }
        .poll__choice_text .poll__choice-item.active {
          background-color: #45A6FF;
          background-color: var(--my-color);
          color: #fff;
          -webkit-transform: none;
                  transform: none;
          font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif; }
          .poll__choice_text .poll__choice-item.active .poll__choice-img {
            box-shadow: none; }
        .poll__choice_text .poll__choice-item.default {
          opacity: 1; }
        .poll__choice_text .poll__choice-item:hover {
          background-color: #45A6FF;
          background-color: var(--my-color);
          color: #fff;
          -webkit-transform: none;
                  transform: none; }
          .poll__choice_text .poll__choice-item:hover .poll__choice-img {
            box-shadow: none; }
    .poll__choice_two label:last-child .poll__choice-item {
      margin-right: 0; }
    .poll__choice_two .poll__choice-item {
      margin-right: 20px;
      width: 266px; }
      .poll__choice_two .poll__choice-item img {
        width: 100%; }
    .poll__choice-img {
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
      transition: all .3s; }
      .poll__choice-img img {
        border-radius: 5px; }
    .poll__choice-radio {
      cursor: pointer;
      vertical-align: middle;
      margin-top: 13px;
      display: flex;
      align-items: center; }
    .poll__choice-name {
      margin-left: 7px;
      transition: all .3s;
      font-size: 11px;
      line-height: normal;
      color: #434343;
      margin-left: 5px; }
    .poll__choice .another-choice {
      width: 100%; }
      .poll__choice .another-choice .h6 {
        margin-top: 17px;
        margin-bottom: 7px;
        font-family: "GothamPro", Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 19px;
        color: #434343; }
      .poll__choice .another-choice input[type="text"] {
        padding: 0 15px;
        width: 100%;
        height: 38px;
        border: none;
        background: #F2F2F2;
        border-radius: 4px; }
  .poll__btn {
    transition: all .3s;
    margin-top: 45px;
    margin-top: auto;
    display: flex;
    -webkit-transform: translateY(80px);
            transform: translateY(80px); }
    .poll__btn.active {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .poll__btn .btn {
      width: 264px;
      height: 36px;
      font-family: "GothamPro", Arial, Helvetica, sans-serif;
      font-size: 16px;
      line-height: normal;
      cursor: pointer;
      transition: all .3s; }
    .poll__btn-prev {
      background-color: #C4C4C4;
      margin-right: auto; }
  .poll__comment {
    max-width: 390px;
    background-color: rgba(38, 117, 190, 0.8);
    background-color: var(--my-color-opacity);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 46px 30px 18px 25px; }
    .poll__comment__header {
      display: flex; }
    .poll__comment__img {
      width: 111px;
      margin-left: 2px;
      margin-right: 36px; }
      .poll__comment__img img {
        border-radius: 50%; }
    .poll__comment-name {
      font-size: 16px; }
      .poll__comment-name .h3 {
        width: 170px;
        margin-top: 13px;
        font-size: 18px;
        line-height: 19px;
        text-align: left;
        font-family: "Philosopher", Arial, Helvetica, sans-serif;
        font-weight: 700; }
      .poll__comment-name .h4 {
        width: 135px;
        margin-top: 20px;
        font-size: 13px;
        line-height: 18px;
        font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif; }
    .poll__comment__hr {
      margin-top: 12px; }
      .poll__comment__hr svg {
        width: 100%; }
    .poll__comment__text {
      position: absolute;
      opacity: 0;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      margin-top: 19px;
      margin-left: 2px;
      font-family: "GothamPro", Arial, Helvetica, sans-serif;
      font-size: 13px;
      line-height: 19px;
      transition: all .3s;
      z-index: -1; }
      .poll__comment__text p {
        margin-bottom: 18px; }
      .poll__comment__text_active {
        position: relative;
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        z-index: 0; }
  .poll__last-step {
    width: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    border-radius: 20px;
    transition: all .3s;
    background-color: #fff;
    display: flex;
    padding: 30px 34px 50px 30px; }
    .poll__last-step.show {
      position: relative;
      left: 0%;
      top: 0; }
    .poll__last-step_thank {
      width: 620px;
      margin: 0 auto; }
  .poll__thank-you {
    width: 555px;
    display: flex;
    flex-direction: column; }
    .poll__thank-you_header {
      display: flex;
      border-bottom: 1px solid #E5E5E5;
      padding-bottom: 25px; }
      .poll__thank-you_header svg {
        width: 72px;
        flex-grow: 0;
        margin-right: 25px;
        margin-top: 4px; }
        .poll__thank-you_header svg path {
          stroke: var(--my-color); }
      .poll__thank-you_header .h3 {
        margin: 0;
        width: 250px;
        font-family: "Philosopher", Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 34px;
        line-height: 34px;
        text-align: left;
        color: #434343; }
    .poll__thank-you_content {
      margin-top: 47px;
      font-family: "GothamPro", Arial, Helvetica, sans-serif;
      font-size: 13px;
      line-height: 19px;
      padding-right: 30px;
      color: #000000; }
      .poll__thank-you_content p {
        margin-bottom: 30px; }
      .poll__thank-you_content b {
        font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif;
        font-weight: normal; }
    .poll__thank-you_btn {
      width: 266px;
      height: 36px;
      background: #C4C4C4;
      border-radius: 5px;
      margin-top: auto;
      font-family: "GothamPro", Arial, Helvetica, sans-serif;
      font-size: 16px;
      line-height: 15px;
      text-align: center; }
  .poll__sending {
    width: 356px;
    margin-left: auto; }
    .poll__sending-addition {
      margin-top: 9px;
      padding-bottom: 24px;
      border-bottom: 1px solid #E5E5E5; }
      .poll__sending-addition .h6 {
        font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif;
        font-size: 18px;
        line-height: 26px;
        background: #45A6FF;
        background: var(--my-color);
        padding: 9px 14px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
      .poll__sending-addition p {
        display: inline-block;
        vertical-align: top;
        margin-top: 19px;
        margin-left: 13px;
        margin-right: 18px;
        font-family: "GothamPro", Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 19px;
        color: #000000; }
        .poll__sending-addition p b {
          font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif;
          font-weight: normal; }
      .poll__sending-addition .icon-svg-addition_doc {
        width: 84px;
        height: 82px;
        margin-top: 19px;
        color: #434343; }
    .poll__sending-data {
      margin-top: 33px; }
      .poll__sending-data .h5 {
        font-family: "Philosopher", Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 34px;
        line-height: 34px;
        color: #434343; }
      .poll__sending-data p {
        font-family: "GothamPro", Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 19px;
        color: #000000;
        margin-top: 23px;
        margin-bottom: 44px; }
      .poll__sending-data input {
        padding: 12px 20px;
        width: 100%;
        height: 36px;
        border: none;
        background: #F2F2F2;
        border-radius: 5px;
        font-family: "GothamPro", Arial, Helvetica, sans-serif;
        color: #434343;
        margin-bottom: 12px; }
        .poll__sending-data input::-webkit-input-placeholder {
          font-family: "GothamPro", Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 11px;
          color: #ABABAB; }
        .poll__sending-data input::-moz-placeholder {
          font-family: "GothamPro", Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 11px;
          color: #ABABAB; }
        .poll__sending-data input:-ms-input-placeholder {
          font-family: "GothamPro", Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 11px;
          color: #ABABAB; }
        .poll__sending-data input::-ms-input-placeholder {
          font-family: "GothamPro", Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 11px;
          color: #ABABAB; }
        .poll__sending-data input::placeholder {
          font-family: "GothamPro", Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 11px;
          color: #ABABAB; }
      .poll__sending-data .btn {
        width: 100%;
        height: 36px;
        font-family: "GothamPro", Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: normal; }
      .poll__sending-data .poll__thank-you_btn {
        display: none; }

@media screen and (max-width: 1079px) {
  .header__wrapper {
    margin-top: 5.33854vw;
    padding: 0 1.95312vw; }
  .header__logo {
    margin-right: 1.95312vw;
    height: 5.72917vw; }
  .header__phone .h4 {
    font-size: 2.60417vw;
    padding-top: 0.39062vw; }
    .header__phone .h4 span {
      margin-top: 0.13021vw;
      font-size: 1.43229vw; }
  .header__phone .icon-svg-call {
    margin-left: 1.43229vw;
    max-width: 5.85938vw;
    max-height: 5.85938vw; } }

@media screen and (max-width: 767px) {
  .header__wrapper {
    margin-top: 5.625vw;
    padding: 0 4.6875vw;
    flex-direction: column;
    align-items: center; }
  .header__logo {
    margin-right: auto;
    height: 9.6875vw; }
    .header__logo-wrapper {
      width: auto;
      width: 100%;
      display: flex; }
      .header__logo-wrapper .btn {
        padding: 1.875vw 3.75vw;
        font-size: 3.4375vw; }
  .header__phone .h4 {
    font-size: 7.5vw;
    padding-top: 9.0625vw; }
    .header__phone .h4 span {
      display: none; }
  .header__phone .icon-svg-call {
    display: none; } }

@media screen and (max-width: 1079px) {
  .main {
    max-width: 96.09375vw; }
    .main .h1 {
      margin-top: 5.33854vw;
      font-size: 5.20833vw; }
    .main .h3 {
      width: 62.5vw;
      font-size: 2.08333vw;
      margin-top: 1.43229vw; }
  .poll {
    margin-top: 5.20833vw; }
    .poll__content {
      width: 63.67188vw;
      padding-top: 3.125vw;
      padding-right: 3.125vw;
      padding-left: 3.25521vw;
      min-height: 60.41667vw; }
      .poll__content .h2 {
        margin-top: 2.34375vw;
        font-size: 4.03646vw; }
    .poll__pagination {
      margin-left: 0;
      margin-top: 2.34375vw; }
      .poll__pagination .btn {
        width: 2.99479vw;
        height: 2.99479vw;
        margin-right: 1.10677vw;
        font-size: 1.82292vw; }
    .poll__choice {
      padding-top: 2.08333vw; }
      .poll__choice-item {
        margin-top: 3.25521vw;
        margin-right: 1.82292vw;
        width: 17.83854vw; }
        .poll__choice-item:hover {
          -webkit-transform: translateY(-1.04167vw);
                  transform: translateY(-1.04167vw); }
        .poll__choice-item.active {
          -webkit-transform: translateY(-1.04167vw);
                  transform: translateY(-1.04167vw); }
      .poll__choice-radio {
        margin-top: 1.17188vw; }
      .poll__choice .span {
        width: 2.08333vw;
        height: 2.08333vw;
        min-width: 2.08333vw;
        min-height: 2.08333vw; }
        .poll__choice .span:before {
          width: 0.78125vw;
          height: 0.78125vw; }
      .poll__choice-img img {
        width: 100%; }
      .poll__choice-name {
        margin-left: 0.91146vw;
        font-size: 1.43229vw; }
      .poll__choice_text {
        padding-top: 2.99479vw; }
        .poll__choice_text .h6 {
          font-size: 1.43229vw; }
        .poll__choice_text .poll__choice-item {
          padding: 0.26042vw 1.5625vw;
          font-size: 1.43229vw;
          line-height: 2.47396vw;
          margin-bottom: 1.30208vw; }
      .poll__choice_two .poll__choice-item {
        width: 27.60417vw;
        margin-right: 1.95312vw; }
    .poll__swipe-wrapper {
      margin-bottom: 1.30208vw; }
    .poll__swipe .h2 small {
      margin-top: 1.43229vw;
      font-size: 1.43229vw;
      line-height: 1.5625vw; }
    .poll__btn {
      -webkit-transform: translateY(10.41667vw);
              transform: translateY(10.41667vw); }
      .poll__btn .btn {
        width: 27.34375vw;
        height: 3.77604vw;
        font-size: 1.43229vw; }
    .poll__comment {
      max-width: 32.55208vw;
      padding-top: 4.03646vw;
      padding-right: 2.86458vw;
      padding-left: 1.5625vw; }
      .poll__comment__img {
        margin-left: 0;
        margin-right: 1.5625vw;
        width: 12.76042vw;
        height: 12.76042vw; }
        .poll__comment__img img {
          width: 100%; }
      .poll__comment-name .h3 {
        width: 13.93229vw; }
      .poll__comment-name .h4 {
        margin-top: 0.52083vw;
        font-size: 1.43229vw;
        width: 13.93229vw; }
      .poll__comment__hr {
        margin-top: 2.08333vw;
        overflow: hidden; }
        .poll__comment__hr svg {
          margin-left: -1.43229vw;
          width: 43.75vw; }
      .poll__comment__text {
        font-size: 1.43229vw;
        margin-top: 1.17188vw;
        line-height: 2.08333vw; }
        .poll__comment__text p {
          margin-bottom: 2.47396vw; }
    .poll__last-step {
      padding-top: 3.125vw;
      padding-left: 2.99479vw;
      padding-right: 3.125vw;
      padding-bottom: 4.81771vw; }
    .poll__thank-you {
      width: 46.35417vw; }
      .poll__thank-you_header {
        padding-bottom: 2.86458vw; }
        .poll__thank-you_header svg {
          width: 8.72396vw;
          height: 6.77083vw;
          margin-right: 2.99479vw;
          margin-left: 0.78125vw;
          margin-top: 0.65104vw; }
        .poll__thank-you_header .h3 {
          margin-top: 0;
          width: 29.94792vw;
          font-size: 4.03646vw;
          line-height: 4.03646vw; }
      .poll__thank-you_content {
        margin-top: 2.86458vw;
        font-size: 1.43229vw; }
        .poll__thank-you_content p {
          margin-bottom: 2.21354vw;
          line-height: 2.08333vw; }
      .poll__thank-you_btn {
        width: 27.34375vw;
        height: 3.77604vw;
        font-size: 1.43229vw; }
    .poll__sending {
      width: 41.14583vw; }
      .poll__sending-addition .h6 {
        font-size: 2.08333vw;
        padding: 1.04167vw 1.5625vw;
        line-height: 3.38542vw; }
      .poll__sending-addition p {
        margin-top: 2.47396vw;
        font-size: 1.43229vw;
        width: 24.73958vw;
        line-height: 2.08333vw;
        margin-left: 1.5625vw;
        margin-right: 4.03646vw; }
      .poll__sending-addition .icon-svg-addition_doc {
        width: 9.11458vw;
        height: 8.85417vw; }
      .poll__sending-data {
        margin-top: 2.86458vw; }
        .poll__sending-data .h5 {
          font-size: 4.03646vw;
          line-height: 4.03646vw; }
        .poll__sending-data p {
          font-size: 1.43229vw;
          line-height: 2.08333vw;
          margin-top: 3.64583vw;
          margin-bottom: 5.59896vw; }
        .poll__sending-data input {
          height: 3.64583vw;
          padding-right: 1.5625vw;
          padding-left: 1.5625vw; }
          .poll__sending-data input::-webkit-input-placeholder {
            font-size: 1.43229vw;
            line-height: 1.43229vw; }
          .poll__sending-data input::-moz-placeholder {
            font-size: 1.43229vw;
            line-height: 1.43229vw; }
          .poll__sending-data input:-ms-input-placeholder {
            font-size: 1.43229vw;
            line-height: 1.43229vw; }
          .poll__sending-data input::-ms-input-placeholder {
            font-size: 1.43229vw;
            line-height: 1.43229vw; }
          .poll__sending-data input::placeholder {
            font-size: 1.43229vw;
            line-height: 1.43229vw; }
        .poll__sending-data .btn {
          height: 3.77604vw;
          font-size: 1.43229vw; } }

@media screen and (max-width: 767px) {
  .main {
    max-width: 100%; }
    .main .h1 {
      margin-top: 6.25vw;
      padding: 0 5.625vw;
      font-size: 7.5vw;
      text-align: left; }
    .main .h3 {
      width: 100%;
      text-align: left;
      font-size: 3.4375vw;
      margin-top: 4.375vw;
      padding: 0 5.625vw;
      margin-top: 3.125vw;
      line-height: 5vw; }
  .poll {
    margin-top: 6.25vw;
    margin-bottom: 0; }
    .poll__wrapper {
      display: flex;
      flex-direction: column; }
    .poll__content {
      width: 100%;
      position: relative;
      padding-top: 5.3125vw;
      padding-right: 5.3125vw;
      padding-left: 5.3125vw;
      padding-bottom: 10vw;
      margin-bottom: -3.4375vw;
      min-height: auto;
      border-radius: 3.125vw; }
      .poll__content .h2 {
        margin-top: 4.375vw;
        font-size: 5.625vw;
        line-height: 5.625vw; }
    .poll__status-hr {
      height: 0.625vw; }
    .poll__pagination {
      margin-left: 0;
      margin-top: 6.5625vw;
      justify-content: space-between; }
      .poll__pagination .btn {
        width: 9.6875vw;
        height: 9.6875vw;
        margin-right: 0;
        font-size: 4.375vw; }
    .poll__choice {
      padding-top: 4.6875vw; }
      .poll__choice label:nth-child(3n) .poll__choice-item {
        margin-right: 3.125vw; }
      .poll__choice label:nth-child(2n) .poll__choice-item {
        margin-right: 0; }
      .poll__choice-item {
        margin-top: 4.0625vw;
        margin-right: 3.125vw;
        width: 42.5vw; }
        .poll__choice-item:hover {
          -webkit-transform: translateY(0);
                  transform: translateY(0); }
        .poll__choice-item.active {
          -webkit-transform: translateY(0);
                  transform: translateY(0); }
      .poll__choice-radio {
        margin-top: 3.125vw; }
      .poll__choice .span {
        width: 4.375vw;
        height: 4.375vw;
        min-width: 4.375vw;
        min-height: 4.375vw; }
        .poll__choice .span:before {
          width: 1.875vw;
          height: 1.875vw; }
      .poll__choice-img img {
        width: 100%; }
      .poll__choice-name {
        margin-left: 2.1875vw;
        font-size: 3.4375vw; }
      .poll__choice_text {
        padding-top: 7.1875vw; }
        .poll__choice_text .poll__choice-item {
          padding: 2.1875vw 4.375vw;
          font-size: 3.4375vw;
          line-height: 3.4375vw;
          margin-bottom: 0.625vw; }
        .poll__choice_text input[type="text"] {
          height: 19.375vw; }
        .poll__choice_text .h6 {
          margin-top: 5.3125vw;
          margin-bottom: 2.1875vw;
          margin-left: 3.125vw;
          font-size: 3.4375vw; }
      .poll__choice_two label {
        width: 100%; }
      .poll__choice_two .poll__choice-item {
        width: 100%;
        margin-right: 4.6875vw;
        padding: 2.1875vw 4.375vw;
        font-size: 3.4375vw;
        line-height: 3.4375vw;
        margin-top: 0;
        margin-bottom: 0.625vw;
        border-radius: 1.5625vw;
        border: 1px solid #F2F2F2; }
        .poll__choice_two .poll__choice-item.active {
          background-color: #45A6FF;
          background-color: var(--my-color);
          color: #fff;
          -webkit-transform: none;
                  transform: none;
          font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif; }
          .poll__choice_two .poll__choice-item.active .poll__choice-name {
            color: #fff; }
        .poll__choice_two .poll__choice-item.default {
          opacity: 1; }
        .poll__choice_two .poll__choice-item:hover {
          background-color: #45A6FF;
          background-color: var(--my-color);
          color: #fff;
          -webkit-transform: none;
                  transform: none; }
          .poll__choice_two .poll__choice-item:hover .poll__choice-img {
            box-shadow: none; }
      .poll__choice_two .poll__choice-radio {
        margin: 0; }
      .poll__choice_two .poll__choice-img {
        display: none; }
      .poll__choice_two .span {
        display: none; }
    .poll__swipe-wrapper {
      margin-bottom: 9.6875vw; }
    .poll__swipe .h2 {
      line-height: 6.25vw; }
      .poll__swipe .h2 small {
        margin-top: 3.4375vw;
        font-size: 3.4375vw;
        line-height: 3.75vw; }
    .poll__btn {
      -webkit-transform: translateY(25vw);
              transform: translateY(25vw);
      flex-direction: column; }
      .poll__btn.active .btn {
        position: relative; }
      .poll__btn .btn {
        position: absolute;
        width: 100%;
        height: 11.875vw;
        font-size: 4.375vw; }
      .poll__btn-prev {
        margin-top: 3.125vw;
        order: 1; }
    .poll__comment {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, #2675BE 48%);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, var(--my-color-dark) 48%);
      max-width: 100%;
      padding-top: 13.125vw;
      padding-right: 5.625vw;
      padding-left: 5.625vw; }
      .poll__comment__img {
        margin-left: 3.125vw;
        margin-right: 6.25vw;
        width: 22.5vw;
        height: 22.5vw; }
      .poll__comment-name .h3 {
        width: auto;
        padding: 0;
        font-family: "Philosopher", Arial, Helvetica, sans-serif;
        font-weight: 700;
        font-size: 4.6875vw;
        margin-top: 4.6875vw; }
      .poll__comment-name .h4 {
        width: auto;
        font-family: "GothamPro-Medium", Arial, Helvetica, sans-serif;
        margin-top: 0.9375vw;
        font-size: 3.125vw; }
      .poll__comment__hr {
        margin-top: 3.4375vw;
        overflow: hidden; }
        .poll__comment__hr svg {
          margin-left: -3.4375vw;
          width: auto; }
      .poll__comment__text {
        font-size: 3.4375vw;
        margin-top: 3.125vw;
        margin-left: 0;
        line-height: 5vw; }
        .poll__comment__text p {
          margin-bottom: 4.375vw; }
    .poll__last-step {
      padding-top: 8.125vw;
      padding-left: 5.9375vw;
      padding-right: 5.3125vw;
      padding-bottom: 9.6875vw;
      border-radius: 3.125vw;
      display: flex;
      flex-direction: column; }
    .poll__thank-you {
      width: 100%; }
      .poll__thank-you_header {
        padding-bottom: 5.3125vw; }
        .poll__thank-you_header svg {
          width: 11.5625vw;
          height: 9.375vw;
          margin-right: 4.0625vw;
          margin-left: 0vw;
          margin-top: 2.1875vw; }
        .poll__thank-you_header .h3 {
          margin-top: 1.875vw;
          padding: 0;
          width: 51.5625vw;
          font-size: 5.625vw;
          line-height: 5.625vw; }
      .poll__thank-you_content {
        margin-top: 5.625vw;
        font-size: 3.4375vw; }
        .poll__thank-you_content p {
          margin-bottom: 5.9375vw;
          line-height: 4.6875vw; }
      .poll__thank-you_btn {
        display: none; }
    .poll__sending {
      width: 100%; }
      .poll__sending-addition {
        margin-top: 0; }
        .poll__sending-addition .h6 {
          font-size: 5.625vw;
          padding: 1.5625vw 3.125vw;
          line-height: 8.125vw; }
        .poll__sending-addition p {
          margin-top: 5.9375vw;
          font-size: 3.4375vw;
          width: 59.375vw;
          line-height: 5vw;
          margin-left: 0.3125vw;
          margin-right: 4.0625vw; }
        .poll__sending-addition .icon-svg-addition_doc {
          margin-top: 6.5625vw;
          width: 19.0625vw;
          height: 18.4375vw; }
      .poll__sending-data {
        margin-top: 4.6875vw; }
        .poll__sending-data .h5 {
          font-size: 5.625vw;
          line-height: 5.625vw; }
        .poll__sending-data p {
          font-size: 3.4375vw;
          line-height: 5vw;
          margin-top: 4.375vw;
          margin-bottom: 7.1875vw; }
        .poll__sending-data input {
          height: 11.875vw;
          padding-right: 5.3125vw;
          padding-left: 5.3125vw;
          padding-top: 2.8125vw;
          padding-bottom: 2.5vw;
          margin-bottom: 3.125vw;
          font-size: 4.0625vw; }
          .poll__sending-data input::-webkit-input-placeholder {
            font-size: 4.0625vw;
            line-height: 3.4375vw; }
          .poll__sending-data input::-moz-placeholder {
            font-size: 4.0625vw;
            line-height: 3.4375vw; }
          .poll__sending-data input:-ms-input-placeholder {
            font-size: 4.0625vw;
            line-height: 3.4375vw; }
          .poll__sending-data input::-ms-input-placeholder {
            font-size: 4.0625vw;
            line-height: 3.4375vw; }
          .poll__sending-data input::placeholder {
            font-size: 4.0625vw;
            line-height: 3.4375vw; }
        .poll__sending-data .btn {
          margin-top: 3.125vw;
          height: 11.875vw;
          font-size: 4.375vw; }
        .poll__sending-data .poll__thank-you_btn {
          display: block; } }

@media screen and (max-width: 1079px) {
  .poll__last-step_thank .poll__thank-you {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .poll__last-step_thank {
    width: 100%;
    margin-bottom: 12.5vw; }
    .poll__last-step_thank .poll__thank-you {
      width: 100%; } }