/* ////////////////////////////////////////////////////////// */

@font-face {
	font-family:Museo;font-style:normal;font-weight:900;src:url(/usr/Museo/MuseoSansCyrl-900.woff2) format("woff2");
}
@font-face {
	font-family:Museo;font-style:normal;font-weight:700;src:url(/usr/Museo/MuseoSansCyrl-700.woff2) format("woff2");
}
@font-face {
	font-family:Museo;font-style:normal;font-weight:500;src:url(/usr/Museo/MuseoSansCyrl-500.woff2) format("woff2");
}
@font-face {
	font-family:Museo;font-style:normal;font-weight:300;src:url(/usr/Museo/MuseoSansCyrl-300.woff2) format("woff2");
}

/* ////////////////////////////////////////////////////////// */

	.svx {
		--iata: 'svx';
		--bg: #0098db;
		--bg1: #10A8Eb;
		--bg2: #20B8Fb;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #10A8Eb 0, #0098db 60%);
	}
	.goj {
		--iata: 'goj';
		--bg: #af5a5a;
		--bg1: #bf6a6a;
		--bg2: #cf7a7a;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #bf6a6a 0, #af5a5a 60%);
	}
	.kuf {
		--iata: 'kuf';
		--bg: #049bae;
		--bg1: #14abbe;
		--bg2: #24bbce;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #14abbe 0, #049bae 60%);
	}
	.rov {
		--iata: 'rov';
		--bg: #99a73a;
		--bg1: #a9b74a;
		--bg2: #b9c75a;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #a9b74a 0, #99a73a 60%);
	}
	.pkc {
		--iata: 'pkc';
		--bg: #ed754f;
		--bg1: #fd855f;
		--bg2: #ff956f;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #fd855f 0, #ed754f 60%);
	}
	.nux {
		--iata: 'nux';
		--bg: #6267b5;
		--bg1: #7277c5;
		--bg2: #8287d5;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #7277c5 0, #6267b5 60%);
	}
	.gsv {
		--iata: 'gsv';
		--bg: #2d5eac;
		--bg1: #3d6ebc;
		--bg2: #4d7ecc;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #3d6ebc 0, #2d5eac 60%);
	}
	.rmz {
		--iata: 'rmz';
		--bg: #f49827;
		--bg1: #f4a837;
		--bg2: #ffb847;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #f4a837 0, #f49827 60%);
	}
	.bqs {
		--iata: 'bqs';
		--bg: #00a878;
		--bg1: #10b888;
		--bg2: #20c898;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #10b888 0, #00a878 60%);
	}
	.ren {
		--iata: 'ren';
		--bg: #578ecb;
		--bg1: #679edb;
		--bg2: #77aeeb;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #679edb 0, #578ecb 60%);
	}
	.ura {
		--iata: 'ura';
		--bg: #00aec7;
		--bg1: #10bed7;
		--bg2: #20cee7;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #10bed7 0, #00aec7 60%);
	}
	.odo {
		--iata: 'odo';
		--bg: #404c24;
		--bg1: #505c34;
		--bg2: #606c44;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #505c34 0, #404c24 60%);
	}
	.pes {
		--iata: 'pes';
		--bg: #404c24;
		--bg1: #505c34;
		--bg2: #606c44;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #505c34 0, #404c24 60%);
	}

	.sui {
		--iata: 'sui';
		--bg: #2e2e32; /* #f1f5fb */
		--bg1: #3e3e42;
		--bg2: #4e4e52;
		--bga: #3AEbA1;
		--bggr: url(/usr/sui-bg.jpg) no-repeat center center, radial-gradient(ellipse at top right, #3e3e42 0, #2e2e32 60%);
	}

	.grv {
		--iata: 'grv';
		--bg: #104382;
		--bg1: #205392;
		--bg2: #3063a2;
		--bga: #3AEbA1;
		--bggr: radial-gradient(ellipse at top right, #205392 0, #104382 60%);
	}

/* ////////////////////////////////////////////////////////// */

h1, h2, h3, h4, h5, h6, .lg, caption { color: #005da4; font-family:Museo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;}
body, table, input, select, textarea { font-family:Museo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;}
body { background: #242424; color: #818181; font-family:Museo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; }

h1, .lg { font-size: 48px; }
h2 { font-size: 40px; }
h3, caption { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

hr { border: 1px; color: #AAA; background: #AAA; height: 1px; size: 1px; clear: both;  }

a { transition-duration: 0.2s; }
a:link, a:visited { color: var(--bg); }
a:active, a:hover, a:focus { color: var(--bg2); }

/* ////////////////////////////////////////////////////////// */

.preloader__img:before {
	display: block;
	width: 210px; height: 210px; margin: 0 auto; 
	border-radius: 50%; 
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23dedede' viewBox='0 0 210 210' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0h210v210h-210z' fill='none'/%3E%3Cpath d='m119.28 55.18 2 0.8 11.33-18.52c10.11 1.81 11.33 0.39 11.49-0.51s-0.47-2.66-10.56-4.56l-4-21.34h-2.18v20.3a118.48 118.48 0 0 0-12.22-1.18l-1.14-6.61-1.59-0.29-0.17 7.83-2.62 7.38 1.59 0.29 3.46-5.77a118.48 118.48 0 0 0 11.85 3.24z'/%3E%3Cpath d='m105 29c-41.974 0-76 34.026-76 76 0 41.974 34.026 76 76 76 37.148-0.0489 68.818-26.945 74.881-63.596-6.9931 41.935-44.059 61.785-74.899 62.668-40.869 0-73.982-34.204-73.982-75.073 0-40.869 33.131-74 74-74 0.19208 0.0045 0.38413 0.0097 0.57617 0.01563v-2.002c-0.19204-0.005286-0.3841-0.009843-0.57617-0.013672z'/%3E%3C/svg%3E");
	animation: spreloaderSpin 2s linear infinite;
}
.content--iframe .preloader__img:before {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 210 210' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0h210v210h-210z' fill='none'/%3E%3Cpath d='m119.28 55.18 2 0.8 11.33-18.52c10.11 1.81 11.33 0.39 11.49-0.51s-0.47-2.66-10.56-4.56l-4-21.34h-2.18v20.3a118.48 118.48 0 0 0-12.22-1.18l-1.14-6.61-1.59-0.29-0.17 7.83-2.62 7.38 1.59 0.29 3.46-5.77a118.48 118.48 0 0 0 11.85 3.24z'/%3E%3Cpath d='m105 29c-41.974 0-76 34.026-76 76 0 41.974 34.026 76 76 76 37.148-0.0489 68.818-26.945 74.881-63.596-6.9931 41.935-44.059 61.785-74.899 62.668-40.869 0-73.982-34.204-73.982-75.073 0-40.869 33.131-74 74-74 0.19208 0.0045 0.38413 0.0097 0.57617 0.01563v-2.002c-0.19204-0.005286-0.3841-0.009843-0.57617-0.013672z'/%3E%3C/svg%3E");
}
@keyframes spreloaderSpin { 0% { transform:rotate(0deg) } to { transform:rotate(1turn) } }

/* ////////////////////////////////////////////////////////// */

	.container { padding: 64px; max-width: 1232px; }

	.header { position: static; background: transparent; }
	.header__container { padding-top: 6.4px; padding-bottom: 6.4px; }
	.header__snippet { float: right; margin: 0 16px; }
	.header__nav { background: transparent; color: #fff; min-height: 6.4px; }
	
	.lg { display: block; color: #fff; float: left; line-height: 1; margin: 0; padding: 0; width: 32px; height: 32px; overflow: hidden; font-size: 1rem; }
	.lg svg { display: block; fill: #fff; }

	.auth__ava svg { fill: #fff; }

	.nav__container { display: block; list-style: none; padding: 0 48px; }
	.nav__item { display: block; float: left; position: relative; top: 0; left: 0; }
	.nav__link { display: block; padding: 16px; transition-duration: 0.4s; }
	.nav__link:link, .nav__link:visited { color: #f0f0f0; }
	.nav__link:active, .nav__link:hover, .nav__link:focus { color: #fff; text-shadow: 0 3px 5px rgba(255,255,255,0.5); }

	.nav__container--lvl2 { display: none; position: absolute; top: 99%; left: 0; background: #999; color: #fff; padding: 0; min-width: 100%; z-index: 10; }
	.nav__item:hover .nav__container--lvl2,
	.nav__link:active + .nav__container--lvl2,
	.nav__link:focus + .nav__container--lvl2 { display: block }

	.footer { color: #818181; }
	.footer__container { color: #666; }

	.bg { background: var(--bggr); background-size: cover; color: #fff; }

	.pes .bg { background: linear-gradient(149deg, rgba(24,187,156,1) 0%, rgba(106,57,175,1) 42%, rgba(187,24,148,1) 72%, rgba(115,53,134,1) 100%); animation: odo_gradient 10s infinite linear; background-size: 400%; }

	.bg .auth__fio, .bg .auth__logout { color: #f5f5f5; border-color: #fff; }

	.intro { display: block; max-width: 100%; overflow: hidden; position: relative; top: 0; left: 0; z-index: 0; }
	.intro:before { display: block; max-width: 100%; overflow: hidden; position: absolute; top: 0; left: 50%; z-index: -1; content: var(--iata); font-size: 26rem; font-weight: 900; text-transform: uppercase; text-align: center; margin: 0 auto; opacity: 0.1; letter-spacing: -2rem; padding: 0 1.8rem; transform: var(--trnsfrm); }
	.intro__container { min-height: 24rem; }
	.intro .lg { width: 8rem; height: auto; float: none; clear: both; margin: 0 auto; display: block; position: sticky; top: 0; left: 50%; transform: translate(-50%, 0); }

	.info { background: #fff; border-radius: 0.4rem; padding: 1rem; margin: 1rem 0; }
	.info:before { display: inline-block; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23666' %3E%3Cpath d='M13 .5C6.096.5.5 6.096.5 13S6.096 25.5 13 25.5 25.5 19.904 25.5 13 19.904.5 13 .5Zm.038.905c6.372 0 11.538 5.166 11.538 11.539 0 6.372-5.166 11.538-11.538 11.538-6.373 0-11.539-5.166-11.539-11.538C1.5 6.57 6.665 1.405 13.038 1.405zm0 5.905c-.294 0-.55.107-.77.32a1.04 1.04 0 0 0-.322.761c0 .308.108.568.322.782.213.207.47.31.77.31.3 0 .558-.103.771-.31.214-.207.322-.468.322-.782 0-.3-.11-.553-.331-.76a1.043 1.043 0 0 0-.762-.321zm1.081 2.95-3.344.15v.511h1.4v6.851h-1.4v.51h4.657v-.51h-1.313z' /%3E%3C/svg%3E"); width: 26px; height: 26px; margin: 0 1rem 0 0; float: left; }

	.attention { text-align: center; background: #333; color: var(--bg); border-radius: 0.4rem; padding: 1rem; margin: 1rem 0; }

	.content { background: #f5f5f5; color: #333; }


	/* iframe modificator */
	.content--iframe { background: var(--bg); color: #fff; }
	.content--iframe .container { padding: 8px; }
	.content--iframe h1, .content--iframe h2, .content--iframe h3, .content--iframe h4, .content--iframe h5, .content--iframe h6, .content--iframe .lg, .content--iframe caption { color: #fff; }

	.content--iframe a:link, .content--iframe a:visited { color: #fff; text-decoration: underline; }
	.content--iframe a:active, .content--iframe a:hover, .content--iframe a:focus { color: #fff; }

	.content--iframe .info { background: var(--bg1); }
	.content--iframe .info:before { display: inline-block; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='%23fff' %3E%3Cpath d='M13 .5C6.096.5.5 6.096.5 13S6.096 25.5 13 25.5 25.5 19.904 25.5 13 19.904.5 13 .5Zm.038.905c6.372 0 11.538 5.166 11.538 11.539 0 6.372-5.166 11.538-11.538 11.538-6.373 0-11.539-5.166-11.539-11.538C1.5 6.57 6.665 1.405 13.038 1.405zm0 5.905c-.294 0-.55.107-.77.32a1.04 1.04 0 0 0-.322.761c0 .308.108.568.322.782.213.207.47.31.77.31.3 0 .558-.103.771-.31.214-.207.322-.468.322-.782 0-.3-.11-.553-.331-.76a1.043 1.043 0 0 0-.762-.321zm1.081 2.95-3.344.15v.511h1.4v6.851h-1.4v.51h4.657v-.51h-1.313z' /%3E%3C/svg%3E"); }

	.content--iframe .attention { background: #FFF; }

	/* snippets inside iframe */
	.iframe__snippets { display: flex; flex-direction: row; justify-content: flex-end; gap: 1rem; padding-top: 1rem; padding-bottom: 0; }
	.iframe__auth { padding: 0.4rem 0.4rem 0.4rem 0.2rem; border-radius: 0.4rem; background-color: var(--bg1); }
	.iframe__auth .auth__form { display: flex; flex-direction: column; gap: 0.4rem; align-items: flex-end; }
	.iframe__auth a:link, .iframe__auth a:visited { text-decoration: none; }
	.iframe__auth .auth__fio { color: inherit; }
	.iframe__auth .auth__logout { border-color: #fff; }

	.iframe__meteo { padding: 0.4rem 0.4rem 0.4rem 0.2rem; border-radius: 0.4rem; background-color: var(--bg1); }

	.global_auth { }
	.global_auth .container { display: flex; flex-direction: row; gap: 2rem; }
	.global_auth__content,
	.global_auth .auth__form { flex-basis: 50%; }
	.global_auth__content { display: flex; flex-direction: column; justify-content: space-between; }
	.global_auth .frm { display: flex; flex-direction: column; gap: 2rem; }
	.global_auth .frm__btn { width: 100%; padding: 1rem 0; }

	/* tabs */
	.content--iframe .tabs__items { border-color: var(--bg2); }
	.content--iframe .tabs__item { border-color: var(--bg1); background: transparent; color: var(--bg2); }
	.content--iframe .tabs__item--ss { border-color: var(--bg2); border-bottom: 1px solid var(--bg); color: #fff; }

/* ////////////////////////////////////////////////////////// */

	@keyframes odo_gradient { 0% { background-position: 80% 0%; } 50% { background-position: 20% 100%; } 100% { background-position: 80% 0%; } }

/* ////////////////////////////////////////////////////////// */

@media (max-width: 1199px) {
	.container { padding: 48px; max-width: 100%; }
}

@media (max-width: 991px) {
	.container { padding: 32px; }
	.container.nav__container { padding: 0 16px; }
}

@media (max-width: 767px) {
	.container { padding: 16px; }
	.container.nav__container { padding: 0 8px; }

	.global_auth .container { display: flex; flex-direction: column; }
}

@media (max-width: 575px) {
	.container { padding: 8px; }
	.container.nav__container { padding: 0; }
}

/* ////////////////////////////////////////////////////////// */

@media (prefers-color-scheme: light) {

}

/* ////////////////////////////////////////////////////////// */

@media (prefers-color-scheme: dark) {
	.header, .content { background-color: #333; color: #eee; }
	body { background-color: #666; color: #eee; }
	.footer__container { color: #eee; }
	
	a:link, a:visited { color: #34ADEB; }
	a:active, a:hover, a:focus { color: #008df9; }
	
	h1, h2, h3, h4, h5, h6, .lg, caption { color: #ccc; }
	
	.bx.bw { background-color: #555; }
	.bx.bs { background-color: #333; }
	
}