/*!
 * Base CSS
 */

/* exo-regular - latin-ext_latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/exo-v9-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Exo Regular'), local('Exo-Regular'),
       url('../../fonts/exo-v9-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/exo-v9-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/exo-v9-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/exo-v9-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/exo-v9-latin-ext_latin-regular.svg#Exo') format('svg'); /* Legacy iOS */
}
/* exo-700 - latin-ext_latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/exo-v9-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Exo Bold'), local('Exo-Bold'),
       url('../../fonts/exo-v9-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/exo-v9-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/exo-v9-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/exo-v9-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/exo-v9-latin-ext_latin-700.svg#Exo') format('svg'); /* Legacy iOS */
}
/* exo-600 - latin-ext_latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/exo-v9-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local('Exo SemiBold'), local('Exo-SemiBold'),
       url('../../fonts/exo-v9-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/exo-v9-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/exo-v9-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/exo-v9-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/exo-v9-latin-ext_latin-600.svg#Exo') format('svg'); /* Legacy iOS */
}
/* ArialRoundedMTBold-400 */
@font-face {
  font-family: "ArialRoundedMTBold";
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/Arial-Rounded-MT-Bold.eot"); /* IE9 Compat Modes */
  src: url("../../fonts/Arial-Rounded-MT-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../fonts/Arial-Rounded-MT-Bold.svg") format("svg"), /* Legacy iOS */
    url("../../fonts/Arial-Rounded-MT-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../fonts/Arial-Rounded-MT-Bold.woff") format("woff"), /* Modern Browsers */
    url("../../fonts/Arial-Rounded-MT-Bold.woff2") format("woff2"); /* Modern Browsers */
}

html {
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background-color: #FFFFFF;
	color: #000000;

	font-family: "Exo";
	font-size: 1rem;

	padding: 0;
	margin: 0;
}

div {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

form {
	padding: 0;
	margin: 0;
}

table {
	padding: 0;
	margin: 0;
}

button {
	border-radius: 10px;
	padding: 0.6rem 1rem 0.6rem 1rem;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 0.8rem;
	background-color: #2E8B57;
	border-color: transparent;
}

button:hover {
	filter: brightness(110%);
}

button:disabled {
	background-color: #cccccc !important;
}

input,select,textarea {
	appearance: none;
	box-sizing: border-box;
	border-radius: 10px;
	border-color: #dbdbdb;
	border: 1px solid;
	padding: 0.6rem 1rem 0.6rem 1rem;
	outline: none;
}

select {
	background-image: url('../../images/default/arrowdown.svg');
	linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

input[type="checkbox"] {
	appearance: auto;
}

input:focus, select:focus {
	border-color: #2E8B57;
}

header {
	min-height: 3.25rem;
	width: 100%;
	background-color: #172E44;
	display: flex;
	justify-content: center;
	align-items: stretch;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 1rem;

}

header div.header {	
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	max-width: 1404px;
	width: 100%;
}

header div.contacts {	
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 24px;
}

header div.contacts div {
	padding: 0 0.75rem 0 0.75rem;
	display: flex;
	align-items: center;
	white-space: nowrap;
}

header div.contacts div img {
	margin-right: 0.3rem;
}

@media screen and (max-width: 890px) {
	header div.contacts {
		margin-left: 0;
	}
}

@media screen and (max-width: 780px) {
	header div.contacts {
		display: none;
	}
}

header div.account {
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	margin-right: 24px;
}

header div.account a {
	padding: 0 0.75rem 0 0.75rem;
	display: flex;
	align-items: center;
}

header div.account a img {
	margin-right: 0.3rem;
}

header div.account a.create, header div.account a.login, header div.account a.locale {
	text-transform: uppercase;
	white-space: nowrap;
}

header a.locale {
	color: #2E8B57;
}

@media screen and (max-width: 390px) {
	header div.account a.create, header div.account a.login, header div.account a.locale {
		white-space: normal;
	}
}

header div.account a:hover {
	background-color: #fafafa;
	color: #2E8B57;
}

@media screen and (max-width: 890px) {
	header div.account {
		margin-right: 0;
	}
}

@media screen and (max-width: 780px) {
	header div.account {
		width: 100%;
		margin: 0 1rem 0 1rem;
		justify-content: space-between;
	}
}

header a {
	border: 0;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
}

header img {
	border: 0;
	margin: 0 0 0 0.1rem;
	padding: 0 0.2rem 0 0;
}

header div.cpart {
	height: 80px;
	width: 15px;
	float: right;
}

header div.rpart {
	font-weight: bold;
	font-size: 93%;
	color: #FFFFFF;

	margin: 7px 0px 0px 0px;
	height: 70px;
	width: 300px;
	overflow: hidden;
	float: left;
}

header div.rpart a {
	color: #EEEEEE;
	text-decoration: underline;
}

header div.rpart a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

header div.adrpart {
	font-weight: bold;
	font-size: 98%;
	color: #FFFFFF;
        margin: 7px 10px 0px 0px;
        height: 70px;
        width: 300px;
        overflow: hidden;
        float: right;
	text-align: right;
}

header div.adrpart a {
        color: #EEEEEE;
        text-decoration: underline;
}

header div.adrpart a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}

div.tgroup {
        margin: 0px 0px 6px 0px;
}


header div.hpromotion {
	position: absolute;
	left: 100%;
	margin-left: -430px;
	margin-top: -12px;
}

header div.hpromotion img {
	border: 0;
}

/*!
 * Login block
 */
div.login {
	font-weight: 400;
	max-width: 500px;
	margin: 1rem auto 1rem auto;
	padding: 1rem 0.5rem 0 0.5rem;
}

/*!
 * Login fields
 */
div.loginfields {
	width: 99%;
	padding-bottom: 4px;
	margin: 0.1rem auto 0.1rem auto;
}

div.loginfields table {
	width: 100%;
}

div.loginfields table th {
	text-align: left;
	width: 230px;
	color: #172E44;
}

div.loginfields table tr td input, div.loginfields table tr td select {
	min-width: 190px;
	width: 100%;
	font-weight: normal;
}

div.loginfields table tr td input.flddef {
}

div.loginfields table tr td input.fldinv {
	background-color: #FF0000;
}

div.loginfields table tr td div.mlist {
	background-color: #6D9040;
	cursor: pointer;
}

div.loginfields div.inpsub {
	text-align: right;
}

div.loginfields div.loginhint {
	margin: 25px 0px 5px 0px;
	text-align: right;
}

div.loginfields div.loginhint a {
	color: #172E44;
	text-decoration: underline;
}

div.loginfields div.loginhint a:hover {
	color: #000000;
	text-decoration: underline;
}

/*!
 * Login status
 */
div.status {
	font-weight: bold;
	display: flex;
	align-items: center;

	margin: 0.1rem 0.5rem 0.1rem 0.5rem;
	width: 100%;
	min-height: 4rem;
}

div.status > div:first-child {
	flex-grow: 0;
	flex-shrink: 0;
	background-size: 3rem 3rem;
	width: 3rem;
	height: 3rem;
	margin: 0 0.6rem 0 0;
	background-repeat: no-repeat;
	background-position: center center;
}

div.status div.statinfo {
	background-image: url('../../images/default/statinf.svg');
}

div.status div.statok {
	background-image: url('../../images/default/statok.svg');
}

div.status div.staterror {
	background-image: url('../../images/default/staterr.svg');
}

div.status div.statwarn {
	background-image: url('../../images/default/statwarn.svg');
}

div.status div.msgs {
	font-size: 0.8rem;
	font-weight: 400;
	flex-grow: 1;
}

/*!
 * Page footer 
 */
footer {
	background-color: #172E44;
	padding: 3rem 52px 6rem 52px;
	margin: 0;	
	color: #FFFFFF;
	font-weight: 700;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

div.footer {
	display: flex;
	flex-wrap: wrap;
	max-width: 1404px;
	width: 100%;
}

div.footer div.fblock {
	width: 25%;
}

@media screen and (max-width: 890px) {
	footer {
		padding: 0.1rem 2px 0.2rem 40px;
	}
	div.footer div.fblock {
		width: 50%;
	}
}

@media screen and (max-width: 470px) {
	div.footer div.fblock {
		width: 100%;
	}
}

div.footer a {
        color: #FFFFFF;
        text-decoration: underline;
}

div.footer a:hover {
        text-decoration: underline;
}

/*
 * Highlighted text
 */
span.hitext {
	font-weight: bold;
}

/*
 * Header popup text
 */

div.cookie_info {
	margin: 0px 0px 2px 0px;
	border: 1px solid #5F95AF;
	border-radius: 6px;
	background-color: #FCFBDE;
	padding: 12px 0px;
}

div.cookie_info div {
	padding: 0px 10px 0px 10px;
	text-align: justify;
	color: #020202;
	font-size: 14px;
}

div.cookie_info div a {
	color: #356982;
	font-weight: bold;
	text-decoration: underline;
	display: inline-block;
}

div.cookie_info div a:visited {
	color: #356982;
	text-decoration: none;
	display: inline-block;
}

div.cookie_info div a:hover {
	color: #356982;
	font-weight: none;
	text-decoration: underline;
	display: inline-block;
}

div.cookie_info div a:active {
	color: #356982;
	font-weight: none;
	text-decoration: none;
	display: inline-block;
}

div.close_cinfo {
	clear: both;
	padding: 0px 0px 0px 0px;
	float: right;
	display: inline-block;
}

div.close_cinfo a {
	color: #F2F2F2;
	text-decoration: none;
	display: inline-block;
}

div.close_cinfo a:visited {
	color: #F2F2F2;
	text-decoration: none;
	display: inline-block;
}

div.close_cinfo a:hover {
	color: #F2F2F2;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
}

div.close_cinfo a:active {
	color: #F2F2F2;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
}

div.systemnotice {
	min-height: 3.25rem;
	width: 100%;
	background-color: #172E44;
	display: flex;
	justify-content: center;	
	align-items: center;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 1rem;
	background-color: #effaf3;
}

div.systemnotice > div {
	color: #257942;
	margin: 0.5rem 0 0.5rem 0;
	white-space: pre-wrap;
}