.image-about .geksa-img{
		object-fit: cover;
    	max-height: 34em;
	}
	.about-container-index .background-row.advt{
		font-size: 11.25vw;
		text-transform: uppercase;
		margin: 0 auto 0.4375em 0;
	}
	.single-title{
		font-size: 4.875em;
	  font-weight: 500;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.03;
	  letter-spacing: normal;
	  text-align: center;
	  color: #011b2b;
	  margin-bottom: 1.5384em;
	  margin-top: 1.5384em;
      	
	}
	.about-container-index{
		display: flex;
		flex-direction: column;
		width: 100%;
		font-size: 16px;
	  	font-family: Raleway;
	}
	body h1{
		font-size: 2.4375em;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.03;
		letter-spacing: normal;
		text-align: center;
		color: #011b2b;
		text-align: center;
		margin-bottom: 0.5128em;
	}
	.text{
		font-size: 2em;
	  	font-weight: 500;
	  	font-stretch: normal;
	  	font-style: normal;
	  	line-height: normal;
	  	letter-spacing: normal;
	  	text-align: center;
	  	color: #011b2b;
	  	max-width: 870px;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    margin: 0 auto 2.8125em;
	}
	.image-about img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.about-container-index .background-row {
	    width: 100%;
	    font-size: 13.0em;
	    line-height: 0.86538461em;
	    color: rgba(206, 210, 213, 0.5);
	    text-align: center;
	    margin-bottom: 2vw;
	    margin: 0.272727em auto 0.272727em 0;
	    text-wrap: nowrap;
	}
	.about-info-container{
		display: flex;
		flex-direction: column;
		text-align: center;
		margin-bottom: 7.5em;
		 margin-top: 7.5em;
	}

	.about-info-container .title{
		font-size:  4.875em;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: 1.03;
	    letter-spacing: normal;
	    text-align: center;
	    color: #011b2b;
	}
	.about-info-container .main-block{
		display: flex;
		flex-direction: row;
	    justify-content: space-between;
	    flex-wrap: wrap;
	}
	.about-info-container .main-block .item{
		display: flex;
		flex-direction: column;
		padding: 0 0.75em;
		margin-top: 4.8125em;
	    align-items: flex-start;
	    border-left: 1px solid #d9dcde;
	    flex-wrap: nowrap;
	    text-align: left;
	    justify-content: space-between;
	}
	.item .top-item{
		font-family: Arial;
	    font-size: 18px;
	    font-weight: normal;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: left;
	    color: #f15800;
	    margin-bottom: 1.111em;
	}
	.item .top2-item{
		font-size: 2em;
		font-family: Arial;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: left;
	    color: #011b2b;
	    margin-bottom: 0.625em;
	    max-width: 271px;
	}
	.single-title.klients{
		margin-bottom: 1em;
	}
	.containere-kl.klients{
		position: relative;
		margin-top: unset;
		width: 100%;
		/*cursor: none;*/
		height: 34em;
    	overflow: hidden;
	}

	  .klients .images {
	    position: relative;
	    width: 100%;
	    height: 100%;
	  }

	  .image-old, .image-new {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    top: 0; left: 0;
	    pointer-events: none;
	  }
	  .image-new {
	    clip-path: inset(0 50% 0 0);
	    transition: clip-path 0.1s ease-out;
	    z-index: 2;
	  }
	  /* Вертикальная полоска с увеличенной толщиной */
	  .divider {
	    position: absolute;
	    width: 6px;
	    height: 100%;
	    background: #e23e2f;
	    top: 0;
	    left: 50%;
	    transform: translateX(-50%);
	    cursor: pointer;
	    z-index: 3;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	  }
	  /* Контейнер стрелок горизонтально по бокам полосы */
	  .arrow {
	    width: 15px;
	    height: 15px;
	    background: url(/images/border.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	    content: '';
	    display: block;
	    position: absolute;
	    margin: 0 9px;
	    cursor: default;
	    pointer-events: none; /* чтобы не мешали перетаскиванию */
	  }
	  .arrow-left {
	       transform: rotate(-45deg);
       left: -28px;
	  }
	  .arrow-right {
	        transform: rotate(130deg);
	  }
	  .arrows-wrapper {
	    display: flex;
	    flex-direction: row;
	    align-items: center;
  }
	  .arrow.left {
	    left: calc(50% - 30px);
	  }
	  .arrow.right {
	    left: calc(50% + 30px);
	  }
	  .text_after{
	  	width: 100%;
	  	display: flex;
	  }
	  .text_after .right-do{
	  	text-align: right;
	  }

	  .left-do,.right-do{
	  	width: 50%;
	  	margin-top: 20px;
	  	font-family: Arial;
		  font-size: 1em;
		  font-weight: normal;
		  font-stretch: normal;
		  font-style: normal;
		  line-height: normal;
		  letter-spacing: normal;
		  text-align: left;
		  color: #011b2b;
	  }


	.about-info-container.klients .item .top2-item{
		max-width: 300px;
		margin-right: 0.5em;
	}
	.item .mdl-item{
		font-size: 1em;
	    font-weight: normal;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: left;
	    color: #011b2b;
	    max-width: 330px;
	    font-family: Arial;
	}
	.item .mdl-item p{
		width: 100%;
	    font-size: 21px;
	    font-weight: 700;
	    margin-bottom: 2em;
	}
	.item .mdl-item p.brown,.item .mdl-item p.gold{
		letter-spacing: 0.5em;
	}
	.item .btm-item{
		font-family: Arial;
	  	font-size: 4.875em;
	  	font-weight: normal;
	  	font-stretch: normal;
	  	font-style: normal;
	  	line-height: 1.03;
	  	letter-spacing: normal;
	  	text-align: center;
	  	color: #011b2b;
	  	margin-top: auto;
	}
	.max {
		text-transform: uppercase;
	}
	.black{
		color: black;
	}
	.brown{
		color: #ddd4cc;
	}
	.gold{
		color: #bb8d4a;
	}
	.btn-container {
	    display: flex;
	    padding: 11px 61px;
	    background-color: #011b2b;
	}
	.btn-container a {
	    font-family: Arial;
	    font-size: 16px;
	    font-weight: normal;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: left;
	    color: #fff;
	    text-decoration: none;
	}

	.bacground-banner.left img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.middle-container .image-about,.bacground-banner{
		width: 50%;
	}

	.middle-container .image-about.right{
		padding-left: 2.8125em;
		display: flex;
	}

	.middle-container{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		max-height: 33.75em;
	}

	.bacground-banner.left span{
	  font-size: 2em;
	  font-weight: 500;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  text-align: left;
	  color: #011b2b;
	  margin: 2.28125em 0 ;
	  max-width: 469px;
	}

	.bottom-text{
		font-size: 4.875em;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: 1.03;
	    letter-spacing: normal;
	    text-align: left;
	    color: #011b2b;
	    margin: 0.512em 0 1.1538em;
	}
	.about-container-index .background-row.right{
		text-align: left;
		display: block;
    	width: 100%;
    	margin: 0;
	}
	.about-container-index .background-row.left{
		margin-top: 0;
	    width: 100%;
	    display: block;
	    text-align: right;
	}

	.container-princip{
		position: relative;
		display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    width: 100%;
	    height: auto;
	    flex-wrap: wrap;
        align-items: center;
	}

	.container-princip .mini-item.left{
		padding-right: 10vw;
		align-items: flex-end;
		padding-left: unset;
	}
	
	.container-princip .mini-item .name-block{
		flex-grow: 0;
	  	margin-bottom:3px;
	  	font-size: 2em;
	  	font-weight: 500;
	  	font-stretch: normal;
	  	font-style: normal;
	  	line-height: 1.13;
	  	letter-spacing: normal;
	  	text-align: left;
	  	color: #011b2b;
	}

	.container-princip .mini-item .body-block{
	  	flex-grow: 0;
	  	margin-top: 3px;
	  	font-family: Arial;
	  	font-size: 1em;
	  	font-weight: normal;
	  	font-stretch: normal;
	  	font-style: normal;
	  	line-height: normal;
	  	letter-spacing: normal;
	  	text-align: left;
	  	color: #011b2b;
	  	max-width: 18em;
	}
	.container-princip .mini-item.left .body-block,.container-princip .mini-item.left .name-block{
		text-align: right;
	}
	
	.container-princip .mini-item{
		width: 50%;
		display: flex;
    	flex-direction: column;
    	padding-left: 10vw;
    	align-items: flex-start;
	}

	.container-princip .mini-item:nth-child(3),.container-princip .mini-item:nth-child(4),.container-princip .mini-item:nth-child(5){
		width: 33%;
	}
	.mini-item.center{
		padding-left: 5vw;
	}

	.mini-item.left.center{
		padding-right: 5vw;
		padding-left: unset;
	}

	.mini-item.images-container{
		padding: unset;
		align-items: center;
	    max-width: 392px;
	}
	.mini-item.images-container img{
		width: 100%;
    	object-fit: cover;
	}

	.images{
	    flex-basis: 55%;
    	align-items: self-end;
	}

	.top-klients{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.top-klients .left{
		display: flex;
		flex-direction: column;
		flex-basis: 52%;
	}
	.about-info-container.klients .item .mdl-item{
		max-width: 300px;
	}

	.top-klients .left .ttilew{
		font-size: 4.875em;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.03;
		letter-spacing: normal;
		text-align: left;
  		color: #011b2b;
  		padding-bottom: 0.384615em;
	}
	.top-klients .left .bft-text{
		font-size: 2em;
	  font-weight: 500;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  text-align: left;
	  color: #011b2b;
	}

	/*new*/
	.about-container-index .image-about{
		position: relative;
	}

	.about-container-index .circle-container {
	    position: absolute;
	    width: 5vw;
	    height: 5vw;
	    bottom: 5vw;
	    right: 5vw;
	}

	.about-container-index .circle {
	    width: 100%;
	    height: 100%;
	    background-color: white;
	    border-radius: 50%;
	    position: relative;
	    z-index: 2;
	    text-align: center;
		text-transform: uppercase;
	    color: red;
	    font-size: 1.5vw;
	    line-height: 3.625em;
	    font-family: Raleway;
	}

	.about-container-index .wave {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    border-radius: 50%;
	    transform: translate(-50%, -50%) scale(1);
	    opacity: 1;
	    animation: rippleAnimation 4s infinite ease-out;
	}

	.about-container-index .wave-inner {
	    width: 7.1875em;
	    height: 7.1875em;
	    background-color: rgba(255, 255, 255, 0.3);
	    z-index: 1;
	}
	.about-container-index .wave-outer {
	    width: 9.6875em;
	    height: 9.6875em;
	    background-color: rgba(255, 255, 255, 0.2);
	    z-index: 0;
	}
	
	.image-about .geks-title{
		position: absolute;
		top: 6vw;
		left: 4vw;
	  font-size: 4.875em;
	  font-weight: 500;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.03;
	  letter-spacing: normal;
	  text-align: left;
	  color: #fff;
	}

	.image-about .geks-text-bottom{
		position: absolute;
		bottom: 5vw;
		left: 16vw;
	  font-size: 1em;
	  font-weight: 500;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  text-align: left;
	  color: #fff;
	  font-family: Arial;
	  max-width: 22vw;
	}

	.image-about .geks-text-top{
		position: absolute;
		bottom: 11vw;
		left: 16vw;
	  font-size: 2em;
	  font-weight: 500;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: 1.13;
	  letter-spacing: normal;
	  text-align: left;
	  color: #fff;
	}

	.wow-container{
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    margin-top: 5.625em;
	    margin-bottom: 5.3125em;
	    position: relative;
	    justify-content: space-between;
	}

	.about-container-index .circle-container.red{
		left: 2.5em;
	    bottom: 2.5em;
	    width: 4.6875em;
	    height: 4.6875em;
	}

	.about-container-index .red .circle{
		background-color: #e23e2f;
		color: #fff;
	}

	.about-container-index .red .wave-inner{
		background-color: rgb(255 0 0 / 30%);
	}
	
	.about-container-index .red .wave-outer{
		background-color: rgb(255 0 0 / 20%);
	}

	.wow-left .module{
		margin-left: 7.34em;
	    font-family: Raleway;
	    font-size: 2em;
	    font-weight: 500;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: left;
	    color: #011b2b;
	    max-width: 18.218em;
	}
	
	.wow-right img{
		width: 9.6875em;
	    height: 9.6875em;
	}

	.about-container-index .circle-container.red .circle{
	  font-family: Raleway;
	  font-size: 22px;
	  font-weight: 500;
	  font-stretch: normal;
	  font-style: normal;
	  letter-spacing: normal;
	  text-align: center;
		line-height: 3.4em;
	  color: #fff;
	}

	.container-qr{
		display: flex;
	    flex-direction: column;
	    width: 15em;
    	justify-content: space-between;
    	margin-left: 2.5em;
	}

	.wow-right{
		display: flex;
	    flex-direction: row;
	    justify-content: flex-end;
	}

	.tekst-qr{
		padding-right: 15px;
	    font-family: Arial;
	    font-size: 16px;
	    font-weight: normal;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: normal;
	    letter-spacing: normal;
	    text-align: left;
	    color: #011b2b;
	}
	.container-qr .btm-item .btn-container{
		padding: 0.6875em 2.625em;
	}

	.top-img{
		padding-right: 0.25em;
	}
	.right-block{
		display: flex;
		flex-direction: column;
		flex-basis: 66%;
	}

	.item-rt{
		width: 100%;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-items: center;
	    border: 1px solid black;
        justify-content: space-between;
        margin-bottom: 0.512em;
        padding: 0.382em 0.328em 0.382em 0.37em;
	}
	.right-block .item-rt:last-child{
		margin-bottom: unset;
	}
	.item-rt span{
		font-family: Arial;
	  font-size: 0.205em;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: normal;
	  text-align: left;
      max-width: 18.875em;
	}
	.bottom-text{
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    justify-content: space-between;
        align-items: stretch;
	}

	.bottom-text .left-block{
	    position: relative;
        display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	}

	.about-container-index .bottom-text .circle-container.red{
		left: 0.5em;
		top: 0.4em;
		width: 1em;
		height: 1em;
	}
	
	.about-container-index .bottom-text .wave-inner{
		width: 1.47em;
    	height: 1.47em;
	}

	.about-container-index .bottom-text .wave-outer{
		width: 1.98em;
    	height: 1.98em
	}

	.bottom-text .left-block .module{
		font-size: 0.41em;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: left;
		margin-left: 7em;
	    margin-top: 0.5em;
		max-width: 28em;
    	margin-right: 6em;
	}

	.left-block .btm-item{
		max-width: 300px;
	}

	.btm-item .btn-container{
		padding: 11px 30px;
	}


	/*-----------------*/
	@media(max-width:1200px){
		.image-about .geks-title{
			font-size: 3.875em;
		}
		.image-about .geks-text-top{
			    font-size: 1.5em;
		}
		.image-about .geks-text-bottom{
			    font-size: 0.75em;
		}
		.wow-container{
			flex-direction: column;
		}
		.wow-left .module{
			margin-bottom: 1em;
			margin-left: unset;
		}
	}
	@media(max-width:1024px){
		.bottom-text .left-block .module{
			margin-right: 1em;
		}
		.about-container-index{
			font-size: 14px;
		}
		.about-container-index .background-row{
			font-size: 10em;
		}
		.about-info-container.klients .item .top2-item{
			margin-right: 0;
		}
	}
	@media(min-width:767px){
		.mb-vision{
			display: none;
		}
	}
	@media(max-width:768px){
		.mb-vision{
			display: block;
			margin-top: 0.5em;
	        max-width: 300px;
		}
		.pc-vision{
			display: none;
		}
		.bottom-text{
			flex-direction: column;
		}
		.bottom-text .left-block .module{
			max-width: 16em;
		    margin-left: auto;
		    text-align: center;
		    margin-right: auto;
        margin-bottom: 0.5em;
        font-size: 0.8em;
		}
		.about-container-index .background-row.advt{
			font-size: 10vw;
		}
		.about-container-index{
			font-size: 12px;
		}
		.about-container-index .background-row {
	        font-size: 9em;
	    }
	    .about-info-container.klients .item .mdl-item{
	    	max-width: 227px;
	    }

	    .item.images img{
	    	width: 40em;
	    }

	    .image-about .geks-title{
			font-size: 2.875em;
		}
		.image-about .geks-text-top{
			    font-size: 1.25em;
		}
		.image-about .geks-text-bottom{
			max-width: 26vw;
		}

		.circle-container.red{
			display: none;
		}
		.tekst-qr{
			padding-bottom: 15px;
		}

	}
	@media(max-width:430px){

		.middle-container .image-about, .bacground-banner{
			width: 100%;
		}
		.container-qr{
			width: unset;
		}
		.about-info-container .title,body .dekor-container .title{
			font-size: 4em;
	        max-width: unset;
		}

		.container-princip .mini-item .body-block{
			display: none;
		}
		.container-princip .mini-item .name-block{
			font-size: 1.5em;
		}


		.image-about .geks-title{
			font-size: 1.875em;
			top: 4vw;
		}
		.image-about .geks-text-top{
		    font-size: 1em;
		}
		.image-about .geks-text-bottom{
			display: none;
		}

		.about-container-index{
			font-size: 10px;
		}
		.about-container-index .background-row{
			font-size: 6em;
		}
		.middle-container{
			max-height: unset;
	        flex-direction: column;
		}
		.middle-container .image-about.right{
			padding-left: unset;
			padding-top: 1em;
		}
		.history_block .owl-carousel.owl-loaded .owl-nav{
			top:0.5em
		}
		.about-info-container.klients .right{
			display: none;
		}
		.top-klients .left{
			flex-basis: 100%;
		}
		.item.images img {
	        width: 33em;
	    }
	    .item .mdl-item{
	    	font-size: 1.5em;
	    }
	}