@charset "utf-8";
/* CSS Document */
@media(min-width:769px)
{
body
	{
		padding:0;
		margin:0;
		font-size:14px;
		font-family: "MagistralC";
		font-weight:100;
		background-color:rgba(5, 112, 178, 0.1);
		border-bottom:10px #666 solid;
		background:#fff!important;
		overflow:hidden;
	}
	.webserv a {
	width: 333px;
	height: 55px;
	background: #babfc2;
	text-align: center;
	display: block;
	line-height: 55px;
	color: #000;
	font-size: 20px;
	font-weight:bold;
	text-decoration:none;
	border-radius:50px 0 0 50px;
	border-bottom:2px #868b8d solid;
}

.webserv a:hover {
	color: #fff;
}


.webserv {
	position: absolute;
	top:45%;
	right:0;
	
}
.security {
	position: absolute;
	top: 45%;
	left:0px;
}

.security a {
	width: 333px;
	height: 55px;
	background: #0570b4;
	text-align: center;
	display: block;
	line-height: 55px;
	color: #fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	border-radius:0 50px 50px 0;
	border-bottom:2px #086097 solid;
}

.security a:hover {
	color: #000;
}

}
@media(max-width:768px)
{
body
	{
		padding:0;
		margin:0;
		font-size:14px;
		font-family: "MagistralC";
		font-weight:100;
		background-color:rgba(5, 112, 178, 0.1);
		border-bottom:10px #666 solid;
		background:#fff!important;
		overflow-x:hidden;
		overflow-y:scroll;
	}
	.webserv a {
	width: 100%;
	height: 45px;
	background: #babfc2;
	text-align: center;
	display: block;
	line-height: 45px;
	color: #000;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	border-radius:50px;
	border-bottom:2px #868b8d solid;
}

.webserv a:hover {
	color: #fff;
}

.webserv {
	position: absolute;
	top:45%;
	right:10px;
	left:10px; margin:auto;
}
.security {
	position: absolute;
	top: 45%;
	right:10px;
	left:10px; margin:auto;
}
.security a {
	width: 100%;
	height: 45px;
	background: #0570b4;
	text-align: center;
	display: block;
	line-height: 45px;
	color: #fff;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	border-radius:50px;
	border-bottom:2px #086097 solid;
}

.security a:hover {
	color: #000;
}

}
.main_page_div {
	padding:0;
}
.main_page_div img {
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.main_page_div:hover img {
	-webkit-filter: brightness(70%);
	-moz-filter: brightness(70%);
	-o-filter: brightness(70%);
	-ms-filter: brightness(70%);
	filter: brightness(70%);
}







.advertise {
	position: absolute;
	top:0;
	left: 0;
	right:0px; margin:auto;
}
.advertise a {
	width: 333px;
	height: 55px;
	background: #0570b4;
	text-align: center;
	display: block;
	line-height: 55px;
	color: #fff;
	font-size:20px;
	position: absolute;
	top:0;
	left: 0;
	right:0px; margin:auto;
	font-weight:bold;
	text-decoration:none;
	border-radius:0 0 4px 4px;
	border-bottom:2px #086097 solid;
}

.advertise a:hover {
	color: #000;
}





.logoarea{position:absolute; left:0px; right:0px; top:10px; z-index:50; margin:auto; text-align:center; display:block;}


@font-face {font-family: "MagistralC";
    src: url('MagistralC.otf');
   
}