html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
  overflow-x: hidden;
  font-family: Tilda;
  color: #fad455;
  font-size: 0.83vw;
}
html {
  background-image: url(img/IMG_7922.jpg);
  background-size: 100% auto;
  background-attachment: fixed;
}
body {
  background-color: rgba(0,0,0,0.8);
}
table {
  border-collapse: collapse;
}
img {
  max-width: 100%;
}
* {
  outline: none !important;
  background-repeat: no-repeat;
  box-sizing: border-box;
  transition: all .3s, opacity .7s;
}
.clickable {
  cursor: pointer;
  display: inline-block;
}
a:not(.custom):not([name]) {
	color: inherit;
    text-decoration: none;
    border: 1px solid;
    padding: 1em;
    margin: 1em 0 0 0;
    display: inline-block;
    border-radius: 3em;
    background: #000;
}
a:not(.custom):not([name]):hover {
	color: #fff;
}

.columns {
	padding: 3em 0 0 0;
}
.columns > * {
	display: block;
	width: 50%;
	float: left;
	font-size: 1.3em;
	line-height: 1.5em;
}
.columns > :first-child {
	padding: 0 3em 0 0;
}
.columns:after {
	clear: both;
	display: table;
	content: "";
}

img.lazy {
	/*opacity: 0;*/
}

#s010 {
	width: 120em;
    height: 60em;
	position: relative;
}
#s010 a {
	color: #a3a3a3;
    text-decoration: none;
	padding: 1.75em;
	border-bottom: 2px solid rgba(255,255,255,0);
}
#s010 a:hover {
	color: #fff;
	border-bottom-color: rgba(255,255,255,1);
}
#s010 .b010 {
	font-family: Arial;
	background: #131313;
	text-align: center;
	width: 100%;
	height: 5em;
}
#s010 .b010 .cells {
	display: inline-block;
	margin: auto;
}
#s010 .b010 .cells > * {
	display: block;
	height: 5em;
	line-height: 5em;
	border-bottom: 1px solid #565656;
	float: left;
}
#s010 .b010 .t01 {
	width: 27em;
}
#s010 .b010 .t02 {
	width: 12em;
}
#s010 .b010 .t03 {
	width: 12em;
}
#s010 .b010 .t04 {
	width: 12em;
}
#s010 .b010 .t05 {
	width: 27em;
}
#s010 .b010 .cells:after {
	clear: both;
	display: table;
	content: "";
}
#s010 .b010 .t01 img {
	max-width: 5.5em;
	vertical-align: middle;
}
#s010 .b020 {
	position: absolute;
	width: 80em;
	height: 20em;
	top: 50%;
	left: 50%;
	margin-left: -40em;
	margin-top: -10em;
	text-align: center;
}
#s010 .b020 > * {
	font-weight: bold;
    font-size: 1.2em;
    line-height: 1.8em;
}
#s010 .b020 .t01 {
    font-size: 6.5em;
    font-family: Volja;
    color: #d1a823;
    font-weight: 100;
}

#s020 {
	width: 120em;
	position: relative;
	background: #131313;
	padding: 5em 23em;
}
.h01 {
	text-transform: uppercase;
	font-size: 5em;
	line-height: 1;
}
#s020 .b010 .columns {
	display: inline-block;
	margin: auto;
	padding-top: 5em;
}
#s020 .b010 .columns .t01 img {
	margin-top: 1.5em;
	display: inline-block;
	max-width: 24em;
}
#s020 .b010 .columns .t02 {
	padding: 0 0 0 0;
}
#s020 .b010 .columns .t02 img {
	display: inline-block;
	padding: 0 0 1.5em 0;
	max-width: 28em;
}

#s030 {
	width: 120em;
	position: relative;
	background: #131313;
	padding: 5em 23em;
}
#s030 .b010 > .t01 {
	max-width: 82em;
    margin-left: -3.5em;
    margin-bottom: -5.5em;
}
#s030 .b010 > .t01 img {
}
#s030 .b010 > .t02 {
	font-size: 1.3em;
    line-height: 1.5em;
    padding: 3em 0;
}
#s030 .n01:before,
#s030 .n02:before,
#s030 .n03:before,
#s030 .n04:before,
#s030 .n05:before,
#s030 .n06:before,
#s030 .n07:before {
	color: #d1a823;
    font-family: Volja;
    font-size: 2em;
    position: absolute;
    font-weight: 100;
    left: 0;
    top: 0.1em;
}
#s030 .n01:before {content:"01"}
#s030 .n02:before {content:"02"}
#s030 .n03:before {content:"03"}
#s030 .n04:before {content:"04"}
#s030 .n05:before {content:"05"}
#s030 .n06:before {content:"06"}
#s030 .n07:before {content:"07"}
#s030 .n01,
#s030 .n02,
#s030 .n03,
#s030 .n04,
#s030 .n05,
#s030 .n06,
#s030 .n07 {
	font-size: 1.5em;
    font-weight: bold;
    position: relative;
    padding: 0 0 0.3em 3.3em;
    line-height: 2em;
}
#s030 .n07 {
	margin-top: 1em;
}

#s040 {
	width: 120em;
	position: relative;
	background: #131313;
	padding: 5em 23em;
}
#s040 .b010 {
}
#s040 .b010 > .t01 {
	margin-left: -3em;
	margin-right: -3em;
}
#s040 .slides > * {
	width: 82em;
	height: 38em;
	background-position: center;
}
#s040 .h01 {
	margin-top: -1em;
    z-index: 1;
    position: relative;
	padding: 0 0 1em 0;
}
#s040 .columns .t01 {
	font-size: 2.5em;
    font-weight: bold;
    padding: 0.5em 0 0.6em 0;
}

#s050 {
	width: 120em;
	height: 80em;
	position: relative;
	background: #131313;
	padding: 5em 23em;
}
#s050 .b020,
#s050 .b030,
#s050 .b040,
#s050 .b050 {
    position: absolute;
    top: 15em;
    width: 21em;
    height: 34em;
    background-size: cover;
    background-position: center;
    border: 1px solid;
    border-radius: 10em;
    left: 50%;
	overflow: hidden;
	opacity: 0.5;
}
#s050 .b020 {
	background-image: url(img/4o.jpg.webp);
    margin-left: -38em;
}
#s050 .b030 {
	background-image: url(img/2n.jpg.webp);
    margin-left: -21em;
    top: 37em;
    z-index: 1;
}
#s050 .b040 {
	background-image: url(img/6ur.jpg.webp);
    margin-left: -7em;
}
#s050 .b050 {
	background-image: url(img/5m.jpg.webp);
    margin-left: 13em;
}
#s050 .b020:before,
#s050 .b030:before,
#s050 .b040:before,
#s050 .b050:before {
	position: absolute;
    content: "";
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    background: #131313;
    opacity: 0.9;
}
#s050 .b020 .t01,
#s050 .b030 .t01,
#s050 .b040 .t01,
#s050 .b050 .t01 {
	position: absolute;
    font-size: 1.2em;
    line-height: 1.5;
    width: 84%;
    left: 8%;
    top: 8em;
}

#s060 {
	width: 120em;
	position: relative;
	background: #131313;
	padding: 5em 23em;
}
#s060 .columns.first .c01 {
	width: 44%;
}
#s060 .columns.first .c02 img {
	width: 100%;
    margin: 2.8em 0 0 0;
}
#s060 .columns.second img {
    margin: 0 0 1.5em 0;
}

#s070 {
 	width: 120em;
    height: 50em;
    position: relative;
    background-color: #131313;
    padding: 5em 23em;
    background-image: url(img/_MG_8803.jpg.webp);
    background-position: center;
    background-size: cover;
    text-align: center;
}
#s070:before {
 	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	content: "";
	display: block;
}
#s070 .b010 {
	position: absolute;
    width: 50em;
    left: 50%;
    margin-left: -25em;
    top: 8em;
    font-size: 1.1em;
    font-weight: 700;
}
#s070 .b020 {
	position: absolute;
    top: 1em;
    left: 50%;
    width: 30em;
    margin-left: -15em;
    height: 47em;
    border: 1px solid;
    border-radius: 30em;
	padding: 23em 0 0 0;
}
#s070 .b020 .t01 {
	font-size: 1.3em;
	line-height: 1.5em;
}

@media (max-width: 1000px) {
	html,
	body {
		font-size: 1.5vw;
	}
	html {
		background-size: 200% auto;
	}
	
	.columns > * {
		float: none;
		clear: both;
		width: auto;
		padding: 0 0 1em 0 !important;
	}
	img {
		width: 100%;
		max-width: 100% !important;
	}
	
	#s010 {
		width: 67em;
	}
	#s010 .b020 {
		width: 40em;
		margin-left: -20em;
	}
	#s010 .b020 .t01 {
		line-height: 1;
	}
	#s010 .b010 .cells > * {
		width: 11em;
	}
	#s020 {
		width: 67em;
		padding: 2em 8em;
	}
	#s030 {
		width: 67em;
		padding: 2em 8em;
	}
	#s040 {
		width: 67em;
		padding: 2em 8em;
	}
	#s050 {
		width: 67em;
		padding: 2em 8em;
	}
	#s050 .b020 {
		top: 15em;
		margin-left: -25em;
	}
	#s050 .b030 {
		top: 15em;
		margin-left: -2em;
	}
	#s050 .b040 {
		top: 42em;
		margin-left: -25em;
	}
	#s050 .b050 {
		top: 42em;
		margin-left: -2em;
	}
	#s060 {
		width: 67em;
		padding: 2em 8em;
	}
	#s060 .columns.first .c01 {
		float: left;
		clear: none;
	}
	#s060 .columns.first .c02 {
		float: left;
		width: 56%;
		clear: none;
		padding: 0 0 0 2em !important;
	}
	#s060 .columns.first .c02 img {
		margin-top: 1.3em;
	}
	#s070 {
		width: 67em;
		padding: 2em 8em;
	}
	#s070 .b010 {
		width: 30em;
		margin-left: -15em;
		top: 6em;
	}
	#s070 .b020 .t01 {
		font-size: 1.7em;
		line-height: 1.2;
	}
	#s070 .b020 .t02,
	#s070 .b020 .t03 {
		font-size: 1.3em;
	}
}

@media (max-width: 700px) {
	#s010 {
		height: 85em;
	}
	#s010 .b010 .cells {
		display: block;
	}
	#s010 .b010 .cells > * {
		display: none;
	}
	#s010 .b010 .t01 {
		display: block;
		width: 80%;
		float: none;
		margin: auto;
		text-align: left;
		height: auto;
	}
	#s010 .b010 .t01 img {
		width: 10em;
		padding: 1em 0 0 0;
	}
	#s020 {
		font-size: 1.7em;
		width: 39em;
		padding: 2em;
	}
	#s030 {
		font-size: 1.7em;
		width: 39em;
		padding: 2em;
	}
	#s040 {
		font-size: 1.7em;
		width: 39em;
		padding: 2em;
	}
	#s050 {
		font-size: 1.7em;
		width: 39em;
		padding: 2em;
		height: 105em;
	}
	#s050 .b020, #s050 .b030, #s050 .b040, #s050 .b050 {
		height: 20em;
		width: 26em;
		border-radius: 8em;
		margin-left: -13em;
	}
	#s050 .b030 {
		top: 36em;
	}
	#s050 .b040 {
		top: 57em;
	}
	#s050 .b050 {
		top: 78em;
	}
	#s050 .b020 .t01, #s050 .b030 .t01, #s050 .b040 .t01, #s050 .b050 .t01 {
		top: 3em;
	}
	#s060 {
		font-size: 1.7em;
		width: 39em;
		padding: 2em;
	}
	#s070 {
		font-size: 1.7em;
		width: 39em;
		padding: 2em;
	}