@import url(normalize.css);
@import url(reset.css);
@import url(font.css);
@import url(swiper-bundle.min.css);
sup {
    font-size: 20px;
}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    animation: float 3s ease-in-out infinite;
}

.whatsapp-link {
    display: inline-block;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    text-decoration: none;
}

.whatsapp-link:hover {
    background-color: #128C7E;
    transform: scale(1.1);
}

.whatsapp-icon {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}



.page__row--3-1 .page__row-left p:not(:last-child), .page__section-desc p:not(:last-child), ol.page__list li:before {
	margin-bottom: 1.041666666666667vw
}
.page__row--3-1 .page__row-left ul li {
    position: relative;
    margin-bottom: 10px;
    font-size: .8333333333333334vw;
}
.page__row--3-1 .page__row-left ul li:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: black;
    margin-right: 10px;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
            clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.swiper-wrapper.in-mobile {
    display: none!important;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: initial;
}
.header, .header-modal {
	position: fixed;
	top: 0;
	right: 0
}
.page__list, ol.page__list {
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr)
}
.home #about .about__left, .home .preview .swiper-pagination-bullet:not(:last-child) {
	margin-right: 1.041666666666667vw
}
*, .breadchumb, .designing .grid-card__item-title, .home .grid-card__item-title, .home .staff__card-hover, .modal-staff__info, .modal__wrap, .page__list li, .page__section, .page__title, .staff .section__title, :after, :before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box
}
.designing-page #preview .preview__control-btn:not(.preview__control-btn--disabled):hover, .services-page #preview .preview__control-btn:not(.preview__control-btn--disabled):hover {
	-webkit-filter: brightness(1) invert(0);
	        filter: brightness(1) invert(0)
}
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}
body {
	width: 100%;
	background-color: #fff;
	font-family: ProximaNovaRegular, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	color: #000;
	overflow: hidden auto
}

.modal__success {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 2000;
}

.modal__success._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.modal__inner {
    width: 670px;
    height: 422px;
    background-color: #000;
    position: relative;
}

.modal__inner:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    background-image: url(../img/1.png);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    z-index: 1;
}

.modal__inner:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background-image: url(../img/2.png);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
    z-index: 1;
}

.modal-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.modal-close__button {
    font-size: 40px;
    border: none;
    color: #000;
    background-color: #e2bc52;
    width: 60px;
    height: 60px;
    position: relative;
}

.modal-close__button:after {
    content: url(../icons/close.svg);
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.modal-close__button:hover {
    background-color: rgba(226, 188, 82, 0.5);
}

.modal-title {
    font-size: 56px;
    display: block;
    margin-top: 80px;
    color: #fff;
    text-align: center;
}

.modal-desc {
    font-size: 20px;
    display: block;
    margin-right: 30px;
    color: #e2bc52;
    text-align: center;
}

.modal-ok {
    position: relative;
    margin-top: 60px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    border: none;
    color: #000;
    background-color: #e2bc52;
    padding: 15px 85px 15px 85px;
    z-index: 2;
}

INPUT.inputt{position:absolute;left:-1000000px;top:-1000000px}

.modal-ok:hover {
    background-color: rgba(226, 188, 82, 0.5);
}


.max-wrap, body {
	display: block;
	width: 100%;
	min-height: 100vh
}

.project-page .max-wrap, body.project-page {
	min-height: 100%
}
.home .max-wrap, body  {
	display: block;
	width: 100%;
	min-height: 15vh
}
.max-wrap {
	min-width: 320px;
	max-width: 1920px;
	margin: 0 auto;
	background-image: -webkit-gradient(linear,left top, right top,from(#e5e5e5),to(#e5e5e5)),-webkit-gradient(linear,left top, right top,from(#e5e5e5),to(#e5e5e5)),-webkit-gradient(linear,left top, right top,from(#e5e5e5),to(#e5e5e5)),-webkit-gradient(linear,left top, right top,from(#e5e5e5),to(#e5e5e5)),-webkit-gradient(linear,left top, right top,from(#e5e5e5),to(#e5e5e5));
	background-image: -o-linear-gradient(left,#e5e5e5,#e5e5e5),-o-linear-gradient(left,#e5e5e5,#e5e5e5),-o-linear-gradient(left,#e5e5e5,#e5e5e5),-o-linear-gradient(left,#e5e5e5,#e5e5e5),-o-linear-gradient(left,#e5e5e5,#e5e5e5);
	background-image: linear-gradient(90deg,#e5e5e5,#e5e5e5),linear-gradient(90deg,#e5e5e5,#e5e5e5),linear-gradient(90deg,#e5e5e5,#e5e5e5),linear-gradient(90deg,#e5e5e5,#e5e5e5),linear-gradient(90deg,#e5e5e5,#e5e5e5);
	background-repeat: no-repeat;
	background-size: 1px 100%;
	background-position: 14.583333333333334vw 0,32.06875vw 0,49.554166666666674vw 0,67.03958333333334vw 0,84.525vw 0;
	overflow: hidden
}
.page__info, .page__title, .staff .section__title {
	padding: 0 14.583333333333334vw;
	margin-bottom: 3.125vw
}
.swiper {
	margin-left: 0;
	margin-right: 0
}
.swiper, .swiper__control {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.home .staff__card-hover, .home .staff__slider-btn, .home .swiper, .home .swiper__control {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}
.swiper__control {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%
}
.swiper__control>:not(:last-child) {
	margin-right: 1.5625vw
}
.swiper__control-btn {
	display: block;
	width: 1.71875vw;
	height: .9375vw;
	background: url(../img/slider-arrow.svg) 50%/contain no-repeat;
	cursor: pointer
}
.header__btn, .page {
	background-repeat: no-repeat
}
.swiper__control-btn--prev {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1)
}
.swiper__control-btn--disabled {
	cursor: default;
	opacity: .2
}
.swiper__control-fraction {
	display: inline-block;
	width: auto;
	font-size: .8333333333333334vw;
	line-height: 125%;
	text-align: center
}
.header-modal__links li:hover, .header__links a.header__links--active, .header__links a:hover, .swiper__control-fraction--current {
	color: #e2bc52
}
.page {
	background-image: url(../img/page-bg.png);
	background-position: 5.85937vw 5.677083333333333vw;
	background-size: 117.44791666666667vw auto
}
.page__title, .staff .section__title {
	display: block;
	width: 100%;
	font-size: 2.916666666666667vw;
	line-height: 107.14285714285714%
}
.page__title+.page__info {
	margin-top: -2.083333333333333vw
}
.page__info {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	font-size: 16px;
	line-height: 162.5%
}
@media screen and (min-width:1921px) {
	.page__info, .page__title {
		padding: 0 280px;
		margin-bottom: 60px
	}
	.max-wrap {
		overflow: visible;
		background-position: 280px 0,619.875px 0,959.75px 0,1299.625px 0,1639.5px 0
	}
	.swiper__control>:not(:last-child) {
		margin-right: 30px
	}
	.swiper__control-btn {
		width: 33px;
		height: 18px
	}
	.swiper__control-fraction {
		font-size: 16px
	}
	.page {
		background-position: calc(50vw - 1127.5px + 280px) 109px;
		background-size: 2255px auto
	}
	.page__title {
		font-size: 56px
	}
	.page__title+.page__info {
		margin-top: -40px
	}
}
.page__info-sep:before {
	content: "\00a0\00a0\00a0\00a0\00a0\00a0|\00a0\00a0\00a0\00a0\00a0\00a0";
	display: inline-block
}
.feedback__row, .page__row {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: flex-start;
	-webkit-box-align: start;
	        align-items: flex-start;
	width: 100%
}
.page__row--3-1 .page__row-left {
	width: 75%;
	padding-right: 15px;
}
@media screen and (max-width:768px) {
    .designing-page #preview .preview__image, .services-page #preview .preview__image {
        max-height: initial!important;
        min-height: 200px!important;
    }
    .swiper-wrapper.in-mobile {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
    }
    .swiper-wrapper.in-desctop {
        display: none!important;
    }
	.max-wrap, .page {
		background-image: none
	}
	.max-wrap {
		overflow: hidden;
	}
	.page__info, .page__title {
		padding: 0 6.4vw;
		margin-bottom: 8vw
	}
	.swiper__control-fraction {
		font-size: 4.266666666666667vw
	}
	.page__title {
		font-size: 5.333333333333334vw;
		line-height: 1
	}
	.page__title+.page__info {
		margin-top: -2.666666666666667vw
	}
	.page__info {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column
	}
	.page__info-type {
		margin-bottom: 2.4vw
	}
	.page__info-sep {
		display: none
	}
	.page__row {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-ms-flex-align: start;
		-webkit-box-align: start;
		        align-items: flex-start
	}
	.page__row--3-1 .page__row-left {
		width: 100%
	}
}
.page__row--3-1 .page__row-left p {
	font-size: .8333333333333334vw;
	line-height: 162.5%
}
.page__row--3-1 .page__row-right {
	width: 25%
}
.page__section {
	display: block;
	width: 100%;
	margin-bottom: 9.635416666666668vw;
	padding: 0 14.583333333333334vw;
	overflow: hidden
}


.page__section_sport {
    margin-top: -12vw;
}

/*
.page__section + .page__section {
    display: block;
	width: 100%;
	margin-bottom: 0;
	padding: 0 14.583333333333334vw;
	overflow: hidden   
}

.feedback + .page__section {
    display: block;
	width: 100%;
	margin-bottom: 9.635416666666668vw;
	padding: 0 14.583333333333334vw;
	overflow: hidden   
}
*/
.header-modal, .modal {
	overflow: hidden auto;
	left: 0
}
.page__section--full {
	margin-left: -14.583333333333334vw;
	margin-right: -14.583333333333334vw
}
.page__section-title {
	display: block;
	width: 100%;
	font-size: 1.666666666666667vw;
	line-height: 125%
}
.page__section-title:after {
	content: "";
	display: block;
	width: 2.083333333333333vw;
	height: .10416666666666667vw;
	background-color: #b99530;
	margin: 1.5625vw 0
}
.page__section-subtitle {
	display: block;
	width: 100%;
	font-size: 1.041666666666667vw;
	line-height: 120%;
	margin-bottom: 1.5625vw
}
.page__section-desc, ol.page__list li:before {
	font-size: 11pt;
/*	font-size: .8333333333333334; */
	line-height: 125%
}
.designing-page__grid, .footer__addresses, .footer__links, .footer__links li, .page__section-desc p {
	display: block;
	width: 100%
}
.page__list {
	display: -ms-grid;
	display: grid;
	grid-gap: 2.916666666666667vw 0;
	list-style: none
}
.page__list li {
	display: block;
	width: 100%;
	padding-right: 2.604166666666667vw
}
@medid $m-phone {
	padding-right: 0
}
ol.page__list {
	counter-reset: a
}
ol.page__list li:before {
	counter-increment: a;
	content: counter(a, decimal-leading-zero);
	display: inline-block;
	color: rgba(0, 0, 0, .5)
}
ol.page__list .page__list-title {
	font-size: 1.041666666666667vw;
	line-height: 83.33333333333334%
}
ol.page__list .page__list-desc {
	font-size: .7291666666666666vw;
	line-height: 142.85714285714286%;
	margin-top: .8854166666666666vw;
	color: rgba(0, 0, 0, .5)
}
ul.page__list .page__list-title {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	margin-bottom: .26041666666666663vw;
	font-size: .8333333333333334vw;
	line-height: 125%
}
ul.page__list .page__list-title:before {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	content: "";
	display: block;
	width: .4166666666666667vw;
	height: .4166666666666667vw;
	background-color: #000;
	margin-right: .5208333333333333vw;
	margin-top: .6666666666666666em;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%)
}
ul.page__list .page__list-subtitle {
	font-size: 1.666666666666667vw;
	line-height: 133.33333333333331%
}
ul.page__list .page__list-subtitle sup {
    font-size: .8333333333333334vw;
}
ul.page__list .page__list-subtitle.fx sup {
    font-size: .8333333333333334vw;
}
.about__right sup {
    font-size: .8333333333333334vw;
}
.page__list--vertical {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	row-gap: 29px
}
ul.page__list--vertical li {
	padding-right: 0
}
ul.page__list--vertical .page__list-subtitle {
	font-size: 1.25vw;
	line-height: 100%
}
.header {
	display: block;
	width: 100%;
	max-width: 1920px;
	height: 4.166666666666666vw;
	background-color: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9990;
}
.header__row {
	width: 100%
}
.header__row, .header__row-item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	height: 100%
}
.header__row-item:first-child {
	padding-left: 2.291666666666667vw;
	margin-right: auto
}
.header__row-item:nth-child(2) {
	margin-right: 2.65625vw
}
.header__row-item:nth-child(3) {
	margin-right: 8.645833333333334vw
}
.header__btn {
	display: block;
	height: 100%;
	background-color: rgba(226, 188, 82, 0);
	background-position: 50%;
	-webkit-transition: background-color .15s;
	-o-transition: background-color .15s;
	transition: background-color .15s;
	cursor: pointer
}
.header-modal__tabs-item--active .header-modal__tabs-sep, .header__btn--active, .header__btn:hover {
	background-color: #e2bc52
}
.header__btn--burger {
	width: 5.9375vw;
	background-image: url(../img/header/burger.svg);
	background-size: 1.354166666666667vw .625vw
}
@media screen and (min-width:1921px) {
	.page__row--3-1 .page__row-left p:not(:last-child), .page__section-desc p:not(:last-child) {
		margin-bottom: 20px
	}
	.page__info-type {
		margin-bottom: 9px
	}
	.page__row--3-1 .page__row-left p {
		font-size: 16px
	}
	.page__section {
		padding: 0 280px;
		margin-bottom: 185px
	}
	.page__section--full {
		margin-left: -280px;
		margin-right: -280px
	}
	.page__section-title {
		font-size: 32px
	}
	.page__section-title:after {
		width: 40px;
		height: 2px;
		margin: 30px 0
	}
	.page__section-subtitle {
		font-size: 20px;
		margin-bottom: 30px
	}
	.page__section-desc {
		font-size: 16px
	}
	.page__list {
		grid-gap: 56px 0
	}
	.page__list li {
		padding-right: 50px
	}
	ol.page__list li:before {
		font-size: 16px;
		margin-bottom: 20px
	}
	ol.page__list .page__list-title {
		font-size: 20px
	}
	ol.page__list .page__list-desc {
		font-size: 14px;
		margin-top: 17px
	}
	ul.page__list .page__list-title {
		margin-bottom: 5px;
		font-size: 16px
	}
	ul.page__list .page__list-title:before {
		width: 8px;
		height: 8px;
		margin-right: 10px
	}
	ul.page__list .page__list-subtitle {
		font-size: 32px
	}
	ul.page__list--vertical .page__list-subtitle {
		font-size: 24px
	}
	.header {
		height: 80px
	}
	.header__row-item:first-child {
		padding-left: 44px
	}
	.header__row-item:nth-child(2) {
		margin-right: 51px
	}
	.header__row-item:nth-child(3) {
		margin-right: 166px
	}
	.header__btn--burger {
		width: 114px;
		background-size: 26px 12px
	}
}
.project-slider a.swiper-slide {
    height: 480px;
}
.designing-page__grid-slide-square sup {
    font-size: 10px;
}

@media screen and (max-width:768px) {
    ul.page__list .page__list-subtitle sup {
        font-size: 18px;
    }
    ul.page__list .page__list-subtitle.fx sup {
        font-size: 18px;
    }
	.page__row--3-1 .page__row-right {
		width: 100%
	}
	.page__section {
		padding: 0 6.4vw;
		margin-bottom: 10.133333333333333vw
	}
	.header, ul.page__list li {
		padding-right: 0
	}
	.page__section--full {
		margin-left: 0;
		margin-right: 0
	}
	.page__section-title {
		font-size: 5.333333333333334vw;
		line-height: 100%
	}
	.page__section-title:after {
		width: 10.666666666666668vw;
		height: .5333333333333333vw;
		margin: 5.333333333333334vw 0
	}
	.page__section-subtitle {
		font-size: 4.8vw;
		margin-bottom: 5.333333333333334vw
	}
	.page__section-desc {
		font-size: 3.733333333333334vw;
		line-height: 142.85714285714286%
	}
	.page__section-desc p:not(:last-child) {
		margin-bottom: 4.266666666666667vw
	}
	.page__list {
		grid-gap: 5.066666666666666vw 0
	}
	ol.page__list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr
	}
	ol.page__list li:before {
		font-size: 4.266666666666667vw;
		margin-bottom: 2.4vw
	}
	ol.page__list .page__list-title {
		font-size: 4.266666666666667vw;
		line-height: 125%
	}
	ol.page__list .page__list-desc {
		font-size: 3.733333333333334vw;
		line-height: 114.28571428571428%;
		margin-top: 2.666666666666667vw
	}
	ul.page__list {
		-ms-grid-columns: 1fr 14.666666666666666vw 1fr;
		grid-template-columns: repeat(2, 1fr);
		-webkit-column-gap: 14.666666666666666vw;
		   -moz-column-gap: 14.666666666666666vw;
		        column-gap: 14.666666666666666vw
	}
	ul.page__list .page__list-title {
		margin-bottom: 1.333333333333333vw;
		font-size: 3.733333333333334vw;
		line-height: 107.14285714285714%
	}
	ul.page__list .page__list-title:before {
		width: 2.133333333333333vw;
		height: 2.133333333333333vw;
		margin-right: 2.666666666666667vw;
		margin-top: .6em
	}
	.header {
		background-color: #000;
		height: 16.133333333333333vw
	}
	.header__row-item:first-child {
		padding-left: 24px
	}
	.header__row-item:nth-child(2) {
		display: none
	}
	.header__row-item:nth-child(3) {
		margin-right: 0
	}
	.header__btn {
		border-left: .26666666666666666vw solid hsla(0, 0%, 100%, .2)
	}
	.header__btn--burger {
		width: 16vw;
		background-size: 6.933333333333333vw 3.2vw;
		margin-right: 0
	}
}
@media screen and (max-width:320px) {
	.page__info, .page__title {
		margin-bottom: 30px;
		padding: 0 24px
	}
	.swiper__control-fraction, ol.page__list .page__list-title {
		font-size: 16px
	}
	.page__section-title, .page__title {
		font-size: 20px
	}
	.page__title {
		line-height: 1
	}
	.page__title+.page__info {
		margin-top: -10px
	}
	.page__info {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column
	}
	.page__section {
		padding: 0 24px;
		margin-bottom: 38px
	}
	.page__section-title:after {
		width: 40px;
		height: 2px;
		margin: 20px 0
	}
	.page__section-subtitle {
		font-size: 18px;
		margin-bottom: 20px
	}
	.page__section-desc {
		font-size: 14px
	}
	.page__section-desc p:not(:last-child) {
		margin-bottom: 16px
	}
	.page__list {
		grid-gap: 19px 0
	}
	ol.page__list li:before {
		font-size: 16px;
		margin-bottom: 9px
	}
	ol.page__list .page__list-desc {
		font-size: 14px;
		margin-top: 10px
	}
	ul.page__list {
		-webkit-column-gap: 55px;
		   -moz-column-gap: 55px;
		        column-gap: 55px
	}
	ul.page__list .page__list-title {
		margin-bottom: 5px;
		font-size: 14px
	}
	ul.page__list .page__list-title:before {
		width: 8px;
		height: 8px;
		margin-right: 10px
	}
	.header {
		height: 60.5px
	}
	.header__btn {
		border-left-width: 1px
	}
	.header__btn--burger {
		width: 60px;
		background-size: 26px 12px
	}
}
.header-modal__tabs-title, .header-modal__title {
	font-size: 1.041666666666667vw;
	white-space: nowrap
}
.header__btn--burger:hover {
	background-image: url(../img/header/burger.svg#hover)
}
.header__btn--active.header__btn--burger {
	background-image: url(../img/header/cross.svg)
}
.header__btn--tel {
	background-image: url(../img/header/tel.svg);
	background-size: 1.041666666666667vw 1.041666666666667vw
}
@media screen and (min-width:1921px) {
	.header__btn--tel {
		background-size: 20px 20px
	}
}
@media screen and (max-width:1440px) {
    .designing-page #preview .preview__image, .services-page #preview .preview__image {
        max-height: initial!important;
        min-height: 200px!important;
    }
}
@media screen and (max-width:768px) {
	.header__btn--tel {
		background-size: 5.333333333333334vw 5.333333333333334vw
	}
}
@media screen and (max-width:320px) {
	.header__btn--tel {
		background-size: 20px 20px
	}
}
.header__btn--active.header__btn--tel, .header__btn--tel:hover {
	background-image: url(../img/header/tel.svg#hover)
}
.header__btn--mail {
	background-image: url(../img/header/mail.svg);
	background-size: 1.041666666666667vw .78125vw
}
.header__btn--active.header__btn--mail, .header__btn--mail:hover {
	background-image: url(../img/header/mail.svg#hover)
}
.header__btn--mail, .header__btn--tel {
	width: 4.166666666666666vw
}
.header__logo {
	width: 10.208333333333334vw;
	height: 2.291666666666667vw;
	color: #fff;
	text-decoration: none;
	cursor: pointer
}
.header__logo img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}
.header__links a {
	display: inline-block;
	text-decoration: none;
	color: hsla(0, 0%, 100%, .6);
	font-size: .8333333333333334vw;
	line-height: 125%
}
.header__links a:not(:last-child) {
	margin-right: 4.166666666666666vw
}
.header-modal {
	display: none;
	width: 100%;
	height: 100%;
	background: url(../img/header/modal-bg.png) 50%/146.45833333333334vw auto no-repeat #020202;
	bottom: 0;
	z-index: 9999
}
.header-modal--active {
	display: block
}
.header-modal__close {
	display: block;
	width: 5.9375vw;
	height: 4.166666666666666vw;
	background: url(../img/header/cross.svg) 50%/1.03125vw 1.03125vw no-repeat #e2bc52;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 1
}
.header-modal__content, .header-modal__wrapper {
	display: -ms-flexbox;
	height: 100%;
	position: relative
}
.header-modal__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: stretch;
	-webkit-box-pack: stretch;
	        justify-content: stretch;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	max-width: 100vw;
	margin: 0 auto;
	background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, .05))), -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, .05))), -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, .05))), -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, .05))), -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, .05)), to(hsla(0, 0%, 100%, .05)));
	background-image: -o-linear-gradient(left, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), -o-linear-gradient(left, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), -o-linear-gradient(left, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), -o-linear-gradient(left, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), -o-linear-gradient(left, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05));
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), linear-gradient(90deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), linear-gradient(90deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), linear-gradient(90deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05)), linear-gradient(90deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05));
	background-repeat: no-repeat;
	background-size: 1px 100%;
	background-position: 14.583333333333334vw 0, 32.28515625vw 0, 49.98697916666667vw 0, 67.68880208333333vw 0, 85.390625vw 0;
	padding: 0 14.583333333333334vw
}
.header-modal__links, .header-modal__links li:not(:last-child) {
	margin-bottom: 2.604166666666667vw
}
.header-modal__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%
}
.header-modal__content:not(.header-modal__content--active) {
	display: none!important
}
.header-modal__content--forms .header-modal__rotate {
	top: 50vh;
	-webkit-transform: translateY(-100%) rotate(90deg) translateY(50%) translateX(-50%);
	    -ms-transform: translateY(-100%) rotate(90deg) translateY(50%) translateX(-50%);
	        transform: translateY(-100%) rotate(90deg) translateY(50%) translateX(-50%)
}
.header-modal__row, .header-modal__row-tabs, .header-modal__tabs {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	width: 100%
}
.header-modal__row-tabs .header-modal__title {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 4.8vw;
	line-height: 222.22222222222223%;
	color: hsla(0, 0%, 100%, .4);
	cursor: pointer
}
.header-modal__row-tabs .header-modal__title:after {
	width: 100%;
	height: .5333333333333333vw;
	background-color: hsla(0, 0%, 100%, .2);
	margin-top: 2.666666666666667vw;
	margin-left: 0
}
.header-modal__row-item {
	display: block;
	width: 100%;
	position: relative;
	padding-left: 3.125vw
}
.header-modal__rotate {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform-origin: left bottom;
	    -ms-transform-origin: left bottom;
	        transform-origin: left bottom;
	-webkit-transform: translateY(-100%) rotate(90deg) translateY(50%);
	    -ms-transform: translateY(-100%) rotate(90deg) translateY(50%);
	        transform: translateY(-100%) rotate(90deg) translateY(50%)
}
.header-modal__title {
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	line-height: 100%;
	color: #fff
}
.header-modal__title:after {
	content: "";
	display: block;
	width: 2.083333333333333vw;
	height: .10416666666666667vw;
	background-color: #e2bc52;
	margin-left: 1.5625vw
}
.header-modal__links {
	width: 100%
}
.header-modal__links li {
	display: block;
	font-size: .8333333333333334vw;
	line-height: 100%;
	color: hsla(0, 0%, 100%, .5)
}
.footer__links li:not(:last-child), .home #about .about__right ul li:not(:last-child) {
	margin-bottom: 1.510416666666667vw
}
.header-modal-contacts a, .header-modal__links li a {
	text-decoration: none;
	color: inherit
}
.header-modal-contacts {
	display: none;
	width: 100%;
	margin-top: auto;
	border-top: 1px solid hsla(0, 0%, 100%, .2);
	line-height: 90%;
	color: #fff
}
.header-modal__tabs-item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 14.583333333333334vw;
	cursor: pointer;
}
.header-modal__tabs-icon {
	display: block;
	width: 1.40625vw;
	height: 1.40625vw
}
.header-modal__tabs-icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}
.header-modal__tabs-icon--active {
	display: none
}
.header-modal__tabs-sep {
	display: block;
	width: 100%;
	height: .10416666666666667vw;
	background-color: hsla(0, 0%, 100%, .2);
	margin: 1.276041666666667vw 0 .78125vw
}
.header-modal__tabs-title {
	line-height: 100%;
	color: hsla(0, 0%, 100%, .4)
}
.header-modal__tabs-item--active .header-modal__tabs-icon--active {
	display: block
}
.breadchumb--mobile, .header-modal__tabs-item--active .header-modal__tabs-icon--default {
	display: none
}
.header-modal__tabs-item--active .header-modal__tabs-title {
	color: #fff
}
.header-modal__form {
	display: block;
	width: 100%;
	max-width: 35.46875vw;
	margin: 0 auto
}
.header-modal__form:not(.header-modal__form--active) {
	display: none!important
}
.header-modal__form-title {
	display: block;
	font-size: 2.916666666666667vw;
	line-height: 142.85714285714286%;
	color: #fff;
	margin-bottom: 1.40625vw
}
.feedback-desc, .header-modal__form-desc {
	display: block;
	font-size: 1.041666666666667vw;
	line-height: 160%;
	color: #e2bc52
}
.header-modal__form-inputs {
	display: block;
	width: 100%;
	margin-bottom: 3.125vw
}
.header-modal__form-confirmation {
	display: block;
	font-size: .625vw;
	line-height: 166.66666666666669%;
	color: hsla(0, 0%, 100%, .4);
	margin-bottom: 6.979166666666667vw
}
.feedback-confirmation a, .header-modal__form-confirmation a {
	text-decoration: underline;
	color: inherit
}
.header-modal__form-confirmation, .header-modal__form-desc, .header-modal__form-title {
	text-align: center
}
.header-modal__input {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	padding: 1.25vw 0;
	border-bottom: .052083333333333336vw solid #fff;
	color: #fff
}
@media screen and (min-width:1921px) {
	.header-modal__links li, .header__links a {
		font-size: 16px
	}
	.header-modal__links, .header-modal__links li:not(:last-child) {
		margin-bottom: 50px
	}
	.header__btn--mail {
		background-size: 20px 15px
	}
	.header__btn--mail, .header__btn--tel {
		width: 80px;
		border-left-width: 1px
	}
	.header__logo {
		width: 196px;
		height: 44px
	}
	.header__links a:not(:last-child) {
		margin-right: 80px
	}
	.header-modal {
		background-size: 2812px auto
	}
	.header-modal__close {
		width: 114px;
		height: 80px;
		background-size: 19.8px 19.8px
	}
	.header-modal__wrapper {
		max-width: 1921px;
		background-position: 280px 0, 619.875px 0, 959.75px 0, 1299.625px 0, 1639.5px 0;
		padding: 0 280px
	}
	.header-modal__row-item {
		padding-left: 60px
	}
	.header-modal__tabs-title, .header-modal__title {
		font-size: 20px
	}
	.header-modal__title:after {
		width: 40px;
		height: 2px;
		margin-left: 30px
	}
	.header-modal__tabs-item {
		width: 280px
	}
	.header-modal__tabs-icon {
		width: 27px;
		height: 27px
	}
	.header-modal__tabs-sep {
		height: 2px;
		margin: 24.5px 0 15px
	}
	.header-modal__form {
		max-width: 681px
	}
	.header-modal__form-title {
		font-size: 56px;
		margin-bottom: 27px
	}
	.header-modal__form-desc {
		font-size: 20px
	}
	.header-modal__form-inputs {
		margin-bottom: 60px
	}
	.header-modal__form-confirmation {
		font-size: 12px;
		margin-bottom: 134px
	}
	.header-modal__input {
		padding: 24px 0;
		border-bottom: 1px solid #fff
	}
}
@media screen and (max-width:768px) {
	.header-modal__links, .header-modal__links li:not(:last-child) {
		margin-bottom: 10.133333333333333vw
	}
	.header__btn--mail {
		background-size: 5.333333333333334vw 4vw
	}
	.header__btn--mail, .header__btn--tel {
		width: 16vw;
		border-left-width: .26666666666666666vw
	}
	.header__logo {
		width: 36.53333333333333vw;
		height: 8.266666666666666vw
	}
	.header-modal {
		height: calc(100% - 16.133333333333333vw);
		top: 16.133333333333333vw
	}
	.header-modal__close {
		display: none
	}
	.header-modal__wrapper {
		-ms-flex-align: start;
		-webkit-box-align: start;
		        align-items: flex-start;
		height: 100%;
		background: #000;
		padding: 7.6vw 6.4vw 0
	}
	.header-modal__content {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-ms-flex-pack: stretch;
		-webkit-box-pack: stretch;
		        justify-content: stretch;
		-ms-flex-align: start;
		-webkit-box-align: start;
		        align-items: flex-start;
		height: 100%
	}
	.header-modal__content--forms .header-modal__rotate {
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none
	}
	.header-modal__row-item {
		padding-left: 0;
		padding-top: 10.666666666666668vw
	}
	.header-modal__row-item:not(.header-modal__row-item--active) {
		display: none!important
	}
	.header-modal__rotate {
		width: 100%;
		position: static;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none
	}
	.header-modal__title--active {
		color: #fff!important
	}
	.header-modal__title--active:after {
		background-color: #e2bc52!important
	}
	.header-modal__links li {
		font-size: 4.266666666666667vw
	}
	.header-modal-contacts {
		display: block;
		padding: 7.466666666666668vw 0 8vw;
		font-size: 4.8vw
	}
	.header-modal__tabs {
		margin-bottom: 9.733333333333333vw
	}
	.header-modal__tabs-item {
		width: 100%;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}
	.header-modal__tabs-icon {
		display: none
	}
	.header-modal__tabs-sep {
		height: .5333333333333333vw;
		margin: 0;
		-ms-flex-order: 2;
		-webkit-box-ordinal-group: 3;
		        order: 2
	}
	.header-modal__tabs-title {
		font-size: 4.8vw;
		line-height: 222.22222222222223%;
		margin-bottom: 2.666666666666667vw;
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		        order: 1
	}
	.header-modal__form {
		max-width: none
	}
	.header-modal__form-title {
		font-size: 8.533333333333333vw;
		line-height: 100%;
		margin-bottom: 4.8vw
	}
	.header-modal__form-desc {
		font-size: 4.8vw;
		line-height: 111.11111111111111%
	}
	.header-modal__form-inputs {
		margin-bottom: 83.5px
	}
	.header-modal__form-confirmation {
		line-height: 133.33333333333331%;
		font-size: 12px;
		margin-bottom: 30px
	}
	.header-modal__input {
		padding: 0 0 2.666666666666667vw;
		margin-top: 8vw;
		margin-bottom: 0;
		position: relative
	}
}
@media screen and (max-width:320px) {
	.header-modal__links, .header-modal__links li:not(:last-child) {
		margin-bottom: 38px
	}
	.header__btn--mail {
		background-size: 20px 15px
	}
	.header__btn--mail, .header__btn--tel {
		width: 60px;
		border-left-width: 1px
	}
	.header__logo {
		width: 137px;
		height: 31px
	}
	.header-modal {
		height: calc(100% - 60.5px);
		top: 60.5px
	}
	.header-modal__wrapper {
		padding: 28.5px 0 24px
	}
	.header-modal__row-tabs .header-modal__title {
		font-size: 18px;
		border-bottom-width: 2px
	}
	.header-modal__row-tabs .header-modal__title:after {
		height: 2px;
		margin-top: 10px
	}
	.header-modal__row-item {
		padding-top: 40px
	}
	.header-modal__links li {
		font-size: 16px
	}
	.header-modal-contacts {
		padding: 28px 0 30px;
		font-size: 18px
	}
	.header-modal__tabs {
		margin-bottom: 36.5px
	}
	.header-modal__tabs-sep {
		height: 2px
	}
	.header-modal__tabs-title {
		font-size: 18px;
		margin-bottom: 10px
	}
	.header-modal__form-title {
		font-size: 32px;
		margin-bottom: 18px
	}
	.header-modal__form-desc {
		font-size: 18px
	}
	.header-modal__input {
		padding: 0 0 10px;
		margin-top: 30px
	}
  .modal-staff__info-nav {
    padding-bottom: 20px;
  }
}
.header-modal__input--reset {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: auto;
	border: 0;
	background-color: transparent;
	outline: 0;
	font: inherit;
	color: inherit;
	padding: 0;
	margin: 0
}
.header-modal__input-input {
	font-size: 1.25vw;
	line-height: 133.33333333333331%;
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 3;
	        order: 2
}
.header-modal__input-input::-webkit-input-placeholder {
	opacity: 1
}
.header-modal__input-input::-webkit-input-placeholder, .header-modal__input-input::placeholder {
	opacity: 1
}
.header-modal__input-label {
	font-size: .7291666666666666vw;
	line-height: 114.28571428571428%;
	margin-right: 1.40625vw;
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	        order: 1;
	color: #fff;
}
.header-modal__input-submit {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: block;
	width: 11.979166666666668vw;
	height: 3.125vw;
	background-color: #e2bc52;
	color: #000;
	font-size: .8333333333333334vw;
	line-height: 125%;
	cursor: pointer;
	margin: 0 auto
}
@media screen and (min-width:1921px) {
	.header-modal__input-input {
		font-size: 24px
	}
	.header-modal__input-label {
		font-size: 14px;
		margin-right: 27px
	}
	.header-modal__input-submit {
		width: 230px;
		height: 60px;
		font-size: 16px
	}
}
.footer {
	display: block;
	width: 100%;
	max-width: 1920px;
	background: url(../img/footer/footer-bg.png) 50%/cover no-repeat #000;
	margin: 0 auto;
	position: relative;
	padding: 4.666666666666666vw 0 4.500000000000001vw 0
}
@media screen and (max-width:768px) {
	.header-modal__input-input {
		width: 100%;
		font-size: 3.733333333333334vw;
		line-height: 114.28571428571428%;
		opacity: 0;
		-webkit-transition: opacity .15s;
		-o-transition: opacity .15s;
		transition: opacity .15s
	}
	.header-modal__input-input:not(:-moz-placeholder-shown) {
		opacity: 1
	}
	.header-modal__input-input:not(:-ms-input-placeholder) {
		opacity: 1
	}
	.header-modal__input-input:focus, .header-modal__input-input:not(:placeholder-shown) {
		opacity: 1
	}
	.header-modal__input-input:not(:-moz-placeholder-shown)+.header-modal__input-label {
		opacity: 0
	}
	.header-modal__input-input:not(:-ms-input-placeholder)+.header-modal__input-label {
		opacity: 0
	}
	.header-modal__input-input:focus+.header-modal__input-label, .header-modal__input-input:not(:placeholder-shown)+.header-modal__input-label {
		opacity: 0
	}
	.header-modal__input-label {
		font-size: 5.333333333333334vw;
		line-height: 158.8235294117647%;
		position: absolute;
		left: 0;
		pointer-events: none;
		-webkit-transition: opacity .15s;
		-o-transition: opacity .15s;
		transition: opacity .15s
	}
	.header-modal__input-submit {
		width: 100%;
		height: 13.333333333333334vw;
		font-size: 3.733333333333334vw;
		line-height: 142.85714285714286%
	}
}
.footer__scrollup {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 5.9375vw;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	cursor: pointer
}
.footer__scrollup-icon {
	display: block;
	width: 1.302083333333333vw;
	height: 2.8125vw;
	background: url(../img/footer/scroll-up.svg) 50%/contain no-repeat
}
.footer__addresses__item:before, .footer__btn, .modal__close {
	background-repeat: no-repeat;
	background-position: 50%
}
.footer__scrollup-text {
	display: inline-block;
	font-size: .7291666666666666vw;
	line-height: 100%;
	white-space: nowrap;
	color: #fff;
	margin-top: 1.25vw;
	-webkit-transform-origin: left bottom;
	    -ms-transform-origin: left bottom;
	        transform-origin: left bottom;
	-webkit-transform: translateY(50%) rotate(90deg) translateY(-100%);
	    -ms-transform: translateY(50%) rotate(90deg) translateY(-100%);
	        transform: translateY(50%) rotate(90deg) translateY(-100%)
}
.footer__wrapper, .our-clients {
	display: block;
	width: 100%;
	padding: 0 14.583333333333334vw
}
.footer__row {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	width: 100%
}
.footer__row-item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	width: 100%
}
.footer__row-item:last-child {
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center
}
.footer__logo {
	display: block;
	width: 10.833333333333334vw;
	text-decoration: none;
	color: inherit
}
.footer__logo img {
	display: block;
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain
}
.footer__logo span {
	display: block;
	font-size: .7291666666666666vw;
	line-height: 78.57142857142857%;
	margin-top: 1.510416666666667vw;
	color: hsla(0, 0%, 100%, .5)
}
.footer__links li a {
	display: inline-block;
	font-size: .8333333333333334vw;
	line-height: 125%;
	color: hsla(0, 0%, 100%, .6);
	text-decoration: none
}
.footer__links li a:hover {
	color: #e2bc52
}
.footer__addresses__item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	width: 100%;
	font-size: .8333333333333334vw;
	line-height: 150%;
	color: #fff
}
.footer__addresses__item:before {
	content: "";
	display: block;
	width: .8333333333333334vw;
	height: .8333333333333334vw;
	background-size: contain;
	margin-right: .5208333333333333vw;
	margin-top: calc(1.5em / 2 - .833333333333333vw / 2)
}
.footer__addresses__item--icon-marker:before {
	background-image: url(../img/footer/marker.svg)
}
.footer__addresses__item--icon-clock:before {
	background-image: url(../img/footer/clock.svg)
}
.footer__addresses__item:not(:last-child) {
	margin-bottom: 1.197916666666667vw
}
.home #preview, .home .section {
	margin-bottom: 8.333333333333332vw
}
.footer__contacts {
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	margin-right: auto
}
.footer__contacts a {
	display: block;
	text-decoration: none;
	white-space: nowrap
}
.footer__contacts-tel {
	font-size: 1.25vw;
	line-height: 133.33333333333331%;
	color: #fff
}
.breadchumb--light .breadchumb__item, .footer__contacts-mail {
	color: hsla(0, 0%, 100%, .5)
}
.footer__contacts-mail {
	font-size: .7291666666666666vw;
	line-height: 78.57142857142857%
}
.footer__btn {
	display: block;
	width: 1.302083333333333vw;
	height: 1.302083333333333vw;
	background-size: contain;
	-webkit-transition: background-color .15s;
	-o-transition: background-color .15s;
	transition: background-color .15s;
	cursor: pointer
}
.footer__btn+.footer__btn {
	margin-left: 2.34375vw
}
.footer__btn:hover {
	opacity: .5
}
.footer__btn--tel {
	background-image: url(../img/footer/tel.svg)
}
.footer__btn--mail {
	background-image: url(../img/footer/mail.svg)
}
.breadchumb {
	display: block;
	width: 100%;
	padding: 2.03125vw 14.583333333333334vw 0;
	margin-bottom: 1.25vw;
	font-size: .7291666666666666vw;
	line-height: 1
}

.breadchumb:after {
    content: "";
    display: block;
    width: 2.083333333333333vw;
    height: .10416666666666667vw;
    background-color: #b99530;
    margin: 1.5625vw 0;
}/*
#preview + .breadchumb {
	margin-bottom: 2vw;
}
.designing-page #preview + .breadchumb {
	margin-bottom: 1.8vw;
}
*/
.breadchumb__item {
	color: rgba(0, 0, 0, .5);
	text-decoration: none;
	cursor: pointer
}
.breadchumb__item--sep {
	color: rgba(0, 0, 0, .2);
	margin: 0 .7291666666666666vw 0 .8333333333333334vw
}
@media screen and (min-width:1921px) {
	.footer {
		padding: 89.6px 0 86.4px
	}
	.footer__scrollup {
		width: 114px
	}
	.footer__scrollup-icon {
		width: 25px;
		height: 54px
	}
	.footer__scrollup-text {
		font-size: 14px;
		margin-top: 24px
	}
	.footer__wrapper {
		padding: 0 280px
	}
	.footer__logo {
		width: 208px
	}
	.footer__logo span {
		font-size: 14px;
		margin-top: 29px
	}
	.footer__links li:not(:last-child) {
		margin-bottom: 29px
	}
	.footer__addresses__item, .footer__links li a {
		font-size: 16px
	}
	.footer__addresses__item:before {
		width: 16px;
		height: 16px;
		margin-right: 10px;
		margin-top: calc(1.5em / 2 - 16px / 2)
	}
	.footer__addresses__item:not(:last-child) {
		margin-bottom: 23px
	}
	.footer__contacts-tel {
		font-size: 24px
	}
	.breadchumb, .footer__contacts-mail {
		font-size: 14px
	}
	.footer__btn {
		width: 25px;
		height: 25px
	}
	.footer__btn+.footer__btn {
		margin-left: 45px
	}
	.breadchumb {
		padding: 39px 280px 0;
		margin-bottom: 24px
	}
	.breadchumb__item--sep {
		margin: 0 14px 0 16px
	}
}
.breadchumb__item--current {
	color: #b99530
}
.breadchumb__item--back {
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	font-size: 14px;
	color: rgba(0, 0, 0, .5);
	-webkit-text-decoration: undeline;
	text-decoration: undeline
}
.breadchumb__item--back:before {
	content: "";
	display: block;
	width: 10px;
	height: 8.4px;
	background: url(../img/breadchumb-back.svg) 50%/contain no-repeat;
	margin-right: 10px
}
@media screen and (max-width:768px) {
	.footer {
		padding: 12.533333333333333vw 0 12.8vw
	}
	.footer__scrollup {
		width: 6.666666666666667vw;
		height: 14.399999999999999vw;
		background-color: transparent;
		top: auto;
		right: 6.4vw;
		bottom: 11.733333333333333vw
	}
	.footer__scrollup-icon {
		width: 100%;
		height: 100%
	}
	.breadchumb--desktop, .footer__btn, .footer__scrollup-text {
		display: none
	}
	.footer__wrapper {
		padding: 0 6.4vw
	}
	.footer__row {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		        justify-content: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		        align-items: flex-start
	}
	.footer__row-item:first-child {
		-ms-flex-order: 4;
		-webkit-box-ordinal-group: 5;
		        order: 4
	}
	.footer__row-item:last-child {
		-ms-flex-align: start;
		-webkit-box-align: start;
		        align-items: flex-start
	}
	.footer__logo {
		width: 36.53333333333333vw
	}
	.footer__logo span {
		font-size: 3.733333333333334vw;
		margin-top: 1.333333333333333vw
	}
	.footer__links {
		margin-bottom: 14.133333333333335vw
	}
	.footer__links li:not(:last-child) {
		margin-bottom: 5.866666666666666vw
	}
	.footer__links li a {
		font-size: 5.333333333333334vw;
		line-height: 100%;
		color: #fff
	}
	.footer__addresses {
		margin-bottom: 11.733333333333333vw
	}
	.footer__addresses__item {
		font-size: 4.266666666666667vw;
		line-height: 150%
	}
	.footer__addresses__item:before {
		width: 4.266666666666667vw;
		height: 4.266666666666667vw;
		margin-right: 2.666666666666667vw;
		margin-top: calc(1.5em / 2 - 4.266666666666667vw / 2)
	}
	.footer__addresses__item:not(:last-child) {
		margin-bottom: 6.133333333333333vw
	}
	.footer__contacts {
		margin-right: 0;
		margin-bottom: 18.933333333333334vw
	}
	.footer__contacts-tel {
		font-size: 6.4vw
	}
	.breadchumb__item--back, .footer__contacts-mail {
		font-size: 3.733333333333334vw
	}
	.breadchumb {
		padding: 5.2vw 6.4vw 0;
		margin-bottom: 4.666666666666667vw
	}
	.breadchumb--mobile {
		display: block
	}
	.breadchumb__item--back:before {
		width: 2.666666666666667vw;
		height: 2.24vw;
		margin-right: 2.666666666666667vw
	}
	.breadchumb--light .breadchumb__item {
		color: #fff
	}
}
.feedback, .modal__wrap {
	padding: 0 14.583333333333334vw
}
.breadchumb--light .breadchumb__item--sep {
	color: hsla(0, 0%, 100%, .2)
}
@media screen and (max-width:768px) {
	.breadchumb--light .breadchumb__item--sep {
		color: #fff
	}
}
.breadchumb--light .breadchumb__item--back {
	color: hsla(0, 0%, 100%, .5)
}
.modal {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	z-index: 9999;
}
.modal__wrap {
	display: block;
	width: 100%;
	height: auto;
	max-width: 1920px;
  max-height: 100vh;
}
.modal__content {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: stretch;
	-webkit-box-pack: stretch;
	        justify-content: stretch;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	max-width: 100%;
	background-color: #000;
	color: #fff;
	position: relative
}
.modal__close {
	display: block;
	width: 4.166666666666666vw;
	height: 4.166666666666666vw;
	background-color: #e2bc52;
	background-image: url(../img/modal-close.svg);
	background-size: 1.041666666666667vw 1.041666666666667vw;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	cursor: pointer
}
.feedback {
	display: block;
	width: 100%;
	margin-top: 3.90625vw;
	margin-bottom: 3.90625vw
}
.feedback__wrapper {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	background: url(../img/feedback/feedback-bg.png) 50%/cover no-repeat #000;
	position: relative;
	padding: 4.322916666666667vw 4.947916666666666vw 4.635416666666667vw;
	color: #fff;
	margin: .7591145833333333vw 0
}
.feedback__wrapper-extra {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	pointer-events: none
}
.feedback__wrapper-extra--top {
	top: 0
}
.feedback__wrapper-extra--bottom {
	bottom: 0
}
.feedback__wrapper-extra:after, .feedback__wrapper-extra:before {
	content: "";
	display: block;
	width: 1.518229166666667vw;
	height: 1.518229166666667vw;
	background: url(../img/feedback/feedback-extra.svg) 50%/contain no-repeat;
	position: absolute;
	top: 0
}
.feedback__wrapper-extra:before {
	left: 0;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%)
}
.feedback__wrapper-extra:after {
	right: 0;
	-webkit-transform: translate(50%, -50%);
	    -ms-transform: translate(50%, -50%);
	        transform: translate(50%, -50%)
}
.feedback__wrapper-right {
	width: 26.041666666666668vw
}
.feedback-title {
	display: block;
	font-size: 1.666666666666667vw;
	line-height: 125%;
	color: #fff;
	margin-bottom: 1.5625vw
}
.feedback__row:last-child {
	margin-top: 2.083333333333333vw
}
.feedback__row .feedback__input {
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	        flex: 1 1 auto;
	width: calc(50% - 1.041666666666667vw)
}
.feedback__input {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	padding: 1.25vw 0;
	border-bottom: .052083333333333336vw solid #fff
}
@media screen and (min-width:1921px) {
	.feedback, .modal__wrap {
		padding: 0 280px
	}
	.modal__close {
		width: 80px;
		height: 80px;
		background-size: 20px 20px
	}
	.feedback {
		margin-bottom: 75px
	}
	.feedback__wrapper {
		padding: 83px 95px 89px;
		margin: 14.575px 0
	}
	.feedback__wrapper-extra:after, .feedback__wrapper-extra:before {
		width: 29.15px;
		height: 29.15px
	}
	.feedback__wrapper-right {
		width: 500px
	}
	.feedback-title {
		font-size: 32px;
		margin-bottom: 30px
	}
	.feedback-desc {
		font-size: 20px
	}
	.feedback__row:last-child {
		margin-top: 40px
	}
	.feedback__row .feedback__input {
		width: calc(50% - 20px)
	}
	.feedback__input {
		padding: 24px 0;
		border-bottom: 1px solid #fff
	}
}
@media screen and (max-width:768px) {
	.breadchumb--light .breadchumb__item--back {
		color: #fff
	}
	.breadchumb--light .breadchumb__item--back:before {
		background-image: url(../img/breadchumb-back-light.svg)
	}
	.modal__wrap {
		padding: 0;
		height: 100%
	}
	.modal__content {
		width: 100%;
		height: 100%;
	}
	.modal__close {
		width: 60px;
		height: 60px;
		background-size: 15px 15px;
		top: 68px;
	}
	.feedback {
		padding: 0 6.4vw;
		margin-bottom: 10.666666666666668vw
	}
	.feedback__wrapper {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		        justify-content: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		        align-items: flex-start;
		padding: 9.866666666666667vw 12vw 6.933333333333333vw;
		margin: 3.886666666666667vw 0
	}
	.feedback__wrapper-extra:after, .feedback__wrapper-extra:before {
		width: 7.773333333333333vw;
		height: 7.773333333333333vw
	}
	.feedback__wrapper-right {
		width: 100%;
		margin-top: 2.666666666666667vw
	}
	.feedback-title {
		font-size: 6.4vw;
		line-height: 133.33333333333331%;
		margin-bottom: 5.333333333333334vw
	}
	.feedback-desc {
		font-size: 4.266666666666667vw;
		line-height: 150%
	}
	.feedback__row {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		        justify-content: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		        align-items: flex-start
	}
	.feedback__row:last-child {
		margin-top: 8vw
	}
	.feedback__row .feedback__input {
		width: 100%
	}
	.feedback__input {
		padding: 0 0 2.666666666666667vw;
		margin-top: 8vw;
		margin-bottom: 0;
		position: relative
	}
}
@media screen and (max-width:320px) {
	.header-modal__input-input {
		font-size: 14px
	}
	.footer__links li a, .header-modal__input-label {
		font-size: 20px
	}
	.header-modal__input-submit {
		height: 50px;
		font-size: 14px
	}
	.footer__scrollup {
		width: 25px;
		height: 54px;
		right: 24px;
		bottom: 44px
	}
	.footer__wrapper {
		padding: 0 24px
	}
	.footer__logo {
		width: 137px
	}
	.footer__logo span {
		font-size: 14px;
		margin-top: 5px
	}
	.footer__links {
		margin-bottom: 53px
	}
	.footer__links li:not(:last-child) {
		margin-bottom: 22px
	}
	.footer__addresses {
		margin-bottom: 44px
	}
	.feedback-desc, .footer__addresses__item {
		font-size: 16px
	}
	.footer__addresses__item:before {
		width: 16px;
		height: 16px;
		margin-right: 10px;
		margin-top: calc(1.5em / 2 - 16px / 2)
	}
	.footer__addresses__item:not(:last-child) {
		margin-bottom: 23px
	}
	.footer__contacts {
		margin-bottom: 71px
	}
	.footer__contacts-tel {
		font-size: 24px
	}
	.breadchumb__item--back, .footer__contacts-mail {
		font-size: 14px
	}
	.breadchumb {
		padding: 19.5px 24px 0;
		margin-bottom: 17.5px
	}
	.breadchumb__item--back:before {
		width: 10px;
		height: 8.4px;
		margin-right: 10px
	}
	.feedback {
		padding: 0 24px;
		margin-bottom: 40px
	}
	.feedback__wrapper {
		padding: 37px 45px 26px;
		margin: 14.575px 0
	}
	.feedback__wrapper-extra:after, .feedback__wrapper-extra:before {
		width: 29.15px;
		height: 29.15px
	}
	.feedback__wrapper-right {
		margin-top: 10px
	}
	.feedback-title {
		font-size: 24px;
		margin-bottom: 20px
	}
	.feedback__row:last-child {
		margin-top: 30px
	}
	.feedback__input {
		padding: 0 0 10px;
		margin-top: 30px
	}
}
.feedback__input+.feedback__input {
	margin-left: 1.041666666666667vw
}
.feedback__input--reset {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: auto;
	border: 0;
	background-color: transparent;
	outline: 0;
	font: inherit;
	color: inherit;
	padding: 0;
	margin: 0
}
.feedback__input-input {
	font-size: 1.25vw;
	line-height: 133.33333333333331%;
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 3;
	        order: 2
}
.feedback__input-input::-webkit-input-placeholder {
	opacity: 1
}
.feedback__input-input::-webkit-input-placeholder, .feedback__input-input::placeholder {
	opacity: 1
}
.feedback__input-label {
	font-size: .7291666666666666vw;
	line-height: 114.28571428571428%;
	margin-right: 1.40625vw;
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	        order: 1;
	white-space: nowrap
}
.feedback__input-submit {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 11.979166666666668vw;
	height: 3.125vw;
	background-color: #e2bc52;
	color: #000;
	font-size: .8333333333333334vw;
	line-height: 125%;
	cursor: pointer
}
.feedback__input--border-gold {
	border-bottom-color: #e2bc52
}
.feedback__select {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative
}
.feedback__select-select {
	width: 100%;
	font-size: .8333333333333334vw;
	line-height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.feedback__select-select option {
	color: initial
}
.feedback__select-arrow {
	display: block;
	width: .625vw;
	height: .3125vw;
	background: url(../img/feedback/select-arrow.svg) 50%/contain no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%)
}
.feedback-confirmation {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: .625vw;
	line-height: 133.33333333333331%;
	color: hsla(0, 0%, 100%, .4);
	margin-left: 1.041666666666667vw
}
.our-clients__title {
	display: block;
	width: 100%;
	font-size: 1.666666666666667vw;
	line-height: 125%;
	color: #000;
	margin-bottom: 3.385416666666667vw
}
.our-clients__title:after {
	content: "";
	display: block;
	width: 2.083333333333333vw;
	height: .10416666666666667vw;
	background-color: #b99530;
	margin-top: 1.666666666666667vw
}
.our-clients__content {
	display: block;
	width: 100%;
	padding-bottom: 4.166666666666666vw
}
.our-clients__content .swiper, .project-page .project-slider .swiper, .services-page #preview .preview-pagination .swiper {
	overflow: visible;
}
.project-slider .swiper-slide {
    height: initial;
}
.home #gratitudes .gratitudes, .our-clients__content .swiper-wrapper, .services-page #preview .preview-pagination .swiper-wrapper {
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	        align-items: stretch
}
.our-clients__content .swiper-slide {
	height: auto
}
.our-clients__content .swiper-slide:not(:last-child) {
	padding-right: 3.90625vw
}
.our-clients__item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	height: 100%
}
.our-clients__item-image img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}
.viewer {
	display: block;
	width: 100%;
	height: 35vw;
	position: relative;
	overflow: hidden
}
.viewer__canvas {
	background: -o-radial-gradient(#a7d2fd, #46515c 200%);
	background: radial-gradient(#a7d2fd, #46515c 200%);
}
.home .preview .swiper, .viewer__canvas, .viewer__play {
	display: block;
	width: 100%;
	height: 100%
}
.viewer__play {
	background: var(--poster, none) no-repeat 50%/cover;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.viewer__play:after, .viewer__play:before {
	content: "";
	display: block;
	position: absolute
}
.viewer__play:before {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	left: 0;
	top: 0
}
.viewer__play:after {
	width: 5.208333333333334vw;
	height: 5.208333333333334vw;
	background: url(../img/viewer/viewer-play.svg) 50%/contain no-repeat;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%)
}
.viewer__play:hover {
	-webkit-transform: scale(1.15);
	    -ms-transform: scale(1.15);
	        transform: scale(1.15)
}
.viewer__loading {
	display: block;
	width: 100%;
	height: .3125vw;
	background-color: #e2bc52;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0
}
.viewer__loading-viewer-percent {
	display: block;
	width: var(--viewer-percent, 0);
	height: 100%;
	background-color: #b99530;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}
.viewer__loading-tooltip, .viewer__loading-tooltip:before {
	left: var(--viewer-percent, 0);
	-webkit-transform: translateX(calc(var(--viewer-percent, 0) * -1));
	    -ms-transform: translateX(calc(var(--viewer-percent, 0) * -1));
	        transform: translateX(calc(var(--viewer-percent, 0) * -1));
	position: absolute
}
.viewer__loading-tooltip {
	display: inline-block;
	background-color: rgba(0, 0, 0, .3);
	font-size: .625vw;
	line-height: 166.66666666666669%;
	color: #fff;
	bottom: calc(100% + .677083333333333vw);
	padding: .26041666666666663vw .625vw;
	white-space: nowrap
}
.viewer__loading-tooltip:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: .3125vw solid transparent;
	border-top-color: rgba(0, 0, 0, .3);
	border-bottom-width: 0;
	top: 100%
}
.designing-page #preview .preview__control-btn--prev, .home .swiper__control-btn--prev, .services-page #preview .preview__control-btn--prev {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1)
}
.viewer__control {
	display: block;
	height: 100%;
	background-color: rgba(0, 0, 0, .14);
	-webkit-backdrop-filter: blur(8px) brightness(.8);
	backdrop-filter: blur(8px) brightness(.8);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0
}
.viewer__control-btn {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 5vw;
	height: 5vw
}
.viewer__control-btn:not(:last-child) {
	border-bottom: .052083333333333336vw solid hsla(0, 0%, 100%, .1)
}
.viewer__control-btn img {
	width: 2.1875vw;
	height: 2.1875vw;
	-o-object-fit: contain;
	object-fit: contain
}
.viewer__control-btn--active {
	background-color: #000
}
.viewer__control-btn--active .viewer__control-icon {
	display: none
}
.viewer--ready .viewer__canvas, .viewer__control-btn--active .viewer__control-icon--active {
	display: block
}
.viewer__control-icon {
	display: block;
	opacity: .5
}
.viewer--loading .viewer__play:after, .viewer--ready .viewer__play, .viewer:not(.viewer--loading) .viewer__loading, .viewer:not(.viewer--ready) .viewer__control, .viewer__control-icon--active {
	display: none
}
.viewer--loading .viewer__play:hover {
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none
}
.viewer:-webkit-full-screen {
	display: block
}
.viewer:-ms-fullscreen {
	display: block
}
.viewer--fullscreen, .viewer:fullscreen {
	display: block
}
.viewer:-webkit-full-screen .viewer__control {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center
}
.viewer:-ms-fullscreen .viewer__control {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}
.viewer--fullscreen .viewer__control, .viewer:fullscreen .viewer__control {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center
}
.modal-staff {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	        align-items: stretch;
	width: 100%
}
.modal-staff__image {
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 23.958333333333336vw
}
.modal-staff__image--short {
	display: none
}
.modal-staff__image img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.modal-staff__info {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: stretch;
	-webkit-box-pack: stretch;
	        justify-content: stretch;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	background-image: url(../img/popup-info-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 23.229166666666668vw auto;
	width: 100%;
	height: auto;
	padding: 4.739583333333333vw 4.947916666666666vw 4.947916666666666vw
}
.modal-staff__info-name {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	font-size: 1.666666666666667vw;
	line-height: 62.5%;
	margin-bottom: 3.125vw
}
.modal-staff__info-list-item h3, .modal-staff__info-nav-text {
	font-size: .6770833333333334vw;
	line-height: 1
}
.modal-staff__info-list {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% + 1.5625vw);
	margin-right: -1.5625vw;
	margin-bottom: 2.083333333333333vw
}
.home #gratitudes .gratitudes__info p:last-child, .home .staff__card-info-desc p:not(:last-child), .modal-staff__info-desc p:not(:last-child), .modal-staff__info-list-item {
	margin-bottom: 1.041666666666667vw
}
.modal-staff__info-list-item {
	display: block;
	width: calc(50% + 1.5625vw);
	margin-right: 1.5625vw
}
.modal-staff__info-list-item h3 {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	color: hsla(0, 0%, 100%, .5);
	margin-bottom: .5208333333333333vw
}
.modal-staff__info-list-item h3:before {
	content: "";
	display: block;
	width: .4166666666666667vw;
	height: .4166666666666667vw;
	background-color: hsla(0, 0%, 100%, .5);
	margin-top: .1em;
	margin-right: .5208333333333333vw
}
.modal-staff__info-list-item h4 {
	font-size: .9375vw;
	line-height: 111.11111111111111%
}
.modal-staff__info-desc {
	display: block;
	width: 100%;
	margin-bottom: 3.125vw
}
.modal-staff__info-desc p {
	font-size: .7291666666666666vw;
	line-height: 171.42857142857142%
}
.modal-staff__info-desc ul li {
    position: relative;
    margin-bottom: 10px;
    font-size: .7291666666666666vw;
    padding-left: 15px;
}
.modal-staff__info-desc ul li:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    left: 0;
    background-color: #fff;
    margin-right: 10px;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.modal-staff__info-nav {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	width: 100%;
	margin-top: auto
}
.modal-staff__info-nav, .modal-staff__info-nav-btn {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center
}
.modal-staff__info-nav-btn {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: auto;
	cursor: pointer
}
.modal-staff__info-nav-btn:before {
	content: "";
	display: block;
	width: 1.71875vw;
	height: .9375vw;
	background: url(../img/modal-staff-arrow.svg) 50%/contain no-repeat
}
.modal-staff__info-nav-btn--prev:before {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
	margin-right: .78125vw
}
.modal-staff__info-nav-btn--next {
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	        justify-content: flex-end;
	text-align: right
}
.modal-staff__info-nav-btn--next:before {
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	        order: 1;
	margin-left: .78125vw
}
.home {
	background-image: url(../img/home/bg.png);
	background-repeat: repeat-y;
	background-position: calc(50% - 4.166666666666666vw) 21.302083333333332vw;
	background-size: 155.05208333333334vw auto
}
@media screen and (max-width: 768px) {
	.home {
		background-image: none
	}
  .modal {
    background-color: #000;
  }
}
.home .swiper {
	margin-left: 0
}
.home .swiper, .home .swiper__control {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none
}
.home .swiper__control, .staff .pagination--desktop {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%
}
.home .swiper__control>:not(:last-child) {
	margin-right: 1.5625vw
}
.home .swiper__control-btn {
	display: block;
	width: 1.71875vw;
	height: .9375vw;
	background: url(../img/slider-arrow.svg) 50%/contain no-repeat;
	cursor: pointer
}
.home .swiper__control-btn--disabled {
	cursor: default;
	opacity: .2
}
.home .swiper__control-fraction {
	width: auto;
	font-size: .8333333333333334vw;
	line-height: 125%
}
.home .swiper__control-fraction--current {
	color: #e2bc52
}
.home .preview {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	        align-items: stretch;
	width: 100%;
	height: 100vh;
	max-height: 40.3125vw;
	background-color: #000;
	position: relative
}
.home .preview .swiper-pagination {
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	max-width: 100%;
	position: absolute;
	left: 50%;
	bottom: 2.083333333333333vw;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	pointer-events: none;
	z-index: 1
}
.designing-page .staff__slider .swiper, .home .staff__slider .swiper {
	max-width: 74.73958333333334vw;
	overflow: visible
}
.home .preview .swiper-pagination-bullet {
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 2.083333333333333vw;
	height: 3px;
	border-radius: 0;
	background-color: hsla(0, 0%, 100%, .4);
	pointer-events: all;
	opacity: 1;
	-webkit-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color;
	-webkit-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
	-webkit-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease
}
.home .preview .swiper-pagination-bullet-active {
	width: 10.9375vw;
	position: relative
}
.home .preview .swiper-pagination-bullet-active:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background-color: #e2bc52;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: a calc(var(--duration, 0) * 1ms) linear forwards;
	        animation: a calc(var(--duration, 0) * 1ms) linear forwards
}
.home .preview .swiper--pause .swiper-pagination-bullet-active:before {
	-webkit-animation: none!important;
	        animation: none!important
}
.home .preview__slide {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}
.home .preview__slide-bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	opacity:0.7;
	z-index: 1
}
.home .preview__slide-bg img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.home .preview__slide-text {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	font-size: 2.604166666666667vw;
	line-height: 130%;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 2
}
.home #about .about__left h3, .home .vert-title__title {
	font-size: 1.666666666666667vw;
	line-height: 1
}
.home #about .about__left p, .home #gratitudes .gratitudes__info p {
    font-size:12pt;
/*	font-size: .8333333333333334vw; */
	line-height: 162.5%
}
.home .preview__scroll-down {
	display: block;
	width: 1.302083333333333vw;
	position: absolute;
	left: 50%;
	bottom: 11.197916666666668vw;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 1;
	cursor: pointer
}
.home .preview__scroll-down svg {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%)
}
.designing-page .staff__slider-btn span, .home .staff__slider-btn span {
	-webkit-transform: translate(-50%, -50%) rotate(90deg) translateY(.3125vw);
	    -ms-transform: translate(-50%, -50%) rotate(90deg) translateY(.3125vw);
	        transform: translate(-50%, -50%) rotate(90deg) translateY(.3125vw);
	white-space: nowrap
}
.designing .grid-card__item-icon img, .home #designing .grid-card__item-title, .home .grid-card__item-icon img, .home .preview__scroll-down svg .a-1, .home .preview__scroll-down svg .a-2, .home .preview__scroll-down svg .a-3, .home .staff__card-hover {
	-webkit-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
	-webkit-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease
}
.home .preview__scroll-down svg .a-1 {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 10.636);
	    -ms-transform: matrix(1, 0, 0, 1, 0, 10.636);
	        transform: matrix(1, 0, 0, 1, 0, 10.636);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}
.designing-page .staff__slider-btn span:after, .home .staff__slider-btn span:after {
	width: 9px;
	height: 4.5px;
	background: url(../img/staff-btn--arrow.svg);
	bottom: 100%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%)
}
.home .preview__scroll-down svg .a-2 {
	-webkit-transition-property: d, stroke;
	-o-transition-property: d, stroke;
	transition-property: d, stroke
}
.home .preview__scroll-down svg .a-3 {
	-webkit-transition-property: d;
	-o-transition-property: d;
	transition-property: d
}
.home .preview__scroll-down svg:hover .a-1 {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
	        transform: matrix(1, 0, 0, 1, 0, 0)
}
.home .preview__scroll-down svg:hover .a-2 {
	d: path("m7.901 59.928 4.5 4.5 4.5-4.5");
	stroke: #fff
}
.home .preview__scroll-down svg:hover .a-3 {
	d: path("m5.356 68.656 7.041 7.041 7.041-7.041")
}
.home .section {
	display: block;
	min-height: 200px;
	width: calc(100% - 14.583333333333334vw);
	margin-left: 14.583333333333334vw
}
.home .vert-title {
	position: relative
}
.home .vert-title__title {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform-origin: left bottom;
	    -ms-transform-origin: left bottom;
	        transform-origin: left bottom;
	-webkit-transform: translateY(-100%) rotate(90deg) translateY(50%);
	    -ms-transform: translateY(-100%) rotate(90deg) translateY(50%);
	        transform: translateY(-100%) rotate(90deg) translateY(50%);
	background-color: #fff;
}
.home #about .about__left p:first-child, .home .grid-card__item-title {
	font-size: 1.041666666666667vw;
  word-break: break-word;
}
.home .vert-title__title .swiper__control--mobile-fraction {
	display: none
}
.home .vert-title__title:after {
	content: "";
	width: 2.083333333333333vw;
	height: 2px;
	background-color: #b99530;
	position: absolute;
	left: calc(100% + 2.447916666666667vw);
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%)
}
.home .vert-title__wrap {
	display: block;
	width: calc(100% - 4.166666666666666vw);
	margin-left: 4.166666666666666vw
}
.designing .grid-card, .home .grid-card .swiper-wrapper, .services .grid-card {
	display: -ms-grid;
	display: grid;
	counter-reset: b;
	-ms-grid-columns: 1fr 1.041666666666667vw 1fr 1.041666666666667vw 1fr 1.041666666666667vw 1fr;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1.041666666666667vw
}
.designing .grid-card__item, .home .grid-card__item, .services .grid-card__item {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	text-decoration: none
}
.home .grid-card__item--count:after, .services .grid-card__item--count:after {
	counter-increment: b;
	content: counter(b, decimal-leading-zero);
	display: inline-block;
	font-size: .8333333333333334vw;
	line-height: 1;
	color: hsla(0, 0%, 100%, .5);
	position: absolute;
	left: 2.083333333333333vw;
	top: 2.083333333333333vw;
	z-index: 2
}
.designing .grid-card__item:before, .home .grid-card__item:before, .services .grid-card__item:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%
}
.designing .grid-card__item-bg, .home .grid-card__item-bg, .services .grid-card__item-bg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.home .grid-card__item-bg img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.home .grid-card__item-bg:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.designing .grid-card__item-icon, .home .grid-card__item-icon {
	display: block;
	width: 5.208333333333334vw;
	height: 5.208333333333334vw;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 2
}
.home .grid-card__item-icon img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
	-webkit-transition-property: -webkit-filter, -webkit-transform;
	transition-property: -webkit-filter, -webkit-transform;
	-o-transition-property: filter, transform;
	transition-property: filter, transform;
	transition-property: filter, transform, -webkit-filter, -webkit-transform
}
.home .grid-card__item-title {
	display: block;
	width: 100%;
	line-height: 120%;
	color: #fff;
	position: absolute;
	padding: 2.083333333333333vw;
  padding-top: 0;
  left: 0;
  bottom: 0;
	z-index: 2
}
.home #designing .grid-card__item-title {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: transform, opacity;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}
.home #about .about {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: end;
	-webkit-box-align: end;
	        align-items: flex-end;
	width: 100%
}
.home #about .about__left {
	width: 100%;
	max-width: 47.91666666666667vw
}
.home #about .about__left h3:after {
	content: "";
	display: block;
	width: 2.083333333333333vw;
	height: 2px;
	background-color: #e2bc52;
	margin: 1.5625vw 0
}
.home #about .about__left p {
	display: block
}
.home #about .about__left p:not(:last-child), .services-page ol.page__list {
	margin-bottom: 1.5625vw
}
.home #about .about__right {
	display: block
}
.home #about .about__right ul li h4 {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	font-size: .8333333333333334vw;
	line-height: 1;
	margin-bottom: .5208333333333333vw
}
.home #about .about__right ul li h4:before {
	content: "";
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: .4166666666666667vw;
	height: .4166666666666667vw;
	background-color: #000;
	margin-right: .5208333333333333vw
}
.home #about .about__right ul li h5 {
	font-size: 1.666666666666667vw;
	line-height: 1
}
.home #staff .swiper__control {
	max-width: 66.66666666666666vw;
	margin-top: 2.135416666666667vw
}
.home .staff {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	        align-items: stretch;
	width: 100%;
	overflow: hidden
}
.designing-page .staff [data-staff-id], .home .staff [data-staff-id] {
	cursor: pointer
}
.designing-page .staff__slider, .home .staff__slider {
	display: block;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: 100%;
	overflow: hidden;
	position: relative
}
.home .staff__slider .swiper {
	margin: 0
}
.home .staff__slider-btn {
	display: block;
	width: 3.125vw;
	height: 100%;
	background-color: #e2bc52;
	color: #000;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none
}
.home .staff__slider-btn span {
	display: inline-block;
	font-size: .8333333333333334vw;
	line-height: 125%;
	position: absolute;
	left: 50%;
	top: 50%
}
.home .staff__slider-btn span:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%
}
.home .staff__card {
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative
}
.home .staff__card img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.home .staff__card-hover {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #b99530;
	color: #fff;
	opacity: 0;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	pointer-events: none;
	padding: 3.020833333333333vw 3.125vw;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: opacity, transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-transform: scale(.8);
	    -ms-transform: scale(.8);
	        transform: scale(.8)
}
.home .staff__card-info {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform: translateY(-3.020833333333333vw);
	    -ms-transform: translateY(-3.020833333333333vw);
	        transform: translateY(-3.020833333333333vw)
}
.home .staff__card-info-title {
	font-size: .9375vw;
	line-height: 111.11111111111111%;
	margin-bottom: .78125vw
}
.home .staff__card-info-position {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	font-size: .6770833333333334vw;
	line-height: 153.84615384615387%;
	color: hsla(0, 0%, 100%, .5);
	margin-bottom: .5208333333333333vw
}
.designing-page__grid-slide-hover, .home .staff__card-info-desc {
	font-size: .7291666666666666vw;
	line-height: 171.42857142857142%
}
.home .staff__card-info-position:before {
	content: "";
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: .4166666666666667vw;
	height: .4166666666666667vw;
	background-color: hsla(0, 0%, 100%, .5);
	margin-right: .5208333333333333vw
}
.home .staff__card:hover .staff__card-hover {
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	pointer-events: all
}
.home .staff__card:hover .staff__card-info {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0)
}
.home #gratitudes .swiper__control {
	width: auto;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	margin-top: auto
}
.home #gratitudes .gratitudes, .home #gratitudes .gratitudes__info {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	width: 100%
}
.home #gratitudes .gratitudes__info {
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-width: 25.78125vw;
	height: auto;
	padding-right: 15px;
}
.home #gratitudes .gratitudes__info p:first-child {
	margin-top: -.3125vw
}
.home #gratitudes .gratitudes__slider {
	display: block;
	width: 100%;
	overflow: hidden
}
.home #gratitudes .gratitudes__slider .swiper {
	width: 52.864583333333336vw;
	overflow: visible;
	margin-left: 0
}
.home #gratitudes .gratitudes__card {
	display: block;
	width: 100%;
	background-color: #7b7b7b;
	position: relative;
	cursor: pointer
}
.designing .grid-card__item-bg:after, .home #gratitudes .gratitudes__card-hover {
	background-color: rgba(0, 0, 0, .5);
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	top: 0
}
.home #gratitudes .gratitudes__card-image {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1.979166666666667vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box
}
.home #gratitudes .gratitudes__card-image img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}
.home #gratitudes .gratitudes__card-hover {
	background-image: url(../img/loupe.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 2.083333333333333vw auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}
.home #gratitudes .gratitudes__card:hover .gratitudes__card-hover {
	opacity: 1;
	pointer-events: all
}
@-webkit-keyframes a {
	to {
		width: 100%
	}
}
@keyframes a {
	to {
		width: 100%
	}
}
.designing-page .max-wrap, .designing .max-wrap, .project-page, .services, .staff {
    padding-top: 4.166666666666666vw
}
.designing #design, .project-page section:nth-child(5), .services #services, .staff #staff {
	margin-bottom: 5.208333333333334vw
}
.designing .grid-card__item-bg img, .designing-page #preview .preview__image img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.designing .grid-card__item-bg:after {
	content: "";
	position: absolute
}
.designing .grid-card__item-icon img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1);
	-webkit-transition-property: -webkit-filter, -webkit-transform;
	transition-property: -webkit-filter, -webkit-transform;
	-o-transition-property: filter, transform;
	transition-property: filter, transform;
	transition-property: filter, transform, -webkit-filter, -webkit-transform
}
.designing .grid-card__item-title {
	display: block;
	width: 100%;
	font-size: 1.041666666666667vw;
	line-height: 120%;
	color: #fff;
	position: absolute;
  left: 0;
  bottom: 0;
  padding: 2.083333333333333vw;
  padding-top: 0;
	z-index: 2
}
.designing-page .staff__card-hover, .designing-page .staff__slider-btn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	z-index: 1
}
.designing-page #preview {
	display: block;
	margin-bottom: 3.958333333333333vw
}
.designing-page #preview .preview, .services-page #preview .preview {
	display: block;
	width: 100%;
	background-color: #000;
	position: relative
}
.designing-page #preview .preview__control-btn, .services-page #preview .preview__control-btn {
	background: url(../img/slider-arrow-gold.svg) 50%/contain no-repeat;
	-webkit-filter: brightness(0) invert(1);
	        filter: brightness(0) invert(1)
}
.designing-page #preview .preview__image, .services-page #preview .preview__image {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	max-height: 600px;
	min-height: 500px;
	overflow: hidden;
}
.designing-page #preview .preview__image:before, .services-page #preview .preview__image:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	position: absolute;
	left: 0;
	top: 0
}
.designing-page #preview .preview__wrapper, .services-page #preview .preview__wrapper {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	width: 100%;
	height: calc(100% - 4.166666666666666vw);
	position: absolute;
	top: 4.166666666666666vw;
	left: 0;
	bottom: 0;
	padding: 0 14.583333333333334vw;
	z-index: 2;
}
.designing-page #preview .preview__title, .services-page #preview .preview__title {
	font-size: 2.916666666666667vw;
	line-height: 107.14285714285714%;
	color: #fff;
	max-width: 825px;
}
.designing-page #preview .preview .breadchumb, .services-page #preview .preview .breadchumb {
	padding: 0;
	position: absolute;
	top: 2.03125vw
}
.designing-page #preview .preview__control, .services-page #preview .preview__control {
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	position: absolute;
	right: 14.583333333333334vw
}
.designing-page #preview .preview__control-btn, .services-page #preview .preview__control-btn {
	display: block;
	width: 1.71875vw;
	height: .9432291666666667vw;
	cursor: pointer
}
.designing-page #preview .preview__control-btn--disabled, .services-page #preview .preview__control-btn--disabled {
	opacity: .2;
	cursor: default
}
.designing-page #preview .preview__control-btn--next {
	margin-left: 3.125vw
}
.designing-page #preview .preview__control-fraction, .services-page #preview .preview__control-fraction {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	margin-left: 1.614583333333333vw;
	color: #fff;
	font-size: .8333333333333334vw;
	line-height: 125%
}
.designing-page #preview .preview__control-fraction--current {
	color: #e2bc52
}
.designing-page__grid .swiper-wrapper {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% + 1.041666666666667vw);
	height: 36.45833333333333vw;
	margin-right: -1.041666666666667vw;
	margin-bottom: -1.041666666666667vw
}
.designing-page__grid .swiper-slide {
	display: block;
	width: calc(25% - 1.041666666666667vw);
	height: auto;
	margin-right: 1.041666666666667vw;
	margin-bottom: 1.041666666666667vw;
	overflow: hidden;
	position: relative
}
.designing-page__grid .swiper-slide:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: calc(var(--h)/ var(--w) * 100%)
}
.designing-page__grid-slide {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
}
.designing-page__grid-slide-image {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.designing-page .staff__card-hover, .designing-page__grid-slide-hover {
	left: 0;
	top: 0;
	-webkit-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
	-webkit-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	opacity: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box
}
.designing-page__grid-slide-image img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.designing-page__grid-slide-hover {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
	padding: 0;
	position: absolute;
	pointer-events: 0;
	-webkit-transition-property: opacity, padding;
	-o-transition-property: opacity, padding;
	transition-property: opacity, padding
}
.designing-page__grid-slide-square, .services-page #preview .preview__control-fraction--current {
	color: #e2bc52
}
.designing-page__grid-slide-geo, .designing-page__grid-slide-square {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center
}
.designing-page__grid-slide-geo:before, .designing-page__grid-slide-square:before {
	content: "";
	display: block;
	width: .9375vw;
	height: .9375vw;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	margin-right: .4166666666666667vw
}
.designing-page__grid-slide-geo:before {
	background-image: url(../img/page-grid-geo.svg)
}
.designing-page__grid-slide-title {
	margin-top: auto;
	font-size: 1.041666666666667vw;
	line-height: 125%;
	margin-bottom: .3125vw
}
.designing-page__grid-slide-square:before {
	background-image: url(../img/page-grid-square.svg)
}
@media screen and (min-width:768px) {
	.designing .grid-card__item:hover .grid-card__item-bg, .designing-page__grid-slide:hover .designing-page__grid-slide-image, .home .grid-card__item:hover .grid-card__item-bg, .services .grid-card__item:hover .grid-card__item-bg {
		-webkit-transform: scale(1.25);
		    -ms-transform: scale(1.25);
		        transform: scale(1.25)
	}
	.designing .grid-card__item:hover .grid-card__item-icon img, .home .grid-card__item:hover .grid-card__item-icon img {
		-webkit-filter: none;
		        filter: none;
		-webkit-transform: scale(1.25);
		    -ms-transform: scale(1.25);
		        transform: scale(1.25)
	}
	.designing .grid-card__item:first-child, .home #designing .swiper-slide:first-child, .home #services .swiper-slide:first-child, .services .grid-card__item:first-child {
		-ms-grid-row: 1;
		    grid-row-start: 1;
		-ms-grid-row-span: 2;
		grid-row-end: 3
	}
	.home #designing .grid-card__item:hover .grid-card__item-title {
		-webkit-transform: translateY(50%);
		    -ms-transform: translateY(50%);
		        transform: translateY(50%);
		opacity: 0;
		pointer-events: none
	}
	.home #services .swiper-slide:nth-child(10), .services .grid-card__item:nth-child(10) {
		-ms-grid-column: 3;
		    grid-column-start: 3;
		-ms-grid-column-span: 2;
		grid-column-end: 5
	}
	.home #services .swiper-slide:nth-child(10) .grid-card__item:before, .services .grid-card__item:nth-child(10):before {
		padding-top: 50%
	}
	.designing-page__grid-slide:hover .designing-page__grid-slide-hover {
		padding: 2.083333333333333vw;
		opacity: 1;
		pointer-events: all
	}
	.services .grid-card__item:hover .grid-card__item-info-title, .services .grid-card__item:hover:after {
		color: #e2bc52
	}
	.services .grid-card__item:hover .grid-card__item-info-desc {
		padding-top: 20px;
		height: auto
	}
}
@media screen and (min-width:768px) and (min-width:1921px) {
	.designing-page__grid-slide:hover .designing-page__grid-slide-hover {
		padding: 40px
	}
}
.designing-page ol.page__list {
	margin-top: 4.375vw
}
.designing-page ul.page__list {
	margin-top: 4.0625vw
}
.designing-page .staff {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	        align-items: stretch;
	width: 100%;
	overflow: hidden;
	margin-top: 2.083333333333333vw 0;
	margin-bottom: 2.083333333333333vw 0
}
.designing-page .staff__slider .swiper-slide {
	width: auto
}
.designing-page .staff__slider-btn {
	display: block;
	width: 3.125vw;
	height: 100%;
	background-color: #e2bc52;
	color: #000;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none
}
.designing-page .staff__slider-btn span {
	display: inline-block;
	font-size: .8333333333333334vw;
	line-height: 125%;
	position: absolute;
	left: 50%;
	top: 50%
}
.designing-page .staff__slider-btn span:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%
}
.designing-page .staff__card {
	display: block;
	width: 100%;
	max-width: 24.21875vw;
	text-decoration: none;
	position: relative
}
@media screen and (min-width:1921px) {
	.home #preview, .home .section {
		margin-bottom: 160px
	}
	.feedback__input+.feedback__input {
		margin-left: 20px
	}
	.feedback__input-input {
		font-size: 24px
	}
	.feedback__input-label {
		font-size: 14px;
		margin-right: 27px
	}
	.feedback__input-submit {
		width: 230px;
		height: 60px;
		font-size: 16px
	}
	.feedback__select-select, .home .swiper__control-fraction {
		font-size: 16px
	}
	.feedback__select-arrow {
		width: 12px;
		height: 6px
	}
	.feedback-confirmation {
		font-size: 12px;
		margin-left: 20px
	}
	.our-clients {
		padding: 0 280px
	}
	.our-clients__title {
		font-size: 32px;
		margin-bottom: 65px
	}
	.our-clients__title:after {
		width: 40px;
		height: 2px;
		margin-top: 32px
	}
	.our-clients__content {
		padding-bottom: 80px
	}
	.our-clients__content .swiper-slide:not(:last-child) {
		padding-right: 75px
	}
	.viewer {
		height: 672px
	}
	.designing .grid-card__item-icon, .home .grid-card__item-icon, .viewer__play:after {
		width: 100px;
		height: 100px
	}
	.viewer__loading {
		height: 6px
	}
	.viewer__loading-tooltip {
		font-size: 12px;
		bottom: calc(100% + 13px);
		padding: 5px 12px
	}
	.viewer__loading-tooltip:before {
		border-width: 6px
	}
	.viewer__control-btn {
		width: 96px;
		height: 96px
	}
	.viewer__control-btn:not(:last-child) {
		border-bottom-width: 1px
	}
	.viewer__control-btn img {
		width: 42px;
		height: 42px
	}
	.modal-staff__image {
		width: 460px
	}
	.modal-staff__info {
		padding: 91px 95px 95px;
		background-size: 446px auto
	}
	.modal-staff__info-name {
		font-size: 32px;
		margin-bottom: 60px
	}
	.modal-staff__info-list {
		width: calc(100% + 30px);
		margin-right: -30px;
		margin-bottom: 40px
	}
	.modal-staff__info-list-item {
		width: calc(50% - 30px);
		margin-right: 30px;
		margin-bottom: 20px
	}
	.modal-staff__info-list-item h3 {
		font-size: 13px;
		margin-bottom: 10px
	}
	.modal-staff__info-list-item h3:before {
		width: 8px;
		height: 8px;
		margin-right: 10px
	}
	.modal-staff__info-list-item h4 {
		font-size: 18px
	}
	.modal-staff__info-desc {
		margin-bottom: 60px
	}
	.modal-staff__info-desc p {
		font-size: 14px
	}
	.modal-staff__info-desc p:not(:last-child) {
		margin-bottom: 20px
	}
	.home .swiper__control-btn, .modal-staff__info-nav-btn:before {
		width: 33px;
		height: 18px
	}
	.modal-staff__info-nav-btn--prev:before {
		margin-right: 15px
	}
	.modal-staff__info-nav-btn--next:before {
		margin-left: 15px
	}
	.modal-staff__info-nav-text {
		font-size: 13px
	}
	.home {
		background-position: calc(50% - 72px) 409px;
		background-size: 2977px auto
	}
	.home .swiper__control>:not(:last-child) {
		margin-right: 30px
	}
	.home .preview {
		max-height: 774px
	}
	.home .preview .swiper-pagination {
		bottom: 40px
	}
	.home .preview .swiper-pagination-bullet {
		width: 40px;
		margin-right: 20px
	}
	.home .preview .swiper-pagination-bullet-active {
		width: 210px
	}
	.home .preview__slide-text {
		font-size: 50px
	}
	.home #about .about__left h3, .home #about .about__right ul li h5, .home .vert-title__title {
		font-size: 32px
	}
	.home .preview__scroll-down {
		width: 25px;
		bottom: 215px
	}
	.home .section {
		width: calc(100% - 280px);
		margin-left: 280px
	}
	.home .vert-title__title:after {
		width: 40px;
		left: calc(100% + 47px)
	}
	.home #about .about__right ul li h4:before, .home .staff__card-info-position:before {
		width: 8px;
		height: 8px;
		margin-right: 10px
	}
	.home .vert-title__wrap {
		width: calc(100% - 80px);
		margin-left: 80px
	}
	.designing .grid-card, .home .grid-card .swiper-wrapper {
		grid-gap: 20px
	}
	.home .grid-card__item--count:after {
		font-size: 16px;
		left: 40px;
		top: 40px
	}
	.designing .grid-card__item-title, .home .grid-card__item-title {
		font-size: 20px;
		padding: 0 40px 40px;
	}
	.home #about .about__left {
		max-width: 920px;
		margin-right: 20px
	}
	.home #about .about__left h3:after {
		width: 40px;
		margin: 30px 0
	}
	.home #about .about__left p {
		font-size: 16px
	}
	.home #about .about__left p:first-child {
		font-size: 20px
	}
	.home #about .about__left p:not(:last-child) {
		margin-bottom: 30px
	}
	.home #gratitudes .gratitudes__info p:last-child, .home .staff__card-info-desc p:not(:last-child) {
		margin-bottom: 20px
	}
	.home #about .about__right ul li:not(:last-child) {
		margin-bottom: 29px
	}
	.home #about .about__right ul li h4 {
		font-size: 16px;
		margin-bottom: 10px
	}
	.home #staff .swiper__control {
		max-width: 1280px;
		margin-top: 41px
	}
	.designing-page .staff__slider .swiper, .home .staff__slider .swiper {
		max-width: 1435px
	}
	.designing-page .staff__slider-btn, .home .staff__slider-btn {
		width: 60px
	}
	.designing-page .staff__slider-btn span, .home .staff__slider-btn span {
		font-size: 16px;
		-webkit-transform: translate(-50%, -50%) rotate(90deg) translateY(6px);
		    -ms-transform: translate(-50%, -50%) rotate(90deg) translateY(6px);
		        transform: translate(-50%, -50%) rotate(90deg) translateY(6px)
	}
	.home .staff__card-hover {
		padding: 58px
	}
	.home .staff__card-info {
		-webkit-transform: translateY(-58px);
		    -ms-transform: translateY(-58px);
		        transform: translateY(-58px)
	}
	.home .staff__card-info-title {
		font-size: 18px;
		margin-bottom: 15px
	}
	.home .staff__card-info-position {
		font-size: 13px;
		margin-bottom: 10px
	}
	.designing-page__grid-slide-hover, .home .staff__card-info-desc {
		font-size: 14px
	}
	.home #gratitudes .gratitudes__info {
		max-width: 495px
	}
	.home #gratitudes .gratitudes__info p {
		font-size: 16px
	}
	.home #gratitudes .gratitudes__info p:first-child {
		margin-top: -6px
	}
	.home #gratitudes .gratitudes__slider .swiper {
		width: 1015px
	}
	.home #gratitudes .gratitudes__card-image {
		padding: 38px
	}
	.designing .max-wrap {
		padding-top: 80px
	}
	.designing #design {
		margin-bottom: 100px
	}
	.designing-page #preview {
		margin-bottom: 76px
	}
	.designing-page #preview .preview__wrapper {
		height: calc(100% - 80px);
		top: 80px;
		padding: 0 280px
	}
	.designing-page #preview .preview__title {
		font-size: 56px
	}
	.designing-page #preview .preview .breadchumb {
		top: 39px
	}
	.designing-page #preview .preview__control {
		right: 280px
	}
	.designing-page #preview .preview__control-btn {
		width: 33px;
		height: 18.11px
	}
	.designing-page #preview .preview__control-btn--next {
		margin-left: 60px
	}
	.designing-page #preview .preview__control-fraction {
		margin-left: 31px;
		font-size: 16px
	}
	.designing-page__grid .swiper-wrapper {
		width: calc(100% + 20px);
		height: 700px;
		margin-right: -20px;
		margin-bottom: -20px
	}
	.designing-page__grid .swiper-slide {
		margin-right: 20px;
		margin-bottom: 20px
	}
	.designing-page__grid-slide-geo:before, .designing-page__grid-slide-square:before {
		width: 18px;
		height: 18px;
		margin-right: 8px
	}
	.designing-page__grid-slide-title {
		font-size: 20px;
		margin-bottom: 6px
	}
	.designing-page ol.page__list {
		margin-top: 84px
	}
	.designing-page ul.page__list {
		margin-top: 78px
	}
	.designing-page .staff {
		margin-top: 40px;
		margin-bottom: 40px
	}
	.designing-page .staff__card {
		max-width: 465px
	}
}
@media screen and (max-width:768px) {
    .modal-staff__info-desc ul li {
        font-size: 14px;
    }
    .designing-page__grid-slide {
        max-width: 57.599999999999994vw;
    }
	.designing-page #preview, .home #preview, .home .section {
		margin-bottom: 9.866666666666667vw
	}
	.home #about .about__right ul li h4:before, .modal-staff__info-list-item h3:before {
		width: 8px;
		height: 8px;
		margin-right: 10px
	}
	.designing-page .staff__slider-btn span:after, .home .staff__slider-btn span:after {
		left: auto;
		top: 50%;
		-webkit-transform: translateY(-50%) rotate(90deg);
		    -ms-transform: translateY(-50%) rotate(90deg);
		        transform: translateY(-50%) rotate(90deg);
		width: 9px;
		height: 5px;
		right: 20px
	}
	.feedback__input+.feedback__input {
		margin-left: 0
	}
	.feedback__input-input {
		font-size: 3.733333333333334vw;
		line-height: 114.28571428571428%;
		opacity: 0;
		-webkit-transition: opacity .15s;
		-o-transition: opacity .15s;
		transition: opacity .15s
	}
	.feedback__input-input:not(:-moz-placeholder-shown) {
		opacity: 1
	}
	.feedback__input-input:not(:-ms-input-placeholder) {
		opacity: 1
	}
	.feedback__input-input:focus, .feedback__input-input:not(:placeholder-shown) {
		opacity: 1
	}
	.feedback__input-input:not(:-moz-placeholder-shown)+.feedback__input-label {
		opacity: 0
	}
	.feedback__input-input:not(:-ms-input-placeholder)+.feedback__input-label {
		opacity: 0
	}
	.feedback__input-input:focus+.feedback__input-label, .feedback__input-input:not(:placeholder-shown)+.feedback__input-label {
		opacity: 0
	}
	.feedback__input-label {
		font-size: 5.333333333333334vw;
		line-height: 158.8235294117647%;
		position: absolute;
		left: 0;
		pointer-events: none;
		-webkit-transition: opacity .15s;
		-o-transition: opacity .15s;
		transition: opacity .15s
	}
	.feedback__input-submit {
		width: 100%;
		height: 13.333333333333334vw;
		font-size: 3.733333333333334vw;
		line-height: 142.85714285714286%
	}
	.feedback__select-select {
		font-size: 3.733333333333334vw;
		line-height: 114.28571428571428%
	}
	.feedback__select-arrow {
		width: 3.2vw;
		height: 1.6vw
	}
	.feedback-confirmation {
		font-size: 3.2vw;
		line-height: 133.33333333333331%;
		margin-left: 0;
		margin-top: 5.866666666666666vw
	}
	.our-clients {
		padding: 0 6.4vw
	}
	.our-clients__title {
		font-size: 5.333333333333334vw;
		line-height: 100%;
		margin-bottom: 8vw
	}
	.our-clients__title:after {
		width: 10.666666666666668vw;
		height: .5333333333333333vw;
		margin-top: 5.333333333333334vw
	}
	.our-clients__content {
		padding-bottom: 13.333333333333334vw
	}
	.our-clients__content .swiper {
		width: 53.333333333333336vw
	}
	.our-clients__content .swiper-slide:not(:last-child) {
		padding-right: 5.333333333333334vw
	}
	.home .preview .swiper-pagination, .home .preview__slide-text, .home .section {
		padding: 0 6.4vw;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box
	}
	.viewer {
		height: 57.86666666666667vw
	}
	.viewer__play:after {
		width: 13.333333333333334vw;
		height: 13.333333333333334vw
	}
	.viewer__loading {
		height: .8vw
	}
	.viewer__loading-tooltip {
		font-size: 2.666666666666667vw;
		bottom: calc(100% + 2.4vw);
		padding: .8vw 2.133333333333333vw
	}
	.viewer__loading-tooltip:before {
		border-width: 1.6vw
	}
	.viewer__control-btn {
		width: 8.266666666666666vw;
		height: 8.266666666666666vw
	}
	.viewer__control-btn:not(:last-child) {
		border-bottom-width: .26666666666666666vw
	}
	.viewer__control-btn img {
		width: 5.333333333333334vw;
		height: 5.333333333333334vw
	}
	.modal-staff {
		height: 100%;
		padding: 80px 24px 29px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box
	}
	.home .swiper__control, .modal-staff__image {
		display: none
	}
	.modal-staff__image--short {
		display: block;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 134px;
		height: 134px;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 30px
	}
	.modal-staff__image--short img {
		display: block;
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		object-position: center top;
	}
	.modal-staff__info {
		padding: 0;
		background-image: none
	}
	.modal-staff__info-name {
		font-size: 18px;
		line-height: 111.11111111111111%;
		margin-bottom: 30px
	}
  .modal-staff__info-nav {
    padding-bottom: 5.333333333333334vw;
  }
	.modal-staff__info-list-item h3, .modal-staff__info-nav-text {
		font-size: 12px;
		line-height: 133.33333333333331%
	}
	.modal-staff__info-list {
		width: calc(100% + 20px);
		margin-right: -20px;
		margin-bottom: 10px
	}
	.modal-staff__info-list-item {
		width: calc(50% - 20px);
		margin-right: 20px;
		margin-bottom: 20px
	}
	.modal-staff__info-list-item h3 {
		margin-bottom: 5px
	}
	.modal-staff__info-list-item h4 {
		font-size: 14px;
		line-height: 142.85714285714286%
	}
	.modal-staff__info-desc {
		margin-bottom: 30px
	}
	.modal-staff__info-desc p {
		font-size: 14px;
		line-height: 114.28571428571428%
	}
	.modal-staff__info-desc p:not(:last-child) {
		margin-bottom: 1em
	}
	.modal-staff__info-nav-btn {
		width: 35%
	}
	.modal-staff__info-nav-btn:before {
		width: 21px;
		height: 18px
	}
	.modal-staff__info-nav-btn--prev:before {
		margin-right: 10px
	}
	.modal-staff__info-nav-btn--next:before {
		margin-left: 10px
	}
	.home .swiper__control-fraction {
		font-size: 4.266666666666667vw
	}
	.home .preview {
		height: 100vh;
		max-height: none
	}
	.home .preview .swiper-pagination {
		width: 100%;
		bottom: 8vw
	}
	.home .preview .swiper-pagination-bullet {
		-ms-flex-negative: 1;
		flex-shrink: 1;
		width: 100%;
		margin-right: 2.933333333333333vw
	}
	.home .preview .swiper-pagination-bullet-active {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 27.200000000000003vw
	}
	.home .preview__slide-text {
		width: 100%;
		font-size: 8.533333333333333vw;
		line-height: 112.5%
	}
	.home .preview__scroll-down {
		width: 6.666666666666667vw;
		bottom: 40.53333333333333vw
	}
	.home .section, .home .vert-title__wrap {
		width: 100%;
		margin-left: 0
	}
	.home .vert-title__title {
		font-size: 5.333333333333334vw;
		position: relative;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		margin-bottom: 10.933333333333334vw
	}
	.home .vert-title__title .swiper__control--mobile-fraction {
		display: block;
		margin-left: auto
	}
	.home .vert-title__title:after {
		width: 10.666666666666668vw;
		left: 0;
		top: calc(100% + 5.333333333333334vw)
	}
	.home .grid-card .swiper-wrapper {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		grid-gap: 0
	}
	.home .grid-card__item {
		height: 114.13333333333333vw
	}
	.home .grid-card__item--count:after {
		font-size: 4.266666666666667vw;
		left: 8vw;
		top: 8vw
	}
	.home .grid-card__item:before {
		display: none
	}
	.home .grid-card__item-icon {
		width: 21.6vw;
		height: 21.6vw
	}
	.home .grid-card__item-title {
		font-size: 4.266666666666667vw;
		line-height: 125%;
		padding: 8vw;
		padding-top: 0;
	}
	.home #designing .swiper, .home #services .swiper {
		width: 72vw;
		overflow: visible
	}
	.home #about .about {
		display: block
	}
	.home #about .about__left h3, .home #about .about__left p:not(:last-child), .home #gratitudes .gratitudes__card-hover, .home #gratitudes .gratitudes__info, .home .staff__card-hover {
		display: none
	}
	.home #about .about__left {
		max-width: none;
		margin-right: 0;
		margin-bottom: 28px
	}
	.home #about .about__left p {
		font-size: 3.733333333333334vw;
		line-height: 114.28571428571428%
	}
	.home #about .about__left p:first-child {
		font-size: inherit
	}
	.home #about .about__right ul {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		        justify-content: space-between;
		-ms-flex-align: start;
		-webkit-box-align: start;
		        align-items: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: calc(100% + 5.333333333333334vw);
		margin-right: -5.333333333333334vw;
		margin-bottom: -5.333333333333334vw
	}
	.home #about .about__right ul li {
		width: calc(50% - 5.333333333333334vw);
		margin-right: 5.333333333333334vw
	}
	.home #about .about__right ul li:not(:last-child) {
		margin-bottom: 5.333333333333334vw
	}
	.home #about .about__right ul li h4 {
		font-size: 3.733333333333334vw;
		margin-bottom: 2.666666666666667vw
	}
	.home #about .about__right ul li h5 {
		font-size: 5.333333333333334vw
	}
	.designing-page .staff__slider, .designing-page__grid, .home #gratitudes .gratitudes__slider, .home .staff, .home .staff__slider {
		overflow: visible
	}
	.home .staff__slider .swiper {
		width: 72vw;
		max-width: none
	}
	.designing-page .staff__slider-btn, .home .staff__slider-btn {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		        justify-content: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		width: 100%;
		height: 13.333333333333334vw;
		position: relative;
		margin-top: 2.666666666666667vw
	}
	.home .staff__slider-btn span {
		font-size: 3.2vw;
		line-height: 1;
		position: static;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none
	}
	.home #gratitudes .gratitudes__slider .swiper {
		width: 72vw
	}
	.home #gratitudes .gratitudes__card-image {
		padding: 9.6vw
	}
	.designing .max-wrap {
		padding-top: 16.133333333333333vw
	}
	.designing #design {
		margin-bottom: 16.266666666666666vw
	}
	.designing .grid-card {
		display: block;
		grid-gap: 0
	}
	.designing .grid-card__item {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		        justify-content: flex-start;
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		height: 34.66666666666667vw
	}
	.designing .grid-card__item:before, .designing-page .staff__control, .designing-page .staff__slider .swiper-slide:first-child, .designing-page__grid .swiper-slide:before {
		display: none
	}
	.designing .grid-card__item:not(:last-child) {
		margin-bottom: 2.666666666666667vw
	}
	.designing .grid-card__item-icon {
		width: 13.066666666666665vw;
		height: 13.066666666666665vw;
		position: static;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
		margin: 0 5.333333333333334vw 0 8vw
	}
	.designing-page__grid .swiper-slide, .designing-page__grid .swiper-wrapper {
		width: auto;
		margin-right: 0;
		margin-bottom: 0
	}
	.designing .grid-card__item-title {
		font-size: 3.733333333333334vw;
		line-height: 142.85714285714286%;
    padding: 0;
		position: static
	}
	.designing-page #preview .preview {
		height: 138.13333333333333vw
	}
	.designing-page #preview .preview__image {
		height: 100%
	}
	.designing-page #preview .preview__wrapper {
		height: calc(100% - 16vw);
		top: 16vw;
		padding: 0 6.4vw
	}
	.designing-page #preview .preview__title {
		width: 100%;
		font-size: 8.533333333333333vw;
		line-height: 112.5%;
		text-align: center
	}
	.designing-page #preview .preview .breadchumb {
		top: 5.2vw
	}
	.designing-page #preview .preview__control {
		width: 100%;
		right: 0;
		bottom: 8.506666666666666vw;
		padding: 0 6.4vw
	}
	.designing-page #preview .preview__control-btn {
		width: 8.799999999999999vw;
		height: 4.829333333333333vw
	}
	.designing-page #preview .preview__control-btn--prev {
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		        order: 1
	}
	.designing-page #preview .preview__control-btn--next {
		-ms-flex-order: 3;
		-webkit-box-ordinal-group: 4;
		        order: 3;
		margin-left: 0
	}
	.designing-page #preview .preview__control-fraction {
		-ms-flex-order: 2;
		-webkit-box-ordinal-group: 3;
		        order: 2;
		font-size: 4.266666666666667vw;
		line-height: 125%;
		margin-left: 0
	}
	.designing-page__grid .swiper-wrapper {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		        flex-direction: row;
		height: auto
	}
	.designing-page__grid-slide {
		position: static
	}
	.designing-page__grid-slide-image {
		width: 57.06666666666666vw;
		height: 57.06666666666666vw
	}
	.designing-page__grid-slide-hover {
		background-color: transparent;
		line-height: 142.85714285714286%;
		position: static;
		opacity: 1;
		font-size: 14px;
		margin-top: 9px
	}
	.designing-page__grid-slide-geo:before, .designing-page__grid-slide-square:before {
		width: 3.2vw;
		height: 3.2vw;
		margin-right: 1.866666666666667vw
	}
	.designing-page__grid-slide-geo {
		color: rgba(0, 0, 0, .5);
		margin-bottom: 2.133333333333333vw
	}
	.designing-page__grid-slide-geo:before {
		background-image: url(../img/page-grid-geo-mobile.svg)
	}
	.designing-page__grid-slide-title {
		color: #000;
		font-size: 3.733333333333334vw;
		line-height: 114.28571428571428%;
		margin-bottom: 6.4vw
	}
	.designing-page__grid-slide-square {
		color: #b99530
	}
	.designing-page__grid-slide-square:before {
		background-image: url(../img/page-grid-square-mobile.svg)
	}
	.designing-page ol.page__list {
		margin-top: 6.4vw
	}
	.designing-page ul.page__list {
		margin-top: 7.466666666666668vw
	}
	.designing-page .staff {
		margin-top: 8.133333333333333vw;
		margin-bottom: 0;
		overflow: visible
	}
	.designing-page .staff__slider .swiper {
		width: 72vw;
		max-width: none;
		margin-bottom: 2.666666666666667vw
	}
	.designing-page .staff__slider-btn span {
		font-size: 3.2vw;
		line-height: 1;
		position: static;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none
	}
	.designing-page .staff__card {
		max-width: none
	}
}
.designing-page .staff__card img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.designing-page .staff__card--all {
	max-width: 45.3125vw
}
.designing-page .staff__card--all img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.designing-page .staff__card-hover {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #b99530;
	color: #fff;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	pointer-events: none;
	padding: 3.020833333333333vw 3.125vw;
	position: absolute;
	overflow: hidden;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: opacity, transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-transform: scale(.8);
	    -ms-transform: scale(.8);
	        transform: scale(.8)
}
.designing-page .staff__card-info {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform: translateY(-3.020833333333333vw);
	    -ms-transform: translateY(-3.020833333333333vw);
	        transform: translateY(-3.020833333333333vw)
}
.designing-page .staff__card-info-title {
	font-size: .9375vw;
	line-height: 111.11111111111111%;
	margin-bottom: .78125vw
}
.designing-page .staff__card-info-position {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	font-size: .6770833333333334vw;
	line-height: 153.84615384615387%;
	color: hsla(0, 0%, 100%, .5);
	margin-bottom: .5208333333333333vw
}
.designing-page .staff__card-info-desc p:not(:last-child), .services .grid-card__item-info-desc p:not(:last-child), .staff .staff-grid__card, .staff .staff-grid__card-info-desc p:not(:last-child) {
	margin-bottom: 1.041666666666667vw
}
.designing-page .staff__card-info-position:before {
	content: "";
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: .4166666666666667vw;
	height: .4166666666666667vw;
	background-color: hsla(0, 0%, 100%, .5);
	margin-right: .5208333333333333vw
}
.designing-page .staff__card-info-desc {
	font-size: .7291666666666666vw;
	line-height: 171.42857142857142%
}
.designing-page .staff__card:hover .staff__card-hover {
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	pointer-events: all
}
.designing-page .staff__card:hover .staff__card-info {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0)
}
.services .grid-card__item-bg img, .services-page #preview .preview__image img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.services .grid-card__item-bg:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
.services .grid-card__item-info {
	color: #fff;
	padding: 0 2.083333333333333vw 2.083333333333333vw;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}
.services .grid-card__item-info-title {
	display: block;
	width: 100%;
	font-size: 1.041666666666667vw;
	line-height: 120%;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}
.services .grid-card__item-info-desc {
	font-size: .7291666666666666vw;
	line-height: 171.42857142857142%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: padding-top, height;
	-o-transition-property: padding-top, height;
	transition-property: padding-top, height;
	-webkit-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
	-webkit-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease
}
.services-page #preview {
	position: relative;
	margin-bottom: 4.166666666666666vw
}
.services-page #preview .preview__control-btn--next {
	margin-left: 3.125vw
}
.services-page #preview .preview-pagination {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 14.583333333333334vw;
	counter-reset: c;
	z-index: 4;
}
.services-page #preview .preview-pagination .swiper-slide {
	width: auto;
	max-width: 10.9375vw;
	height: auto
}
.services-page #preview .preview-pagination .swiper-slide:not(:last-child) {
	margin-right: 2.083333333333333vw
}
.services-page #preview .preview-pagination__item {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: .7291666666666666vw;
	line-height: 114.28571428571428%;
	color: #fff;
	opacity: .5;
	-webkit-transition-property: opacity, color;
	-o-transition-property: opacity, color;
	transition-property: opacity, color;
	-webkit-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
	-webkit-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	cursor: pointer;
	padding-bottom: .6770833333333334vw
}
.services-page #preview .preview-pagination__item:before {
	counter-increment: c;
	content: counter(c, decimal-leading-zero);
	display: block;
	margin-bottom: .5208333333333333vw
}
@media screen and (min-width:1921px) {
	.designing-page .staff__card-info-desc p:not(:last-child), .services .grid-card__item-info-desc p:not(:last-child) {
		margin-bottom: 20px
	}
	.designing-page .staff__card--all {
		max-width: 870px
	}
	.designing-page .staff__card-hover {
		padding: 58px
	}
	.designing-page .staff__card-info {
		-webkit-transform: translateY(-58px);
		    -ms-transform: translateY(-58px);
		        transform: translateY(-58px)
	}
	.designing-page .staff__card-info-title {
		font-size: 18px;
		margin-bottom: 15px
	}
	.designing-page .staff__card-info-position {
		font-size: 13px;
		margin-bottom: 10px
	}
	.designing-page .staff__card-info-position:before {
		width: 8px;
		height: 8px;
		margin-right: 10px
	}
	.designing-page .staff__card-info-desc {
		font-size: 14px
	}
	.services {
		padding-top: 80px
	}
	.services #services {
		margin-bottom: 100px
	}
	.services .grid-card {
		grid-gap: 20px
	}
	.services .grid-card__item--count:after {
		font-size: 16px;
		left: 40px;
		top: 40px
	}
	.services .grid-card__item-info {
		padding: 0 40px 40px
	}
	.services .grid-card__item-info-title {
		font-size: 20px;
		left: 40px;
		bottom: 40px
	}
	.services .grid-card__item-info-desc {
		font-size: 14px
	}
	.services-page #preview {
		margin-bottom: 80px
	}
	.services-page #preview .preview__wrapper {
		height: calc(100% - 80px);
		top: 80px;
		padding: 0 280px
	}
	.services-page #preview .preview__title {
		font-size: 56px
	}
	.services-page #preview .preview .breadchumb {
		top: 39px
	}
	.services-page #preview .preview__control {
		right: 280px
	}
	.services-page #preview .preview__control-btn {
		width: 33px;
		height: 18.11px
	}
	.services-page #preview .preview__control-btn--next {
		margin-left: 60px
	}
	.services-page #preview .preview__control-fraction {
		margin-left: 31px;
		font-size: 16px
	}
	.services-page #preview .preview-pagination {
		padding: 0 280px
	}
	.services-page #preview .preview-pagination .swiper-slide {
		max-width: 210px
	}
	.services-page #preview .preview-pagination .swiper-slide:not(:last-child) {
		margin-right: 40px
	}
	.services-page #preview .preview-pagination__item {
		font-size: 14px;
		padding-bottom: 13px
	}
	.services-page #preview .preview-pagination__item:before {
		margin-bottom: 10px
	}
}
@media screen and (max-width:768px) {
	.designing-page .staff__card-hover {
		display: none
	}
	.services {
		padding-top: 16.133333333333333vw
	}
	.services #services {
		margin-bottom: 16.266666666666666vw
	}
	.services .grid-card {
		display: block;
		grid-gap: 0
	}
	.services .grid-card__item:not(:last-child) {
		margin-bottom: 2.666666666666667vw
	}
	.services .grid-card__item {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		        justify-content: flex-start;
		-ms-flex-align: center;
		-webkit-box-align: center;
		        align-items: center;
		height: 34.66666666666667vw
	}
	.services .grid-card__item-info-desc, .services .grid-card__item:before, .services-page #preview .preview__control {
		display: none
	}
	.services .grid-card__item--count:after {
		position: static;
		font-size: 4.266666666666667vw;
		line-height: 1;
		color: #fff;
		margin: 0 8.799999999999999vw 0 8vw;
		-ms-flex-order: -1;
		-webkit-box-ordinal-group: 0;
		        order: -1
	}
	.services .grid-card__item-info {
		position: static;
		padding: 0
	}
	.services .grid-card__item-info-title {
		font-size: 3.733333333333334vw;
		line-height: 142.85714285714286%
	}
	.services-page #preview .preview {
		height: 54.13333333333333vw
	}
	.services-page #preview .preview__image {
		height: 100%
	}
	.services-page #preview .preview__wrapper {
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		        justify-content: flex-end;
		height: calc(100% - 16vw);
		top: 16vw;
		padding: 0 6.4vw 8vw
	}
	.services-page #preview .preview__title {
		font-size: 5.333333333333334vw;
		line-height: 100%
	}
	.services-page #preview .preview .breadchumb {
		top: 5.2vw
	}
	.services-page #preview .preview__control-btn {
		width: 8.799999999999999vw;
		height: 4.829333333333333vw
	}
	.services-page #preview .preview__control-btn--prev {
		-ms-flex-order: 1;
		-webkit-box-ordinal-group: 2;
		        order: 1
	}
	.services-page #preview .preview__control-btn--next {
		-ms-flex-order: 3;
		-webkit-box-ordinal-group: 4;
		        order: 3;
		margin-left: 0
	}
	.services-page #preview .preview__control-fraction {
		-ms-flex-order: 2;
		-webkit-box-ordinal-group: 3;
		        order: 2;
		font-size: 4.266666666666667vw;
		line-height: 125%;
		margin-left: 0
	}
	.services-page #preview .preview-pagination {
		position: static;
		padding: 8vw 6.4vw
	}
	.services-page #preview .preview-pagination .swiper {
		width: 220px
	}
	.services-page #preview .preview-pagination .swiper-slide {
		max-width: none
	}
	.services-page #preview .preview-pagination .swiper-slide:not(:last-child) {
		width: 100%;
		margin-right: 10.666666666666668vw
	}
	.services-page #preview .preview-pagination__item {
		color: #000;
		font-size: 3.733333333333334vw;
		padding-bottom: 3.466666666666666vw
	}
	.services-page #preview .preview-pagination__item:before {
		margin-bottom: 1.333333333333333vw
	}
}
.services-page #preview .preview-pagination__item--active {
    color: #e2bc52;
    opacity: 1;
    border-bottom: .3125vw solid #e2bc52
}
.services-page .page__section:first-child {
	margin-bottom: 2.864583333333333vw
}
.services-page .page__section-desc:first-child {
	margin-bottom: 2.916666666666667vw
}
.staff .staff-grid {
	display: block;
	width: 100%;
	padding: 0 14.583333333333334vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box
}
.staff .staff-grid .staff-grid__wrap {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: start;
	-webkit-box-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% + 1.041666666666667vw);
	margin-right: -1.041666666666667vw;
	margin-bottom: -1.041666666666667vw
}
.staff .staff-grid__card {
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: calc(100% / 3 - 1.041666666666667vw);
	text-decoration: none;
	position: relative;
	margin-right: 1.041666666666667vw
}
.staff .staff-grid__card:hover {
    cursor: pointer;
}
.staff .staff-grid__card img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.staff .staff-grid__card-hover {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #b99530;
	color: #fff;
	opacity: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	padding: 3.020833333333333vw 3.125vw;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: opacity, transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
	-webkit-transition-duration: .3s;
	     -o-transition-duration: .3s;
	        transition-duration: .3s;
	-webkit-transition-timing-function: ease;
	     -o-transition-timing-function: ease;
	        transition-timing-function: ease;
	-webkit-transform: scale(.8);
	    -ms-transform: scale(.8);
	        transform: scale(.8)
}
.staff .staff-grid__card-info {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transform: translateY(-3.020833333333333vw);
	    -ms-transform: translateY(-3.020833333333333vw);
	        transform: translateY(-3.020833333333333vw)
}
.staff .staff-grid__card-info-title {
	font-size: .9375vw;
	line-height: 111.11111111111111%;
	margin-bottom: .78125vw
}
.staff .staff-grid__card-info-position {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	font-size: .6770833333333334vw;
	line-height: 153.84615384615387%;
	color: hsla(0, 0%, 100%, .5);
	margin-bottom: .5208333333333333vw
}
.staff .staff-grid__card-info-position:before {
	content: "";
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: .4166666666666667vw;
	height: .4166666666666667vw;
	background-color: hsla(0, 0%, 100%, .5);
	margin-right: .5208333333333333vw
}
.staff .staff-grid__card-info-desc {
	font-size: .7291666666666666vw;
	line-height: 171.42857142857142%
}
.staff .staff-grid__card:hover .staff-grid__card-hover {
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	pointer-events: all
}
.staff .staff-grid__card:hover .staff-grid__card-info {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0)
}
.staff .pagination {
	display: block;
	width: 100%;
	margin-top: 1.822916666666667vw
}
.staff .pagination--mobile {
	width: 100%;
	display: none
}
.staff .pagination>:not(:last-child) {
	margin-right: 1.5625vw
}
.staff .pagination__btn {
	display: block;
	width: 1.71875vw;
	height: .9375vw;
	background: url(../img/slider-arrow.svg) 50%/contain no-repeat;
	cursor: pointer
}
.staff .pagination__btn--prev {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
	margin-right: auto;
}
.staff .pagination__btn--next {
    margin-left: auto;
}
.staff .pagination__btn--disabled {
	cursor: default;
	opacity: .2
}
.staff .pagination__pages {
	width: 100%;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	        justify-content: flex-start
}
.staff .pagination__pages, .staff .pagination__pages-item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center
}
.staff .pagination__pages-item.--active {
    background-color: #b99530!important
}
.staff .pagination__pages-item {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	font-size: 16px;
	line-height: 125%;
	text-decoration: none;
}
.staff .pagination__pages-item:not(.staff .pagination__pages-item--sep) {
	background-color: #000;
	color: #fff;
	cursor: pointer
}
.staff .pagination__pages-item:not(.staff .pagination__pages-item--sep):hover {
	background-color: #b99530
}
.staff .pagination__pages-item:not(:last-child) {
	margin-right: 10px
}
.staff .pagination__pages-item--sep {
	color: #000
}
.staff .pagination__more {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	        justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	        align-items: center;
	width: 100%;
	height: 50px;
	background-color: #e2bc52;
	font-size: 12px;
	line-height: 166.66666666666669%;
	color: #000;
	white-space: nowrap;
	cursor: pointer
}
.project-page section:nth-child(4) {
	margin-bottom: 1.854167vw
}
.project-page .project-slider {
	margin-bottom: 3.125vw
}
.project-page .project-slider .swiper-slide {
	padding: 0 .5208333333333333vw
}
.project-page .project-slider__slide {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}
.project-page .project-slider__slide-image {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}
.project-page .project-slider__slide-image img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.project-page .project-slider__slide-image:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	position: absolute;
	left: 0;
	top: 0
}
.project-page .project-slider__slide-zoom {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/loupe.svg) 50% no-repeat rgba(0, 0, 0, .5);
	background-size: 2.604166666666667vw auto;
	position: absolute;
	opacity: 0;
	pointer-events: none;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}
.project-page .project-slider__slide:hover .project-slider__slide-image {
	-webkit-transform: scale(1.25);
	    -ms-transform: scale(1.25);
	        transform: scale(1.25)
}
.project-page .project-slider__slide:hover .project-slider__slide-zoom {
	opacity: 1;
	pointer-events: all
}
.project-page .viewer {
	margin-bottom: 4.166666666666666vw
}
@media screen and (min-width:1921px) {
	.services-page #preview .preview-pagination__item--active {
		border-bottom-width: 6px
	}
	.services-page .page__section:first-child {
		margin-bottom: 55px
	}
	.services-page .page__section-desc:first-child {
		margin-bottom: 56px
	}
	.services-page ol.page__list {
		margin-bottom: 30px
	}
	.project-page, .staff {
	    padding-top: 80px
	}
	.project-page section:nth-child(5), .staff #staff {
		margin-bottom: 100px
	}
	.staff .section__title {
		font-size: 56px;
		padding: 0 280px;
		margin-bottom: 60px
	}
	.staff .staff-grid {
		padding: 0 280px
	}
	.staff .staff-grid .staff-grid__wrap {
		width: calc(100% + 20px);
		margin-right: -20px;
		margin-bottom: -20px
	}
	.staff .staff-grid__card {
		width: calc(100% / 3 - 20px);
		margin-right: 20px;
		margin-bottom: 20px
	}
	.staff .staff-grid__card-hover {
		padding: 58px
	}
	.staff .staff-grid__card-info {
		-webkit-transform: translateY(-58px);
		    -ms-transform: translateY(-58px);
		        transform: translateY(-58px)
	}
	.staff .staff-grid__card-info-title {
		font-size: 18px;
		margin-bottom: 15px
	}
	.staff .staff-grid__card-info-position {
		font-size: 13px;
		margin-bottom: 10px
	}
	.staff .staff-grid__card-info-position:before {
		width: 8px;
		height: 8px;
		margin-right: 10px
	}
	.staff .staff-grid__card-info-desc {
		font-size: 14px
	}
	.staff .staff-grid__card-info-desc p:not(:last-child) {
		margin-bottom: 20px
	}
	.staff .pagination {
		margin-top: 35px
	}
	.staff .pagination>:not(:last-child) {
		margin-right: 30px
	}
	.staff .pagination__btn {
		width: 33px;
		height: 18px
	}
	.project-page section:nth-child(4) {
		margin-bottom: 170px
	}
	.project-page .project-slider {
		margin-bottom: 60px
	}
	.project-page .project-slider .swiper {
		padding: 0 10px
	}
	.project-page .project-slider__slide-zoom {
		background-size: 50px auto
	}
	.project-page .viewer {
		margin-bottom: 80px
	}
}
@media screen and (max-width:768px) {
	.services-page ul.page__list, ul.page__list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr
	}
	.services-page #preview .preview-pagination__item--active {
		color: #b99530;
		border-bottom-color: #b99530;
		border-bottom-width: .5333333333333333vw
	}
	.services-page .page__section:first-child {
		margin-bottom: 12.426666666666666vw
	}
	.project-page .viewer, .project-page section:nth-child(4), .services-page ol.page__list {
		margin-bottom: 8vw
	}
	.project-page, .staff {
		padding-top: 16.133333333333333vw
	}
	.staff #staff {
		margin-bottom: 16.266666666666666vw
	}
	.staff .section__title {
		font-size: 5.333333333333334vw;
		line-height: 1;
		padding: 0 6.4vw;
		margin-bottom: 8vw
	}
	.staff .staff-grid {
		padding: 0 1.25vw
	}
	.staff .staff-grid .staff-grid__wrap {
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		width: 100%;
		margin-right: 0;
		margin-bottom: 0
	}
	.staff .staff-grid__card {
		width: 100%;
		margin-right: 0
	}
	.staff .staff-grid__card:not(:last-child) {
		margin-bottom: 2.666666666666667vw
	}
	.staff .pagination {
		margin-top: 2.666666666666667vw
	}
	.staff .pagination--mobile {
		display: block
	}
	.project-page section:nth-child(5) {
		margin-bottom: 16vw
	}
	.project-page .project-slider {
		margin-bottom: 7.733333333333333vw
	}
	.project-page .project-slider .swiper {
		width: 72vw;
		padding: 0 2.666666666666667vw 0 0
	}
	.project-page .project-slider__slide-zoom {
		background-size: 8vw auto
	}
	ul.page__list .page__list-title {
		font-size: 3.733333333333334vw;
		line-height: 107.14285714285714%
	}
	ul.page__list .page__list-subtitle {
		font-size: 5.333333333333334vw;
		line-height: 120%
	}
}
@media screen and (max-width:320px) {
    .designing-page__grid-slide {
        max-width: 216px;
    }
	.designing-page #preview, .home #preview, .home .section {
		margin-bottom: 37px
	}
	.feedback__input-input, .feedback__select-select, .home #about .about__left p {
		font-size: 14px
	}
	.feedback__input-label {
		font-size: 20px
	}
	.feedback__input-submit {
		height: 50px;
		font-size: 14px
	}
	.feedback__select-arrow {
		width: 12px;
		height: 6px
	}
	.feedback-confirmation {
		font-size: 12px;
		margin-top: 22px
	}
	.our-clients, .staff .staff-grid {
		padding: 0 24px
	}
	.our-clients__title {
		font-size: 20px;
		margin-bottom: 30px
	}
	.our-clients__title:after {
		width: 40px;
		height: 2px;
		margin-top: 20px
	}
	.our-clients__content {
		padding-bottom: 50px
	}
	.our-clients__content .swiper {
		width: 200px
	}
	.our-clients__content .swiper-slide:not(:last-child) {
		padding-right: 20px
	}
	.viewer {
		height: 217px
	}
	.viewer__play:after {
		width: 50px;
		height: 50px
	}
	.viewer__loading {
		height: 3px
	}
	.viewer__loading-tooltip {
		font-size: 10px;
		bottom: calc(100% + 9px);
		padding: 3px 8px
	}
	.viewer__loading-tooltip:before {
		border-width: 6px
	}
	.viewer__control-btn {
		width: 31px;
		height: 31px
	}
	.viewer__control-btn:not(:last-child) {
		border-bottom-width: 1px
	}
	.viewer__control-btn img {
		width: 20px;
		height: 20px
	}
	.home .swiper__control-fraction {
		font-size: 16px
	}
	.home .preview .swiper-pagination {
		padding: 0 24px;
		bottom: 30px
	}
	.home .preview .swiper-pagination-bullet {
		margin-right: 11px
	}
	.home .preview .swiper-pagination-bullet-active {
		width: 102px
	}
	.home .preview__slide-text {
		font-size: 32px;
		padding: 0 24px
	}
	.home .preview__scroll-down {
		width: 25px;
		bottom: 152px
	}
	.home .section {
		padding: 0 24px
	}
	.home .vert-title__title {
		font-size: 20px;
		margin-bottom: 41px
	}
	.home .vert-title__title:after {
		width: 40px;
		top: calc(100% + 20px)
	}
	.home .grid-card__item {
		height: 428px
	}
	.home .grid-card__item--count:after {
		font-size: 16px;
		left: 30px;
		top: 30px
	}
	.home .grid-card__item-icon {
		width: 81px;
		height: 81px
	}
	.home .grid-card__item-title {
		font-size: 16px;
		padding: 0 30px 30px;
	}
	.home #designing .swiper, .home #gratitudes .gratitudes__slider .swiper, .home .staff__slider .swiper {
		width: 270px
	}
	.home #services .swiper {
		width: 270px;
		overflow: visible
	}
	.home #about .about__right ul {
		width: calc(100% + 20px);
		margin-right: -20px;
		margin-bottom: -20px
	}
	.home #about .about__right ul li {
		width: calc(50% - 20px);
		margin-right: 20px
	}
	.home #about .about__right ul li:not(:last-child) {
		margin-bottom: 20px
	}
	.home #about .about__right ul li h4 {
		font-size: 14px;
		margin-bottom: 10px
	}
	.home #about .about__right ul li h5, .services-page #preview .preview__title, ul.page__list .page__list-subtitle {
		font-size: 20px
	}
	.designing-page .staff__slider-btn, .home .staff__slider-btn {
		height: 50px;
		margin-top: 10px
	}
	.designing-page .staff__slider-btn span, .home .staff__slider-btn span {
		font-size: 12px
	}
	.home #gratitudes .gratitudes__card-image {
		padding: 36px
	}
	.designing .max-wrap, .project-page, .services, .staff {
		padding-top: 60.5px
	}
	.designing #design, .services #services, .staff #staff {
		margin-bottom: 61px
	}
	.designing .grid-card__item {
		height: 130px
	}
	.designing .grid-card__item:not(:last-child), .services .grid-card__item:not(:last-child), .staff .staff-grid__card:not(:last-child) {
		margin-bottom: 10px
	}
	.designing .grid-card__item-icon {
		width: 49px;
		height: 49px;
		margin: 0 20px 0 30px
	}
	.designing .grid-card__item-title {
		font-size: 14px
	}
	.designing-page #preview .preview {
		height: 518px
	}
	.designing-page #preview .preview__wrapper {
		height: calc(100% - 60px);
		top: 60px;
		padding: 0 24px
	}
	.designing-page #preview .preview__title {
		font-size: 32px
	}
	.designing-page #preview .preview .breadchumb, .services-page #preview .preview .breadchumb {
		top: 19.5px
	}
	.designing-page #preview .preview__control {
		bottom: 31.9px;
		padding: 0 24px
	}
	.designing-page #preview .preview__control-fraction, .services-page #preview .preview__control-fraction {
		font-size: 16px
	}
	.designing-page__grid-slide-image {
		width: 214px;
		height: 214px
	}
	.designing-page__grid-slide-geo:before, .designing-page__grid-slide-square:before {
		width: 12px;
		height: 12px;
		margin-right: 7px
	}
	.designing-page__grid-slide-geo {
		margin-bottom: 8px
	}
	.designing-page__grid-slide-title {
		font-size: 14px;
		margin-bottom: 24px
	}
	.designing-page ol.page__list {
		margin-top: 24px
	}
	.designing-page ul.page__list {
		margin-top: 28px
	}
	.designing-page .staff {
		margin-top: 30.5px
	}
	.designing-page .staff__slider .swiper {
		width: 270px;
		margin-bottom: 10px
	}
	.services .grid-card__item {
		height: 130px
	}
	.services .grid-card__item--count:after {
		font-size: 16px;
		margin: 0 33px 0 30px
	}
	.services .grid-card__item-info-title, ul.page__list .page__list-title {
		font-size: 14px
	}
	.services-page #preview .preview {
		height: 203px
	}
	.services-page #preview .preview__wrapper {
		height: calc(100% - 60px);
		top: 60px;
		padding: 0 24px 30px
	}
	.services-page #preview .preview-pagination {
		padding: 30px 24px
	}
	.services-page #preview .preview-pagination .swiper-slide:not(:last-child) {
		margin-right: 40px
	}
	.services-page #preview .preview-pagination__item {
		font-size: 14px;
		padding-bottom: 13px
	}
	.services-page #preview .preview-pagination__item:before {
		margin-bottom: 5px
	}
	.services-page #preview .preview-pagination__item--active {
		border-bottom-width: 2px
	}
	.services-page .page__section:first-child {
		margin-bottom: 46.6px
	}
	.project-page .viewer, .project-page section:nth-child(4), .services-page ol.page__list {
		margin-bottom: 30px
	}
	.staff .section__title {
		font-size: 20px;
		line-height: 1;
		padding: 0 24px;
		margin-bottom: 30px
	}
	.staff .pagination {
		margin-top: 10px
	}
	.project-page section:nth-child(5) {
		margin-bottom: 60px
	}
	.project-page .project-slider {
		margin-bottom: 29px
	}
	.project-page .project-slider .swiper {
		width: 270px;
		padding-right: 10px
	}
	.project-page .project-slider__slide-zoom {
		background-size: 30px auto
	}
}
.modal-staff__info-nav-btn--disabled {
    opacity: 0;
    pointer-events: none;
}