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


         F   R   I   E   N   D   S   H   I   P       P   A   G   E


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


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

                              B A S I C S

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


.friendship-page{}

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



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

                              I M A G E

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


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

@media (max-width: 1600px){

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

}

@media (max-width: 1250px){

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

}

@media (max-width: 800px){

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

}

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



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

                               A B O U T

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


.friendship-page .section-about{
	background: #f5f5f5;
	max-width: initial;
}

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

@media (max-width: 1250px){

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

}

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

@media (max-width: 1250px){

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

}

@media (max-width: 800px){

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

}

.friendship-page .section-about .text{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	font-size: 20px;
	line-height: 27px;
	margin: 0 auto;
}

@media (max-width: 1600px){

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

}

@media (max-width: 1250px){

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

}

@media (max-width: 700px){

.friendship-page .section-about .text{
	flex-direction: column;
}

}

	.friendship-page .section-about .text>*{
		width: calc(50% - 40px);
	}

@media (max-width: 700px){

	.friendship-page .section-about .text>*{
		width: 100%;
	}

}

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

@media (max-width: 700px){

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

}

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


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

@media (max-width: 700px){

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

}

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



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

                                I N F O

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


.friendship-page .section-info{}

.friendship-page .section-info>.section-inner{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding: 80px 0;
}

@media (max-width: 700px){

.friendship-page .section-info>.section-inner{
	flex-direction: column;
}

}

.friendship-page .section-info>.section-inner>*{
	width: calc(50% - 25px);
}

@media (max-width: 700px){

.friendship-page .section-info>.section-inner>*{
	width: 100%;
}

.friendship-page .section-info>.section-inner>*+*{
	margin-top: 30px;
}

}

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

@media (max-width: 700px){

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

}

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

@media (max-width: 700px){

.friendship-page .section-info .text{
	font-size: 18px;
}

}

.friendship-page .section-info .file{
	display: block;
	position: relative;
	padding: 0 0 0 45px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1em;
	white-space: nowrap;
	font-family: FuturaMediumC;
	letter-spacing: 1px;
	margin-top: 15px;
	opacity: 1;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	will-change: opacity;
}

.friendship-page .section-info .file:hover{
	opacity: .75;
}

	.friendship-page .section-info .file:before{
		content: '';
		display: block;
		position: absolute;
		width: 30px;
		height: 35px;
		background: url(/assets/img/document.svg) no-repeat left center/contain;
		left: 0;
		top: 0;
	}

	.friendship-page .section-info .file .name{}

	.friendship-page .section-info .file .type{
		margin-top: 3px;
		color: #969696;
	}



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

                            F E E D B A C K

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


.friendship-page .section-feedback{}

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

@media (max-width: 1020px){

.friendship-page .section-feedback>.section-inner{
	padding: 0 0 40px;
}

}

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


.friendship-page .section-feedback .open-form1{
	max-width: 275px;
	margin: 0 auto 20px;
    height: 52px;
    line-height: 1.5;
}

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

@media (max-width: 1250px){

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

}



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

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

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


.friendship-page-popup-feedback .form{}

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

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

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

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

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

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

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

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

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

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

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



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

                            P O P U P   C V

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


.friendship-page-popup-cv .form{}

.friendship-page-popup-cv .form .field.city{
	display: flex;
	flex-direction: row;
	align-self: flex-start;
	justify-content: flex-start;
}

	.friendship-page-popup-cv .form .field.city>*{}

	.friendship-page-popup-cv .form .city-choice:before{
		content: 'ГОРОД';
	}

	.friendship-page-popup-cv .form .field.city>*+*{
		margin-left: 20px;
	}

	.friendship-form-title{
		display: inline-block;
		font-size: 25px;
		line-height: 20px;
		padding-bottom: 5px;
		letter-spacing: 2px;
		margin-bottom: 15px;
	}

.friendship-page-popup-cv .form .field.post{
	display: flex;
	flex-direction: row;
	align-self: flex-start;
	justify-content: flex-start;
}

	.friendship-page-popup-cv .form .field.post>*{}

	.friendship-page-popup-cv .form .post-choice:before{
		content: 'ДОЛЖНОСТЬ';
	}

	.friendship-page-popup-cv .form .field.post>*+*{
		margin-left: 20px;
	}

.friendship-page-popup-cv .form .field.name{}

	.lang-ru .friendship-page-popup-cv .form .field.name:before{
		content: 'ИМЯ';
	}

	.lang-en .friendship-page-popup-cv .form .field.name:before{
		content: 'NAME';
	}

	.lang-ru .friendship-page-popup-cv .form .field.surname:before{
		content: 'ФАМИЛИЯ';
	}

	.lang-en .friendship-page-popup-cv .form .field.surname:before{
		content: 'SURNAME';
	}

.friendship-page-popup-cv .form .field.birth{}

	.lang-ru .friendship-page-popup-cv .form .field.birth:before{
		content: 'ДАТА РОЖДЕНИЯ';
	}

	.lang-en .friendship-page-popup-cv .form .field.birth:before{
		content: 'BIRTHDATE';
	}

.friendship-page-popup-cv .form .field.address{}

	.lang-ru .friendship-page-popup-cv .form .field.address:before{
		content: 'АДРЕС ПРОЖИВАНИЯ';
	}

	.lang-en .friendship-page-popup-cv .form .field.address:before{
		content: 'ADDRESS';
	}

.friendship-page-popup-cv .form .field.email{}

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

.friendship-page-popup-cv .form .field.phone{}

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

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

.friendship-page-popup-cv .form .field.family{}

	.friendship-page-popup-cv .form .field.family:before{
		content: 'СЕМЕЙНОЕ ПОЛОЖЕНИЕ';
	}

.friendship-page-popup-cv .form .field.why{}

	.friendship-page-popup-cv .form .field.why:before{
		content: 'ПОЧЕМУ ВЫ ХОТИТЕ СТАТЬ ЧАСТЬЮ КОМАНДЫ?';
	}

.friendship-page-popup-cv .form .field.experience{}

	.friendship-page-popup-cv .form .field.experience:before{
		content: 'ВАШ ОПЫТ РАБОТЫ';
	}

.friendship-page-popup-cv .form .field.salary{}

	.friendship-page-popup-cv .form .field.salary:before{
		content: 'ВАШИ ПОЖЕЛАНИЯ';
	}

.friendship-page-popup-cv .form .field.photo{}

	.friendship-page-popup-cv .form .field.photo>img{
		width: 100%;
	}

	.friendship-page-popup-cv .form .field.photo .select-file{}

		.lang-ru .friendship-page-popup-cv .form .field.photo .select-file .file:before{
			content: 'ПРИКРЕПИТЕ ФОТОГРАФИЮ';
		}

		.lang-en .friendship-page-popup-cv .form .field.photo .select-file .file:before{
			content: 'ATTACH PHOTO';
		}

		.lang-ru .friendship-page-popup-cv .form .field.file .select-file .file:before{
			content: 'ЗАПИШИТЕ ВИДЕО';
		}

.friendship-page-popup-cv .form .field.social{}

	.friendship-page-popup-cv .form .field.social:before{
		content: 'ССЫЛКА НА СОЦ. СЕТЬ';
	}

.select-file .file.failedUpload{
	border-color: rgba(255,5,0,.5);
}

.file .select-file .subscription:before{
	content: 'ОТВЕТ НА ВОПРОС "ПОЧЕМУ ВЫ ХОТИТЕ СТАТЬ ЧАСТЬЮ НАШЕЙ КОМАНДЫ", ДО 25МБ';
}

.file .select-file.failed .subscription:before{
	content: 'ВИДЕОРОЛИК БОЛЬШЕ 25МБ';
	color: rgba(255,5,0,.5);
}

.offer-subscriptions{
	padding-top: 25px;
}