@charset "UTF-8";
/* common classes */
body {
  min-width: 320px;
  height: 100%;
  font-family: 'OpenSans', sans-serif;
  background: url(../img/bg-1.jpg) 0 0/cover no-repeat; }

.container {
  height: 100%; }

.container:before,
.container:after {
  content: none; }

.flex-wrapper {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.flex-space-b {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.flex-space-c {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }

.flex-align-center {
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

.flex-dir-col {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column; }

.flex-flow-wrap {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.height100 {
  height: 100%; }

/* </common classes */
/* input-placeholder */
input::-webkit-input-placeholder {
  color: #000; }

input::-moz-placeholder {
  color: #000; }

input:-ms-input-placeholder {
  color: #000; }

input::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

input::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease; }

input:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease; }

input:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

input:focus::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease; }

input:focus:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.3s ease; }

/* </input-placeholder */
/* common groups */
.yellow-button {
  height: 42px;
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
  background: #ffb400;
  background: -webkit-linear-gradient(top, #ffb400 0%, #ff8b00 100%);
  background: linear-gradient(to bottom, #ffb400 0%, #ff8b00 100%);
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 20px;
  line-height: 42px; }

.call-group .strings {
  margin-right: 38px; }
  .call-group .strings .string1,
  .call-group .strings .string2 {
    text-align: right; }
  .call-group .strings .string1 {
    font-family: 'OpenSans-Semibold', sans-serif;
    font-size: 20px;
    text-transform: uppercase; }
  .call-group .strings .string2 {
    font-size: 14px; }
.call-group a.tel {
  color: #fff;
  font-family: 'Impact', sans-serif;
  font-size: 42px;
  margin-right: 45px; }
.call-group a.tel:before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 31px;
  background: url(../img/pict-phone.png) 0 0/contain no-repeat;
  margin-right: 10px; }

a.mail {
  color: #fff;
  font-size: 14px; }

/* </common groups */
/* header */
header {
  height: 77px;
  background: rgba(0, 0, 0, 0.6); }
  header .wrapper {
    color: #fff; }

/* </header */
/* content */
.bg-wrapper {
  background: url(../img/bg-3.png) 50% 51%/auto 51% no-repeat, url(../img/bg-2.jpg) 50% 100%/auto 44% no-repeat; }

.main-content {
  color: #fff;
  padding-top: 40px;
  padding-bottom: 170px; }
  .main-content h1 {
    max-width: 770px;
    font-size: 27px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.34);
    padding: 23px 50px 30px 64px;
    margin-left: 10px;
    -webkit-clip-path: polygon(3% 6%, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(3% 6%, 100% 0%, 91% 100%, 0% 100%); }
  .main-content .h2group {
    position: relative;
    max-width: 1035px;
    text-align: center;
    background: #ff8b07;
    background: -webkit-linear-gradient(top, #ff8b07 0%, #fa4810 100%);
    background: linear-gradient(to bottom, #ff8b07 0%, #fa4810 100%);
    padding: 30px 42px 20px 70px;
    margin: -15px 0 40px 90px;
    -webkit-clip-path: polygon(0% 0%, 98% 8%, 100% 100%, 7% 100%);
    clip-path: polygon(0% 0%, 98% 8%, 100% 100%, 7% 100%);
    z-index: 5; }
    .main-content .h2group h2 {
      font-family: 'Impact', sans-serif;
      font-size: 33px;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .main-content .h2group p {
      font-family: 'OpenSans-Semibold', sans-serif;
      font-size: 22px;
      text-transform: uppercase; }
      .main-content .h2group p span {
        color: #000;
        font-family: 'Impact', sans-serif;
        font-size: 30px;
        background: #ffd904;
        padding-top: 4px;
        padding-left: 17px;
        padding-right: 15px;
        vertical-align: -3px;
        -webkit-clip-path: polygon(0% 0%, 100% 10%, 94% 100%, 9% 100%);
        clip-path: polygon(0% 0%, 100% 10%, 94% 100%, 9% 100%); }
  .main-content .form-wrap {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
    .main-content .form-wrap form {
      position: relative;
      width: 360px;
      background: #fff;
      color: black;
      padding: 44px 30px 28px 30px;
      border-radius: 10px;
      box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.15), 0 0 13px rgba(0, 0, 0, 0.28); }
      .main-content .form-wrap form h3 {
        color: #000;
        font-family: 'OpenSans-Semibold', sans-serif;
        font-size: 16px;
        line-height: 27px;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 20px; }
      .main-content .form-wrap form .line {
        width: 270px;
        height: 1px;
        background: #e4e4e4;
        margin: 0 auto; }
      .main-content .form-wrap form .input-group {
        display: block;
        padding: 10px 0; }
        .main-content .form-wrap form .input-group input {
          width: 100%;
          height: 44px;
          color: #000;
          font-size: 16px;
          background: #e4e4e4;
          padding: 0 17px;
          border-radius: 3px;
          margin-bottom: 19px;
          box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.12); }
        .main-content .form-wrap form .input-group input:last-child {
          margin-bottom: 0; }
      .main-content .form-wrap form input[type="submit"] {
        display: block;
        height: 44px;
        color: #000;
        font-size: 12px;
        text-transform: uppercase;
        background: #ffbe26;
        background: -webkit-linear-gradient(top, #ffbe26 0%, #fa9c26 100%);
        background: linear-gradient(to bottom, #ffbe26 0%, #fa9c26 100%);
        padding: 0 30px;
        border: 1px solid #cc8014;
        border-radius: 20px;
        margin: 0 auto;
        box-shadow: inset 0 0 5px 1px rgba(255, 255, 255, 0.3); }
      .main-content .form-wrap form input[type="submit"]:disabled {
        color: lightgray;
        background: url(../img/ajax-loader.gif) 90% 50% no-repeat gray; }
    .main-content .form-wrap .arrow-slogan {
      position: absolute;
      width: 490px;
      height: 45px;
      right: 87%;
      bottom: 26px; }
      .main-content .form-wrap .arrow-slogan .arrow-body {
        position: absolute;
        top: 0;
        left: 0;
        width: 470px;
        height: 45px;
        background: #fff;
        border-radius: 2px;
        box-shadow: -2px 0 5px rgba(0, 0, 0, 0.4);
        z-index: 5; }
      .main-content .form-wrap .arrow-slogan .arrow {
        position: absolute;
        width: 31px;
        height: 31px;
        top: 7px;
        right: 4px;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
        transform: rotate(45deg);
        z-index: 4; }
      .main-content .form-wrap .arrow-slogan .orange-arrow {
        position: absolute;
        width: 29px;
        height: 29px;
        top: 8px;
        right: 8px;
        background: #ff8b07;
        background: -webkit-linear-gradient(-45deg, #ff8b07 0%, #ff3e00 100%);
        background: linear-gradient(135deg, #ff8b07 0%, #ff3e00 100%);
        transform: rotate(45deg);
        z-index: 5; }
      .main-content .form-wrap .arrow-slogan .orange {
        position: absolute;
        width: 465px;
        height: 41px;
        top: 2px;
        left: 2px;
        text-align: right;
        background: #ff8b07;
        background: -webkit-linear-gradient(top, #ff8b07 0%, #ff3e00 100%);
        background: linear-gradient(to bottom, #ff8b07 0%, #ff3e00 100%);
        z-index: 7; }
        .main-content .form-wrap .arrow-slogan .orange span {
          font-family: 'OpenSans-Semibold', sans-serif;
          font-size: 16px;
          line-height: 41px;
          text-transform: uppercase;
          color: white; }

/* </content */
/* footer */
footer {
  height: 210px;
  background: rgba(0, 0, 0, 0.6); }
  footer .wrapper {
    color: #fff; }
    footer .wrapper .info-group {
      -ms-flex-preferred-size: 320px;
      -webkit-flex-basis: 320px;
      flex-basis: 320px;
      font-size: 13px;
      line-height: 26px;
      padding-top: 20px;
      padding-right: 10px; }
    footer .wrapper .call-group {
      padding-top: 45px; }
      footer .wrapper .call-group .strings,
      footer .wrapper .call-group a.tel {
        margin-right: 35px; }

/* </footer */
/* ╨Ь╨╛╨┤╨░╨╗╤М╨╜╤Л╨╡ ╨╛╨║╨╜╨░ */
#overlay {
  z-index: 24;
  position: fixed;
  background-color: #000;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none; }

#modal_form {
  position: fixed;
  top: 45%;
  left: 50%;
  margin-top: -150px;
  margin-left: -150px;
  display: none;
  opacity: 0;
  z-index: 25; }
  #modal_form #modal_close {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
    display: block;
    z-index: 25; }
  #modal_form h3 {
    margin-bottom: 10px; }
  #modal_form #modal_content {
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    color: #777;
    margin-bottom: 15px; }
  #modal_form #modal_ajax_result_header {
    margin-bottom: 15px; }
  #modal_form #modal_ajax_result_text {
    text-align: left; }

.form-error input, .form-error textarea {
  border: 1px solid #f13340;
  color: #f13340;
  background: url(../img/form-error.png) 98% 12px no-repeat #fff1f2; }

.form-ok input, .form-ok textarea {
  border: 1px solid #46a74e;
  color: #35b33f;
  background: url(../img/form-ok.png) 98% 12px no-repeat #ddf9e1; }

.ajax_errors {
  color: #ff4000;
  display: block;
  margin-top: 7px; }

/*# sourceMappingURL=main.css.map */