/*************************************************************************


                 A   B   O   U   T       P   A   G   E


*************************************************************************/


/*************************************************************************

                              B A S I C S

*************************************************************************/


.about-page{}

.about-page .page-content-wrapper{
	position: relative;
}



/*************************************************************************

                              I M A G E

*************************************************************************/


.about-page .section-image{
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	max-height: 650px;
}

@media (max-width: 1600px){

.about-page .section-image{
	max-height: 550px;
}

}

@media (max-width: 1250px){

.about-page .section-image{
	max-height: 500px
}

}

@media (max-width: 800px){

.about-page .section-image{
	max-height: 400px
}

}

.about-page .section-image img{
	display: block;
	width: 100%;
}



/*************************************************************************

                                T E X T

*************************************************************************/


.about-page .section-text{}

.about-page .section-text>.section-inner{
	padding: 80px 0;
}

@media (max-width: 1250px){

.about-page .section-text>.section-inner{
	padding: 40px 0;
}

}

.about-page .section-text .header{
	font-family: GoodHeadlineProCondNews;
	font-size: 64px;
	line-height: 60px;
	text-align: center;
	max-width: 700px;
	margin: 0 auto 30px;
}

@media (max-width: 1250px){

.about-page .section-text .header{
	font-size: 42px;
	line-height: 40px;
}

}

@media (max-width: 800px){

.about-page .section-text .header{
	text-align: left;
	font-size: 36px;
	line-height: 1em;
	margin: 0 0 30px;
}

}

.about-page .section-text .text{
	font-size: 20px;
	line-height: 27px;
	text-align: center;
	max-width: 1130px;
	margin: 0 auto;
}

@media (max-width: 1600px){

.about-page .section-text .text{
	max-width: 830px;
}

}

@media (max-width: 1250px){

.about-page .section-text .text{
	font-size: 18px;
	text-align: left;
}

}



/*************************************************************************

                           S E P A R A T O R

*************************************************************************/


.about-page .separator{
	border-top: 1px solid #ebebeb;
}



/*************************************************************************

                         A P P L I C A T I O N

*************************************************************************/


.about-page .section-app{}

.about-page .section-app>.section-inner{
	padding: 80px 0;
}

@media (max-width: 1020px){

.about-page .section-app>.section-inner{
	padding: 40px 0;
}

}

.about-page .section-app .header{
	font-family: GoodHeadlineProCondNews;
	font-size: 64px;
	line-height: 60px;
	text-align: center;
	max-width: 700px;
	margin: 0 auto 30px;
}

@media (max-width: 1020px){

.about-page .section-app .header{
	font-size: 42px;
	line-height: 40px;
}

}

@media (max-width: 600px){

.about-page .section-app .header{
	text-align: left;
}

}

.about-page .section-app .content{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	padding-top: 10px;
}

	.about-page .section-app .content .image{
		width: 300px;
	}

@media (max-width: 1020px){

	.about-page .section-app .content .image{
		width: 200px;
	}

}

@media (max-width: 600px){

	.about-page .section-app .content .image{
		display: none;
	}

}

		.about-page .section-app .content .image>img{
			display: block;
			width: 100%;
		}

	.about-page .section-app .content .info{
		margin: 40px -100px 0 40px;
		width: 400px;
	}

@media (max-width: 1600px){

	.about-page .section-app .content .info{
		margin: 40px 0 0 40px;
		width: 300px;
	}

}

@media (max-width: 1020px){

	.about-page .section-app .content .info{
		margin: 20px 0 0 40px;
		width: 300px;
	}

}

@media (max-width: 600px){

	.about-page .section-app .content .info{
		width: 100%;
		margin: 0;
	}

}

		.about-page .section-app .content .info .text{
			font-size: 20px;
			line-height: 27px;
		}

		.about-page .section-app .content .info .links{
			margin-top: 35px;
		}

	@media (max-width: 1020px){

		.about-page .section-app .content .info .links{
			display: flex;
			flex-direction: row;
			align-self: flex-start;
			justify-content: flex-start;
		}

	}

	@media (max-width: 600px){

		.about-page .section-app .content .info .links{
			width: 100%;
		}

	}

			.about-page .section-app .content .info .links>*{
				display: block;
				position: relative;
				width: 155px;
				height: 45px;
				box-sizing: border-box;
				border: 2px solid #67b7b7;
				border-radius: 2px;
				opacity: 1;
				-webkit-transition: opacity 200ms ease;
				-moz-transition: opacity 200ms ease;
				-ms-transition: opacity 200ms ease;
				transition: opacity 200ms ease;
				will-change: opacity;
			}

		@media (max-width: 600px){

			.about-page .section-app .content .info .links>*{
				width: calc(50% - 10px);
				max-width: 155px;
			}

		}

			.about-page .section-app .content .info .links>*:hover{
				opacity: .75;
			}

			.about-page .section-app .content .info .links>*+*{
				margin-top: 20px;
			}

		@media (max-width: 1020px){

			.about-page .section-app .content .info .links>*+*{
				margin-top: 0;
				margin-left: 20px;
			}

		}

				.about-page .section-app .content .info .links>*:before{
					content: '';
					display: block;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background-repeat: no-repeat;
					background-position: left 20px center;
				}

				.about-page .section-app .content .info .links>*.apple:before{
					background-image: url(/assets/img/app-apple-blue.svg);
				}

				.about-page .section-app .content .info .links>*.google:before{
					background-image: url(/assets/img/app-google-blue.svg);
				}



/*************************************************************************

                           P R I N C I P L E

*************************************************************************/


.about-page .section-principle{
	background: #f2f2f2;
	max-width: initial;
}

.about-page .section-principle>.section-inner{
	padding: 80px 0 20px;
	max-width: 1640px;
	margin: 0 auto;
}

@media (max-width: 1020px){

.about-page .section-principle>.section-inner{
	padding: 40px 0 20px;
}

}

.about-page .section-principle .header{
	font-family: GoodHeadlineProCondNews;
	font-size: 64px;
	line-height: 60px;
	margin: 0 auto 30px;
}

@media (max-width: 1020px){

.about-page .section-principle .header{
	font-size: 42px;
	line-height: 40px;
}

}

.about-page .section-principle .list{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 45px;
}

@media (max-width: 1020px){

.about-page .section-principle .list{
	padding-top: 25px;
}

}

	.about-page .section-principle .list>*{
		width: calc(33.33% - 40px);
		margin-bottom: 60px;
	}

@media (max-width: 1020px){

	.about-page .section-principle .list>*{
		width: calc(50% - 40px);
		margin-bottom: 40px;
	}

}

@media (max-width: 600px){

	.about-page .section-principle .list>*{
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
	}

}

		.about-page .section-principle .list .title{
			position: relative;
			font-family: GoodHeadlineProCondNews;
			font-size: 36px;
			color: #67b7b7;
			padding-top: 15px;
		}

	@media (max-width: 600px){

		.about-page .section-principle .list .title{
			width: 60px;
			flex-shrink: 0;
		}

	}

			.about-page .section-principle .list .title:before{
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				border-top: 3px solid #67b7b7;
				width: 60px;
			}

		@media (max-width: 600px){

			.about-page .section-principle .list .title:before{
				width: 30px;
			}

		}

		.about-page .section-principle .list .text{
			font-size: 20px;
			line-height: 27px;
			margin-top: 20px;
		}

	@media (max-width: 1020px){

		.about-page .section-principle .list .text{
			font-size: 18px;
		}

	}

	@media (max-width: 600px){

		.about-page .section-principle .list .text{
			flex-grow: 1;
		}

	}



/*************************************************************************

                           F E E D B A C K

*************************************************************************/


.about-page .section-feedback{}

.about-page .section-feedback>.section-inner{
	padding: 80px 0;
}

.about-page .section-feedback .header{
	font-family: GoodHeadlineProCondNews;
	font-size: 64px;
	line-height: 60px;
	text-align: center;
	max-width: 700px;
	margin: 0 auto 30px;
}

@media (max-width: 1020px){

.about-page .section-feedback .header{
	font-size: 42px;
	line-height: 40px;
	margin: 0 auto 15px;
}

}

.about-page .section-feedback .text{
	font-size: 20px;
	line-height: 27px;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1020px){

.about-page .section-feedback .text{
	font-size: 18px;
}

}

.about-page .section-feedback .feedback{
	margin-top: 40px;
}

	.about-page .section-feedback .feedback .open-form{
		max-width: 220px;
		margin: 0 auto 10px;
	}

	.about-page .section-feedback .feedback .subscription{
		font-size: 20px;
		white-space: nowrap;
		text-align: center;
	}

@media (max-width: 1020px){

	.about-page .section-feedback .feedback .subscription{
		font-size: 18px;
	}

}

.about-page .section-feedback>.section-inner:after{
	content: '';
	display: block;
	width: 40px;
	height: 52px;
	margin: 15px auto 0;
	background: url(/assets/img/coffee.svg) no-repeat center center/contain;
}



/*************************************************************************

                      P O P U P   F E E D B A C K

*************************************************************************/


/*.about-page-popup-feedback .form{}

.about-page-popup-feedback .form .field.name{}

	.lang-ru .about-page-popup-feedback .form .field.name:before{
		content: 'КАК ВАС ЗОВУТ?';
	}

	.lang-en .about-page-popup-feedback .form .field.name:before{
		content: 'WHAT\'S YOUR NAME?';
	}

.about-page-popup-feedback .form .field.phone{}

	.lang-ru .about-page-popup-feedback .form .field.phone:before{
		content: 'ТЕЛЕФОН';
	}

	.lang-en .about-page-popup-feedback .form .field.phone:before{
		content: 'PHONE NUMBER';
	}

.about-page-popup-feedback .form .field.email{}

	.about-page-popup-feedback .form .field.email:before{
		content: 'E-MAIL';
	}

.about-page-popup-feedback .form .field.message{}

	.lang-ru .about-page-popup-feedback .form .field.message:before{
		content: 'СООБЩЕНИЕ';
	}

	.lang-en .about-page-popup-feedback .form .field.message:before{
		content: 'MESSAGE';
	}


*/