/* -------------------------------------------------------------------------------------------- */
/* общие правила */
/* -------------------------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* общие правила - тело --------------------------------------------- */

body {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 100%;
	width: 100%;
	font-family: Raleway;
	font-weight: 600; 
  	overflow: hidden;
	background: #141516;
}	
.fon {
	position: absolute;
	height: 100vh;
	width: 100vw;
	background: #eeeeee;   
}  
 
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 16px;
}
 
    details {
        display: block;
        width: 100%; 
        text-align:center;  
    }
  
    
    details > summary {
        display: inline-block;
        padding-left: 20px; 
        padding-right: 20px; 
        padding-top: 10px; 
        padding-bottom: 10px; 
        color: #333;
        border: 1px #ccc solid;
        border-radius: 40px;
        cursor: pointer;
        list-style: none;
        text-align:center;  
        margin-top: 3em;
        margin-bottom: 3em; 
        white-space: nowrap;
	    font-size: calc(0.3vh + 0.3vw + 4px);
    }
  
 
details[open] > summary {
    display:none;
}

/* общие правила - меню --------------------------------------------- */


.menu-open { 
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background-color: rgba(255,255,255, 0.7);
	z-index: 8;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	overflow: hidden;
}
	.menu-open:target {
		opacity: 1;
		pointer-events: auto;
	}

.modal-dialog {
	position: relative; 
}

.modal-content {
	position: relative; 
	display: flex;  
	color: #141516;
}
 
.modal-body {
	padding: 0 0 0 12.5vw;
	position: relative; 
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	width: 100vw;
	height: 100vh; 
	font-weight: 600; 
	display:flex;
	flex-direction: column;
	align-items:left;
	justify-content: center;
}
	.modal-body::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
    
.menu-block-full {
	width: 62.5vw;    
	display:flex;
	flex-direction: row;
	justify-content: space-between;
} 


.menu-block-half {
	width: 28vw;    
	display: block;
}	

.logo-menu {    
	width: 20vw;
	height: 10vw;  
	max-width: 35vh; 
	margin-bottom: calc(1vh + 1vw);
	transition: 450ms ease;  
	padding: 0;
}
    .logo-menu:hover{    
		transform:translateY(-4px);
		opacity:0.8;
	}
    
.menu-point{   
	display: block;
	font-size: calc(0.4vh + 0.4vw + 4px);  
	font-weight: 600;      
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#141516;                  
	transition: 450ms ease; 
	margin-bottom:0.5vh;
}
	.menu-point:hover{    
		transform:translateX(10px);
	}

.menu-title-point{   
	font-size: calc(0.3vh + 1vw + 4px);
	font-weight: 600;
	text-transform: uppercase;       
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#141516; 
	transition: 450ms ease;  
	margin-top: calc(1vh + 1vw);
}
	.menu-title-point:hover{    
		transform:translateY(-4px);
	}
	
.menu-title-hr{  
	border-bottom:1px solid #141516;
	margin-top:2vh;
	margin-bottom: calc(1vh + 1vw);
	}

.mob-menu-block, .mob-menu-block-back {
    display:none;
	}
    
.hide-mob  {
    display:flex;
	}
	
.hide-pc  {
    display:none;
	}
	
/* общие правила - меню ------------------------------------------MOB */



@media only screen and (max-width: 850px) {
    
 .menu-open { 
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.modal-body {
	padding: 0;
	position: relative; 
	overflow: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	width: 100vw;
	height: 100vh; 
	font-weight: 600; 
	display:flex;
	flex-direction: column;
	align-items:left;
	justify-content: start;
}
	.modal-body::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
    
.menu-block-full {
	width: 100vw;    
	display:flex;
	flex-direction: row;
	justify-content: space-between;
} 

.menu-block-half {
	display: none;
}	
.menu-point{   
	display: none;
}
.open-push{   
	display: none;
}

.logo-menu {    
	width: 66vw;
	height: 44vw;  
	max-width: none; 
	padding: 17vw 17vw 0vw 17vw;
	margin-bottom: calc(1vh + 1vw);
	transition: 450ms ease; 
}
    .logo-menu:hover{    
		transform:translateY(0px);
		opacity:0.5;
	}
	
.mob-menu-block { 
    pointer-events: none;
}

.mob-menu-block-back, .mob-menu-block {
	position: absolute;
	width: 100%;  
	display: flex;  
	flex-wrap: wrap; 
	justify-content: center; 
}

    
    details > summary { 
        border: 2px #ccc solid; 
	    font-size: calc(1vh + 1vw);
        list-style: none;
    }
.hide-mob  {
    display:none;
	}
.hide-pc  {
    display:flex;
	}
  
	}
/* общие правила - элементы ----------------------------------------- */

	.corner-menu {
		background: url(corner-menu-b.svg); 
		filter: invert(1);
        mix-blend-mode: difference;
	}
	.corner-menu-w {
		background: url(corner-menu.svg);
	}
.corner-menu, .corner-menu-w { 
    background-repeat: no-repeat;
	position: fixed;
	height: calc(6vh + 2vw + 1px);
	width: calc(6vh + 2vw + 1px);
	min-height:30px;
	min-width:60px;
	z-index: 7; 
	opacity: 1;
	transition: all 0.5s ease;
}
	.corner-menu:hover, .corner-menu-w:hover {
		opacity: 0.7;
		height: calc((6vh + 2vw + 1px) * 1.1);
		width: calc((6vh + 2vw + 1px) * 1.1); 
    	min-height: calc(30px  * 1.1);
    	min-width: calc(60px * 1.1);
	}

	.corner-menu-close {
		background: url(corner-menu-close-b.svg);
	}
	.corner-menu-close-w {
		background: url(corner-menu-close.svg);
	}
	
.corner-menu-close, .corner-menu-close-w {
    background-repeat: no-repeat;
	position: fixed;
	height: calc((6vh + 2vw + 1px) * 1.1);
	width: calc((6vh + 2vw + 1px) * 1.1); 
   	min-height: calc(30px  * 1.1);
	min-width: calc(60px * 1.1);
	z-index: 7; 
	opacity: 1;
	transition: all 0.3s ease;
}
	.corner-menu-close-w:hover, .corner-menu-close:hover {
		opacity: 0.7;
    	height: calc(6vh + 2vw + 1px);
    	width: calc(6vh + 2vw + 1px);
    	min-height:60px;
    	min-width:60px;
	}

	.corner-lang {
		background: url(corner-lang-b.svg);
	}
	.corner-lang-w {
		background: url(corner-lang.svg);
	}
.corner-lang, .corner-lang-w {
	position: fixed;
	height: calc((3vh + 1vw + 1px) * 1.2);
	width: calc((6vh + 2vw + 1px) * 1.2);
	min-height:30px;
	min-width:60px;
	z-index: 7; 
	opacity: 2;
	transition: all 0.3s ease;
	right: 0;
}
	.corner-lang-w:hover, .corner-lang:hover {
		opacity: 0.8;
    	height: calc((3vh + 1vw + 1px) * 1.3);
    	width: calc((6vh + 2vw + 1px) * 1.3);
    	min-height: calc(30px  * 1.1);
    	min-width: calc(60px * 1.1);
	}

	.corner-pdf {
		background: url(corner-pdf-b.svg);
	}
	.corner-pdf-en {
		background: url(corner-pdf-en-b.svg);
	}
	
	.corner-pdf-w {
		background: url(corner-pdf.svg);
	}
	.corner-pdf-w-en {
		background: url(corner-pdf-en.svg);
	}
.corner-pdf,.corner-pdf-en, .corner-pdf-w, .corner-pdf-w-en  {
	position: fixed;
	height: calc((3vh + 1vw + 1px) * 1.2);
	width: calc((7vh + 2.5vw + 1px) * 1.2);
	min-height:30px;
	min-width:70px;
	z-index: 7; 
	opacity: 1;
	transition: all 0.3s ease;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
}
	.corner-pdf:hover, .corner-pdf-en:hover, .corner-pdf-w:hover,  .corner-pdf-w-en:hover {
		opacity: 0.8;
    	height: calc((3vh + 1vw + 1px) * 1.3);
    	width: calc((7vh + 2.5vw + 1px) * 1.3);
    	min-height: calc(30px  * 1.1);
    	min-width: calc(70px * 1.1);
	}

	.corner-nd {
		background: url(corner-nd-b.svg);
	}
	.corner-nd-w {
		background: url(corner-nd.svg);
	}
	
.corner-nd, .corner-nd-w {
	position: fixed;
	height: calc((3vh + 1vw + 1px) * 1.2);
	width: calc((6vh + 2vw + 1px) * 1.2);
	min-height:30px;
	min-width:60px;
	z-index: 7; 
	opacity: 0.2;
	transition: all 0.3s ease;
	right: 0;
	bottom: 0;
}
	.corner-nd:hover, .corner-nd-w:hover {
    	opacity: 1;
    	height: calc((3vh + 1vw + 1px) * 1.3);
    	width: calc((6vh + 2vw + 1px) * 1.3);
    	min-height: calc(30px  * 1.1);
    	min-width: calc(60px * 1.1);
	}


.corner-back-w {
	background: url(corner-back-w.svg);
	margin-left:0.2vw;    
}

.corner-back {
	background: url(corner-back.svg);
	margin-left: calc(46.5vw + 1vh);    
}

 .corner-back-w, .corner-back  {
	background-size:contain;
	position: fixed;
	height: calc(6vh + 2vw);
	width: calc(6vh + 2vw); 
	z-index: 7; 
	opacity: 1;
	transition: all 0.5s ease;
}
	.corner-back-w:hover {
		opacity: 0.6; 
	}

	

.corner-pdf-mob, .corner-pdf-mob-en, .corner-pdf-w-mob, .corner-pdf-w-mob-en,.corner-en-mob,.corner-ru-mob {
    display:none;
}
/* общие правила - элементы --------------------------------------MOB */

@media only screen and (max-width: 850px) {

.corner-menu, .corner-en-mob, .corner-ru-mob {  
	height: 7vh; 
	width: 7vh;  
	min-height:7vh;
	min-width:7vh;
	margin: 3vh;
	right: 0; 
	top: 0; 
	background: url(corner-menu-mob.svg);
	background-size:contain;
	position: fixed;
} 

	.corner-menu:hover { 
	height: 7vh; 
	width: 7vh;  
	min-height:7vh;
	min-width:7vh;
	}
	
.corner-mob-close {  
	height: 7vh; 
	width: 7vh;  
	min-height:7vh;
	min-width:7vh;
	margin: 3vh;
	left: 0; 
	bottom: 0;
	background: url(corner-menu-close-mob.svg);
	background-size:contain;
	position: fixed;
	transition:0.3s;
} 
	.corner-mob-close:active { 
		transform:scale(0.9);
	}

.corner-mob-right {  
	height: 7vh; 
	width: 7vh;  
	min-height:7vh;
	min-width:7vh;
	margin: 3vh;
	right: 0; 
	bottom: 0;
	background: url(corner-mob-client-right.svg);
	background-size:contain;
	position: fixed;
	transition:0.3s;
} 
	.corner-mob-right:active { 
		transform:scale(0.9);
	}


.corner-mob-left {  
	height: 7vh; 
	width: 7vh;  
	min-height:7vh;
	min-width:7vh;
	margin: 3vh;
	right: 8.5vh; 
	bottom: 0;
	background: url(corner-mob-client-left.svg);
	background-size:contain;
	position: fixed;
	transition:0.3s;
} 
	.corner-mob-left:active { 
		transform:scale(0.9);
	}

.corner-en-mob {  
	background: url(corner-mob-en.svg);
}
.corner-ru-mob {  
	background: url(corner-mob-ru.svg);
}
	
	
 .corner-en-mob, .corner-ru-mob {  
    display:block; 
	background-size:contain;
	position: fixed;
	z-index: 7;  
	transition: all 0.5s ease;
	animation: en-opacity 2s ease;
}
	@keyframes en-opacity {
		0% {
	    opacity: 0;
		} 
		100% {
	    opacity: 1;
		}
	}


.corner-menu-close, .corner-menu-close-w {
	position: fixed;
	height: 7vh; 
	width: 7vh;  
	min-height:7vh;
	min-width:7vh;
	margin: 3vh;
	right: 0; 
	background: url(corner-menu-close-mob.svg);
	background-size:contain;
}
	.corner-menu-close-w:hover, .corner-menu-close:hover {
	height: 7vh; 
	width: 7vh;  
	min-height:7vh;
	min-width:7vh;
	}
	
.corner-pdf-mob {
	background: url(corner-pdf-b.svg);
}
.corner-pdf-mob-en {
	background: url(corner-pdf-en-b.svg);
}
.corner-pdf-w-mob {
	background: url(corner-pdf.svg);
}
.corner-pdf-w-mob-en {
	background: url(corner-pdf-en.svg);
}
.corner-pdf-mob, .corner-pdf-mob-en, .corner-pdf-w-mob, .corner-pdf-w-mob-en {
    display:block;
	position: fixed;
	height: 7vh;
	width: 17.5vh;
	min-height:30px;
	min-width:70px;
	z-index: 7; 
	opacity: 0.4;
	transition: all 0.3s ease;
	bottom: 0;
	right: calc(50% - 8.75vh);
}

.corner-pdf-mob, .corner-pdf-mob-en {
	opacity: 1;
}
	.corner-pdf-mob:hover {
		opacity: 0.5;  
	}
	
	.corner-pdf-mob-en:hover {
		opacity: 0.5;  
	}
	
.corner-pdf-w-mob, .corner-pdf-w-mob-en {
	opacity: 0.4;
}
	.corner-pdf-w-mob:hover {
		opacity: 1;  
	}
	.corner-pdf-w-mob-en:hover {
		opacity: 1;  
	}

 .corner-back-w, .corner-back { 
	height: 7vh; 
	width: 7vh;  
	right: 3vh; 
	bottom: 3vh;  
}

.corner-back-w { 
	background: url(corner-back-mob-w.svg);
	background-size:contain;
}
.corner-back { 
	background: url(corner-back-mob.svg);
	background-size:contain;
}

	.corner-pdf, 
	.corner-pdf-en, 
	.corner-pdf-w,
	.corner-pdf-w-en, 
    .corner-lang, 
    .corner-lang-w,
    .corner-nd, 
    .corner-nd-w,
    .corner-menu-w {
	    display:none;
	}	
}

/* общие правила - текст -------------------------------------------- */
a {
    color:inherit;
    text-decoration: none;
}

.label-page {
	padding: 47vh calc(1vh + 1vw);
	position: absolute;
	height: 100vh;
	width: 20vw;
	vertical-align: middle;
	font-size: 3vw;
	font-weight: 300; 
	color: #141516;
	animation-duration:7s; 
	animation-name: label;
	animation-iteration-count: 1; 
	animation-fill-mode: forwards; 
	opacity: 0; 
	z-index:2;
}
	@keyframes label {
		0% {
		opacity: 0; 
		transform: translateX(-10px);
		}
		50% {
		opacity: 1; 
		transform: translateX(0px);
		}
		80% {
		opacity: 1; 
		transform: translateX(0px);
		}
		100% {
		opacity: 0; 
		transform: translateX(10px);
		}
	}

/* общие правила - текст --------------------------------------------MOB */

@media only screen and (max-width: 850px) {

.label-page {
	padding: 3.5vh 4.7vh;
	position: fixed;
	height: 10vh;
	width: 100vw; 
	font-size: 5vh;
	font-weight: 600;   
	filter: invert(1);
    mix-blend-mode: difference;
} 
	
}
/* -------------------------------------------------------------------------------------------- */
/* главная страница */
/* -------------------------------------------------------------------------------------------- */

/* главная страница - тело --------------------------------------------- */

.grad1 { 
	position: absolute;
	opacity: 0.3;
	width: 100vw;
	height: 100vh;
	left:0;
	right:0;
	background: url('noise.png'), linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
	z-index: 2; 
}

.grad2 {
	position: absolute;
	width: 100vw;
	height: 100vh;
	left:0;
	right:0;
	background:  linear-gradient(0deg, rgba(14,19,25,1) 0%, rgba(34,39,48,1) 24%, rgba(74,64,58,1) 28%, rgba(48,63,70,1) 35%, rgba(14,19,25,1) 100%);  
	z-index: 1;
	animation-duration:13s;
	animation-name: backsize;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}  
	@keyframes backsize{
		0% {
		height: 100vh;
		}
		50% { 
		height: 110vh;
		margin-top: -10vh;
		}
		100% {
		height: 100vh;
		}
	}  

/* главная страница - тело ------------------------------------------MOB */

/* главная страница - логотип ------------------------------------------ */

.logo_front { 
	position: absolute;
	height: 100vh;
	width: 58vw;
	overflow: visible;
	background: url('logo_main.svg');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 4; 
	animation-duration: 1.4s;
	animation-name: fadeinlogo;
	animation-iteration-count: 1;    
	animation-delay: 3.2s; 
	animation-fill-mode: forwards;
  	opacity: 0;
} 
	@keyframes fadeinlogo {
		from {
		opacity: 0; 
		}
		to {
		opacity: 1; 
		}
	}

.logo_back { 
	position: absolute;
	height: 100vh;
	max-width: 100vh;
	overflow: visible;
	background: url('logo_back_1.png') fixed;
	background-position: 4vw 0; 
	background-repeat: no-repeat; 
	background-size: 50vw 100vh;
	-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%,rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
	z-index: 3; 
	animation-delay: 1.2s;
	animation-duration: 3.7s;
	animation-name: slideinlogo;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
    opacity: 0.9; 
}
	@keyframes slideinlogo {
		0% {
		margin-left: 40%;
		width: 50%;   
		}
		45% {
		margin-left: 00%;
		width: 50%;   
		}
		100% {
		margin-left: -70%;
		width: 50%;  
		}
	}
 
.logo_back2 { 
	position: absolute;
	height: 68.75vh;
    width: 50%;     
	overflow: visible;
	background: url('logo_back_2.png') fixed;
	background-position: 4vw 0; 
	background-repeat: no-repeat; 
	background-size: 50vw 100vh;
	-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%,rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
	z-index: 3; 
	animation-delay: 1.6s;
	animation-duration: 2.7s;
	animation-name: slideinlogo2;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;  
    margin-left: 50%;
}
	@keyframes slideinlogo2 {
		0% {
		margin-left: 40%;}
		60% {
		margin-left: 00%;
		}
		100% {
		margin-left: -50%;
		}
	}
 
/* главная страница - логотип ---------------------------------------MOB */

@media only screen and (max-width: 850px) {
.logo_front {  
	height: 100vw;
	width: 100vw;
	overflow:hidden;
	background: url('logo_main.svg');
	background-position: center; 
	background-repeat: no-repeat;
	background-size: 230%;
	z-index: 5; 
	animation-duration: 1.4s;
	animation-name: fadeinlogo;
	animation-iteration-count: 1;    
	animation-delay: 3s; 
	animation-fill-mode: forwards;
  	opacity: 0; 
} 
	@keyframes fadeinlogo {
		from {
		opacity: 0; 
		}
		to {
		opacity: 1; 
		}
	}

.logo_back { 
	position: absolute;
	height: 100vw;
	max-width: 100vw;
	overflow:hidden;
	background: url('logo_back_1.png') fixed;
	background-position: -60vw -60vw; 
	background-repeat: no-repeat; 
	background-size: 220vw 220vw;
	-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
	z-index: 3; 
	animation-delay: 1.2s;
	animation-duration: 3s;
	animation-name: slideinlogo;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
    opacity: 0.9; 
}
	@keyframes slideinlogo {
		0% {
		margin-left: 100%;
		width: 100%;   
		}
		45% {
		margin-left: 00%;
		width: 100%;   
		}
		100% {
		margin-left: -100%;
		width: 100%;  
		}
	}
 
.logo_back2 { 
	position: absolute;
	height: 100vw;
    max-width: 100vw;    
	overflow:hidden;
	background: url('logo_back_2.png') fixed;
	background-position: -60vw -60vw; 
	background-repeat: no-repeat; 
	background-size: 220vw 220vw;
	-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%,rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
	z-index: -1; 
	animation-delay: 1.6s;
	animation-duration: 2s;
	animation-name: slideinlogo2;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;   
}
	@keyframes slideinlogo2 {
		0% {
		margin-left: 100%;
		width: 100%;   
		z-index: 4; 
		}
		60% {
		margin-left: 00%;
		width: 100%;   
		z-index: 4; 
		}
		100% {
		margin-left: -100%;
		width: 100%;   
		z-index: 4; 
		}
	}
}
 
/* главная страница - блоки -------------------------------------------- */
.lenta {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	gap:0.2vw;
	margin-left: 58vw;
	width: 30vw;
	height: 100vh; 
	z-index: 6; 
	overflow: hidden;
	font-size: calc(0.3vh + 0.3vw + 4px);
	font-weight: 600;
	color: #cbcbcb;
	pointer-events: none; 
	animation-timing-function: ease-out;
	animation-duration:3s;
	animation-delay: 3s;
	animation-name: fade-lenta;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	opacity: 0; 
	top:0;
}
	@keyframes fade-lenta {
		0% { 
		transform: translateY(1.2vh)
		}
		100% {
		opacity: 1;  
		transform: translateY(0vh)
		}
	}

.lenta_back {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	gap:0.2vw;
	margin-left: 58vw;
	width: 30vw;
	height: 100vh; 
	z-index: 5;
	mix-blend-mode: color-dodge;
	overflow: hidden; 
	animation-duration:4s;
	animation-delay: 3s;
	animation-name: fade-lenta_back;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	opacity: 0; 
	top:0;
}
	@keyframes fade-lenta_back {
		0% {
		opacity: 0; 
		}
		100% {
		opacity: 1; 
		}
	}

/* главная страница - блоки -----------------------------------------MOB */
@media only screen and (max-width: 850px) {
    .lenta {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	margin-left: 6vw;
	width: 90vw;
	height: 90vw; 
	z-index: 6; 
	overflow: hidden;
	font-size: calc(0.3vh + 0.3vw + 4px);
	font-weight: 600;
	color: #cbcbcb;
	pointer-events: none; 
	animation-timing-function: ease-out;
	animation-duration:0.5s;
	animation-delay: 3s;
	animation-name: fade-lenta;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	opacity: 0; 
	top: 65vw;
}
	@keyframes fade-lenta {
		0% {
		opacity: 0; 
		overflow: hidden;
		transform: scale(0.95);
		
		}
		100% {
		opacity: 1; 
		overflow: hidden;
		transform: scale(1);
		}
	}

.lenta_back {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	margin-left: 6vw;
	width: 90vw;
	height: 90vw; 
	z-index: 5;
	mix-blend-mode: color-dodge;
	overflow: hidden; 
	animation-duration:4s;
	animation-delay: 3s;
	animation-name: fade-lenta_back;
	animation-iteration-count: 1;
	animation-fill-mode: forwards; 
	opacity: 0; 
	top: 65vw;
}
	@keyframes fade-lenta_back {
		0% {
		opacity: 0; 
		}
		100% {
		opacity: 1; 
		}
	}

}
/* главная страница - мини-блоки --------------------------------------- */

.box_1 { 
    align-items: center;
	width: 100%;
	padding: 9vh calc(1vh + 1vw) 0vh calc(1vh + 1vw);
	height: 30vh;
	border-radius: 0px 0px 1.5vh 1.5vh; 
	transition: all 1s ease;
	overflow: hidden;
}

.box_2 {  
	width: 100%;
	padding: calc(1vh + 1vw);
	height: 5vh; 
	border-radius: 1.5vh; 
	transition: all 1s ease; 
}
 

.box_3 { 
	width: 100%;
	padding: calc(1vh + 1vw);
	height: 12vh;
	border-radius: 1.5vh; 
	transition: all 1s ease;
}
 
.box_4 { 
	width: 100%;
	padding: calc(1vh + 1vw);
	height: 10vh;
	border-radius: 1.5vh; 
	transition: all 1s ease;

}
.box_5 { 
	width: 100%;
	padding: calc(1vh + 1vw);
	height: 7vh;
	border-radius: 1.5vh 1.5vh 0px 0px; 
	transition: all 1s ease;

}

.box_1_back { 
	width: 30vw; 
	padding: 9vh 0 0 0;
	height: 30vh;
	border-radius: 0px 0px 1.5vh 1.5vh; 
	background-color: #444;  
	transition: all 0.5s ease;
}
	.box_1_back:hover{ 
		background-color: #888;  
		height: 32vh;
	}

.box_2_back {  
	width: 30vw;
	padding: calc(1vh + 1vw) 0 calc(1vh + 1vw) 0 ;
	height: 5vh;
	background-color: #444;
	border-radius: 1.5vh; 
	transition: all 0.5s ease;
}
	.box_2_back:hover{ 
		background-color: #888;  
		background-size: cover;
		height: 7vh;
	}

.box_3_back { 
	width: 30vw;
	padding: calc(1vh + 1vw) 0 calc(1vh + 1vw) 0 ;
	height: 12vh;
	background-color: #444;
	border-radius: 1.5vh; 
	transition: all 0.5s ease;
}

	.box_3_back:hover{ 
		background-color: #888;  
		height: 14vh;
	}

.box_4_back { 
	width: 30vw;
	padding: calc(1vh + 1vw) 0 calc(1vh + 1vw) 0 ;
	height: 10vh;
	background-color: #444;
	border-radius: 1.5vh; 
	transition: all 0.5s ease;
}

	.box_4_back:hover{ 
		background-color: #888;  
		height: 12vh;
	}

.box_5_back { 
	width: 30vw;
	padding: calc(1vh + 1vw) 0 calc(1vh + 1vw) 0 ;
	height: 7vh;
	background-color: #444;
	border-radius: 1.5vh 1.5vh 0px 0px; 
	transition: all 0.5s ease;
}

	.box_5_back:hover{ 
		background-color: #888;  
		height: 9vh;
	}


/* главная страница - мини-блоки ------------------------------------MOB */
@media only screen and (max-width: 850px) {

.box_1, .box_2, .box_3,.box_4,.box_5 { 
	width: 32vw;
	padding: 5vw;
	height: 32vw;
	margin: 1vw;
	border-radius: 5vw;
	transition: all 1s ease;
		z-index:1; 
}
.box_2,.box_2_back { 
display:none;
}

.box_1_back,.box_2_back, .box_3_back, .box_4_back,.box_5_back,.box_1_back_m,.box_2_back_m, .box_3_back_m, .box_4_back_m { 
	width: 32vw;
	padding: 5vw;
	height: 32vw;
	margin: 1vw;
	border-radius: 5vw;  
	transition: width 0.6s, height 0.6s, margin 0.6s, background-color 0.2s, transform 0.6s ease; 
		transform: scale(1);
		z-index:2; 
}

.box_1_back,.box_2_back, .box_3_back, .box_4_back, .box_5_back { 
	background-color: #666;  
}
.box_1_back_m,.box_2_back_m, .box_3_back_m, .box_4_back_m { 
	background-color: #222;  
}
	.box_1_back:hover, .box_2_back:hover, .box_3_back:hover, .box_4_back:hover, .box_5_back:hover { 
		background-color: #999;    
    	height: 30vw;
    	width: 30vw;
    	margin: 2vw;
	}
	
    .box_1_back_m:hover, .box_2_back_m:hover, .box_3_back_m:hover, .box_4_back_m:hover { 
		background-color: #444;    
    	height: 30vw;
    	width: 30vw;
    	margin: 2vw;
	}

    .box_1_back_m:active, .box_2_back_m:active, .box_3_back_m:active, .box_4_back_m:active { 
		background-color: #666;    
	}
}
/* главная страница - элементы ----------------------------------------- */

.client{ 
	background: url(clients-ru.svg);  
	background-repeat:repeat-x;
	background-size: 52vw;
	height: 7vh;
	width: 400%;
	white-space: nowrap;
	animation: client-roll 25s infinite linear;
}
	@keyframes client-roll {
		0% {
		transform: translateX(-5vw);
		}
		100% {
		transform: translateX(-57vw)
		}
	}

.about-icon { 
	min-width:100%;
	max-width:100%;  
	margin-top: 2vh;
	
}
.about-icon-main { 
	min-width:50%;
	max-width:50%;
	margin-bottom: calc(-1 * (0.5vh + 0.5vw));
	filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.3));
}

/* главная страница - элементы --------------------------------------MOB */
@media only screen and (max-width: 850px) {
.client{ 
	background: url(clients-ru.svg);  
	background-repeat:repeat-x;
	background-size: 400%;
	height: 8vh; 
	margin-top: 2vw; 
	margin-left: -5vw; 
	width: 42vw;
	overflow:hidden;
	white-space: nowrap;
	animation: client-roll 50s infinite linear;
}
	@keyframes client-roll {
		0% {
	    background-position: 0%;
		}
		100% {
	    background-position: 400%;
		}
	}

.about-icon-mob {
	max-width:31.5vw;
	height: 26vw;
	background: url(about-ic-mob.svg) no-repeat;
	background-position: center;
	background-size: contain;   
	margin-block-start: -2vh;
	margin-block-end: 0em;  
}

.about-icon-main { 
	min-width:100%;
	max-width:100%; 
	margin-bottom: calc(-1 * (1vh + 1vw));
}

}
/* главная страница - текст -------------------------------------------- */

.title-main{
	font-size: calc(0.3vh + 1vw + 4px);    
	margin-block-start: 0em;
	margin-block-end: 0em;  
	font-weight: 600;
	color: #fff;
	padding-bottom: 1.5vh;
	text-transform: uppercase;
}

.description-main{
	font-size: calc(0.1vh + 0.1vw + 12px);       
	margin-block-start: 0em;
	margin-block-end: 0em; 
	font-weight: 600; 
	padding-bottom: 1.5vh;
	width:90%;
	opacity:1;
	transition: all 1s;
}

.text-block-description{
        display:flex;
    flex-wrap: wrap;
    flex-direction: row;
	justify-content: space-between; 
	font-weight: 600;
}
.text-block-ul{
	width: calc((28vw - 2vh - 40px) / 2);
}
.text-block-doc-logo{
	width: calc((28vw - 2vh - 30px) / 4);
}
.text-block-doc-text{
	width: calc((28vw - 2vh - 30px) / 4 * 3);
}

.text-block-doc-logo-svg { 
	width: calc((28vw - 2vh - 30px) / 4);
	height: 100%;
	min-height: 4vh;
	background: url(doczilla.svg) center no-repeat; 
	cursor: pointer; 
} 

.text-block-draft-logo-svg { 
	width: calc((28vw - 2vh - 30px) / 4);
	height: 100%;
	min-height: 4vh;
	background: url(draftme.svg) center no-repeat; 
	cursor: pointer; 
} 

	 @media screen and (max-height: 650px) {
		.description-main{
		opacity:0;
		}
	 }
	 
.description-main-mob{
    display:none;
}

/* главная страница - текст -----------------------------------------MOB */
@media only screen and (max-width: 850px) {
.title-main{
	font-size: calc(2vh + 1vw + 3px);    
	margin-block-start: 0em;
	margin-block-end: 0em;  
	font-weight: 600;
	color: #fff;
	padding-bottom: 2vh;
	text-transform: capitalize;
}

.description-main-mob{
    display:block;	
    font-size: calc(0.7vh + 1vw + 3px);       
	margin-block-start: 0em;
	margin-block-end: 0em; 
	font-weight: 600;
	color: #fff; 
	width:100%;
	opacity:1;
	transition: all 1s;
}

.description-main, .text-block-description, .about-icon{
display:none;
}

}
/* -------------------------------------------------------------------------------------------- */
/* о фирме и команда */
/* -------------------------------------------------------------------------------------------- */


/* о фирме и команда - тело --------------------------------------------- */

/* о фирме и команда - тело ------------------------------------------MOB */

/* о фирме и команда - hover-тело --------------------------------------- */

.partner-open { 
	position: fixed;
	right: 3.75vw;
	top:0;
	bottom: 0; 
	width: 42vw;
	height: auto;
	background: #eeeeee;  
	opacity: 0;
	-webkit-transition:  950ms ease;
	-moz-transition:  950ms ease;
	transition: 950ms ease; 
	pointer-events: none;
	overflow: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none;
	z-index:1;  
	border-left: 4vw solid #eeeeee;
	border-right: 4vw solid #eeeeee;
}
	.partner-open::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.partner-open:target {
		opacity: 1;
		pointer-events: auto; 
		-webkit-transition:  450ms ease;
		-moz-transition:  450ms ease;
		transition: 450ms ease; 
		z-index:1000000;
		padding: 0px;  
		top:0;
		right: 7.75vw;
	}

.partner-dialog {
	padding: 0px; 
	position: relative; 
}

.partner-content {
	padding: 0px; 
	position: relative; 
	display: flex;  
	color: #fff;
}
              
.partner-body {
	position: relative; 
	padding: 0px; 
	font-size: calc(0.3vh + 0.3vw + 4px);
	font-weight: 600; 
	background: #eeeeee;  
	overflow-X: hidden; 
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none; 
}
	.partner-body::-webkit-scrollbar {
		width: 0;
		height: 0;
	}


/* о фирме и команда - hover-тело ------------------------------------MOB */
@media only screen and (max-width: 850px) {
 
.partner-open { 
	position: fixed;
	right: 0;
	top:-6vh;
	bottom: 0; 
	width: 100%;
	height: auto;
	background: #eeeeee;  
	opacity: 0;
	-webkit-transition:  350ms ease;
	-moz-transition:  350ms ;
	transition: 350ms ease; 
	pointer-events: none;
	overflow: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none;
	z-index:1;  
	border-left: 0vw;
	border-right: 0vw;
	animation: partner-open 1s ease;
}
	@keyframes partner-open {
		0% {
	    background-position: 0%;
		}
		100% {
	    background-position: 400%;
		}
	}
	
	.partner-open::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.partner-open:target {
		opacity: 1;
		pointer-events: auto; 
		-webkit-transition:  250ms ease;
		-moz-transition:  250ms ease;
		transition: 250ms ease; 
		z-index:1000000;
		padding: 0px;  
		top:0;
		right: 0vw;
		top: 0vh;
	}

.partner-dialog {
	padding: 0px; 
	position: relative; 
}

.partner-content {
	padding: 0px; 
	position: relative; 
	display: flex;  
	color: #fff;
}
              
.partner-body {
	position: relative; 
	padding: 0px; 
	font-size: calc(1vh + 1vw);
	font-weight: 600; 
	background: #eeeeee;   
	overflow-X: hidden; 
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none; 
}
	.about-block::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

}

/* о фирме и команда - блоки -------------------------------------------- */

.about-icons-pc {
    display:block;
    width: 100%;
	margin-top: calc(0.5vh + 0.5vw);
	margin-bottom: calc(0.5vh + 0.5vw);
}

.about-icons-mob {
    display:none; 
}

.about-table {
	position: absolute;
	margin-left: 25.25vw; 
}

.partner-header {    
	min-height: calc(48vh - 2vw - 3px);
	margin: 0vw 0.20vw 0.40vw 0.20vw; 
	border-radius:  0vw 0vw 1vw 1vw;  
	transition: 0.85s;
	padding: calc(1vh + 1vw); 
	transition: 0.85s; 
	background:#333;
	background-size: cover; 
	background-position:center; 
	background-repeat: no-repeat;  
	display:flex; 
	align-items: flex-end; 
}
   

.partner-bottom {    
	min-height: calc(48vh - 2vw - 0.40vw);
	margin: 0.20vw 0.20vw 0vw 0.20vw;
	background: #eee;
	border-radius: 1vw 1vw 0vw 0vw; 
	border-right: 3px solid #141516; 
	border-left: 3px solid #141516; 
	border-top: 3px solid #141516; 
	transition: 0.85s;
	padding: calc(1vh + 1vw); 
	transition: 0.85s;  
} 

.about-team-list {
	position: relative;
	width: 16vw;
	height: 75vh;
	padding-top: 25vh; 
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none;
	display: inline-flex; 
	flex-wrap: wrap; 
	float: left; 
	margin-right:5vw;
}
	.about-team-list::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
 
.about-team-list-mob {
    display:none;
	}
    
.about-block {
	background:#eeeeee;
	position: block;
	width: 42vw;
	height: 100vh;  
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none;   
	perspective: 1px;
}
	.about-block::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

.about-header {  
	height: calc(48vh - 2vw - 3px);
	margin: 0vw 0.20vw 0.40vw 0.20vw; 
	border-radius:  0vw 0vw 1vw 1vw;  
	transition: 0.85s;
	padding: calc(1vh + 1vw); 
	transition: 0.85s; 
	background:#333;
	background-image: url('office.jpg');
	background-size: cover; 
	background-position:center; 
	background-repeat: no-repeat;  
	display:flex; 
	align-items: flex-end;  
	transform: translateZ(1) scale(1); 
}


.about-bottom {  
	min-height: calc(50vh - 0.40vw + 3px); 
	margin: 0.20vw 0.20vw 0vw 0.20vw;
	background: #eee;
	transition: 0.85s; 
	transform: translateZ(0); 
	display:flex;  
	flex-wrap: wrap;   
	vertical-align: top;
	align-items: stretch;
	gap: 0.4vw;
	justify-content: space-between;
	overflow-x: hidden;
}

/* о фирме и команда - блоки -----------------------------------------MOB */
@media only screen and (max-width: 850px) {

.about-icons-pc {
    display:none; 
}

.about-icons-mob {
    display:block;
    width: calc(100% + 6vh + 6vw); 
	margin-bottom: calc(1vh + 1vw);
	margin-left: calc(-1 * (3vh + 3vw));
}

.about-table { 
	margin-left: 0vw; 
}

.partner-header {    
	min-height: 16vh;
	margin: 0vw; 
	border-radius: 0vw;  
	transition: 0.85s;
	padding: 16vh 5vh; 
	transition: 0.85s; 
	background:#333; 
	background-size: cover; 
	background-position:center; 
	background-repeat: no-repeat;  
	display:flex; 
	align-items: flex-end;   
}
   

.partner-bottom {    
	min-height:45vh;
	margin: -6vh 0vw 0vw 0vw;
	background: #eee;
	border-radius: 5vw; 
	border-right: 0px solid #141516; 
	border-left: 0px solid #141516; 
	border-top: 0px solid #141516; 
	transition: 0.85s; 
	padding: calc(0vh + 0vw);  
} 

.about-team-list { 
    display:none;
} 
 
.about-team-list-mob {
	position: relative;
	width: 100%;  
	display: flex;  
	flex-direction: column; 
}

.about-block {
	background:#333;
	position: block; 
	width: 100vw;
	height: 100vh; 
	overflow-x: hidden; 
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none; 
}
	.about-block::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

.about-header {  
	height: calc(30vh - 3px);
	margin: 0vw 0vh; 
	border-radius:  0vw;  
	transition: 0.85s;
	padding: calc(8vh + 3vw) calc(3vh + 3vw); 
	transition: 0.85s; 
	background:#333;
	background-image: url('office.jpg');
	background-size: cover; 
	background-position:center; 
	background-repeat: no-repeat;  
	display:flex; 
	align-items: flex-end;
	transform: translateZ(-2px) scale(3) translateY(-18vh); 
}


.about-bottom {  
	min-height:45vh;
	margin: -6vh 0vw 0vw 0vw;
	background: #eee;
	border-radius: 5vw; 
	border-right: 0px solid #141516; 
	border-left: 0px solid #141516; 
	border-top: 0px solid #141516; 
	transition: 0.85s; 
	padding: calc(0vh + 0vw); 
	transform: translateZ(0); 
}
}
 
 
/* о фирме и команда - мини-блоки --------------------------------------- */

.about-team-block {  
	height: auto; 
	transition: 0.85s; 
}

/* о фирме и команда - мини-блоки ------------------------------------MOB */

.about-team-block-mob {   
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
	transition: 0.85s; 
	cursor: pointer;
}

.about-team-block-mob:hover {    
    background: #E4E4E4; 
}
.about-team-block-mob:active {    
    background: #cccccc; 
}
.about-team-block-mob:visited {    
    background: #cccccc;
}

/* о фирме и команда - элементы ----------------------------------------- */

.about-team-image {  
	width: 13vw;
	height: 13vw;
	border-radius: 6.5vw; 
	background-size: 100%;  
	background-position:center;
	transition: 0.85s ease; 
}
	.about-team-image:hover {    
		background-size: 110%;  
	}
	.about-team-image:active {    
		transform:scale(0.9);
	} 

.about-team-br{   
    display:none;
}

/* о фирме и команда - элементы --------------------------------------MOB */

.about-team-image-mob {  
    position:absolute;
	width: 8vh;
	height: 8vh;
	border-radius: 4vh; 
	background-size: 100%;  
	background-position:center;
	opacity: 1;
	transition: 0.85s ease; 
	margin:2vh 1vh 2vh 1vh;
	float:left;
}
	.about-team-image-mob:hover {   
	    opacity:0.5;
	}

@media only screen and (max-width: 850px) {
.about-team-br{   
    display:block;
	width: 100%;
	height: 20vh;
}
}
	
/* о фирме и команда - текст -------------------------------------------- */

.title-about-main { 
	font-size: calc(0.3vh + 1vw + 4px);
	font-weight: 600;  
	text-transform: uppercase;
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#fff;
	width:50%;  
	height: calc(0.3vh + 1vw + 3px);  
	filter: drop-shadow(0px 5px 5px #141516);
} 

.about-icon-doc{  
    cursor: pointer;
	width:70%; 
	opacity:0.8;
} 


.name-partner{ 
	font-size: calc(0.3vh + 1vw + 5px);  
	font-weight: 600;  
	text-transform: uppercase;
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#fff;
	width:80%;  
	height: calc(0.3vh + 1vw + 3px);
	filter: drop-shadow(0px 5px 5px #141516); 
} 
   
.partner-discription { 
	font-size: calc(0.1vh + 0.1vw + 12px);      
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#141516;
}

.about-team-title {  
	height: auto; 
	text-align: center;
	font-size: calc(0.1vh + 0.1vw + 12px);      
	margin-block-start: calc(1vh + 1vw);
	margin-block-end: calc(1vh + 1vw);   
	font-weight: 800;
	color:#141516;
	text-decoration:none;
}
 

.description-about{
	font-size: calc(0.1vh + 0.1vw + 12px);       
	color:#141516;
	display: flex;    
}

.description-about-icons{
	font-size: calc(0.1vh + 0.1vw + 12px);       
	color:#141516;
	display: flex;  
	justify-content: start;
    align-items: center;
	border-radius: 1vw; 
	border: 3px solid #141516; 
	padding: calc(0.4vh + 0.4vw) calc(1vh + 1vw) calc(0.4vh + 0.4vw) calc(1vh + 1vw); 
	min-width: calc(50% - 2.2vw - 2vh - 6px);
	max-width: calc(50% - 2.2vw - 2vh - 6px);
}

.description-about-icons-last{
	font-size: calc(0.1vh + 0.1vw + 12px);       
	color:#141516;
	display: flex;   
	justify-content: start;
    align-items: center;
	border-radius: 1vw 1vw 0  0; 
	border-top: 3px solid #141516; 
	border-left: 3px solid #141516; 
	border-right: 3px solid #141516; 
	border-bottom: 0px; 
	padding: calc(0.4vh + 0.4vw) calc(1vh + 1vw) calc(0.4vh + 0.4vw) calc(1vh + 1vw); 
	min-width: calc(100% - 2vw - 2vh - 6px);
	max-width: calc(100% - 2vw - 2vh - 6px);
}


.description-about-icons-last-end{ 
	border-left: 3px solid #141516; 
	border-right: 3px solid #141516; 
	border-bottom: 0px; 
	padding: calc(0.4vh + 0.4vw) calc(1vh + 1vw) calc(0.4vh + 0.4vw) calc(1vh + 1vw); 
	min-width: calc(100% - 2vw - 2vh - 6px);
	max-width: calc(100% - 2vw - 2vh - 6px);
	min-height: 2vw;
	margin-top:-0.4vw;
}

.description-about-icons-i {
    background-color: white;
	height: 5vw;
	width: 5vw;  
	border-radius: 5vw;  
	margin-right: 1vw; 
}

.description-about-titles-pc{ 
	width: 25%;  
	padding-right: 15px;
	float: left; 
	text-align:right; 
	margin-block-start: 0em;
	margin-block-end: calc(1vh + 1vw); 
	border-right: 1px solid #141516; 
	max-height:auto;
	font-weight: 800;
}

.description-about-titles{ 
	width: 25%;  
	padding-right: 15px;
	float: left; 
	text-align:right; 
	margin-block-start: 0em;
	margin-block-end: calc(1vh + 1vw); 
	border-right: 1px solid #141516; 
	border-bottom: 0px solid #141516; 
	max-height:auto;
	font-weight: 800; 
}


.description-about-text-partner { 
	width: calc(75% - 31px); 
	padding-left: 15px;
	font-size: calc(0.1vh + 0.1vw + 12px);  
	margin-block-end: calc(1vh + 1vw); 
}

.description-about-text {  
	font-size: calc(0.1vh + 0.1vw + 12px);  
	margin-block-end: calc(1vh + 1vw); 
}
 
@media only screen and (max-width: 1000px) {

.description-about-icons{
	padding: calc(1vh + 0.5vw) 1vw calc(1vh + 0.5vw) 1vw; 
	min-width: calc(50% - 2.2vw - 6px);
	max-width: calc(50% - 2.2vw - 6px);
}
 
}
/* о фирме и команда - текст -----------------------------------------MOB */

@media only screen and (max-width: 850px) {

.description-about-icons{
	font-size: calc(1vh + 1vw); 
	color:#141516;
	display: flex;  
	justify-content: start;
    align-items: center;
	border-radius: 0; 
	border-left: 0px; 
	border-right: 0px; 
	border-top: 0px; 
	border-bottom: 1px solid #dcdcdc; 
	padding: calc(1vh + 1vw) calc(4vh + 4vw) calc(1vh + 1vw) calc(2vh + 2vw); 
	min-width: calc(100% - (6vh + 6vw));
	max-width: calc(100% - (6vh + 6vw));
}

.description-about-icons-last{
	font-size: calc(1vh + 1vw); 
	color:#141516;
	display: flex;   
	justify-content: start;
    align-items: center;
	border-radius: 0; 
	border-bottom: 1px solid #dcdcdc; 
	border-left: 0px; 
	border-right: 0px; 
	border-top: 0px; 
	padding: calc(1vh + 1vw) calc(4vh + 4vw) calc(1vh + 1vw) calc(2vh + 2vw); 
	min-width: calc(100% - (6vh + 6vw));
	max-width: calc(100% - (6vh + 6vw));
}


.description-about-icons-last-end{  
	border: 0px; 
	min-height: 10vw;
}

.description-about-icons-i {
    background-color: white;
	height: 25vw;
	width: 25vw;  
	border-radius: 25vw;  
	margin-right: 5vw; 
}

.title-about-main { 
    display:none;
} 

.name-partner{ 
	font-size:  calc(2vh + 2vw); 
	font-weight: 600;  
	text-transform: uppercase;
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#fff;
	width:30%;  
	height: calc(0.3vh + 1vw + 3px);
} 
   
.partner-discription { 
	font-size: calc(0.1vh + 0.1vw + 12px);      
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#141516;
}
 

.about-team-title {  
	height: auto; 
	text-align: center;
	font-size: calc(1vh + 1vw)
	margin-block-start: calc(1vh + 1vw);
	margin-block-end: calc(1vh + 1vw);   
	font-weight: 800;
	color:#141516; 
	text-decoration:none;
} 

.description-about{
	font-size: calc(1vh + 1vw); 
	font-weight: 600;      
	display: block;  
	padding: calc(3vh + 3vw) calc(3vh + 3vw) 0 calc(3vh + 3vw); 
}

.description-about-titles-pc{  
	display:none;
}

.description-about-titles{ 
	width: 100%;  
	padding-right: 0px;
	float: left; 
	text-align:left; 
	margin-block-start: 0em;
	margin-block-end: 2vh; 
	border-right: 0px solid #141516; 
	border-bottom: 1px solid #cdcdcd; 
	max-height:auto;
	font-weight: 800;
	line-height: 5vh;
}


.description-about-text{ 
	width: calc(100% - (6vh + 6vw)); 
	padding: calc(3vh + 3vw);
	margin-block-end: calc(1vh + 1vw); 
    overflow: hidden;
    position: relative; 
    max-height: 20vh;
	font-size: calc(1vh + 1vw); 
} 


.description-about-text-partner{ 
	width: 100%; 
	padding-left: 0px;
	margin-block-end: calc(1vh + 1vw); 
    overflow: hidden;
    position: relative; 
	font-size: calc(1vh + 1vw); 
} 

}

.about-team-list-title{ 
    margin-left: 10vh;
	margin-block-start: 0em;
	margin-block-end: 0em; 
	font-size: calc(2vh + 2vw);
	height: calc(2vh + 2vw);  
	font-weight: 600;  
	border-bottom: 1px solid #DCDCDC;
	padding-bottom:2vh;
} 

.about-team-title-mob{ 
	width: calc(100% - 10vh);  
    color: #141516;
	font-size: calc(1vh + 1vw);   
	margin-left: 10vh;
	padding-right:5vh;
	padding-bottom:1vh;
	padding-top:2vh;
	margin-block-start: 0em;
	margin-block-end: 0em; 
	font-weight: 600;  
} 

.about-team-description-mob{ 
	width: calc(90% - 10vh);  
    color: gray;
	font-size: calc(1vh + 1vw);  
	border-bottom: 1px solid #DCDCDC;
	margin-left: 10vh;
	padding-right:5vh;
	padding-bottom:2vh;
	margin-block-start: 0em;
	margin-block-end: 0em; 
} 

/* -------------------------------------------------------------------------------------------- */
/* практики */
/* -------------------------------------------------------------------------------------------- */


/* практики - тело --------------------------------------------- */

/* практики - тело ------------------------------------------MOB */

/* практики - hover-тело --------------------------------------- */

/* практики - hover-тело ------------------------------------MOB */

/* практики - блоки -------------------------------------------- */

.practices-icon-table {
	position: absolute;
	margin-left: 25.25vw;
}

.practices-icon-short {
	position: relative;
	width: 21vw;
	height: 75vh;
	padding-top: 25vh; 
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none;
	display: inline-flex; 
	flex-wrap: wrap; 
	float: left; 
	animation: icon-short-open 1.5s ease;
}
	@keyframes icon-short-open {
		0% {
	    padding-top: 27vh;   
		}  
		100% {
		padding-top: 25vh;   
		}
	}
	.practices-icon-short::-webkit-scrollbar {
	      width: 0;
	      height: 0;
	}

.practices-item {
	position: block;
	width: 42vw;
	height: 100vh; 
	overflow-X: hidden; 
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none;   
	perspective: 1px;
}
	.practices-item::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

.practices-item-header {  
	height: calc(44vh - 3px);
	margin: 0vw 0.20vw 0.40vw 0.20vw;
	background: #eee;
	border-radius:  0vw 0vw 1vw 1vw; 
	border-left: 3px solid #141516; 
	border-right: 3px solid #141516; 
	border-bottom: 3px solid #141516; 
	transition: 0.85s;
	padding: calc(1vh + 1vw); 
	transition: 0.85s; 
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	transform: translateZ(1) scale(1); 
	animation: practices-header 3s ease;
}
	@keyframes practices-header {
		0% {
	    background-size: 102%;
		} 
		100% {
	    background-size: 100%;
		}
	}
 

.practices-item-bottom {  
	height: auto;
	margin: 0.20vw 0.20vw 0vw 0.20vw;
	background: #eee;
	border-radius: 1vw 1vw 0vw 0vw; 
	border-right: 3px solid #141516; 
	border-left: 3px solid #141516; 
	border-top: 3px solid #141516; 
	transition: 0.85s;
	padding: calc(1vh + 1vw); 
	transition: 0.85s;
	transform: translateZ(0); 
}

.practices-list-mob{
    display:none;
}
/* практики - блоки -----------------------------------------MOB */

@media only screen and (max-width: 850px) {
.practices-icon-table {
	margin-left: 0vw;
}

.practices-icon-short {
    display:none;
} 
	
.practices-list-mob{
    display:block;
	position: relative;
	width: 100%;
	height: 75vh;
	padding-top: 25vh; 
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none;
	display: inline-flex; 
	flex-wrap: wrap; 
	float: left;
	animation: list-mob-open 1.5s ease;
}
	@keyframes list-mob-open {
		0% {
	    padding-top: 28vh;   
		} 
		100% {
		padding-top: 25vh;   
		}
	}
	.practices-list-mob::-webkit-scrollbar {
		width: 0;
		height: 0;
	}


.practices-item {
	background:#333;
	position: block;
	width: 100vw;
	height: 100vh; 
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none; 
}

.practices-item-header {  
	height: calc(30vh - 3px);
	margin: 0vw 0vh; 
	background: #222;
	border-radius:  0vw; 
	border-left: 0px solid #141516; 
	border-right: 0px solid #141516; 
	border-bottom: 0px solid #141516; 
	transition: 0.85s;
	padding: calc(8vh + 3vw) calc(3vh + 3vw); 
	transition: 0.85s; 
	background-size: 200%;
	background-attachment: none;
	background-repeat: no-repeat;
	background-position: 80% 0%; 
	display:flex; 
	align-items: flex-end;
	transform: translateZ(-2px) scale(3) translateY(-18vh); 
	box-shadow: inset 0 -20vh 200vw rgba(34, 34, 34, 0.3);
	animation: practices-header 1.5s ease;
}
 
	@keyframes practices-header {
		0% {  
	    background-size: 195%;
		}  
		100% {  
	    background-size: 200%;
		}
	}

.practices-item-bottom {  
	min-height:45vh;
	height: auto;
	margin: -6vh 0vw 0vw 0vw;
	background: #eee;
	border-radius:  5vw; 
	border-right: 0px solid #141516; 
	border-left: 0px solid #141516; 
	border-top: 0px solid #141516; 
	transition: 0.85s;
	padding: 0; 
	transition: 0.85s;
	transform: translateZ(0); 
}

}

/* практики - мини-блоки --------------------------------------- */

.practices-icon { 
	width: calc(18.6vw - 2vh);
	height: auto;
	margin: 0.20vw;
	background: #141516;
	border-radius: 1vw;
	transition: 0.85s;
	padding: calc(1vh + 1vw); 
	transition: 0.85s;
	overflow:hidden;
	cursor: pointer;
}
	.practices-icon:hover {  
		background: #252525;  
		transition: 0.35s;
	}

/* практики - мини-блоки ------------------------------------MOB */

@media only screen and (max-width: 850px) {
.practices-icon { 
	width: 100%;
	height: auto;
	margin: calc(0.5vh + 0.5vw) calc(2vh + 2vw) calc(0.5vh + 0.5vw) calc(2vh + 2vw);
	background: #141516;
	border-radius: 5vw;
	transition: 0.85s;
	padding: calc(2vh + 2vw); 
	transition: 0.85s;
	overflow:hidden;
}
	.practices-icon:hover {  
		background: #252525;  
		transition: 0.35s;
	}

}
/* практики - элементы ----------------------------------------- */

.description-practices-clients-logo{  
	min-width: 8vh;  
	max-width: 8vh; 
	min-height: 8vh; 
	max-height: 8vh; 
	margin-right:calc(1vh + 1vw);
	float: left; 
	text-align:center;
	vertical-align:middle;
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;  
	margin-block-start: 0em;
	margin-block-end: 0em;  
}
.description-about-doc-logo{  
	min-width: 9vw;  
	max-width: 9vw; 
	min-height: 2vw; 
	max-height: 2vw;  
	float: left; 
	text-align:center;
	vertical-align:middle;
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;   
	margin-block-start: calc(0.5vh + 0.5vw); 
	margin-block-end: calc(0.5vh + 0.5vw); 
}

/* практики - элементы --------------------------------------MOB */

@media only screen and (max-width: 850px) {
.description-practices-clients-logo{  
	min-width: calc(6vh + 6vw);
	min-height: calc(6vh + 6vw);
	margin-right:calc(1vh + 1vw);
	float: center; 
	text-align:center;
	vertical-align:middle;
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;  
	margin-block-start: 0em;
	margin-block-end: calc(1vh + 1vw); 
}
.description-about-doc-logo{  
	min-width: calc(18vh + 18vw);
	min-height: calc(4vh + 4vw);
	margin-left:calc(-1 * (1vh + 1vw));
	float: center; 
	text-align:center;
	vertical-align:middle;
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;  
}
}
/* практики - текст -------------------------------------------- */

.title-practices{
	font-size: calc(0.3vh + 1vw + 4px);
	font-weight: 400;  
	text-transform: uppercase;
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#fff;
}

.description-practices{
	font-size: calc(0.1vh + 0.1vw + 12px);  
	margin-block-start: 0.7em;
	margin-block-end: 0em; 
	font-weight: 600;  
	color:#777777; 
}

.description-practices-inside{
	font-size: calc(0.1vh + 0.1vw + 12px);  
	margin-block-start: 0em;
	margin-block-end: calc(1vh + 1vw); 
	color:#141516; 
}

.title-practices-main{
	position:absolute;
	font-size: calc(0.3vh + 1vw + 4px);   
	font-weight: 600;  
	text-transform: uppercase;
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#141516;
	width:50%; 
	bottom: calc(56vh - 1.40vw - 3px);
}

.description-practices-main-block{
	position:absolute; 
	width:30%;
	margin-left:70%;
	right: calc(1vh + 1.20vw + 3px);
	bottom: calc(56vh - 1.40vw - 2em);
}

.description-practices-main{
	position:block;
	font-size: calc(0.1vh + 0.1vw + 12px);  
	font-weight: 600;  
	text-transform: uppercase;
	margin-block-start: 0em;
	margin-block-end: 2em; 
	color:#141516;
	text-align:right; 
}

.description-practices-clients{
	min-width: 100%; 
	font-size: calc(0.1vh + 0.1vw + 12px);     
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#141516;
	display: flex; 
	flex-wrap: wrap;
	flex-direction: row;  
	justify-content: center;
	align-items: center; 
}
.description-about-doc{
	min-width: 100%; 
	font-size: calc(0.1vh + 0.1vw + 12px);     
	padding-top: calc(1vh + 1vw);
	padding-bottom: calc(1vh + 1vw);
	color:#141516;
	display: flex; 
	flex-wrap: wrap;
	flex-direction: row;  
	justify-content: center;
	align-items: center; 
	border-top: 1px solid #141516;
	border-bottom: 1px solid #141516;
}

.description-practices-clients-text{ 
	max-width: calc(100% - 21px - (9vh + 1vw)); 
	min-width: calc(100% - 21px - (9vh + 1vw)); 
	padding-left: 20px;
	margin-block-start: calc(0.5vh + 0.5vw); 
	margin-block-end: calc(0.5vh + 0.5vw); 
	text-align:left;
}

.description-about-doc-text{ 
	max-width: calc(100% - 21px - 9vw); 
	min-width: calc(100% - 21px - 9vw); 
	margin-block-start: calc(0.5vh + 0.5vw); 
	margin-block-end: calc(0.5vh + 0.5vw);  
	padding-right: 20px;
	text-align:left;
}

.description-practices-top-mob{
    display:none;
}

/* практики - текст -----------------------------------------MOB */

@media only screen and (max-width: 850px) {

.title-practices{
	font-size: calc(2vh + 2vw);
	font-weight: 400;  
	text-transform: uppercase;
	margin-block-start: 0em;
	margin-block-end: 0.5vw; 
	color:#fff;
}

.description-practices{
	font-size: calc(1vh + 1vw);  
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#ccc; 
}

.description-practices-inside{
	font-size: calc(1vh + 1vw);  
	margin-block-start: 0em;
	margin-block-end: calc(2vh + 2vw); 
	color:#141516;
	padding: calc(3vh + 3vw);
}

.title-practices-main{
	position:absolute;
	font-size: calc(2vh + 2vw);
	width:70%;   
	color: #fff;
	bottom: calc(8vh + 2vw);
}

.description-practices-main{
    display:none;
}

.description-practices-clients{
	min-width: 100%; 
	font-size: calc(1vh + 1vw);     
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#141516;
	display: flex; 
	flex-wrap: wrap; 
	flex-direction: column;
}


.description-about-doc{
	min-width: 100%; 
	font-size: calc(1vh + 1vw);     
	margin-block-start: 1em;
	margin-block-end: 1em; 
	color:#141516;
	display: flex; 
	flex-wrap: wrap; 
	flex-direction: column;
	cursor: pointer;
	padding-top: calc(3vh + 3vw);
	padding-bottom: calc(3vh + 3vw);
}

.description-practices-clients-text{ 
	max-width: 100%; 
	padding-left: calc(3vh + 3vw);
	padding-right: calc(3vh + 3vw);
	padding-top: calc(1vh + 1vw);
	border-top: 1px solid #DCDCDC;
	border-left: 0;
	margin-block-end: calc(3vh + 3vw); 
}

.description-about-doc-text{ 
	max-width: 100%; 
	padding-left: calc(3vh + 3vw);
	padding-right: calc(3vh + 3vw); 
	border-left: 0; 
	padding-top: 0; 
	padding-bottom: 1em; 
}

.description-practices-top-mob{
    display: flex;
    flex-direction: column; 
	
}

.description-practices-top-mob-line{
    display: flex;
    flex-direction: row;
	padding-top: calc(3vh + 3vw);
}
.description-practices-top-mob-line-border{
    border-top: 1px solid #DCDCDC;
	width: calc(3vh + 3vw);
}
.description-practices-top-mob-line-box-left{
    text-align:left;
	font-size: calc(0.8vh + 0.8vw);   
	font-weight: 800;   
	width: calc(46vw - 4vh);
	padding-right: calc(1vh + 1vw);
	text-transform: uppercase;
}
.description-practices-top-mob-line-box-right{
    text-align:right;
	font-size: calc(0.8vh + 0.8vw);  
	padding-left: calc(1vh + 1vw);
	font-weight: 800;     
	width: calc(46vw - 4vh);
	text-transform: uppercase;
}

}
/* -------------------------------------------------------------------------------------------- */
/* клиенты */
/* -------------------------------------------------------------------------------------------- */


/* клиенты - тело --------------------------------------------- */

/* клиенты - тело ------------------------------------------MOB */

/* клиенты - hover-тело --------------------------------------- */

.client-open { 
	position: fixed;
	top: 0;
	right: -3vw;
	bottom: 0; 
	width: 42vw;
	height: auto;
	background: #eeeeee;  
	opacity: 0;
	-webkit-transition:  950ms ease;
	-moz-transition:  950ms ease;
	transition: 950ms ease; 
	pointer-events: none;
	overflow: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none;
	z-index:1; 
	box-shadow: -3vw 0px 3vw #eeeeee;
}              
	.client-open::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.client-open:target {
		top: 0vh;
		right: 0;
		opacity: 1;
		pointer-events: auto; 
		-webkit-transition:  450ms ease;
		-moz-transition:  450ms ease;
		transition: 450ms ease; 
		z-index:1000000;
		padding: 0px; 
		box-shadow: -1vw 0px 1vw #eeeeee;
	}

.client-dialog {
	padding: 0px; 
	position: relative; 
	height:100vh;
}

.client-content {
	padding: 0px; 
	position: relative; 
	display: flex;  
	color: #fff;
	height:100vh;
}
              
.client-body {
	position: relative; 
	padding: 0px; 
	font-size: calc(0.3vh + 0.3vw + 4px);
	font-weight: 600;  
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}
       
.client-body-mob {
    display:none;
}
/* клиенты - hover-тело ------------------------------------MOB */

@media only screen and (max-width: 850px) {
    
.client-open {  
	top: -6vh;
	right: 0; 
	width: 100vw;
	background-color: rgb(238 238 238 / 0.9);  
	-webkit-transition:  1200ms ease;
	-moz-transition:  1200ms ease;
	transition: 1200ms ease;  
	box-shadow: 0px; 
}        
	.client-open:target {
		-webkit-transition:  500ms ease;
		-moz-transition:  500ms ease;
		transition: 500ms ease; 
		box-shadow: 0;
	}
	
.client-body {
    display:none;
}  

.client-body-mob {
    width:100vw; 
    display:block;
	position: relative; 
	padding-top: 0; 
	padding-left: calc(2vh + 2vw); 
	padding-right: calc(2vh + 2vw); 
	padding-bottom: 0; 
	font-size: calc(1vh + 1vw);
	font-weight: 600;   
}
}              

/* клиенты - блоки -------------------------------------------- */

.client-icon-table {
position: absolute;
margin-left: 25.25vw;
width: 64vw;
height: 75vh;
padding-top: 25vh;
margin-bottom:10vh; 
overflow-y: scroll; 
-ms-overflow-style: none;
scrollbar-width: none;
  display: flex;  
}
.client-icon-table::-webkit-scrollbar {
      width: 0;
      height: 0;
}
.client-icon-table-column-1,.client-icon-table-column-2, .client-icon-table-column-3  {
    width: calc(64vw / 3);
    height: max-content;
    margin-top:0;
  display: flex; 
  flex-wrap: wrap;
  justify-content: flex-start;
}

.client-icon-table-column-1 { 
	animation: client-icon-column-1 0.4s ease;
}
	@keyframes client-icon-column-1 {
		0% {
	    padding-top: 5vh;   
		} 
		100% {
		padding-top: 0vh;   
		}
	}


.client-icon-table-column-2 {  
	animation: client-icon-column-2 0.8s ease;
}
	@keyframes client-icon-column-2 {
		0% {
	    padding-top: 7vh;   
		} 
		100% {
		padding-top: 0vh;   
		}
	}


.client-icon-table-column-3 {
	animation: client-icon-column-3 1.2s ease;
}
	@keyframes client-icon-column-3 {
		0% {
	    padding-top: 9vh;   
		} 
		100% {
		padding-top: 0vh;   
		}
	}
	
.client-hr {   
	position: relative;
	width: 42vw; 
	right: calc(1vh + 1vw); 
}	
.client-hr-top {    
	border-bottom-left-radius:1vw;
	background: #141516;  
	padding: calc(1vh + 1vw);
	margin-bottom:0.4vw;
}
  
.client-hr-mid {    
	border-bottom-left-radius:1vw;
	border-top-left-radius:1vw;
	background: #141516;  
	padding: calc(1vh + 1vw); 
	margin-bottom:0.4vw;
}

.client-hr-bot {    
	border-top-left-radius:1vw;
	background: #141516;  
	padding: calc(1vh + 1vw);
	flex-grow:1;
} 

/* клиенты - блоки -----------------------------------------MOB */

@media only screen and (max-width: 850px) {
.client-icon-table {
margin-left: 0vw;
width: 100vw;  
}
.client-icon-table-column-1,.client-icon-table-column-2, .client-icon-table-column-3  {
      width: calc(100vw / 3);
}

.client-icon-table-column-1 { 
    margin-top:18vw;
    margin-left:1.5vw;
}


.client-icon-table-column-2 {  
    margin-left:-3vw;
}


.client-icon-table-column-3 {
    margin-top:-18vw;
    margin-left:-3vw;
}

.client-body-mob-top {    
	height: 22vh;
	border-top-left-radius:5vw;
	border-top-right-radius:5vw;
	background: #141516;  
	padding-left: calc(5vh + 5vw);
	padding-right: calc(5vh + 5vw);
	margin-top: 13vh;
	border-bottom: 1px solid #777;
	display:flex;
	justify-content: center;
}

.client-body-mob-bot {    
	background: #141516;  
	height: calc(37vh - 4vw);
	padding: calc(2vh + 2vw);
	border-bottom-left-radius:5vw;
	border-bottom-right-radius:5vw;
	overflow-Y:scroll;	
	-ms-overflow-style: none;
	scrollbar-width: none;
}              
	.client-body-mob-bot::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

}

/* клиенты - мини-блоки --------------------------------------- */

.client-discription { 
	width: calc(40vw - 2vh);
}

.review-client { 
	margin-top: 0vw;
	vertical-align: middle;
	height: 8vw; 
	width: calc(40vw - 2vh);
	font-style: italic;
}

/* клиенты - мини-блоки ------------------------------------MOB */

@media only screen and (max-width: 850px) {
.client-discription { 
	width: 100%;
}
.review-client { 
	margin-top: 0vw;
	vertical-align: middle;
	height: auto; 
	width: 100%;
}
}

/* клиенты - элементы ----------------------------------------- */

.client-icon-back { 
	width: 8vw;
	height: 8vw;
	margin: 1.25vw;
	background: #141516;
	border-radius: 4vw;
	transition: 0.85s;
}
	.client-icon-back:hover { 
		transform: scale(1.1);
		transition: 0.35s;
	}
	.client-icon-back:active { 
		transform: scale(1.15);
		transition: 0.25s; 
	}
	.client-icon-back img {
		width: 8vw;
		height: 8vw;
		cursor: pointer;
	animation: icon-back-img 1s ease;
}
	@keyframes icon-back-img {
		0% {
	    opacity:0;   
		} 
		100% {
	    opacity:1;   
		}
	}

.client-icon-back-none { 
	width: 8vw;
	height: 8vw;
	margin: 1.25vw;
	background: #141516;
	border-radius: 4vw;
	transition: 0.85s;
	opacity:1;
}
	.client-icon-back-none:hover { 
		transform: scale(0.97);
		transition: 0.35s;
		opacity:0.9;
	}
	.client-icon-back-none:active { 
		transform: scale(0.94);
		transition: 0.25s; 
	}
	.client-icon-back-none img {
		width: 8vw;
		height: 8vw; 
	animation: icon-back-img 1s ease;
}
	@keyframes icon-back-img {
		0% {
	    opacity:0;   
		} 
		100% {
	    opacity:1;   
		}
	}

.big-logo-client {
	background: #eeeeee;
	border-radius: 11vw;
	width: 22vw;
	height: 22vw;
	margin-left: calc(20vw - 6vh);
}
	.big-logo-client img {
		width: 22vw;
		height: 22vw;
		color:black;
	}

.review-client-photo { 
	float:left;
	background: #eeeeee;
	border-radius: 4vw;
	width: 8vw;
	height: 8vw; 
	text-align: center; 
	margin-right: 2vw;
}
	.review-client-photo img { 
		width: 8vw;
		height: 8vw; 
		object-fit:cover;
	}


/* клиенты - элементы --------------------------------------MOB */

@media only screen and (max-width: 850px) {
    

.client-icon-back { 
	width: 30vw;
	height: 30vw;
	margin: 3vw; 
	border-radius: 15vw;
	transition: 0.65s;
		transform: scale(1.05);
}
	.client-icon-back:hover { 
		transform: scale(1.15);
		transition: 0.35s;
	}
	.client-icon-back:active { 
		transform: scale(1.2);
		transition: 0.25s; 
	}

	.client-icon-back img {
		width: 30vw;
		height: 30vw; 
	}    

.client-icon-back-none { 
	width: 30vw;
	height: 30vw;
	margin: 3vw; 
	border-radius: 15vw;
	transition: 0.65s;
		transform: scale(1.05);
		opacity:1;
}
	.client-icon-back-none:hover { 
		transform: scale(1);
		transition: 0.35s;
		opacity:0.9;
	}
	.client-icon-back-none:active { 
		transform: scale(0.95);
		transition: 0.25s; 
	}

	.client-icon-back-none img {
		width: 30vw;
		height: 30vw; 
	}

.big-logo-client { 
	border-radius: 0; 
	width: 100%;
	height: 100%;
	margin-left: 0;
	overflow:hidden;
	background-size:contain;
	background-repeat:no-repeat;
} 

.review-client-photo { 
	float:left; 
	border-radius: 7.5vw;
	width:15vw;
	height: 15vw; 
	text-align: center; 
	margin-right: 3vw;
	margin-bottom: 3vw;
	background: #141516;  
}
	.review-client-photo img { 
		margin-top: 0;
		border-radius: 7.5vw;
		width: 15vw;
		height: 15vw; 
		object-fit:cover;
	}
}
	
/* клиенты - текст -------------------------------------------- */

.h-client{
	font-size: 3vh;
	font-weight: 600; 
	margin-block-start: 0em;
	margin-block-end: 0em; 
}
 


/* клиенты - текст -----------------------------------------MOB */


/* -------------------------------------------------------------------------------------------- */
/* контакты */
/* -------------------------------------------------------------------------------------------- */



/* контакты - тело --------------------------------------------- */

/* контакты - тело ------------------------------------------MOB */

/* контакты - hover-тело --------------------------------------- */

.contact-open { 
	position: fixed;
	top: 0;
	right: -3vw;
	bottom: 0; 
	width: 42vw;
	height: auto;
	background: #141516;  
	opacity: 0;
	-webkit-transition:  950ms ease;
	-moz-transition:  950ms ease;
	transition: 950ms ease; 
	pointer-events: none;
	overflow: hidden; 
	-ms-overflow-style: none;
	scrollbar-width: none;
	z-index:1; 
	box-shadow: -3vw 0px 3vw #eeeeee;
}
	.contact-open::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.contact-open:target {
		top: 0vh;
		right: 0;
		opacity: 1;
		pointer-events: auto; 
		-webkit-transition:  450ms ease;
		-moz-transition:  450ms ease;
		transition: 450ms ease; 
		z-index:1000000;
		padding: 0px; 
		box-shadow: -1vw 0px 1vw #eeeeee;
	}

.contact-dialog {
	padding: 0px; 
	position: relative; 
}

.contact-content { 
	display: flex;   
} 

.contact-body { 
	display: flex;  
	flex-direction: row;
} 

.contact-open-right-1 { 
	background: url(images/map-1.jpg);
} 
.contact-open-right-2 { 
	background: url(images/map-2.jpg);
} 
.contact-open-right-3 { 
	background: url(images/map-3.jpg);
} 
.contact-open-right-4 { 
	background: url(images/map-4.jpg);
} 
.contact-open-right-5 { 
	background: url(images/map-5.jpg);
} 

                 
.contact-open-right { 
	flex-direction: column;
	justify-content: center;
	align-items: left;
	padding: calc(1vh + 1vw);
	width:42vw;
	height: calc(98vh - 2vw);  
	background-size: cover;
	background-position:center;
	color:#fff;
	display: flex;   
	transition: 0.4s ease; 
} 

/* контакты - hover-тело ------------------------------------MOB */

@media only screen and (max-width: 850px) {
    

.contact-open { 
	position: fixed;
	top: -3vh;
	right: 0;
	bottom: 0; 
	width: 100vw;
	height: auto;
	background: #141516;  
	opacity: 0;
	-webkit-transition:  550ms ease;
	-moz-transition:  550ms ease;
	transition: 550ms ease; 
	pointer-events: none;
	overflow: hidden; 
	-ms-overflow-style: none;
	scrollbar-width: none;
	z-index:1; 
	box-shadow: -3vw 0px 3vw #eeeeee;
}
	.contact-open::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.contact-open:target {
		top: 0vh;
		right: 0;
		opacity: 1;
		pointer-events: auto; 
		-webkit-transition:  450ms ease;
		-moz-transition:  450ms ease;
		transition: 450ms ease; 
		z-index:1000000;
		padding: 0px; 
		box-shadow: -1vw 0px 1vw #eeeeee;
	}

.contact-dialog {
	padding: 0px; 
	position: relative; 
}

.contact-content { 
	display: flex;   
} 

.contact-body { 
	display: flex;  
	flex-direction: row;
} 
                 

.contact-open-right-1 { 
	background: url(images/map-1.jpg);
} 
.contact-open-right-2 { 
	background: url(images/map-2.jpg);
} 
.contact-open-right-3 { 
	background: url(images/map-3.jpg);
} 
.contact-open-right-4 { 
	background: url(images/map-4.jpg);
} 
.contact-open-right-5 { 
	background: url(images/map-5.jpg);
} 

.contact-open-right { 
	flex-direction: column;
	justify-content: center;
	align-items: left;
	padding: calc(3vh + 3vw);
	width: calc(94vw - 6vh);
	height: calc(94vh - 6vw);  
	background-size: cover;
	background-position:center;
	color:#fff;
	display: flex;   
	transition: 0.4s ease; 
} 

}

/* контакты - блоки -------------------------------------------- */

.contact-table {
	position: absolute;
	margin-left: 25.25vw;
	display:flex;
	overflow-X: hidden; 
}

.contact-item-list {
	position: relative; 
	width: 42vw;
	height: 100vh; 
	display: flex; 
	flex-direction: column;
	justify-content: space-between;
	gap: 0.4vw;
	overflow-y:scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: hidden; 
} 
	.contact-item-list::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

.contact-mob-list {
    display:none;
}

/* контакты - блоки -----------------------------------------MOB */

@media only screen and (max-width: 850px) {

.contact-table {  
	width: calc(100% - (6vh + 6vw)); 
	height: calc(100% - (28vh + 3vw));
	margin-left: 0; 
	padding-left: calc(3vh + 3vw); 
	padding-right: calc(3vh + 3vw); 
	padding-top: 25vh; 
	padding-bottom: calc(3vh + 3vw); 
	flex-direction: column;
	overflow-y: scroll; 
	-ms-overflow-style: none;
	scrollbar-width: none; 
}
	.contact-table::-webkit-scrollbar {
		width: 0;
		height: 0;
	}

.contact-item-list {
    display:block;
	}
	
.contact-mob-list { 
    display: block;
	position: relative;
    border-top:1px solid #cdcdcd;
	padding-left: calc(3vh + 3vw); 
	padding-right: calc(3vh + 3vw); 
	padding-top: calc(2vh + 2vw); 
	padding-bottom: calc(3vh + 3vw); 
	margin-left: calc(-3vh - 3vw);
	margin-right:calc(-3vh - 3vw);
	transition: 0.2s;
	}
.contact-mob-list:hover { 
    background: #ccc;
	}
	
.contact-mob-list:active { 
    background: #dedede;
	}
	
}
/* контакты - мини-блоки --------------------------------------- */
.contact-text {
	position: relative;
	width: 21vw;
	margin-right: 11.75vw;
	height: auto;  
	-ms-overflow-style: none;
	scrollbar-width: none;
	display: inline-flex; 
	flex-wrap: wrap; 
	float: left; 
	flex-direction: column;
	justify-content: center;
}
	.contact-text::-webkit-scrollbar {
	    width: 0;
	    height: 0;
	}

.contact-item-1 { 
	border-radius: 0vw 0vw 0vw 1vw;
	background: url(images/map-1.jpg);
	cursor: pointer;
} 
.contact-item-2 { 
	border-radius: 1vw 0vw 0vw 1vw;
	background: url(images/map-2.jpg);
	cursor: pointer;
} 
.contact-item-3 { 
	border-radius: 1vw 0vw 0vw 1vw;
	background: url(images/map-3.jpg);
	cursor: pointer;
} 
.contact-item-4 { 
	border-radius: 1vw 0vw 0vw 1vw;
	background: url(images/map-4.jpg);
	cursor: pointer;
} 
.contact-item-5 { 
	border-radius: 1vw 0vw 0vw 0vw;
	background: url(images/map-5.jpg);
	cursor: pointer;
} 

.contact-item-1, .contact-item-2, .contact-item-3, .contact-item-4, .contact-item-5 { 
	height: auto;  
	flex-grow: 1;
	display: flex; 
	flex-direction: column;
	justify-content: space-between;
	padding: calc(1vh + 1vw);
	transition: 0.6s ease;
	background-size: cover;
	background-position:center;
	width: 42vw;
	opacity:0.95;
} 
	.contact-item-1:hover, .contact-item-2:hover, .contact-item-3:hover, .contact-item-4:hover, .contact-item-5:hover { 
		width: 44vw;
		opacity:1;
		flex-grow: 1.3;
	} 

/* контакты - мини-блоки ------------------------------------MOB */

@media only screen and (max-width: 850px) {

.contact-text { 
	width: 100%;
	margin-right: 0;
}
	
}
/* контакты - элементы ----------------------------------------- */

.contact-icons {
	display:flex; 
}
	.contact-icons-1 {
		background: url(contact-icon-f.svg);
	}
	.contact-icons-2 {
		background: url(contact-icon-v.svg);
	}
	.contact-icons-3 {
		background: url(contact-icon-t.svg);
	}

.contact-icons-1, .contact-icons-2, .contact-icons-3 {
	width: 4vh;
	height: 4vh;
	margin-right:1vh;
	transition: 0.5s;
	background-size: contain; 
	opacity: 1;
}
	.contact-icons-1:hover, .contact-icons-2:hover, .contact-icons-3:hover { 
		transform: scale(1.05); 
		opacity: 0.7;
	}
 

.contact-hr{
    width:28vw;
    margin-top: calc(1vh + 1vw);
    border-bottom:1px solid #fff;
    margin-bottom: calc(1vh + 1vw);
}

/* контакты - элементы --------------------------------------MOB */

@media only screen and (max-width: 850px) {
 
.contact-icons {
	margin-block-end: calc(5vh + 5vw); 
}
	.contact-icons-1, .contact-icons-2, .contact-icons-3 {
	width: 7vh;
	height: 7vh;
	margin-right:2vh;
	transition: 0.5s;
	background-size: contain; 
	opacity: 1;
}

.contact-hr{
    width:100%;
    margin-top: calc(3vh + 3vw);
    border-bottom:1px solid #fff;
    margin-bottom: calc(3vh + 3vw);
}

}

/* контакты - текст -------------------------------------------- */

 

.title-contact-email{ 
	font-size: calc(0.3vh + 1vw + 4px); 
	font-weight: 600;   
	margin-block-start: calc(1vh + 1vw);
	margin-block-end: calc(1vh + 1vw); 
	color:#141516;
}

.description-contact{
	font-size: calc(0.1vh + 0.1vw + 12px);  
	margin-block-start: 0em;
	margin-block-end: 0em; 
	color:#141516;
}

.title-contact-item{
	font-size: calc(0.3vh + 1vw + 4px);   
	font-weight: 500;   
	color:#fff;
	width:21vw; 
	top: 0;
	margin-block-start: 0em;
	margin-block-end: 0em; 
}

.description-contact-item{ 
	font-size: calc(0.1vh + 0.1vw + 12px);    
	color:#fff;
	width:21vw; 
	bottom: 0; 
	margin-block-start: 0em;
	margin-block-end: 0em; 
}

.title-contact-item a, .description-contact-item a{  
	color:#fff;
	text-decoration:none;
}

/* контакты - текст -----------------------------------------MOB */

@media only screen and (max-width: 850px) {

.title-contact-email{ 
	font-size: calc(1.7vh + 1.7vw);  
	font-weight: 600;   
	margin-block-start: calc(5vh + 5vw);
	margin-block-end: calc(2vh + 2vw);  
}

.description-contact{
	font-size: calc(1vh + 1vw);   
	font-weight: 600;   
}

.contact-mob-city-name{ 
	font-size: 4vh;  
	font-weight: 600;   
	margin-block-start: 0;
	margin-block-end: calc(1vh + 1vw);  
}

.title-contact-item{
	font-size: calc(2.2vh + 2.2vw);   
	font-weight: 600;   
	color:#fff;
	width:80vw; 
	top: 0;
	margin-block-start: 0em;
	margin-block-end: 0em; 
}

.description-contact-item{ 
	font-size: calc(1vh + 1vw);     
	font-weight: 600;   
	color:#fff;
	width:60vw; 
	bottom: 0; 
	margin-block-start: 0em;
	margin-block-end: 0em; 
}

}