@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,600&display=swap');*/

/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--blue);
  transition: all 0.5s;
  cursor: pointer; 
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  width: 3px; 
}

@keyframes blinking {
	from{opacity: 1;}
	to{opacity: 0.3;}
}


::selection {
  background: var(--blue);
  color: var(--black);
}


:root {
	--black: #000;
	--white: #fff;
	--grey-80: #242424;
	--grey-60: #4B4B4B;
	--grey-40: #868686;
	--grey-20: #dedede;
	--bg-grey: #f3f3f3;
	--red: #BD2F2F;
	--blue: #2FBDBD;
	--blue-dark: #1C7B7B;

	--app-height: 100%;
}
html {
	scroll-behavior: smooth;
}
*{
	appearance: none;
  -moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	margin: 0;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	color: var(--black);
}
a, button{
	cursor: pointer;
	text-decoration: none;
	border: none;
	background-color: transparent;
	display: inline-block;
}
body{
	overflow-x: hidden;
}

main{
	padding-top: 63px;
}
.home main,
.page-template-page-landing main{
	padding-top: 0;
}
@media screen and (max-width:  920px){
	main{
		padding-top: 67px;
	}
	.home main,
	.page-template-page-landing main{
		padding-top: 0;
	}
}

section{
	width: 100%;
	overflow: hidden;
	scroll-margin-top: 64px;
}
section,
article{
	padding: 100px 0;
}
@media screen and (max-width: 1024px){
	section,
	article{
		padding: 48px 0;
	}
}
@media screen and (max-width: 640px){
	section,
	article{
		padding: 24px 0;
	}
}

img{
	display: block;
	width: 100%;
}

.anchor{
	display: block;
	position: relative;
	top: -120px;
	visibility: hidden;
}



/*COMMONS START*/

/*containers*/
.container{
	position: relative;
	width: 100%;
	margin: auto;
	max-width: 1110px;
}
@media screen and (max-width:  1110px){
	.container{
		max-width: calc(100% - 64px);
	}
}
@media screen and (max-width:  1024){
	.container{
		max-width: 930px;
	}	
}
@media screen and (max-width:  930px){
	.container{
		max-width: calc(100% - 48px);
	}	
}
@media screen and (max-width:  640px){
	.container{
		max-width: calc(100% - 32px);
	}	
}



.image-box{
	position: relative;
}
.image-box img{
	/*position: absolute;*/
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}


/*components*/
@media screen and (min-width:  640px){
	.mobile{
		display: none !important;
	}
}
@media screen and (max-width:  640px){
	.desktop{
		display: none !important;
	}
}

.unscroll{
	position: relative !important;
	overflow: hidden !important;
	/*position: fixed;*/
	height: 100vh;
}


/*lists*/
ul{
	list-style-type: none;
}

.bullet-list li{  }



/*titles & texts*/
h1, 
.title-56{
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 56px;
	line-height: 64px;
}
h2,
.title-48{
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 48px;
	line-height: 54px;
}
h3, 
.title-40{
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
}
h4,
.title-32{
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
}
h5,
.title-24{
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
}
h6,
.title-20{
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}
.title-18{
	font-family: 'Sansation';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: var(--grey-60);
}
.title-16{
	font-family: 'Sansation';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}
p,
.text{
	font-family: 'Neue Alte Grotesk';
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 32px;
	color: var(--grey-60);
}

@media screen and (max-width: 920px){
	h1, 
	.title-56{
		font-size: 32px;
		line-height: 40px;
	}
	h2,
	.title-48{
		font-size: 40px;
		line-height: 48px;	
	}

	h4,
	.title-32{
		font-size: 24px;
		line-height: 32px;
	}
	h5,
	.title-24{
		font-size: 20px;
		line-height: 24px;
	}
	p,
	.text{
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
	}
}



/*buttons & links*/
.blue-button{
	font-family: 'Neue Alte Grotesk';
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: var(--black);
	padding: 18px 80px;
	background-color: var(--blue);
	width: fit-content;
	transition: all .3s;
	text-align: center;
	border: none;
}
.blue-button:hover{
	background-color: var(--blue-dark);
}
@media screen and (max-width: 640px){
	.blue-button{
		width: 100%;
	}
}

.border-button{
	font-family: 'Neue Alte Grotesk';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: var(--blue-dark);
	display: block;
	padding: 18px 0;
	text-align: center;
	width: 100%;
	border: 1px solid var(--blue-dark);
	transition: all .3s;
}
.border-button:hover{
	background-color: var(--blue-dark);
	color: var(--white);
}


.download-link{
	display: inline-flex;
	align-items: center;
	font-family: 'Neue Alte Grotesk';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: var(--blue-dark);
}
.download-link:hover{
	text-decoration: underline;
}
.download-link::after{
	content: '';
	display: block;
	width: 14px;
	height: 24px;
	background-image: url(../img/download.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 8px;
}


.small-label{
	display: inline-block;
	padding: 4px 8px;
	font-family: 'Sansation';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	color: var(--blue-dark);
	background-color: #D9F6F6;
}

.burger{
	display: block;
	width: 32px;
	height: 32px;
	position: relative;
	padding: 0;
}
.burger span{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 22px;
	height: 3px;
	background-color: var(--white);
	transform: translate(-50%, -50%);
	transition: all .3s;
}
.burger span:first-child{
	transform: translate(-50%, calc(-50% - 7px));
}
.burger span:last-child{
	transform: translate(-50%, calc(-50% + 7px));	
}
.scrolled .burger span,
.active .burger span,
.white .burger span{
	background-color: var(--grey-60);
}
.active .burger span,
.active .burger span:first-child{
	transform: translate(-50%, -50%) rotate(45deg);		
}
.active .burger span:last-child{
	transform: translate(-50%, -50%) rotate(-45deg);			
}

.close{
	display: block;
	width: 24px;
	height: 24px;
	position: relative;
}
.close::before,
.close::after{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--black);
	border-radius: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.close::before{
	transform: translate(-50%, -50%) rotate(45deg);
}
.close::after{
	transform: translate(-50%, -50%) rotate(-45deg);
}


@media screen and (max-width:  920px){
	.burger.mobile{
		display: block !important;
	}
	.info-link{  }
}

.check-list li{
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	/*padding-right: 24px;*/
	display: flex;
	align-items: center;
}
.check-list li::before{
	content: '';
	display: block;
	width: 18px;
	min-width: 18px;
	height: 24px;
	margin-right: 8px;
	background-image: url(../img/check.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


/*COMMONS END*/




/*SLICK ELEMENTS START*/
.slick-dots li {  }
.slick-dots li button:before{  }

/*SLICK ELEMENTS END*/



/*HEADER START*/
.site-header{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background: transparent;
	border-bottom: 1px solid var(--grey-20);
	transition: all .3s;
	padding: 8px 0;
}
.site-header.scrolled,
.site-header.active,
.site-header.white{
	background-color: var(--white);
}
.headwer__container{
	max-width: calc(100% - 80px);
	margin: auto;
}
.header__wrap{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header__logo{
	width: 156px;
	filter: invert(1) brightness(10);
	transform: all .3s;
}
.site-header.scrolled .header__logo,
.site-header.active .header__logo,
.site-header.white .header__logo{
	filter: none;
}
.header__logo img{
	object-fit: contain;
}
.header__nav ul{
	display: flex;
	align-items: center;
}
.header__nav ul li{
	padding: 4px 24px;
	position: relative;
}
.header__nav li a{
	color: var(--white);
	font-family: 'Neue Alte Grotesk';
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	transition: all .3s;
}
.header__nav li.blue{
	border: 1px solid var(--blue-dark);
	transition: all .3s;
}
.header__nav li.blue:hover{
	border-color: var(--white);
}
.scrolled .header__nav li a,
.scrolled .header__nav li.blue a:hover,
.white .header__nav li a,
.white .header__nav li.blue a:hover{
	color: var(--black);
}
.scrolled .header__nav li.blue:hover,
.white .header__nav li.blue:hover{
	border-color: var(--black);
}
.current_page_item::after{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: var(--black);
}
.current_page_item.blue::after{
	background-color: var(--blue-dark);
}

.header__nav li a:hover,
.header__nav li.blue a,
.scrolled .header__nav li.blue a,
.white .header__nav li.blue a{
	color: var(--blue-dark);
}
.header__nav li.blue a:hover{
	color: var(--white);
}

@media screen and (max-width: 920px){
	.headwer__container{
		max-width: calc(100% - 32px);
	}
	.site-header{
		padding: 10px 0;
	}
	.header__nav{
		position: fixed;
		width: 100vw;
		height: calc(100vh - 67px);
		background-color: var(--white);
		top: -100vh;
		left: 0;
		transition: all .3s;
	}
	.active .header__nav{
		top: 67px;
	}
	.header__nav ul{
		flex-direction: column;
		align-items: flex-start;
		justify-content: start;
		padding: 24px 16px;
	}
	.header__nav ul li{
		padding: 10px 0;
	}
	.header__nav li a{
		color: var(--black);
		font-size: 22px;
		line-height: 27px;
	}
	.header__nav li.blue{
		width: 100%;
		text-align: center;
	}
	.current_page_item::after{
		bottom: 0px;
		top: unset;
	}
	.header__nav li.blue a:hover{
		color: var(--black);
	}
}
/*HEADER END*/

/*BANER START*/
.baner{
	padding: 0;
	background-size: cover;
}
.baner__wrap{
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.baner__wrap h1,
.baner__wrap p{
	color: var(--white);
	margin-bottom: 24px;
}
.baner__wrap p{
	max-width: 640px;
}
.baner__wrap .check-list{
	display: flex;
	margin-top: 24px;
}
.baner__wrap .check-list li{
	color: var(--white);
	margin-right: 24px;
}
@media screen and (max-width:  1024px){
	.baner__wrap{
		height: auto;
		padding: 200px 0;
	}
}
@media screen and (max-width:  640px){
	.baner__wrap{
		height: 100vh;
		height: var(--app-height);
		padding: 0;
	}
	.baner__wrap h1{
		margin-top: 30%;
	}
	.baner__wrap .blue-button{
		margin: auto auto 24px auto;
		order: 1;
	}
	.baner__wrap .check-list{
		flex-direction: column;
		margin-top: 36px;
	}
	.baner__wrap .check-list li{
		margin-right: 0;
		margin-bottom: 12px;
	}
}
/*BANER END*/	


/*PARTNERS START*/
.partners{
	padding: 64px 0;
	background-color: var(--grey-80);
}
.partners__wrap{
	display: flex;
	align-items: center;
}
.partners__wrap .title-20,
.partners__wrap h2{
	/*margin-bottom: 32px;*/
	color: var(--grey-20);
	width: max-content;
	width: 100px;
	margin-right: 24px;
}
.partners__list{
	width: 100%;
	max-width: calc(100% - 124px);
}
.partners__item{
	margin-left: 20px;
}
.partners__item a{
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
}
.partners__item img{
	height: 53px;
	width: 100%;
	object-fit: contain;
	margin-bottom: 8px;
}
.partners__item span{
	display: none;
	text-align: center;
	transition: all .3s;
	color: var(--grey-60);
}
.partners__item a:hover span{ 
	color: var(--blue-dark);
	text-decoration: underline;
}
@media screen and (max-width:  920px){
	.partners{
		padding: 32px 0;
	}
	.partners .container{
		max-width: calc(100% - 24px);
		margin: auto auto auto 24px;
	}
	.partners__wrap .title-20,
	.partners__wrap h2{
		/*margin-bottom: 16px;*/
	}
	.partners__list{
		/*max-width: 80%;*/
		overflow: hidden !important;
		padding-right: 72px;
	}
	.partners__list .slick-list{
		/*overflow: visible*/
		overflow: visible !important;	
	}
}
@media screen and (max-width:  640px){
	.partners__item{
		margin-left: 0;
	}
	.partners__list{
		padding-right: 24px;
	}
}
/*PARTNERS END*/

/*REVIEWS START*/
.reviews{
	padding: 0 0 128px 0;
	background-color: var(--grey-80);
}
.reviews .container{
	max-width: calC(100% - 24px);
	margin: auto auto auto 24px;
}
.reviews__slider{
	/*width: calc(100% + 64px);*/
	padding-right: 15%;
}
.reviews__slider .slick-list{
	overflow: visible;
}
.reviews__slider .slick-track{
	display: flex !important;
}
.review{
	background-color: var(--white);
	margin-right: 24px;
	padding: 24px;
	display: flex !important;
	flex-direction: column;
	justify-content: flex-start;
	height: inherit;
}
.review__visuals{
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.review__visuals img{
	max-width: 60px;
	margin-right: 12px;
}
.review__author{
	margin-bottom: 16px;
}
.review__texts{
	
}
.review__texts h3{
	margin-bottom: 12px;
	transition: all .3s;
	font-size: 20px;
	line-height: 24px;
}
.review:hover .review__texts h3{
	color: var(--blue-dark);
	text-decoration: underline;
}
.review__texts p{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--grey-60);
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.slick-prev, 
.slick-next{
	display: block;
	width: 60px;
	height: 60px;
	background-color: var(--blue-dark);
	position: absolute;
	top: 100%;
	transition: all .3s;
}
.slick-prev{
	left: unset;
	right: 50%;
	transform: translate(-20px, 16px);
}
.slick-next{
	right: unset;
	left: 50%;
	transform: translate(-4px, 16px);
}
.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus{
	opacity: 0.8;
	background: var(--blue-dark);
}
.slick-prev::before, 
.slick-next::before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-bottom: 3px solid var(--grey-20);
	border-right: 3px solid var(--grey-20);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-60%, -50%) rotate(-45deg);
}
.slick-prev::before{
	transform: translate(-30%, -50%) rotate(135deg);
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{
	opacity: 0.5;
}
.slick-prev.slick-disabled:before, 
.slick-next.slick-disabled:before{
	opacity: 1;
}
@media screen and (max-width:  920px){
	.reviews{
		padding: 64px 0;
	}
	.reviews__slider{
		/*max-width: calc(100% - 32px);*/
		margin-bottom: 72px;
		padding-right: 50%;
	}
	.review{
		/*padding-right: 16px;*/
	}
}
@media screen and (max-width:  640px){
	.reviews__slider{
		margin-bottom: 72px;
		padding-right: 0;
	}
}
/*REVIEWS END*/

/*HERO TEXT START*/
.hero_text{
	position: relative;
	padding: 100px 0;
}
.hero_text img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.hero_text__wrap{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	flex-direction: column;
}
.hero_text__wrap h2{
	margin-bottom: 24px;
	color: var(--white);
	max-width: 730px;
	text-align: center;
}
.hero_text__wrap p{
	max-width: 730px;
	text-align: center;
	color: var(--white);	
	font-weight: 400;
}

/*HERO TEXT END*/


/*TEXTS FORM START*/
.texts_form{
	padding: 128px 0;
}
.texts_form h2{
	text-align: center;
	margin-bottom: 64px;
}
.texts_form__wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.texts_form__texts,
.texts_form__form{
	width: 100%;
	max-width: calc(50% - 16px);
}
.tf_step{
	width: 100%;
	display: flex;
	margin-bottom: 40px;
}
.tf_step__number{
	width: 64px;
	display: inline-block;
	padding: 10px 23px 10px 10px;
	font-family: 'Neue Alte Grotesk';
	font-weight: 400;
	font-size: 74px;
	line-height: 104px;
	color: var(--blue);
	margin-right: 32px;
}
.tf_step__text{
	width: 100%;
}
.tf_step__text h3{
	margin-bottom: 12px;
}
.tf_step__text p{
	color: var(--grey-60);
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}

/*forms*/
.form-row{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.form-item{
	width: 100%;
	max-width: 100%;
	position: relative;
	padding-top: 18px;
}
.form-item.half{
	max-width: calc(50% - 8px);
}
input,
textarea{
	width: 100%;
	padding: 14px 0;
	font-family: 'Neue Alte Grotesk';
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	border: none;
	border-bottom: 3px solid var(--grey-20);
	transition: all .3s;
	background-color: transparent;
}
input:focus,
textarea:focus{
	border-color: var(--blue);
}
textarea{
	resize: none;
}
.form-item__label{
	position: absolute;
	display: block;
	font-family: 'Neue Alte Grotesk';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	top: 0;
	left: 0;
	color: var(--blue);
	opacity: 0;
	transition: all .3s;
}
.form-item.active .form-item__label{
	opacity: 1;
}
.form-row.no-margin{
	margin-bottom: 0;
}
.sd-box{
	padding: 0;
	text-align: left;
	font-family: 'Neue Alte Grotesk';
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: var(--grey-60);
	border: none;
	cursor: pointer;
}
.sd-box-dragndrop{
	color: var(--blue);
	text-decoration: underline;
	cursor: pointer;
}
.sd-label{
	cursor: pointer;	
}
.is-dropped .sd-label{
	text-decoration: underline;
}
.sd-box-dragndrop::before{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../img/skripka.svg);
	margin-right: 4px;
	position: relative;
	top: 50%;
	transform: translateY(21%);
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.aborted .wpcf7-response-output{
	display: none;
}
.wpcf7-not-valid-tip{
	font-family: 'Neue Alte Grotesk';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: var(--red);
	margin-top: 14px;
}
input.wpcf7-not-valid{
	border-color: var(--red);
}

@media screen and (max-width: 1024px){
	.texts_form__texts, 
	.texts_form__form{
		max-width: 100%;
	}
	.texts_form__texts{
		margin-bottom: 32px;
	}
	.tf_step:last-child{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 640px){
	.texts_form{
		padding: 40px 0;
	}
	.texts_form h2{
		margin-bottom: 32px;
		text-align: left;
		font-size: 40px;
		line-height: 48px;
	}
	.tf_step{
		flex-direction: column;
		margin-bottom: 24px;
	}
	.tf_step__number{
		line-height: 1;
	}
	.form-item.half{
		max-width: 100%;
	}
	.form-item.half:first-child{
		margin-bottom: 40px;
	}
}
/*TEXTS FORM END*/


/*ICONS TEXTS START*/
.icons_texts{
	padding: 128px 0;
	background: var(--bg-grey);
}
.icons_texts.dark{
	background: var(--black);
}
.icons_texts h2{
	margin-bottom: 32px;
	text-align: center;
}
.icons_texts.dark h2,
.icons_texts.dark h3,
.icons_texts.dark .icons_texts__text{
	color: var(--white);
}
.icons_texts.dark p{
	color: var(--grey-20);
}
.icons_texts .icons_texts__text{
	max-width: 730px;
	text-align: center;
	margin: auto;
	margin-bottom: 64px;
}
.icons_texts__wrap{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.icons_texts__item{
	width: 100%;
	max-width: calc(50% - 16px);
	margin-bottom: 64px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}
.icons_texts__item img{
	width: 100px;
	height: 100px;
	object-fit: contain;
	margin-bottom: 24px;
}
.icons_texts__item h3{
	margin-bottom: 24px;
}
.icons_texts__item hr{
	margin: auto;
	max-width: 221px;
	width: 100%;
	margin-bottom: 24px;
	margin-top: 0;
	border-top: 1px solid var(--grey-60);
}
.icons_texts.dark .icons_texts__item hr{
	border-top: 1px solid var(--grey-40);
}
.icons_texts__item p{
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}
.icons_texts .blue-button{
	display: flex;
	margin: auto;
}
@media screen and (max-width: 920px){
	.icons_texts{
		padding: 64px 0;
	}
	.icons_texts h2{
		margin-bottom: 16px;
	}
	.icons_texts .icons_texts__text{
		margin-bottom: 32px;
	}
	.icons_texts__item{
		max-width: 100%;
		margin-bottom: 32px;
	}
	.icons_texts .blue-button{
		display: block;
	}
}
/*ICONS TEXTS END*/

/*TECHNOLOGIES START*/
.technologies{
	padding: 128px 0;
}
.technologies h2{
	margin-bottom: 32px;
}
.technologies .technologies__text{
	margin-bottom: 64px;
	color: var(--grey-60);
	max-width: 730px;
}
.technologies__wrap{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	margin-bottom: -64px;
}
.technologies__item{
	width: 100%;
	max-width: calc(50% - 16px);
	margin-bottom: 64px;
}

.technologies__item > h3{
	margin-bottom: 12px;
}
.technologies__slider{
	margin-left: -20px;
}
.technologies__slider{
}
.technologies__slider .slick-track{
	margin: 0 auto 0 0;
}
.technologies__slider li{
	display: flex !important;
	flex-direction: column;
	align-items: center;
	padding: 0 20px;
	width: fit-content;
}
.technologies__slider li img{
	width: 80px;
	height: 80px;
}
.technologies__slider h4{
	text-align: center;
}
@media screen and (max-width: 920px){
	.technologies{
		padding: 64px 0;
	}
	.technologies h2{
		margin-bottom: 16px;
	}
	.technologies .technologies__text{
		margin-bottom: 32px;
	}
	.technologies__item{
		max-width: 100%;
		margin-bottom: 32px;
	}
	.technologies__slider{
	}
	.technologies__slider .slick-list{
		max-width: 90%;
		overflow: visible;
	}
	.technologies__slider li{
		padding: 0 8px;
	}
}
/*TECHNOLOGIES END*/

/*DROPDOWNS START*/
.dropdowns{
	padding: 128px 0;
}
.dropdowns h2{
	margin-bottom: 64px;
}
.dropdowns__item{
	padding: 28px 48px;
	overflow: hidden;
}
.dropdowns__item h3{
	transition: all .3s;
	position: relative;
	cursor: pointer;
}
.dropdowns__item h3:hover{
	text-decoration: underline;
}
.dropdowns__item h3::after{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 3px solid var(--grey-60);
	border-right: 3px solid var(--grey-60);
	position: absolute;
	right: calc(100% + 24px);
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	transition: all .3s;
}
.dropdowns__item.active h3::after{
	transform: translateY(-50%) rotate(-135deg);	
}
.dropdowns__item p{
	font-family: 'Neue Alte Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: var(--grey-60);
	max-height: 0px;
	visibility: hidden;
	transition: all .3s;	
}
.dropdowns__item.active h3{
	margin-bottom: 12px;
}
.dropdowns__item.active p{
	visibility: visible;
	max-height: 1000px;
} 
@media screen and (max-width: 920px){
	.dropdowns{
		padding: 64px 0;
	}
	.page-template-page-faq .dropdowns{
		padding: 24px 0;
	}
	.dropdowns h2{
		margin-bottom: 32px;
	}
	.dropdowns__item.active p{
		max-height: 2000px;
	} 
}
/*DROPDOWNS END*/

/*SPOST START*/
.spost{
	padding: 100px 0;
}
.spost h1{
	margin-bottom: 24px;
	max-width: 825px;
}
.spost__meta{
	display: flex;
	width: 100%;
	max-width: 825px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.spost__meta_time{
	font-family: 'Sansation';
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: var(--grey-60);
}
.spost__meta_time b{
	font-weight: 700;
}
.spost__meta_autor{
	font-family: 'Sansation';
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: var(--grey-60);
}
.spost__meta_autor.case{
	text-transform: uppercase;
}
.spost__meta_autor b{
	font-weight: 700;
}
.spost .small-label{
	margin-bottom: 24px;
	text-transform: uppercase;
}
.spost__wrap{
	display: flex;
	width: 100%;
	justify-content: space-between;
	position: relative;
	margin-bottom: 40px;
}
.spost__content{
	width: 100%;
	max-width: 825px;
	margin-right: 30px;
	order: -1;
}
.spost__content h3{
	font-family: 'Sansation';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 16px;
}
.spost__content p{
	font-family: 'Neue Alte Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: var(--grey-60);
	margin-bottom: 16px;
}
.spost__content img{
	margin-bottom: 32px;
}
.post-navigation-links{
	width: 100%;
	max-width: calc(100% - 855px);
	position: sticky;
	top: 64px;
	height: fit-content;
}
body .post-navigation-links{
	padding: 0;
}
.navigation-links-title{
	font-family: 'Sansation';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 16px;
}
.post-navigation-links ul li{
	margin-bottom: 8px;
}
.post-navigation-links ul a{
	font-family: 'Neue Alte Grotesk';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	transition: all .3s;
}
.post-navigation-links ul a:hover{
	color: var(--blue-dark);
}
@media screen and (max-width: 1024px){
	.spost{
		padding: 48px 0;
	}
	body .post-navigation-links{
		display: none;
	}
	.spost h1,
	.spost__meta,
	.spost__content{
		max-width: 100%;
		margin-right: 0;
	}
}
@media screen and (max-width: 640px){
	.spost{
		padding: 24px 0;
	}
	.spost h1{
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 16px;
	}
	.spost__meta{
		flex-direction: column;
		align-items: flex-start;
	}
	.spost__meta_time{
		margin-bottom: 16px;
	}
	.spost__wrap{
		margin-bottom: 0;
	}

}
/*SPOST END*/

/*BLOG START*/
.blog{
	/*padding: 100px 0;*/
}
.blog__heading{
	margin-bottom: 24px;
	display: flex;
	align-items: flex-end;
	width: 100%;
}
.blog__heading h1{
	margin-right: 24px;
}
.blog__current-cat{
	text-transform: uppercase;
	margin-bottom: 3px;
}
.blog-filter{
	margin-bottom: 24px;
}
.blog-categories{
	margin-bottom: 8px;
	display: flex;
	flex-wrap: wrap;
}
.blog-cat__trigger{
	margin-bottom: 16px;
	padding: 10px 24px;
	text-transform: uppercase;
	position: relative;
	transition: all .3s;
}
.blog-cat__trigger::before{
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--blue);
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	transition: all .3s;
	max-width: 0;
}
.blog-cat__trigger:hover{
	color: var(--blue-dark);
}
.blog-cat__trigger.active::before{
	max-width: 300px;	
}
.blog-filter__search{
	max-width: 445px;
	position: relative;
}
.blog-filter__search .close{
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .3s;
}
.blog-filter__search.active .close{
	opacity: 1;
}
.blog-filter__search .close::before,
.blog-filter__search .close::after{
	background-color: var(--grey-60);
}

/*blog grid*/
.blog__grid{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.blog__grid::after{
	content: '';
	width: 100%;
	max-width: calc(100% / 3 - 16px);
	height: 0;
	display: block;
}
.post-card{
	display: flex;
	width: 100%;
	max-width: calc(100% / 3 - 16px);
	flex-direction: column;
	margin-bottom: 32px;
}
.post-card img{
	aspect-ratio: 7 / 4;
	margin-bottom: 16px;
}
.post-card > .title-18{
	text-transform: uppercase;
	color: var(--grey-60);
	margin-bottom: 8px;
}
.post-card__text{
	max-height: 154px;
	margin-bottom: 12px;
	overflow: hidden;
}
.post-card__text h3{
	margin-bottom: 12px;
	transition: all .3s;
}
.post-card:hover .post-card__text h3{
	color: var(--blue-dark);
	text-decoration: underline;
}
.post-card__text p{
	display: -webkit-box; 
  overflow: hidden;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical; 
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--grey-60);
}
.post-card__author{
	font-family: 'Sansation';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: var(--grey-60);
}
.post-card__author b{
	font-weight: 700;
}

.no-results{
	background-color: var(--bg-grey);
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding: 110px 0;
	flex-direction: column;
}
.no-results img{
	width: 120px;
	height: 120px;
	margin-bottom: 16px;
}
.no-results h3{
	text-align: center;
	margin-bottom: 16px;
}
.no-results p{
	text-align: center;
	font-weight: 400;
}


@media screen and (max-width:  920px){
	.post-card{
		max-width: calc(50% - 16px);
	}
}
@media screen and (max-width:  640px){
	.blog__hat{
		position: relative;
	}
	.blog__heading{
		display: block;
		position: relative
	}
	.blog__heading h1{
		font-size: 32px;
		line-height: 40px;
		margin-right: 0;
		margin-bottom: 16px;
	}
	.post-card{
		max-width: 100%;
	}
	.blog__current-cat{
		width: 100%;
		cursor: pointer;
		position: relative;
		display: block;
	}
	.blog__current-cat::after{
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		border-bottom: 2px solid var(--grey-80);
		border-right: 2px solid var(--grey-80);
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%) rotate(45deg);
		transition: all .3s;
	}
	.blog__current-cat.opened{
		color: var(--blue-dark);
	}
	.blog__current-cat.opened::after{
		transform: translateY(-50%) rotate(-135deg);
		border-color: var(--blue-dark);
	}
	.blog-filter{
		position: absolute;
		width: 100vw;
		background-color: var(--white);
		top: 100%;
		left: -16px;
		padding: 16px;
		max-height: 0;
		overflow: hidden;
		visibility: hidden;
		transition: all .3s;
	}
	.blog-filter.opened{
		box-shadow: 0 18px 15px rgba(0, 0, 0, 0.25);
		max-height: 1000px;
		visibility: visible;
	}
	.blog-categories{
		display: block;
	}
	.blog-cat__trigger{
		margin-bottom: 16px;
		padding: 0;
	}
	.blog-cat__trigger::before{
		display: none;
	}
	.blog-cat__trigger.active{
		display: none;
		margin-bottom: 0;
	}
	.blog-filter__search{
		max-width: 100%;
	}
	.no-results{
		padding: 142px 0;
	}
	.no-results img{
		width: 120px;
		height: 120px;
		margin-bottom: 16px;
	}
	.no-results h3{
	}
	.no-results P{
		text-align: center;
	}
}
/*BLOG END*/

/*CASE STUDIES START*/
.case_studies h1{
	margin-bottom: 24px;
}
.case_studies__wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.case_card{
	width: 100%;
	max-width: calc(50% - 16px);
	margin-bottom: 56px;
}
.case_card__visual{
	position: relative;
	width: 100%;
	aspect-ratio: 6 / 5;
	margin-bottom: 16px;
	max-height: 444px;
}
.case_card__visual img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case_card__author{
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: var(--grey-20);
	position: absolute;
	left: 16px;
	bottom: 56px;
	text-transform: uppercase;
}
.case_card__visual .small-label{
	position: absolute;
	left: 16px;
	bottom: 16px;
}
.case_card h3{
	transition: all .3s;
}
.case_card:hover h3{
	color: var(--blue-dark);
	text-decoration: underline;
}

.case_pdf_card{
	width: 100%;
	max-width: calc(100% / 3 - 56px / 3);
	margin-bottom: 56px;
}
.case_pdf_card img{
	padding: 16px 25%;
	aspect-ratio:  2.9 / 1;
	object-fit: contain;
	object-position: center;
	width: 100%;
	background: linear-gradient(180deg, #018F8F 0%, #18DCDC 100%);
	margin-bottom: 24px;
}

@media screen and (max-width:  1024px){
	.case_card{
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 920px){
	.case_pdf_card{
		max-width: calc(50% - 14px);
	}
}
@media screen and (max-width:  640px){
	.case_studies h1{
		margin-bottom: 16px;
		font-size: 32px;
		line-height: 40px;
	}
	.case_card{
		margin-bottom: 16px;
		max-width: unset;
	}
	.case_card__visual{
		height: 444px	;
	}
	.case_pdf_card{
		max-width: 100%;
		margin-bottom: 32px
	}
}
/*CASE STUDIES END*/



/*PDF POPUP START*/
.pdf_popup{
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
	background-color: #000000bb;
	padding: 64px 0;
	overflow-y: auto;
	visibility: hidden;
	opacity: 0;
	transform: translateY(100vh);
	transition: all .3s;
}
.pdf_popup.active{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.pdf_popup__wrap{
	width: 100%;
	
}
.pdf_slide{
	width: 100%;
	display: none;
}
.pdf_slide.active{
	display: block;
}
.pdf_slide__header{
	width: 100%;
	padding: 20px 24px;
	background-color: var(--bg-grey);
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.pdf_slide__header h3{
	margin: auto auto auto 0;
}
.pdf_slide__header .close{
	margin-left: 16px;
}
.pdf_slide__content{
	width: 100%;
}
div.pdfemb-toolbar{
	/*display: none;*/
}
div.pdfemb-viewer,
.pdfemb-pagescontainer,
.pdfemb-inner-div,
div.pdfemb-viewer canvas{
	height: auto !important;
	width: 100% !important;
	border: none !important;
}
.pdf_popup__footer{
	width: 100%;
}
.pdf_popup__nav{
	border-top: 4px solid var(--bg-grey);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--white);
	padding: 10px;
}
.pdf_popup__nav button{
	width: 32px;
	height: 32px;
	background-color: var(--blue);
	position: relative;
	margin: 0 10px;
}
.pdf_popup__nav button::after{
	content: '';
	display: block;
	position: absolute;
	border-bottom: 2px solid var(--white);
	border-right: 2px solid var(--white);
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.pdf_popup__nav button.prev::after{
	transform: translate(-50%, -50%) rotate(135deg);	
}
.pdf_popup__nav p{
	font-family: 'Sansation';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
.pdf_popup__thumbs{
	display: flex;
	justify-content: center;
	width: 100%;
	background-color: var(--bg-grey);
	padding: 16px;
	overflow-x: scroll;
}
.pdf_popup__thumbs button{
	flex-grow: 1;
	display: block;
	min-width: 143px;
	width: 143px;
	height: 99px;
	margin-bottom: 8;
	margin-top: 12px;
	position: relative;
}
.pdf_popup__thumbs button.active::after{
	content: '';
	position: absolute;
	display: block;
	width: calc(100% - 8px);
	height: 8px;
	background-color: var(--blue);
	left: 4px;
	top: -12px;
}
.pdf_popup__thumbs button img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 920px){
	.pdf_popup{
		padding: 0;
	}
	.pdf_popup .container{
		padding: 0;
		max-width: 100%;
	}
	div.pdfemb-viewer, 
	.pdfemb-pagescontainer, 
	.pdfemb-inner-div, 
	div.pdfemb-viewer canvas{
		height: calc(100vh - 242px) !important;
	}
	.pdf_popup__thumbs button{
		width: 109px;
		min-width: 109px;
		height: 78px;
	}
}
/*PDF POPUP END*/


/*FOOTER START*/
.site-footer{
	background-color: var(--black);
}
.footer_wrap{
	padding: 60px 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer__col{
	width: 100%;
	max-width: calc(25% - 16px);
}
.footer__logo{
	margin-bottom: 32px;
	max-width: 136px;
}
.footer__text{
	color: var(--white);
	margin-bottom: 16px;
}
.footer__external{
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 32px;
}
.footer__external a:first-child{
	margin-right: 16px;
}
.footer__social{
	width: 100%;
	display: flex;
}
.footer__social li a{
	margin-right: 12px;
	width: 32px;
	height: 32px;
	background-color: var(--grey-60);
	position: relative;
}
.footer__social li img{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s;
}
.footer__social li a:hover img{
	transform: translate(-50%, -50%) scale(1.5);	
}
.footer__menu-title{
	color: var(--grey-40);
	text-transform: uppercase;
	margin-bottom: 16px;
}
.footer__menu li{
	margin-bottom: 16px;
}
.footer__menu li:last-child{
	margin-bottom: 0;
}
.footer__menu li a{
	color: var(--white);
	font-family: 'Neue Alte Grotesk';
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	       line-clamp: 2; 
	-webkit-box-orient: vertical;
}
.footer__menu li a:hover{
	text-decoration: underline;
}
.footer_copyright{
	background-color: var(--white);
	padding: 20px 0;
}
.footer_copyright p{
	width: 100%;
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
}
@media screen and (max-width:  920px){
	.footer__col{
		max-width: calc(50% - 16px);
	}
	.footer__col:first-child,
	.footer__col:nth-child(2){
		margin-bottom: 32px;
	}
}
@media screen and (max-width:  640px){
	.footer__col{
		max-width: 100%;
		margin-bottom: 32px;
	}
	.footer__col:last-child{
		margin-bottom: 0;
	}
}
/*FOOTER END*/


/*CAREERS START*/
.careers h1{
	margin-bottom: 24px;
}
.careers__filter{
	margin-bottom: 24px;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	display: none;
}
.careers_dropdown{
	position: relative;
	margin-right: 24px;
	margin-bottom: 24px;
}
.careers_dropdown:last-child{
	margin-right: 0;
}
.careers_dropdown__trigger{
	padding: 12px 16px;
	border: 1px solid var(--grey-20);
	display: flex;
	font-family: 'Neue Alte Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 32px;
	color: var(--grey-60);
	align-items: center;
	transition: all .3s;
}
.careers_dropdown__trigger strong{
	font-weight: 500;
	margin: 0 10px;
	text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 400px;
}
.careers_dropdown__trigger::after{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 2px solid var(--grey-60);
	border-right: 2px solid var(--grey-60);
	transform: rotate(45deg);
	transition: all .3s;
}
.careers_dropdown__trigger:hover{
	border-color: var(--blue);
}
.careers_dropdown.opened .careers_dropdown__trigger{
	border-color: var(--blue);
	box-shadow: 0px 4px 4px rgba(47, 189, 189, 0.2);
}
.careers_dropdown.opened .careers_dropdown__trigger::after{
	border-color: var(--blue);
	transform: rotate(-135deg);
}
.careers_dropdown__list{
	position: absolute;
	left: 0;
	top: calc(100% + 16px);
	width: 330px;
	max-width: 330px;
	background-color: var(--white);
	max-height: 0;
	overflow: hidden;
	transition: all .3s;
}
.careers_dropdown.opened .careers_dropdown__list{
	border: 1px solid var(--grey-20);
	box-shadow: 6px 10px 8px rgba(0, 0, 0, 0.29);
	max-height: 500px;
	z-index: 1;
}
.careers_dropdown__list ul{
	padding: 20px;
}
.careers_dropdown__list ul li{
	display: flex;
	width: 100%;
	align-items: center;
	margin-bottom: 12px;
	font-family: 'Neue Alte Grotesk';
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}
.careers_dropdown__list ul li:last-child{
	margin-bottom: 0;
}
input[type="checkbox"]{
	display: block;
	border: none;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background-image: url(../img/checkbox.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
input[type="checkbox"]:checked{
	background-image: url(../img/checkbox_checked.svg);	
}
.careers_dropdown__reset{
	padding: 16px 24px;
	width: 100%;
	border-top: 1px solid var(--grey-20);
	font-family: 'Neue Alte Grotesk';
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: var(--blue-dark);
}
.careers_dropdown__reset:hover{
	text-decoration: underline;
}
.careers__filter_reset{
	width: 100%;
	font-family: 'Neue Alte Grotesk';
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: var(--blue-dark);
}
.careers__filter_reset:hover{
	text-decoration: underline;
}
.careers__grid{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.careers__grid::after{
	content: '';
	display: block;
	width: 100%;
	max-width: calc(100% / 3 - 16px);
}
.career_card{
	display: block;
	width: 100%;
	max-width: calc(100% / 3 - 16px);
	margin-bottom: 32px;
}

.career_card h3{
	margin-bottom: 12px;
}
.career_card:hover h3{
	color: var(--blue-dark);
	text-decoration: underline;
}
.career_card__tag{
	font-family: 'Sansation';
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	text-transform: uppercase;
	color: var(--grey-60);
}
.career_card p{
	font-family: 'Neue Alte Grotesk';
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--grey-60);
	margin: 12px 0;
}
@media screen and (max-width:  920px){
	.career_card{
		max-width: calc(50% - 16px);
	}
	.careers__grid::after{
		display: none;
	}
}
@media screen and (max-width: 640px){
	.careers h1{
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 16px;
	}
	.careers__filter{
		margin-bottom: 16px;
		width: 100%;
	}
	.careers_dropdown{
		width: 100%;
		max-width: 100%;
		margin-bottom: 12px;
		margin-right: 0;
	}
	.careers_dropdown__trigger{
		width: 100%;
	}
	.careers_dropdown__trigger strong{
		max-width: calc(100% - 164px);
	}
	.careers_dropdown__trigger::after{
		margin: auto 0 auto auto;
	}
	.careers_dropdown__list{
		width: 100%;
		max-width: 100%;
	}
	.career_card{
		max-width: 100%;
	}
}
/*CAREERS END*/

/*CONTACT START*/
.contact_form h1{
	margin-bottom: 60px;
}
.contact_form__wrap{
	max-width: 682px;
}
@media screen and (max-width: 1024px){
	.contact_form__wrap{
		max-width: 100%;
	}
}
@media screen and (max-width: 640px){
	.contact_form h1{
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 32px;
	}
}
/*CONTACT END*/

/*POPUP START*/
.popup{
	position: fixed;
	z-index: 1000;
	background-color: #000000bb;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	clip-path: inset(50% 50% 50% 50%);
	transition: all .3s;
}
.popup.active{
	clip-path: inset(0 0 0 0);
}
.contact-popup__wrap{
	width: 100%;
	max-width: 730px;
	background-color: var(--white);
}
.contact-popup__head,
.contact-popup__foot{
	padding: 20px 24px;
	display: flex;
	width: 100%;
	background-color: var(--bg-grey);
	justify-content: space-between;
	align-items: center;
}
.contact-popup__main{
	display: flex;
	width: 100%;
	padding: 24px;
	align-items: center;
	justify-content: space-between;
}
.contact-popup__text{
	max-width: 264px;
}
.contact-popup__text > p{
	width: 100%;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 24px;
}
.contact-popup__text strong{
	font-weight: 700;
}
.contact-popup__main > img{
	width: 247px;
	height: 247px;
	object-fit: contain;
	object-position: center;
	margin: auto;
}
.contact-popup__foot > a{
	display: flex;
	align-items: center;
}
.contact-popup__foot > a::before{
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 12px;
	background-image: url(../img/hubspot.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
@media screen and (max-width: 640px){
	.contact-popup__wrap{
		max-width: 100%;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.contact-popup__main{
		flex-direction: column;
		align-items: center;
	}
	.contact-popup__text{
		max-width: 100%;
	}
	.contact-popup__text > p{
		margin-bottom: 16px;
		margin: auto;
		text-align: center;
	}
	.contact-popup__text > img{
		width: 247px;
		height: 247px;
		margin: auto;
		margin-bottom: 16px;
	}
}
/*POPUP END*/


/*CTA ON IMAGE START*/
.cta_on_image{
	background-repeat: no-repeat;
	background-size: cover;
}
.cta_on_image__wrap{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.cta_on_image__wrap h2{
	margin-bottom: 24px;
	color: var(--bg-grey);
}
.cta_on_image__wrap p{
	max-width: 875px;
	margin-bottom: 32px;
	color: var(--grey-20);
	font-weight: normal;
}
@media screen and (max-width: 640px){
	.cta_on_image{
		padding: 64px 0;
	}
}
/*CTA ON IMAGE END*/

/*LIST FORM START*/
.list_form{
	background-color: var(--grey-80);
}
.list_form .title-48{
	font-size: 38px;
	line-height: 48px;
	color: var(--white);
	margin-bottom: 32px;
	max-width: 819px;
}
.list_form__wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.list_form__texts{
	width: 100%;
	max-width: calc(50% - 24px);
}
.list_form__texts p{
	color: var(--white);
	font-weight: normal;
}
.list_form__texts .check-list li{
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: var(--white);
	margin-top: 32px;
	align-items: flex-start;
}
.list_form__form{
	width: 100%;
	max-width: calc(50% - 24px);
}

@media screen and (max-width: 1024px){
	.list_form__texts{
		max-width: 100%;
		margin-bottom: 40px;
	}
	.list_form__form{
		max-width: 438px;
	}
}
@media screen and (max-width: 640px){
	.list_form{
		padding: 64px 0;
	}
}
/*LIST FORM END*/