html {
	min-height: 100%;
}

body {
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-image: url(/images/space.jpg);*/
	background: linear-gradient(to bottom, #FFFFFF, #EBEDF5);

}

#header {
	margin-bottom: 36px;
}

#header .bara {
	background: #2d81bc;
	height: 10px;
	margin: 5px -16px 5px -15px;
}

#header .barb {
	background: #85b7df;
	height: 10px;
	margin: 5px -16px 5px -15px;
}

#footer {
	margin: 24px auto;
	font-weight: regular;
	color:#303863;
}

#footer a {
	color: inherit;
}

.lanbar {
	position: absolute;
	left: 0;
	top: 13px;
	font-size: 12px;
}

.lanbar a {
	display: inline-block;
	color: inherit;
	padding: 3px 6px;
}

.lanbar a.active {
	background: #1986bd;
	border-radius: 3px;
	color: #fff;
}



.point {
	display:block;
	height:140px;
	border-radius: 16px;
	margin: 15px 0;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    border-radius: 16px;
    flex-direction: column;
    padding: 28px;
    transition: transform .3s;	
    background-color: #ffffff;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s ease-in-out;
}

.point:hover {
	transform: scale(1.10);
}

.langs {
	position: absolute;
	right: 0;
	top: 13px;
}

.langs a {
	display: inline-block;
	color: white;
	padding: 3px 6px;
}

.langs a.active {
	background: white;
	border-radius: 3px;
	color: #303863 ;
	font-weight:600;
}

.main-menu{
	background-color:#303863 !important;
	padding-bottom:20px;
	width:100%;
}

.logo{
	margin-top:20px;
	width:300px;
}