@charset "utf-8";
/* CSS Document */

/*---------- Google Fonts ----------*/

html.overflow-section {
	overflow: hidden !important;
}

body {
	font-family: 'OpenSansRegular';
	font-size: 18px;
	line-height: 25px;
	color: #000;
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
}

html.overflow-section body {
	overflow: hidden !important;
}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}

b,
strong {
	font-family: 'OpenSansBold' !important;
}

p {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

p a {
	text-decoration: none;
	color: #2c3d77;
}

p a:hover {
	color: #7d8397;
}

ol,
ul {
	padding-left: 20px;
}

ol li,
ul li {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

ol li a,
ul li a {
	text-decoration: none;
	color: #2c3d77;
}

ol li a:hover,
ul li a:hover {
	color: #3e4d81;
}

.hero {
	width: 100%;
	max-width: 1600px;
	height: 600px;
	background: url('../images/leva.jpg') no-repeat center center;
	background-size: cover;
	margin: 0 auto;
	background-position-y: 70%;

}

@media (max-width: 1200px) {
	.hero {
		height: 500px;
	}
}

@media (max-width: 1200px) {
	.hero {
		height: 500px;
	}
}

.content {

	margin: 0 auto;
	padding: 40px 0px 30px 0;
	text-align: left;
	max-width: 1200px;
}

.footer {
	background: rgb(41,49,89);
	background: -moz-linear-gradient(270deg, rgba(41,49,89,1) 35%, rgba(60,71,121,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(41,49,89,1) 35%, rgba(60,71,121,1) 100%);
	background: linear-gradient(270deg, rgba(41,49,89,1) 35%, rgba(60,71,121,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#293159",endColorstr="#3c4779",GradientType=1);
	color: #fff;

	padding: 20px 0;
}

.footer a {
	color: #fff;
	text-decoration: none;
	margin: 0 10px 0 0;
}

.container.toppi {
	margin-top: 0px;
	padding-top: 0px
}

@media (min-width: 1300px) {
	.container {
		max-width: 1200px;
	}
}

.logoleva {
	max-width: 250px;
	height: auto;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.75);
}

.infos {
	font-size: 1.2em;
	padding-bottom: 20px;
	line-height: 1.2em;
}

.infos i {
	font-style: normal;
	color: #2c3d77
}

.copy a {
	color: #fff;
	font-size: 0.8em
}


@media (max-width: 1200px) {
	.hero {
		height: 500px;
	}
}

@media (max-width: 730px) {
	.hero {
		height: 400px;
	}

	.logoleva {
		max-width: 200px;
	}
}

@media (max-width: 450px) {
	.hero {
		height: 343px;
	}
}