/* Fonts */
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Black.eot');
    src: url('../fonts/SFProDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Black.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Black.woff') format('woff'),
        url('../fonts/SFProDisplay-Black.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Black.svg#SFProDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-BlackItalic.eot');
    src: url('../fonts/SFProDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-BlackItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-BlackItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-BlackItalic.ttf') format('truetype'),
        url('../fonts/SFProDisplay-BlackItalic.svg#SFProDisplay-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.eot');
    src: url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Bold.woff') format('woff'),
        url('../fonts/SFProDisplay-Bold.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Light.eot');
    src: url('../fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Light.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Light.woff') format('woff'),
        url('../fonts/SFProDisplay-Light.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Light.svg#SFProDisplay-Light') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-BoldItalic.eot');
    src: url('../fonts/SFProDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-BoldItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-BoldItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-BoldItalic.ttf') format('truetype'),
        url('../fonts/SFProDisplay-BoldItalic.svg#SFProDisplay-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-HeavyItalic.eot');
    src: url('../fonts/SFProDisplay-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-HeavyItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-HeavyItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-HeavyItalic.ttf') format('truetype'),
        url('../fonts/SFProDisplay-HeavyItalic.svg#SFProDisplay-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Heavy.eot');
    src: url('../fonts/SFProDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Heavy.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Heavy.woff') format('woff'),
        url('../fonts/SFProDisplay-Heavy.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Heavy.svg#SFProDisplay-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Semibold.eot');
    src: url('../fonts/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Semibold.woff') format('woff'),
        url('../fonts/SFProDisplay-Semibold.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Semibold.svg#SFProDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-MediumItalic.eot');
    src: url('../fonts/SFProDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-MediumItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-MediumItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-MediumItalic.ttf') format('truetype'),
        url('../fonts/SFProDisplay-MediumItalic.svg#SFProDisplay-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Thin.eot');
    src: url('../fonts/SFProDisplay-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Thin.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Thin.woff') format('woff'),
        url('../fonts/SFProDisplay-Thin.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Thin.svg#SFProDisplay-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.eot');
    src: url('../fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Medium.woff') format('woff'),
        url('../fonts/SFProDisplay-Medium.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-SemiboldItalic.eot');
    src: url('../fonts/SFProDisplay-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-SemiboldItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-SemiboldItalic.ttf') format('truetype'),
        url('../fonts/SFProDisplay-SemiboldItalic.svg#SFProDisplay-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Ultralight.eot');
    src: url('../fonts/SFProDisplay-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Ultralight.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Ultralight.woff') format('woff'),
        url('../fonts/SFProDisplay-Ultralight.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Ultralight.svg#SFProDisplay-Ultralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-ThinItalic.eot');
    src: url('../fonts/SFProDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-ThinItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-ThinItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-ThinItalic.ttf') format('truetype'),
        url('../fonts/SFProDisplay-ThinItalic.svg#SFProDisplay-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-LightItalic.eot');
    src: url('../fonts/SFProDisplay-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-LightItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-LightItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-LightItalic.ttf') format('truetype'),
        url('../fonts/SFProDisplay-LightItalic.svg#SFProDisplay-LightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-RegularItalic.eot');
    src: url('../fonts/SFProDisplay-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-RegularItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-RegularItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-RegularItalic.ttf') format('truetype'),
        url('../fonts/SFProDisplay-RegularItalic.svg#SFProDisplay-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.eot');
    src: url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff'),
        url('../fonts/SFProDisplay-Regular.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-UltralightItalic.eot');
    src: url('../fonts/SFProDisplay-UltralightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-UltralightItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-UltralightItalic.woff') format('woff'),
        url('../fonts/SFProDisplay-UltralightItalic.ttf') format('truetype'),
        url('../fonts/SFProDisplay-UltralightItalic.svg#SFProDisplay-UltralightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Bold.eot');
    src: url('../fonts/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Bold.woff') format('woff'),
        url('../fonts/SFUIDisplay-Bold.ttf') format('truetype'),
        url('../fonts/SFUIDisplay-Bold.svg#SFUIDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Semibold.eot');
    src: url('../fonts/SFUIDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Semibold.woff') format('woff'),
        url('../fonts/SFUIDisplay-Semibold.ttf') format('truetype'),
        url('../fonts/SFUIDisplay-Semibold.svg#SFUIDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Medium.eot');
    src: url('../fonts/SFUIDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Medium.woff') format('woff'),
        url('../fonts/SFUIDisplay-Medium.ttf') format('truetype'),
        url('../fonts/SFUIDisplay-Medium.svg#SFUIDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Heavy.eot');
    src: url('../fonts/SFUIDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Heavy.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Heavy.woff') format('woff'),
        url('../fonts/SFUIDisplay-Heavy.ttf') format('truetype'),
        url('../fonts/SFUIDisplay-Heavy.svg#SFUIDisplay-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Black.eot');
    src: url('../fonts/SFUIDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Black.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Black.woff') format('woff'),
        url('../fonts/SFUIDisplay-Black.ttf') format('truetype'),
        url('../fonts/SFUIDisplay-Black.svg#SFUIDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Light.eot');
    src: url('../fonts/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Light.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Light.woff') format('woff'),
        url('../fonts/SFUIDisplay-Light.ttf') format('truetype'),
        url('../fonts/SFUIDisplay-Light.svg#SFUIDisplay-Light') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Ultralight.eot');
    src: url('../fonts/SFUIDisplay-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Ultralight.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Ultralight.woff') format('woff'),
        url('../fonts/SFUIDisplay-Ultralight.ttf') format('truetype'),
        url('../fonts/SFUIDisplay-Ultralight.svg#SFUIDisplay-Ultralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Thin.eot');
    src: url('../fonts/SFUIDisplay-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFUIDisplay-Thin.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Thin.woff') format('woff'),
        url('../fonts/SFUIDisplay-Thin.ttf') format('truetype'),
        url('../fonts/SFUIDisplay-Thin.svg#SFUIDisplay-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
/* Fonts */
* {
    scroll-behavior: smooth;   
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
*:focus {
	outline: none;
}
body {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.1;
    font-family: 'SF UI Display', Arial, Helvetica, sans-serif;
    color: #FFF;
	background: #1D1D1D;
    padding: 0;
    margin: 0;
}
img {
    width: 100%;
    object-fit: contain;
}
picture {
	display: block;
	line-height: 0;
}
.hidden {
    display: none;
}
.container {
    padding-left: 20px;
    padding-right: 20px;
	max-width: 1600px;
	margin: 0 auto;
}

/* Header */
.glass-head {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFFFFF4D;
	
	position: fixed;
	top: 0;
	left: 0;
    width: 100%;
    z-index: 9999999999;
    backdrop-filter: blur(5px);
    background: #1D1D1D;

}
.glass-head .logo {
	max-width: 21%;
}
.glass-head-wrap {
	display: flex;
    align-items: center;
}
.glass-head-wrap .burger {
	display: none;
}
.glass-head .menu {
	margin-left: auto;
}
.glass-head .menu ul {
	margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 32px;
}
.glass-head .menu ul a {
	color: rgb(255 255 255 / 30%);
    text-decoration: none;
    font-family: SF UI Display;
    font-size: 1em;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}
.glass-head .menu ul li.active a {
	color: #FFF;
}
.glass-head ul.contacts {
	margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
	gap: 20px;
	margin-left: 5%;
}
.glass-head ul.contacts a {
	display: flex;
    align-items: center;
	gap: 5px;
	text-decoration: none;
}
.glass-head ul.contacts a span {
	font-family: "SF UI Display";
	font-size: 1em;
	letter-spacing: -0.04%;
	text-transform: uppercase;
	color: #FFFFFF;
}
/* Header */

/* Top */
main.glass-main {
	margin-top: 90px;
}
section.glass-top .image-cnt {
	position: relative;
}
section.glass-top .image-cnt picture {
	text-align: right;
}
section.glass-top .image-cnt picture img {
	padding-top: 138px;
    max-width: 84%;
}
section.glass-top .image-cnt .image-content {
	position: absolute;
    top: 20px;
    transform: translate(-40%, 0%);
    left: 50%;
}
section.glass-top .image-cnt .image-content h1 {
	font-family: "SF UI Display";
    font-weight: 400;
    /*font-size: 3.6em;*/
	font-size: clamp(40px, 4.1vw, 65px);
    line-height: 90%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    max-width: 640px;
    margin: 0 auto 10px;
}
section.glass-top .image-cnt .btn-black {
	color: #fff;
    min-height: 50px;
    max-width: 310px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    text-decoration: none;
}
section.glass-top .image-cnt .btn-black.desktop {
	display: flex!important;
}
/* Top */

/* About */
section.glass-about {
	padding-top: 140px;
}
section.glass-about .glass-about-content {
	/*position: relative;*/
}
section.glass-about .glass-about-content .title {
	/*
	position: absolute;
    top: 0;
    left: 0;
	*/
    font-family: "SF Pro Display";
    font-weight: 600;
    font-style: italic;
    font-size: 0.78em;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: rgb(255 255 255 / 30%);
}
section.glass-about .glass-about-content {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 17% auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
}
section.glass-about .glass-about-text h2 {
	font-family: "SF UI Display";
    font-weight: 400;
    /*font-size: 3.6em;*/
	font-size: clamp(32px, 4.1vw, 65px);
    line-height: 90%;
    text-indent: 20%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    margin: 0 0 20px;
}
section.glass-about .glass-about-wrap {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 27% 13% 20% 20%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
section.glass-about .glass-about-wrap .glass-about-item {
	display: flex;
    align-items: center;
    justify-content: center;
}
section.glass-about .glass-about-wrap .glass-about-item p {
	font-family: "SF UI Display";
    font-size: 0.89em;
    letter-spacing: -0.05em;
	margin: 0;
}
section.glass-about .glass-about-flex-vert {
	display: flex;
	flex-direction: column;
	gap: 0px;
	margin-top: 40px;
	max-width: 1240px;
}
section.glass-about .glass-about-flex-vert p {
	margin: 0;
}
section.glass-about .glass-about-flex-vert p.big {
	font-family: "SF UI Display";
    font-weight: 500;
    /*font-size: 11.6em;*/
	font-size: clamp(105px, 13.1vw, 210px);
    line-height: 90%;
    letter-spacing: -0.05em;
	color: rgb(255 255 255 / 30%);
}
section.glass-about .glass-about-flex-vert p.big span {
	color: #CA9E71;	
}
section.glass-about .glass-about-flex-vert .glass-about-flex-item:nth-child(even) p.big {
	text-align: right;
}
/* About */

/* Services */
.glass-services {
	padding-top: 140px;
}
.glass-services .glass-services-content {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 17% auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.glass-services .glass-services-content .title {
    font-family: "SF Pro Display";
    font-weight: 600;
    font-style: italic;
    font-size: 0.78em;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: rgb(255 255 255 / 30%);
}
.glass-services-wrap .glass-services-flex {
	display: flex;
    gap: 20px;
}
.glass-services-wrap .glass-services-flex+.glass-services-flex {
	margin-top: 20px;
}
.glass-services-wrap .glass-services-flex .glass-services-item {
	position: relative;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content {
	position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    background: #000000B2;
	padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
	display: flex;
    align-items: center;
	z-index: -999;
	opacity: 0;
}
.glass-services-wrap .glass-services-flex .glass-services-item.active .content {
	z-index: 999;
	opacity: 1;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt {
	max-width: 480px;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt p {
	font-family: "SF UI Display";
    font-size: 0.89em;
    letter-spacing: -0.05em;
    margin: 0;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt p+p, 
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt p+ul {
	margin-top: 20px;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt ul li {
	font-family: "SF UI Display";
    font-size: 0.89em;
    letter-spacing: -0.05em;
	position: relative;
	padding-left: 25px;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt ul li strong {
	color: #CA9E71;
	font-weight: 600;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt ul li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #CA9E71;
	top: 5px;
	left: 8px;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt ul li+li {
	margin-top: 4px;
}




/* Services */

/* Documents */
.glass-documents {
	padding-top: 140px;
}
.glass-documents .glass-documents-content {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 17% auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.glass-documents .glass-documents-content .title {
    font-family: "SF Pro Display";
    font-weight: 600;
    font-style: italic;
    font-size: 0.78em;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: rgb(255 255 255 / 30%);
}
.glass-documents .glass-documents-cnt .title {
	margin-left: 50px;
    margin-right: 80px;
    margin-bottom: 20px;
}
.glass-documents .glass-documents-content .doc-image {
	text-align: center;
    background: url(../images/documents-image-bg.png) center center no-repeat;
    background-size: contain;
    padding-top: 25px;
    padding-bottom: 25px;
}
.glass-documents .glass-documents-content .doc-image img {
	max-width: 250px;
}
.glass-documents .glass-documents-content .doc-desc {
	max-width: 280px;
    margin: 20px auto;
}
.glass-documents .glass-documents-content .doc-desc p {
	margin: 0;
    font-family: "SF UI Display";
    font-weight: 400;
    font-size: 0.89em;
    letter-spacing: -0.02em;
    text-align: center;
}
/* Documents */

/* Contacts */
.glass-contacts {
	padding-top: 140px;
}
.glass-contacts .glass-contacts-content {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 17% auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.glass-contacts .glass-contacts-content .title {
    font-family: "SF Pro Display";
    font-weight: 600;
    font-style: italic;
    font-size: 0.78em;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: rgb(255 255 255 / 30%);
}
.glass-contacts .glass-documents-cnt .title {
	margin-left: 50px;
    margin-right: 80px;
    margin-bottom: 20px;
}
.glass-contacts-cnt .glass-contacts-wrap {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 21% auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.glass-contacts-cnt .glass-contacts-wrap+.glass-contacts-wrap {
	margin-top: 40px;
}
.glass-contacts-cnt .glass-contacts-wrap .glass-contacts-item h2 {
	font-family: SF UI Display;
    font-weight: 500;
    /*font-size: 210px;*/
	font-size: clamp(82px, 13.1vw, 210px);
    line-height: 90%;
    letter-spacing: -0.05em;
    margin: 0;
    color: #CA9E71;
}
.glass-contacts-cnt .glass-contacts-wrap .glass-contacts-item.text-title {
	font-family: "SF UI Display";
	font-weight: 400;
	font-size: 0.89em;
	letter-spacing: -0.02em;
}
.glass-contacts-cnt .glass-contacts-wrap .glass-contacts-item.text-content {
	font-family: "SF UI Display";
	font-weight: 400;
	/*font-size: 3.6em;*/
	font-size: clamp(24px, 4.1vw, 65px);
	line-height: 90%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	color: #FFF;
}
.glass-contacts-cnt .glass-contacts-wrap .glass-contacts-item.text-content a {
	color: #FFF;
	text-decoration: none;
}
.glass-contacts-cnt .map {
	margin-top: 40px;
}
/* Contacts */

/* Footer */
.glass-footer {
	border-top: 1px solid #FFFFFF4D;
    margin-top: 60px;
    padding-top: 20px;
	padding-bottom: 20px;
}
.glass-footer-item .logo img {
	max-width: 237px;
}
.glass-footer-item ul.contacts {
	margin: 0px;
    padding: 20px 0 0;
    list-style: none;
    display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: auto;
}
.glass-footer-item ul.contacts a {
	display: inline-flex;
    align-items: center;
	gap: 5px;
	text-decoration: none;
}
.glass-footer-item ul.contacts a.copyright {
	font-family: "SF UI Display";
	font-weight: 300;
	font-size: 16px;
	line-height: 120%;
	letter-spacing: -0.01em;
	text-decoration: underline;
	color: rgb(255 255 255 / 30%);
}
.glass-footer-item ul.contacts a span {
	font-family: "SF UI Display";
	font-size: 1em;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	color: #FFFFFF;
}
.glass-footer-item ul.contacts a.copyright span {
	font-family: "SF UI Display";
	font-size: 0.89em;
	letter-spacing: -0.04em;
	color: #FFFFFF;
	text-transform: none;
}
.glass-footer-item .menu ul {
	margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
	flex-direction: column;
    gap: 20px;
}
.glass-footer-item .menu ul a {
	color: rgb(255 255 255 / 100%);
    text-decoration: none;
    font-family: SF UI Display;
    font-size: 1em;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}
.glass-footer-item .offer-cnt {
	margin-top: auto;
}
.glass-footer-item .offer-cnt a {
	font-family: "SF UI Display";
    font-weight: 300;
    font-size: 0.89em;
    line-height: 120%;
    letter-spacing: -0.01em;
    text-decoration: underline;
    color: rgb(255 255 255 / 30%);
}
.glass-footer-wrap {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: 46% 46%;
    grid-column-gap: 8%;
    grid-row-gap: 8%;
}
.glass-footer-item {
	display: flex;
    flex-direction: column;
}
.glass-footer-item.desktop {
	display: flex!important;
}
.glass-footer-main-item {
	display: flex;
    justify-content: space-between;
}
.glass-footer-item .form-cnt .form-title {
	font-family: "SF UI Display";
    font-weight: 400;
    /*font-size: 3.6em;*/
	font-size: clamp(44px, 4.1vw, 65px);
    line-height: 90%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.glass-footer-item .form-cnt .form-row {
	display: grid;
    grid-template-rows: auto;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
	margin-bottom: 20px;
}
.glass-footer-item .form-cnt .form-row input[type=text],
.glass-footer-item .form-cnt .form-row input[type=tel],
.glass-footer-item .form-cnt input[type=email] {
	border: none;
    background: transparent;
    padding: 0px 0 10px;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    color: #fff;
    font-family: SF UI Display;
    font-weight: 400;
    font-size: 0.89em;
    letter-spacing: -0.05em;
}
.glass-footer-item .form-cnt input[type=text].error,
.glass-footer-item .form-cnt input[type=tel].error,
.glass-footer-item .form-cnt input[type=email].error {
	border-bottom: 1px solid red;
}
.glass-footer-item .form-cnt input.error::-webkit-input-placeholder {
    color: red;
}
.glass-footer-item .form-cnt input.error:-moz-placeholder {
   color: red;
   opacity: 1;
}
.glass-footer-item .form-cnt input.error::-moz-placeholder {
   color: red;
   opacity: 1;
}
.glass-footer-item .form-cnt input.error:-ms-input-placeholder {
   color: red;
}
.glass-footer-item .form-cnt input.error::-ms-input-placeholder {
   color: red;
}
.glass-footer-item .form-cnt input.error::placeholder {
   color: red;
}
form#form .success p {
	color: #CA9E71;
}
.glass-footer-item .form-cnt input[type=email] {
	width: 100%;
}
.glass-footer-item .form-cnt button {
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 0;
    background: #CA9E71;
    border: none;
    margin-top: 20px;
    font-family: SF UI Display;
    font-weight: 500;
    font-size: 0.95em;
    letter-spacing: -0.04em;
    color: #000;
    cursor: pointer;
}
.checkbox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*min-height: 45px;*/
    /*background-color: #fff;*/
    border-radius: 3px;
    cursor: pointer;
	margin-top: 20px;
}
.checkbox__default {
    display: none;
}
.checkbox__new {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    border: 1px solid #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.checkbox__new::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    width: 24px;
    height: 24px;
    background-image: url(../images/check.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.checkbox__default:checked+.checkbox__new::before {
    display: block;
}
.checkbox__label {
    background-color: transparent;
    cursor: pointer;
	font-family: "SF UI Display";
	font-weight: 400;
	font-size: 0.89em;
	letter-spacing: -0.05em;
	color: #fff;
	padding-left: 34px;
}
/* Footer */

/* Modal */

.modal-menu {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999999;
	background: #ECE5DB;
}
.modal-menu.active {
    left: 0%;
}
.modal-menu .top {
	border-bottom: 1px solid #000000;	
}
.modal-menu .top .container{
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 200px 28px;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: space-between;
    padding-top: 52px;
    /*padding-bottom: 20px;*/
}
.modal-menu .top .logo p {
	font-family: "SF Pro Display";
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #000000;
    margin: 0;
}
.modal-menu .top .close button {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}
.modal-menu .middle {
	margin-top: 20px;
}
.modal-menu .middle ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
} 
.modal-menu .middle ul a {
	font-family: "SF UI Display";
    font-weight: 500;
    font-size: 60px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}    
.modal-menu .middle-cnt {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 100px);
}
.modal-menu .middle-cnt ul.contacts {
	margin: 0px;
    padding: 20px 0 0;
    list-style: none;
    display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: auto;
}
.modal-menu .middle-cnt ul.contacts a {
	display: inline-flex;
    align-items: center;
	gap: 5px;
	text-decoration: none;
}
.modal-menu .middle-cnt ul.contacts a span {
	font-family: "SF UI Display";
	font-size: 1em;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	color: #000;
}
.modal-menu .middle-cnt ul.contacts a.copyright span {
	font-family: "SF UI Display";
	font-size: 0.89em;
	letter-spacing: -0.04em;
	color: #000;
	text-transform: none;
}
.section--modal.modal {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999999;
	background: #000000B2;
    backdrop-filter: blur(9px);
}
.desktop {
	display: block!important;
}
.mobile {
	display: none!important;
}
.section--modal.modal.active {
	left: 0;
}
.service-popup {
	padding: 10px;
}
.service-popup .top {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.service-popup .top .title {
	font-family: "SF UI Display";
	font-weight: 400;
	font-size: 32px;
	line-height: 90%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	color: #fff;
}
.service-popup .top button {
	margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;	
}
.service-popup .middle {
	margin-top: 10px;
}
.service-popup .middle p {
	margin: 0;
	font-family: "SF UI Display";
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.05em;	
	color: #fff;
}
.service-popup .middle ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.service-popup .middle ul li {
	font-family: "SF UI Display";
    font-size: 16px;
    letter-spacing: -0.05em;
	position: relative;
	padding-left: 25px;
	color: #fff;
}
.service-popup .middle ul li strong {
	color: #CA9E71;
	font-weight: 600;
}
.service-popup .middle ul li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #CA9E71;
	top: 5px;
	left: 8px;
}
.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt ul li+li {
	margin-top: 4px;
}
.glass-contacts-cnt .map iframe {
	max-width: 100%;
}
.glass-contacts-cnt .map {
	border: 1px solid #FFFFFF4D	
}
.glass-contacts-cnt .map:before {
	content: "";
}
.ymaps-layers-pane {
	filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
}
#contact_map {
	height: 551px;
}
.glass-contacts-cnt .map iframe {
	height: 551px;
	width: 100%;
}




/* Modal */

/* Reponsive */
@media (max-width: 1360px) {
	.glass-head ul.contacts {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}
	.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt p {
		font-size: 14px;
	}
	.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt ul li {
		font-size: 14px;
	}
}
@media (max-width: 1200px) {
	section.glass-about .glass-about-wrap {
		grid-template-columns: 27% 13% calc(30% - 30px) calc(30% - 30px);
	}
	.glass-services .glass-services-content {
		grid-template-columns: 80px auto;
	}
	.glass-documents .glass-documents-content {
		grid-template-columns: 80px auto;
	}
	.glass-contacts .glass-contacts-content {
		grid-template-columns: 80px auto;
	}
}
@media (max-width: 1100px) {
	.glass-services .glass-services-content {
		grid-template-columns: 100%;
	}
	.glass-documents .glass-documents-content {
		grid-template-columns: 100%;
	}
	.glass-contacts .glass-contacts-content {
		grid-template-columns: 100%;
	}
	section.glass-about .glass-about-content {
		grid-template-columns: 100%;
	}
	.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt p+p, .glass-services-wrap .glass-services-flex .glass-services-item .content-cnt p+ul {
		margin-top: 10px;
	}
	.glass-services .glass-services-content .title,
	.glass-documents .glass-documents-content .title,
	.glass-contacts .glass-contacts-content .title,
	section.glass-about .glass-about-content .title	{
		margin-bottom: 20px;
	}
}
@media (max-width: 1080px) {
	.glass-head ul.contacts, 
	.glass-head .menu {
		display: none;
	}
	.glass-head-wrap .burger {
		display: block;
		margin-left: auto;
	}
	section.glass-top .image-cnt picture img {
		padding-top: 80px;
	}
}
@media (max-width: 980px) {
	.glass-services-wrap .glass-services-flex {
		flex-direction: column;
	}
	.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt p {
        font-size: 16px;
    }
	.glass-services-wrap .glass-services-flex .glass-services-item .content-cnt ul li {
        font-size: 16px;
    }
}
@media (max-width: 782px) {
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	section.glass-top .image-cnt .image-content {
		transform: translate(0%, 0%);
		left: 0%;
		max-width: 430px;
	}
	section.glass-top .image-cnt picture img {
		max-width: 100%;
	}
	section.glass-about {
		padding-top: 80px;
	}	
	.glass-footer-wrap {
		grid-template-columns: 100%;
	}
	section.glass-about .glass-about-content .title {
		position: absolute;
	}
	section.glass-about .glass-about-text h2 {
		font-size: 48px;
		text-indent: 263px;
	}
	.desktop {
		display: none!important;
	}
	.mobile {
		display: block!important;
	}
	section.glass-about .glass-about-wrap {
		display: flex;
		flex-direction: column;
	}
	.glass-about-text-mobile-cnt {
		display: grid !important;
		grid-template-rows: auto;
		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.glass-about-text-mobile-cnt p {
		margin: 0;
	}
	.glass-services {
		padding-top: 80px;
	}
	.glass-documents {
		padding-top: 80px;
	}
	.glass-services-wrap .glass-services-flex+.glass-services-flex {
		margin-top: 10px;
	}
	.glass-services-wrap .glass-services-flex {
		gap: 10px;
	}
	.glass-documents .glass-documents-content .doc-image img {
		max-width: 130px;
	}
	.glass-documents .glass-documents-content .doc-desc {
		max-width: 250px;
		margin: 10px auto 0;
	}
	.glass-contacts {
		padding-top: 50px;
	}
	.glass-contacts-cnt .glass-contacts-wrap .glass-contacts-item.text-content {
		font-size: 24px;
	}
	.glass-footer {
		margin-top: 50px;
	}
	.glass-footer-item-mobile-cnt {
		display: flex !important;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 36px;
	}
	.glass-footer-item-mobile-cnt2 {
		margin-top: 40px;
		margin-bottom: 10px;
		display: grid !important;
		grid-template-rows: auto;
		grid-template-columns: calc(50% - 16px) calc(50% - 16px);
		grid-column-gap: 32px;
		grid-row-gap: 32px;
	}
	.glass-head .logo {
		max-width: 140px;
	}
	section.glass-top .image-cnt .btn-black.desktop {
		display: none!important;
	}
	.glass-contacts-cnt .map iframe {
		height: 385px;
	}
	#contact_map {
		height: 385px;
	}
	.glass-footer-item.desktop {
		display: none!important;
	}
}
@media (max-width: 480px) {
	section.glass-about .glass-about-content .title {
        position: relative;
    }
	section.glass-about .glass-about-text h2 {
        font-size: 32px;
        text-indent: 0;
    }	    
	section.glass-top .image-cnt .btn-black.mobile {
		max-width: 100%;
		display: flex !important;
		margin-top: 10px;
	}
	section.glass-about {
        padding-top: 60px;
    }
	.glass-about-text-mobile-cnt {
        grid-template-columns: 100%;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
	.glass-about-text-mobile-cnt p {
		font-size: 16px;
	}	    
	section.glass-about .glass-about-flex-vert p.big {
		font-size: 62px;
	}
	section.glass-about .glass-about-flex-vert {
		margin-top: 20px;
	}
	section.glass-about .glass-about-flex-vert .glass-about-flex-item:nth-child(even) p.big {
		text-align: left;
	}
	.glass-services {
        padding-top: 48px;
    }
	.glass-documents {
        padding-top: 60px;
    }
	.glass-documents .glass-documents-content .doc-image img {
        max-width: 80px;
    }
	.glass-documents .glass-documents-content .doc-image {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.glass-contacts {
        padding-top: 60px;
    }
	.glass-contacts .glass-contacts-content .title {
        margin-bottom: 60px;
    }	    
	.glass-contacts-cnt .glass-contacts-wrap+.glass-contacts-wrap {
		grid-template-columns: 100%;
	}
	.glass-contacts-cnt .glass-contacts-wrap {
		grid-template-columns: 100%;
	}
	.glass-contacts-cnt .glass-contacts-wrap .glass-contacts-item h2 {
		font-size: 76px;
	}
	.glass-footer-item-mobile-cnt {
		flex-direction: column;
		align-items: flex-start;
	}
	.glass-footer-item .form-cnt .form-title {
		font-size: 36px;
	}
	.glass-footer-item .form-cnt .form-row {
	    grid-template-columns: 100%;
	}
    .glass-footer-item-mobile-cnt2 {
		grid-template-columns: auto 80px;
	}
	.glass-footer-item-mobile-cnt2.mobile ul.contacts {
		padding-top: 0px;
	}
	.glass-head .logo {
		max-width: 140px;
	}
}
@media (max-width: 320px) {
	
}