body{
	background:white!important;
}

.crumbs{
	display:none!important;
}

.front__part {
    display: flex;
    justify-content: space-between;
	    padding-top: 20px;
}

.front__part-right img {
    border-radius: 20px;
}

.front__part-left h1{

    font-family: "Inter", sans-serif;
    font-size: 28px;
}

.front__part-left {
    padding-right: 60px;
	display: flex;
    flex-direction: column;
}

p.promo__part {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 10px;
    padding-top: 20px;
}

.front__part-right {
    position: relative;
}

.front__part-right .block__right-part{
	position: absolute;
    right: 30px;
    bottom: 30px;
    background: #00000057;
    width: 250px;
    backdrop-filter: blur(4px);
    border-radius: 20px;
    color: white;
    padding: 20px;
}
.block__right-part svg{
width: 40px;
height: 40px;
filter: invert(1);
}

.wide__part {
    width: 100%;
    display: flex;
    justify-content: space-between;
	    margin-top: auto;
		
}

.wide__part-l{
	    background: aliceblue;
    padding: 30px;
    border-radius: 20px;
}
.wide__part-r{
	width:50%;
}

.wide__part svg {
	    width: 60px;
    height: 60px;
}
.wide__part-l h2{
    font-family: "Inter", sans-serif;
    font-size: 18px;
}

.wide__part-l p{

	font-size: 15px;
    margin-top: 20px;
}

.chart__part {
    display: flex;
    width: 100%;
    margin-top: auto;
	align-items: baseline;
	position: relative;
	justify-content: space-between;
	border-bottom: 1px solid #b9e5c4;
}

.chart-k{
	width: 25px;
    background: #36b555;
    
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.chart_p1{height:100px;opacity: .25;}
.chart_p2{height:110px;opacity: .3;}
.chart_p3{height:120px;opacity: .35;}
.chart_p4{height:140px;opacity: .4;}
.chart_p5{height:130px;opacity: .45;}
.chart_p6{height:150px;opacity: .5;}
.chart_p7{height:170px;opacity: .55;}
.chart_p8{height:150px;opacity: .6;}
.chart_p9{height:130px;opacity: .65;}
.chart_p10{height:220px;opacity: .75;}
.chart_p11{height:230px;opacity: .85;}
.chart_p12{height:250px;opacity: .95;}
.chart_p13{height:270px;}

.why__part {
    display: flex;
	position: absolute;
	align-items: center;
	background: aliceblue;
    padding: 10px 20px;
    border-radius: 20px;
}

.why__part svg{

 
    margin-left: 10px;
    width: 30px;
    height: 30px;
}

.why__part p {
	font-size: 16px;
}
.block__right-part p{
padding-top: 10px;
font-size: 18px;
}

.middle__text p {
padding-top: 10px;
font-size: 18px;	
}
.middle__text svg {
	width: 40px;
    height: 40px;
    filter: invert(1);	
}

.gray-bg{


}

.gray-bg .container {
	width:1190px;
    padding: 40px;
	border-radius: 20px;
}
.gray-bg .container h2{
font-family: "Inter", sans-serif;
    font-size: 21px;
    border-bottom: 1px solid #E1E8EE;
    padding-bottom: 20px;
}

.digital__about {
    justify-content: space-between;
    display: flex;
	flex-direction: column;
}

.item__digital {
    display: flex;
    align-items: center;
}
.item__digital > div {
	display: flex;
    flex-direction: column;
}
.item__digital span{
	font-size: 36px;
    font-family: "Inter", sans-serif;
}
.item__digital p{
    font-size: 17px;
    color: #333;
    
}
.item__digital svg{ 
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.gray-bg-item {
    display: flex;
       margin-top: 20px;
}

.middle__img {
    margin-right: 120px;
    position: relative;
}

.middle__img img{
   border-radius: 20px;
}

.middle__text {
    position: absolute;
    left: 30px;
    top: 30px;
    background: #00000057;
    width: 240px;
    backdrop-filter: blur(4px);
    border-radius: 20px;
    color: white;
    padding: 20px;
}

.geo__site {
    margin-top: 20px;
}

.geo__site h2{
	font-family: "Inter", sans-serif;
	font-size: 22px;
	    margin-bottom: 40px;
}

.geo__part-item-big {
 
    display: flex;
    align-items: center;
	width: 500px;
	border-bottom: 1px solid #E1E8EE;
    padding-bottom: 10px;
}

.geo__part-item-big p {
    font-weight: bold;
    font-size: 38px;
}
.geo__part-item-big span{
color: #40b95e;
  
    font-size: 34px;
	margin-left:auto;
}
.geo__part-item-big svg{
    margin-left: 20px;
    
    width: 60px;
    height: 60px;
}

.middle__text.geo{
	width:250px;
}
.main__service {
    margin-top: 20px;
}

.block__google-ya {
 
       margin-top: 20px;
    border-radius: 20px;
    padding-bottom: 0px;
    display: flex;
	justify-content: space-between;
}

.block__google-ya-img{
	 display: flex;
	 align-items: end;
}
.block__google-ya-img img{
        width: 390px;
	display: block;
}
.block__google-ya-text {

}
.from__h2{
	    margin-top: 60px;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    border-left: 7px solid #E1E8EE;
    display: inline-block;
    padding: 13px 34px;
    background: #e1e8ee4a;
}

.block__google-two {
    display: flex;
}
.block__google-ya-item p{
   
    font-size: 18px;
    color: #737373;
}

.block__google-ya-item.rrh1 {
    height: 160px;
    width: 260px;
    background: #e9e9e9;
}

.block__google-ya-item.rrh2 {
    height: 160px;
    width: 260px;
	    background: #e9e9e9;
}

.block__google-ya-item.rrh3 {
    height: 160px;
    width: 260px;
	    background: #e9e9e9;
}

.block__google-ya-item {
        width: 300px;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    height: 280px;
transform: scale(0.7);
	
}
.block__google-ya-item span{
font-weight: 600;
    font-size: 56px;
    color: #080808;
	
}

.block__google-ya-item img {
	width:100px;
}

.block__google-ya-item.goog {
   height: 220px; 
       background: #e9e9e9;
   
}

.block__google-ya-item.goog img{
	width:100px;
}

.block__google-ya-item.rrh1 span{
	font-size:36px;
}
.block__google-ya-item.rrh2 span{
	font-size:36px;
}
.block__google-ya-item.rrh3 span{
	font-size:36px;
}

.block__google-ya-item.rrh2 img{
	width:60px;
}

.block__google-ya-text-row{
	display:flex;
	flex-direction: column;
	    margin-left: 30px;
}

.geo__part-item-small {
   display: flex;
    align-items: center;
    width: 500px;
    margin-top: 10px;
}
.geo__general-img img{
width: 475px;
    border-radius: 20px;
	
}

.geo__general-img {

	position:relative;
}

.geo__part-item-small p{
     font-weight: bold;
    font-size: 25px;
    color: #333;
	padding-left: 20px;
}

.geo__part-item-small svg{
    margin-left: 20px;
    
    width: 40px;
    height: 40px;
}

.geo__part-item-small span{
color: #40b95e;
    
    font-size: 38px;
	margin-left:auto;
}

.geo__general {
    display: flex;
    justify-content: space-between;
}

.geo__part-item-small.ww1 span {
    font-size: 32px;
}

.geo__part-item-small.ww1 p{
	    font-size: 24px;
}

.block__google-ya-item.goog span{
font-size: 44px;	
}


.geo__part-item-small.ww2 span {
    font-size: 30px;
}

.geo__part-item-small.ww2 p{
	    font-size: 22px;
}

.geo__part-item-small.ww3 span {
    font-size: 28px;
}

.geo__part-item-small.ww3 p{
	    font-size: 20px;
}

.geo__part-item-small.ww4 span {
    font-size: 26px;
}

.geo__part-item-small.ww4 p{
	    font-size: 18px;
}

.geo__part-item-small.ww5 span {
    font-size: 24px;
}

.geo__part-item-small.ww5 p{
	    font-size: 16px;
}


.geo__part-item-small.ww6 span {
    font-size: 22px;
}

.geo__part-item-small.ww6 p{
	    font-size: 14px;
}


.geo__part-item-small.ww2 svg {
	width: 38px;
    height: 38px;
}

.geo__part-item-small.ww3 svg {
	width: 36px;
    height: 36px;
}

.geo__part-item-small.ww4 svg {
	width: 34px;
    height: 34px;
}

.geo__part-item-small.ww5 svg {
	width: 32px;
    height: 32px;
}

.geo__part-item-small.ww6 svg {
	width: 30px;
    height: 30px;
}

.geo__part-item-big.rus span{
	font-size: 26px;
}

.geo__part-item-big.rus p {
	font-size: 28px;
}

.geo__part-item-big.other span{
	font-size: 24px;
}

.geo__part-item-big.other p {
	font-size: 24px;
}

.geo__part-item-big.rus {
    margin-top: 20px;
}

.wide__service {
    display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.wide__service-item {
   display: flex;
    width: 49%;
	position: relative;
}

.wide__service-item img{
	border-radius: 20px;
    width: 100%;
}

.wide__service.main-serv img{
		border-radius: 30px;
		width: 100%;
}

.wide__service.main-serv {
    margin-bottom: 40px;
	position: relative;
}

.block__main-text {
       position: absolute;
    left: 60px;
    top: 60px;
    width: 400px;
    background: #0000007d;
    backdrop-filter: blur(20px);
    padding: 25px;
    color: white;
    border-radius: 20px;
}
.block__main-text h3{
font-family: "Inter", sans-serif;
    margin-bottom: 10px;
    font-size: 22px;
}
.block__main-text p{
    font-size: 16px;
    color: #dbdbdb;
}

.block__main-text svg{
	width: 60px;
    height: 60px;
}

.main__service a {
	    color: #919191;
    display: contents;
}

.contact__us {
    border: 10px solid #E1E8EE;
    padding: 90px 30px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    background: #f6f8fa;;
}

.contact__us p{
	text-align: center;
    font-size: 22px;
}

.contact__us a{
	    text-align: center;
    font-weight: bold;
    font-size: 32px;
    color: #1967d7;
    margin-top: 20px;
}
.contact__us span{
    text-align: center;
    margin-top: 10px;
    font-size: 15px;
}

.text--promo {
    padding: 20px;
    margin-top: 40px;
	width: 70%;
	display: flex;
	    padding-left: 0px;
}

.text--promo p{
    font-size: 18px;
    background: white;
    padding: 30px 40px;
    border-radius: 10px;
}

.text--promo svg {
	width:100px;
}

.main--text {
    margin-bottom: 40px;
    padding: 20px;
    border: 1px solid #E1E8EE;
    border-radius: 10px;
    font-size: 18px;
}

.main--text p {
	line-height: 1.7;
	margin-bottom: 20px;
}


.fade-up {
    opacity: 0;
    transform: translateY(40px);
    animation: fadeUp .8s ease forwards;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.opacity_hide{
opacity: 0;	
}
.scale-up-center{animation:scale-up-center 0.4s forwards; } @keyframes scale-up-center{ 0%{transform:scale(.7)} 100%{transform:scale(1)} }

.blur-in{animation:blur-in 0.4s linear both} @keyframes blur-in{0%{filter:blur(12px);opacity:0}100%{filter:blur(0);opacity:1}}


.item__digital.fade-up{
	opacity: 0;
    transform: translateY(40px);
    animation: fadeUp .8s ease forwards;
}

@media screen and (max-width:1230px){
	.gray-bg .container{
		    width: 100%;
            padding: 0 15px;
	}
}



@media screen and (max-width:1130px){
	
	.front__part {
		flex-direction: column;
	}
	
	p.promo__part {
    margin-bottom: 30px;
	}

	.front__part-left {
		margin-bottom: 40px;
		padding-right: 0px;
	}
	
	.front__part-right img {
		width:100%;
	}
	
	.why__part{
		z-index:99;
	}
	
	.why__part p {
		font-size: 14px;
	}
	
	
	.gray-bg-item{
		flex-direction: column-reverse;
	}
	
	.item__digital {
		margin-bottom: 30px;
	}
	
	.middle__img {
    margin-right: 0px;
	}

	.middle__img img {
		width:100%;
	}
	.digital__about{
		background: aliceblue;
		padding: 30px;
		border-radius: 20px;
		margin-bottom: 30px;
	}
	
	.geo__general{
		    flex-direction: column;
	}
	
	.geo__part {
		width: 100%;
			margin-bottom: 30px;
	}
	
	.geo__general-img img{
		width:100%;
	}
	
	.block__google-ya {
    flex-direction: column-reverse;
}
.block__google-ya-text {
    width: 100%;
    margin-bottom: 30px;
}

.block__google-ya-text-row {
    width: 50%;
}

.block__google-ya-item {
    width: 100%;
    height: 100%;
}
.block__google-ya-item.goog {
    width: 100%;
    height: 100%;
}
.block__google-ya-item{
	width: 100% !important;
        height: 100% !important;
}

.block__google-ya-img img{
	  width: 100%;
}

.wide__service{
	flex-direction: column;
}

.wide__service-item {
    width: 100%;
	margin-bottom: 20px;
}











}


@media screen and (max-width:768px){
	
	.gray-bg .container h2{
		display:block;
	}
	
	.from__h2{
		display:block;
	}
	
	.contact__us p {
    
		font-size: 20px;
	}
	
	.contact__us{
		    padding: 30px 30px;
	}
	
	.contact__us a{
		font-size:22px;
	}
	
	.wide__service-item .block__main-text{
		width: 90%;
        left: 5%;
        right: 5%;
	}
	
	.main-serv .block__main-text{
	position: relative;
        width: 90%;
        left: 5% !important;
        top: 30px !important;
	}
	
	.geo__part-item-big {
		width: 100%;
	}

	.geo__part-item-small{
		 width: 100%;
	}

	.geo__part-item-small p{
		padding-left: 0px;
			padding-right: 20px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
	}
	
	.block__google-two {
    
    flex-direction: column;
}

.block__google-ya-text-row {
		margin-left:0px;
        flex-direction: column;
        width: 100%;
    }
	
	.block__google-ya-item.goog {
    
}

.block__google-ya-item.rrh2 {

}
	
}