.page .portfolio-gallery {
  position: relative;
  border-radius: var(--border-radius);
  overflow: hidden; }
  .page .portfolio-gallery__img {
    width: 100%;
    height: 100%;
    max-height: 26.25rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    border-radius: var(--border-radius); }
  .page .portfolio-gallery__pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    width: auto;
    z-index: 2;
    padding: .25rem .75rem;
    background-color: var(--color-white);
    border-radius: var(--border-radius) 0 var(--border-radius) 0;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--main-color);
    letter-spacing: -.1em; }
    .page .portfolio-gallery__pagination .swiper-pagination-total {
      font-size: 1rem;
      color: var(--color-middle); }
  .page .portfolio-gallery__arrow {
    position: absolute;
    bottom: 30%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .375rem;
    background-color: var(--color-white); }
    .page .portfolio-gallery__arrow .icon:before {
      padding: 8px;
      margin-top: 6px;
      border-width: 0 4px 4px 0; }
    .page .portfolio-gallery__arrow--prev {
      left: 0;
      padding-left: 0;
      border-radius: 0 var(--border-radius) var(--border-radius) 0; }
      .page .portfolio-gallery__arrow--prev .icon:before {
        margin-left: 10px;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg); }
    .page .portfolio-gallery__arrow--next {
      right: 0;
      padding-right: 0;
      border-radius: var(--border-radius) 0 0 var(--border-radius); }
      .page .portfolio-gallery__arrow--next .icon:before {
        margin-right: 10px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .page .portfolio-gallery__arrow .btn {
      padding: 0;
      width: 2.75rem;
      height: 2.75rem; }

@media (min-width: 1200px) {
  .page .portfolio-gallery__img {
    max-height: 32.25rem; }
  .page .portfolio-gallery__arrow .btn {
    width: 3.125rem;
    height: 3.125rem; } }

.page .portfolio-thumbs {
  margin-top: 1.5rem; }
  .page .portfolio-thumbs__item {
    opacity: .5;
    transition: .3s; }
    .page .portfolio-thumbs__item.swiper-slide-thumb-active {
      opacity: 1; }
  .page .portfolio-thumbs__img {
    width: 100%;
    height: 90px;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: var(--border-radius); }

.page .portfolio-params {
  margin-top: 2rem;
  text-align: center; }
  .page .portfolio-params__title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.33; }
  .page .portfolio-params__list {
    margin: 1.63rem 0 4.5rem; }
  .page .portfolio-params__row {
    display: flex;
    align-items: center;
    justify-content: center; }
    .page .portfolio-params__row:not(:last-child) {
      margin-bottom: 1.25rem; }
  .page .portfolio-params__label {
    flex: 0 0 50%;
    font-size: .75rem;
    font-weight: 600;
    color: var(--color-middle);
    line-height: 1.5;
    text-align: right; }
  .page .portfolio-params__value {
    flex: 0 0 50%;
    padding-left: .5em;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5;
    text-align: left; }

@media (min-width: 576px) {
  .page .portfolio-params {
    text-align: left; }
    .page .portfolio-params__label {
      flex: 0 0 45%;
      text-align: left;
      font-size: .875rem; }
    .page .portfolio-params__value {
      flex: 0 0 55%;
      padding-left: 0;
      font-size: 1rem; } }

@media (min-width: 992px) {
  .page .portfolio-params {
    margin-top: 0; } }

.page .portfolio-description__block {
  text-align: center; }
  .page .portfolio-description__block:not(:last-child) {
    margin-bottom: 2.25rem; }

.page .portfolio-description__title {
  margin-bottom: .3em;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2; }

.page .portfolio-description__content {
  font-size: .875rem; }

.page .portfolio-description__img {
  margin-top: 2.25rem;
  height: 250px;
  width: 100%;
  border-radius: var(--border-radius); }

@media (min-width: 576px) {
  .page .portfolio-description__block {
    text-align: left; } }

@media (min-width: 768px) {
  .page .portfolio-description__img {
    margin-top: 0;
    height: 100%; } }

@media (min-width: 992px) {
  .page .portfolio-description__title {
    font-size: 2.25rem; }
  .page .portfolio-description__content {
    font-size: 1rem; } }

@media (min-width: 1200px) {
  .page .portfolio-description__title {
    font-size: 2.625rem; } }

.page .portfolio-blockquote__title {
  margin-bottom: .5em;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4; }

.page .portfolio-blockquote__button {
  margin-top: 1.5rem; }