/* jost-300 - 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: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/jost-v15-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('../fonts/jost-v15-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-regular - 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: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('../fonts/jost-v15-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-600 - 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: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/jost-v15-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	   url('../fonts/jost-v15-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: Jost;  background: url(../img/bg.png) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 50px 0; width: 100%; min-height: 100vh; margin: 0; }

h1 		{ width: 100%; font-size: 40px; line-height: 50px; text-align: center; font-family: Jost; font-weight: 400; margin: 0 0 20px 0; padding: 0 20px;}
h2 		{ width: 100%; font-size: 20px; line-height: 30px; text-align: center; font-family: Jost; font-weight: 300; margin: 40px 0 20px 0; padding: 0 20px;}
h3 		{ width: 100%; font-size: 30px; line-height: 40px; text-align: center; font-family: Jost; font-weight: 300; margin: 100px 0 20px 0; padding: 0 20px; }

a { color:#daa520; text-decoration: none; }
a:hover { text-decoration: underline; }

.thumbnails 		{ max-width: 1600px; width: 94%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.thumbnail			{ width: calc((100% / 5) - (120px / 5)); border: 0 solid #fff; background: #fff; padding: 10px; margin: 0 0 30px 0; aspect-ratio: 1 / 1; overflow: hidden; position: relative; }
.thumbnail img 		{ width: 100%; height: 100%; object-fit: cover; display: block; }

.videoWrap 			{ max-width: 1600px; width: 94%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; padding: 10px; }
.videoWrap video	{ width: 100%; height: auto; display: block; cursor: pointer; }

.downloadWrap			{ max-width: 1600px; width: 94%; margin: 0 auto; padding: 10px; text-align: center; }
.downloadWrap a 		{ display: inline-block; line-height: 50px; padding: 0 20px; margin: 0 auto; background: #4d695c; color: #fff; font-size: 20px; text-decoration: none; }
.downloadWrap a:hover	 { background: #8fa988; }

.lb-data .lb-caption,
.lb-data .lb-number { font-family: Arial; }


@media (max-width: 1024px) {

	.thumbnail		{ width: calc((100% / 3) - (60px / 3)); padding: 10px; margin: 0 0 30px 0; }
}

@media (max-width: 768px) {

	.videoWrap		{ padding: 10px; }
	.thumbnail		{ width: calc((100% / 2) - (20px / 2)); padding: 5px; margin: 0 0 20px 0; }
}