html {
    width:100%;
    height:100%;
}

body {
    background-color: #fff;
	font-family: 'Open Sans', Tahoma, Arial, sans-serif;
    color:#333;
	font-size:15px;
	line-height:2.0em;
	/*background-image: url('../img/bg3a.png');
	background-repeat: repeat;*/
}  

h1 {
	font-size:2.0em;
}

h2 {
	font-size:1.2em;
	line-height:1.6em;
	padding:10px 0;
}

h3 {
	font-size:1.4em;
	line-height:1.8em;
	padding:10px 0;
	color:#000;
	font-weight:bold;
}

h4 {
	font-size:1.3em;
	line-height:1.6em;
	padding:10px 0;
	color:#007481;
}

.navbar {
	background:transparent;
	margin:0;
	padding:0;
	height:75px;
}
.navbar .container {
	padding: 0;
	margin:0 auto;
}

.navbar-brand {
	margin:0;
	padding:0 0 0 20px;
}
.box-header {
	background:#0b1236 url('../img/bg_main.png') top center no-repeat;
	color:#fff;
	text-align:center;
	margin:-75px 0 0 0;
	padding:140px 0 80px 0;
}
.box-header .container {
	background-color:transparent !important;
}
.menu-main {
	float:right;
	margin:0 0 10px 0;
	padding:0 20px 0 0;
}
.menu-main li {
	float:right;
	margin:0 0 0 12px;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.menu-main li a { 
	color:#fff !important; 
}
.menu-main li a:hover { 
	text-decoration:underline;
}
.menu-main li.active a { 
	background:none !important;
}
.menu-main li .eng-version, .menu-main li .pol-version, .menu-main li .ru-version { 
	margin:0 3px 3px 0;
	padding:0;
}

.main-text {
	margin:0 auto;
	text-align:center;
}
.main-text h1, .main-text h1 a {
	font-family: 'PT Sans', sans-serif;
	width:100%;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.5em;
	text-shadow: 3px 1px 1px #000;
}

.container {
  padding: 0 25px;
  margin:5px auto;
}

.main.container{
	padding:15px 25px;
}


.footer {
	margin-top:30px;
	background-color: #ebebeb;
}

.main-header {
	color:#007481;
	border-bottom:2px solid #ebebeb;
	padding:0 0 15px 0;
	margin:20px 0 15px 0;
	position:relative;
}
.main-header:before{
	content:  "";
	background-color:#007481;
	position:absolute;
	bottom:-2px;
	width: 60px;
	z-index:10;
	height: 2px;
}
.main-header.none, .main-header.none:before {
	border:0; 
	background-color:transparent;
}

.lead {
	font-weight:bold;
	margin:20px 0;
	font-size:1.0em;
}

.blockquote {
	color:#007481;
	margin-bottom:25px;
	font-style: italic;
	font-size:1.0em;
}

.italic {
	font-style: italic;
}
.green {
	color:#007481;
}
.grey {
	color:#474747;
}

.text-error {
	color:red;
}

.btn-start {
	background-color:#007481;
	color:#fff;
}
.btn-more {
	background-color:#0b1236;
	color:#fff;
}
.btn-red {
	background-color:#b32217;
	color:#fff;
}

.btn-start:hover, .btn-next:hover, .btn-more:hover, .btn-red:hover {
	text-decoration:underline;
	color:#fff;
}
.btn-next {
	background-color:#4A7585;
	color:#fff;
}

.bg-white {
	background-color:#fff;
}
.bg-marin {
	background-color:#B4D4E0;
}

.text-small {
	font-size:0.8em;
	line-height:1.6em;
}
.text-medium {
	font-size:0.9em;
	line-height:1.6em;
}

.chartjs-wrapper {
	padding:50px 0;
}

.percent {
	color:#007481;
	font-weight:bold;
	font-size:1.5em;
}

/*
@media (min-width: 576px) { 
}


@media (min-width: 768px) {  
}

@media (min-width: 992px) { 
}

@media (min-width: 1200px) { 
}
*/