ИСТОРИЯ И МЕТОДОЛОГИЯ УП / Завдання 4 Методичні підходи до управління проектами / Системная методология управления проектами и программами._files / style

* {
margin: 0;
padding: 0;
outline: 0 none;
}

html, body {
font-family: Calibri, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
body {
margin: 0;
width: 100%;
min-height: 100%;
}


: : -moz-selection {
background: #ff3333;
text-shadow: none; }

: : selection {
background: #ff3333;
text-shadow: none;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ededed;
margin: 1em 0;
padding: 0;
}

audio, canvas, img, svg, video {
vertical-align: middle;
}

fieldset {
border: 0;
margin: 0;
padding: 0;
}

textarea {
resize: vertical;
}

.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}

a {
color: #AD0011;
/*color: #ff3333;*/
font-weight: 500;
}

a:hover {
color: #cc0000;
}

ul, ol, li {
list-style-position: inside;
}


h1, h2, h3, h4, h5, h6 {
font-family: Calibri, Arial, sans-serif;
font-weight: 400;
}
p, .text {
font-family: Georgia, serif;
font-weight: 500;
}
h1, h2, h3, h4, h5, h6, p {
padding: 0;
}

h1 {
margin: 8px 0 32px;
}
h1 big {
font-size: 1.05em;
}
h2, h3 {
margin: 4px 0 24px;
}

h4, h5, h6 {
margin: 2px 0 16px;
}

/*
h1 {
font-size: 56px;
line-height: 64px;
}
h2 {
font-size: 48px;
line-height: 56px;
}
h3 {
font-size: 42px;
line-height: 48px;
}
h4 {
font-size: 36px;
line-height: 40px;
}
h5 {
font-size: 32px;
line-height: 36px;
}
h6 {
font-size: 24px;
line-height: 32px;
}
*/
h1 {
font-size: 40px;
line-height: 44px;
}
h2 {
font-size: 36px;
line-height: 40px;
}
h3 {
font-size: 32px;
line-height: 36px;
}
h4 {
font-size: 28px;
line-height: 32px;
}
h5 {
font-size: 24px;
line-height: 28px;
}
h6 {
font-size: 20px;
line-height: 24px;
}
a.closer-icon {
position: absolute;
top: -32px;
right: -32px;
width: 64px;
height: 64px;
overflow: hidden;
/*background-color: red;*/
color: transparent;
opacity: .8;
/*border-radius: 32px;*/
/*background-image: linear-gradient(#f66,#900);*/
}

a.closer-icon:hover {
opacity: 1;
cursor: pointer;
}
a.closer-icon::before {
content: "\274C";
color: #AD0011;
/*color: white;*/
position: absolute;
cursor: pointer;
text-align: center;
width: 64px;
height: 64px;
font: 64px/64px sans-serif;
/*font: 32px/64px sans-serif;
text-shadow: 0 -1px 1px #600;*/
}
a.closer-smallicon {
content: "\274C";
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
overflow: hidden;
/*background-color: red;*/
color: transparent;
opacity: .8;
/*background-image: linear-gradient(#f66,#900);*/
}
a.closer-smallicon:hover {
opacity: 1;
cursor: pointer;
}
a.closer-smallicon::before {
content: "\274C";
color: #AD0011;
/*color: white !important;*/
position: absolute;
cursor: pointer;
text-align: center;
width: 32px;
height: 32px;
font: 32px/32px sans-serif;
/*font: 16px/32px sans-serif;*/
/*text-shadow: 0 -1px 1px #600;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/*
a.closer-icon,a.closer-smallicon {
background-color: #fff;
background-image: linear-gradient(#fff,#fcc);
}
/ * Safari only override * /
::i-block-chrome,a.closer-smallicon {
background-color: #fff;
background-image: linear-gradient(#fff,#fcc);
}
::i-block-chrome,a.closer-icon {
background-color: #fff;
background-image: linear-gradient(#fff,#fcc);
}
*/
}

#header {
height: 80px;
background-color: rgba(255,255,255,.95);
width: 100%;
top: 0;
position: absolute;
left: 0;
z-index: 600;
}

.header-body {
height: 40px;
padding: 20px 64px;
width: auto;
line-height: 48px;
}
.header-logo {
background-image: none;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
color: #c00;
float: left;
font: bold 40px/1 Calibri;
letter-spacing: -4px;
text-indent: 36px;
margin: 2px 0 0;
width: 136px;
}
.header-logo-svg {
float: left;
display: none;
}
#svg1 {
display: inline-block;
background: url('../files/img/iTeam-symbol-36x36-c00.png') no-repeat center center;
/* This hides bg-image in modern browsers except IE9 */
background: linear-gradient(transparent, transparent);
/* This hides bg-image in IE9 */
background-position: -1000vh 0;
}
.iteam_logo_png_36 {
/*background: scroll transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAkFBMVEUAAAC/AADLAADLAADLAADMAADMAADMAADLAADLAADbAADNAADMAADLAADMAADNAADLAADRAADMAADMAADLAADMAADMAADLAADMAADKAADJAADMAADMAADLAADLAADMAADLAADMAADLAADMAADPAADNAADMAADNAADMAADMAADLAADNAADMAADNAADLAADMAAB7r4EyAAAAL3RSTlMABFXc7vOIpK5uCV37qDoSwxzgnNgvy4BQRBjnyLWYlHxMQCggz3VI94xnNKAk1KKoZboAAAJ2SURBVFjD7ZbbmpsgEICHgBE06uZgNMnmnM1ms7vl/d+uXwMRC4Ni+/Wu/x3jMMIcmIEOyCimUUTjEYE/YkSlho5gOGQsW4yHH0LtNxYGn19aDLwFobYBSoYe4K+OcHpzDbytIJRabXdNhB2iXEovL5/93vuYyA4mVY8v1y+yh5c1dHDeyF5mZ/CSb2QALAcP00gGEU0BJ5YG7QtcEAOOucAyd4vpZExsAIdJzQEtZ/LReAFwMh3r1PegpNpJmc+J7GH+5H/ScqUx9YYhZiwzXzGNjLF4Cv9BSATn9ZDGUnMuErMsHm8IJ6GNhWwf6Vo0gp3SE6GNRSjhvrnARNdLaGN5VbLb8xLvWmkR2lgWWvbM2YNeb0Mby1bLKr3mpgjDGsuzLLk5ka0SuwZi1/wP6x0ojcrMNUDN128tuukgSE0rMyLkJQTDU6ZWF7McamCNGPBfATFwUYn8XIo8CXFikgvrlzfTM/ZFXxiLPTMy5Lws7U6ktNluUpcsZBvRlcriN9lCGZ1bqkd/MR0t1fkv4cppnoWvnAtm665UbVpcfQ/K1VF9BTgjEwD6pOHZcbbcYhIMYY2oCpgj0nfcwBFR3cEXIk1xAymi+oWeAB0pdbycQN4Rqad7fiOqdyhd4QI8UCwK4E6GB5+Byp0a1aNuwe4EdyLD47WTDss6cdpnukSCqD5xbBaMV61jkNOOIUo80Z/36IBNj00GUXTw3ptf5BwzEenh/jPCtvMc2hT1tRK5lVWZGf9azHNRXesCAhw9Q4qQjaCTImtXu+nmmsl8DX2U3HoeTcVPshJCuIw3sj3zEGWSji8QTHnYZmkTJZJm26qEf8NP83dC0Inv0m4AAAAASUVORK5CYII=') left center no-repeat;*/
background: scroll transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAApVBMVEUAAADMAADLAADMAADLAADLAADLAADLAADIAADMAADMAADLAADOAADNAADLAADLAADLAADLAADMAADLAADLAADMAADJAADLAADLAADOAADMAADLAADLAADMAADLAADLAADLAADPAADLAADMAADMAADLAADMAADMAADLAADMAADRAADMAADLAADLAADMAADLAADJAADMAADMAADLAADMAADKAADMAADjP1oKAAAANnRSTlMA/AMU+vObIQhkPzAKBvfg28O4pHQnDuhSG+u+j0tEODQY79TPrZSIgVkQ4siFfG9gLMuzqqAECNgXAAABwklEQVQ4y61U15bCIBAlGFKMmq7GJBp778r/f9rSAmE1+7T3hcvMhSlnAOgYXk8I5TcH/IH5CVMYUadd039igbhdNDVqkem1SIZJgCWW7te8xkesYVl+SA6WDCVDFr8u60T4E0bc00QFty5q/4gvV03kU1Ne3X3uXNndJV1DTbQh11jk8uztm4Og6JAE1gY2Er38c+j2KYGHLDswU+8aJg74f3Q2j6Rfh72FaBGNnXq7e5x5G2KStCv0ucFasT7w/ZZsdswxIezNp+CFBSwuCmk76FUeIozXOjNr0SBlBov2Navnoyu6xSFP7ZleEMwnMSJMi+dRSkfLpcSGvASJM8uxi0WUMSXBcwYpZRAeOM19Su9qZs0dBL1VrQkhcApT1qAcLsnhKKYyBXBX2yMH3GSEYAiAvR6Z5tGaEzaRE1qClxpEWgbM0nQOeaqq0pPa7EEDF2XPQaRVpOAq+7pxYqK9bQ/JNNxGgoOkoZpvTVkQKWOvjgTWHbJOV5YvA4xYFmXYeJBbMn5ObChLNAMM0C67rnhpC5tMzIBzfzwtM32I4wXLXopGmy+fFEwLH6EtJCnFCAUXG7Z8PpXHPE5Vab/AD4y6cxm3As8zAAAAAElFTkSuQmCC') left center no-repeat;
background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
width: 136px;
height: 36px;
display: block;
overflow: hidden;
}
.iteam_logo_text {
background: scroll transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAMAAACbv/lKAAAAnFBMVEUAAADMAADLAADLAgHLAADMAwHMAwHMAADLAADMAADLAgHMAwHMAADLAQHMAgLLAgHLAADLAQHMAgHMAADMAADLAADLAADMAADLAQHLAADLAADMAQHMAADMAADLAADLAQDMAADLAADLAADMAgHMAADMAADLAADLAQDMAADLAADMAgHLAADLAQDMAADLAADPEg3LAQDLAADMAQDMAABLrhXfAAAAM3RSTlMA/PUPjAIR+GTOJwbjQB8ZoS0JsOjtfPAVwbcj3KeYMpJYvAzVrHVIyW9gTjfEg2lDaTxltCaaAAADNUlEQVRIx7WVB47bMBBFrUIVUr1Sq2arV8fl/ncLh7KSTbIOkF3nAwJGQ/JpSH0MD/9ZqJY+EHkF2e3kP3W+oK+jlcgQP1D1grKtQrx/oNh7QdXn+CO07r3irKPcB60xR/K4LW7o8AIRSQHNOiMLo8LlvYhsU9i9ydHanq3tFOOU7t9AngIJbD0ySLEpOSCiWDi1agQZwiak9ruiSBk5zpX+ikbp3LW6ka1HrfTg3TY12V8bo6mKq6mwjHtui96zTnKV6X5kSsgrJ2fIdOcKCzZZx5j5YfoFjRYnUx9OqU41ez/qonDfJA4jPXjs5wvJIhs8q66TPfvxY0G/+9Z9g1H5JxrIbz8NKQw9onII4Z7JJiI5KqP4wZ7Sz5W6x1X6HF22KouCKl+BqPrYytW7GhpZZoQAEN5cxYFAvQtxEAuQCkX2BLwiUUPP0DavsZmwhTuDRWGnTFUiT5fSXaY3QAYaoGEo12Zt3Y7KOJ7mboDIV56hbzBXPcHfUFoYzO0aY4lALWQ2YNbZ3qrOsYdIyU8rGCkh9QmGs/QJmmgwnGz/eRIhLt/1BV7X0eLobOZbz2FhbkGIfagfP0FLZ8A5FxN0hVi/cNsQj8nm6GJDJzZHdHDAkQQhLf6ChlGYGnJxQzU9Oxq31zqmMfsT/e0nWjn+DW3l999UuaQ860YYM4XqV9Atd36wyxg0OlcizOL6ctXO6YduipkASGySJGnEL6Btftb5u1umjkJwV9Qv5TI3n0bvDgneGY4WMMWniMkePo3efS0kLnr0XEQdvg/eAs3NIemn0KjkGXXoTIxNrfC7VOb7GC1ia7oA6Lb8FPrgXbOtewasHzFoM2sGN03WZPFmlKH/J/Rt2DufFBmcsDdMs/QBxKVmEGanDU05YnqC5ldByK6C1BFZtueWuFbBDg/XUSKzv31MCPw+h430UcBwjsQRiwHN0OMrO2Ym3drQ5Ca3bWSz4HJs226rw1vGotKbRq/y6KKgA3HHfG2aNR9dguXKH20ctb58e5hzzNsz3q7MUm5z+MrGpmkqIQjsNK3R7mVaXvr+UloS4Utqa+n7BS5YREssISSlmO7el6xUQTttg3wHfuDBDr/P9ikAAAAASUVORK5CYII=') right center no-repeat;
/*
background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
-webkit-background-size: contain;
-moz-background-size: contain;
*/
color: transparent;
width: 100px;
height: 36px;
font: bold 40px/1 Calibri;
letter-spacing: -4px;
text-indent: 12px;
padding: 0;
margin: 0;
float: right;
display: block;
overflow: hidden;
opacity: .2;
transition: opacity 0.5s linear 0s;
}
.header-logo:hover .iteam_logo_text {
opacity: 1;
}
.minified .header-logo {
}
.minified .header-logo .iteam_logo_png_36 {
width: 36px;
margin-right: 100px;
}
.minified .header-logo .iteam_logo_text {
color: transparent;
display: none;
}

.slowdown {
animation: slowdown 0.5s 1 linear;
}
@keyframes slowdown {
from { top: -300px; }
to { top: 0;}
}
.slowup {
animation: slowup 0.5s 1 linear;
top: -300px !important;
}
@keyframes slowup {
from { top: 0px; }
to { top: -300px;}
}

.header-logo: first-letter {
font-size: 44px;
}

.header-subscribe {
display: none;
float: left;
margin-left: -50px;
font: 32px/1.2 sans-serif;
}
.header-subscribe .toggle_box {
position: absolute;
top: 80px;
background-color: #fff;
box-shadow: 0 0 4px #ccc;
padding: 20px;
width: 220px;
}
.header-subscribe .toggle span {
line-height: 24px;
font-size: 18px;
border-bottom: 1px dotted;
}
/*
.header-subscribe:hover .toggle_box {
display: block;
}
*/
.minified .header-subscribe {
display: block;
}
.toggle {
cursor: pointer;
}
.toggle_box {
display: none;
}

.header-nav {
/*color: #c00;*/
color: #AD0011;
float: left;
font-size: 24px;
font-weight: bold;
font-family: Calibri, Arial, sans-serif;
line-height: 48px;
margin-left: 40px;
margin-top: -20px;
}

/*
.slowup .header-nav {
left: -360px !important;
transition: left 0.5s linear 0s;
}

.slowdown .header-nav {
left: -320px;
}
*/

.minified .header-nav {
position: fixed;
top: 0;
width: 360px;
/*width: 480px;*/
/*background-color: #eee;*/
background-color: #eee;
left: -360px;
/*left: 0px;*/
padding: 0;
margin: 0;
height: 100vh;
/*overflow: hidden;*/
/*overflow: auto;*/
}
.minified .header-nav-css {
transition: left 0.5s linear 0s;
}
/*
.minified .header-nav ul {
display: none;
}
.minified .header-nav:hover {
left: 0px;
}
.minified .header-nav:hover>ul {
display: block;
}
*/
.minified .header-nav-css ul {
display: none;
}
.minified .header-nav-css:hover {
left: 0px;
overflow: auto;
}
.minified .header-nav-css:hover>ul {
display: block;
}
.minified .header-nav>ul>li>a.active, .minified .header-nav>ul>li>a.active:hover,
.minified .header-nav>ul>li>a, .minified .header-nav>ul>li>a:hover {
border-bottom: 0 none;
padding: 0;
}
.minified .header-nav .dropmenu {
display: block;
position: relative;
top: -10px;
}
/*
.minified .header-nav::before {
display: block;
position: absolute;
top: 16px;
right: -20px;
content: "\2261";
color: #AD0011;
font: bold 42px/1.2 sans-serif;
cursor: pointer;
}
.minified .header-nav:hover::before {
display: none;
}
*/
.minified .header-nav-css::before {
display: block;
position: absolute;
top: 16px;
right: -20px;
content: "\2261";
color: #AD0011;
font: bold 42px/1.2 sans-serif;
cursor: pointer;
}
.minified .header-nav-css:hover::before {
/*display: none;*/
visibility: hidden;
}
.header-nav-js .before {
display: none;
}
.minified .header-nav-js .before {
display: block;
position: absolute;
top: 16px;
right: -20px;
content: "\2261";
color: #AD0011;
font: bold 42px/1.2 sans-serif;
cursor: pointer;
}

.minified .header-nav ul li {
float: none;
clear: both;
/*
width: 130px;
margin: 10px 0px 10px 20px;
*/
height: auto;
}

.minified .header-nav ul li .dropmenu li:hover .submenu {
display: none;
position: fixed;
left: 320px;
margin-top: -48px;
}


.header-nav ul li {
list-style: none;
display: block;
float: left;
height: 40px;
margin: 20px;
}
.header-nav ul li a {
text-decoration: none;
display: block;
padding: 0 0 8px;
font-family: Calibri, Arial, sans-serif;
}
.header-nav ul li a:hover {
border-bottom: 4px solid #ccc;
}
.header-nav ul li a.active {
border-bottom: 4px solid #c00;
}
.header-nav ul li:hover a.active {
border-bottom: 4px solid #eee;
}
.header-nav ul {
}


.header-nav ul li a.link_articles::before {
margin: 0 8px 0 0;
font-size: 20px;
content: "\1F4C3";
}
.header-nav ul li a.link_news::before {
margin: 0 8px 0 0;
font-size: 20px;
content: "\1F4C6";
}
.header-nav ul li a.link_books::before {
margin: 0 8px 0 0;
font-size: 20px;
content: "\1F4DA";
}
.header-nav ul li:hover .dropmenu {
display: block;
}
.header-nav ul li .dropmenu {
display: none;
position: absolute;
/*left: 0;*/
top: 80px;
background-color: #eee;
margin: 0;
padding: 10px 0 20px;
width: 320px;
}
.header-nav ul li .dropmenu li {
float: none;
clear: both;
height: auto;
margin: 0;
}
.header-nav ul li .dropmenu li a {
color: #000;
font: normal 14px/1.2 sans-serif;
margin: 0 0 -10px;
padding: 16px 24px;
min-height: 16px;
}
.header-nav ul li .dropmenu > li:hover > a,
.header-nav ul li .dropmenu > li > a:hover {
border: 0 none;
background-color: #ddd;
}

.header-nav ul li .dropmenu > li:hover > a:before {
content: "";
position: absolute;
right: 0px;
width: 0px;
height: 0px;
border-right: 10px solid #ccc;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}

.header-nav ul li .dropmenu li .submenu {
display: none;
width: 320px;
padding: 0 0 10px;
background-color: #ccc;
position: absolute;
left: 100%;
margin-top: -38px;
}
.header-nav ul li .dropmenu li.tobottom .submenu {
bottom: 0px;
}
.header-nav ul li .dropmenu li:hover .submenu {
display: block;
}
.header-nav ul li .dropmenu .submenu li a:hover {
background-color: #eee;
border: 0 none;
}

.header-auth {
margin-left: 32px;
}
.header-auth i {
margin-top: 12px;
}
.header-auth a {
color: #000;
}
.header-auth .header-auth-toggle {
position:fixed;
top: 0px;
right: 0px;
display: none;
width: 40px;
height: 100px;
}
.header-auth-menu::before {
content: "";
position: absolute;
width: 0px;
height: 0px;
top: 60px;
border-bottom: 20px solid #eee;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
right: 56px;
}
.header-auth:hover .header-auth-toggle {
display: block;
}

.header-auth .header-auth-block {
position:absolute;
top: 80px;
right: 0px;
padding: 20px;
background-color: #eee;
}

.header-search {
margin-left: 32px;
}
.search-form {
position: relative;
padding-left: 32px;
}
.search-form input {
border: none;
border-bottom: 1px solid #ccc;
/*background: url("https://www.google.com/cse/static/ru/google_custom_search_watermark.gif") 0% 50% no-repeat transparent;*/
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAQCAMAAABk68DuAAAAXVBMVEUAAACUlJSTk5P6+vrNzc3t7e3T09Pf39/z8/PZ2dnx8fGsrKz8/Pzj4+PW1tbKysq1tbXi4uLCwsK+vr7+/v7o6Ojl5eW5ubmysrL39/fGxsb19fXPz8+6urqoqKjc9aIdAAAAAXRSTlMAQObYZgAAAdtJREFUSMftVIdq7DAQHPXi3suV///MZxVnQwjkIC8QQwbd7loeWRqNdPjDb4ToaimNwCcYzT7hKvC9Vsq0j0+VuFbFLA9A4sfAwL/tx3APSZkSKDd8gGn90V2i3IOWOCVjnON/g7Nvf3MqbK7KqpbN8SAqM3uUk9N3b1qLrm6M6pEdYWFa/ELotsxVN1gxrBCN2qQWRtp+FV0r6masn572LothsWCcnbp46oghW3f0BULgxDJSiRu+E4fnIvQla3iipnEvnrx+HbMhvQamZ1c1gHJV76AK37W+15122bVTBLU8X8oxpEzmfWTjLNKSD8Ex0pvUgk5SyV9wpFBHnLWcHxIQT+lCcs1jgFrtIeQh1QYCCaGW5uFv7c2R8zUnanaUPI2Lj5F0J2n5KbG+hC+GMqy8qIYFuC1VJQWEdmq5NwZTK/pW4AQdLdq6XPMz0JkhKrlAI7MQnvSd55OInBH1pb8XUyzzTbhnpQqp6n30jbyp5gaxF/PxclbFWhtBQs4fI3feXQ9OIfbm63FSeWBlz9h7ZeRIGkw7kagMX2Ma1qHRtYXXrhOAdfW8YZL3pfDWzVByrwSugHGzm0gVzjQtahT9jsujXgWgJS4Puwxaa4vrQ1RGXeNmBPwDLPUP3IdhA24AAAAASUVORK5CYII=") 0% 50% no-repeat transparent;
color: #444;
width: 200px;
}
.search-form input:blur {
width: 200px;
transition: width 0.5s linear 0s;
}
.search-form input:focus {
border-bottom: 1px solid #c00;
background: none 0% 50% no-repeat transparent;
color: #111;
width: 400px;
transition: width 0.5s linear 0s;
}
.search-form button {
border: none;
background-color: transparent;
position: absolute;
left: 0;
bottom: 8px;
}
#layout {
background-color: white;
height: auto;
min-height: 100vh;
padding: 80px 0 100px;
margin: 0 360px 0 0;
position: relative;
box-sizing: border-box;
}
#footer {
background-color: white;
position: absolute;
bottom: 0px;
height: 80px;
margin: 0 360px 0 0;
width: 100%;
z-index: 580;
}
.footer-body {
background-color: white;
border-top: 1px solid #ededed;
width: 720px;
max-width: 80%;
margin: 0 auto;
height: auto;
padding: 20px 0;
position: relative;
}
#sidebar {
background-color: #fafafa;
position: absolute;
bottom: 0px;
top: 0px;
right: -360px;
width: 360px;
padding: 100px 0px 0px;
box-sizing: border-box;
z-index: 590;
}
#sidebar .sidebar_wrapper {
/*padding: 40px;*/
}
#sidebar .sidebar_wrapper .widget {
padding: 0 40px;
margin: 0 0 24px;
}
#sidebar ul {
/*list-style: none;*/
list-style-position: inside;
}
#sidebar ul, #sidebar p {
font: normal 0.8em/1.4 sans-serif;
margin: 0 0 16px;
}
#sidebar h3 {
}

#sidebar .widget_target h3 {
color: #fff;
margin-top: -100px;
margin-bottom: 40px;
}
#sidebar .widget_target h3 a {
color: #fff;
text-decoration: none;
}
#sidebar .widget_target p.tac a img {
width: 360px;
margin: -20px -40px 0px;
}

#sidebar .sidebar_fixed {
position: fixed;
top: 0;
background-color: #ffe;
width: 360px;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
padding: 20px 0;
}

.sidebar-share {
position: fixed;
bottom: -440px;
right: 0px;
background-color: #fff;
box-shadow: 0 0 10px #eee;
width: 360px;
height: 400px;
overflow: hidden;
padding: 20px;
}
.sidebar-share form, .sidebar-share div {
margin: 0 0 32px;
}
.end .sidebar-share {
bottom: 0px;
transition: bottom 0.5s linear 0s;
z-index: 880;
}

#sidebar_share h5,
#sidebar_share p {
margin: 0 0 4px;
}
#sidebar_share .material-icons {
font-size: 18px;
color: #ad0011;
}
#sidebar_share div {
margin: 0 0 24px;
}

#main {
background-color: white;
}

.container {
width: 680px;
margin: 10px auto;
padding: 20px;
position: relative;
}
#promo_news{
background-color: #ffe;
position: relative;
margin-top: -20px;
}
#promo_news .media_list {
/*max-height: 250px;*/
overflow: hidden;
position: relative;
}
#promo_news .list_item {
/*float: left;
clear: none;
margin: 0;*/
border: 0 none;
/*height: 200px;*/
position: relative;
}
#promo_news .list_item:hover {
background-color: transparent;
}
#promo_news .list_item_text {
/*display: none;*/
font: 12px/16px sans-serif;
max-height: 32px;
overflow: hidden;
}
#promo_news .list_item_title {
font: 16px/24px sans-serif;
}
#promo_news .list_item_preinfo {
font: bold 16px/24px sans-serif;
}

#promo_news .list_item_text::after {
content: "";
width: 100%;
height: 32px;
background-image: linear-gradient(transparent,#ffe);
overflow: hidden;
position: absolute;
bottom: 16px;
}

.promo_news_js1 .container::before {
content: "{";
position: absolute;
margin-top: 70px;
font-size: 100px;
cursor: pointer;
color: #fec;
}
.promo_news_js1 .container::after {
content: "}";
position: absolute;
margin-top: 70px;
font-size: 100px;
cursor: pointer;
right: 10px;
color: #fec;
}

.promo_news_js .before,
.promo_news_js .after {
position: absolute;
top: 70px;
/*margin-top: 70px;*/
font-size: 100px;
cursor: pointer;
color: #fec;
}
.promo_news_js .after {
right: 10px;
}

.promo {
/*background-color: #c00;
padding: 20px 0;
color: #fff;*/
background-color: #e0e1e2;
margin: -10px 0 0;
}
.promo .container {
padding: 0;
margin: 0px auto;
overflow: hidden;
}
.article table {
margin: 0 20px 20px;
max-width: 100%;
border-collapse: collapse;
border-color: #ccc;
}
.article tbody, .article tr {
border-color: #ccc;
}
.article th,
.article td {
padding: 10px;
border-color: #ccc;
}
.article table p {
padding: 0 0 10px;
text-align: left;
}
.article p {
padding: 0 0 24px;
text-align: justify;
}
.article blockquote {
padding: 24px 0;
margin: 0 -32px 32px;
font-style: italic;
color: #888;
position: relative;
text-align: justify;
}
.article blockquote:hover {
color: #222;
}
.article blockquote::before,.article blockquote::after {
position: absolute;
font-size: 96px;
color: #fed;
}
.article blockquote::before {
content: "\201E";
left: -48px;
bottom: 48px;
}
.article blockquote::after {
content: "\201C";
right: -48px;
top: 48px;
}
.article blockquote:hover::before,.article blockquote:hover::after {
color: #fc9;
}
.article img {
width: 400px;
max-width: 100%;
display: block;
margin: 20px auto;
}
.article img.zoom-in {
cursor: zoom-in;
}
.gotol {
/* background-color: #a01; */
/* color: #fff; */
/* padding: 16px 32px; */
text-transform: uppercase;
font: normal 13px/1 sans-serif;
}
.gotow {
/* background-color: #a01; */
/* color: #fff; */
/* padding: 16px 32px; */
text-transform: uppercase;
font: normal 13px/1 sans-serif;
}

/*
body#home .media_list {
overflow: hidden;
}
body#home .media_list .list_item {
width: 45%;
margin: 0;
clear: none;
float: left;
height: 400px;
}
body#home .media_list .list_item_preinfo .list_item_author {
max-width: 100%;
}
body#home .media_list .list_item .list_item_text {
height: 200px;
overflow: hidden;
}
body#home .media_list .list_item .list_item_info .list_item_date {
max-width: 100%;
}
body#home .media_list .list_item:nth-child(odd) {
width: 42% !important;
margin-right: 4%;
}
body#home .media_list .list_item:nth-child(odd) {
width: 42% !important;
margin-right: 4%;
}
*/

body#home img.no_zoom {
width: 90%;
margin: 0 auto;
display: block;
}

.media_list .list_item {
margin: -20px -20px 20px;
padding: 20px;
border-bottom: 1px solid #fee;
clear: both;
float: none;
overflow: hidden;
}
.media_list .list_item:hover {
background-color: #fafafa;
}
.media_list .list_item .list_item_title {
clear: both;
float: none;
}
.media_list .list_item .list_item_title sup {
opacity: .1;
}
.media_list .list_item h4 {
font: 24px/30px sans-serif;
margin: 0 0 8px;
}

.media_list .list_item .list_item_info {
font: 14px/20px sans-serif;
color: #888;
margin: 8px 0 0;
}
.media_list .list_item_preinfo {
font: bold 18px/24px sans-serif;
color: #444;
}
.media_list .list_item_preinfo .list_item_author {
display: inline-block;
float: left;
max-width: 60%;
overflow: hidden;
padding-right: 2%;
text-overflow: ellipsis;
white-space: nowrap;
font: bold 18px/24px sans-serif;
color: #444;
}
.media_list .list_item_info .list_item_author,
.media_list .list_item_info .list_item_date {
display: inline-block;
float: left;
max-width: 20%;
overflow: hidden;
padding-right: 2%;
text-overflow: ellipsis;
white-space: nowrap;
}
.media_list .list_item_info .list_item_notes,
.media_list .list_item_info .list_item_viewed {
display: inline-block;
float: right;
max-width: 20%;
padding-left: 2%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.media_list i.material-icons {
font-size: 18px;
line-height: 20px;
display: inline-block;
float: left;
}

h4.author {
text-align: right;
font: 18px/1.2 sans-serif;
color: #666;
}

.parts{clear:both;float:none;font: 20px/24px sans-serif;max-width:80%;text-align:center;margin:20px auto;}
.parts a{
background-color: #eee;
padding: 8px 12px;
font: bold 20px/24px sans-serif;
text-decoration: none;
margin: 0 4px;
}
.parts a:hover{background-color:#ffe;}
.parts a.this{background-color:rgb(204,80,80);color:#fff;}
.parts a.this:hover{background-color:rgb(204,0,0);}

.bar--line-bottom {
box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
.sidebar--desktop {
box-shadow: -1px 0 1px -2px rgba(0,0,0,0.9);
}

._css_min-height-100 {
min-height: 100%;
box-sizing: border-box;
height: 100%;
}
._css_nodecor {
text-decoration: none;
border: 0 none;
}
._css_float--left {
float: left;
}
._css_float--right {
float: right;
}

._css_position--fixed {
position: fixed !important;
}

._css_background-color--yellow {
background-color: yellow !important;
}

.scroll_anchor.active {
background-color: orange !important;
}

body.end {
/*opacity: .2 !important;*/
}

.blur_fon {
position: fixed;
padding: 0px;
margin: 0px;
background-color: rgba(255,255,255,.8);
width:100%;
height:100%;
left:0%;
top:0px;
z-index: 880;
}

#goodbye {
display: none;
z-index: 990;
text-align: center;
}

#goodbye .goodbye_content {
padding: 20px;
margin: 100px auto;
background-color: #eee;
width:320px;
z-index: 999;
box-shadow: 0 0 80px #888;
position: relative;
}
._404 .title {
font-size:144px;
}
.search {
overflow: hidden;
width: 640px;
}

#crumbs, #crumbs a, #crumbs span {
font: normal 13px/1.2 sans-serif;
color: #666;
}
#crumbs span.crumb_separator {
/*font: normal 13px/1.2 sans-serif;
color: #666;*/
padding: 0 4px;
}

@media (max-width: 1199px) {
#layout {
margin: 0;
overflow: hidden;
}
#footer {
margin: 0;
}
#sidebar {
right: -320px;
transition: right 0.5s linear 0s;
}
#sidebar .sidebar_wrapper {
visibility: hidden;
transition: visibility 0.5s linear 0s;
}
#sidebar .sidebar_wrapper::before {
content: "\02FF";
font-size: 64px;
position: fixed;
top: 100px;
right: 10px;
visibility: visible;
color: #ccc;
transition: right 0.5s linear 0s, visibility 0.5s linear 0s;

}
#sidebar:hover {
right: 0px;
transition: right 0.5s linear 0s;
}
#sidebar:hover .sidebar_wrapper {
visibility: visible;
transition: visibility 0.5s linear 0s;
}
#sidebar:hover .sidebar_wrapper::before {
visibility: hidden;
transition: right 0.5s linear 0s, visibility 0.5s linear 0s;
right: 330px;
}

.header-nav {
position: absolute !important;
/*display: none;*/
top: 0;
width: 360px;
background-color: #eee;
left: -360px;
padding: 0;
margin: 0;
height: 100vh;
/*overflow: auto;*/
/*transition: left 0.5s linear 0s;*/
}
.header-nav-css {
transition: left 0.5s linear 0s;
}
.minified .header-nav {
/*display: block;*/
}
.header-nav ul {
display: none;
}
.header-nav-js ul {
display: block;
}
/*
.header-nav:hover {
left: 0px;
}
*/
.header-nav-css:hover {
left: 0px;
overflow: auto;
}
/*
.header-nav:hover>ul {
display: block;
}
*/
.header-nav-css:hover>ul {
display: block;
}
.header-nav>ul>li>a.active, .header-nav>ul>li>a.active:hover,
.header-nav>ul>li>a, .header-nav>ul>li>a:hover {
border-bottom: 0 none;
padding: 0;
}
.header-nav .dropmenu {
display: block;
position: relative;
top: -10px;
}
.header-nav-css::before {
display: block;
position: absolute;
top: 16px;
right: -20px;
content: "\2261";
color: #AD0011;
font: bold 42px/1.2 sans-serif;
cursor: pointer;
}
/*
.header-nav .before {
display: none;
}
.minified
*/
.header-nav-js .before {
display: block;
position: absolute;
top: 16px;
right: -20px;
content: "\2261";
color: #AD0011;
font: bold 42px/1.2 sans-serif;
cursor: pointer;
}
/*
.header-nav:hover::before {
display: none;
}
*/
.header-nav-css:hover::before {
/*display: none;*/
visibility: hidden;
}
.header-nav ul li {
float: none;
clear: both;
height: auto;
}
.header-nav ul li .dropmenu li:hover .submenu {
display: none;
position: fixed;
left: 320px;
margin-top: -48px;
}

.header-subscribe {
}
.minified .header-subscribe {
display: none;
}

}

@media (min-width: 1400px) {
.container {
min-width: 800px;
width: auto;
max-width: 960px;
}
}

@media (max-width: 799px) {
.container {
width: auto;
min-width: 320px;
margin: 10px auto;
padding: 20px 60px 20px 20px;
}

.header-search {
display: none;
}

h1 {
font-size: 40px;
line-height: 44px;
}
h2 {
font-size: 36px;
line-height: 40px;
}
h3 {
font-size: 32px;
line-height: 36px;
}
h4 {
font-size: 28px;
line-height: 32px;
}
h5 {
font-size: 24px;
line-height: 28px;
}
h6 {
font-size: 20px;
line-height: 24px;
}
.hidden-xs {
display: none;
}
#sidebar {
display: none;
}

}

.alert{z-index:99999;/*display:none;*/background-color:#ff3d3d;color:#fff;min-height:32px;/*margin:0 -32px;*/padding:0 32px;position:fixed;top:0;left:0;min-width:100%;font:13px/32px Arial,Verdana sans-serif;}
.alert--css{transition: opacity 5s linear 10s;}
body:hover .alert--css{opacity: 0;}

.close{background-color:#c33;color:#fff;display:block;font:24px/32px sans-serif;height:32px;position:absolute;right:64px;text-align:center;top:0;width:32px;overflow:hidden;text-decoration:none;}
.close:hover{background-color:#900;cursor:pointer;}

.avabox {max-width:100px;}

.captcha label {
width: 220px !important;
}
.captcha img {
width: 80px;
margin: 0;
float: left;
}

form.block label{display:block;margin:0 16px 16px 0;float:left;}
label input{max-width:100%;}

input{/*width:225px;font:normal 16px/1 Arial,Verdana sans-serif;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAANElEQVQ4y2P4//8/AyUYTOzbt8+eHEx9A4h1Nu0NwOdk+hpADJ+2BgxcGAxcOhi4vEAJBgBN07sfT/LenQAAAABJRU5ErkJggg==");*/}
input{outline:0 none;width:100%;height:30px;border:1px solid #ccc;text-indent:4px;font:16px/2 Arial,sans-serif;background-position:95% center;background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;}
input[type="checkbox"]{width:auto;height:auto;}
input[type="submit"]{height:32px;/*padding:4px;*/cursor:pointer;background-attachment:scroll;background-color:#ad0011;background-position:8px center;border:1px solid #ad0011;color:#fff;padding:0 24px;/*text-transform:lowercase;width:auto;*/font:bold 16px/1 sans-serif;height:32px;margin:16px 0 32px;text-indent:0;box-shadow:0 8px 16px rgba(255,255,255,.4) inset;}
input[type="submit"].active,input[type="submit"]:active,.wait{background-image:url("data:image/gif;base64,R0lGODlhEAAQAPECAMzMzPLy8mZmZgAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAEAAQAAACI5SPqcvtD6MCFIhqsQEh5P55G3iRnFiKZ2hdlUvBrUTXtl0AACH5BAUKAAIALAEABQAEAAcAAAIIhB0hy915TAEAIfkEBQoAAwAsAQAFAAkABwAAAhSUNaAgihMCc6PWxuylGr/IHMlSAAAh+QQJCgADACwBAAUADgAHAAACHYQxojJnEZAwDMAXE23X5glU3aWFXORJW+okS3MUACH5BAkKAAMALAEABQAOAAcAAAIdnA0JIy26QAjrgTdjZgnTIX2Wp4kdBG7jgSiMUwAAIfkEBQoAAgAsAQAFAA4ABwAAAheUj6Crwh6CigBKOy+geGvuMdUTIqazFAA7");}
input[type="submit"]:hover{cursor:pointer;/*color:#fff;*/background-color:#c00;box-shadow:0 -8px 16px rgba(0,0,0,.4) inset;}
/*input.save{width:100%;margin:0 0 32px;}*/
input:disabled{background-color:#eee;opacity:0.5;}
input.save{/*background-position:24px center;/ *color:#333;font:bold 16px/1 sans-serif;* /height:64px;margin:16px 0 32px;width:100%;*/}
textarea{padding:10px;/*width:470px;height:220px;*/width:100%;position:relative;border:1px solid #ccc;text-indent:0;font:16px/2 Arial,sans-serif;}

select {background-color:transparent;background-position:4px center;background-repeat:no-repeat;background-attachment:scroll;border:1px solid #ccc;font:16px/2 Arial,sans-serif;height:32px;padding:4px;cursor:pointer;}
option{height:16px;padding:8px;clear:both;display:block !important;float:none !important;}

.inlineblock fieldset{height:32px;}
.inlineblock label {height:32px;margin:0 2px;}
.inlineblock label span {background-attachment:scroll;background-color:#f7f7f7;background-position:8px center;background-repeat:no-repeat;color:#333;cursor:pointer;display:block;font:16px/2 Arial,sans-serif;height:32px;overflow:hidden;padding:0 16px;}

fieldset label span {background-attachment:scroll;background-color:#f7f7f7;background-position:8px center;background-repeat:no-repeat;color:#333;cursor:pointer;display:block;font:16px/2 Arial,sans-serif;height:32px;overflow:hidden;}
fieldset label:hover span {background-color:#eee;}
fieldset label input[type="checkbox"]:checked+span, fieldset label input[type="radio"]:checked+span {background-color:#3f9;}
fieldset label:hover input[type="checkbox"]:checked+span, fieldset label:hover input[type="radio"]:checked+span {background-color:#3f3;}

.wlabel{}
.wlabel fieldset{width:48%;}
.wlabel label{position:relative;width:100%;min-height:32px;margin:0 0 16px !important;}
.wlabel label input,.wlabel label select{/*background-color:#fff;border:0 none;*/height:30px;margin:1px;/*outline:1px solid #CCCCCC !important;*//*width:100%;*/max-width:calc(100% - 3px);}
.wlabel label input[type="checkbox"]{width:auto;height:auto;}
.wlabel label input:focus,.wlabel label select:focus{/*outline:1px solid #999 !important;*/border:1px solid #999 !important;}
.wlabel .lhalf{width:48%;float:left !important;}
.wlabel .rhalf{width:48%;float:right !important;}

#subscribe{z-index:999;}
#subscribe {
background-color: #f7f7f7;
border: 1px solid #cccccc;
bottom: 0;
box-shadow: 0 0 3px #cccccc;
font: 14px/1 sans-serif;
height: auto;
overflow: hidden;
padding: 10px;
position: fixed;
right: 10px;
width: 180px;
}
#subscribe p {
color: #333333;
margin: 10px 0;
}
#subscribe h5 .before {
font: 24px/0 sans-serif;
left: -24px;
position: absolute;
top: 16px;
}
#subscribe h5 .after {
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
}
#subscribe h5 {
background-color: #cc0000;
color: #ffffff;
font: 14px/1 sans-serif;
margin: -10px -10px 10px;
padding: 10px;
text-indent: 32px;
}
#subscribe input {
height: 32px;
margin: 0 0 10px;
width: 100%;
}
#subscribe input[name="email"] {
text-indent: 4px;
}
#subscribe p:last-of-type {
margin: -10px 0 0;
text-align: right;
}
#subscribe p small {
color: #999999;
font: 9px/1 sans-serif;
}