@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;900&display=swap');
body > * {
    position: relative;
}
body > header {
    
    top: 0px;
}

:root {
  --space-unit:  1em;
  --space-xxxxs: calc(0.125 * var(--space-unit));
  --space-xxxs:  calc(0.25 * var(--space-unit));
  --space-xxs:   calc(0.375 * var(--space-unit));
  --space-xs:    calc(0.5 * var(--space-unit));
  --space-sm:    calc(0.75 * var(--space-unit));
  --space-md:    calc(1.25 * var(--space-unit));
  --space-lg:    calc(2 * var(--space-unit));
  --space-xl:    calc(3.25 * var(--space-unit));
  --space-xxl:   calc(5.25 * var(--space-unit));
  --space-xxxl:  calc(8.5 * var(--space-unit));
  --space-xxxxl: calc(13.75 * var(--space-unit));
  --component-padding: var(--space-md); }
  
  :root {
  --max-width-xxxxs: 20rem;
  --max-width-xxxs:  26rem;
  --max-width-xxs:   32rem;
  --max-width-xs:    38rem;
  --max-width-sm:    48rem;
  --max-width-md:    64rem;
  --max-width-lg:    80rem;
  --max-width-xl:    90rem;
  --max-width-xxl:   100rem;
  --max-width-xxxl:  120rem;
  --max-width-xxxxl: 150rem; }
  
  


body {
    align-items: stretch;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
	    background: #F4F4F4;
}
a {
	text-decoration: none;
}
h1, h2, h3, p, span, a {
	font-family: Inter;
}
p, h1, h2 {
	margin:0;
}

.header-container {

background: url(./img/sphera.webp);
height: 1078px;
flex-shrink: 0;
display: flex;
background-repeat: no-repeat;
 /*   background-blend-mode: soft-light; */
    background-position: 389px 23%;
	    justify-content: center;
}

.row {
	display:flex;
}
.col {
	display:flex;
	flex-direction: column;
}
.header {
	
    box-sizing: border-box;
	    position: relative;
    z-index: 11;
	max-width: 1920px;
}
@media (min-width: 1920px) {
	.header {margin: auto; }
	.bac {
		max-width: 1920px;
		margin: auto;
	}
}
@media (max-width: 1920px) {
	.header {margin: auto; }
}
.w100 {
	width:100%;
}
.jcenter {
	    justify-content: center;
}
.backgradient {
backdrop-filter: opacity(0.6);
flex-shrink: 0;
width: 100%;
max-width: 1920px;
height: 100%;
}
.topheader {

	    justify-content: space-between;
		border-bottom: 1px solid #C7C7C7;

}
.none {
	display: none!important;
}
.filter-top {

    width: 100%;
    background: linear-gradient(0deg, #F4F4F4 0%, rgba(217, 217, 217, 0.00) 92.56%);
	    position: relative;

	    top: -410px;
    height: 468px;
}
.headerbottom {
	border-top: 1px solid #C7C7C7;
}
.linetop {
	width: 1880px;
    margin-left: 23px;
	border: 0.50px #45758F solid;
}
.logosvg {
	width: 170px;

flex-shrink: 0;
}
.buttontop:hover {
	background-color:#005DF3;
}
.mail:hover svg path{
	fill: rgb(0, 93, 243);
}

.telegramm:hover {
	fill: rgb(0, 93, 243);
}


.ptext {
	color: #292F3A;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 85%; /* 12.75px */
letter-spacing: -0.9px;
width: 160px;
}
.ptext2 {
color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
letter-spacing: -1.44px;
text-decoration-line: underline;
}
.ptext2:hover {
	color: #005DF3;
}
.buttontop {
display: inline-flex;
padding: 16px 32px;
align-items: center;
gap: 10px;
border-radius: 12px;
background-color: #292F3A;
cursor: pointer;
margin-left: 16px;
min-height: 27px;
}
.buttontopcat {
display: inline-flex;
padding: 16px 32px;
align-items: center;
gap: 10px;
border-radius: 12px;
background-color: #005DF3;
cursor: pointer;
margin-left: 16px;
min-height: 27px;
}
.circlebut {
	display: flex;
width: 24px;
height: 24px;
transform: rotate(-90deg);
justify-content: center;
align-items: center;
border-radius: 6px;
background: #FFF;
}
.svgline {
	fill: #000;
	width: 10px;
height: 10px;
flex-shrink: 0;
transform: rotate(90deg);
}
.icontop {
	width: 24px; 
	height: 24px;
}
.icontop:hover svg path{
stroke: #005DF3;
}
	
.icontop2 {
	width: 24px; 
	height: 24px;
}
.mobile {
	display: none;
}
.icontop2:hover svg{
	fill: #005DF3;
	stroke: #005DF3;
} 

.icontop2:hover svg g path{
	fill: #005DF3;
}

.center {
	align-items: center;
}
.headtext {
	gap: 10px;
}
.button_text {
	color: #FFF;

font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 18px */
letter-spacing: -0.8px;
margin: 0;
}
.signtop {

	gap: 12px;
} 
.top200 {
	margin-top: 200px;
}
.inpicslider1 {

width: 461px;
height: 398px;

/* prom.tech/Woodsmoke */
background: #151618;
border-radius: 24px;

flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}
.crda {
	box-sizing: border-box;
}
.crd1 {
	height: 460px;
width: 925px;
	justify-content: space-between;
	border: 1px solid #C5C5C5;
border-radius: 24px;
padding: 34px;
box-sizing: border-box;
	
}
.crd1:hover {
	 background-color: #eaeaea;
}
.crd1:hover .infoslider a .svghoverink path:first-child {
	fill: #005DF3;
	    text-shadow: 1px 1px 2px #9E9E9E;
}
.crd1:hover .infoslider a .svghoverink g path {
	fill: white!important;
}
.crd1:hover .leftresh div .titleslider a{
  color:#005DF3;
      text-shadow: 1px 1px 2px #9E9E9E;
}

.crd1:hover .infoslider a .imgresh {
	transform: scale(1.1);
}
.crd1:hover .leftresh .cardgap .slidertegresh{
	background-color: #FFFFFF;
}
.elsebutton2 {
	width: 100%;
    position: relative;
    height: 40px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 13px;
    letter-spacing: -0.8px;
    cursor: pointer;
    flex: none;
    order: 0;
    flex-grow: 0;

}

.gap20 {
	gap: 20px;
}
.cardwrap {
	gap: 30px 10px;
	min-height: 1100px;
}
.leftresh {
	justify-content: space-between;
}
#cardSlidermain1 {
	--f-carousel-slide-width: 25%;
	--f-carousel-spacing: 10px;
}

@media (max-width: 852px) {
.cardgap {
	width: unset!important;
	
}
.leftresh {
	order: 1;
	gap: 20px;
}
.crd1 {
    justify-content: center!important;
	flex-direction: column;
	height: 100%!important;
}	
.infoslider {
	align-items: center!important;
}
.infoslider a svg{
	display: none;
}

}
@media (max-width: 640px) {
	    .crd1 {
			gap: 10px;
			width: unset!important;
		}
}

@media (max-width: 500px) {
	.dateslider, .slidertegresh span {
		font-size: 14px!important;
	}
	.titleslider { 
	font-size: 24px!important;
	}
	
	.leftresh {
		gap:10px!important;
	}
	.s2ar p{
		display: none!important;
	}
	    .newcard {
			width: 100%!important;
		}
		.newcard_left {
		width: unset!important;
		}
}

@media (max-width: 1913px) and (min-width: 1444px){
	.cardwrap {
		margin-left: 467px;
	}
}
@media (max-width: 1443px) and (min-width: 1050px){
	.cardwrap {
		margin-left: 310px;
	}
}
@media (max-width: 1049px){
	.cardwrap {
		margin-left: unset;
	}
}
	
}

.cardgap {
width: 461px;
}
.infoslider {
	gap: 20px;
	    display: flex;
    align-items: flex-end;
	align-content: space-between;
	flex-direction: column;
	justify-content: space-between;

}

.s2ar {
	gap: 10px;
	    align-items: center;
}
.s2ar p {

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 20px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #292F3A;

}
.s2ar1 {
	gap: 20px;
	    align-items: center;
		cursor:pointer;
}
.s2ar1 p {

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 20px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #F4F4F4;

}
.s2ar1:hover svg path:nth-child(2) {
	fill:#005DF3;
}

.formz2 .wpcf7-spinner {
	display:none;
}


.s2ar:hover p {
	color: #005DF3;
}

.s2ar:hover svg path:first-child {
	fill:#005DF3;
}
.joinblock {

		    justify-content: center;
    gap: 10px;
}

.jointg {
        background-repeat: no-repeat;
    max-width: 930px;
    background-image: url(./img/fontg.png);
    background-size: contain;
    border-radius: 24px;
    align-items: flex-start;
    padding: 40px;
    box-sizing: border-box;
    min-height: 460px;
    background-position: bottom;
    background-color: #292F3A;
	width:100%;
}
.jointg  h3{

max-width: 368px;


font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 42px;
line-height: 45px;
/* or 107% */
display: flex;
align-items: center;
letter-spacing: -2.52px;
margin:0;
color: #EFEFEF;


}	
.leftjointg {
	display: flex;
    flex-direction: column;
	    height: 380px;
    justify-content: space-between;
}
.jointg p {

width: 344px;

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
/* or 130% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #BCBCBC;
}
.jointg span {
	font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
/* or 130% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #BCBCBC;
}	

.dateslider {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
/* identical to box height */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #8293A1;


/* Inside auto layout */

}
.titleslider {
	/* Поставка видеостудии Jalinga в Российскую академию народного хозяйства и государственной службы 

width: 461px;
height: 128px;
*/
font-family: 'Inter';
font-style: normal;
font-weight: 400;
    font-size: 36px;
    line-height: 37px;
/* or 107% */
display: flex;
align-items: center;
letter-spacing: -0.8px;
padding-right: 34px;
color: #292F3A;


/* Inside auto layout */


}
.titleslider a {
color: #292F3A;
}
.titleslider:hover a {
color: #005DF3;
}	
	
.slidertegresh {
	/* Button/Filter */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 16px;
gap: 8px;

background: #E1E4EA;
border-radius: 100px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.slidertegresh span {

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 13px;
/* identical to box height, or 72% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #292F3A;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.pad30 {
	padding-top: 30px;
	padding-bottom: 30px;

}
.wrap {
	flex-wrap: wrap;
}

.h1top {
	color: #FFF;

font-size: 140px;
font-style: normal;
font-weight: 400;
line-height: 85%; /* 119px */
letter-spacing: -5.6px;
width: 1189px;
margin-left: 24px;

}
.logotop {
flex-shrink: 0;
fill: #292F3A;
}
.topmidl {

margin-left: 32px;
margin-top: 223px;
position: relative;
}
.top_p {
color: #292F3A;
font-family: Inter;

font-style: normal;
font-weight: 400;
line-height: 110%; /* 79.2px */
letter-spacing: -2.32px;
margin-top: 56px;
position:relative;
z-index: 10;
}
.limit1 {
	width: 556px;
	    margin-top: 32px;
    margin-left: 24px;
}
.wrapper {

}
.screen_one_wrap {
	        height: 940px;
}
.pos2 {
	margin-left: 32px;
	
}
.s2h2 {
	color: #292F3A;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 60px */
letter-spacing: -2.76px;
}
.menupunkt {
	color: #002854;
font-size: 46px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 55.2px */
letter-spacing: -1.84px;
margin-top: 35px;
margin-left: 42px;
}
.menubut {
	width: 100%; 
	height: 100%; 
	border-radius: 46px; 
	border-top: 0.50px #CFCFCF solid;
	justify-content: space-between;
	height: 120px;
}
.menufirst {
	margin-top: 90px;
}	
.s2arrow {
	gap: 12px;
}
.svgarrow:hover g circle{
	fill: #005DF3;	
	opacity: 0.8;
}
.svgarrow:hover g path{
	stroke: white;
}

.s2row {
	justify-content: space-between;
	border-bottom: 1px solid #C7C7C7;
	align-items: center;
	margin-right: 32px;

}
.menu_s2 {
	margin-top:12px;
	align-items: center;
}
.s2menucontent {
	display: inline-flex;
padding: 6px 37px 6px 12px;
align-items: center;
gap: 28px;
border-radius: 46px;
background: #ECEDF1;
}
.punkt {
	color: #000;

font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
}
.s2active {
	display: flex;

justify-content: center;
align-items: center;
gap: 10px;
border-radius: 38px;
background: #FBFBFC;
}
.s2partner {
	width: 120px;

filter: grayscale(01) brightness(0.7) opacity(0.5);
}
.s2second {
    align-items: center;
}
.s2card {
flex-shrink: 0;
border-radius: 18px;
background: #ECEDF1;
}
.s2grid {
	display: flex;
    flex-wrap: wrap;
    margin-top: 46px;
	gap: 30px 10px;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
}
.s2cardname {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 32px;
background: #FFF;
margin-left: 24px;
}
.s2cardname span{
	color: #000;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
}
.s2img {
	width: 460px;
height: 360px;
flex-shrink: 0;
background-repeat: no-repeat;
background-position: 50%;

    background-size: 70%;
}
.s2cc {
	align-items: center;
}
.openmenu {
	display: flex;
width: 64px;
height: 64px;
padding: 2.51px 10.9px 3.49px 11.1px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 102px;
        border-right: solid 0.5px #00EEC9;
    margin-top: 35px;
    margin-right: 42px;
}
.svgmenu {
	width: 24px;
height: 17.11px;
flex-shrink: 0;
    transform: rotate(90deg);
}
.s2block {
	width: 551px;
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 145%; /* 29px */
letter-spacing: -0.8px;
}
.s2button{
	display: inline-flex;
padding: 22px 32px;
align-items: center;
gap: 10px;
border-radius: 32px;
background: #EAEEF1;
width: 325px;
justify-content: center;
}
/*
.s2btext {
	color: #041D2C;

font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 100%; 
letter-spacing: -0.60px;
} */
.s2imgzavod {
	width: 766px;
height: 239px;
flex-shrink: 0;
border-radius: 32px;
background: #EAEAEA;
background: url(./img/zavod.webp), lightgray 50% / cover no-repeat;
overflow: hidden;
background-size: 162% 344%;
    background-position-y: 53%;
	background-position-x: 52%;
}

}
.s2-3 {
	margin-top: 58px;
	gap: 67px;
}
.s2-4 {
	gap: 32px;
}


.s3 {
	border-radius: 32px;
background: #151618;
margin-top: 186px;
height: 1530px;
display: none;
}
.menu_s2 {
	display: none;
}

.s3h2 {
	color: #F0F0F0;

font-style: normal;
font-weight: 400;
line-height: 100%; /* 60px */
letter-spacing: -5.76px;
    margin-top: 163px;
}
.s3-1 {
	display: flex;
	flex-direction: column;

}
.f-carousel__dots li button {
	display: none!important;
}
.viz {
  opacity: 1;
  transition: 1s;
}

	
.s3pointact {
	color: #EAEEF1;

font-size: 86px;
font-style: normal;
font-weight: 300;
line-height: 98%; /* 84.28px */
letter-spacing: -3.44px;
}
.s3point {
	color: rgba(255, 255, 255, 0.40);

font-size: 86px;
font-style: normal;
font-weight: 400;
line-height: 98%; /* 84.28px */
letter-spacing: -3.44px;
}
.s3desc {
	gap: 12px;
}
.s3desc p{
	color: #F4F4F4;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 24px */
letter-spacing: -0.96px;
}
.s3h22 p {
	color: #F4F4F4;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 22px */
letter-spacing: -0.88px;
}
.s3h22 {
	align-items: center;
	margin-top: 33px;
}
.s2h22img {
	width: 120px;
height: 33.418px;
opacity: 0.6;
    filter: grayscale(01) brightness(0.7);
}

.s3content {
	margin-top: 65px;
}
.s3svg, .f-carousel__dots li{
	width: 30.842px;
height: 30.842px;
background-image: url(./img/swicth.svg);
background-repeat: no-repeat;

}

.s3phrase {
	gap: 15px;
}
.s3slider {
	
/*	background-image: url(./img/background3.webp); */
	background-repeat: no-repeat;
	        background-size: contain;

	width: 80%;
    flex-shrink: 0;
	    position: relative;
    top: -100px;
    background-position-y: -156px;
	background-position-x: 158px;
}
.s3svg {
	width: 20px;
height: 20px;
fill: radial-gradient(50% 50% at 50% 50%, rgba(142, 142, 166, 0.80) 0%, rgba(142, 142, 166, 0.00) 100%);
}
.s3switch {
	position: relative;
	    top: 670px;
		gap: 16px;
}

.s4 {
	margin-top: 196px;

	display: flex;
	flex-direction: column;
	gap: 45px;
}
.s4card {

flex-shrink: 0;
border-radius: 24px;
background: #151618;
overflow: hidden;
    position: relative;
    z-index: 1;
}
/*
.s4cardin {
    width: 1661px;
    height: 1783px;
    background: url(./img/bgcard1.webp);
    background-position: 167% 274%;
    background-repeat: no-repeat;
    transform: rotate(-294deg);
    position: relative;

} */
.s4cardin {
	 position: absolute;
  height: 100%;
}
.s4cardin:before {
	content: "";
    position: absolute;
    width: 1661px;
    height: 1783px;
    z-index: -1;
    background: url(./img/bgcard1.webp);
    background-position: 0% 0%;
    background-repeat: no-repeat;
	background-size: contain;
	    left: 610px;
}
.s4cardin2 {
	 position: absolute;
  height: 100%;
  width: 100%;
}
.s4cardin2:before {
content: "";
    position: absolute;
    width: 1096px;
    height: 100%;
    top: 0;
    left: 40%;
    z-index: -1;
    background: url(./img/bgcard2.webp);
    background-position: 5% 20%;
    background-repeat: no-repeat;
    background-size: cover;  
}	

.s4cardin3 {
	 position: absolute;
  height: 100%;
}
.s4cardin3:before {
	content: "";
    position: absolute;
    width: 985px;
	height: 100%;
    z-index: -1;
    background: url(./img/bgcard31.webp);    
    background-repeat: no-repeat;
	    background-position: 0% 0%;
		background-size: cover;  
		    left: 460px;
      
}

.flexpost {
	display: flex;
	flex-direction:column;
	    margin: auto;
}
@media (min-width: 1440px)
{
.uslugi:before {
	left:1276px!important;
	    background-size: contain;
}
.uslugi22:before {
	left:1286px!important;
	   
}
.uslugi23:before {
	left:780px!important;
	   
}
.uslugi24:before {
	left:949px!important;
	   
}
.uslugi25 {
	left: 310px;
    height: 80%;
    top: 235px;
}

.uslugi2 {
	left: 480px;
	background-position: 80% 0%;
	    background-size: cover;
}


}

@media (min-width: 1200px) and (max-width: 1440px) {
	.uslugi:before {
	left:730px!important;
}

}
@media (max-width: 1440px) {
	.joinblock {
	    flex-direction: column;
		    align-items: center;
}	
}
@media (max-width: 800px) {
	.joinblock {
	    flex-direction: column;
		    align-items: center;
}	
.top200 {
    margin-top: 100px;
}
.mar25 {
	     margin-left: unset!important;
		 margin-top: unset!important;
}
.innersendemail, .innerjointg {
	flex-direction: column;
}
.jointg {
	height: 650px;
}
.sendemail {
	height: 650px;
}

}
@media (max-width: 550px) {
	.leftsendemail h3 {
		font-size: 36px!important;
    line-height: 35px!important;
    letter-spacing: -2.52px!important;
	margin-top: 20px!important;
	}
	.leftjointg h3 {
				font-size: 36px!important;
    line-height: 35px!important;
    letter-spacing: -2.52px!important;
	margin-top: 20px!important;
	}
	.leftsendemail p {
				font-size: 18px!important;
    line-height: 26px!important;
    letter-spacing: -0.8px!important;
	}
	.leftjointg p {
						font-size: 18px!important;
    line-height: 26px!important;
    letter-spacing: -0.8px!important;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	.inputform2 { 
	    width: 340px!important;
	}
	.sendemail, .jointg  { 
	padding: 20px!important;
	    background-size: 190%;
    background-position-x: 90%;
	}
	.innersendemail  {
		align-items: flex-start;
	}
	.formz2 {
    justify-content: flex-start!important;
}
.leftjointg { 
    justify-content: unset!important;
}
}
@media (min-width: 1100px) and (max-width: 1440px) {
	.uslugi22:before {
	left:777px!important;
	}
	.uslugi23:before {
	left:585px!important;
	}
	.uslugi24:before {
	left:460px!important;
	}
	
}
@media (min-width:480px) and (max-width: 1100px) {
.l2h2, .l8h2, .l2h3 {
    font-size: 38px!important;
}
.uslugi-p p {
	font-size: 32px!important;
}

}
.s4cardin4 {
	 position: absolute;
  height: 100%;
}
.s4cardin4:before {
	content: "";
    position: absolute;
width: 757px;
height: 100%;
    z-index: -1;
    background: url(./img/bgcard41.webp);
    background-position: 0% 0%;
    background-repeat: no-repeat;
	background-size: cover;
	left: 660px;
   
  
}
.s4cardin1 {
	 position: absolute;
  height: 100%;
}
.s4cardin1:before {
	content: "";
    position: absolute;
width: 757px;
height: 100%;
    z-index: -1;
    background: url(./img/bgcard41.webp);
    background-position: 0% 0%;
    background-repeat: no-repeat;
	background-size: cover;
	left: 660px;
   
  
}



.s4cardin5 {
	 position: absolute;
  height: 100%;
}
.s4cardin5:before {
	content: "";
    position: absolute;
width: 648px;
height: 100%;
    z-index: -1;
    background: url(./img/bgcard5.webp);
    background-position: 0% 0%;
    background-repeat: no-repeat;
	background-size: cover;
  
	left: 777px;
   
  
}
.s4g {
	gap: 8px;
}
.s4gg {
	gap:12px;
}

.s4cardfilter1 {
	height: 388px;
    background: linear-gradient(0deg, #292F3A 0%, rgba(21, 22, 24, 0.00) 100%);
}	
.s4cardfilter12 {
 /*   height: 485px; */
    background: linear-gradient(0deg, #292F3A 0%, rgba(21, 22, 24, 0.00) 100%);
    display: flex;

    align-items: center;
}
.s4cardfilter3 {
	height: 488px;
    background: linear-gradient(0deg, #292F3A 0%, rgba(21, 22, 24, 0.00) 100%);
}		

.s4cardno {
	color: #bcbcbc;
font-feature-settings: 'salt' on, 'ss01' on;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
}
.s4cardtop {
display: flex;
    align-items: center;
    margin-left: 40px;
    margin-top: 40px;
    margin-bottom: 30px;
}
.s4cardtext {
	gap: 24px;
	margin-left: 40px;
}
.s4cardtext h2{
	color: #EFEFEF;
font-variant-numeric: stacked-fractions;
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 50.4px */
letter-spacing: -2.52px;	
width: 400px;
}
.s4cardtext p{
	
	width: 453px;
color: #bcbcbc;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
letter-spacing: -0.8px;
}
.s4row {
	justify-content: space-between
}
.s4arrow {
	display: flex;
width: 100px;
height: 100px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 102px;
background: #EAEEF1;
}
.svgarrowleft {
	width: 14.728px;
height: 21px;
flex-shrink: 0;
fill: #9BA5AB;
transform: rotate(180deg);
}
.svgarrowright {
		width: 14.728px;
height: 21px;
flex-shrink: 0;
fill: #9BA5AB;
}
.s4img {
	display: flex;
width: 713px;
padding: 67px 36px 38px 36px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
border-radius: 18px;
background: #ECEDF1;
box-sizing: border-box;
}
@media (max-width:1440px) {
.s4img2 {
width: 370px!important;
overflow: hidden;
}	
.s5h2 {
	font-size: 186px!important;
}
.s6counter {
	gap: 45px!important;
}	
.s7h2 {
	font-size: 210px!important;
}
.footer-content {
	gap:60px;
}
.footer-pdescript {
	font-size: 14px!important;
}

}
.s4img2 {
	display: flex;
width: 713px;
padding: 67px 36px 38px 36px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
border-radius: 18px;
background: #ECEDF1;
box-sizing: border-box;
}
.s4button {
	display: flex;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 32px;
background: #FFF;
}
.s4buttontext {
	color: #000;

font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
}
.s4imgsize {
	width: 641px;
height: 366px;
background: url(./img/image2.webp);
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);

    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -10rem;
}
.s4imgsize1 {
	width: 641px;
height: 366px;
background: url(./img/image1.webp);
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06);

    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -7rem;
}
.s4rowimg {
	gap: 15px;
}
.s5 {
	background: url(./img/s5back.jpg);
	    background-size: cover;
    background-repeat: no-repeat;
	
height: 1333.496px;
margin-top: 160px;
margin-right: 32px;

}
.s5fon {
	opacity: 0.3;
background: linear-gradient(180deg, rgba(0, 40, 84, 0.78) 0%, rgba(26, 94, 212, 0.78) 100%);
    backdrop-filter: blur(6px);
height: 100%;
}

.s5h2 {
	color: #ECEDF1;

font-size: 236px;
font-style: normal;
font-weight: 400;
line-height: 98%; /* 231.28px */
letter-spacing: -9.44px;
margin-left: 500px;

}
.s6 {
/*	margin-top: 420px; */
}
.s6w {
	border-bottom: 1px solid #C7C7C7;
	    justify-content: space-between;
		padding-bottom: 18px;
		margin-right: 32px;
		margin-top: 294px;
} 
.s6ww {
		border-bottom: 1px solid #C7C7C7;
	    justify-content: space-between;
		padding-bottom: 18px;
}
.s6num {
color: #292F3A;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.8px;
border-bottom: 1px solid #D3D3D3;
}
.s6numw2 {
	width: 238px;
}
.s6button {
	display: flex;
height: 75px;
justify-content: center;
align-items: center;
gap: 12px;
flex-shrink: 0;
border-radius: 24px;
background: #FFF;
margin-top: 56px;
cursor: pointer;
}
.s6background {
	height: 510px;
	background-image: url(./img/s6bg.svg);
	background-repeat: no-repeat;
	background-position: 235px 0px;
	    background-size: contain;
	
}

@media (min-width: 800px) and (max-width: 1440px ) {
	.s6background {
	height: 410px;
	}
}

.s6card {
	display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 24px;
border: 1px solid #C5C5C5;
}


.s6card:hover {
	border: 1px solid rgb(0, 93, 243)!important;
}

.s6btext {
	color: #767589;


font-style: normal;
font-weight: 500;
line-height: 100%; /* 20px */
letter-spacing: -1.2px;
}
.s6firm {
	margin-top: 56px;
	margin-left: 32px;
	gap: 24px;
}
.s6cardsvg {
	width: 220px;
height: 46.744px;
}
.s6big {
	color: #292F3A;
font-style: normal;
font-weight: 400;
line-height: 98%; /* 215.6px */
letter-spacing: -15.4px;
}
.s6sp {
	color: #292F3A;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.8px;
padding-bottom: 16px;
}
.s6b {
	    align-items: flex-end;
		gap: 7px;
}
.s6counter {
	margin-top: 88px;
	gap: 134px;
}
.s6col {
	gap: 37px;
}
.s6col1 {
	gap: 37px;
	width: 376px;
}

.s8 {
	border-radius: 24px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(./img/s8bg.webp) right no-repeat, #151618;
	    margin-top: 118px;

}
.sendemail {
	    max-width: 930px;
    background: #005DF3;
    border-radius: 24px;
    align-items: flex-start;
    padding: 40px;
	    box-sizing: border-box;
		    min-height: 460px;
}
.innersendemail {
	gap: 24px;
	flex: none;
order: 0;
flex-grow: 0;
}
.leftsendemail{
	gap: 61px;
}
.formaZ label{
	display: none;
}
.formaZ {
	gap: 12px;
}
.dform1{
	display: none;
}
.forma930 {
	height: 380px;
	justify-content: space-between;
}
.wpcf7 form .wpcf7-response-output {
	font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.8px;
    color: #E4E4E4;
}
.formz2 {
	justify-content: flex-end;
}
.leftsendemail h3{
	font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 42px;
line-height: 45px;
/* identical to box height, or 107% */
display: flex;
align-items: center;
letter-spacing: -2.52px;
margin: 0;
color: #EFEFEF;
}
.inputform2 {
box-sizing: border-box;

width: 420px;
height: 50px;

background: #FFFFFF;
border: 1px solid #C7C7C7;
border-radius: 55px;
    padding-left: 18px;

    font-size: 20px;

flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}
.inputform2::placeholder { 
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
/* identical to box height, or 130% */
display: flex;
align-items: center;
letter-spacing: -0.8px;
margin-left: 18px;
color: #BCBCBC;
}

.leftsendemail p{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
/* or 130% */
letter-spacing: -0.8px;

color: #E4E4E4;
}

.s8h2 {

color: #F4F4F4;
font-family: Inter;
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 98%; /* 70.56px */
letter-spacing: -2.88px;


}
.s8m {
	margin-top: 128px;
}
.s8form{
	margin-top: 68px;
	gap: 110px;
}


.s8span {
color: #000;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
border: none;

}
.s8span2 {
		color: #AAA;
		font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
}
.s8tab {
	display: inline-flex;
	
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 32px;
background: #F3F3F3;
}
.s8tab2 {
	display: inline-flex;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 32px;
background-color: #515153;
cursor: pointer;
border: 1px solid #515153;
}
.s8tab2:hover {
    border: 1px solid #005DF3;
}

.s8tabgrid {
	gap: 22px;
}
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
.activetab {
	color: #000;
	background-color: #F3F3F3;
	    opacity: 1;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
}

.tabcontent1 {
  display: none;
}
.tabindexlong {
	display: none;
}
.tabindexlong {
	 animation: fadeEffect 1s; 
}


.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.s8form1 {
	margin-top: 62px;
	gap: 18px;
	margin-bottom: 180px;
	
}
.s8input1{
display: flex;
    
    padding: 25px 28px 25px 28px;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    background: #F3F3F3;
    box-sizing: border-box;
}
.long {
	width: 743px;
}
.long2 {
	width: 743px;
	height: 144px;
	resize: none;
}
.short {
	width: 365px;
}

.s8label {
  display: block;
  margin-bottom: 0.25rem;
}

.s8input1 {
	color: #AAA;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
}

.agreement  {
	
}

.aggreementform  .wpcf7-list-item-label, .aggreementform  .wpcf7-list-item-label a {
	color: #F4F4F4;
}

.agreement .first {
	margin: 0;
}

.s8input1::placeholder {

color: #AAA;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 26px */
letter-spacing: -1.04px;
}

.s8input1:focus {
  color: #212529;
  background-color: #fff;
  border-color: #bdbdbd;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.25);
}
.s8st {
	gap: 13px;
}
.s8st p{
	display: flex;
	gap: 6px;
}
.s8st2 {
	gap: 13px;
	margin-top: 6px;
}
.s8st2 p{
	display: flex;
	gap: 6px;
	margin-top: 6px;
}


.s8textfile {
color: #AAAAAA;
font-size: 24px;
font-weight: 500;
line-height: 24px;
word-wrap: break-word
}
.s8file {
	margin-top: 12px;

}
.aggreementform label {
	display: block;
}
.aggreementform .wpcf7-list-item {
	margin: 0;
}
.input-file {
	position: relative;
	display: inline-block;
}
.input-file span {
	position: relative;
	display: flex;
	
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
	color: rgb(255 255 255);
	text-align: center;
	border-radius: 4px;
	line-height: 22px;

	box-sizing: border-box;
	border: none;
	margin: 0;
	transition: background-color 0.2s;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
 
/* Focus */

 
/* Hover/active */
.input-file:hover span .s8textfile{
	color: #005DF3;
	text-decoration: underline;
}
.input-file:active span .s8textfile{
	color: #005DF3;
}
 
/* Disabled */
.input-file input[type=file]:disabled + span {
	background-color: #eee;
}


.s8but1 {
	display: flex;

padding: 26px 36px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 32px;
background-color: #EAEEF1;
	
	
	   
    box-sizing: border-box;
    justify-content: center;
	font-size: 20px;
line-height: 100%;
font-family: Inter;
  font-weight: 400;
  color: #041D2C;
  border-radius: 32px;
   
	
}

.s8but1:hover {
	background-color: #005DF3;	
}
.footer-container {

height: 550px;
flex-shrink: 0;
display: flex;
background-repeat: no-repeat;
 /*   background-blend-mode: soft-light; */
    background-position: 389px 23%;
	    justify-content: center;

	overflow: hidden;
	margin-top: 221px;
}
.footer-container:before {
content: "";
    height: 100%;
    width: 100%;
    background: url(./img/2v.svg);
  /*  filter: url(./img/2v.svg) opacity(0.2);
    /* position: absolute; */
    background-position: 850px 9%;
    background-repeat: no-repeat;
}



.footer-filter {
	   position: absolute;
/*		height: 551px;  */
		width: 100%;
}
.footer-filter:before {
	content: "";
    position: absolute;
width: 100%;
height: 365px;
    top: 200px;
    background: linear-gradient(0deg, #F4F4F4 0%, rgba(217, 217, 217, 0.00) 92.56%);
    background-position: 0% 0%;
    background-repeat: no-repeat; 
}
.lastfooter {
	    align-items: flex-end;
		    width: 30%;
}




.footermenu{
	gap:120px;
	    width: 70%;

		justify-content: space-between;
}

.footer-content  {
	padding-top: 70px;
	    flex-wrap: nowrap;

	gap: 87px;
	justify-content: space-between;
	border-top: 1px solid #C7C7C7;
	    max-width: 1920px;
}
@media (min-width: 1920px) {
.footer-content  {
	margin: auto;
}
}
@media (max-width: 1940px) {
	.footer-content  {
        margin-left: 32px;
    margin-right: 32px;
	}	
}
@media (max-width: 480px) {
	.footer-content  {
        margin-left: 12px;
    margin-right: 12px;
}
.lastfooter {
	align-items: flex-start!important;
}
}
@media (max-width: 700px) {
.footermenu {
	gap: unset!important;
}

}
.footerbr {
	
	gap:18px;
/*	height: 145px; */
    align-items: flex-start;
}
.footera {
	color: #292F3A;
	    display: flex;
    flex-direction: column;
    gap: 10px;
}
#menu-menu_uslug2 {
	padding-left: 0;
}

.footera:hover {
	color: #005DF3;	
}

.footer-brand {

flex-shrink: 0;

}

.menu-item a {
	color: #151618;
}
.menu-item a:hover {
	color: #005DF3;	
}


.footerdesc {
	color: #292F3A;

font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 85%; /* 11.9px */
letter-spacing: -0.84px;

width: 153px;
}

.footer-menu ul{
color: #151618;
font-feature-settings: 'dlig' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 35px */
letter-spacing: -1.12px;

	list-style-type: none;
	    padding: 0;
		    margin-top: 0px;
}
.footer-menu li{

}
.active {
	color: #99ABBC!important;
}

.footer-p {
color: #151618;
font-feature-settings: 'dlig' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 27.5px */
letter-spacing: -1.32px;
opacity: 0.8;
}
.footer-p2 {
color: #151618;
font-feature-settings: 'dlig' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 30px */
letter-spacing: -1.2px;

    max-width: 195px;
}
.sub-menu {
	padding-left: 0; 
	    padding-top: 8px;
}
.sub-menu li{
	padding-bottom: 0;
}
.sub-menu li > a {
	color: #858585;
	font-size: 14px;
}
.footer-p2 a {
	color: #151618;

}


@media (max-width: 1440px) {
	.footer-p, .footer-p2, .button_text, .footer-pdescript, .footer-menu ul{
		font-size: 14px;
	}
}
.s8form1 {
	
	margin-right: 32px;
}
.color1 {
	color: #99ABBC;
}
.color2
 {
	color: #EAEEF1;
}
.color3
 {
	color: #FFF;
}
.footer-address {
	margin-left: 100px;
	gap: 12px;
}
.footerb {
	    margin-top: 24px;
    position: relative;
    right: 10px;
	width: 268px;
	justify-content: center;
}
.footer-contact {
	gap: 44px;
	
}
.footer-menu {
	position: relative;
}
.fcc {
	gap: 12px;

}
.footer-descript {
	
	margin-top: 222px;
	height: 103px;

	    align-items: center;
		border-top: 1px solid #C7C7C7;
		justify-content: space-between;
		position: relative;
}

.footer-pdescript {
color: #151618;
font-feature-settings: 'dlig' on;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 25px */
letter-spacing: -0.8px;
}
.lastpf {
	margin-right: 47px;
}




.sidebariar-wrap {
  position: fixed;
  top: calc(200/1920*100vw);
  display:inline-flex;
  z-index: 999;
  padding-left: calc(40/1920*100vw);
}
@media (max-width: 700px) {
	.sidebariar-wrap {
		display: none!important;
	}
}

.sidebariar-as {
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.sidebariar-as div {
  width:fit-content;
  color:#B3BCCD;
  /* 1920/Descriptor */
  font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 24px */
letter-spacing: -1.3px;
  cursor: pointer;
  transition: 0.6s;
}

@media (max-width: 1440px) {
	.sidebariar-as div {
		font-size: 16px;
	}
}

.sidebariar-as div:hover, .sidebariar-as div.active {
  color:#324773;
}

.sidebariar-poloskawrap {
  position: absolute;
  top:10px;
  left:calc(20/1920*100vw);
  height:0%;
  transition: 0.6s;
  will-change: height;
}

.sidebariar-poloska-inner {
  height: 100%;
  width: 4px;
  background: #EBEDF1;
  position: relative;
  border-radius: 100px;
}

.sidebariar-poloska-circle {
  position: absolute;
  bottom:-1px;
  left:-2px;
  width: 8px;
  height:8px;
  background: #324773;
  border-radius:100px;
}

.sidebariar-blue .sidebariar-as div {
  color: #FFF;
  opacity: 0.4;
}

.sidebariar-blue .sidebariar-as div:hover, .sidebariar-blue .sidebariar-as div.active {
  color:#FFF!important;
  opacity:1;
}

.sidebariar-blue .sidebariar-poloska-inner {
  background: rgba(255, 255, 255, 0.2);
}

.sidebariar-blue .sidebariar-poloska-circle {
  background:#FFF;
}

.sidebariar-gray .sidebariar-as div {
      color: #B3BCCD;
}

.sidebariar-gray .sidebariar-as div:hover, .sidebariar-gray .sidebariar-as div.active {
  color:#005DF3!important;
  opacity:1;
}

.sidebariar-gray .sidebariar-poloska-inner {
  background: #005DF3;
}

.sidebariar-gray .sidebariar-poloska-circle {
  background:#3B4049;
}

.sidebariar-null {
  opacity:0;
  pointer-events: none;
}

.header-logo img:nth-child(2) {
  display:none;
}

.header-white .header-logo img:nth-child(2) {
  display:inline-block;
}

.header-white .header-logo img:nth-child(1) {
  display:none;
}

.header-white .header-phone {
  color: #3B4049 !important;
}

.header-white .header-phone:after {
  border-bottom: 1px solid #3B4049 !important;
}

.header-white .header-rl a {
  color: #3B4049 !important;
}

.header-white .header-rl a:after {
  border-bottom: 1px solid #3B4049 !important;
}

.header-white .header-con {
  color: #3B4049 !important;
}

.header-white .header-con:after {
  border-bottom: 1px solid #3B4049 !important;
}

.header-white .header-enru a.active {
  color: rgba(59, 64, 73, 1) !important;
}

.header-white .header-enru a:hover {
  color: rgba(59, 64, 73, 1) !important;
}

.sidebariar-wrap-contact {
  top: calc(193/1920*100vw);
}
.burger {
	display: none;
width: 44px;
height: 37px;
padding: 4px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 6px;
border: 1px solid #354052;
background: #292F3A;
}
.s2mobilemenu {
	display: none;
height: 42px;
    padding: 3px 32px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 38px;
background: #ECEDF1;
}

.s2mobilemenu span {
	color: #222;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 14px */
letter-spacing: -0.56px;
}

.modal {
  display: none; /* Скрыто по умолчанию */
  position: fixed; /* Оставаться на месте */
  z-index: 100; /* Сидеть на вершине */
  padding-top: 100px; /* Расположение коробки */
  left: 0;
  top: 0;
  width: 100%; /* Полная ширина */
  height: 100%; /* Полная высота */
  overflow: auto; /* Включите прокрутку, если это необходимо */
  background-color: rgb(0,0,0); /* Цвет запасной вариант  */
  background-color: rgba(0,0,0,0.4); /*Черный с непрозрачностью */
}

/* Модальное содержание */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;


  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  
	width: 480px;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
    background: #151618;
    height: 640px;
    padding: 24px 20px;
}

/* Добавить анимацию */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* Кнопка закрытия */
.close {
  color: #F4F4F4;
  float: right;
  font-size: 28px;
  font-weight: bold;
  width: 36px;
  height: 36px;
  }

.close:hover,
.close:focus {
  color: #005DF3;
  text-decoration: none;
  cursor: pointer;
}
.modbut1:hover {
	border: 1px solid #005df3;
    color: #005df3;
}

.modal-header2 {
	    width: 100%;
    position: relative;
    bottom: 20px;

	 padding: 2px 16px;
	  background-color: #005DF3;
  color: #F4F4F4;
      display: flex;
    justify-content: flex-end;
}
.modal-header {
  padding: 2px 16px;
  background-color: #151618;
  color: #F4F4F4;
      position: relative;
    bottom: 20px;
	    
}
.closeP {
	font-size:26px;
	cursor: pointer;
}
#myBtn3 {
	cursor: pointer;
}

.modal-body {padding: 2px 16px;}
.modal-body p {
	color: #F4F4F4;
text-align: center;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 98%; /* 31.36px */
letter-spacing: -1.28px;
}
.modbut1 {
	display: flex;
padding: 26px 36px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 32px;
border: 1px solid #EAEEF1;
color: #DBDBDB;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
background: #151618;
    width: 100%;
}
.modsize {
	height: 144px;
}
.modalgap {
gap: 12px;
	margin-top: 36px;
	margin-bottom: 18px;
}


.modal-footer {
  padding: 2px 16px;
  background-color: #151618;
  color: #F4F4F4;
}
.s4cardlink {
	border: 1px solid #fff;
    width: 60px;
    display: flex;
    border-radius: 32px;
    background-image: linear-gradient(#FFF, #FFF);
    background-repeat: no-repeat;
    transition: background-size .5s, color .5s;
	background-position: 0% 50%;
	background-size: 0% 100%;
	position: relative;
}

.s4cardlink:hover {
	
    background-size: 100% 100%;
    color: #151618;
}
.s4cardlink:hover svg g path{
	stroke: #151618;
	
}
.footer_wrap  {
	max-width: 1920px;
	margin: auto;
}

@media (min-width: 1440px) {
.topheader {
		margin-left: 25px;
			height: 102px;
}	
.signtop {
	margin-right: 21px;
}
.logotop {
	width: 1201.397px;
height: 229.112px;

}
.top_p {
font-size: 58px;
max-width: 1250px;
}
.s2active {
	    padding: 22px 32px;
}
.punkt {
	font-size: 20px
}
.s2card {
    width: 460px;
    height: 460px;
}
/*
.s2card:hover {
    background-color: #eaeaea;
}
.s2card:hover .s2cardname span {
	color: #005DF3;
}
*/
.s2img {
    width: 460px; 
    height: 360px;
}
.s2cardname span {
	font-size: 20px;
}
.s2cardname {
	padding: 16px 32px;
}
.s3-1 {
    margin-left: 500px;
}
.s3h2, .s2h2 {
    font-size: 50px;
}
.s4 {
	margin-left: 508px;
}
.s4card {
	width: 100%;
 /* height: 484px; */
}
.s6 {
	margin-left: 500px;
}
.s6big {
font-size: 220px;
}
.s6button {
width: 438px;
}
.s6btext {
font-size: 20px;
}
.s6card {
width: 447px;
height: 291px;
}
.s8h2, .s8form, .s8form21 {
margin-left: 500px;	
}
.s6firm {
	gap: 24px;
	margin-left: 32px;
	height: 290px;
}
.s6w {
	margin-left: 500px;
	margin-right: 32px;
}
.s6ww {
	margin-left: 468px;
}
}



@media (max-width: 1440px) {
.topheader {
	height: 87px;
margin-left: 32px;
margin-right: 32px;
}	

.logotop {
width: 734.121px;
height: 140px;
}

.menu_s2 {
    align-items: flex-start;
}
.s2second {
	margin-left: 44px;
}
.s2active {
	padding: 18px 32px;
}
.punkt {
	font-size: 18px;
}
.s2card {
    width: 340px;
    height: 340px;
} 
.s2img {
width: 287px;
height: 254px;
} 
.s2cardname span {
	font-size: 14px;
}
.s2cardname {
	padding: 12px 28px;
	width: 200px;
}

.s3h2, .s2h2 {
    font-size: 46px;
}
.s4cardin1:before {
	    left: 320px;
}


.s4cardin2:before { 
left: 28%;
}
.s4cardin3:before {
	    left: 93px;
}	
.s4cardin4:before {
	    left: 320px;
}
.s4cardin5:before {
	    left: 430px;
}


.s6button {
width: 373px;
}
.s6btext {
font-size: 18px;
}
.s6card {
width: 340px;
height: 251px;
}
.s6card svg{
	width: 120px;
}

.s6firm {
	gap: 12px;
	margin-left: 285px;
	height: 291px;
}
.footer-container:before {
	background-position: 630px 27%;
}
.modal-content {
width: 450px;
height: min-content;	
}
.modal-header {
padding: unset!important;
position: initial;
padding-right: 24px;
text-align: right;
}
.close {
	width: 25px;
	height: 25px;
	font-size: unset!important;
} 
.modal-body p {
	font-size: 20px;
}
.modalgap {
	margin-top: 15px;
}
.s8input1 {
	padding: 10px 20px;
	font-size: 16px;
	
}
.modalgap input {
	height: 40px;
}
.modsize {
	height: 100px;
}
.modbut1 {
	padding: 10px 20px;
}



}

@media (min-width: 1050px) and  (max-width: 1440px) {
	.s3-1 {
    margin-left: 344px;
}
.s4 {
	margin-left: 344px;
}
.s6, .s6w {
	margin-left: 344px;
}
.s6ww {
	margin-left: 312px;
}
.s8h2, .s8form, .s8form21 {
margin-left: 344px;	
}

}
@media (max-width: 1920px) {
	.wrapper, .wrapperl2 {
		overflow: hidden;
	}
}

@media (max-width: 900px) and (min-width: 480px){
	.lastpf {
	
    width: unset;
}
}
@media (max-width: 380px){
.footer-descript {

	height: unset!important;
		gap: 8px;
}
}


@media (max-width: 900px) {
	.ptext2 {
		display: none;
	}
}

@media (max-width: 800px) {
.l18h3, .l18pp {
	width: unset!important;
}	
.l18h3 { 
font-size: 30px!important;
}	
.s8form1 {
	
	margin-left: 32px;
}
.l18gg {
	min-height: unset!important;
	margin-bottom: unset!important;
}
.l18inner {
	padding: 20px!important;
	    box-sizing: border-box;
    justify-content: space-between;
	height: 100%;
}
.burger, .s2mobilemenu {
	display: flex!important;
}
.s2menucontent {
	display: none;
}
.logotop {
width: 496.121px;
height: 94.612px;
}
.top_p {
font-size: 32px; 
} 	

.header-container {
    background-position: -140px 4%!important;
}	
.s2arrow img {
	width: 38px;
height: 38px;
}
.menu_s2 {
	    justify-content: space-between;
}
	.s3desc p {
font-size: 22px!important;
	}
.s3switch { 	
justify-content: center;
    top: 550px!important;
}
.s3slider { 
background-position-x: 0px!important;
}	

.s6big {
font-size: 100px;
}
.s6num {
	font-size: 16px!important;
}
.s6col1, .s6numw2 {
	width: unset!important;
}
.s4cardin1:before {
	    left: unset!important;
}
.s4card { 
width: 100%!important;
}

.s4cardtext p {
width: unset!important;	
}
.s4cardtop {
    height: 70px;
}
.s4cardtext h2 {
	width: unset!important;
}
.s6background {
    height: 475px!important;
}	
.s8form {
	    justify-content: center;    
		margin-left: unset!important;
		width: 100%; 
}
.s8form21 {
	    justify-content: center;    
		margin-left: unset!important;
		width: 100%;
}
.s8formgrid  {
/*	width: 100%; */
}
.short {
    width: 49%!important;
}
.s8st p, .s8st2 p {
	width:100%;
}
.s8h2 {
	width: unset!important;
	font-size: 64px;
}
.s8tabgrid  {
	    justify-content: flex-start;
    margin-left: 32px;
}
.footer-content {
	flex-direction: column;
	padding-top: unset!important;
	gap: 20px!important;
}

.footerbr {
	flex-direction: row;
	align-items: center;
}
.footer-brand svg {
	    width: 49.814px;
    height: 60px;
}
.footer-descript { 
justify-content: space-around;

margin-top: 10px!important;
height: 70px!important;
}

.mobilogo {
	filter: invert(1);
}
.mobitext {
	display: flex;
	flex-direction:column;
	margin-top: 24px;
	margin-left:12px;
	gap: 8px;
}
.mobimenup {
	color: #FFF;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 90%; /* 12.6px */
letter-spacing: -0.77px;
text-transform: uppercase;
} 
.opt_mobi {
	display: flex;
	margin-top: 60px;
    margin-left: 12px;
}
.mobibut {
	display: none;
}
.footerb {
	width: 208px;
}
.footer-p, .footer-p2,  .button_text {
	font-size: 14px!important;
}
.footer-menu ul {
	font-size: 14px!important;
}
.footer-filter {
	overflow: hidden;
	    height: unset!important;
}
.footer-container:before {
    background-position: 200px 27%!important;
}
.long, .long2 {
	width: 100%!important;
}

.footerk {
	width: 150px!important;
}
.fcc {
	width: unset!important;
}

.footerdesc {
	width: 160px;
	/*    align-self: center; */
}
.accordion {
   transition: 0.4s;
}
.activemobile, .accordion:hover, .panellinks:hover {
  color: #005DF3;
}
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
    margin-right: 42px;
}
.panellinks {
	color: #D9D9D9!important;
font-family: Inter;
font-size: 18px!important;
font-style: normal;
font-weight: 400!important;
line-height: 90%; /* 16.2px */
letter-spacing: -0.99px;
cursor: pointer;
}
.activemobile:after {
  content: "\2212";
}
.panel {
	display: flex;
	flex-direction:column;
	gap: 10px;
color: #FFF;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.mobirow {
	gap: 12px;
	margin-left: 12px;
	margin-top: 60px;
}
.mobiicon {
background-color: white;
    border-radius: 12px;
    display: flex;
    width: 48px;
	    height: 48px;
    justify-content: center;
    align-items: center;
	
}
}
@media (min-width: 725px) and (max-width: 800px){
	.footer-container {
    height: 550px!important;
}
}
@media (min-width: 480px) and (max-width: 724px){
	.footer-container {
 /*   height: 750px!important; */
}
}
@media (min-width: 1440px) and (max-width: 1920px){
	.footer-container {
		    height: 500px;
	}
}

@media (min-width: 1050px) and (max-width: 1439px){
	.footer-container {
		    height: 480px;
	}
}

@media (min-width: 480px) and (max-width: 800px){
.logotop {
width: 496.121px;
height: 94.612px;
}
.top_p {
font-size: 32px; 
} 	
}

@media (min-width: 480px) and (max-width: 1440px){
.s3h2, .s2h2 {
    font-size: 46px;
}

.filter-top { 
top: -290px!important;
}
.header-container {
	height: 954px!important;
}
}

@media (max-width: 480px) { 
.s2grif {
	margin-top: 30px;
}
.footer-p2 {
	width: 138px;
}


.l2-6, .l13 {
	margin-left: 12px!important;
	margin-right: 12px;
} 

.l13card {
	width: 100%!important;
	margin-right: 12px;
}

.s8span {
	font-size: 16px;
	width: 129px;
height: 38px;
padding: 0;
}

.modal-content {
	    width: 100%;
		padding: unset;
		height: 580px;
}
.modal-header { 
border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.s8input1 { 
font-size: 16px;
    padding: 15px 15px 15px 18px;
}
.s8but1 {
	padding: 15px;
}
.modbut1 { 
    padding: 16px 36px;
	font-size: 16px;
}
.s4cardtop {
	height: unset!important;
}


.l18form {
	width: unset!important;
} 
.s8m {
	margin-top: 58px;
}

.l18s8row {
	margin-top: 60px!important;
}
.topheader {
	    align-items: center;
		margin: auto;
		justify-content: space-between;
}
.signtop { 
margin-right: 12px;
}
.l18gg {
	    min-height: 280px;
} 
.contact-form {
	width: 100%;
}
.l18pp {
	height: unset!important;
} 
.s4cardtext {
	margin-left: 24px!important;
	margin-right: 24px;
} 
.s4cardin:before {
	top: -108%!important;
    left: 0px!important;
	
}
.headtext { 
    flex-direction: column;
    align-items: flex-start;
	gap: unset!important;
	margin-left: 12px;
}
#email {
	display: none;
}

.s6firm {
	margin-left: 12px!important;
}
.s3-1 {
    margin-left: 12px;
}
.s4 {
	margin-left: 12px;
}
.s6, .s6w {
	margin-left: 12px;
	margin-right: 12px;
}
.s8form1 {
	margin-left: 12px;
    margin-right: 12px;
	margin-top: 30px!important;
	    margin-bottom: 60px!important;
}
.p24b1 {
	margin-left: unset!important;
	justify-content: center;
}
.footerb {
	width: 180px!important;
} 
.footer-menu ul{
	padding-left: 0px;
	margin-bottom: 0;
}


.s8h2, .s8form, .s8form21 {
margin-left: 12px;
}
.logotop {
width: 310.794px;
height: 84.057px;
}
.s4cardtop {
	margin-left: 24px!important;
	margin-right: 24px;
}
.sidebariar-wrap {
	display: none;
}
.top_p {
font-size: 24px; 
letter-spacing: -1.4px!important;
    margin-top: 10px!important;
} 
.s8st, .s8st2 {
	flex-direction: column;
}
.short {
	width: 100%!important;
}
.s8form1 {
	gap: 13px!important;
}
.s8st2 {
	margin-top: unset!important;
}

.topmidl {
	margin-top: 90px!important;
	margin-left: 12px;
}

.topmidl2 {
	margin-left: 12px;
}

.header-container { 
background: none!important;
}
.filter-top {
	display: none;
}
.header-container, .screen_one_wrap {
	height: 536px!important;
}
.s2arrow {
	margin-right: 12px;
}

.ptext {
	font-size: 10px!important;

	max-width: 125px;
}
.menu_s2 {
	flex-direction: column-reverse;
	gap: 18px;
}
.s2second {
	font-size: 14px;
	margin-left: unset!important;
}
.s2card {
    max-width: 170px!important;
    height: 230px!important;
}	
.s2img {
	width: 190px;
height: 168.153px;
}
.s2cardname {
	    width: 120px!important;
		padding: 10px 20px!important;
		margin-left: unset!important;
}
.s2cc {
	    align-items: center;
}
.pos2, .s3-1, .s4  { 
margin-left: 12px!important;
margin-right: 12px!important;
}
.s3 {
	margin-top: 56px!important;
	
    height: 1010px!important;
}
.s4 {
	margin-top: 105px!important;
}
.s3h2 {
	margin-top: 120px!important;
}
.s3h2, .s2h2, .s8h2 {
    font-size: 42px;
	margin-right: 12px;
	    letter-spacing: -1.76px!important;
}
.s3h22 {
flex-direction: column;
align-items: flex-start!important;	
}
.s3slider {
	top: unset!important;
}
.s6counter {
	flex-direction: column;
}
.s6numw2 {
	width: unset!important;
}
.s6background {
	height: unset!important;
	    background-position: 54px 0px!important;
}
.s6button {
	display: none;
}
.s6w, .s6ww {
	margin-top: 90px;
}
.c2 {
	display: none;
}
.s8tabgrid { 
flex-wrap: wrap;
gap: 10px!important;
margin-left: 12px;
}
.s4cardtext p { 
font-size: 16px;
}
.footer-container {
	margin-top: 50px!important;
height: unset!important;
}
.footer-content {
	padding-top: 50px!important;
	gap: 40px!important;
}
.footerflex {
	order: 0;
	width: 100%;
}
.footerflex2 {
	order: 1;

}


.footer-contact {
	flex-direction: row-reverse;
    justify-content: space-between;
    margin-left: 12px!important;
	margin-right: 12px;
	order: 2;
}
.fcc {
	gap: 8px;
	justify-content: flex-end;
}
.footermenu {
	    flex-wrap: wrap;
		    row-gap: 8px!important;
			column-gap: 0!important;
		justify-content: space-between!important;
		    margin-right: 20px!important;
  
}

i {
    border: solid #292F3A;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
	    margin-left: 10px;
    margin-bottom: 2px;
}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


.sub-menu {
	padding-left: 0!important;
	max-height: 0;
	display: none;
}
.activefooter {
	display: inline;
    width: 164px;
    height: 100%;
}

.footer-contact {
	margin-left: 12px;
}
.footer-pdescript {
	width: 164px;
	   
}
.footer-descript {
	flex-wrap: wrap;
	 justify-content: space-between;
}
}

@media (min-width: 800px)  and (max-width: 1440px){

	.logotop {
width: 734.121px;
height: 140px;
}
.top_p {
font-size: 36px;

}
.menu_s2 { 
flex-direction: column;
}
.s6big {
	font-size: 160px;
}
}

@media (min-width: 480px) and (max-width: 1050px) {
	.s3-1 {
    margin-left: 32px;
}
.s4, .s6firm  {
	margin-left: 32px;
}
.s6, .s6w, .s6ww {
	margin-left: 32px;
}
.s6w {
	margin-top: 325px;
}

.s8h2, .p21s8  {
margin-left: 32px!important;

}
.s8form, .s8form21 {
	justify-content: center;
}

.l8h2 { 
width: unset!important;
}
.footer-contact {
    margin-left: unset!important;
}	
}

@media (max-width: 1050px) {
.footer-address {
    margin-left: unset;
}			

.footermenu {
	    justify-content: space-between;
}

.header-container {
background-position: 9px 23%; 	
}
}	

/* Page Техническая поддержка и сервис */
.tab1, .tab2 {
	display: none;
}



.menulinks {
	color: #292F3A;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 24px */
letter-spacing: -0.8px;
}
@media (max-width: 1440px) {
	.menulinks {
		font-size: 16px;
	}
}
.menulinks:hover {
	color: #005DF3;
}
.topmenuex:hover {
	fill: #005DF3;
}
.headtext2 {
	gap: 10px;
}

.mainmenutop {
	align-items: center;
	gap: 24px;
}
.topmenuex {
	align-items: center;
	gap: 8px;
}
/* Dropdown Button */
.dropbtn1 {

}

/* The container <div> - needed to position the dropdown content */
.drop1 {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdn-content, .dropdn-content2 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 270px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

/* Links inside the dropdown */
.dropdn-content a, .dropdn-content2 a {
  color: black;
  padding: 16px 24px;
  text-decoration: none;
  display: block;
  border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

/* Change color of dropdown links on hover */
.dropdn-content a:hover {background-color: #ddd;}

.dropdn-content2 a:hover {background-color: #ddd;}
/* Show the dropdown menu on hover */
.drop1:hover .dropdn-content {display: block;}

.drop2:hover .dropdn-content2 {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.drop1:hover .dropbtn {background-color: #3e8e41;}



.page-two-h1 {
color: #292F3A;

font-family: Inter;
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: 84%; /* 67.2px */
letter-spacing: -5.6px;	
}
.page-two-h2 {
	color: #292F3A;

font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 30.8px */
letter-spacing: -1.68px;
width: 649px;
}
.ustitle {
	gap: 28px;
}

.top_p_us {
	margin-top: 75px;
	color: #292F3A;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.6px;
width: 293px;
position: relative;
z-index: 10;
}
.backgr {

    flex-shrink: 0;
    width: 100%;
    max-width: 1920px;
    height: 100%;
}
.ubckg {
	justify-content: center;
}
.topmidl2 {
    margin-left: 32px;
    position: relative;
} 
.filter-top2 {
	width: 100%;
    background: linear-gradient(0deg, #F4F4F4 0%, rgba(217, 217, 217, 0.00) 92.56%);
    position: relative;
    top: -400px;
    height: 400px;
}
@media (max-width: 1440px) {
	.filter-top2 {
	    top: -392px;	
	}
}
@media (max-width: 480px) {
	.filter-top2 {
	    display:none;	
	}
	.s8st p, .s8st2 p {  
	flex-direction: column;
	gap: 13px!important;

	}
	.s8st p br {
		display: none;
	}
	.s8st2 p br {
		display: none;
	}
	.s8st2 p { 
	margin-top: 0px!important;
	}
}

.screen_one_page2 {
	    height: 806px;
}
.header-container-l2 {
	background: url(./img/video.webm);
    height: 806px;
    flex-shrink: 0;
    display: flex;
    background-repeat: no-repeat;
    /* background-blend-mode: soft-light; */
    background-position: 389px 23%;
    justify-content: center;
}
.video {
  top: 260px;
	
  transform: translate(-50%, -50%);
  opacity: 0.8;
  left: 50%;
  z-index: 0;
  position: absolute;
  mask-image: linear-gradient(rgb(244, 244, 244, 1), rgba(255, 0, 0, 0));
}
.video2 {
  top: -44px;
	
  transform: translate(-50%, -50%);
  opacity: 0.8;
  left: 50%;
  z-index: 0;
  position: absolute;
}
.videoteg {
	    position: relative;
    z-index: 10;
}
.about {    overflow: hidden;
height: 860px;}

.about2 {    overflow: hidden;
height: 500px;}




.header2 {

    box-sizing: border-box;
	max-width: 1920px;
	position: relative;
    z-index: 10;
}
.layl2 {
	display: flex;

align-items: flex-end;
gap: 12px;
border-top: 1px solid #D1D1D1;
height: 34px;
margin-top: 10px;
}
.activepage span{
	color: #005DF3;
} 
.l2-tab-menu {
	color: #292F3A;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
}
.l2-svg path {
	fill: #292F3A;
	stroke: #292F3A;
}
.l2-svg rect {
	fill: none;	
}
.l2tabs {
	margin-left: 18px;
	gap: 32px;
max-width: 1920px;
}

.layl2:hover .l2-tab-menu{
	color: #005DF3!important;
}
.layl2:hover .l2-svg path {
	stroke: #005DF3;
	fill: none;
}

.layl2:hover .l2-svg rect {
	fill: white;
}
.bg-tab1 {
	height: 520px;
	background: url(./img/bg1-1.png) no-repeat;
    background-size: cover;
	border-radius: 32px;
	display: flex;
    align-items: center;

}
.p22dropbtn {display: none;}

.show {
	display: block!important;
	width: 100%;
}

@media (max-width: 1700px) {
	.p22dropbtn {
display: inline-flex;
height: 42px;
padding: 18px 32px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 38px;
background: #ECEDF1;
border: none;
    width: 355px;
    margin-left: 12px;
}
.dropdown {
    position: relative;
    display: inline-block;
	
}
.layl2 {
	border: none;
	margin-top: 0;
	align-items: center;
	    justify-content: center;
		    justify-content: flex-start;
    margin-left: 12px;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 5;
	    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
	margin-left: 8px;
	max-width: 326px;
}

/* Links inside the dropdown */
.dropdown-content .lay12 {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content .lay12:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */


/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}	
}
@media (min-width: 600px) and (max-width: 1700px){
	.dropdown:hover .dropdown-content {
    display: block;
	width: 100%;
	}
	
}

.l12 {
	margin-top: 32px;
}
.l2h2 {

font-family: Inter;
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 60px */
letter-spacing: -3.6px;	

}
.l2h3 {

color: #FFF;
font-family: Inter;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 70.4px */
letter-spacing: -3.84px;
margin-bottom: 52px;
margin-top: 0;
} 
.imgbannerusl {
    width: 100%;
    max-width: 1920px;
    height: 469px;
    background: #181A1D;
    border-radius: 24px;
    display: flex;

    align-items: center;
    background-size: cover;
}
.bannerblockusl {
	padding-left: 50px;
	gap: 16px;
}
.bannerblockusl p {
	font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 38px;
    letter-spacing: -1.52px;
    color: #292F3A;
}


.top_prod2 {

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 72px;
    letter-spacing: -5.6px;
    color: #292F3A;
	    max-width: 825px;
}
@media (max-width:500px) {
.imgbannerusl {
	    align-items: baseline;
}	
.bannerblockusl { 
padding-left: unset!important;
    align-items: center;
}
.top_prod2 {
	    font-size: 39px;
    line-height: 53px;
    letter-spacing: -1.6px;
    margin-left: 24px;
    margin-top: 50px;
}


}


.uslugi-p p {
	color: #FFF;

font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 57.5px */
letter-spacing: -1.84px;
}

.l2h2marg {
	margin-top: 130px;
	margin-bottom: 130px;
	color: #FFF;
	margin-left: 32px;
}


.l2-6 {
	margin-left: 500px;
	    display: flex;
    flex-direction: column;
	
}
.l2-6-1
{
	margin-top: 97px;
	margin-bottom: 97px;
}

.l2num {
	color: #EAEEF1;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.8px;
border-bottom: 1px solid #AAA;
}
.l2big {
	color: #EAEEF1;
font-family: Inter;
font-size: 220px;
font-style: normal;
font-weight: 300;
line-height: 98%; /* 215.6px */
letter-spacing: -22px;
}
.l2counter {
	    margin-top: 120px;
    gap: 134px;
}
.l13 {
	max-width: 1920px;
	margin-left: 500px; 
}
.l13top {
	gap: 168px;
	margin-top: 120px;
	
}
.l13top-p {
	color: #292F3A;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.6px;
width: 455px;
}
.l13h2mar {
	
	width: 776px;
	color: #292F3A;
}
.l13gridcard {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 13px;
	margin-top: 73px;
	margin-bottom: 120px;
}
.l13card {

flex-shrink: 0;
border-radius: 16px;
background: #292F3A;
}
.tpcard {
	height: 647px;
	    background-image: linear-gradient(to left, rgb(255 255 255 / 0%), rgba(0, 0, 0, 0.9)), url(./img/bgcard_parall.png);
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		    justify-content: center;
}
.tpcardinner {
	padding: 40px;
    gap: 52px;


}
.tpcard h2{
	color: var(--TEXT-white, #EFEFEF);
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 38px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 38px */
letter-spacing: -2.28px;
}
.tpcard p{
	color: #D9D9D9;

font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.8px;
width: 607px;
}
@media (max-width: 1000px) {
	.tpcard p {
	width: unset!important;
	}
	
}


.l13card1 {
	width: 331.342px;
height: 466px;	
}
.l13card2 {
width: 460px;
height: 366px;
}


.l13card p {
	color: #D9D9D9;
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.6px;
}
.l13cardinner {
    display: flex;
    flex-direction: column;
    padding: 41px 55px 46px 29px;
    height: 100%;
    justify-content: space-between;
    box-sizing: border-box;
}
.linkcolor {
	color: #005DF3;
}
.linkcolor:hover {
	text-decoration: underline;
}
.l13h2mar2 {
	width: 1050px;
	margin-top: 113px;
}
.footer_wrap2 {

}
.l14 {
	margin-top: 32px;
		height: 600px;
	background: url(./img/bg1-1.png) no-repeat;
    background-size: cover;
	display: flex;
	border-radius: 32px;
	    align-items: center;
}
.l14color {
	color: rgba(240, 240, 240, 0.60);
}
.l14h2mar {
	color: #F0F0F0;
	margin-left: 500px;

}
.l15 {
	margin-top: 120px;
	margin-left: 500px;
}
.l15h2 {
	color: #292F3A;
	margin-bottom: 41px;
}
.l15p {
	color: #292F3A;
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
letter-spacing: -1.68px;
padding-top: 32px;
padding-bottom: 32px;


padding-left: 32px;
}
.arrowdown {

	border: 1px solid rgba(41, 47, 58, 0.60);
    border-radius: 37px;
    width: 26px;
    height: 25px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-right: 50px;
	
}
.l15pl {
	border-bottom: 2px solid #D1D1D1;
}
.l15card {
width: 100%;
flex-shrink: 0;
border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
background: #292F3A;
}
.l15cardinner {
	display: flex;
	flex-direction: column;
	padding-left: 32px;
	    padding-right: 32px;
		    height: 155px;
			gap: 34px;
}
.l15p1 {
	color: #F4F4F4;

font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 33.6px */
letter-spacing: -1.12px;
}
.l15p2 {
	color: #C7C7C7;

font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.8px;
width: 525px;
}
.l16 {
	margin-top: 88px;
		height: 969px;
	background: url(./img/bg1-2.png) no-repeat;
    background-size: cover;
	display: flex;
	border-radius: 32px;
	align-items: center;
}
.l16h2mar2 {
	margin-left: 500px;
	color: #FFF;
	width: 1200px;
}
.l17 {
		margin-top: 32px;
		height: 590px;
	background: url(./img/bg1-3.png) no-repeat;
    background-size: cover;
	display: flex;
	border-radius: 32px;
	    align-items: center;
}
.l18 {
	margin-left: 500px;
	margin-top: 160px;
}
.l18h2 {
	width: 776px;
	color: #292F3A;
}
.l18grid {
	gap: 32px;
	margin-top: 47px;
	margin-right: 32px;
}
.l18card {

height: 484px;
border-radius: 24px;
background: #292F3A;
}
.l18bg1 {
	background: url(./img/l18bgcard1.png) no-repeat;
}
.l18inner {
	padding: 40px 65px 61px 40px;
	display: flex;
	flex-direction: column;
}
.l18num {
	color: var(--TEXT-disabled, #8E8EA6);
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */
}
.l18h3 {
	color: var(--TEXT-white, #EFEFEF);
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 42px */
letter-spacing: -2.52px;
width: 607px;
margin-bottom: 0;
}
.l18pp {
	color: #D9D9D9;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.8px;
width: 548px;

}
.l18a {
	color: var(--TEXT-white, #EFEFEF);
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 20px */
letter-spacing: -1.2px;
text-decoration-line: underline;
position: relative;
}
.l18gg {
	gap: 24px;
	margin-bottom: 57px;
	min-height: 280px;
}
.l18act {
	gap: 14px;
	align-items: center;
}
.l18act:hover {
	color: #005DF3;
}

.l18act:hover .l18a {
	color: #005DF3;
}
.l18bg2 {
	background: url(./img/l18bgcard2.png) no-repeat;
}
.l18bg3 {
	background: url(./img/l18bgcard3.png) no-repeat;
} 
.l18h2mar2 {
	    width: 1300px;
		margin-top: 75px;
}
.l18form {
	color: #FFF;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.6px;

}
.s8l18 {
border-radius: 24px;
    background: url(./img/s8bg.webp) right no-repeat, #151618;

}
.l18s8row {
	margin-top: 130px;
}

/* --------------- Страница Реквизиты ------------------ */ 
.p22top {
	width: 100%;

}
.p22contact {
	margin-left: 32px;
	margin-right: 12px;
}
.p22con1 {
	    justify-content: space-between;
		border-top: 2px solid #686970;
		margin-top: 60px;
		margin-left: 32px;
}
.p22conp {
	width: 100%;
	height: 109px;
	border-right: 2px solid #686970;
}
.p22conpl {
	width: 100%;
	height: 109px;
}
.p22conpl {
	margin-left: 24px;
			color: #151618;

font-feature-settings: 'dlig' on;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 30px */
letter-spacing: -0.96px;
}
.mar22 {
	margin-top: 20px;
}
.p22link {
	color: #686970;
cursor: pointer;
font-feature-settings: 'dlig' on;

font-size: 24px;
text-decoration-line: underline;
}

.p22conp p{
	margin-top: 20px;
font-feature-settings: 'dlig' on;
font-family: Inter;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 30px */
letter-spacing: -0.96px;
}
.p22mar {
	margin-left: 24px;
}
.c1 {
	color: #151618;
	font-size: 24px;
}
.p22c2 {
	color: #686970;
	font-size: 20px;
}

@media screen and (max-width: 1440px) {
		.c1, .p22link {
			font-size: 20px;
		}
		.p22mar {
			margin-right: 12px;
		}
}
@media screen and (max-width: 1000px) {
	.p22con1 {
		flex-wrap: wrap;
		justify-content: unset;
		margin-right: 12px;
	}
	.p22conp, .p22conpl {
		width: 49%;
	} 
	.p22conpl, .p22mar {
	margin-left: unset;	
	}
	.p22mobimar {
		border-top: 2px solid #686970;
	}
	.p22sec {
		border-right: unset;
	}
	.mar22, .mar21 {
		margin-left: 12px;
	}
	.map {
		margin-right: 12px;
	} 
}
@media screen and (max-width: 800px) {
			.c1, .p22link, .p22c2 {
			font-size: 18px;
		}
		
}
@media screen and (max-width: 480px) {
.p22topinnerb {
	margin-left: unset!important;
}
.p22butn {
	width: unset!important;
	    height: 60px!important;
} 
.p22c2 {
	    max-width: 145px;
}
.p22con1, .map {
	margin-left: 12px!important;
}

}

.p23svg {
	min-width: 50px;
}
.p22topinner {
	display: flex;
	flex-direction: column;
	margin-left: 32px;	
	border-bottom: 2px solid #D1D1D1; 
		margin-right: 12px;
} 
.fotercolor:hover {
	color: #005DF3;
}
.acctab2 {
	cursor: pointer;
	 
	 background-image: linear-gradient(#292F3A, #292F3A);
  background-repeat: no-repeat;
  transition: background-size .5s, color .5s;
  background-position: 0% 50%;
      background-size: 0% 100%;

    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #D1D1D1;
}
.acctab2:hover  .l15p {
    color: #FFF;
	background-size: 100% 100%;
	border-bottom-width: 0px;
	    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
	    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;

}
.acctab2:hover .arrowdown {
	    border: 2px solid #FFF;
		color: #FFF;
} 
.acctab2:hover .arrowdown svg path{
	   
		fill: #FFF;
} 


.acctab2:hover  {
    color: #FFF;
	background-size: 100% 100%;
	border-bottom-width: 0px;
	    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
	    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;

}

.acctab3 { 
cursor: pointer;
justify-content: space-between;
    align-items: center;
}
.wsvg {
	width: 64px;
}
.acctab3:hover {
	color: #005DF3;
}

.l15p2 {
	padding-bottom: 24px;
} 
.l15 {
	margin-bottom: 60px;
}
.activetab2 {
	color: #FFF;
    border-bottom-right-radius: unset!important;
    border-bottom-left-radius: unset!important;
		    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
	background-size: 100% 100%;
	border-bottom-width: 0px;
} 
.activetab2 .l15p {
	color: #FFF;
}

.activetab2 .arrowdown {
	    border: 2px solid #FFF;
		color: #FFF;
		transform: rotateZ(180deg);
} 
.activetab2 .arrowdown svg path{
	   
		fill: #FFF;
} 

.activetab3 {
	color: #005DF3!important;

} 


.paneltab2 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	    margin-top: 32px;

}
.panelpadding {
	    padding-top: 56px;
    border-top: 1px solid rgba(202, 212, 229, 0.80);
}

.p22bread1 {
	color: #222;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 16px */
letter-spacing: -0.64px;
}
.p22bread2 {
	color: rgba(34, 34, 34, 0.60);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 16px */
letter-spacing: -0.64px;
}
.p22h1 {
color: #292F3A;
    font-family: Inter;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 84%;
    letter-spacing: -5.6px;

}
.p22bread {
	margin-top: 48px;
}
.p22h1mar {
	
	margin-bottom: 44px;
}
.p221bl1 {
	margin-top: 116px;
	margin-right: 32px;
}

.p22b1 {
	margin-left: 500px;
	border-radius: 24px;
background: #ECEDF1;
margin-top: 90px;
}
.p22b1inner {
	padding: 42px 56px 42px 56px; 
}
.p22b1h2 {
	color: #292F3A;
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 50.4px */
letter-spacing: -2.52px;
}
.p22block2 {
	margin-top: 60px;
}
.svganim  {

  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.acctab3:hover .svganim {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);

}
.activesvg {
	transform: rotate(45deg)!important;
}

.p22block {
/*	gap: 56px; */
	
/*	border-bottom: 1px solid rgba(202, 212, 229, 0.80); */
}
.p22part {
	color: #292F3A;
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.8px;

}
.var1 {
width: 482px;	
}
.var2 {
	width: 100%;
}
.p22rowfirst {
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(202, 212, 229, 0.80);
}
.p22row {
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(202, 212, 229, 0.80);
	padding-top: 24px;
}
.p22rowlast {
	padding-top: 24px;
}
.p22b2 {


margin-top: 32px;
}
.p22b2-1 {
	display: flex;
flex-wrap: wrap;
}
.p22b2h2 {
	color: #292F3A;
font-family: Inter;
font-size: 120px;
font-style: normal;
font-weight: 400;
line-height: 84%; /* 100.8px */
letter-spacing: -6px;
}
.p22but {
	display: flex;
width: 330px;
height: 81px;

justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 12px;
background-color: #292F3A;
}
.p22topinnerb {
	display: flex;
	flex-direction: column;
	margin-left: 32px;	
} 

.p22butn {
	display: flex;
width: 400px;
height: 81px;

justify-content: center;
align-items: center;
gap: 10px;
border-radius: 12px;
background: #292F3A;
}

.p22but:hover {
	background-color: #005DF3;
}

.p22butn:hover {
	background-color: #005DF3;
}

.p22but span{
	color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
}
.p22butn span{
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 20px */
letter-spacing: -0.8px;
}

.p22b2-1 {
	gap: 12px;

}
.map {
	margin-top: 56px;
	margin-left: 32px;
	margin-right: 17px;
}
.p23b1p1 {
	width: 550px;
color: #292F3A;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 29px */
letter-spacing: -0.6px;
}
.p23bl1 {
	    justify-content: space-between;
    align-items: center;
	    margin-top: 180px;
	
}
.p23marh2 {
/*	padding-bottom: 20px;
	border-bottom: 1px solid rgba(202, 212, 229, 0.80); */
} 
.p23row {
	gap: 20px;
}  
.p23row h3{
	color: #292F3A;
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 45.6px */
letter-spacing: -2.28px;
margin: 0;
}
.p23row p{
	color: #292F3A;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 31.9px */
letter-spacing: -0.88px;
width: 989px;
}
.p23ul {
	margin: 0 0 20px 14px;
	padding: 0;
}
.p23ul li {
	list-style-image: url(./img/marker.svg);
	margin: 10px 0;
	color: #292F3A;
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 31.9px */
letter-spacing: -0.88px;
}

.p23ul li::marker {
	font-size: 1.1rem;
	line-height: 1;
}
.p23linkspan {
	color: #292F3A;
	font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 20px */
letter-spacing: -1.2px;
text-decoration-line: underline;
}
.p23linkspan:hover {
	color:#005DF3;
}
.p23link {
	align-items: center;
	gap: 12px;
}
.p23block2 {
	display: flex;
margin-top: 52px;
margin-left: 500px;
    align-items: center;


border-radius: 24px;
background: #ECEDF1;
}
.p23block2p1 {
	color: #292F3A;
font-variant-numeric: stacked-fractions;
font-feature-settings: 'salt' on, 'ss01' on;
font-family: Inter;
font-size: 52px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 62.4px */
letter-spacing: -3.12px;
}
.p23block2inner {
	padding: 56px;
	    align-items: center;
}

.p24b1 {
	margin-left: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 15px;
	margin-top: 90px;
}
.p24card {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 24px;
    border: 1px solid #C5C5C5;
/*	width: 447px;
    height: 291px; */
}
.sizecart {
	    width: 447px;
    height: 291px;
}

.p24card svg{
	width: 120px;
}
.p24card:hover {
	border: 1px solid rgb(0, 93, 243)!important;
}
.p24topinner {
	    display: flex;
    flex-direction: column;
    margin-left: 32px;
   }
.p21s8h2 {   
 /*   width: 939px; */
    color: #F4F4F4;
    font-family: Inter;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 98%;
    letter-spacing: -2.88px;   
 }  
 .l8h2 {
/*	    width: 939px; */
    color: #F4F4F4;
    font-family: Inter;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 98%;
    letter-spacing: -2.88px;
}
.p21s8 {
	margin-left: 500px;
}
   
   #cardSlider {
  --f-carousel-slide-width: 100%;
  --f-carousel-spacing: 0;
  --f-carousel-slide-padding: 0 1rem;

  --f-button-prev-pos: 5rem;
  --f-button-next-pos: 5rem;

  --f-button-bg: #fff;
  --f-button-color: #333;

  --f-button-width: 48px;
  --f-button-height: 48px;
  --f-button-border-radius: 50%;

  --f-button-svg-width: 27px;
  --f-button-svg-height: 27px;
  --f-button-svg-stroke-width: 1.5;

  --f-button-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.imgresh {
	width: 300px;
	height: 260px;
	border-radius: 18px;
	transition: 1s;
}

@media screen and (min-width: 640px) {
  #cardSlider {
    --f-carousel-slide-width:  calc((100% - 16px) / 4);
	--f-carousel-spacing: 5px;
  }
}
/*
.f-carousel {
  
  --f-carousel-slide-width: calc((100% - 16px) / 3);
}
*/
.f-button { 
display: none!important;
}
@media (max-width: 1440px) and (min-width: 1200px){
	.video, .header {
		max-width: 1440px;
	}
	
}
@media (min-width: 1000px) and (max-width: 1200px){
	.video, .header {
		max-width: 1200px;
	}
	
}
@media (min-width: 800px) and (max-width: 1000px){
	.video, .header {
		max-width: 1000px;
	}
	
}

@media (max-width: 1440px) {
	.backgr, .header2, .l13, .l2tabs  {
		max-width: 1440px;
	}
	.l2tabs {
	flex-wrap: wrap;
	    column-gap: 70px;
}
	.about {
    
    height: 685px;
	}
	.headtext {
		flex-direction: column;
		justify-content: center;
		gap: 0;
	}
	.video, .header {
		max-width: 1440px;
	}
.l2-6 { 
	margin-left: 340px;
}
.l2h2, .l8h2 {
	font-size: 50px;
	letter-spacing: -1.2px;
}
.l2counter {
	gap: 64px;
}
.l2big  {
	font-size: 160px; 
}
.s6col1 {
	width: 349px;
}
.bg-tab1 {
    height: 520px; 
}
.l13 {
margin-left: 340px;
}	
.l13top {
	flex-direction: column;
	gap: 32px;
}
.l13top-p {
	width: 626px;
}
.l13h2mar2 {
	width: 990px;
}
.p21s8 {
	flex-direction: column;
	margin-left: 344px;
	gap: 32px;
}
.l14h2mar {
	width: unset;
	margin-left: 340px;
}
.l15, .l18 {
	margin-left: 340px;
} 
.l18h2 {
	width: 625px;
}
.l18card {
	width: unset!important;
} 
.l18h2mar2 {
	width: 990px;
} 
.p22h1 {
/*	font-size: 120px; */
} 
.p22b1, .p23block2, .l16h2mar2 {
	margin-left: 340px;
}

.footermenu {
    gap: 30px;
}
}
@media (min-width: 800px) and (max-width: 1440px) {
	.headtext2 {
		flex-direction: column;
	}	
}
@media (max-width: 1200px) {
	.p22b1 {
		margin-left: 32px;
	}
	
}


@media (max-width: 1100px) and (min-width: 800px) {
	.p23bl1 {
	flex-direction: column;
	align-items: flex-start;
	}
}

@media (max-width: 800px) {
.footermenu {
	flex-wrap: wrap;
}	
.footer-menu {
	min-width: 200px;
}
.mainmenutop {
	display: none;
}
.svganim {
	width: 32px;
	height: 32px;
}
.p23marh2 {
	font-size: 32px;
}
	.headtext2 {
		flex-direction: row;
	}	
.mobi800 {
	display: none;
}	
	
.page-two-h1, .p22b2h2 {
/*	font-size: 100px; */
}
.topmidl {
	margin-top: 210px;
} 
.header-container-l2 {
background-position: -100px 23%;
}

.lastlay12 {
	width: 100%;
}
.lastsvg {
	    margin-left: 354px;
}
.l2-6, .l13 { 
	margin-left: 32px;
}
.l2counter {
	display: none;
}
.l13h2mar2, .l16h2mar2, .l18h2mar2 {
	width: unset!important;
	font-size: 50px;
}
.p21s8, .l14h2mar, .l15, .l18, .l16h2mar2  {
	margin-left: 32px;
}
.p22b1 {
	margin-left: unset;
} 
.p22b1inner {
	padding: 32px;
}
.var1 {
	width: 260px;
} 
.l15card, .l8h2 { 
width: unset!important;
}
.p22b2-1 {
	flex-wrap: wrap;
}

.p23b1p1  {
	display: none;
}
.p23row p {
	width: 100%;
	font-size: 18px;
}
.p23ul li { 
font-size: 18px;
}
.p23block2 {
	margin-left: unset;
}
.p23svg {
	margin-right: 32px;
}

.p23block2 {
	gap: unset;
}
.p22h1  {
/*	font-size: 100px; */
}
}

@media (max-width: 480px) {
.video {
	display: none;
}	
    .p23marh2 {
        font-size: 24px;
    }

.p24b1 {
	gap: 24px 15px;
}
.about {
	    height: 500px;
		    background-image: url(./img/fon_mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.about2 {
	    height: 500px;
		    background-image: url(./img/fon_mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-filter {
    overflow: hidden;	
}	
.footer-address, .footerb {
    margin-left: 12px;
}	
.headtext2 {
flex-direction: column;
align-items: flex-start;
margin-left: 12px;
}
.page-two-h1, .p22b2h2 {
    font-size: 50px;
	    letter-spacing: -3px;
}
.page-two-h2 {
	    font-size: 18px;
		letter-spacing: -0.68px;
}
.margincard {
	margin-top: 118px;
}
.backgr, .header2, .l13, .l2tabs {
    max-width: 480px;
}
.page-two-h1 {
	width: unset;
}
.top_p_us {
    margin-top: 52px;
}

.p22dropbtn {
display: inline-flex;
height: 42px;
padding: 18px 32px;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
border-radius: 38px;
background: #ECEDF1;
border: none;
    width: 340px;
    margin-left: 12px;
}
.l2-svg {
	display: none;
}
.lastlay12 {
	border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.l2-tab-menu {
	font-size: 16px;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	
}
.layl2 {
	border: none;
	margin-top: 0;
	align-items: center;
	    justify-content: center;
		    justify-content: flex-start;
    margin-left: 12px;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 5;
	    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
	margin-left: 8px;
	max-width: 326px;
}

/* Links inside the dropdown */
.dropdown-content .lay12 {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content .lay12:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */



/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
.l2h2, .l8h2, .l2h3 {
    font-size: 39px;
	width: unset!important;
}
.uslugi-p p {
	font-size: 24px!important;
}
.bg-tab1, .l14 {
    height: 610px;
}	

.l13h2mar, .l13top-p, .l15p2, .l18h3, .l18pp {
	width: unset;
}
.l18h3 {
font-size: 24px;
}	
.l18pp {
	font-size: 16px;
}
.l15p {
	font-size: 20px;
}
.l18act {
	justify-content: space-between;
}
.s8textfile {
	font-size: 20px;
}

.l15card, .l15cardinner {
	height: unset;
}
.l13card {
	height: 100%;
}
.l13cardinner {
	height: 215px;
	padding: 20px!important;
}
.l13card p {
	font-size: 16px!important;
}

.l13h2mar2, .l16, .l18h2mar2, .p23block2 {
	display: none;
}
.l13gridcard {
	margin-bottom: unset;
}
.p21s8, .l14h2mar, .l15, .l18, .l16h2mar2, .p22b2 {
	margin-left: 12px;
	    margin-right: 12px;
}
.p22rowfirst, .p22row, .p22rowlast  {
	flex-direction: column;
	gap: 12px;
}  
.var1 {
	width: unset;
}
.var2 { 
color: #565050;
}
.p22b2-1 {
    flex-wrap: wrap;
    flex-direction: column;
}
.p22lastbut, .p22but {
	width: unset;
}
.p24card {
	    width: 300px;
    height: 200px;
}
.headtext2 {
	flex-direction: column;
} 
.p22h1 {
    font-size: 50px;
	letter-spacing: -3px;
}
.p22topinner {
	margin-left: 12px;
}
.p22top {
	height: unset!important;
}
} 
@media (max-width: 1200px) {
	.ptext2, .menulinks {
		    font-size: 12px;
	}
	.logosvg {
		width: 110px;
	}
	.desctop {
		display: none;
	}
	.buttontop, .buttontopcat {
		padding: 10px 20px;
	}
}
@media (max-width: 1074px) {
	.ptext2 {
		    display: none;
	}
.mobile {
	display: inherit!important;
}	
}
.phone {
    height: 1000px;
    overflow: hidden;
    position: relative;
    width: 100%;
    top: -90px;
  display: none
}
.image {
  position: absolute;
}
.menu {
  align-items: center;
  background-color: #303235;
  clip-path: polygon(81.05% 9.1%, 92% 9.1%, 92% 10.1%, 81.05% 10.1%);
  color: #f2f2f2;
  display: flex;
  flex-direction: column;
  font-family: sans-serif;
  font-size: 28px;
  height: 100%;
  position: absolute;
  top: 0;
  transition: clip-path 400ms cubic-bezier(0.4, 0, 0.2, 1),
    background-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.activet .menu {
  background-color: #303235;
  clip-path: polygon(101% -1%, 101% 101%, -1% 101%, -1% -1%);
  display: inherit;

}
.options {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  transform: scale(0.8);
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.option {
  cursor: pointer;
  margin: 8px 0;
}
.option a{
color: #FFF;
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 90%; /* 25.2px */
letter-spacing: -1.54px;
text-transform: capitalize;
}
.option:hover a{
color: #005DF3;
}

.activet .options {
  transform: scale(1);
}
.x {
  pointer-events: none;
position: absolute;
    right: 39px;
    top: 23px;
}
.top-bars {
  stroke: #303235;
  transition: stroke 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.activet .top-bars {
  stroke: #f2f2f2;
}
.bar {
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.bar1 {
  transform-origin: 190px 20.5px;
}
.bar2 {
  transform-origin: 190px 28.5px;
}
.activet .bar1 {
  transform: translateY(8.6px) rotate(45deg);
}
.activet .bar2 {
  transform: rotate(-45deg);
}
.menu-click-area {
  cursor: pointer;
  height: 40px;
  opacity: 0.3;
  position: absolute;
      right: 39px;
    top: 23px;
    width: 40px;
}
.activet {
display: inherit;
}
@media (min-width: 1920px) {
	section {
		max-width: 1920px;
		margin:auto;
	}
	.highbutton {
				max-width: 1920px;
		margin:auto;
	}
}	


.bannersinner {
	margin-bottom: 24px;
	margin-left: 25px;
    margin-right: -5px;
	margin-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	gap: 40px;

}
.bannerblock {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	width: 1400px;
}
.bigbanner {

	max-width: 930px;
	width: 100%;
	height: 800px;
	border-radius: 24px;
}
.bigbannerinner {
	
	display: block;
    text-decoration: none;
	position: relative;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    overflow: hidden;
	height: 100%;
    -webkit-mask-image: -webkit-radial-gradient(white, black);

}
.bigbannerinner:before {
    background: linear-gradient(180deg, rgba(57, 76, 98, 0) 0, rgba(2, 41, 88, .75) 59.12%);
    height: 196px;
	opacity: 1;
	
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    content: '';
    position: absolute;
    display: block;
    opacity: .4;
    z-index: 10;
}

.bigbannerinner2 {
	
	display: block;
    text-decoration: none;
	position: relative;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    overflow: hidden;
	height: 100%;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
	background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/ver/img/qtech.png);

}
.imginner {
	--swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    font-size: 14px;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    color: #005dcc;
    box-sizing: border-box;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 5;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 5px;
    -webkit-transition: all 400ms ease-out;
    background-image: url(/ver/img/exagate-conf.jpg);
}


.homenews_cover {
	width:100%;
	height: 100%;
}	
.scale {
    /* Строчно-блочный элемент */
    overflow: hidden; /* Скрываем всё за контуром */
	    border-radius: 24px;
   }
   .scale span {
    transition: 1s; /* Время эффекта */
   /* Убираем небольшой отступ снизу */
   }
   .scale div {
    transition: 1s; /* Время эффекта */
   /* Убираем небольшой отступ снизу */
   }
   .scale span:hover {
    transform: scale(1.2); /* Увеличиваем масштаб */
   }
   .scale div:hover {
	transform: scale(1.04);
   }
.topslider {
    max-width: 460px;
	width: 100%;
}   
.topsliderinner {
	
    overflow: hidden;

}
.slidetop {
	height: 213px;
    margin-bottom: 10px;
}

  .minslides {
	height: 395px;
	width:460px;
   
  }
  .minslides {
	height: 395px;
	width:460px;
	display: block;
    text-decoration: none;
	position: relative;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
	background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;

/*	height: 100%; */
   

}


  .newsblock {
	display: flex;
	align-items: center;
	
	padding-top: 30px;
    margin-bottom: 24px;
  }
  .newsblockinner {
	width: 416px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	
    height: 100%;
  }
  .news_zagolovok {
	/* Актуальное */



font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 42px;
line-height: 50px;
/* identical to box height, or 120% */
display: flex;
align-items: center;
letter-spacing: -2.52px;

/*color: #292F3A; */



  }
    .news_zagolovok2 {
	/* Актуальное */



font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 42px;
line-height: 50px;
/* identical to box height, or 120% */
display: flex;
align-items: center;
letter-spacing: -2.52px;

/*color: #292F3A; */



  }
  .news_action {
	/* Все события */



font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 20px;
/* identical to box height, or 100% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #292F3A;


  }
  .news_action:hover {
	border: 1px solid #005DF3;
	color: #005DF3; 
  }
  .newsb {
	justify-content: space-between;
	width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #C7C7C7;;

  }
  .newsgap {
	gap: 40px;
  }
  .newcard_left {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	width: 266px;
  }
  .newcard_right {
	height: 124px;
  }
  .newcard_left:hover p{
	  color: #005DF3;
  }
  
  .newcard_right img {
	/* Background */

width: 150px;
height: 124px;

background: #E1E4EA;
border-radius: 12px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

  }
  .butnews {
	/* Background */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
background: #E1E4EA;
border-radius: 32px;
padding: 6px 10px 6px 10px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

  }
.butnews:hover {
	background: #005DF3;
} 
 .butnews span{
	color: #8293A1;
 } 
 .butnews:hover span{
	color: #f8f8f8;
 }

.bnews {
	align-items: center;
	gap:10px;
} 
.bnews span{
	color: #8293A1;
}
.newstext {
/* Headline */



max-height: 78px;
max-width: 255px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
/* or 144% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #292F3A;


/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;





}
.newstextsize {
	width: 450px;
}
.sliderteg {

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 10px;
gap: 10px;



background: white;
border-radius: 32px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.sliderteg span {
	/* Новинки */


font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #000000;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}
.sliderteg:hover span {
color:#005DF3;	
}	


.cardgap {
	gap:10px;
}
.cardheight {
	height: 136px;
	overflow: Hidden;
}
.slidezag {
	/* Заголовок */

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 38px;
/* or 119% */
display: flex;
align-items: center;
letter-spacing: -2.52px;
color: #000000;
}
.slidezag:hover {
text-shadow: 1px 1px 2px #9E9E9E;
}	
.white {
	color: #E1E4EA;
}
.black {
	color: #292F3A;
}
.blue {
	color: #005DF3;
}
.red {
	color: #f3002c;
}
.yellow {
	color: #ffeb3b;
}
.netzagolovka {
	    opacity: 0;
}
.innercardslider {
	padding: 40px 20px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 98%;

}
.innerdots {
	bottom: 40px!important;
}
.butbigbanner {
	/* Background */
cursor: pointer;
box-sizing: border-box;

height: 52px;
border: 1px solid #E1E4EA;
border-radius: 32px;
display: flex;
align-items: center;
justify-content: center;
align-content: center;

}
.butbigbanner:hover {
	border: 1px solid #005DF3;
	background-color: 	#005DF3;	
	color: #ECEDF1;
}
.butbigbannersize {
width: 245px;
}
.butbigbanner span {
	color: #ECEDF1;
}
.butbigbannersizenews {
	width: 150px;
	}
.botombigbanner {
	display: flex;
	flex-direction: column;
	gap:40px;
	justify-content: flex-end;
    height: 100%;
}
.line {
	/* Separator */


width: 100%;
height: 1px;



background: #C7C7C7;

}
.innercardslider2{
padding: 40px 0 40px 40px;	
display: flex;
flex-direction: column;
justify-content: space-between;
height:85%;
}
.news_zagolovok2:hover {
	color: #005DF3;
}


@media (min-width: 1900px) {
	#myCarousel2 {
	--f-carousel-slide-height: 50%;
	--f-carousel-spacing: 10px;
  
	height: 800px;
  }
} 
@media (max-width: 1900px) {
	.newsblockinner {
		width: unset;
	}

	.newsgap {
		flex-wrap: wrap;
		flex-direction: initial!important;
	}
	.topslider {
		order: 1;
	}
	.bigbanner {
		order: 0;
	}
	.topslider {
		max-width: unset;
	}
	#myCarousel2 {
		height: 400px;
		width: 930px;
		--f-carousel-spacing: 10px;
		--f-carousel-slide-width: 49%;
	}
	.newsblock {
		padding-top: 0;		
	}

	.newcard {
		width: 450px;
	}
	.bannersinner {
		gap: unset!important;
	}
	.bannerblock {
		width: 100%!important;
	}
}

@media (max-width: 1900px) and (min-width: 1440px){
	.banners {
		margin-left: 400px;
	}

	

}
@media (min-width: 1050px) and (max-width: 1440px) {
	.banners {
		margin-left: 32px;
        margin-right: 32px;
	}
	.top200 {
		margin-top: 100px;
	}

}
@media (min-width: 800px) and (max-width: 1440px) {
	.newsgap { 
		width: 941px;
	}
}
/* Main banner */



@media (max-width: 800px) {
	  .topheader {
        
        margin-left: 12px!important;
        margin-right: 12px!important;
}
	.bigbanner {
		height: unset!important;
		max-width: 460px;
	}
	.newstextsize {
		width: 247px;
	}

	#myCarousel2 {
		width: 391px;
		height: 276px;
		--f-carousel-slide-width: 80%;
		--f-carousel-spacing: 0;

	}	
	.topslider {
		width: 391px;
	}
	.minslides {
		/* Banner */


width: 306px;
height: 264px;
background: #C9CBD1;
border-radius: 24px;
background-size: contain;

	} 
	.news_zagolovok  { 
		/* Headline */
		

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 32px;
/* or 107% */
display: flex;
align-items: center;
letter-spacing: -1.5px;


	}
	.news_zagolovok2  { 
		/* Headline */
		

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 42px;
line-height: 32px;
/* or 107% */
display: flex;
align-items: center;
letter-spacing: -3.76px;


	}
	.slidezag {
		/* Headline */


width: 267px;

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
/* or 115% */
display: flex;
align-items: center;
letter-spacing: -1.5px;




	}
	.innercardslider { 
		padding: 20px 0 20px 20px;
	}

	.bigbannerinner2 {
		background-image: url(/ver/img/qtech2-1.png);
		height: 488px;
		background-position: unset!important;
	}
	.bannersinner {
		margin-left: 12px;
		margin-right: 12px;
		overflow: hidden;
	}
	.innercardslider2 { 
		padding: 20px 0 40px 20px;
		height: 90%;
	}

	.butbigbanner span { 
		/* Перейти к продукту */



font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
/* identical to box height, or 125% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

	}
	.butbigbanner {
		/* Button */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 20px;
gap: 10px;

border: 1px solid #FFFFFF;
border-radius: 32px;

	}
	.butbigbanner {
		height: 44px;
		width: 185px;
	}

}

@media (max-width: 500px) {
	.newcard_left {
		order: 1;
		padding-top: 5px;
        padding-bottom: 5px;
	}
	.newcard_right img {
		width: 130px;
		height: 106px;
		border-radius: 14px;
	}
	.innercardslider {
		overflow: hidden;
	}
	.sliderteg {
		padding: 4px 6px;
	}
	.newstext {
		/* Менеджер (IT, B2B, KAM), удаленная вакансия. */


width: unset!important;

font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
/* or 125% */
display: flex;
align-items: center;
letter-spacing: -0.8px;

color: #292F3A;
	}
	.butnews span {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		/* identical to box height, or 143% */
		display: flex;
		align-items: center;
		letter-spacing: -0.8px;

		color: #8293A2;


	}
	.bnews span {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.8px;
	}
	.newcard_right { 
		height: unset;
	}
	.newcard {
		gap: 10px;
	}
	.newsgap {
		gap: 20px;
	}
	.newsb {
		display: inherit;
	}
	.newsblockinner {
		margin-top: 40px;
	}
	  
}