.content {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  .content:before {
    content: '';
    background-color: rgba(26, 26, 26, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%; }

.contact_page {
  padding-top: 150px;
  position: relative; }
  .contact_page:not(.showed) .contact_list {
    transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  .contact_page:not(.showed) .right_block {
    transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  .contact_page:not(.showed) .contact_form {
    background: transparent;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  .contact_page .contact_form {
    background-color: rgba(26, 26, 26, 0.9);
    width: 100%;
    padding: 100px;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
    -o-transition: background 1.5s;
    -ms-transition: background 1.5s;
    -moz-transition: background 1.5s;
    -webkit-transition: background 1.5s;
    transition: background 1.5s; }
  .contact_page .content_block {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 100%;
    max-width: 1600px;
    margin: 0 auto;
    align-items: end; }
  .contact_page .contact_list {
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    max-width: 400px;
    padding: 0 20px 0 80px;
    margin-right: auto; }
  .contact_page .right_block {
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    max-width: 910px;
    width: 100%; }
  .contact_page .input_list {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    flex-wrap: wrap; }
    .contact_page .input_list .field_block {
      max-width: 300px;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%; }
  .contact_page .field_block {
    position: relative;
    padding-bottom: 40px;
    max-width: 580px; }
    .contact_page .field_block:nth-child(3) {
      padding-bottom: 0; }
    .contact_page .field_block ::-webkit-input-placeholder {
      color: #999999;
      font-size: 140%;
      line-height: 41px; }
    .contact_page .field_block :-moz-placeholder {
      color: #999999;
      font-size: 140%;
      line-height: 41px; }
    .contact_page .field_block ::-moz-placeholder {
      color: #999999;
      font-size: 140%;
      line-height: 41px; }
    .contact_page .field_block :-ms-input-placeholder {
      color: #999999;
      font-size: 140%;
      line-height: 41px; }
    .contact_page .field_block textarea {
      resize: none;
      min-height: 20px;
      width: 100%;
      border: none;
      padding: 0 0 10px;
      font-size: 120%;
      line-height: 41px;
      background: linear-gradient(to bottom, transparent 40px, #333333 17px);
      background-size: auto 41px;
      color: #999999; }
      .contact_page .field_block textarea:focus {
        border-color: #ffffff; }
        .contact_page .field_block textarea:focus::placeholder {
          color: transparent; }
    .contact_page .field_block input {
      width: 100%;
      border: none;
      border-bottom: 1px solid #333333;
      padding: 10px 0 10px;
      background: none;
      font-size: 120%;
      line-height: 18px;
      color: #999999; }
      .contact_page .field_block input:focus {
        border-color: #ffffff; }
        .contact_page .field_block input:focus::placeholder {
          color: transparent; }
  .contact_page .contact_title {
    max-width: 680px;
    width: 100%;
    color: #ffffff;
    font-family: "playfair-regular", "sylfaen-regular";
    font-size: 600%;
    line-height: 80px; }
    .contact_page .contact_title span {
      font-family: "bold", "arm-bold"; }
  .contact_page .list_inner {
    padding: 0;
    margin: 0;
    list-style-type: none; }
    .contact_page .list_inner li {
      display: flex;
      flex-direction: column;
      margin-bottom: 23px; }
      .contact_page .list_inner li:after {
        content: "";
        display: block;
        height: 2px;
        background-color: #ffffff;
        margin-top: 30px;
        max-width: 155px; }
      .contact_page .list_inner li .phone_link,
      .contact_page .list_inner li .street_block,
      .contact_page .list_inner li a {
        color: #ffffff;
        font-size: 160%;
        line-height: 30px; }
      .contact_page .list_inner li:last-child:after {
        display: none; }
    .contact_page .list_inner .page_title {
      color: #ffffff;
      padding-bottom: 7px; }
  .contact_page .slide_btn {
    max-width: 150px; }
  .contact_page .terms_block {
    margin-bottom: 30px;
    color: #999999;
    font-size: 120%;
    line-height: 15px;
    position: relative;
    z-index: 1;
    margin-top: 20px; }
    .contact_page .terms_block a {
      color: #ffffff; }
  @media (max-width: 1199px) {
    .contact_page .contact_list {
      padding: 0 20px 0 20px; }
    .contact_page .contact_form {
      padding: 100px 60px; }
    .contact_page .contact_title {
      font-size: 500%;
      line-height: 60px; }
    .contact_page .field_block input,
    .contact_page .field_block textarea {
      font-size: 120%; } }
  @media (max-width: 1024px) {
    .contact_page .contact_form {
      margin-top: 30px; }
    .contact_page .input_list {
      flex-direction: column; }
      .contact_page .input_list .field_block {
        max-width: 580px; }
    .contact_page .contact_title {
      font-size: 400%;
      line-height: 45px; } }
  @media (max-width: 767px) {
    .contact_page .list_inner {
      margin: 0 -10px;
      display: flex;
      flex-wrap: wrap; }
      .contact_page .list_inner li {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px; }
        .contact_page .list_inner li:after {
          display: none; }
    .contact_page .contact_title {
      font-size: 300%;
      line-height: 35px; }
    .contact_page .content_block {
      flex-direction: column-reverse;
      padding: 0 20px; }
    .contact_page .contact_list {
      max-width: 100%;
      padding: 0;
      margin-right: inherit;
      margin-top: 25px; } }
  @media (max-width: 575px) {
    .contact_page .contact_form {
      padding: 40px 25px; }
    .contact_page .contact_title {
      font-size: 250%;
      line-height: 30px; } }
  @media (max-width: 479px) {
    .contact_page .list_inner {
      margin: 0 -10px;
      display: flex;
      flex-wrap: wrap; }
      .contact_page .list_inner li {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 10px; }
        .contact_page .list_inner li:after {
          display: none; } }

.web .contact_page .terms_block a {
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  .web .contact_page .terms_block a:hover {
    opacity: 0.5; }
.web .contact_page .field_block input {
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .web .contact_page .field_block input:hover {
    border-color: #999999; }
    .web .contact_page .field_block input:hover::placeholder {
      color: #CCCCCC; }
.web .contact_page .field_block textarea {
  -o-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -webkit-transition: color 0.5s;
  transition: color 0.5s; }
  .web .contact_page .field_block textarea:hover::placeholder {
    color: #CCCCCC; }

.touch .contact_page .terms_block a {
  -o-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s; }
  .touch .contact_page .terms_block a:active {
    opacity: 0.5; }
.touch .contact_page .field_block input {
  -o-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  transition: all 0.25s; }
  .touch .contact_page .field_block input:active {
    border-color: #999999; }
    .touch .contact_page .field_block input:active::placeholder {
      color: #CCCCCC; }
.touch .contact_page .field_block textarea {
  -o-transition: color 0.25s;
  -ms-transition: color 0.25s;
  -moz-transition: color 0.25s;
  -webkit-transition: color 0.25s;
  transition: color 0.25s; }
  .touch .contact_page .field_block textarea:active::placeholder {
    color: #CCCCCC; }

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