*{
	margin: 0px;
	padding: 0px;
}
body, html{
	height: 100%;
	font-family: 'Kanit', sans-serif;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}
#header1{
	background-image: url("main-bg.png");
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 35px;
}
.logo{
	color: #222222FF;
	transition: 1s;
	cursor:default;
}
.logo:hover{
	transition: 1s;
}
.logo2{
	height: 80%;
	transition: 1s;
	cursor:default;
	margin: 10px;
	margin-top: 25px;
	margin-left: 25px;
}
.logo2:hover{
	transition: 1s;
	color: #FFF;
}
.navigator{
	width: 100%;
	margin: 0 auto;
}
.main-nav ul{
	padding: 0px;
	margin-right: 30px;
	list-style: none;
}
.main-nav ul li{
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}
.main-nav ul a{
	text-decoration: none;
	color: #fff;
	transition: 1s;
}
.button_mne:hover{
	color: #8080F0;
	transition: 1s;
}
.button_vora:hover{
	color: #f98000;
	transition: 1s;
}
.button_about:hover{
	color: #319931;
	transition: 1s;
}
.button_carrier:hover{
	color: #F95050;
	transition: 1s;
}
.button_sss:hover{
	color: #FF0000;
	transition: 1s;
}
#header1 .navigator{
	display: flex;
	justify-content: space-between; 
	align-items: center;
}
.main1{
	width: 100%;
	height: 250px;
	background: rgba(0,0,0,0.25);
	text-align: center;
	align-items: center;
	justify-content: space-between;
	display: flex;
	cursor: default;
}
.main1 p{
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	line-height: 225px;
	font-size: 100px;
	font-family: 'Tiny5', serif;
	color: #666666;
	transition: 1s;
	opacity: 1;
}
.main2{
	width: 100%;
	height: 250px;
	background: rgba(0,0,0,0.25);
	text-align: center;
	align-items: center;
	justify-content: space-between;
	display: flex;
	cursor: default;
}
.main2 p{
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	line-height: 225px;
	font-size: 100px;
	font-family: 'Calibri', sans-serif;
	color: #666666;
	transition: 1s;
}
.main3{
	width: 100%;
	height: 250px;
	background: rgba(0,0,0,0.25);
	text-align: center;
	align-items: center;
	justify-content: space-between;
	display: flex;
	cursor: default;
}
.main3 p{
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	line-height: 225px;
	font-size: 100px;
	font-family: 'Tiny5', sans-serif;
	color: #666666;
	transition: 1s;
}
.main4{
	width: 100%;
	height: 250px;
	background: rgba(0,0,0,0.25);
	text-align: center;
	align-items: center;
	justify-content: space-between;
	display: flex;
	cursor: default;
}
.main4 p{
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	line-height: 225px;
	font-size: 100px;
	font-family: 'Tiny5', sans-serif;
	color: #666666;
	transition: 1s;
}
.bottom{
	width: 100%;
	height: 220px;
	background: #111111FF;
	text-align: left;
	display: flex;
	cursor: default;
}
.background{
	height: 100%;
	background-image: url("plugin-bg.png");
	background-size: cover;
	background-attachment: fixed;
}
#bg1{
	background-image: url("mc.png")
} 
#plugins{
	background-image: url("mc-plg.png");
}
#downloads{
	background-image: url("mc-plg.png");
}
#updates{
	background-image: url("mc-plg.png");
}
.bg1{
	height: 100%;
	background: black;
	background-size: cover;
	background-attachment: fixed;
	filter: brightness(0.6);
	transition: 2s;
} 
.bg1:hover{
	height: 100%;
	background: black;
	background-size: cover;
	background-attachment: fixed;
	filter: brightness(1);
	transition: 2s;
}
.heads{
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: space-between; 
	align-items: center;
	float: center;
	cursor:default;
} 
.main1 p:HOVER{
	color: #8080F0;
	transition: 1s;
}
.main2 p:HOVER{
	color: #f98000;
	transition: 1s;
}
.main3 p:HOVER{
	color: #319931;
	transition: 1s;
}
.main4 p:HOVER{
	color: #F95050;
	transition: 1s;
}
.telecom1{
	color: #ff4133;
	text-align: left;
	width: 80%;
	margin-top: 20px;
	text-decoration: none;
}
.bottom ul{
	margin-left: 30px;
	color: white;
}
.bottom a{
	color: white;
}
.telecom-li{
	list-style: none;
}
.social-ml{
	list-style: none;
}
.sml{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.sml:hover{
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	height: 49px;
	width: 49px;
}
.sml1{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	transition: 0.25;
}
.sml1:hover{
	transition: 0.25;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 8px;
	margin-bottom: 3px;
	height: 49px;
	width: 49px;
}
.sml2:hover{
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 8px;
	margin-bottom: 3px;
	height: 46px;
	width: 46px;
}
.sml2{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.reserve{
	text-align: center;
	width: 25%;
	height: 30px;
	color: #666666FF;
	margin-top: 100px;
	margin-left: 220px;
}
.reserve:HOVER{
	color: #888888FF;
	text-decoration: underline;
}
.email-tel{
	margin-left: 20px;
}
.news-ol{
	height: 100%;
	width: 100%;
	padding: 5%;
}
.news1-div{
	float: left;
	height: 75%;
	background-color: rgba(0,0,0,0.2);
	width: 25%;
	margin: 2.5%;
	border-radius: 3px;
	font-size: 25px;
}
.news2-div{
	float: left;
	height: 75%;
	background-color: rgba(0,0,0,0.2);
	width: 25%;
	margin: 2.5%;
	border-radius: 3px;
	font-size: 25px;
}
.news3-div{
	float: left;
	height: 75%;
	background-color: rgba(0,0,0,0.2);
	width: 25%;
	margin: 2.5%;
	border-radius: 3px;
	font-size: 25px;
}
.news-date{
	color: white;
}
.ncore{
	border-radius: 10px;
	transition: 0.5s;
	margin: 10px;
}
.ncore:HOVER{
	border-radius: 16px;
	width: 144px;
	height: 144px;
	transition: 0.5s;
}
.nvault{
	border-radius: 10px;
	transition: 0.5s;
	margin: 10px;
}
.nvault:HOVER{
	border-radius: 16px;
	width: 144px;
	height: 144px;
	transition: 0.5s;
}
.nbank{
	border-radius: 10px;
	transition: 0.5s;
	margin: 10px;
}
.nbank:HOVER{
	border-radius: 16px;
	width: 144px;
	height: 144px;
	transition: 0.5s;
}
.mc-plugin{
	height: 225px;
	width: 100%;
	align-items: center;
	background-color: rgba(0,0,0,0.3);
	display: flex;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.plugin{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 180px;
	width: 180px;
	border-radius: 16px;
}
.plugin img.selected {
	height: 144px;
	width: 144px;
	border-radius: 16px;
}
.info-box{
	padding: 20px;
}
.info-box h2{
	margin-bottom: 20px;
	color: #F2F2F2;
}
.info-box p{
	color: #FFFFFF;
}
.new1 p{
	margin-left: 10px;
	margin-right: 10px;
	color: white;
}

.download-1{
	float: left;
	height: 15%;
	background-color: rgba(0,0,0,0.2);
	width: 95%;
	margin: 2.5%;
	border-radius: 3px;
	font-size: 25px;	
}
.download-box{
	display: flex;
	background-color: rgba(0, 0, 0, 0.4);
	color: white;
	width: 97%;
	height: 60%;
	padding: 10px;
	font-family: Arial, sans-serif;
	margin: 1%;
	border-radius: 3px;
}
select, button {
	padding: 5px;
	border-radius: 6px;
	border: none;
	font-size: 16px;
}

select {
	width: 40%;
	align-content: center;
	justify-content: center;
}

button {
	background-color: #4caf50;
	color: white;
	cursor: pointer;
	transition: background 0.2s ease;
}

button:hover {
	background-color: #45a049;
}
#version{
	justify-content: center;
	align-content: center;
}
.dl-1{
	display: flex;
	align-content: center;
	height: 100%;
	width: 70%;
	text-align: center;
}
.dl-1 img{
	border-radius: 10px;
	align-content: center;
}
.dl-1 h2{
	font-family: "Tiny5";
	align-content: center;
	margin: 10px;
}
.dl-1 p{
	text-align: center;
	align-content: center;
	margin-top: 10px;
	margin-left: 30px;
	font-size: 14px;
	color: #aaffaa;
}
.dl-2{
	width: 30%;
	align-content: center;
	font-family: "Tiny5";
}