/* Start:/local/templates/universe_store96/components/bitrix/system.pagenavigation/.default/style.css?17193827562746*/
.catalog__pagination {
  margin: 40px 40px 120px 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  .catalog__pagination {
    margin: 24px 0 80px;
  }
}

.catalog__pagination-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.catalog__pagination-prev {
  order: 1;
}

@media (max-width: 768px) {
  .catalog__pagination-prev {
    order: 0;
    margin-right: auto;
  }
}

.catalog__pagination-prev .catalog__pagination-link {
  transform: rotate(180deg);
}
.catalog__pagination-arrow.catalog__pagination-disabled .catalog__pagination-link {
  opacity: 0.5;
  width: 80%;
}

@media (max-width: 768px) {
  .catalog__pagination-arrow {
    width: 25px;
    height: auto;
  }
  .catalog__pagination-arrow.catalog__pagination-disabled .catalog__pagination-link {
    opacity: 0.5;
  }
}

.catalog__pagination-next {
  order: 2;
}

@media (max-width: 768px) {
  .catalog__pagination-next {
    margin-left: auto;
  }
}

.catalog__pagination-item {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .catalog__pagination-item {
    width: 40px;
    height: 40px;
  }
}

.catalog__pagination-item:not(:last-child) {
  margin-right: 16px;
}

@media (max-width: 768px) {
  .catalog__pagination-item:not(:last-child) {
    margin-right: 8px;
  }
}

@media (max-width: 900px) and (min-width: 768px) {
  .catalog__pagination-item:nth-child(5) {
    display: none;
  }
}

@media (max-width: 800px) and (min-width: 768px) {
  .catalog__pagination-item:nth-child(4) {
    display: none;
  }
}

.catalog__pagination-item:hover .catalog__pagination-link {
  border-color: #141414;
  color: #A0978A;
  text-decoration: none;
}

.catalog__pagination-active {
  pointer-events: none;
}

.catalog__pagination-active .catalog__pagination-link {
  background-color: #141414;
  color: #fff;
  cursor: default;
}

.catalog__pagination-link {
  padding: 16px 8px;
  border-radius: 50%;
  border: 1px solid #E8E9F2;
  color: #141414;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  transition: border-color 0.2s, color 0.2s;
}
.catalog__pagination-link:focus {
  color: #A0978A;
  text-decoration: none;
}

@media (max-width: 768px) {
  .catalog__pagination-link {
    width: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 21px;
    border: none;
  }
}

.catalog__pagination-arrow .catalog__pagination-link {
  border: none;
}

.catalog__pagination-dots {
  width: 32px;
}

.catalog__pagination-dots:hover .catalog__pagination-link {
  color: #141414;
}

.catalog__pagination-dots .catalog__pagination-link {
  border: none;
  font-size: 24px;
}
/* End */


/* Start:/local/templates/universe_store96/components/bitrix/news.list/contacts.custom/style.css?171401845859546*/
.contacts {}

.contacts .contacts-map {
  display: block;
  height: 460px;
}

.contacts .contacts-contact-wrap {
  overflow: visible;
}

.contacts .contacts-contact {
  display: block;
  position: relative;
  min-height: 126px;
  background: #fff;
  -webkit-box-shadow: 0 7px 35px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 7px 35px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 7px 35px 0 rgba(0, 0, 0, 0.4);
}

.contacts .contacts-contact.contacts-contact-with-map {
  margin-top: -63px;
  overflow: hidden;
}

.contacts .contacts-contact .contacts-contact-with-map-wrapper {
  min-height: 126px;
  padding: 12px 24px;
  overflow: hidden;
}

.contacts .contacts-contact .contacts-contact-wrapper {
  min-height: 102px;
}

.contacts .contacts-contact .contacts-contact-parameter .contacts-contact-parameter-wrapper {
  font-size: 0;
  height: 100%;
  padding: 12px 0;
}

.contacts .contacts-contact .contacts-contact-parameter .contacts-contact-icon {
  width: 36px;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.contacts .contacts-contact .contacts-contact-parameter .contacts-contact-title {
  font-weight: normal;
  color: #bdbdbd;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 4px;
}

.contacts .contacts-contact .contacts-contact-parameter .contacts-contact-text {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #2c2c2c;
}

.contacts .contacts-contact .contacts-contact-parameter .contacts-contact-value {
  color: #333;
  text-decoration: none;
}

.contacts .contacts-title {
  font-size: 28px;
  font-weight: 900;
}

.contacts .contacts-description {
  font-size: 16px;
  line-height: 25px;
  color: #6a6a6c;
  margin-top: 20px;
}

.contacts .contacts-shops {
  display: block;
  margin-top: 75px;
}

.contacts .contacts-shops .contacts-shops-list {
  display: block;
  overflow: hidden;
  margin-top: 30px;
}

.contacts .contacts-shops .contacts-shops-list .contacts-shops-list-wrapper {
  display: block;
  margin: -15px -30px;
}

.contacts .contacts-shops .contacts-shop {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 30px;
}

.contacts .contacts-shops .contacts-shop .contacts-shop-wrapper {
  display: block;
  position: relative;
}

.contacts .contacts-shops .contacts-shop .contacts-image {
  display: block;
  position: relative;
  padding: 6px;
  width: 130px;
  height: 130px;
  background: #f3f3f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

.contacts .contacts-shops .contacts-shop .contacts-image .contacts-image-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.contacts .contacts-shops .contacts-shop .contacts-information {
  display: block;
  margin-left: 145px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #2a2a2a;
}

.contacts .contacts-shops .contacts-shop .contacts-information .contacts-address {
  margin-bottom: 20px;
  color: inherit;
  text-decoration: none;
}

.contacts .contacts-shops .contacts-shop .contacts-information .contacts-phone {
  color: inherit;
}

.contacts .contacts-shops .contacts-shop .contacts-information .contacts-email {
  color: #1169fe;
  text-decoration: none;
}

.contacts .contacts-shops .contacts-shop .contacts-information .contacts-on-map {
  display: block;
  position: absolute;
  left: 145px;
  bottom: 0;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
  color: #494a67;
  border-bottom: 1px dashed transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: color, border;
  -moz-transition-property: color, border;
  -ms-transition-property: color, border;
  -o-transition-property: color, border;
  transition-property: color, border;
}

.contacts .contacts-shops .contacts-shop .contacts-information .contacts-on-map:hover {
  color: #686991;
  border-color: #686991;
}

.contacts .contacts-offices {
  display: block;
  margin-top: 75px;
}

.contacts .contacts-offices .contacts-sections {}

.contacts .contacts-offices .contacts-sections .contacts-section {
  margin-top: 50px;
}

.contacts .contacts-offices .contacts-sections .contacts-section .contacts-section-title {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  color: #2a2a2a;
}

.contacts .contacts-offices .contacts-offices-list {
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: 16px;
}

.contacts .contacts-offices .contacts-offices-list .contacts-offices-list-wrapper {
  display: block;
  margin: -10px;
}

.contacts .contacts-offices .contacts-office {
  display: block;
  position: relative;
  padding: 10px;
}

.contacts .contacts-offices .contacts-office .contacts-office-wrapper {
  display: block;
  position: relative;
  border: 1px solid #e6e7e9;
}

.contacts .contacts-offices .contacts-office .contacts-image {
  display: block;
  width: 220px;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
}

.contacts .contacts-offices .contacts-office .contacts-information {
  display: block;
  position: relative;
  margin-left: 270px;
}

.contacts .contacts-offices .contacts-office .contacts-information-section {
  display: block;
  position: relative;
  float: left;
  margin-top: 30px;
}

.contacts .contacts-offices .contacts-office .contacts-information-section.contacts-address {
  margin-right: 150px;
  width: 180px;
}

.contacts .contacts-offices .contacts-office .contacts-information-section.contacts-work-time {
  margin-right: 100px;
  width: 140px;
}

.contacts .contacts-offices .contacts-office .contacts-information-section.contacts-contacts {
  width: 210px;
}

.contacts .contacts-offices .contacts-office .contacts-information-section .contacts-information-title {
  display: block;
  margin-bottom: 15px;
  font-size: 0;
}

.contacts .contacts-offices .contacts-office .contacts-information-section .contacts-information-title .icon-contacts {
  font-size: 16px;
  padding-right: 6px;
  vertical-align: middle;
}

.contacts .contacts-offices .contacts-office .contacts-information-section .contacts-information-title .contacts-information-icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  background-position: center center;
  background-repeat: no-repeat;
}

.contacts .contacts-offices .contacts-office .contacts-information-section .contacts-information-title .contacts-information-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 18px;
  color: #6a696e;
}

.contacts .contacts-offices .contacts-office .contacts-information-section .contacts-information-content {
  font-size: 13px;
  line-height: 21px;
  color: #313439;
}

.contacts .contacts-offices .contacts-office .contacts-information-section .contacts-information-content a {
  text-decoration: none;
  color: #313439;
}

.contacts .contacts-offices .contacts-office .contacts-information-section.contacts-address .contacts-information-content {
  font-weight: bold;
}

.contacts .contacts-offices .contacts-office .contacts-information-section.contacts-contacts .contacts-information-content {}

.contacts .contacts-offices .contacts-office .contacts-information-on-map {
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
  color: #494a67;
  border-bottom: 1px dashed transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: color, border;
  -moz-transition-property: color, border;
  -ms-transition-property: color, border;
  -o-transition-property: color, border;
  transition-property: color, border;
}

.contacts .contacts-offices .contacts-office .contacts-information-on-map:hover {
  color: #686991;
  border-color: #686991;
}

.contacts .contacts-offices .contacts-office .contacts-information-section.contacts-contacts .contacts-email a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted #2d7cfb;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
}

.contacts .contacts-offices .contacts-office .contacts-information-section.contacts-contacts .contacts-email a:hover {
  color: #2d7cfb;
}

.contacts .contacts-form-wrap {
  margin-top: 60px;
}

@media (max-width: 1000px) {
  .contacts .contacts-offices .contacts-office .contacts-image {
    display: none;
  }

  .contacts .contacts-contact {
    height: auto;
    overflow: hidden;
  }

  .contacts .contacts-offices .contacts-office .contacts-information {
    margin-left: 18px;
    overflow: hidden;
    padding-bottom: 18px;
  }
}

.intec-content-right .contacts .contacts-contact {
  height: 190px;
}

.intec-content-right .contacts .contacts-contact .contacts-contact-parameter {
  width: 50%;
  height: 50%;
}

@media (max-width:700px) {
  .contacts .contacts-offices .contacts-office .contacts-information-section.contacts-contacts .contacts-information-content {
    margin: 0;
  }

  .contacts-form .contacts-form-fields .contacts-form-field {
    width: 100% !important;
  }

  .contacts .contacts-offices .contacts-office .contacts-information-section.contacts-address,
  .contacts .contacts-offices .contacts-office .contacts-information-section.contacts-work-time,
  .contacts .contacts-offices .contacts-office .contacts-information-section.contacts-contacts {
    width: 100%;
    margin-right: 0;
  }

  .contacts .contacts-offices .contacts-office .contacts-information-on-map {
    position: static;
    margin-top: 10px;
  }

  .contacts .contacts-offices .contacts-office .contacts-information-section {
    margin-top: 15px;
    float: none;
  }

  .contacts .contacts-offices .contacts-office .contacts-information-section .contacts-information-title {
    margin-bottom: 6px;
  }
}

/* CUSTOM */

@keyframes border-blink {
  0% {
    border-bottom: 1px solid #0053B5;
  }

  50% {
    border-bottom: 1px solid #FFFFFF;
  }

  100% {
    border-bottom: 1px solid #0053B5;
  }
}

.container {
  max-width: 1440px;
  min-width: 360px;
  margin: 0 auto;
  padding: 0 40px;
  margin-bottom: 120px;
  font-size: inherit;
  cursor: default;
  box-sizing: border-box;
}

.title {
  margin: 80px 0 40px;
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
  color: #141414;
}

@media (max-width: 1200px) {
  .container {
    margin-bottom: 110px;
  }

  .title {
    margin: 56px 0 40px;
    font-size: 32px;
    line-height: 24px;
  }
}

@media (max-width: 768px) {
  .container {
    padding: 0 16px;
    margin-bottom: 120px;
  }

  .title {
    margin: 24px 0 16px;
    font-size: 24px;
    line-height: 32px;
    max-width: 245px;
  }
}

@media (min-width: 1439px) {
  .contacts__main {
    margin: 0 -40px;
    width: auto;
  }
}

.contacts__main {
  position: relative;
}

.contacts__bg-img {
  object-fit: cover;
  height: 689px;
}

.contacts__infobox {
  position: absolute;
  max-width: 725px;
  left: 40px;
  top: 92px;
}

.contacts__header {
  font-size: 42px;
  font-weight: 600;
  line-height: 51px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0 0 23px;
}

.contacts__subheader {
  max-width: 366px;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  color: #FFFFFF;
}

.contacts__addressboxes {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 40px 40px 120px;
  display: flex;
  gap: 24px;
}

.contacts__addressbox {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  background: #FFFFFFE5;
  border-radius: 16px;
  width: 100%;
  min-height: 168px;
  box-sizing: border-box;
}

.contacts__addressbox .contacts__name {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin: 0 0 8px;
  color: #141414;
  transition: color .3s ease;
}

.contacts__addressbox:hover .contacts__name {
  color: #0053B5;
}

.contacts__desc {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.contacts__desc span {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: #141414;
}

.contacts__explore {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #2F2F2F;
  border-bottom: 1px solid #000000;
  align-self: flex-end;
  margin-top: 4px;
  opacity: 1;
  transition: opacity .3s ease;
}

.contacts__explore:hover,
.contacts__explore:focus {
  text-decoration: none;
  color: #2F2F2F;
}

.contacts__addressbox:hover .contacts__explore {
  opacity: 0;
}

.contacts__arrow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -32px;
  width: 56px;
  height: 56px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  border: 2px solid #FFF7F7;
  background: #141414;
  border-radius: 100%;
  transform: translateY(-10px);
  transition: .3s ease;
}

.contacts__addressbox:hover .contacts__arrow {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.contacts__addressbox .contacts__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-bottom: none;
}

.contacts__addressbox .contacts__link:after {
  content: ''
}

@media screen and (max-width: 1200px) {
  .contacts__bg-img {
    height: 583px;
  }

  .contacts__infobox {
    position: absolute;
    max-width: 751px;
    top: 80px;
  }

  .contacts__header {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 24px;
  }

  .contacts__subheader {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }

  .contacts__addressboxes {
    padding: 40px 40px 80px;
    display: flex;
    gap: 16px;
  }

  .contacts__addressbox {
    min-height: 178px;
  }

  .contacts__addressbox .contacts__name {
    font-size: 18px;
    line-height: 28px;
  }

  .contacts__desc span {
    font-size: 16px;
    line-height: 24px;
  }

  .contacts__explore {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__arrow {
    bottom: -24px;
    width: 48px;
    height: 48px;
  }
}

@media screen and (max-width: 768px) {
  .contacts__bg-img {
    height: 636px;
    object-position: 61% 0;
  }

  .contacts__infobox {
    position: absolute;
    max-width: 725px;
    min-width: 328px;
    left: 16px;
    top: 60px;
  }

  .contacts__header {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 8px;
    max-width: 228px;
  }

  .contacts__subheader {
    font-size: 16px;
    line-height: 24px;
    max-width: 305px;
  }

  .contacts__addressboxes {
    padding: 45px 16px 65px;
    flex-direction: column;
    gap: 16px;
  }

  .contacts__addressbox {
    padding: 16px;
    border-radius: 8px;
    width: 100%;
    min-height: 146px;
    box-sizing: border-box;
  }

  .contacts__key {
    font-size: 12px;
    line-height: 18px;
  }

  .contacts__addressbox .contacts__name {
    font-size: 16px;
    line-height: 24px;
  }

  .contacts__addressbox:hover .contacts__name {
    color: #141414;
  }

  .contacts__desc span {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__explore {
    font-size: 12px;
    line-height: 18px;
  }

  .contacts__explore:hover,
  .contacts__explore:focus {
    border-bottom: 1px solid #000000;
  }

  .contacts__addressbox:hover .contacts__explore {
    opacity: 1;
  }

  .contacts__addressbox .contacts__arrow {
    display: none;
  }

}

/* Преимущества */

.contacts__points {
  margin: 80px 0 80px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

.contacts__point {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background: #E8E8E8;
  border-radius: 24px;
  max-width: 322px;
  height: 311px;
  width: 100%;
  box-sizing: border-box;
}

.contacts__point:nth-child(1) {
  padding: 46px 24px 24px;
}

.contacts__point:nth-child(2) {
  padding: 23px 24px 24px;
}

.contacts__point:nth-child(3) {
  padding: 41px 24px 24px;
}

.contacts__point:nth-child(4) {
  padding: 33px 24px 24px;
}

.contacts__advantage span {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #6D6D6D;
}

.contacts__advantage .contacts__name {
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 8px;
  color: #141414;
}


@media screen and (max-width: 1200px) {
  .contacts__points {
    gap: 16px;
  }

  .contacts__point {
    border-radius: 12px;
    max-height: 239px;
  }

  .contacts__point svg {
    transform: scale(0.75);
  }

  .contacts__point:nth-child(1),
  .contacts__point:nth-child(3),
  .contacts__point:nth-child(4) {
    padding: 10px 0 24px 0;
  }

  .contacts__point:nth-child(2) {
    padding: 0 0 24px 0;
  }

  .contacts__point:nth-child(2) svg {
    margin-top: -12px;
  }

  .contacts__point:nth-child(3) svg {
    transform: scale(0.6);
    margin-top: -14px;
    margin-left: -5px;
  }

  .contacts__point:nth-child(4) svg {
    transform: scale(0.66);
    margin-left: -5px;
    margin-top: -9px;
  }

  .contacts__advantage {
    padding-left: 24px;
  }

  .contacts__advantage span {
    font-size: 16px;
    line-height: 24px;
  }

  .contacts__advantage .contacts__name {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 4px;
  }
}

@media screen and (max-width: 990px) {
  .contacts__points {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .contacts__point {
    max-width: calc(100% / 3 - 11px);
  }

}

@media screen and (max-width: 800px) {
  .contacts__point {
    max-width: calc(100% / 2 - 8px);
  }

}

@media screen and (max-width: 768px) {
  .contacts__points {
    margin: 54px 0 77px;
    gap: 8px;
  }

  .contacts__point {
    border-radius: 8px;
    min-width: 160px;
    height: 170px;
    width: 49%;
    max-width: 100%;
  }

  .contacts__point:nth-child(1) svg {
    transform: scale(0.54);
    margin-top: -10px;
    margin-bottom: -16px;
    margin-left: -26px;
  }

  .contacts__point:nth-child(1) .contacts__advantage {
    margin-bottom: -5px;
  }

  .contacts__point:nth-child(2) svg {
    margin-top: -32px;
    margin-bottom: -32px;
    margin-left: -26px;
    transform: scale(0.5);
  }

  .contacts__point:nth-child(2) .contacts__advantage {
    margin-bottom: -3px;
  }

  .contacts__point:nth-child(3) {
    height: 186px;
  }

  .contacts__point:nth-child(3) svg {
    transform: scale(0.4);
    margin-top: -23px;
    margin-left: -30px;
    margin-bottom: -29px;
  }

  .contacts__point:nth-child(3) .contacts__advantage {
    margin-bottom: -6px;
  }

  .contacts__point:nth-child(4) {
    height: 186px;
  }

  .contacts__point:nth-child(4) svg {
    transform: scale(0.46);
    margin-left: -24px;
    margin-top: -20px;
    margin-bottom: -40px;
  }

  .contacts__point:nth-child(4) .contacts__advantage {
    margin-bottom: -7px;
  }

  .contacts__point:nth-child(1),
  .contacts__point:nth-child(2),
  .contacts__point:nth-child(3),
  .contacts__point:nth-child(4) {
    padding: 0 0 16px 0;
  }

  .contacts__advantage span {
    font-size: 12px;
    line-height: 18px;
  }

  .contacts__advantage {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contacts__advantage .contacts__name {
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 4px;
  }
}

@media (max-width: 700px) {
  .contacts__point {
    width: clamp(160px, 48%, 400px);
  }
}


/* 
  .contacts__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  
  .contacts__arrows {
    display: flex;
    justify-content: space-between;
    user-select: none;
    gap: 24px;
    margin: 80px 0 40px;
  }
  
  .contacts__arrow--prew,
  .contacts__arrow--next {
    width: 35px;
    height: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s, width .3s;
  }
  
  .contacts__arrow--prew:hover,
  .contacts__arrow--next:hover {
    color: #0053B5;
  }
  
  .contacts__arrow--prew svg {
    transform: rotate(180deg);
  }
  
  .contacts__arrows .swiper-button-disabled {
    opacity: 0.4;
    cursor: default;
    scale: 0.6;
    transition: opacity .3s, width .3s;
  }
  
  .contacts__arrows .swiper-button-disabled:hover {
    color: #141414;
  }
  
  .contacts__swiper,
  .contacts__swiper--second {
    padding: 0px;
    margin: 0px 0 40px;
    overflow: hidden;
  }
  
  .contacts__swiper-wrapper {
    display: flex; */
/* gap: 16px; */
/* } */

/* .contacts__swiper-slide { */
/* width: calc(100% / 4 - 12px) !important; */
/* } */

/* .contacts__swiper-img { */
/* width: 100%; */
/* border-radius: 16px; */
/* border: 1px solid #D9D9D9; */
/* } */

/* @media (max-width: 1024px) {
    .contacts__swiper-slide {
      width: calc(100% / 3 - 10px) !important;
    }
  } */

/* @media (max-width: 560px) {
    .contacts__swiper-slide {
      width: calc(100% / 2 - 7px) !important;
    }
  } */

/* @media (max-width: 768px) {
    .contacts__arrows {
      gap: 8px;
      margin: 8px 0;
      justify-content: flex-end;
    }
  
    .contacts__arrow--prew,
    .contacts__arrow--next {
      width: 48px;
      height: 48px;
    }
  
    .contacts__arrow--prew:hover,
    .contacts__arrow--next:hover {
      color: #141414;
    }
  } */

/* Блок адреса */

.contacts__info {
  display: flex;
  gap: 24px;
  margin-bottom: 80px;
  padding-bottom: 24px;

  padding-top: 80px;
  margin-top: -80px;
}

.contacts__section {
  max-width: 668px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contacts__data {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background: #F2F2F2;
  border-radius: 16px;
}

.contacts__head {
  display: flex;
  justify-content: space-between;
  gap: 20px;

  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #141414;
}

.contacts__btn {
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #838383;
  border-bottom: 1px solid #838383;
  transition: .3s ease;
}

.contacts__btn:hover {
  color: #0053B5;
  border-bottom: 1px solid #0053B5;
}

.contacts__row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.contacts__link {
  display: flex;
  align-items: center;
  align-self: flex-end;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #0053B5;

  text-align: end;
  border-bottom: 1px solid #0053B5;
  transition: .3s ease;
}

.contacts__link:hover {
  color: #0053B5;
  text-decoration: none;
  /* animation: border-blink .5s ease; */
}

.contacts__link:focus {
  text-decoration: none;
  color: #0053B5;
}

.contacts__link:after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16L16.5 7.5M16.5 7.5H10M16.5 7.5V14' stroke='%230053B5'/%3E%3C/svg%3E%0A");
  margin-left: 4px;
  display: flex;
  width: 24px;
  height: 24px;
  transition: transform .5s ease;
}

.contacts__link:hover:after {
  transform: rotate(45deg);
}

.contacts__swiper {
  max-width: 668px;
  width: 100%;
  max-height: 576px;
  height: 100%;
  border-radius: 16px;
}

.contacts__swiper .swiper-wrapper {
  border-radius: 16px;
}

.contacts__imgbox {
  height: auto !important;
}

.contacts__img {
  max-height: 576px;
  height: 100%;
  width: 100%;
}

.contacts__requisites {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 24px;
}

.contacts__col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 180px;
}

.contacts__inner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.contacts__key {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #8C8C8C;
}

.contacts__value {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #141414;
}

.contacts__arrow--next,
.contacts__arrow--prev {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #FFFFFF80;
  visibility: hidden;
  opacity: 0;
  transition: background-color, visibility, opacity .3s ease-in-out;
}

.contacts__swiper:hover .contacts__arrow--next,
.contacts__swiper:hover .contacts__arrow--prev {
  visibility: visible;
  opacity: 1;
}

.contacts__arrow--next:hover,
.contacts__arrow--prev:hover {
  background: #FFFFFF;
  box-shadow: 0px 3.5958762168884277px 17.979381561279297px 0px #00000040;
}

.swiper-button-disabled {
  cursor: default !important;
}

.swiper-button-disabled:hover {
  background-color: #FFFFFF80 !important;
  box-shadow: none !important;
}

.contacts__arrow--next {
  right: 0;
}

.contacts__arrow--prev {
  left: 0;
  transform: rotate(180deg);
}

@media (max-width: 1200px) {
  .contacts__info {
    gap: 16px;
  }

  .contacts__section {
    max-width: 668px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .contacts__data {
    gap: 16px;
    border-radius: 12px;
  }

  .contacts__head {
    gap: 16px;
    font-size: 16px;
    line-height: 24px;
  }

  .contacts__btn {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__row {
    gap: 16px;
  }

  .contacts__info .contacts__row {
    flex-direction: column;
  }

  .contacts__link {
    align-self: flex-start;
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__link:after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16L16.5 7.5M16.5 7.5H10M16.5 7.5V14' stroke='%230053B5'/%3E%3C/svg%3E%0A");
    display: flex;
    width: 24px;
    height: 24px;
    margin-bottom: -2px;
    margin-left: -2px;
  }

  .contacts__swiper {
    max-height: 486px;
    border-radius: 12px;
  }

  .contacts__swiper .swiper-wrapper {
    border-radius: 12px;
  }

  .contacts__img {
    max-height: 486px;
  }

  .contacts__col {
    gap: 16px;
  }

  .contacts__inner {
    gap: 16px;
  }

  .contacts__key {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__value {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1000px) {

  .contacts__swiper {
    max-height: 486px;
    height: 100%;
    width: 50%;
  }

  .contacts__img {
    max-height: 486px;
  }

  .contacts__section {
    width: 48%;
  }
}

@media (max-width: 768px) {
  .contacts__info {
    flex-direction: column-reverse;
    gap: 24px;
    margin-bottom: 92px;
    padding-bottom: 0;
  }

  .contacts__section {
    gap: 32px;
    max-width: 100%;
    width: 100%;
  }

  .contacts__data {
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
  }

  .contacts__head {
    gap: 16px;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 8px;
  }

  .contacts__btn {
    font-size: 12px;
    line-height: 18px;
    border-bottom: 1px solid #838383;
  }

  .contacts__btn:hover {
    color: #838383;
    border-bottom: 1px solid #838383;
  }

  .contacts__row {
    gap: 16px;
  }

  .contacts__link {
    font-size: 12px;
    line-height: 18px;
  }

  .contacts__link:hover,
  .contacts__link:focus {
    opacity: 1;
  }

  .contacts__link:after {
    transform: scale(.8);
    margin-bottom: -3px;
    margin-left: -3px;
  }

  .contacts__swiper {
    min-height: 344px;
    max-height: 100%;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    margin: 0 !important;
    max-width: 100%;
  }

  .contacts__swiper .swiper-wrapper {
    border-radius: 8px;
  }

  .contacts__img {
    min-height: 344px;
    max-height: 100%;
  }

  .contacts__arrow--next,
  .contacts__arrow--prev {
    visibility: visible;
    opacity: 1;
  }

  .contacts__arrow--next:hover,
  .contacts__arrow--prev:hover {
    background: #FFFFFF80;
    box-shadow: none;
  }

  .contacts__requisites {
    padding: 0 16px;
  }

  .contacts__col {
    gap: 16px;
  }

  .contacts__inner {
    flex-direction: column;
    gap: 16px;
  }

  .contacts__key {
    font-size: 12px;
    line-height: 18px;
  }

  .contacts__value {
    font-size: 14px;
    line-height: 21px;
  }
}

/* Баннер */

@media (min-width: 1439px) {
  .contacts__banner {
    margin: 0 -40px;
    width: auto;
  }
}

.contacts__banner {
  height: 188px;
  position: relative;
  overflow: hidden;
}

.contacts__circle {
  position: absolute;
  top: -106px;
  left: -36px;
  width: 399px;
  height: 440px;
  background-color: #404040;
  border-radius: 100%;
}

.contacts__bonus {
  position: absolute;
  bottom: -43px;
  right: -19px;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  background-image: url(/local/templates/universe_store96/components/bitrix/news.list/contacts.custom/../img/bonus.svg);
  background-repeat: no-repeat;
}

.contacts__subtitle {
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 160px;
  margin: auto 0;
  color: #FFFFFF;
  height: fit-content;
}

.contacts__offer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  margin: auto 0;
  color: #FFFFFF;
  height: fit-content;
  width: 231px;
}

.contacts__offer span {
  font-size: 72px;
  font-weight: 600;
  line-height: 100px;
  color: #FFFFFF;
}

.contacts__offer .contacts__text {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #FFFFFF;
}

@media (max-width: 1300px) {
  .contacts__subtitle {
    font-size: 30px;
    line-height: 34px;
    right: 157px;
  }
}

@media (max-width: 1200px) {

  .contacts__circle {
    left: -102px;
  }

  .contacts__offer {
    width: 221px;
  }

  .contacts__offer span {
    font-size: 68px;
    line-height: 68px;
  }

  .contacts__offer .contacts__text {
    font-size: 22px;
  }
}

@media (max-width: 1020px) {
  .contacts__subtitle {
    font-size: 26px;
    line-height: 30px;
    right: 133px;
  }
}

@media (max-width: 900px) {
  .contacts__subtitle {
    display: none;
  }
}

@media (max-width: 768px) {
  .contacts__banner {
    height: 171px;
  }

  .contacts__circle {
    position: absolute;
    top: -109px;
    left: -127px;
    height: 263px;
  }

  .contacts__bonus {
    bottom: -55px;
    right: -48px;
    transform: scale(0.7) rotate(-3deg);
  }

  .contacts__subtitle {
    display: none;
  }

  .contacts__offer {
    top: -21px;
    bottom: 0;
    left: 27px;
    width: 174px;
  }

  .contacts__offer span {
    font-size: 54px;
    line-height: 54px;
  }

  .contacts__offer .contacts__text {
    font-size: 18px;
    line-height: 24px;
  }
}

/* Карта */

.contacts__map .contacts__data {
  gap: 16px;
  background-color: #EBF3FF;
}

.contacts__map {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin: 80px 0;
}

.contacts__map .contacts__img {
  object-fit: contain;
  object-position: top;
}

.contacts__map .contacts__section {
  position: relative;
}

.contacts__map .contacts__section::after {
  content: url('/new_layout/img/road.svg');
  width: 248px;
  height: 160px;
  position: absolute;
  top: 84px;
  right: 0;
}

.contacts__map .contacts__data:last-child {
  background-color: #FFFFFF;
}

.contacts__map .contacts__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #141414;
}

.contacts__list {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #141414;
  margin: 0 0 0 18px;
}

.contacts__item {
  margin: 0 0 8px 0;
  padding: 0 0 0 21px;
}

.contacts__item:last-child {
  margin-bottom: 0;
}

.contacts__item::before {
  content: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.0625' cy='12.0625' r='3.0625' fill='%23141414'/%3E%3C/svg%3E%0A");
  width: 21px;
  height: 21px;
}

.contacts__map .contacts__imgbox {
  max-height: 416px;
  height: 100%;
  border-radius: 16px;
}

.contacts__map .contacts__link {
  align-self: flex-start;
}


@media (max-width: 1200px) {
  .contacts__map {
    gap: 16px;
    margin: 80px 0 40px;
  }

  .contacts__map .contacts__section::after {
    content: url('/local/templates/universe_store96/components/bitrix/news.list/contacts.custom/../img/road.svg');
    width: 248px;
    height: 160px;
    position: absolute;
    top: 92px;
    right: 0;
  }

  .contacts__map .contacts__data:last-child {
    background-color: #FFFFFF;
  }

  .contacts__map .contacts__text {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__list {
    font-size: 14px;
    line-height: 21px;
    margin: 0px 0 0 8px;
  }

  .contacts__map .contacts__imgbox {
    height: 421px;
    border-radius: 12px;
  }
}

@media (max-width: 1000px) {
  .contacts__map .contacts__imgbox {
    max-height: 421px;
    height: 100%;
    width: 50%;
  }

  .contacts__map .contacts__section {
    width: 48%;
  }
}

@media (max-width: 768px) {
  .contacts__map {
    gap: 16px;
    margin: 60px 0;
    flex-direction: column;
  }

  .contacts__map .contacts__head {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }

  .contacts__map .contacts__data {
    padding: 24px 16px;
  }

  .contacts__map .contacts__section::after {
    display: none;
  }

  .contacts__map .contacts__section {
    gap: 16px;
    width: 100%;
  }

  .contacts__map .contacts__imgbox {
    min-height: 328px;
    max-height: 100%;
    height: 100%;
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
  }
}

/* присутствие */

.contacts__title {
  margin: 80px 0 40px;
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
  color: #141414;
  text-align: center;
}

.contacts__wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 0;
}

.contacts__wrap .contacts__time,
.contacts__wrap .contacts__num,
.contacts__wrap .contacts__phone {
  padding-left: 72px;
  position: relative;
}

.contacts__wrap .contacts__time::before,
.contacts__wrap .contacts__num::before,
.contacts__wrap .contacts__phone::before {
  background-color: #EBF3FF;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
  border-radius: 100%;
  padding: 16px;
}

.contacts__wrap .contacts__time:before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 7V12L14.5 13.5M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z' stroke='%233281F7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.contacts__wrap .contacts__num:before {
  content: url("data:image/svg+xml,%3Csvg width='29' height='13' viewBox='0 0 29 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.984 9.904V2.896H4.328V9.904H2.984ZM0.072 7.04V5.776H7.24V7.04H0.072ZM13.8939 12.128C12.9019 12.128 12.0539 11.9093 11.3499 11.472C10.6459 11.0347 10.1072 10.4053 9.73388 9.584C9.37121 8.752 9.18988 7.73867 9.18988 6.544C9.18988 5.27467 9.41388 4.20267 9.86188 3.328C10.3099 2.45333 10.9339 1.792 11.7339 1.344C12.5339 0.896 13.4512 0.672 14.4859 0.672C15.0192 0.672 15.5259 0.725333 16.0059 0.832C16.4965 0.938666 16.9179 1.104 17.2699 1.328L16.6619 2.576C16.3739 2.37333 16.0432 2.23467 15.6699 2.16C15.3072 2.08533 14.9232 2.048 14.5179 2.048C13.3765 2.048 12.4699 2.40533 11.7979 3.12C11.1259 3.824 10.7899 4.87467 10.7899 6.272C10.7899 6.496 10.8005 6.76267 10.8219 7.072C10.8432 7.38133 10.8965 7.68533 10.9819 7.984L10.4379 7.44C10.5979 6.94933 10.8485 6.53867 11.1899 6.208C11.5419 5.86667 11.9579 5.616 12.4379 5.456C12.9285 5.28533 13.4565 5.2 14.0219 5.2C14.7685 5.2 15.4299 5.33867 16.0059 5.616C16.5819 5.89333 17.0352 6.288 17.3659 6.8C17.6965 7.30133 17.8619 7.89867 17.8619 8.592C17.8619 9.30667 17.6859 9.93067 17.3339 10.464C16.9819 10.9973 16.5072 11.408 15.9099 11.696C15.3125 11.984 14.6405 12.128 13.8939 12.128ZM13.8299 10.832C14.3205 10.832 14.7472 10.7413 15.1099 10.56C15.4832 10.3787 15.7765 10.128 15.9899 9.808C16.2032 9.47733 16.3099 9.09333 16.3099 8.656C16.3099 7.99467 16.0805 7.472 15.6219 7.088C15.1632 6.69333 14.5392 6.496 13.7499 6.496C13.2379 6.496 12.7899 6.592 12.4059 6.784C12.0219 6.976 11.7179 7.23733 11.4939 7.568C11.2805 7.888 11.1739 8.256 11.1739 8.672C11.1739 9.056 11.2752 9.41333 11.4779 9.744C11.6805 10.064 11.9792 10.3253 12.3739 10.528C12.7685 10.7307 13.2539 10.832 13.8299 10.832ZM23.6409 12.128C22.7662 12.128 21.9822 11.904 21.2889 11.456C20.6062 11.008 20.0622 10.3573 19.6569 9.504C19.2622 8.65067 19.0649 7.616 19.0649 6.4C19.0649 5.184 19.2622 4.14933 19.6569 3.296C20.0622 2.44267 20.6062 1.792 21.2889 1.344C21.9822 0.896 22.7662 0.672 23.6409 0.672C24.5049 0.672 25.2835 0.896 25.9769 1.344C26.6702 1.792 27.2142 2.44267 27.6089 3.296C28.0035 4.14933 28.2009 5.184 28.2009 6.4C28.2009 7.616 28.0035 8.65067 27.6089 9.504C27.2142 10.3573 26.6702 11.008 25.9769 11.456C25.2835 11.904 24.5049 12.128 23.6409 12.128ZM23.6409 10.704C24.2275 10.704 24.7395 10.544 25.1769 10.224C25.6249 9.904 25.9715 9.424 26.2169 8.784C26.4729 8.144 26.6009 7.34933 26.6009 6.4C26.6009 5.45067 26.4729 4.656 26.2169 4.016C25.9715 3.376 25.6249 2.896 25.1769 2.576C24.7395 2.256 24.2275 2.096 23.6409 2.096C23.0542 2.096 22.5369 2.256 22.0889 2.576C21.6409 2.896 21.2889 3.376 21.0329 4.016C20.7875 4.656 20.6649 5.45067 20.6649 6.4C20.6649 7.34933 20.7875 8.144 21.0329 8.784C21.2889 9.424 21.6409 9.904 22.0889 10.224C22.5369 10.544 23.0542 10.704 23.6409 10.704Z' fill='%233281F7'/%3E%3C/svg%3E%0A");
  padding: 19px 16px;
}

.contacts__wrap .contacts__phone:before {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6 14.5221C13.205 17.0421 7.09603 10.9881 9.50003 8.45811C10.968 6.91311 9.31003 5.14811 8.39203 3.84911C6.66903 1.41411 2.88803 4.77611 3.00203 6.91511C3.36503 13.6611 10.662 21.6551 17.728 20.9571C19.938 20.7391 22.478 16.7471 19.942 15.2881C18.675 14.5581 16.934 13.1181 15.6 14.5211' stroke='%233281F7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.contacts__wrap .contacts__key {
  font-size: 18px;
  line-height: 28px;
}

.contacts__wrap .contacts__value {
  font-size: 24px;
  line-height: 28px;
}

.contacts__cities .contacts__key {
  font-size: 16px;
  line-height: 24px;
}

.contacts__cities .contacts__value {
  font-size: 18px;
  line-height: 32px;
}

.contacts__phone .contacts__value,
.contacts__time .contacts__value {
  white-space: nowrap;
}

.contacts__cities {
  display: grid;
  grid-template-columns: repeat(5, 180px);
  grid-auto-flow: dense;
  column-gap: 32px;
  row-gap: 24px;
  padding: 40px 0 40px;
  justify-content: space-between;
  position: relative;
}

.contacts__overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-in-out;
}

.contacts__limiter {
  max-height: 385px;
  overflow: hidden;
  position: relative;
  transition: .3s ease;
}

.contacts__bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 230px;
  opacity: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  z-index: 1;
  transition: .3s ease;
}

.contacts__checkbox {
  opacity: 0;
  position: absolute;
  transition: .3s ease;
}

.contacts__checkbox:checked~.contacts__limiter {
  max-height: 100000px;
  transition: .3s ease;
}

.contacts__checkbox:checked~.contacts__limiter .contacts__bottom {
  opacity: 0;
  transition: .3s ease;
}

.contacts__checkbox~.contacts__read-more-btn:before {
  content: "Смотреть";
  background: url("data:image/svg+xml,%3Csvg width='17' height='21' viewBox='0 0 17 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.49219 9L8.49266 14L13.4922 9' stroke='%233281F7' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat right;
  padding-right: 21px;
  /* opacity: 1; */
  /* transition: opacity, visibility 3s ease; */
}

.contacts__checkbox~.contacts__read-more-btn:hover::before {
  content: "Смотреть";
  background: url("data:image/svg+xml,%3Csvg width='17' height='21' viewBox='0 0 17 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.49219 9L8.49266 14L13.4922 9' stroke='%23434343' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat right;
  padding-right: 21px;
}

/* .contacts__checkbox ~ .contacts__read-more-btn::after {
    content: "Смотреть";
    background: url("data:image/svg+xml,%3Csvg width='17' height='21' viewBox='0 0 17 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.49219 9L8.49266 14L13.4922 9' stroke='%23434343' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat right;
    opacity: 0;
    visibility: hidden;
    padding-right: 21px;
    transition: opacity, visibility 3s ease;
  } */

/* .contacts__checkbox ~ .contacts__read-more-btn:hover::after {
    visibility: visible;
    opacity: 1;
  } */

.contacts__checkbox:checked~.contacts__read-more-btn:before {
  content: "Свернуть";
  background: url("data:image/svg+xml,%3Csvg width='17' height='21' viewBox='0 0 17 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.78125 14L8.78172 9L13.7813 14' stroke='%233281F7' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat right;
  padding-right: 19px;
  /* transition: opacity, visibility .3s ease; */
}

/* .contacts__checkbox:checked ~ .contacts__read-more-btn:before {
    content: "Свернуть";
    background: url("data:image/svg+xml,%3Csvg width='17' height='21' viewBox='0 0 17 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.78125 14L8.78172 9L13.7813 14' stroke='%233281F7' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat right;
    padding-right: 19px;
    transition: opacity, visibility .3s ease;
  } */

.contacts__checkbox:checked~.contacts__read-more-btn:hover:before {
  content: "Свернуть";
  background: url("data:image/svg+xml,%3Csvg width='17' height='21' viewBox='0 0 17 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.78125 14L8.78172 9L13.7813 14' stroke='%23434343' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat right;
  padding-right: 19px;
}

.contacts__read-more-btn {
  cursor: pointer;
  display: flex;
  color: #3281F7;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-top: 16px;
  margin-bottom: 120px;
  width: fit-content;
}

.contacts__read-more-btn:hover {
  color: #434343;
}

@media (max-width: 1200px) {
  .contacts__title {
    margin: 64px 0 40px;
    font-size: 32px;
    line-height: 28px;
  }

  .contacts__wrap {
    gap: 8px;
    flex-wrap: wrap;
  }

  .contacts__wrap .contacts__time,
  .contacts__wrap .contacts__num,
  .contacts__wrap .contacts__phone {
    padding-left: 72px;
  }

  .contacts__wrap .contacts__time:before,
  .contacts__wrap .contacts__num:before,
  .contacts__wrap .contacts__phone:before {
    padding: 14px;
  }

  .contacts__wrap .contacts__num:before {
    padding: 16px 14.5px;
  }

  .contacts__wrap .contacts__key {
    font-size: 16px;
    line-height: 24px;
  }

  .contacts__wrap .contacts__value {
    font-size: 20px;
    line-height: 28px;
  }

  .contacts__cities .contacts__key {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__cities .contacts__value {
    font-size: 16px;
    line-height: 28px;
  }

  .contacts__cities {
    column-gap: 11px;
    padding: 40px 0 40px;
  }

  .contacts__read-more-btn {
    padding-bottom: 40px;
  }
}


@media (max-width: 1023px) {
  .contacts__cities {
    grid-template-columns: repeat(4, 180px);
  }
}

@media (max-width: 850px) {
  .contacts__cities {
    grid-template-columns: repeat(3, 180px);
  }
}

@media (max-width: 768px) {
  .contacts__title {
    margin: 24px 0 16px;
    font-size: 24px;
    line-height: 32px;
    text-align: left;
  }

  .contacts__wrap {
    flex-direction: column;
    gap: 24px;
  }

  .contacts__wrap .contacts__time,
  .contacts__wrap .contacts__num,
  .contacts__wrap .contacts__phone {
    padding-left: 61px;
  }

  .contacts__wrap .contacts__time:before,
  .contacts__wrap .contacts__num:before,
  .contacts__wrap .contacts__phone:before {
    padding: 12px;
  }

  .contacts__wrap .contacts__time:before {
    content: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 6.09462V10.5391L12.7222 11.8724M18.5 10.5391C18.5 14.9573 14.9183 18.5391 10.5 18.5391C6.08172 18.5391 2.5 14.9573 2.5 10.5391C2.5 6.12078 6.08172 2.53906 10.5 2.53906C14.9183 2.53906 18.5 6.12078 18.5 10.5391Z' stroke='%233281F7' stroke-width='1.32063' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }

  .contacts__wrap .contacts__num:before {
    content: url("data:image/svg+xml,%3Csvg width='29' height='13' viewBox='0 0 29 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.984 9.904V2.896H4.328V9.904H2.984ZM0.072 7.04V5.776H7.24V7.04H0.072ZM13.8939 12.128C12.9019 12.128 12.0539 11.9093 11.3499 11.472C10.6459 11.0347 10.1072 10.4053 9.73388 9.584C9.37121 8.752 9.18988 7.73867 9.18988 6.544C9.18988 5.27467 9.41388 4.20267 9.86188 3.328C10.3099 2.45333 10.9339 1.792 11.7339 1.344C12.5339 0.896 13.4512 0.672 14.4859 0.672C15.0192 0.672 15.5259 0.725333 16.0059 0.832C16.4965 0.938666 16.9179 1.104 17.2699 1.328L16.6619 2.576C16.3739 2.37333 16.0432 2.23467 15.6699 2.16C15.3072 2.08533 14.9232 2.048 14.5179 2.048C13.3765 2.048 12.4699 2.40533 11.7979 3.12C11.1259 3.824 10.7899 4.87467 10.7899 6.272C10.7899 6.496 10.8005 6.76267 10.8219 7.072C10.8432 7.38133 10.8965 7.68533 10.9819 7.984L10.4379 7.44C10.5979 6.94933 10.8485 6.53867 11.1899 6.208C11.5419 5.86667 11.9579 5.616 12.4379 5.456C12.9285 5.28533 13.4565 5.2 14.0219 5.2C14.7685 5.2 15.4299 5.33867 16.0059 5.616C16.5819 5.89333 17.0352 6.288 17.3659 6.8C17.6965 7.30133 17.8619 7.89867 17.8619 8.592C17.8619 9.30667 17.6859 9.93067 17.3339 10.464C16.9819 10.9973 16.5072 11.408 15.9099 11.696C15.3125 11.984 14.6405 12.128 13.8939 12.128ZM13.8299 10.832C14.3205 10.832 14.7472 10.7413 15.1099 10.56C15.4832 10.3787 15.7765 10.128 15.9899 9.808C16.2032 9.47733 16.3099 9.09333 16.3099 8.656C16.3099 7.99467 16.0805 7.472 15.6219 7.088C15.1632 6.69333 14.5392 6.496 13.7499 6.496C13.2379 6.496 12.7899 6.592 12.4059 6.784C12.0219 6.976 11.7179 7.23733 11.4939 7.568C11.2805 7.888 11.1739 8.256 11.1739 8.672C11.1739 9.056 11.2752 9.41333 11.4779 9.744C11.6805 10.064 11.9792 10.3253 12.3739 10.528C12.7685 10.7307 13.2539 10.832 13.8299 10.832ZM23.6409 12.128C22.7662 12.128 21.9822 11.904 21.2889 11.456C20.6062 11.008 20.0622 10.3573 19.6569 9.504C19.2622 8.65067 19.0649 7.616 19.0649 6.4C19.0649 5.184 19.2622 4.14933 19.6569 3.296C20.0622 2.44267 20.6062 1.792 21.2889 1.344C21.9822 0.896 22.7662 0.672 23.6409 0.672C24.5049 0.672 25.2835 0.896 25.9769 1.344C26.6702 1.792 27.2142 2.44267 27.6089 3.296C28.0035 4.14933 28.2009 5.184 28.2009 6.4C28.2009 7.616 28.0035 8.65067 27.6089 9.504C27.2142 10.3573 26.6702 11.008 25.9769 11.456C25.2835 11.904 24.5049 12.128 23.6409 12.128ZM23.6409 10.704C24.2275 10.704 24.7395 10.544 25.1769 10.224C25.6249 9.904 25.9715 9.424 26.2169 8.784C26.4729 8.144 26.6009 7.34933 26.6009 6.4C26.6009 5.45067 26.4729 4.656 26.2169 4.016C25.9715 3.376 25.6249 2.896 25.1769 2.576C24.7395 2.256 24.2275 2.096 23.6409 2.096C23.0542 2.096 22.5369 2.256 22.0889 2.576C21.6409 2.896 21.2889 3.376 21.0329 4.016C20.7875 4.656 20.6649 5.45067 20.6649 6.4C20.6649 7.34933 20.7875 8.144 21.0329 8.784C21.2889 9.424 21.6409 9.904 22.0889 10.224C22.5369 10.544 23.0542 10.704 23.6409 10.704Z' fill='%233281F7'/%3E%3C/svg%3E%0A");
    padding: 12px 9px;
  }

  .contacts__wrap .contacts__phone:before {
    content: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2006 13.281C12.0717 15.5211 6.64139 10.1397 8.77829 7.89077C10.0832 6.51742 8.6094 4.94852 7.7934 3.79384C6.26183 1.62937 2.90091 4.61785 3.00224 6.5192C3.32491 12.5157 9.81119 19.6216 16.0921 19.0011C18.0566 18.8073 20.3144 15.2588 18.0602 13.9619C16.9339 13.313 15.3864 12.0339 14.2006 13.281Z' stroke='%233281F7' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }

  .contacts__wrap .contacts__key {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__wrap .contacts__value {
    font-size: 18px;
    line-height: 24px;
  }


  .contacts__cities {
    grid-template-columns: repeat(1, 180px);
    row-gap: 16px;
    padding: 24px 0 24px;
  }

  .contacts__limiter {
    max-height: 533px;
  }

  .contacts__read-more-btn {
    padding-bottom: 60px;
  }
}








/* Форма */

.contacts__form {
  display: grid;
  grid-template-columns: repeat(2, 458px);
  grid-auto-flow: dense;
  column-gap: 16px;
  row-gap: 16px;
  padding: 0;
  position: relative;
}

.contacts__svg {
  background: url(/local/templates/universe_store96/components/bitrix/news.list/contacts.custom/../img/girl.svg);
  width: 468px;
  height: 540px;
  position: absolute;
  right: -41px;
  top: -164px;
}

.contacts__inputbox {
  display: flex;
  flex-direction: column-reverse;
  gap: 8px;
}

.contacts__label {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #141414;
}

.contacts__input {
  padding: 8px 16px;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #E8E8E8;
}

.contacts__input:placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #E8E8E8;
}

.contacts__button {
  background: #141414;
  border-radius: 60px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  margin-top: 8px;
  transition: .3s ease;
}

.contacts__button:hover {
  background: #434343;
}

.contacts__form .contacts__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #141414;
  margin-top: 8px;
}

.contacts__policy {
  color: #8C8C8C;
  transition: .3s ease;
}

.contacts__policy:hover {
  color: #0053B5;
  text-decoration: none;
}

.contacts__policy:focus {
  color: #8C8C8C;
  text-decoration: none;
}

@media (max-width: 1410px) {
  .contacts__svg {
    right: -175px;
  }
}

@media (max-width: 1350px) {
  .contacts__svg {
    transform: scale(0.85);
  }
}

@media (max-width: 1270px) {
  .contacts__svg {
    display: none;
  }
}

@media (max-width: 1200px) {
  .contacts__form {
    grid-template-columns: repeat(1, 458px);
  }

  .contacts__svg {
    display: block;
    right: -106px;
    top: -65px;
  }

  .contacts__label {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__input {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__input:placeholder {
    font-size: 14px;
    line-height: 21px;
  }

  .contacts__button {
    height: 44px;
    font-size: 14px;
    line-height: 21px;
    max-width: 328px;
  }

  .contacts__form .contacts__text {
    font-size: 14px;
    line-height: 21px;
    margin-top: 0;
  }
}

@media (max-width: 900px) {
  .contacts__svg {
    transform: scale(0.7);
    right: -189px;
    top: -106px;
  }
}

@media (max-width: 768px) {
  .contacts__form {
    grid-template-columns: repeat(1, 100%);
  }

  .contacts__svg {
    display: none;
  }

  .contacts__label {
    font-size: 12px;
    line-height: 18px;
  }

  .contacts__input {
    font-size: 12px;
    line-height: 18px;
  }

  .contacts__input:placeholder {
    font-size: 12px;
    line-height: 18px;
  }

  .contacts__button {
    font-size: 12px;
    line-height: 21px;
    max-width: 100%;
  }

  .contacts__button:hover {
    background: #141414;
  }

  .contacts__form .contacts__text {
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
  }

  .contacts__policy:hover {
    color: #8C8C8C;
  }
}







/* popup */

.contacts__popup {
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 11;
}

.contacts__popup:before {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .5);
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  cursor: pointer;
  transition: .3s ease;
}

.contacts__popup--opened {
  opacity: 1;
  visibility: visible;
  transition: .3s ease;
}

.contacts__popup--closed {
  opacity: 0;
  visibility: hidden;
  transition: .3s ease;
}

.contacts__popup--opened .contacts__box {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.contacts__popup--closed .contacts__box {
  transform: translateX(150%);
  opacity: 0;
  visibility: hidden;
}

.contacts__box {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100;
  width: 464px;
  height: 100%;
  padding: 24px 6px 24px 24px;
  border-radius: 16px 0 0 16px;
  z-index: 11;
  background: #FFF;
  transition: .3s ease;
}

.contacts__container {
  padding: 48px 24px 40px 0;
  overflow-y: scroll;
  max-height: 100vh;
}

.contacts__container::-webkit-scrollbar-track {
  background: #DDDDDD;
  border-radius: 4px;
  height: 200px;
  margin: 80px;
}

.contacts__container::-webkit-scrollbar {
  width: 4px;
}

.contacts__container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #141414;
}

.contacts__top {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 1;
  top: 24px;
  right: 24px;
  left: 24px;
  padding: 0 0 16px;
  background: #FFFFFF;
}


.contacts__btn-close {
  content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1406_28655' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='5' y='5' width='14' height='15'%3E%3Cpath d='M19 7.37188L17.59 5.96188L12 11.5519L6.41 5.96188L5 7.37188L10.59 12.9619L5 18.5519L6.41 19.9619L12 14.3719L17.59 19.9619L19 18.5519L13.41 12.9619L19 7.37188Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1406_28655)'%3E%3Crect y='0.961914' width='24' height='24' fill='%23404040'/%3E%3C/g%3E%3C/svg%3E%0A");
  padding: 3px;
  background: #FFF;

  display: block;
  cursor: pointer;
  z-index: 12;
  width: 33px;
  height: 33px;
  border: 1px solid #8C8C8C;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.contacts__cross-big {
  display: none;
}

.contacts__popup .contacts__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  color: #272727;
  text-align: start;
  margin: 0;
}

.contacts__popup h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #141414;
  margin: 32px 0 16px;
  text-align: start;
}

.contacts__popup p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #141414;
  margin: 0 0 16px;
}

.contacts__popup p:has(+h2),
.contacts__popup p:has(+h3) {
  margin: 0 0 0;
}

.contacts__popup p:has(+ul),
.contacts__popup p:has(+ol) {
  margin: 0 0 16px;
}

.contacts__popup ul {
  max-width: 804px;
  padding: 0 0 16px 0;
  margin: 0px 0 0 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.contacts__popup ul li {
  padding: 0;
  list-style: disc;
  margin: 0 0 8px;
}

.contacts__popup ul li:last-of-type {
  margin: 0;
}

.contacts__popup ul li:before {
  display: none;
}

.contacts__popup ul li::marker {
  color: #141414;
}

.contacts__popup blockquote {
  max-width: 804px;
  padding: 0 0 0 32px;
  position: relative;
  font-weight: 600;
  margin: 24px 0 32px;
}

.contacts__popup blockquote:has(+h2) {
  margin-bottom: 56px;
}

.contacts__popup blockquote p {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
}

.contacts__popup blockquote::before {
  content: url("data:image/svg+xml,%3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_509_19921)'%3E%3Cpath d='M14.6 7.264C16.25 7.264 17.372 8.584 17.372 10.036C17.372 11.026 17.174 11.686 16.778 13.072L14.204 22.048L11.828 22.048L14.006 12.742C12.686 12.412 11.828 11.422 11.828 10.036C11.828 8.452 13.016 7.264 14.6 7.264ZM24.698 7.264C26.348 7.264 27.47 8.584 27.47 10.036C27.47 11.026 27.272 11.686 26.876 13.072L24.302 22.048L21.926 22.048L24.104 12.742C22.784 12.412 21.926 11.422 21.926 10.036C21.926 8.452 23.114 7.264 24.698 7.264Z' fill='%23141414'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_509_19921'%3E%3Crect width='40' height='40' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: transparent;
}

.contacts__popup blockquote cite {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-left: -40px;
}

.contacts__popup ul:has(+h2),
.contacts__popup ul:has(+h3),
.contacts__popup ul:has(+blockquote),
.contacts__popup ol:has(+h2),
.contacts__popup ol:has(+h3),
.contacts__popup ol:has(+blockquote) {
  margin-bottom: 0;
}

.contacts__popup a {
  color: #0053B5;
}

.contacts__popup a:focus {
  color: #0053B5;
  text-decoration: none;
}

.desktop {
  display: flex;
}

.mobile {
  display: none;
}

@media (max-width: 768px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: flex;
  }

  .contacts__popup:before {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    cursor: pointer;
    transition: .3s ease;
  }

  .contacts__popup--opened .contacts__box {
    transform: translateY(0) skew(0, 4deg);
  }

  .contacts__popup--closed .contacts__box {
    transform: translateY(150%) skew(0, 4deg);
  }

  .contacts__box {
    top: auto;
    width: 100%;
    height: 100%;
    min-width: 360px;
    max-height: 90vh;
    bottom: -27px;
    border-radius: 24px 32px 0 0;
    padding: 40px 6px 64px 24px;
  }

  .contacts__container {
    padding: 48px 24px 64px 0;
    overflow-y: scroll;
    max-height: 85vh;
    transform: skew(0, -4deg);
  }

  .contacts__container::-webkit-scrollbar-track {
    background: #DDDDDD;
    border-radius: 4px;
    height: 200px;
    margin: 50px;
  }

  .contacts__container::-webkit-scrollbar {
    width: 4px;
  }

  .contacts__container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #141414;
  }

  .contacts__top {
    position: absolute;
    top: 40px;
    transform: skew(0, -4deg);
  }

  .contacts__btn-close {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.002 18L30.002 30' stroke='black'/%3E%3Cpath d='M30.002 18L18.002 30' stroke='black'/%3E%3C/svg%3E%0A");
    position: absolute;
    padding: 0;
    top: -46px;
    right: 0;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px 0px #00000040;
    border: none;
  }

  .contacts__cross-big {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #14141433;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    align-self: center;
    margin: 28px auto 0;
    position: relative;
    z-index: 12;
    padding: 21px 0;
  }

}

.contacts__phone a {
  color: #141414;
  text-decoration: none;
}

.contacts__phone a:focus,
.contacts__phone a:hover {
  color: #0053B5;
  text-decoration: none;
}
/* End */
/* /local/templates/universe_store96/components/bitrix/system.pagenavigation/.default/style.css?17193827562746 */
/* /local/templates/universe_store96/components/bitrix/news.list/contacts.custom/style.css?171401845859546 */