:root{
	--mainColor1: rgba(35,35,35,1.00);
	--mainColor2: rgba(250,237,133,1.00);
	--mainColor3: rgba(103,247,183,1.00);
	--mainColor4: rgba(70,69,69,1.00);
	--mainColor5: rgba(197,197,197,1.00);
	--mainColor6: rgba(237,237,237,1.00);
}

html,
body{
	background-color: var(--mainColor1);
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

#topmenu{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	height:120px;
	z-index:5555;
	border-radius:0px 0px 3px 3px;
	margin:auto auto auto auto;
	background-color:rgba(0,0,0,0.0);
	}

#topmenu #logo{
	position:absolute;
	top:0px;
	bottom:0px;
	left:5%;
	width:auto;
	height:70px;
	margin:auto auto auto auto;
	}


#topmenu #menulist{
	position:absolute;
	top:0px; bottom:0px;
	right:4%;
	margin:auto;
	width:auto;
	height:30px;
	}
	
#topmenu #menulist .opt{
	display:block;
	float:left;
	margin:0px 8px 0px 0px;
	width:auto;
	height:34px;
	line-height:34px;
	font-size:16px;
	font-weight:500;
	letter-spacing:2px;
	transform: skew(350deg, 0deg);
	cursor:pointer;
	background-color:rgba(21,21,21,0.4);
	color:white;
	text-transform: capitalize;
	border-radius:30px;
	box-sizing:border-box;
	padding:0px 16px 0px 16px;
	}

#topmenu #menulist .lang{
	width:34px;	
	padding:0px 0px 0px 0px;
}

#topmenu #menulist .opt img{
	width:32px;
	height:32px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

#topmenu #menulist .optsopt{
	display:none;
	position:absolute;
	top:135%;
	left:0px;
	right:0px;
	width:auto;
	height:auto;
	opacity:0;
	font-weight:400;
	cursor:pointer;
	padding:0px;
	transition:all 0.4s;
	}
	
#topmenu #menulist .optsopt .sub_opt{
	display:inline-block;
	width:auto;
	height:30px;
	line-height:30px;
	border-radius:30px;
	transform: skew(350deg, 0deg);
	background-color: var(--mainColor6);
	border:1px solid rgba(143,143,143,1.00);
	box-sizing:border-box;
	margin:3px 3px 2px 3px;
	padding:0px 21px 0px 21px;
	}

#wrapall{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2222;
	overflow:hidden;
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	background-image: radial-gradient(rgba(29,29,29,1.00) 0%,rgba(2,0,0,1.00) 100%);
	transition:all 1s;
}

#wrapall .slide{
	position:relative;
    display: block;
	float:left;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 100%;
	overflow: hidden;
	background-position:center;
	background-size:cover;
    background-image: radial-gradient(rgba(142,142,142,1.00), rgba(45,2,2,1.00));
	transition:all 0.6s;
	z-index: 2224;
	
}

#wrapall .slide .cont_wrap{
	display:inline-block;
	position:absolute;
	top:120px;
	left:0%;
	bottom:0px;
	right:0px;
	width:70%;
	max-width: 850px;
	height:250px;
	padding:0px 0px 0px 0px;
	margin:auto;
	z-index: 2282;	
}
	
#wrapall .slide .cont_wrap h1{
	display:inline-block;
	width:auto;
	height:auto;
	line-height:59px;
	font-size:55px;
	font-weight:800;
	font-family:"Franklin Gothic Bold", "Arial Black", sans-serif;
	text-align:left;
	font-style:italic;
	text-transform:uppercase;
	color:white;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-shadow:0px 3px 8px rgba(22,22,22,1.00);
	z-index: 2299;
	
	}
	
#wrapall .slide .cont_wrap h5{
	display:inline-block;
	width:100%;
	height:auto;
	line-height:18px;
	font-size:12px;
	font-weight:300;
	letter-spacing: 1px;
	font-style:italic;
	color:white;
	padding:0px 0px 0px 0px;
	margin:10px 0px 15px 0px;
	text-shadow:0px 3px 2px rgba(22,22,22,1.00);
	z-index: 2299;	
}

#wrapall .slide .cont_wrap .btn{
	display: inline-block;
	width: auto;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: 900;
	font-style:italic;
	letter-spacing:1px;
	padding: 0px 30px 0px 30px;
	margin: 0px 20px 0px 0px;
	cursor:pointer;
	border-radius: 100px;
	text-align: center;
	background-color: var(--mainColor2);
	color:black;
	transition:all 1s;
	}
	
#wrapall .slide .cont_wrap .btn:hover{
	background-color: rgba(172,142,0,1.00);
	}

#wrapall .slide #sli2{
	display: block;
	position:absolute;
	bottom:0px;
	right:0px;
	width:auto;
	height: auto;
	max-width: 45%;
	max-height: 75%;
	z-index: 2252;
	}

/* Infon muotoilu */

#moreinfo:before{
	display:block;
	position:absolute;
	left:0px;
	right:0px;
	top:-30px;
	bottom:100%;
	width:120px;
	height:30px;
	color:red;
	background-color:rgba(255,255,255,1.00);
	z-index:4499;
	content:"f";
	}
	
#moreinfo{
	position:absolute;
	top:100%;
	left:0px;
	padding:30px 0px 20px 0px;
	display:block;
	width:100%;
	height:auto;
	box-shadow:0px 0px 100px black;
	overflow:auto;
	text-align:center;
	background-color:rgba(255,255,255,1.00);
	margin:0px 0px 0px 0px;
	z-index:4444;
	}


#moreinfo .infocase{
	position:relative;
	vertical-align: top;
	display:inline-block;
	width:400px;
	margin:auto 30px 20px 30px;
	height:auto;
	padding:10px 0px 20px 0px;
	border:1px solid rgba(196,196,196,1.00);
	border-radius:10px;
	box-sizing:border-box;
	}
	
#moreinfo .infocase .split_image{
	display:block;
	width:100%;
	height:auto;
	box-sizing:border-box;
	text-align:center;
	}
	
#moreinfo .infocase .split_image img {
	display:block;
	width:auto;
	max-height:250px;
	margin:auto auto auto auto;
	}
	
#moreinfo .infocase .split_info{
	display:block;
	width:100%;
	height:auto;
	margin:auto auto auto auto;
	padding:0px 0px 0px 0px;
	box-sizing:border-box;
	}
	
#moreinfo .infocase .split_info h4{
	display:inline-block;
	width:100%;
	font-size:24px;
	font-weight:800;
	margin:20px auto 5px auto;
	padding:0px 20px 0px 20px;
	box-sizing:border-box;
	text-align:center;
	}
	
#moreinfo .infocase .split_info p{
	display:inline-block;
	width:auto;
	font-size:14px;
	font-weight:400;
	letter-spacing:0px;
	text-align:left;
	line-height:25px;
	margin:5px auto 10px auto;
	padding:0px 20px 0px 20px;
	box-sizing:border-box;
	}