@charset "UTF-8";

:root {
--bg-body: #29323c;
--bg-wrapper: #FAFAFA;


--main-link-color: #005A75;
--main-link-hover-color: #96493F;

--tab-link-color: #005A75;
--tab-link-hover-color: #96493F;


--main-color: #444;
--color-blue: #003366;
--color-label: #470000;
--color-red: #9b0a0a;
--color-white: #fff;
--color-black: #333;

--main-font: "FF Good Pro News", "Roboto Condensed", Arial;
--header-font: "FF Good Pro News", "Roboto Condensed", Arial;
--boss-font: "Casus Pro";

}

* {  box-sizing: border-box; }

html {
  /* 1 */
font-family: var(--main-font);
font-size: calc(15px + 0.390625vw);
font-weight: normal;
line-height: 1.4;
height: 100%;
}

body {
color: var(--main-color);
font-size: 1.0rem;
margin: 0;
padding: 0;
}

/* Links
*/
a:active,
a:hover {
outline: none !important;
}

a {
color: var(--main-link-color);
text-decoration: none;
cursor: pointer;
}
a:hover {
color: var(--main-link-hover-color);
text-decoration: none;
}

ul li,
ol li {
padding-left: 0.25rem ;
padding-bottom: 0.25rem ;
}

strong, b {
font-weight: bolder;
font-weight: 600;
}

em, i {
color: inherit;
}

h2,
h3,
h4,
h5,
h6  {
text-align: left;
margin: 0.25rem 0 0.5rem 0;
font-family: var(--header-font);
font-weight: normal;
text-transform: none;
}

* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
margin-top: 0.5rem;
}

h2 { font-size: 1.5rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.093rem; }
h6 { font-size: 1.0625rem; }

ol.parentheses {
list-style-type: none;
counter-reset:  item;
}
ol.parentheses li:before {
content: counter(item) ') '; /* Добавляем к числам скобку */
counter-increment: item; /* Задаём имя счетчика */
}


/*============================================*/

.shutter {
position: sticky;
top: 0;
left:0;
z-index: -1;
background-color: var(--bg-wrapper);
background-image: url(/img/empty.png);
max-height: 18.75rem !important;
border-bottom: 1px solid #000;
}

.footer {
border-top: 1px solid #000;
background-color: #223D5F;
background-image: linear-gradient(to top, #001d3d 0%, #385375 100%);
color: var(--color-white);
padding: 1.0rem;
font-size: 0.875rem;
position: sticky;
bottom: 0;
left: 0;
z-index: -1;
}

.top-bar {
border-bottom: 1px solid #000;
background-color: #223D5F;
background-image: linear-gradient(to top, #001d3d 0%, #385375 100%);
z-index: 1;
}

.wrapper {
padding-bottom: 1.0rem;
background-color: #fffefc;
min-height: 100vh;
position: relative;
z-index: 1;
}

.content {
max-width: 50rem;
margin: 0 auto;
padding-top: 0.75rem;
}


/*--------------------*/
h1 {
background-image: url("svg/logo.svg");
background-repeat: no-repeat;
background-position: 1.0rem;
background-size: 8.0rem;
padding:0.5rem 0 0 0;
max-width:75rem;
margin: 0 auto 0 auto;
font-size: 2.0rem;
font-weight: normal;
line-height: 1.4;
font-family: var(--boss-font);
text-align: center;
}
h1 a { color: var(--color-white); }
h1 a:hover {
text-decoration: none;
color: #ddd;
}

.menu-bar {
border-bottom: 1px solid #444;
overflow: hidden;
}
.menu-bar > div {
max-width:75rem;
margin: 0 auto;
padding: 0.5rem 1.0rem;
text-transform: uppercase;
font-family: var(--header-font);
font-size: 1.0rem;
}
.menu-bar a {
color: var(--color-white);
user-select: none;
}
.menu-bar a.active,
.menu-bar a:hover {
color: #ddd;
}

/*-------------- */
.article { min-height: 16.0rem; }
.article a:hover { text-decoration: underline; }

.article_title {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: center;
font-family: var(--header-font);
font-size: 0.875rem;
color: var(--color-blue);
}

.page_header {
text-align: center;
margin-bottom: 0.75rem;
text-transform: uppercase;
font-family: var(--header-font);
color: var(--color-blue);
}

.archive {
display: inline-block;
margin-left: 0.75rem;
text-transform:uppercase;
font-family: var(--header-font);
color: var(--color-label);
padding-left:1.5rem !important;
background: left transparent url(svg/file_folder.svg) no-repeat;
background-size: 1.25rem;

}

.trigger {
display: inline-block;
line-height: 1.4;
font-size: 0.875rem;
padding: 0.125rem 0.5rem 0.1rem 0.5rem;
margin-bottom: 0.5rem;
margin-right: 0.5rem;
border-radius: 0.125rem;
border: 1px solid #bbb;
text-transform: uppercase;
font-family: var(--header-font);
background-color: #fff;
color: #222;
}

.trigger:hover, .trigger.uk-active  {
background-color: #32546d;
color: #fff;
}
x.trigger.uk-active:hover {
color: #ccc;
}

.trigger::after {
content: "\2BC6";
padding-left: 0.25rem;
}

.trigger.uk-active::after {
content: "\2BC5";
padding-left: 0.25rem;
}


/*-------------- */
.page_dropdown {
display: none;
padding: 1.0rem;
border: 1px solid #aaa;
background: #fff;
border-radius: 0.125rem;
font-family: var(--header-font);
}
.page_dropdown.uk-open { display: block; }
.page_dropdown a:hover { text-decoration: underline; }

ul.menu { margin: 0 0 0.5rem 0; padding: 0 0 0.5rem 0; }
ul.menu li { list-style-type: none; padding: 0.125rem 0; }

ul.list {
text-transform: uppercase;
font-size: 0.8125rem;
}
ul.list li { padding-top:0.5rem; }

/*--------------------*/
.nav-header {
color: var(--color-red);
margin: 0.25rem 0;
font-size: 0.875rem;
text-transform: uppercase;
}

.dropdown {
display: none;
padding: 0.5rem;
margin: auto;
border: 1px solid #666;
background: #EAF1FB;
width:16.0rem;
border-radius: 2px;
font-family: var(--header-font);
}
.dropdown.uk-open { display: block; }

.table_dropdown {
width:100%;
border-spacing: 0.4rem 0.4rem;
font-size: 1.0rem;
}
.table_dropdown td {
text-align: center;
padding: 0 ;
width: 2.0rem;
}
.table_dropdown td a {
display: block;
border: 1px solid #666;
background-color: #fff;
color: #555;
}
.table_dropdown td a:hover {
color:#fff;
text-decoration: none;
background-color: #3d5a80;
}
.table_dropdown td div {
border: 1px solid #aaa;
color:#999;
background-color: #f0f8ff;
}

/*--------------------*/
.card {
position: relative;
display: flow-root;
padding: 1.25rem;
background-color: #feffff;
border-top: 1px solid #aaa;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: 0.625rem 0;
}
.card:hover {
background: #fff;
box-shadow: 0 1.0rem 1.6rem rgba(0, 0, 0, 0.16);
}

.badge {
text-align: right;
padding:0.25rem;
font-size: 0.8125rem;
color: #000;
}
.badge span {
color: #990033;
}

/*--------------------*/
.muted,
.muted:hover {
color: #999  !important;
cursor: default !important;
text-decoration: none !important;
}

/*--------------------*/
.uk-text-xsmall { font-size: 0.8125rem !important; line-height: 2.0 }


.uk-tab li {
padding-left: 1.0rem;
list-style: none;
}

.uk-tab > * > a {
font-size: 0.875rem;
font-family: var(--header-font);
color: var(--tab-link-color);
}
.uk-tab > * > a:hover,
.uk-tab > * > a:focus {
color: var(--tab-link-hover-color);
text-decoration: none;
}

.uk-tab > .uk-active > a {
color: var(--tab-link-hover-color);
border-color: #3D5A80;
}

.uk-height-small { height: 100rem; }
.uk-height-medium { height: 15rem; }
.uk-height-large { height: 22rem; }
.uk-height-min-small { min-height: 10rem; }
.uk-height-min-medium { min-height: 15rem; }
.uk-height-min-large { min-height: 22rem; }

.panel-box {
padding: 1.0rem;
border: 1px solid #aaa;
background-color: #fcfeff;
}

#accordion {
border-bottom: 1px solid #ccc;
}

/*-----------------*/
.section_title {
padding:0.5rem 0;
font-style: italic;
}

.staff-details a {
margin-right: 0.6rem;
text-transform: uppercase;
font-family: var(--header-font);
font-size: 0.8rem;
text-decoration: none;
}
.staff-details a:hover {
text-decoration: underline;
}

img.staff { 
max-width: 7.5rem;
border-radius: 2.5rem;
}

.img-left {
float:left;
margin-right:2%;
max-width:20%; 
}	

.img-right {
float:right;
margin-left:2%;
max-width:20%; 
}	

.left {
float:left;
margin-right:2%;
max-width: 40%
}	

.right {
float:right;
margin-left:2%;
max-width: 40%
}


/*--------------------*/
.youtube {
display: block;
width:3.7rem;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
background-image: url(img/youtube02.svg);
}

.facebook {
display: block;
width:2.0rem;
background-repeat: no-repeat;
background-position: left center;
background-size: 60% 60%;
background-image: url(img/facebook-4.svg);
}


.arrow-top {
position: fixed;
bottom: 7.0rem;
left: 0.3rem;
cursor: pointer;
visibility: hidden;
z-index: 10;
text-align: center;
padding-top: 0.25rem;
}

.arrow-top::before {
content: url("img/up-arrow.svg");
display: inline-block;
width:2.0rem;
height:2.0rem;
color: #002b38;
opacity: 0.5;
}

.arrow-top.cd-is-visible {
visibility: visible;
opacity: 0.5;
}
.arrow-top.cd-fade-out { opacity: 0.7; }
.arrow-top:hover { opacity: 1; }

/*--------------------*/
.hidden { visibility: hidden  !important; }

.hide {
position: absolute;
left: -9999px;
top:0;
visibility: hidden  !important;
}

td.right {
text-align:right;
font-style:italic;
}

.bitpw3{
background: transparent url(img/bitpw3.jpg);
background-size: cover;
padding: 20px 10px;
}
.march81{
background: transparent url(img/march81.jpg);
background-size: cover;
padding: 20px 10px;
}


.div_backgr1 {
background: transparent url(img/flag2.jpg) center center no-repeat ;
font-style: italic;
font-weight: bold;
text-align:center;
padding: 60px 10px;
color: #2c4669;
}

.memory {
text-align: center;
max-width: 75%;
background-color:#efefef;
display: block;
border: 0.25rem solid #000;
padding:0.5rem 0.75rem;
margin: 0 auto;
}

.memory1 {
    display: inline-block;
    border: 1px solid #000;
    padding:1px 2px;
}

.agenda {
width:100%;
border: 1px solid #ccc;
 }
.agenda td {
vertical-align: top;
padding: 0.25rem;
}
.agenda td:first-child {
min-width: 2.0rem;
white-space: nowrap;
}

/*-------------- */
#main_dropdown {
display: none;
padding: 1.0rem;
font-family: var(--header-font);
}

a.menu {
padding-left:1.5rem !important;
background: left transparent url(svg/menu.svg) no-repeat;
background-size: 1.0rem;
}

a.earth {
padding-left:1.5rem !important;
background: left transparent url(svg/arrow-switch.svg) no-repeat;
background-size: 1.0rem;
}



/*-------------- */
#ckeditor_body {
padding:0.5rem !important;
background-color: #fff;
}
#ckeditor_body a {
    text-decoration: underline;
}

.clearfix::before {
  content: "";
  display: table-cell;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}


/*--------------------*/
a.pdf-this {
padding-left:1.25rem !important;
background: left transparent url(svg/pdf.svg) no-repeat ;
background-size: 0.8rem;
}

a.word-this {
padding-left:1.25rem !important;
background: left transparent url(svg/word.svg) no-repeat ;
background-size: 0.85rem;
}

a.zip-this {
padding-left:1.25rem !important;
background: left transparent url(svg/zip.svg) no-repeat;
background-size: 0.85rem;
}

a.video-this {
padding-left:1.25rem !important;
background: left transparent url(svg/video.svg) no-repeat ;
background-size: 1.0rem;
}

a.youtube-this {
padding-left: 1.25rem !important;
background: left transparent url(svg/youtube.svg) no-repeat ;
background-size: 1.0rem;
}

a.http-this {
padding-right:0.7rem !important;
background: right transparent url(svg/link-icon.svg) no-repeat;
background-size: 0.45rem;
}

a.img-this {
padding-left:1.25rem !important;
background: left transparent url(svg/image.svg) no-repeat ;
background-size: 0.9rem;
}


a.excel-this {
padding-left:1.25rem !important;
background: left transparent url(img/excel.svg) no-repeat ;
background-size: 0.9rem;
}

a.zoom-this {
padding-left:1.25rem !important;
background: left transparent url(svg/zoom.svg) no-repeat ;
background-size: 1.0rem;
}


/*--------------------*/
.text-bred {color: #681200;}
.text-red {color: #990033;}

.bgb {background-color: #99ccff !important;}
.bgo {background-color: #558391 !important;}
.bgr {background: #ffeeee !important;}
.bred {border: 1px solid #ffcccc;}
.bblack {border: 1px solid #000;}