.sp-index-body .sp-page-section_portfolio__more-but, .sp-index-body .sp-page-section_portfolio__more-but::after, .sp-index-body .sp-page-section_portfolio__more-but::before {
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.transition_none {
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}
/* /transform el */
/* border radius */
.sp-index-body .sp-page-section_about .sp-page-section__bg-img-wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
/* line: 6, ../../../scss/pages/_index.scss */
.sp-index-body {
}
/* line: 7, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section {
}
/* line: 10, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section:before {
  display: none;
}
/* line: 13, ../../../scss/pages/_index.scss */
/* line: 14, ../../../scss/pages/_index.scss */
/* line: 15, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section__down-but {
  bottom: calc(clamp(44px, 4.4vw, 60px) / 2);
  margin-left: calc(clamp(44px, 4.4vw, 60px) * -0.5);
  position: absolute;
  left: 50%;
  z-index: 10;
}
/* line: 20, ../../../scss/pages/_index.scss */
/* line: 22, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section__more-but {
  width: clamp(200px, 17.2vw, 240px);
  margin: calc(clamp(50px, calc(35.7143px + 4.4643vw), 100px) / 2) auto 0;
}
/* line: 25, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section h1.sp-title {
}
/* line: 26, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section h1.sp-title:before, .sp-index-body .sp-page-section h1.sp-title:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 20%;
  height: 3px;
  margin: 0 16px;
  background: rgba(206, 22, 18, 0.74);
}
/* line: 37, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section h1.sp-title:before {
  margin-left: -100%;
}
/* line: 41, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section h1.sp-title:after {
  margin-right: -100%;
}
/* line: 48, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section .sp-page-data {
}
/* line: 49, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section .sp-page-data__menu_title {
  margin-bottom: clamp(50px, calc(35.7143px + 4.4643vw), 100px);
}
/* line: 52, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section .sp-page-data__img {
  height: auto;
  margin-top: 0;
  margin-right: 0;
  position: static;
}
/* line: 58, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section .sp-page-data__descr {
  min-height: auto;
}
/* line: 63, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_services {
}
/* line: 64, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_services .sp-main-data {
  justify-content: center;
}
/* line: 66, ../../../scss/pages/_index.scss */
/* line: 66, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_services .sp-main-data .sp-page-data_descr {
  max-width: 80%;
}
/* line: 72, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_about {
  background-color: #57100e;
}
/* line: 75, ../../../scss/pages/_index.scss */
/* line: 75, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_about .sp-page-section__bg-img-wrap {
}
/* line: 78, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_about .sp-page-section__bg-img-wrap, .sp-index-body .sp-page-section_about .sp-page-section__bg-img-wrap img {
  display: none;
}
@supports (clip-path: inset(0)) or (-webkit-clip-path: inset(0)) {
  /* line: 82, ../../../scss/pages/_index.scss */
  .sp-index-body .sp-page-section_about .sp-page-section__bg-img-wrap {
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
  }
  /* line: 83, ../../../scss/pages/_index.scss */
  .sp-index-body .sp-page-section_about .sp-page-section__bg-img-wrap, .sp-index-body .sp-page-section_about .sp-page-section__bg-img-wrap img {
    display: block;
  }
}
/* line: 91, ../../../scss/pages/_index.scss */
/* line: 91, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_about .sp-page-section__bg-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line: 100, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_about .sp-page-data {
  align-items: center;
}
/* line: 102, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_about .sp-page-data__title {
  color: #abaab3;
}
/* line: 105, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_about .sp-page-data__descr {
  color: #fff;
  text-shadow: 0 0 10px #262424;
  align-items: center;
}
/* line: 113, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_portfolio {
  background: #262424;
}
/* line: 115, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_portfolio .sp-page-data {
}
/* line: 116, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_portfolio .sp-page-data__title {
  color: #d0ced9;
}
/* line: 120, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_portfolio__more-but {
  color: #fff3cd;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 0 #0c0b0b;
  border: 1px solid #756e6e;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: rgba(38, 36, 36, 0.9);
}
.sp-index-body .sp-page-section_portfolio__more-but::after, .sp-index-body .sp-page-section_portfolio__more-but::before {
  content: '';
  position: absolute;
}
.sp-index-body .sp-page-section_portfolio__more-but:after {
  border: 1px solid rgba(117, 110, 110, 0.3);
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-bottom-color: rgba(117, 110, 110, 0.6);
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(38, 36, 36, 0));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(38, 36, 36, 0));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(38, 36, 36, 0));
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(38, 36, 36, 0));
  background: linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(38, 36, 36, 0));
  -webkit-box-shadow: insert 0 0 10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: insert 0 0 10px rgba(0, 0, 0, 0.7);
  -o-box-shadow: insert 0 0 10px rgba(0, 0, 0, 0.7);
  box-shadow: insert 0 0 10px rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 1;
  opacity: 1;
}
.sp-index-body .sp-page-section_portfolio__more-but:before {
  background: rgba(38, 36, 36, 0);
  background: -webkit-linear-gradient(top, rgba(38, 36, 36, 0), rgba(0, 0, 0, 0.1));
  background: -moz-linear-gradient(top, rgba(38, 36, 36, 0), rgba(0, 0, 0, 0.1));
  background: -o-linear-gradient(top, rgba(38, 36, 36, 0), rgba(0, 0, 0, 0.1));
  background: -ms-linear-gradient(top, rgba(38, 36, 36, 0), rgba(0, 0, 0, 0.1));
  background: linear-gradient(top, rgba(38, 36, 36, 0), rgba(0, 0, 0, 0.1));
  -webkit-box-shadow: insert 0 0 20px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: insert 0 0 20px rgba(0, 0, 0, 0.7);
  -o-box-shadow: insert 0 0 20px rgba(0, 0, 0, 0.7);
  box-shadow: insert 0 0 20px rgba(0, 0, 0, 0.7);
  left: 1px;
  top: 2px;
  right: 1px;
  bottom: 2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 0;
  opacity: 0;
}
.sp-index-body .sp-page-section_portfolio__more-but.active, .sp-index-body .sp-page-section_portfolio__more-but:hover {
  text-shadow: 0 -1px 1px #0c0b0b;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  color: #fff;
}
.sp-index-body .sp-page-section_portfolio__more-but.active:before, .sp-index-body .sp-page-section_portfolio__more-but:hover:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 1;
  opacity: 1;
}
.sp-index-body .sp-page-section_portfolio__more-but.active:after, .sp-index-body .sp-page-section_portfolio__more-but:hover:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 0;
  opacity: 0;
}
.sp-index-body .sp-page-section_portfolio__more-but:active {
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
}
.sp-index-body .sp-page-section_portfolio__more-but:active:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=$ieVal);
  -moz-opacity: 1;
  opacity: 1;
}
/* line: 126, ../../../scss/pages/_index.scss */
.sp-index-body .sp-page-section_contacts {
  background: rgba(245, 239, 234, 0.5);
}


/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* background svg */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* background image */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */
/* background svg */

/* opacity */
/* box shadow */
/* background gradient */

/* opacity */
/* box shadow */