#contacts-block {
  width: 100%; }
  #contacts-block #contacts {
    width: 55%; }
    @media screen and (max-width: 992px), screen and (max-height: 630px) {
      #contacts-block #contacts {
        width: 100%; } }
    #contacts-block #contacts .c-text {
      position: relative;
      float: left;
      width: 100%;
      padding-right: 100px;
      padding-bottom: 15px; }
      @media screen and (max-width: 1400px) {
        #contacts-block #contacts .c-text {
          padding-right: 50px; } }
      @media screen and (max-width: 1200px) {
        #contacts-block #contacts .c-text {
          padding-right: 15px; } }
      #contacts-block #contacts .c-text .contacts-title {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 20px; }
        @media screen and (max-height: 800px) {
          #contacts-block #contacts .c-text .contacts-title {
            margin-top: 15px; } }
        @media screen and (max-height: 750px) {
          #contacts-block #contacts .c-text .contacts-title {
            margin-top: 10px; } }
        @media screen and (max-height: 700px) {
          #contacts-block #contacts .c-text .contacts-title {
            margin-top: 5px; } }
        @media screen and (max-height: 650px) {
          #contacts-block #contacts .c-text .contacts-title {
            margin-top: 0; } }
        @media screen and (max-width: 992px), screen and (max-height: 630px) {
          #contacts-block #contacts .c-text .contacts-title {
            margin-top: 0; } }
        #contacts-block #contacts .c-text .contacts-title h1 {
          display: inline-block;
          font-weight: normal;
          font-size: 60px;
          line-height: 62px;
          margin-bottom: 30px;
          margin-left: 100px;
          opacity: 0; }
          @media screen and (max-width: 1400px) {
            #contacts-block #contacts .c-text .contacts-title h1 {
              font-size: 52px;
              line-height: 54px; } }
          @media screen and (max-width: 1200px) {
            #contacts-block #contacts .c-text .contacts-title h1 {
              font-size: 44px;
              line-height: 46px;
              margin-bottom: 27px; } }
          @media screen and (max-width: 992px) {
            #contacts-block #contacts .c-text .contacts-title h1 {
              font-size: 36px;
              line-height: 38px; } }
          @media screen and (max-width: 640px) {
            #contacts-block #contacts .c-text .contacts-title h1 {
              margin-bottom: 25px;
              font-size: 30px;
              line-height: 32px; } }
      #contacts-block #contacts .c-text .contacts-text {
        position: relative;
        float: left;
        width: 100%;
        opacity: 0;
        margin-left: -50px; }
        #contacts-block #contacts .c-text .contacts-text p {
          margin-top: 5px; }
        #contacts-block #contacts .c-text .contacts-text .c-info {
          font-style: italic; }
        #contacts-block #contacts .c-text .contacts-text .c-title.c-address {
          margin-top: 20px; }
        #contacts-block #contacts .c-text .contacts-text .c-title.c-phones {
          margin-top: 30px; }
        #contacts-block #contacts .c-text .contacts-text .c-title strong {
          font-weight: bold; }
        #contacts-block #contacts .c-text .contacts-text .c-email {
          margin-top: 40px; }
          #contacts-block #contacts .c-text .contacts-text .c-email a {
            background: url(../images/email.png) center left no-repeat; }
        #contacts-block #contacts .c-text .contacts-text .c-instagram a {
          background: url(../images/small-instagram.png) center left no-repeat; }
        #contacts-block #contacts .c-text .contacts-text .c-email a,
        #contacts-block #contacts .c-text .contacts-text .c-instagram a {
          padding-left: 30px;
          display: inline-block; }
  #contacts-block #map {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45%;
    background: #e2e3e5; }
    @media screen and (max-width: 992px), screen and (max-height: 630px) {
      #contacts-block #map {
        position: relative;
        float: left;
        top: auto;
        right: auto;
        width: 100%;
        height: 350px !important; } }
    @media screen and (max-width: 640px) {
      #contacts-block #map {
        height: 300px !important; } }
    @media screen and (max-width: 480px) {
      #contacts-block #map {
        height: 250px !important; } }
    #contacts-block #map.not-active::after {
      position: absolute;
      width: 50px;
      height: 50px;
      left: 50%;
      top: 50%;
      margin: -25px 0 0 -25px;
      z-index: 2;
      pointer-events: none;
      border: 3px solid #fff;
      border-right-color: #000;
      border-radius: 50%;
      -webkit-animation: rotateCircle 0.7s linear infinite forwards;
      animation: rotateCircle 0.7s linear infinite forwards;
      content: '';
      visibility: visible; }

[class*="ymaps-2"][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%); }

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