/* playfair-display-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/playfair-display-v30-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/playfair-display-v30-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v30-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v30-cyrillic_latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-500 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/playfair-display-v30-cyrillic_latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/playfair-display-v30-cyrillic_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v30-cyrillic_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v30-cyrillic_latin-500.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-600 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/playfair-display-v30-cyrillic_latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/playfair-display-v30-cyrillic_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v30-cyrillic_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v30-cyrillic_latin-600.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/playfair-display-v30-cyrillic_latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/playfair-display-v30-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v30-cyrillic_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v30-cyrillic_latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-800 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/playfair-display-v30-cyrillic_latin-800.eot'); /* IE9 Compat Modes */
  src: url('fonts/playfair-display-v30-cyrillic_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v30-cyrillic_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v30-cyrillic_latin-800.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-900 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/playfair-display-v30-cyrillic_latin-900.eot'); /* IE9 Compat Modes */
  src: url('fonts/playfair-display-v30-cyrillic_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v30-cyrillic_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v30-cyrillic_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v30-cyrillic_latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

html {
	box-sizing: border-box;
}

*, *::before, *::after {
	box-sizing: inherit;
}

.header_bc {
	background-color: #FFA733;
	height: 120px;
}

.header_module {
	width: 87.5%;
	height: 120px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
}

.logo img {
	width: 95px;
	height: 100px;
}

.lng a {
	font-family: 'Playfair Display';
	font-size: 30px;
	font-weight: 600;
	font-variant-numeric: lining-nums;
	color: #FFFFD9;
	text-decoration: none;
}

.name {
	width: 1158px;
	height: 78px;
	border-radius: 66px;
	background-color: #FB9735;
	text-align: center;
	padding-top: 17px;
	font-family: 'Playfair Display';
	font-size: 46px;
	font-weight: 800;
	font-variant-numeric: lining-nums;
	color: #FFFFD9;
	text-transform: uppercase;
	margin-right: 180px;
	box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, .15);
}

.exit img {
	width: 45px;
	height: 52px;
}

.content {
  width: 1446px;
  margin: 0 auto;
  font-family: 'Playfair Display';
  font-size: 38px;
  font-variant-numeric: lining-nums;
  color: #211023;
}

.task {
  margin-top: 50px;
}

.lesson_title {
  display: flex;
  flex-direction: row;
  font-family: 'Playfair Display';
  font-size: 50px;
  font-variant-numeric: lining-nums;
  color: #FB9735;
  border-bottom: 3px solid #FB9735;
  padding: 20px 20px 20px 60px;
}

.lesson_head {
  padding-right: 15px;
  text-transform: uppercase;
}

.files_field {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.file_task {
  width: 560px;
  height: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.file_url {
  width: 330px;
  height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  margin: 60px 60px 20px 60px;
  transition: all .4s;
}

.file_url:hover {
  background-color: #EAEAEA;
}

.file_task img {
  width: 350px;
  height: 300px;
}

.file_title a {
  text-decoration: none;
  font-family: 'Playfair Display';
  font-size: 38px;
  font-variant-numeric: lining-nums;
  color: #211023;
  border-radius: 40px;
  padding: 5px 20px;
  transition: all .4s;
}

.file_title {
  width: 300px;
}

.file_title a:hover {
  background-color: #EAEAEA;
}

.result {
  width: 600px;
  height: 400px;
  /*background-color: #EAEAEA;*/
  border: 5px solid #FFA733;
  border-radius: 60px;
  margin: 60px 60px 60px 60px;
  padding: 20px;
  box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, .30)
}

.input_file_container {
  position: relative;
  width: 450px;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
}

.input_file_trigger {
  display: block;
  padding: 14px 45px;
  background: #FFA733;
  color: #FFFFD9;
  font-size: 38px;
  transition: all .4s;
  cursor: pointer;
  border-radius: 30px;
}

.input_file {
  position: absolute;
  top: 0; left: 0;
  width: 450px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}

.input_file:hover + .input_file_trigger,
.input_file:focus + .input_file_trigger,
.input_file_trigger:hover,
.input_file_trigger:focus {
  background: #FF7E00;
  color: #FFFFD9;
}

.file_return {
  margin: 0;
  font-size: 38px;
  font-family: 'Playfair Display';
  font-variant-numeric: lining-nums;
}

.file_return:not(:empty) {
  margin: 30px 0;
}

/*.file_return:not(:empty):before {
  content: "Обраний файл:; ";
  font-style: normal;
  font-weight: normal;
}*/

.file_button {
  width: 450px;
  margin: 0 auto;
  margin-top: 30px;
  border: 5px solid #FFA733;
  border-radius: 30px;
  color: #FFA733;
  transition: all .4s;
  text-align: center;
}

.file_button_text {
  padding: 14px 45px;
  color: #FFA733;
  font-size: 38px;
  cursor: pointer;
}

.file_button:hover,
.file_button:focus {
  background-color: #FFF5EB;
}

footer {
  width: 100%;
  height: 150px;
  margin-top: 81px;
  background-color: #FFA733;
}

.footercont {
  width: 1680px;
  height: 150px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.contacts {
  width: 50%;
  margin-top: 20px;
  font-family: 'Playfair Display';
  font-size: 28px;
  font-weight: 400;
  font-variant-numeric: lining-nums;
  color: #FFFFD9;
}

.contacts div {
  margin-bottom: 10px;
}

.contacts div:first-child {
  font-weight: 600;
  margin-bottom: 15px;
}

.date {
  width: 50%;
  display: flex;
  flex-direction: column;
  margin: auto 0;
  font-family: 'Playfair Display';
  font-size: 28px;
  font-weight: 600;
  font-variant-numeric: lining-nums;
  color: #FFFFD9;
  text-align: right;
}

.date div {
  margin-bottom: 15px;
}