@font-face {
    font-family: 'ode';
    src: url('../font/ode_black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;

}

@font-face {
    font-family: 'ode';
    src: url('../font/ode_bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'ode';
    src: url('../font/ode_medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'ode';
    src: url('../font/ode_regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'ode';
    src: url('../font/ode_semilight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'oso';
    src: url('../font/oso_regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'oso';
    src: url('../font/oso_italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;

}
html {
    font-size: 23px;
	font-family: "ode";
    width: 100%;
    height: 100%;
    touch-action:pan-y pan-x;
}

body {
    font-size: 1rem;
    width: 100%;
	color:#333;
    height: 100%;
	line-height: 1.5;
	overflow: hidden;
    margin: 0;
	background-color:#30352B;
	box-sizing: border-box;
}

body::-webkit-scrollbar {
    display: none;
}

* {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
    outline:none!important;
}


button, textarea, input, select, a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

*:active:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.page {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.container{
	width:100%;
	height:100%;
	position:relative;
}

.page#start-page {
    opacity: 1;
    z-index: 10;
}

.pull-right {
    float: right;
}

.pull-left{
    float:left;
}

table {
    border-collapse: collapse;
}

th, td{
	padding:6px;
}
button{
	background-color:#31BA93;
	color:white;
	border:6px solid white;
	padding:15px 50px;
	border-radius:50px;
	text-align:center;
	text-transform:uppercase;
	font-size:32px;
}

.modal {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 280px;
    margin: 0 auto;
    width: 1000px;
    border-radius: 58px;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(226, 234, 239, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(226, 234, 239, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(226, 234, 239, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(226, 234, 239, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(226, 234, 239, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(226, 234, 239, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2eaef', GradientType=1);
    box-shadow: -9px 12px 28px 0px #c5cace;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
}
.modal .button-close {
    position: absolute;
    right: -17px;
    top: -17px;
}

.modal .button-close img {
    width: 70px;
}
.icons{
	display:flex;
	gap:16px;
	position:absolute;
	z-index:100;
	left:100px;
	bottom:100px;
}
.lang-menu{
	position:absolute;
	background-color:#89926C;
	right: 8px;
    bottom: 100px;
	display:none;
}
.lang-menu.active{
	display:block;
}
.lang-menu > div{
	padding:15px 20px;
	border-bottom:1px solid #30352B;
	font-size:1.38rem;
	font-family:'oso';
}
.circle-button{
	width:100px;
	height:100px;
	border-radius:50%;
	background-color:#B19245;
	position:relative;
	transition:0.6s;
}

.circle-button:active{
	background:rgba(137, 146, 108, 1);
}
.circle-button img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.close-button{
	position:absolute;
	top:1960px;
	right:100px;
}
.logo-wrapper{
	position:absolute;
	top:160px;
	left:50%;
	transform:translateX(-50%);
	width:260px;
}
.main-title{
	font-size:3.217rem;
	line-height:132px;
	color:white;
	position:absolute;
	top:540px;
	left:50%;
	transform:translateX(-50%);
}
.main-desc{
	color:white;
	position:absolute;
	top:700px;
	left:50%;
	transform:translateX(-50%);
	font-size:1.2rem;
	width:900px;
	line-height:1.4;
	font-family:'ode';
	text-align:center;
}
.button{
	color:white;
	position:absolute;
	bottom:32px;
	border:3px solid white;
	left:50%;
	transform:translateX(-50%);
	font-size:1.8rem;
	text-align:center;
	padding:5px 35px 0;
}
.nicescroll-cursors{
	background-color:rgba(175, 153, 126, 1);
		left: 50%!important;
    transform: translateX(-50%);
	float:none!important;
	opacity:0;
}
.nicescroll-rails{
	width:150px!important;
	border: 5px dashed #EFD5BA;
	top:0!important;
}
.scroll-arrow{
	width:100px;
	height:100px;
	background-color:rgba(175, 153, 126, 1);
	border-radius:50%;
	position:absolute;
	left: 2985px;
	z-index:1000;
}
.scroll-up{
	top:110px;
}
.scroll-down{
	bottom:210px;
}
.scroll-arrow img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.contrast{
	color:yellow!important;
	background:none;
	background-color:black!important;
}
.contrast *{
	color:yellow!important;
	border-color:yellow!important;
}
.contrast .answer:after,
.contrast .navigation .circle-button,
.contrast .line,
.contrast .start-line,
.contrast .item-line:after,
.contrast .item-line,
.contrast .circle-button{
	background:yellow;
}

.contrast .bottom-dekor,
.contrast .center-dekor{
	display:none;
}
.contrast .scroll-arrow,
.contrast .nicescroll-cursors{
	background:yellow!important;
}
.contrast .text-button{
	color:black!important;
	background:yellow!important;
}