/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*Mobile CSS*/
@media (max-width: 1370px) {
	.navKeys .iconGroup {
		margin-top: 20px;
	}
	.keysItem .iconGroup a:first-child {
		margin-left: 0px;
	}
}
@media (max-width: 1280px) {
/*Главное меню*/
	.main-menu .nav-link {
		font-size: 14px;
	}
	.main-menu .contact a.number {
		font-size: 18px;
	}

/*Главный экран*/
	.mainHero .content-block h1 {
		font-size: 40px!important;
	}
	.mainHero .content-block p {
		font-size: 18px!important;
	}

/*Кейсы*/
	.keys .item .icon-group a {
	    padding: 16px 40px;
    	font-size: 16px;
    	line-height: 135%;
    	border-radius: 0;
        width: auto;
	}
	.keys .item p.desc {
    	font-size: 16px;
    	margin-bottom: 40px;
	}

}
@media (max-width: 1200px) {
/*Кейсы*/
	.keysItem {
		padding-bottom: 15px;
	}
	.keysItem .navKeys .iconGroup {
		margin-top:10px;
	}
	.keysItem .iconGroup {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
	}
	.keysItem .iconGroup a {
		padding: 8px 12px;
		background-color: #fff;
		color: #7E879D;
		font-size: 14px;
		border-radius: 0px;
		width: auto;
		height: auto;
		margin-right: 10px;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.keysItem .iconGroup a img {
		margin-left: 10px;
	}	
	.keys .filter ul li {
		margin-bottom: 20px;
	}
/*CTa*/
	.cta-block p.desc {
		margin-bottom: 20px!important;
		line-height: 125%;
	}
	.cta-block .list-plus p {
		font-size: 18px;
	}
	.cta-block .list-plus p:before {
		top: 3px;
		width: 20px;
		height: 22px;
		margin-top: 0px;
	}
	
	.calc-blocks {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		align-items: end;
		margin-bottom: 40px;
	}

}
@media (max-width: 920px) {
	
	.calc-blocks {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(1, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		align-items: end;
		margin-bottom: 40px;
	}
/*Главное меню*/
	.main-menu, #scroll-navbar {
		background-color: #FFFFFF!important;
	}
	.main-menu .logo {
		width: 80px;
	}


/*Модалки*/
	.modal-block {
		padding: 20px;
	}


/*Главный экран*/
    .mainHero {
    	padding-top: 160px;
		position: relative;
    }
    .mainHero#podryad {
    	padding-top: 100px;
    }
    .mainHero__page {
    	padding-top: 120px;
			position: relative;
			height: 500px;
    }
    .mainHero__page#category-bg {
			height: 400px;
		}
    .mainHero__page .bread {
    	margin-bottom: 40px;
    }
    .mainHero__page .content-block h1 {
    	font-size: 24px!important;
    	margin-bottom: 20px;
	}
    .mainHero__page .content-block p {
    	font-size: 14px!important;
    	max-width: 100%;
	}
    /* .mainHero:before  {
    	content: '';
    	position: absolute;
    	background: url('../images/hero-bg-mob2.png') no-repeat!important;
    	width: 100%;
    	height: 550px;
    	background-size: cover!important;
    	bottom: 0;
    }
    
    .mainHero__page:before {
    	content: '';
    	position: absolute;
    	background: url('../images/hero-bg-mob2.png') no-repeat!important;
    	width: 100%;
    	height: 500px;
        background-size: cover!important;
        bottom: -5px;
    } */
    
    .mainHero:before, .mainHero__page#category-bg:before {
        content: '';
        position: absolute;
        background: rgb(2,14,40);
        background: -moz-linear-gradient(180deg, rgba(2,14,40,1) 27%, rgba(12,13,45,0.26943277310924374) 74%, rgba(23,11,51,0) 100%);
        background: -webkit-linear-gradient(180deg, rgba(2,14,40,1) 27%, rgba(12,13,45,0.26943277310924374) 74%, rgba(23,11,51,0) 100%);
        background: linear-gradient(180deg, rgba(2,14,40,1) 27%, rgba(12,13,45,0.26943277310924374) 74%, rgba(23,11,51,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020e28",endColorstr="#170b33",GradientType=1);
        width: 100%;
        height: 450px;
        background-size: cover;
        bottom: 0;
        z-index: 0;
        top: 0;
    }
    .mainHero:after, .mainHero__page#category-bg:after {
    	content: '';
    	position: absolute;
    	background: rgb(2,14,40);
    	background: -moz-linear-gradient(0deg, rgba(2,14,40,1) 23%, rgba(23,11,51,0) 100%);
    	background: -webkit-linear-gradient(0deg, rgba(2,14,40,1) 23%, rgba(23,11,51,0) 100%);
    	background: linear-gradient(0deg, rgba(2,14,40,1) 23%, rgba(23,11,51,0) 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020e28",endColorstr="#170b33",GradientType=1);
    	width: 100%;
        height: 350px;
    	background-size: cover;
    	bottom: 0;
    	z-index: 0;
    }
    
    .mainHero__page:before {
        content: '';
        position: absolute;
        background: rgb(2,14,40);
        background: -moz-linear-gradient(180deg, rgba(2,14,40,1) 27%, rgba(12,13,45,0.26943277310924374) 74%, rgba(23,11,51,0) 100%);
        background: -webkit-linear-gradient(180deg, rgba(2,14,40,1) 27%, rgba(12,13,45,0.26943277310924374) 74%, rgba(23,11,51,0) 100%);
        background: linear-gradient(180deg, rgba(2,14,40,1) 27%, rgba(12,13,45,0.26943277310924374) 74%, rgba(23,11,51,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020e28",endColorstr="#170b33",GradientType=1);
        width: 100%;
        height: 450px;
        background-size: cover;
        bottom: 0;
        z-index: 0;
        top: 0;
    }
    .mainHero__page:after {
    	content: '';
    	position: absolute;
    	background: rgb(2,14,40);
    	background: -moz-linear-gradient(0deg, rgba(2,14,40,1) 23%, rgba(23,11,51,0) 100%);
    	background: -webkit-linear-gradient(0deg, rgba(2,14,40,1) 23%, rgba(23,11,51,0) 100%);
    	background: linear-gradient(0deg, rgba(2,14,40,1) 23%, rgba(23,11,51,0) 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020e28",endColorstr="#170b33",GradientType=1);
    	width: 100%;
      height: 350px;
    	background-size: cover;
    	bottom: 0;
    	z-index: 0;
    }



    .mainHero .content-block h1 {
		font-size: 24px!important;
		margin-bottom: 20px;
	}
	.mainHero .content-block p {
		font-size: 14px!important;
		margin-bottom: 40px;
		max-width: 80%;
	}

	.mainHero .content-block h1 {
		font-size: 24px!important;
		margin-bottom: 20px;
	}
	.mainHero .content-block p {
		font-size: 14px!important;
		margin-bottom: 40px;
		max-width: 80%;
	}
	.mainHero .content-block a {
		margin-bottom: 80px;
	}
	.mainHero .item {
		padding: 20px 30px;
	}
	.mainHero .item p {
		max-width: 100%;
	    font-size: 16px;
	}

/*Страница контактов*/
	.contact-section {
		padding-top: 120px;
		padding-bottom: 60px;
	}
	.contact-section h2 {
		font-weight: bold!important;
	}
/*Плюсы в шапке*/
	.pluses-inner {
		padding: 60px 0;
	}
	.pluses-inner .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.pluses-inner.v2 .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.pluses-inner.v2 .left p {
		font-size: 16px;
		line-height: 130%;
	}
	.pluses-inner.v2 .left {
	}
	.pluses-inner.sticky-block .left {
	    position: relative;
	    top: inherit;
	}
	.pluses-inner.v2 .right .item {
		padding: 10px 15px;
		margin-bottom: 20px!important;
	}
	.pluses-inner.v2 .right .item p{
		font-size: 16px!important;
		line-height: 130%;
		padding-left: 40px;
		text-align: left!important;
	}
	.pluses-inner.v2 .right p:before {
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}
	.pluses-inner h3 {
		font-size: 24px!important;
		margin-bottom: 20px!important;
		line-height: 135%;
		font-weight: 600!important;
	}
	.pluses-inner .left {
		padding: 24px;
	}
	.pluses-inner .right .item {
		padding: 24px;
	}
	.pluses-inner .right .item:last-child {
		margin-bottom: 40px;
	}
	.pluses-inner .right .item h4 {
		font-size: 18px;
		text-align: center;
		font-weight: 500;
	}
	.pluses-inner .right .item p {
		font-size: 14px!important;
		line-height: 130%;
		text-align: center;
	}
	.pluses-inner ul li {
		margin-bottom: 20px;
		padding-left: 40px;
		font-size: 14px;
		line-height: 125%;
	}
	.pluses-inner ul li:before {
		width: 15px;
		height: 15px;
		top: 3px;
	}
/*Выход 4 плитки*/

	.exit {
		padding: 60px 0;
	}
	.exit .item p {
		font-size: 16px;
		line-height: 125%;
		margin-top: 15px;
	}
	.step-work ul li:last-child {
		margin-bottom: 20px;
	}
/*Шаги*/
	.step-work .reverse {
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: reverse!important;
		    -ms-flex-direction: column-reverse!important;
		        flex-direction: column-reverse!important;
	}
	.step-work ul li {
		font-size: 16px;
		padding-left: 70px;
		line-height: 130%;
	}
	.step-work ul li:before {
		font-size: 24px;
	}
	.step-work__panel {
		background-color: #F3F6F7;
		padding: 24px;
	}
	.step-work__panel .title {
		font-size: 18px;
		font-weight: 600;
		line-height: 130%;
		margin-bottom: 20px;
	}
	.step-work__panel .text {
		font-size: 14px;
		line-height: 130%;
		margin-bottom: 32px;
	}
	.step-work__panel a {
		margin-left: inherit!important;
	}
/*Услуги на главной*/

	.heroService {
		padding: 20px 0 80px;
	}
	.heroService .col {
    	margin-bottom: 0px;
	}
	.heroService .item {
		background-color: transparent;
		color: #fff;
		border-top: 1px solid #7E879D;
		border-bottom: none!important;
		padding: 20px;
		position: relative;
	}
	.heroService .heroService .item:last-child {
		border-bottom: 1px solid #7E879D;
	}
	.heroService .item p.title {
		margin-bottom: 0;
		font-size: 20px;
	}
	.heroService .item p.mini {
		color: #7E879D;
		font-size: 14px;
		margin-bottom: 0;
		line-height: 130%;
        max-width: 95%;
	}
	.heroService .item::after {
		content:'';
		background: url('../images/icon/arrow.png') no-repeat;
		width: 28px;
		height: 14px;
		background-size: contain;
		right: 15px;
		top: 50%;
		margin-top: -7px;
		position: absolute;
	}
	.heroService .item:hover p.title {
    	color: #fff;
	}
	.heroService .item:hover p.mini {
    	color: #7E879D;
	}

/*Категории услуг*/

	.category {
		padding: 60px 0;
		background-color: #020D27;
	}
	.category .col {
		margin-bottom: 0!important;
	}
	.category .item {
		background-color: transparent;
		color: #fff;
		border-top: 1px solid #7E879D;
		border-bottom: none!important;
		padding: 20px;
		position: relative;
/* 		display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center; */
		height: auto;
	}
	.category .item .text {
		color: #fff!important;
	}
	.category .item:hover {
		background-color: transparent;
	}
	.category .item:hover .text {
		color: #6E8ED7!important;
		max-width: 85%;
	}
	.category .col .item:last-child {
		/* border-bottom: 1px solid #7E879D!important; */
		border-bottom: none;
	}
	.category .item::after {
		content:'';
		background: url('../images/icon/arrow.png') no-repeat;
		width: 28px;
		height: 14px;
		background-size: contain;
		right: 15px;
		top: 50%;
		margin-top: -7px;
		position: absolute;
	}
	.category .item:hover a {
    	color: #fff;
	}
	.category .item .hover-icon {
		display: none;
	}
	.category .item .text {
		position: relative;
		margin-bottom: 0;
		left: 0;
		bottom: 0;
	}

/*Кейсы*/

	.keys {
		padding: 80px 0;
	}
	.keys h2 {
		font-style: normal;
		font-weight: 600;
	}
	.keysItem.last .mini {
		font-size: 14px;
		line-height: 125%;
		margin-bottom: 30px;
	}
	.keysItem.last .heading {
		font-size: 36px!important;
		margin-bottom: 10px;
		line-height: 125%;
	}
	.keysItem.last .lead {
		font-size: 16px;
	}
	.keysItem.last a.btn {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.keys .filter ul li {
		margin-bottom: 10px;
	}
	.keys .filter .select-box__list li {
		margin-bottom: 0;
	}
	 .keys .filter .select-box__current, .keys .filter .select-box__option {
		padding: 10px;
	}

/*CTA*/
	.cta-block {
		padding-top: 80px;
		padding-bottom: 0;
	}
	.cta-block .inner-panel {
		padding: 24px;
	}
	.cta-block .inner-panel h2 {
		font-weight: 700!important;
		margin-bottom: 10px;
	}
	.cta-block p.desc {
		font-size: 16px!important;
		margin-bottom: 20px!important;
		line-height: 125%;
	}
	.cta-block .list-plus {
		margin-top: 20px!important;
	}
	.cta-block .list-plus p {
		font-size: 14px;
	}
	.cta-block .list-plus p:before {
		width: 20px;
		height: 20px;
	}
	.cta-block a {
        padding: 15px!important;
        width: 100%;
	}

/*вопросы и ответы*/	
.faq {
	padding: 60px 0;
}
.faq .accordion-item {
    margin-bottom: 20px;
    border-radius: 0px;
    border: none;
}
.faq .accordion-header {
    padding: 20px 24px;
    font-size: 16px;
}
.faq .accordion-header .accordion-title {
	max-width: 85%;
}
.faq .accordion-header .icon-cross {
    width: 12px;
    height: 12px;
}
.faq .accordion-header.active .icon-cross {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.faq .accordion-header:hover .icon-cross {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.faq .accordion-body {
    padding: 20px 0;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 14px;
}


/*Отзывы*/
	.slider-reviews__item {
		width: 300px;
		height: 100%;
	}
	.slider-reviews .slick-list {
    width: inherit!important;
	}
/*Преимущество*/
	.pluses {
		padding: 60px 0 0 0;
	}
	.pluses .inner-plus {
		padding: 24px;
	}
	.pluses .inner-plus {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.pluses .inner-plus img {
	    width: 40px;
	    height: 40px;
	}
	.pluses .inner-plus p.lead {
		font-size: 16px;
		font-weight: 600;
		line-height: 125%;
		margin-bottom: 20px;
	}
	.pluses .inner-plus p.text {
		font-size: 16px;
		font-weight: 500;
		line-height: 130%;
		margin-bottom: 40px;
		margin-top: 20px;
	}
	.pluses-item {
		padding: 10px 30px!important;
	}
	.pluses-item p {
		font-size: 16px;
		font-weight: 500;
		line-height: 125%;
	}
/*команда*/
	.team {
		padding: 60px 0 60px 0;
	}
	.slider-team__item {
		width: 300px;
	}
	.slider-team .slick-list {
    	width: inherit!important;
	}
	.slider-team__item p.name {
		font-size: 24px!important;
		margin-bottom: 10px!important;
	}
	.slider-team__item p.profile {
		font-size: 16px!important;
		margin-bottom: 20px!important;
	}
	.slider-nav li, .slider-nav__mob li {
		width: 50px;
		height: 50px;
		margin: 5px;
	}
	.panel-team {
		padding: 24px;
		margin-top: 60px;
	}
	.panel-team p.title {
		font-size: 24px!important;
		color: #020D27!important;
		line-height: 130%;
		margin-bottom: 20px;
		font-weight: 600;
	}
	.panel-team p.desc {
		font-size: 14px!important;
		color: #222222!important;
		line-height: 125%;
		margin-bottom: 60px;
	}
	.panel-team a {
		width: 100%;
	}

/*Кейсы*/
	.schema {
		padding: 60px 0 60px;
	}
	.schema .sticky-title {
		position: relative!important;
		top: inherit;
		font-weight: 600!important;
		margin-bottom: 40px;
	}
	.schema .item {
		padding: 20px;
		background-color: #F3F6F7;
	}
	.schema .item.last {
		background-color: #2E4883;
	}
	.schema .item .title {
		font-size: 18px;
		color: #2E4883;
		margin-bottom: 20px;
	}
	.schema .item .text {
		font-size: 14px;
		color: #020D27;
		margin-bottom: 0;
		line-height: 125%;
	}
	.schema .item.last .text {
		color: #C2CBDF;
		font-size: 18px;
		line-height: 135%;
		margin-bottom: 115px;
	}


/*Баннер CTA*/
	.banner {
		padding: 30px 0 60px;
		position: relative;
	}
	.banner .banner-inner {
		padding: 24px;
		position: relative;
	}
	.banner .banner-inner:before {
		content: '';
		background: url('../images/banner-bg.jpg') no-repeat;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-size: cover;
		position: absolute;
		z-index: 0;
	}
	.banner .banner-inner h2 {
		margin-bottom: 20px;
		color: #fff;
		line-height: 135%;
		z-index: 1;
		position: relative;
		font-size: 24px;
		width: 100%!important;
	}
	.banner .banner-inner p {
		font-size: 14px;
		line-height: 135%;
		margin-bottom: 32px;
		width: 100%!important;
	}
	.banner .banner-inner .btn {
		margin-top: 0px;
		margin-bottom: 0;
		z-index: 1;
		position: relative;
	}


/*Подвал сайта*/

	.footer {
		padding: 80px 0 60px;
	}
	.footer .contact {
		margin-bottom: 10px;
	}
	.footer .contact .item {
		margin-bottom: 10px;
	}
	.footer .ya-map {
		margin-bottom: 40px;
		height: 300px;
	}
	.footer .ya-map img {
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.footer .contact .item {
		margin-bottom: 20px;
	}
	.footer .contact a, .footer .contact p {
		font-size: 16px;
		color: #fff;
		text-align: left!important;
		width: 100%;
		line-height: 125%;
	}
	.footer .f-menu {
		margin-bottom: 30px;
	}
	.footer .f-menu h3 {
		font-size: 24px!important;
		font-weight: 600!important;
		margin-bottom: 20px;
	}
	.footer .f-menu ul.service-menu {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
		-ms-grid-rows: 1fr;
		grid-template-rows: repeat(1, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 15px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		margin-bottom: 40px;
	}
	.footer .f-menu ul.service-menu > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
	}

	.footer .f-menu ul.service-menu li a {
		color: #909EBC!important;
		font-size: 16px!important;
	}
	.footer .f-menu ul.f-main-menu li a {
		font-size: 20px!important;
	}
	.footer .f-bottom .social a {
		width: 60px;
		height: 60px;
		border: 1px solid #909EBC;
		-webkit-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
		border-radius: 50%;
		position: relative;
	}
	.footer .f-bottom .social a:hover {
		background-color: #909EBC;
	}
	.footer .f-bottom .social a.tg::before {
		content: '';
		background: url('../images/icon/tg.svg') no-repeat;
		width: 24px;
		height: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12px;
		margin-top: -10px;
	}
	.footer .f-bottom .social a.wa::before {
		content: '';
		background: url('../images/icon/wa.svg') no-repeat;
		width: 24px;
		height: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -10px;
		margin-top: -10px;
	}
	.footer .f-bottom .social a:hover::before  {
		-webkit-filter: invert(50%) sepia(100%) saturate(10000%) hue-rotate(180deg) brightness(40%);
		        filter: invert(50%) sepia(100%) saturate(10000%) hue-rotate(180deg) brightness(40%);
	}
	.legal-link {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		width: 100%;
	}
	.legal-link * {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.form-block {
		padding: 20px;
	}
	.form-block .h3 {
		font-weight: 600!important;
		font-size: 24px;
	}
	.form-block p {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 125%;
	}
	.form-block .mb-n {
		margin-bottom: 54px;
	}

}

@media (max-width: 760px) {
	.mainHero__page#category-bg {
		height: 500px;
	}
	.mainHero__page#category-bg::before {
		height: 500px;
		bottom: -2px;
		background: url('../images/category-bg-mob.jpg') no-repeat;
		width: 100%;
		background-size: cover;
	}
}

@media (max-width: 920px) {
  .keys-detals {
    width: 100%;
    padding: 20px;
  }
  .keys-detals .persons p {
    font-size: 20px!important;
    line-height: 130%;
    margin-bottom: 0px;
  }
  .keys-detals .persons small {
    font-size: 16px!important;
  }
  .keys-detals .persons div {
    margin-bottom: 20px;
  }
}