.about_cat_warp {
  display: flex;
  justify-content: center;
  max-width: 1100px;
  margin: auto; }
  .about_cat_warp .links_page {
    padding: 20px; }
    .about_cat_warp .links_page a {
      text-decoration: none;
      color: var(--color-dark-gray); }
      .about_cat_warp .links_page a:hover {
        color: #000;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s; }
    .about_cat_warp .links_page .active {
      color: #000; }
      .about_cat_warp .links_page .active:before {
        width: 100%; }

.title_page {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1100px;
  margin: auto; }
  .title_page .text_page_about {
    text-align: center;
    font-size: 22px;
    line-height: 1.6;
    max-width: 80%; }
  .title_page h2 {
    font-size: 43px;
    line-height: 1.5;
    text-align: center;
    position: relative;
    font-family: var(--font-hero); }

.top_img_page {
  width: 100%;
  margin: var(--space-xxl) 0 var(--space-xxl) 0;
  position: relative;
  height: auto;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .top_img_page img {
    width: 100%; }

.block_page_warp {
  margin: var(--space-xxl) auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1100px; }
  .block_page_warp .block_page {
    display: flex;
    margin-bottom: var(--space-xxl); }
    .block_page_warp .block_page:last-child {
      margin-bottom: 0; }
    .block_page_warp .block_page .block_img {
      width: calc(50% - 20px);
      margin-right: 20px; }
      .block_page_warp .block_page .block_img img {
        width: 100%; }
    .block_page_warp .block_page .block_text {
      margin-left: 20px;
      width: calc(50% - 20px);
      display: flex;
      flex-wrap: wrap;
      align-content: center; }

.locations_w_h {
  width: 100%;
  height: 400px;
  background-color: var(--color-light-gray);
  margin-bottom: var(--space-e);
  margin-top: var(--space-xl);
  position: relative; }
  .locations_w_h .loc_img_h {
    bottom: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 43.9%; }
    .locations_w_h .loc_img_h div {
      background-position: 50% center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
      width: 100%; }
  .locations_w_h .loc_text_h {
    --gap: var(--space-xxl);
    --width: 1175px;
    max-width: var(--width);
    align-items: center;
    display: flex;
    height: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--gap);
    padding-right: var(--gap);
    width: 100%;
    flex-wrap: wrap;
    align-content: center; }
    .locations_w_h .loc_text_h .loc_title {
      line-height: 1.5;
      max-width: 588px;
      width: 100%;
      font-family: var(--font-hero);
      font-size: var(--size-xl);
      font-weight: 500;
      margin-bottom: var(--space-xs); }
    .locations_w_h .loc_text_h .loc_text {
      line-height: 1.5;
      max-width: 588px;
      width: 100%;
      margin-bottom: var(--space-m); }

.locations_content_wrap {
  max-width: 1100px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--gap);
  padding-right: var(--gap);
  width: 100%;
  flex-wrap: wrap; }
  .locations_content_wrap .location_item_warp {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--space-xxl);
    width: 100%;
    flex-wrap: wrap; }
    .locations_content_wrap .location_item_warp:last-child {
      margin-bottom: 0px; }
    .locations_content_wrap .location_item_warp .adress {
      width: calc(50% - 20px);
      display: flex;
      margin-right: 20px; }
      .locations_content_wrap .location_item_warp .adress .locsvg {
        margin-right: var(--space-xe); }
    .locations_content_wrap .location_item_warp .phone {
      width: 25%; }
      .locations_content_wrap .location_item_warp .phone a {
        font-weight: 500; }
    .locations_content_wrap .location_item_warp .time {
      width: 25%;
      font-weight: 500; }
    .locations_content_wrap .location_item_warp .scroll_map {
      margin-left: 30px;
      padding-left: var(--space-xe);
      margin-top: 10px; }
      .locations_content_wrap .location_item_warp .scroll_map a {
        color: var(--color-dark-gray); }
        .locations_content_wrap .location_item_warp .scroll_map a:before {
          background: var(--color-dark-gray); }

@media (max-width: 1900px) {
  .locations_w_h {
    height: 350px; }
    .locations_w_h .loc_img_h {
      width: 41.4%; }
      .locations_w_h .loc_img_h div {
        background-position: left 60% bottom 9%;
        background-size: 100%; }
    .locations_w_h .loc_text_h {
      --width: 1059px; }
      .locations_w_h .loc_text_h .loc_title {
        max-width: 530px; }
      .locations_w_h .loc_text_h .loc_text {
        max-width: 530px; }

  .locations_content_wrap {
    display: flex;
    margin: 0 auto var(--space-e) auto;
    padding: 0px;
    width: 100%;
    max-width: 1000px; }
    .locations_content_wrap .location_item_warp .adress .locsvg {
      margin-right: var(--space-n); }
      .locations_content_wrap .location_item_warp .scroll_map {
        margin-left: 30px;
        padding-left: var(--space-n); } }

@media (max-width: 1365px) {
  .locations_w_h {
    height: 285px;
    margin-bottom: var(--space-xb); }
    .locations_w_h .loc_text_h {
      --width: 1023px; }
      .locations_w_h .loc_text_h .loc_img_h {
        width: 44.7%; }
      .locations_w_h .loc_text_h .loc_text {
        max-width: 472px;
        padding: 0px; }
      .locations_w_h .loc_text_h .loc_title {
        max-width: 472px;
        padding: 0px; }

  .locations_content_wrap .location_item_warp .phone {
    width: 150px; }

  .locations_content_wrap .location_item_warp .time {
    width: 207px; } }

@media (max-width: 1024px) {
  .locations_w_h .loc_text_h {
    --width: 500px;
    padding: 0 var(--gap);
    margin: 0; }

  .locations_content_wrap {
    max-width: none;
    padding-left: var(--space-s);
    padding-right: var(--space-s); }

  .locations_content_wrap .location_item_warp .time {
    width: 140px; }

  .locations_content_wrap .location_item_warp .scroll_map {
    width: 100%; } }

@media (max-width: 767px) {
  .about_cat_warp .links_page {
    padding: 20px 10px; }

  .top_img_page {
    justify-content: center;
    display: flex;
    overflow: hidden; }
    .top_img_page img {
      width: 140%; }

  .title_page h2 {
    font-size: 23px; }
    .title_page h2:before {
      font-size: 60px;
      left: calc(50% - 15px); }
    .title_page .text_page_about {
      max-width: none;
      font-size: inherit; }

  .block_page_warp .block_page {
    flex-wrap: wrap; }
    .block_page_warp .block_page .block_img {
      width: 100%;
      margin: 0; }
    .block_page_warp .block_page .block_text {
      width: 100%;
      margin: 0; }

  .locations_content_wrap .location_item_warp .adress, .locations_content_wrap .location_item_warp .phone, .locations_content_wrap .location_item_warp .time {
    width: 100%; }

  .locations_content_wrap .location_item_warp .phone, .locations_content_wrap .location_item_warp .time {
    margin-left: 30px;
    padding-left: var(--space-n);
    margin-bottom: 5px; }

  .locations_w_h {
    height: 500px; }
    .locations_w_h .loc_text_h .loc_img_h {
      position: absolute;
      width: 100%;
      left: 0;
      right: 0;
      height: 222px; }
      .locations_w_h .loc_text_h .loc_img_h .loc_img {
        background-position: 100%;
        background-size: 100%; }

  .locations_w_h .loc_text_h .loc_text {
    max-width: 100%;
    padding: 0px;
    margin-top: 200px; } }

@media (max-width: 550px) {
  .about_cat_warp {
    flex-wrap: wrap; }

  .top_img_page img {
    width: 170%; } }