/*
 * HOME
*/

@import 'bottom_sec.css';

#top-sec{
	position: relative;
	padding: 110px 0 333px;
	background-size: 100% 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../img/home/bg_top.png);
}
.page-subtitle{
	font-size: 14px;
	line-height: 1.85em;
	margin: 2px 0 30px;
}
.top-sec__img-block{
	width: 310px;
	position: absolute;
	bottom: 60px;
    left: calc(50% + 5px);
    transform: translate(-50%,0);
    padding-bottom: 73%;
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(../img/home/billboard.svg);
	pointer-events: none;
}
.top-sec__img-top-2x{
	display: none;
}
.top-sec__img-top{
	position: absolute;
	display: none;
	width: 266px;
	bottom: 16px;
	left: 50%;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
}

#our-prod-sec{
	transition: .5s all;
	position: relative;
	padding: 56px 0;
}
#our-prod-sec::before{
	content: '';
	display: block;
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/circle.png);
}
#our-prod-sec::before{
	width: 56px;
	height: 56px;
	right: calc(50% + 90px);
	top: -20px;
}
/*#our-prod-sec::after{
    width: 69px;
    height: 69px;
    left: calc(50% + 50px);
    bottom: 110px;
}*/
#our-prod-sec .sec-title,
#our-prod-sec .sec-desc,
#product-highlight-sec .sec-desc{
	display: block;
	text-align: center;
}
#product-highlight-sec .sec-desc{
	margin-bottom: 40px;
}
.our-prod-sec__icons{
	padding: 0;
	margin-top: -10px;
	/*display: flex;*/
	/*display: -webkit-flex;*/
	/*flex-wrap: wrap;*/
	transition: .5s all;
}
.our-prod-sec__icons .splide__track{
	padding-top: 30px;
	padding-bottom: 30px;
}
.our-prod-sec__icons .splide__arrows{
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.our-prod-sec__icon-block{
	display: block;
	text-align: center;
	text-decoration: none;
}
.our-prod-sec__icon-block span{
	display: block;
	max-width: 160px;
	font-size: 16px;
	line-height: 1.7em;
	color: #3F5BA9;
	font-weight: 600;
	margin: 0 auto;
}
.our-prod-sec__icon{
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.16);
	background-color: #fff;
	margin: 0 auto 15.5px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.our-prod-sec__btn-col{
	text-align: center;
}

.blue-wave #why-sec{
	background-size: 100% 650px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../img/blue-wave.png);
}
#why-sec{
	position: relative;
	padding: 15px 0 53px;
}
#why-sec .container{
	position: relative;
	z-index: 2;
}
#why-sec::after{
	content: '';
	display: block;
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/circle.png);
	width: 90px;
	height: 90px;
	right: 20px;
	bottom: 20px;
}
#why-sec .sec-desc{
	margin-bottom: 30px;
}
#why-sec .orange-btn{
	margin-bottom: 28px;
}
.why-sec__icon-block{
	padding: 26px;
	background-color: #fff;
	border-radius: 20px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	margin-bottom: 30px;
}
.why-sec__icon{
	width: 90px;
	height: 78px;
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CAD3D8;
	margin-bottom: 8px;
}
.why-sec__icon-text__title{
	display: block;
	font-size: 16px;
	line-height: 1.875em;
	font-weight: 600;
	color: #3F5BA9;
}
.why-sec__icon-text__desc{
	display: block;
	font-size: 13px;
	line-height: 2.14em;
}


#case-sec{
	transition: .5s all;
}
#case-sec .img-block{
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;
	padding: 41px 36px 185px 49px;
	margin: 0 -15px;
	overflow: hidden;
}
.case-sec__img-col{
	position: relative;
	display: -webkit-flex;
}
#case-sec .img-block::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(36,54,104,.68);
}
.img-block__title,
.img-block__desc{
	position: relative;
	z-index: 2;
	font-weight: 700;
}
.img-block__title{
	margin: 0 0 20px;
	font-size: 22px;
	line-height: 1.375em;
	color: #fff;
}
.img-block__desc{
	display: block;
	font-size: 16px;
	line-height: 1.65em;
	color: #fff;
}
.case-sec__slider-col{
	margin-top: -150px;
}
.splide__list{
	display: flex;
	display: -webkit-flex;
}
.our-prod-sec__icons:not(.is-active) .splide__list{
	width: 100%;
	flex-wrap: wrap;
}
.our-prod-sec__icons:not(.is-active) .our-prod-sec__icon-block{
	width: 50%;
	margin-bottom: 26px;
}
.case-sec__slider{
	position: relative;
	padding-bottom: 70px;
}
.case-sec__slide{
	border-radius: 20px;
	padding: 11px;
	background-image: linear-gradient(#3F5BA9 0%, #243668 100%);
	height: 100%;
}
.case-sec__slide-container{
	background-color: #fff;
	border-radius: 20px;
	padding: 0 30px 64px;
	text-align: center;
	min-height: 100%;
	position: relative;
}
.case-sec__slide-container .orange-btn{
	padding: 0 10px;
}
.case-sec__btn-block{
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;	
}
.splide__arrows{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.hide-arrow .splide__arrows{
	display: none;
}
.splide__arrow{
	width: 40px;
	height: 40px;
	background-image: url(../img/arrow-left.png), linear-gradient(#F69A31 0%, #E94039 100%);
	background-size: 10px 16px, cover;
	background-position: left 12px center, center;
	background-repeat: no-repeat, no-repeat;
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 0;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
}
.splide__arrow--next{
	float: right;
	background-image: url(../img/arrow-right.png), linear-gradient(#F69A31 0%, #E94039 100%);
	background-position: left 14px center, center;
}
.splide__arrow > *{
	display: none;
}
.case-sec__logo{
	height: 100px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.case-sec__slide-text{
	display: block;
	font-size: 13px;
	line-height: 2.2em;
	margin-bottom: 25px;
}
.case-sec__slide-text::before{
	content: '';
	display: block;
	width: 96px;
	height: 1px;
	margin: 0 auto 20px;
	background-color: #CAD3D8;
}


#product-highlight-sec{
	padding-top: 71px;
	position: relative;
}
.highlight-blocks-col,
#product-highlight-sec .img-col{
	transition: .5s all;
}
#product-highlight-sec::before{
    content: '';
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/circle.png);
    width: 58px;
    height: 58px;
    right: 60px;
    top: 15px;
}
#product-highlight-sec .sec-title{
	text-align: center;
	margin-bottom: 22px;
	transition: .5s all;
}
.highlight-block{
	padding: 0 30px;
	transition: .2s all;
}
.highlight-block:not(:last-child){
	margin-bottom: 30px;
}
.highlight-block:last-child{
	margin-bottom: 10px;
}
.highlight-block:last-child.active{
	margin-bottom: 0;
}

.highlight-block:not(.active){
	cursor: pointer;
}
.highlight-block.active{
	background-color: #fff;
	padding: 20px 25px 20px 30px;
	border-left: 5px solid #FFC580;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
}
.highlight-block.active:not(:last-child){
	margin-bottom: 30px;
}
.highlight-block__title{
	font-size: 16px;
	line-height: 1.875em;
	font-weight: 600;
	color: #3F5BA9;
	margin: 0 0 2px;
}
.highlight-block__text{
	font-size: 13px;
	line-height: 1.85em;
}
.product-highlight__img-block{
	position: absolute;
	width: calc(100% - 30px);
	min-height: 315px;
	border-radius: 20px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	top: 0;
	left: 15px;
	opacity: 0;
	transition: .3s all;
}
.product-highlight__img-block.active{
	opacity: 1;
}
#product-highlight-sec .img-col{
	display: none;
	margin-top: 10px;
	position: relative;
	min-height: 315px;
}
.highlight-block__mobile-img{
	display: none;
}
.active > .highlight-block__mobile-img{
	display: block;
	border-radius: 20px;
	max-width: 100%;
	margin-top: 30px;
	padding-bottom: 75%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


#numbers-sec{
	position: relative;
	text-align: center;
	padding: 72px 0 50px;
}
.blue-wave #numbers-sec{
	background-image: url(../img/white-vawe-top.png), url(../img/white-vawe-bottom.png), linear-gradient(#e3f9ff 0%, #e3f9ff 100%);
	background-position: top 80px center, bottom 110px center, top 80px center;
	background-size: 100% auto, 100% auto, 100% calc(100% - 192px);
	background-repeat: no-repeat;
}
#numbers-sec .sec-title,
#numbers-sec .sec-deck{
	transition: .5s all;
}
#numbers-sec::after{
    content: '';
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/circle.png);
    width: 58px;
    height: 58px;
    right: 25px;
    bottom: 35px;
    transform: rotate(180deg);
}
#numbers-sec .container{
	position: relative;
	z-index: 2;
}
.numbers-col{
	margin-top: 25px;
}
.number-block{
	border-radius: 20px;
	background-color: #fff;
	text-align: center;
	padding: 35px 30px 40px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	margin-bottom: 30px;
	transition: .5s all;
}
.number-block__title{
	margin: 0 0 7px;
	font-size: 36px;
	line-height: 1em;
	color: #FFC580;
	font-weight: 700;
}
.number-block__deck{
	font-size: 16px;
	line-height: 1em;
	font-weight: 600;
	color: #243668;
}


.our-block{
	background-color: #fff;
	border-radius: 20px;
	padding: 20px 29px 30px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	margin-bottom: 30px;
	transition: .5s all;
}
.our-block.blue{
	position: relative;
	overflow: hidden;
}
.our-block.blue::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 20px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .3s all;
	background-image: linear-gradient(#3F5BA9 0%, #243668 100%);
}
.our-block.blue:hover::before{
	opacity: 1;	
}
.our-block.blue .our-block__title,
.our-block.blue .our-block__hr-line,
.our-block.blue .our-block__text,
.our-block.blue .orange-btn{
	transition: .3s all;
	position: relative;
	z-index: 2;
}
.our-block.blue:hover .our-block__title,
.our-block.blue:hover .our-block__text{
	color: #fff;
}
.our-block.blue:hover .our-block__hr-line{
	background-color: #fff;
}
.our-block__title{
	margin: 0 0 10px;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 700;
}
.our-block__hr-line{
	width: 60px;
	height: 1px;
	background-color: #3F5BA9;
	margin-bottom: 10px;
}
.our-block__text{
	display: block;
	font-size: 14px;
	line-height: 1.85em;
	margin-bottom: 30px;
}


#partners-sec{
	transition: .5s all;
	position: relative;
	padding: 40px 0 65px;
}
#partners-sec::before,
#partners-sec::after{
    content: '';
    display: block;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/circle.png);
}
#partners-sec::before{
    width: 28px;
    height: 28px;
    left: 40px;
    top: 0;
}
#partners-sec::after{
    width: 58px;
    height: 58px;
    right: 90px;
    bottom: 34px;
}
#partners-sec .sec-title{
	text-align: center;
}
.partners-slider{
	position: relative;
	padding-bottom: 60px;
	margin: 0 -10px;
}
.partners-slide{
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 60%;
	border-radius: 20px;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.16);
	background-color: #fff;
	transition: .3s all;
}
.partners-slide:hover{
	transform: scale(1.15);
}
.partners-slide img{
	position: absolute;
	max-width: calc(100% - 36px);
	max-height: calc(100% - 36px);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
#partners-sec .splide__slide{
	margin: 10px 0;
}
.partners-slider .splide__arrows{
	padding: 0 10px;
}

.our-prod-sec__arrows{
	display: none;
}
.our-prod-sec__arrows.active{
	display: block;
}
#our-prod-sec .container{
	overflow: hidden;
}

@media screen and (min-width: 768px){
	#top-sec{
		padding-bottom: 90px;
	}
	.top-sec__img-top{
		left: auto;
		right: calc((100vw - 690px) / 2);
		transform: translate(0, 0);
	}
	.top-sec__img-block{
		left: auto;
    	right: calc((100vw - 690px) / 2);
    	bottom: 0;
    	transform: translate(0, 0);
    	padding: 0;
    	height: 100%;
    	background-position: center;
	}
	.top-sec__img-top{
		bottom: 66px;
	}
	#our-prod-sec::after{
		left: calc(50% + 310px);
	}
	.our-prod-sec__btn-col{
		margin-top: 40px;
	}
	.why-sec__icon-block{
		display: flex;
		display: -webkit-flex;
		align-items: center;
	}
	.why-sec__icon{
		background-position: center;
		margin: 0 8px 0 0;
		border-bottom: 0;
	}
	.why-sec__icon-text-block{
		width: calc(100% - 105px);
		padding-left: 22px;
		border-left: 1px solid #CAD3D8;
	}
	.why-sec__icon-text__desc{
		line-height: 1.66em;
	}
	#product-highlight-sec .img-col{
		margin-top: 0;
	}
	.product-highlight__img-block{
		height: 100%;
	}
	.numbers-col{
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	.number-block{
		width: calc(50% - 15px);
	}
	.number-block:nth-child(2n - 1){
		margin-right: 30px;
	}
	#partners-sec::after{
		right: 190px;
	}
	.blue-wave #numbers-sec{
		background-image: url(../img/white-vawe-top_2-desktop.png), url(../img/white-vawe-bottom_2-desktop.png), linear-gradient(#e3f9ff 0%, #e3f9ff 100%);
		background-position: top center, bottom center, center;
		background-size: 100% auto, 100% auto, 100% 100%;
	}
}
@media screen and (min-width: 992px){
	#our-prod-sec::before,
	#our-prod-sec::after,
	#why-sec::after,
	#product-highlight-sec::before,
	#numbers-sec::after,
	#partners-sec::before,
	#partners-sec::after{
		background-image: url(../img/circle-2.png);
	}
	#top-sec{
		padding: 0;
		height: 490px;
		background-image: url(../img/home/bg_top_desktop_home.png);
	}
	#top-sec .page-title,
	#top-sec .page-subtitle{
		padding-right: 60px;
	}
	.page-title{
		margin-bottom: 20px;
	}
	#top-sec .container{
		position: relative;
		top: 50%;
		transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
	}
	.our-prod-sec__icons{
		/*max-height: 226px;*/
		/*overflow: hidden;*/
	}
	.our-prod-sec__icon{
		width: 111px;
		height: 111px;
		transition: .3s all;
	}
	.our-prod-sec__icon-block{
		/*width: 20%;*/
	}
	.our-prod-sec__icon-block:hover .our-prod-sec__icon{
		transform: scale(1.2);
	}
	#our-prod-sec .sec-desc,
	#numbers-sec .sec-desc,
	#product-highlight-sec .sec-desc{
		max-width: 748px;
		transition: .5s all;
	}
	#our-prod-sec .sec-desc,
	#numbers-sec .sec-desc{
		margin: 0 auto 15px;
	}
	#product-highlight-sec .sec-desc{
		margin: 0 auto 40px;
	}
	#numbers-sec::after{
		bottom: auto;
		top: -20px;
		right: auto;
		left: calc(50% + 295px);
		width: 73px;
		height: 73px;
		transform: rotate(0deg);
	}
	.top-sec__img-top{
		display: none;
	}
	.top-sec__img-top-2x{
		display: none;
		position: absolute;
		width: 380px;
		left: 50%;
		top: 50%;
		transform: translate(0, -50%);
	}
	.top-sec__img-block{
		right: auto;
		left: 50%;
		width: 465px;
	}
	#our-prod-sec{
		padding-top: 177px;
	}
	#top-sec::after{
		content: '';
		display: block;
		position: absolute;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../img/circle-2.png);
		width: 85px;
		height: 85px;
		right: calc((100% - 930px) / 2);
		bottom: -85px;
	}
	#our-prod-sec::before{
		width: 96px;
		height: 96px;
		left: auto;
		right: calc(50% + 300px);
		top: 150px;
	}
	#our-prod-sec{
		padding-bottom: 0;
	}
	#our-prod-sec::after {
	    left: calc(50% + 200px);
	    bottom: 0;
	}
	#why-sec{
		margin-top: 42px;
		padding: 140px 0;
	}
	.case-sec__slider-col{
		margin: 0;
	}
	.case-sec__slider{
		padding-top: 70px;
	}
	#case-sec .img-block{
		margin-right: -100px;
		padding: 0 168px 0 calc((100vw - 930px) / 2 + 15px);
		margin-left: calc((930px - 100vw) / 2);
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		justify-content: center;
		-webkit-justify-content: center;
	}
	#case-sec .splide__arrows{
		padding-left: 100px;
	}
	#case-sec .splide__arrow--next{
		float: none;
		margin-left: 15px;
	}
	.blue-wave #why-sec{
		background-image: url(../img/white-vawe-top_1-desktop.png), url(../img/white-vawe-bottom_1-desktop.png), linear-gradient(#e3f9ff 0%, #e3f9ff 100%);
		background-position: top center, bottom -1px center, center;
		background-size: 100% auto, 100% auto, 100% 100%;
	}
	.why-sec__text-col{
		display: flex;
		flex-direction: column;
		justify-content: center;
		display: -webkit-flex;
		-webkit-flex-direction: column;
		-webkit-justify-content: center;
	}
	.why-sec__text-col,
	.why-sec__blocks-col{
		transition: .5s all;
	}
	#product-highlight-sec{
		padding: 174px 0 62px;
	}
	#numbers-sec{
		padding: 124px 0 288px;
	}
	#numbers-sec + section{
		margin-top: -100px;
	}
	#our-sec{
		padding-bottom: 175px;
	}
	.our-blocks{
		position: relative;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	/*
	.our-block:first-child{
		position: absolute;
		top: 0;
		left: 0;
		width: calc(50% - 12px);
		height: 100%;
		margin: 0;
		padding: 27px 40px;
		text-align: center;
		background-image: linear-gradient(#3F5BA9 0%, #243668 95%);
	}
	.our-block:first-child > *{
		color: #fff;
	}
	.our-block:first-child .our-block__hr-line{
		background-color: #fff;
		margin: 0 auto 5px;
	}
	.our-block:nth-child(2),
	.our-block:nth-child(3){
		height: auto;
		margin-left: calc(50% + 12px);
		width: calc(50% - 12px);
	}
	.our-block:nth-child(2){
		margin-bottom: 28px;
	}
	.our-block:nth-child(3){
		margin-bottom: 0;
	}
	*/
	.our-block:nth-child(1),
	.our-block:nth-child(2){
		height: auto;
		width: calc(50% - 12px);
		margin-bottom: 24px;
	}
	.our-block:nth-child(1){
		margin-right: 24px;
	}
	.our-block__title{
		font-size: 28px;
		margin-bottom: 5px;
	}
	.our-block:nth-child(3){
		text-align: center;
	}
	.our-block__hr-line{
		margin-bottom: 15px;
		width: 89px;
	}
	.our-block:nth-child(3) .our-block__hr-line{
		margin-left: auto;
		margin-right: auto;
	}
	#partners-sec{
		padding: 0 0 175px;
	}
	#partners-sec::before{
		width: 108px;
		height: 108px;
		top: -123px;
		left: calc(50% - 280px);
	}
	#partners-sec .splide__track{
		width: calc(100% + 30px);
		margin: 0 -15px;
	}
	#our-sec{
		position: relative;
	}
	#our-sec::before{
		content: '';
		position: absolute;
		display: block;
		width: 136px;
		height: 136px;
		background-image: url(../img/dot.png);
		background-repeat: repeat;
		background-size: 12px 12px;
		background-position: top -4px left -4px;
		left: calc(50% - 525px);
		bottom: 180px;
	}
	#partners-sec::after{
		width: 108px;
		height: 108px;
		right: calc(50% - 420px);
	}

}
@media screen and (min-width: 1200px){
	#top-sec{
		height: 570px;
	}
	#top-sec::after{
		right: calc((100% - 1110px) / 2);
		bottom: -100px;
	}
	.top-sec__img-top-2x{
		width: 465px;
		top: auto;
		left: calc(50% + 40px);
		bottom: 0;
		transform: none;
	}
	.top-sec__img-block{
		width: 555px;
		bottom: -70px;
	}
	.page-title{
		font-size: 39px;
	}
	#our-prod-sec{
		z-index: 2;
	}
	#our-prod-sec::after{
		width: 109px;
		height: 109px;
		bottom: -60px;
	}
	#why-sec::after{
		width: 136px;
		height: 136px;
		background-image: url(../img/dot.png);
		background-repeat: repeat;
		background-size: 12px 12px;
		background-position: top -4px left -4px;
		right: calc(50% - 90px);
		bottom: 100px;
	}
	.img-block__title{
		font-size: 32px;
	}
	.img-block__desc{
		font-size: 15px;
		line-height: 1.8em;
	}
	.number-block{
		width: calc(25% - 40px);
	}
	.number-block:not(:last-child){
		margin-right: 53px;
	}
	#numbers-sec{
		padding-bottom: 290px;
	}
	#numbers-sec + section{
		margin-top: -150px;
	}
	#case-sec{
		position: relative;
	}
	#case-sec::before{
		content: '';
		position: absolute;
		display: block;
		width: 136px;
		height: 136px;
		background-image: url(../img/dot.png);
		background-repeat: repeat;
		background-size: 12px 12px;
		background-position: top -4px left -4px;
		right: calc(50% - 590px);
		bottom: 43px;
	}
	#case-sec .img-block{
	    padding: 0 138px 0 calc((100vw - 1110px) / 2);
    	margin-left: calc((1110px - 100vw) / 2);
		margin-right: -30px;
	}
	.case-sec__slider{
		width: calc(100% + 100px);
		margin-left: -100px;
		padding: 88px 0;
	}
	#case-sec .splide__arrows{
		padding-left: 130px;
		bottom: 20px;
	}
	#product-highlight-sec .container{
		position: relative;
		z-index: 2;
	}
	#product-highlight-sec::before{
		width: 75px;
		height: 75px;
		right: calc(50% - 240px);
		top: -15px;
	}
	#product-highlight-sec::after{
		content: '';
		display: block;
		position: absolute;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../img/circle-2.png);
		width: 151px;
		height: 151px;
		right: calc(50% + 650px);
		top: 140px;
	}
	#product-highlight-sec .img-col{
		position: relative;
	}
	#product-highlight-sec .img-col::before{
		content: '';
		position: absolute;
		display: block;
		width: 136px;
		height: 136px;
		background-image: url(../img/dot.png);
		background-repeat: repeat;
		background-size: 12px 12px;
		background-position: top -4px left -4px;
		right: -18px;
		bottom: -50px;
	}
	#product-highlight-sec .img-col{
		display: block;
	}
	.product-highlight__img-block img{
		width: 100%;
		height: auto;
		transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		top: 50%;
		left: 0;
	}
	.active > .highlight-block__mobile-img{
		display: none;
	}
	.our-block__title{
		font-size: 32px;
	}
	#partners-sec::before{
		left: calc(50% - 320px);
	}
	#our-sec::before{
		left: calc(50% - 615px);
	}
	#partners-sec::after{
		right: calc(50% - 480px);
	}
	#our-prod-sec::before{
		right: calc(50% + 350px);
		top: 160px;
	}
}
@media screen and (min-width: 1400px){
	#our-sec::before {
		left: calc(50% - 693px);
	}
	.top-sec__img-block{
		width: 635px;
	}
	#case-sec::before{
		right: calc(50% - 670px);
	}
}
@media screen and (min-width: 1600px){
	#our-prod-sec .sec-desc,
	#numbers-sec .sec-desc,
	#product-highlight-sec .sec-desc{
		max-width: 1200px;
	}
}
@media screen and (min-width: 1650px){
	#top-sec{
		height: 900px;
	}
	.page-title {
		font-size: 52px;
	}
	.page-subtitle,
	.highlight-block__text{
		font-size: 18px;
		line-height: 2em;
	}
	.top-sec__img-block {
		width: 765px;
		bottom: -120px;
	}
	.our-prod-sec__icon{
		width: 149px;
		height: 149px;
	}
	.our-prod-sec__icon-block span,
	.why-sec__icon-text__title,
	.number-block__deck{
		font-size: 20px;
	}
	.why-sec__icon-text__desc,
	.img-block__desc,
	.case-sec__slide-text,
	.highlight-block__title,
	.our-block__text{
		font-size: 18px;
	}
	.why-sec__icon{
		width: 112px;
	}
	.img-block__title,
	.our-block__title{
		font-size: 42px;
	}
	.case-sec__slide-container .orange-btn{
		padding: 0 25px;
	}
	.case-sec__logo{
		padding-bottom: 50%;
	}
	.number-block__title{
		font-size: 48px;
	}
	.number-block{
		padding: 66px 20px;
	}
	.our-block{
		padding: 30px 40px;
	}
	.case-sec__slide-container{
		padding: 0 40px 85px;
	}
	.case-sec__img-col{
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.case-sec__slider-col{
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
	}
	#case-sec::before{
		right: calc(50% - 835px);
		bottom: 24px;
		width: 185px;
		height: 185px;
		background-size: 16px 16px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
	.highlight-block{
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
	}
	.active > .highlight-block__text{
		width: calc(100% - 320px);
	}
	.active > .highlight-block__mobile-img{
		width: 300px;
		margin: 0 0 0 20px;
		padding: 0;
		height: 225px;
	}
}