/******--оптимизированная чистка---*******/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
/* sub, */
/* sup, */
tt,
var,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table tr td {
    vertical-align: middle;
}
table {
    border-spacing: 0;
    vertical-align: middle;
}
select {
    color: inherit;
}
input {
    outline: none;
}
/**--общие-настройки------------------------------******/
html,
body,
textarea {
    line-height: 1;
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    height: 100%;
    color: #4b4b4b;
    font-weight: 400;
    background: #fdfdfd;
}

.buttongreen,
.buttongreen_sub,
.buttongray,
.social a,
.exit {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -khtml-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.reading .blok img,
.module_block .blok img,
.main .left .imgs img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.anim,
.slider .butlink a {
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -khtml-transition: all 1s linear;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: all 1s linear;
}
.anim2,
.animpolzun {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -khtml-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.reading .blok:hover img,
.module_block .blok:hover img,
.main .left:hover img {
    filter: brightness(0.95);
    -webkit-filter: brightness(0.95);
    -moz-filter: brightness(0.95);
    -o-filter: brightness(0.95);
    -ms-filter: brightness(0.95);
    cursor: pointer;
}

.main .left:hover .imgs span,
.module_block .blok:hover .imgs span,
.reading .blok:hover .imgs span {
    filter: brightness(0.95);
    -webkit-filter: brightness(0.95);
    -moz-filter: brightness(0.95);
    -o-filter: brightness(0.95);
    -ms-filter: brightness(0.95);

    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

div,
.button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
input,
textarea,
select {
    font-family: "Rubik", sans-serif;
}
body {
    position: relative;
}
a {
    text-decoration: none;
}
h1,
h2,
h3 {
    font-family: "Montserrat";
    font-weight: 500;
}
.page_wrapper {
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    max-width: 100%;
    min-width: 1366px;
    position: relative;
    padding-top: 130px;
    overflow: hidden;
}
.wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1366px;
}
.w768 {
    max-width: 768px;
    display: table;
    margin: 0 auto;
}
.block {
    display: table;
    margin: 0 auto;
}
.noselect {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*-------------------------------------------------------------------------*/
.header > .wrapper {
    background: url(../img/header-bg.png) center 0 no-repeat;
}
.header {
    width: 100%;
    display: table;
    max-width: 100%;
    position: absolute;
    z-index: 200;
    top: 0;
    background: #0b5f9f;
}
.header .blok {
    display: table;
    width: 100%;
}
.header .logo {
    margin: 28px 0 0 66px;
    float: left;
    text-decoration: none;
    padding-bottom: 23px;
}
.header .logo span {
    width: 206px;
    height: 31px;
    opacity: 0.75;
    color: #fdfdfd;
    font-size: 12px;
    line-height: 15px;
    display: table;
    padding-left: 101px;
    padding-top: 5px;
}
.header .right {
    float: right;
    padding: 40px 29px 0 0;
}
.header .right .lang:before {
    width: 16px;
    height: 16px;
    background: url(../img/global.png) 0 center no-repeat;
    background-size: 100%;
    content: "";
    position: absolute;
    margin-left: -21px;
}
.header .right .lang {
    cursor: pointer;
    position: relative;
    color: #b0d8f5;
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    display: block;
}
.header .right .lang:hover {
    color: #d8efff;
}
.header .right .lang:hover::before {
    background: url(../img/global_hover.png) 0 center no-repeat;
    background-size: 100%;
}
.header .right .search:before {
    width: 16px;
    height: 16px;
    background: url(../img/search.png) 0 center no-repeat;
    background-size: 100%;
    margin-top: -1px;
    content: "";
    position: absolute;
    margin-left: -21px;
}
.header .right .search {
    cursor: pointer;
    position: relative;
    color: #b0d8f5;
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    display: block;
    border: 1px solid #b0d8f5;
    padding: 3px 5px 3px 25px;
    margin-left: -25px;
    margin-top: 10px;
    border-radius: 4px;
    padding: 6px 12px 5px 31px;
    border-radius: 12px;
    margin-top: 14px;
    margin-right: 0;
    right: 13px;
    display: table;
    position: absolute;
}
.header .right .search:hover {
    color: #d8efff;
    border-color: #d8efff;
}
.header .right .search:hover::before {
    background: url(../img/search_hover.png) 0 center no-repeat;
    background-size: 100%;
}
.header .right .search.active {
    background: url(../img/close.png) center center no-repeat;
}
.header .right .search.active:hover {
    background: url(../img/close_hover.png) center center no-repeat;
}
.header .search_panel {
    display: none;
    position: relative;
    background: white;
    z-index: 30;
    padding-top: 11px;
    height: 66px;
    width: 100%;
    position: relative;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.header .search_panel .wrapper:after {
    width: 18px;
    height: 9px;
    content: "";
    position: absolute;
    background: url(../img/up.png) 0 0 no-repeat;
    right: 19px;
    top: -18px;
}
.header .search_panel input[type="text"] {
    background: url(../img/search2.png) 20px center no-repeat;
    padding: 0 20px 0 53px;
    float: left;
    font-size: 15px;
    color: #6b6b6b;
    width: 91%;
    height: 45px;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    background-color: #ffffff;
}
.header .search_panel .buttongreen {
    float: right;
    padding-top: 10px;
    margin-left: 15px;
}
.header .search_panel .block {
    width: 1240px;
}

/*-------------------------------------------------------------------------*/
.exit {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333333 !important;
    z-index: 100;
    font-size: 15px;
    cursor: pointer;
    line-height: 16px;
    width: 120px;
    height: 60px;
    padding-left: 45px;
    padding-top: 22px;
    background-color: #f7f5f6;
    display: table;
    position: fixed;
    left: 0;
    background: url(../img/left.png) 20px center no-repeat, #f7f5f6;
    margin-top: -20px;
}
body #button-up {
    position: fixed;
    bottom: 40px;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333333 !important;
    z-index: 100;
    font-size: 17px;
    cursor: pointer;
    line-height: 16px;
    width: 120px;
    height: 60px;
    padding-left: 45px;
    padding-top: 22px;
    background-color: #f7f5f6;
    left: 0;
    background: url(../img/up2.png) 12px center no-repeat, #f7f5f6;
    margin-top: -20px;
    box-shadow: none;
}
#button-up span {
    display: none;
}
#button-up:after {
    content: "Наверх";
}
#button-up:hover {
    background: url(../img/up2_hover.png) 12px center no-repeat, #40be2a !important;
    color: white !important;
}
.exit:after {
    content: "Назад";
}
.exit:hover {
    background: url(../img/left_hover.png) 20px center no-repeat, #40be2a !important;
    color: white !important;
}
/*-------------------------------------------------------------------------*/
.slider {
    position: relative;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    display: table;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 59px;
    z-index: 10;
}
.slider .links a {
    padding: 21px 0 19px;
    cursor: pointer;
    color: #6b6b6b;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    display: table;
    text-align: center;
}
.slider .links > div {
    margin: 0px 31px 0 0;
    float: left;
    position: relative;
}
.slider .links > div.last {
    margin-right: 5px;
    float: right;
}
.slider .links > div.last:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 16px;
    background: url(../img/point3.png) 0 center no-repeat;
    top: 23px;
    left: -10px;
}
.slider .links a.active {
    color: #40be2a !important;
}
.slider .links a:hover {
    color: #40be2a;
}
.slider .links > div:hover > a {
    color: #40be2a;
}
.slider .links > div:hover .more {
    display: block;
}
.slider .links a.hover {
    color: #40be2a;
}
.slider .links {
    width: 1188px;
    margin: 0 auto;
    position: relative;
}
.slider .links div .more {
    display: none;
    background: url(../img/downs.png) center 0 no-repeat;
    position: absolute;
    width: 100%;
    z-index: 1;
    padding-top: 20px;
}
.slider .links div .more .ins {
    position: relative;
    background: white;
    display: table;
    border: 1px solid #e2e2e2;
    margin: 0 auto;
    padding: 15px 0 17px;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.slider .links div .more .ins a {
    padding: 10px 43px 10px 24px;
    white-space: nowrap;
}
.slider .links div .rightversion {
    right: -23px;
    width: auto;
    background-position: 89% 0;
}
.slider .links div .rightversion .ins a {
    padding: 10px 24px 10px 43px;
}
.slider .links div .more .ins > div:hover .morelink:before {
    display: block;
}
.slider .links div .more .ins > div:hover .more2 {
    display: block;
}
.slider .links div .more2 {
    display: none;
    left: 100%;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    background: #fbfbfb;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.slider .links div .more2:after {
    content: "";
    background: white;
    height: 100%;
    left: -11px;
    width: 10px;
    z-index: 1;
    position: absolute;
    top: -1px;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
}
.slider .links div .more2 .ins2 {
    padding-top: 15px;
}
.slider .links div .more2 .ins2 a {
    padding: 10px 31px 10px 28px;
}
.slider .links div .morelink {
    background: url(../img/rightm.png) right 17px center no-repeat;
}
.slider .links div .morelink:before {
    pointer-events: none;
    display: none;
    background: url(../img/rights.png) 0 center no-repeat;
    content: "";
    position: absolute;
    width: 14px;
    height: 25px;
    right: -14px;
    z-index: 2;
    margin-top: -3px;
}
.slider .links div .more a {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    -webkit-box-sizing: border-box;
}
.slider .links div .rightversion .morelink {
    background: url(../img/leftm.png) 20px center no-repeat;
}
.slider .links div .rightversion .morelink:before {
    left: -14px;
    right: auto;
    background: url(../img/lefts.png) 0 center no-repeat;
}
.slider .links div .rightversion .more2 {
    right: 100%;
    left: auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.slider .links div .rightversion .more2:after {
    right: -11px;
    left: auto;
}
/*-------------------------------------------------------------------------*/
.content768 {
    max-width: 768px;
    width: 768px;
    display: table;
    margin: 0 auto;
    padding-bottom: 96px;
}
/*-------------------------------------------------------------------------*/
.standart_class {
    font-size: 18px;
    line-height: 30px;
}
.standart_class a {
    font-size: 17px;
    color: #40be2a;
    text-decoration: none;
}
.standart_class a:hover {
    color: #4b4b4b;
}
.standart_class a.category:hover {
    color: #4b4b4b !important;
}
.standart_class .data {
    color: #a7a7a7;
    font-size: 14px;
}
.standart_class p {
    font-size: 18px;
    line-height: 30px;
}
.standart_class .author {
    font-size: 14px;
}
.standart_class .author span {
    color: #a7a7a7;
}
.standart_class .photo {
    font-size: 14px;
    line-height: 22px;
}

.backgroundpoint > p.photo {
    padding-top: 10px;
}

.standart_class .photo span {
    color: #a7a7a7;
}
.standart_class h1 {
    line-height: 44px;
    font-size: 32px;
    color: #333333;
    padding-bottom: 40px;
    padding-bottom: 28px;
    letter-spacing: -0.32px;
}
.standart_class h2 {
    line-height: 44px;
    padding-top: 27px;
    font-size: 30px;
    color: #333333;
    padding-bottom: 39px;
}
.standart_class h3 {
    line-height: 36px;
    font-size: 24px;
    padding-bottom: 33px;
}
.content768.standart_class a {
    color: #0769ff;
    text-decoration: underline;
}
.content768.standart_class h3 a {
    line-height: 36px;
    font-size: 24px;
}
.standart_class h4 {
    line-height: 29px;
    font-size: 22px;
    color: #333333;
}
.content768.standart_class h4 a {
    line-height: 29px;
    font-size: 22px;
}
.standart_class .img {
    display: table;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 38px;
}
.standart_class .img img {
    position: relative;
    z-index: 1;
    width: 670px;
    vertical-align: top;
    margin-bottom: 2px;
}
.content768.standart_class > img {
    display: table;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
    width: 670px;
    vertical-align: top;
    margin-bottom: 2px;
}
.content768.standart_class p > img {
    display: table;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
    width: 670px;
    vertical-align: top;
    margin-bottom: 2px;
}
.content768.standart_class div > img {
    display: table;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
    width: 670px;
    vertical-align: top;
    margin-bottom: 2px;
}
.standart_class .img.backgroundpoint {
    padding-bottom: 29px;
}
.standart_class .img.backgroundpoint img {
    width: auto;
    max-width: 660px;
    height: 375px;
}
.standart_class .img.backgroundpoint:before {
    /*
    height: 100%;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    background: url(../img/background_point_img.png) 0 0 repeat;
    height: 375px;
    */
}
.standart_class p.txt {
    padding-bottom: 30px;
}
.content768.standart_class > div.p,
.content768.standart_class > p {
    padding-bottom: 30px;
}

.rubrik .right .icon_standart {
    display: none !important;
}
.standart_class iframe {
    width: 670px;
    height: 398px;
    display: table;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 0;
}
.standart_class .videoplayer {
    width: 670px;
    height: 398px;
    display: table;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 5px;
}
.standart_class .videoplayer ~ i {
    margin-left: 0;
}
.rubric .right > h2 {
    display: none;
}
.standart_class .blockquote {
    padding-top: 26px;
    position: relative;
    padding-left: 93px;
    padding-bottom: 51px;
}
.standart_class .blockquote img {
    border-radius: 100%;
    position: absolute !important;
    left: 2px;
    width: 75px !important;
    height: 75px;
    vertical-align: top !important;
    padding-top: 0px !important;
}
.standart_class .blockquote .position {
    color: #aaa;
    font-size: 15px;
    line-height: 20px;
    min-height: 38px;
    padding-top: 2px;
    padding-bottom: 16px;
}
.standart_class blockquote {
    color: #333333;
    font-size: 22px;
    line-height: 34px;
}
.standart_class blockquote:before {
    content: "« ";
}
.standart_class blockquote:after {
    content: " »";
}
.standart_class ol {
    counter-reset: i;
    padding-bottom: 26px;
}
.standart_class ol li:before {
    counter-increment: i;
    content: counter(i);
    border: 2px solid;
    background: white;
    font-size: 30px;
    line-height: 80px;
    color: #40be2a;
    border-radius: 100%;
    vertical-align: middle;
    width: 82px;
    text-align: center;
    height: 82px;
    display: block;
}
.standart_class ol li {
    padding-bottom: 42px;
    font-size: 18px;
    line-height: 30px;
    display: table;
    width: 100%;
}
.standart_class ol li p {
    padding-left: 31px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.standart_class ol li span {
    padding-left: 31px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.standart_class h2.ul_padding {
    padding-top: 35px;
    padding-bottom: 33px;
}
.standart_class ul h3 {
    color: #40be2a;
    line-height: 35px;
    padding-bottom: 2px;
}
.standart_class ul li {
    font-size: 18px;
    line-height: 30px;
    margin-left: 25px;
    list-style: disc;
    /*    padding-bottom: 43px;*/
}
.standart_class ul {
    padding-bottom: 39px;
}
.standart_class b {
    font-weight: 500;
}
::-webkit-input-placeholder {
    color: #a7a7a7;
}
::-moz-placeholder {
    color: #a7a7a7;
}
:-ms-input-placeholder {
    color: #a7a7a7;
}
:-moz-placeholder {
    color: #a7a7a7;
}

.buttonorange {
    float: right;
    margin-top: 12px;
    padding-top: 9px;
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    width: 150px;
    height: 45px;
    border-radius: 5px;
    background-color: #f3ad00;
}
.buttongray {
    cursor: pointer;
    padding: 10px 0 0;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #888888;
    width: 100%;
    height: 36px;
    border-radius: 5px;
    border: 2px solid #999999;
}
.buttongray:hover {
    background-color: #40be2a;
    color: white;
    border-color: #40be2a;
}
.buttongreen_sub {
    text-align: center;
    cursor: pointer;
    width: 200px;
    height: 50px;
    background-color: #4ac127;
    border-radius: 5px;
    color: #ffffff;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 18px;
    line-height: 50px;
}
.buttongreen_sub.disabled {
    background-color: #a4e093;
    cursor: not-allowed;
}
.buttongreen_sub.disabled:hover {
    background-color: #a4e093;
}
.buttongreen_sub:hover {
    background-color: #a4e093;
}
.buttongreen_sub:hover {
    background-color: #f3ad00;
}
.buttongreen {
    cursor: pointer;
    color: white;
    text-align: center;
    width: 96px;
    height: 45px;
    border-radius: 5px;
    background-color: #40be2a;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}
.buttongreen:hover {
    background-color: #f3ad00;
}
a.buttonwhite {
    cursor: pointer;
    display: block;
    -webkit-box-sizing: border-box;
    float: left;
    margin-right: 14px;
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 7px;
    border: 2px solid transparent;
    color: #6b6b6b;
    padding: 11px 18px 12px;
    margin-bottom: 15px;
}
a.buttonwhite:hover {
    color: #40be2a;
}
a.buttonwhite.active {
    border: 2px solid #40be2a;
    color: #40be2a;
}

/*-------------------------------------------------------------------------*/
.reading {
    display: table;
    background: white;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    padding-bottom: 62px;
}
.reading h2 {
    text-align: center;
    font-size: 32px;
    line-height: 37px;
    padding-top: 44px;
    padding-bottom: 35px;
}
.reading .blok {
    background: #fff;
    position: relative;
    width: 370px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    display: inline-block;
    margin: 0 15px 30px;
    vertical-align: top;
    padding-bottom: 35px;
}
.reading .blok img {
    height: 100%;
    height: 214px;
    width: 100%;
    border-radius: 7px 7px 0 0;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}
.reading .blok .imgs {
    border-radius: 7px 7px 0 0;
    height: 214px;
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center 50%;
}
.reading .blok:hover img {
    position: absolute;
    width: calc(100% + 10%);
    height: calc(214px + 10%);
    margin-left: -5%;
    margin-top: -5%;
}
.reading .blok a.category {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #07b1ff;
}
.reading .blok h5 {
    color: #333333;
    font-size: 19px;
    margin-top: 6px;
    line-height: 24px;
    font-weight: 500;
}
.reading .blok h5 a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.reading .blok h5 a:hover {
    text-decoration: none;
}
/*.reading .block .blok > a:hover ~ div h5{text-decoration:underline;}*/
.reading.mini2 {
    border-top: 0;
}
.reading.mini2 .blok > div {
    height: 105px;
}

.reading .blok > div {
    overflow: hidden;
    padding: 17px 20px 0;
    height: 160px;
}
.reading .blok > div:after {
    position: absolute;
    content: "";
    bottom: 35px;
    box-shadow: 0 -10px 20px -6px white inset;
    width: 100%;
    left: 0;
    height: 20px;
    right: 0;
}
.reading .blok .data {
    line-height: 29px;
    font-size: 13px;
    bottom: 7px;
    position: absolute;
}
.reading .blok > div h5 {
    height: 120px;
    overflow: hidden;
}
.reading .block {
    width: 1210px;
}
.rubric .reading.mini .block {
    width: 100%;
}

.intermedia.reading .blok .imgs {
    height: 223px;
}
.intermedia.reading .blok .imgs:before {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 15px;
    top: 15px;
    z-index: 5;
}
.intermedia.reading .blok .imgs.icojpg:before {
    content: "";
    background: url(../img/icojpg.png) 0 0 no-repeat;
}
.intermedia.reading .blok .imgs.icovideo:before {
    content: "";
    background: url(../img/icovideo.png) 0 0 no-repeat;
}
.intermedia.reading .blok .imgs:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background-image: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.6;
    bottom: 0;
    z-index: 1;
}
.intermedia.reading .blok:hover img {
    height: calc(223px + 10%);
}
.intermedia.reading .blok img {
    height: 223px;
}
.intermedia.reading .blok h5 {
    z-index: 10;
    color: #ffffff;
    letter-spacing: -0.19px;
    position: absolute;
    bottom: 23px;
    left: 19px;
    right: 30px;
    overflow: hidden;
    max-height: 72px;
}
.intermedia.reading .blok .data {
    bottom: 14px;
}
.intermedia.reading .blok > div {
    height: 23px;
}

.interactive.reading .blok .imgs {
    height: 169px;
}
.interactive.reading .blok:hover img {
    height: calc(169px + 13%);
}
.interactive.reading .blok > div {
    padding-top: 13px;
    height: 185px;
}
.interactive.reading .blok > div:after {
    position: absolute;
    content: "";
    bottom: 81px;
    box-shadow: 0 -14px 12px -7px white inset;
    width: 100%;
    left: 0;
    height: 10px;
    right: 0;
}

.interactive.reading .blok h5 {
    letter-spacing: -0.19px;
    height: auto;
    margin-bottom: 12px;
    max-height: 50px;
}
.interactive.reading .blok {
    padding-bottom: 82px;
}
.interactive.reading .blok img {
    height: 169px;
}
.interactive.reading .blok .txt {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 0;
    margin-bottom: 10px;
    max-height: 90px;
    overflow: hidden;
}
.interactive.reading .blok .greenbutton {
    cursor: pointer;
    background-color: #40be2a;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    border-radius: 5px;
    color: #ffffff;
    left: 21px;
    width: 148px;
    position: absolute;
    text-align: center;
    padding: 9px 0 12px;
    bottom: 25px;
}
.interactive.reading .blok .greenbutton:hover {
    background-color: #f3ad00;
}

.mapsblok .maps {
    border-radius: 7px;
    width: 100%;
    height: 600px;
    display: table;
}
.mapsblok .maps img {
    height: 100%;
    width: 100%;
}

/*-------------------------------------------------------------------------*/
.social {
    background: url(../img/background_point_img.png) 0 0 repeat;
    border-top: 1px solid #e6e6e6;
    padding: 35px 0;
    width: 100%;
    display: table;
}
.social a {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin: 0 4px;
    cursor: pointer;
}
.social a.vk {
    background-image: url(../img/vk.png);
}
.social a.vk:hover {
    background-image: url(../img/vk_hover.png);
}
.social a.fb {
    background-image: url(../img/fb.png);
}
.social a.fb:hover {
    background-image: url(../img/fb_hover.png);
}
.social a.ok {
    background-image: url(../img/ok.png);
}
.social a.ok:hover {
    background-image: url(../img/ok_hover.png);
}
.social a.twitter {
    background-image: url(../img/twitter.png);
}
.social a.twitter:hover {
    background-image: url(../img/twitter_hover.png);
}
.social a.google {
    background-image: url(../img/google.png);
}
.social a.google:hover {
    background-image: url(../img/google_hover.png);
}
.social a.j {
    background-image: url(../img/j.png);
}
.social a.j:hover {
    background-image: url(../img/j_hover.png);
}
.social a.print {
    width: 140px;
    height: 36px;
}

/*-------------------------------------------------------------------------*/
.commentary {
    padding-top: 50px;
    width: 748px;
    display: table;
    margin: 0 auto;
    padding-bottom: 70px;
}
.commentary textarea {
    padding: 26px 25px;
    outline: none;
    resize: none;
    font-size: 16px;
    width: 100%;
    height: 79px;
    border-radius: 0 15px;
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    line-height: 24px;
}
.commentary .blok {
    display: table;
    width: 100%;
}
.commentary .author {
    color: #333333;
    font-size: 17px;
    line-height: 26px;
    margin-top: 12px;
    margin-left: 29px;
    margin-bottom: 5px;
}
.commentary .author span {
    font-style: italic;
    font-size: 14px;
    padding-left: 6px;
}
.commentary .comment {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 0 15px;
    padding: 26px 30px 21px;
    position: relative;
}
.commentary .comment p {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
}
.commentary .comment a {
    cursor: pointer;
    color: #a7a7a7;
    font-size: 11px;
    line-height: 26px;
    position: absolute;
    right: 19px;
    bottom: 2px;
}
.commentary .comment .avatar {
    position: absolute;
    border-radius: 100%;
    top: 50%;
    margin-top: -30px;
    left: -76px;
}
.commentary .comment .avatar img {
    width: 60px;
    height: 60px;
}
.commentary .buttongray {
    font-size: 14px;
    margin-top: 20px;
    width: 100%;
    padding-top: 13px;
    height: 50px;
}

/*-------------------------------------------------------------------------*/
.subscription {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding-top: 72px;
    padding-bottom: 68px;
    display: table;
    width: 100%;
}
.subscription .wrapper {
    width: 895px;
}
.subscription .block {
    width: 100%;
}
.subscription h4 {
    float: left;
    color: #333333;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}
.subscription .block > div {
    float: right;
    width: 63.4%;
}
.subscription div p {
    color: #6b6b6b;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
    height: 78px;
}
.subscription input[type="text"] {
    float: left;
    border: none;
    outline: none;
    border-bottom: 1px solid #d4d4d4;
    width: 335px;
    color: #a7a7a7;
    font-size: 16px;
    padding-right: 55px;
    line-height: 24px;
    padding-top: 14px;
    padding-bottom: 12px;
}
.subscription input[type="text"].error {
    border-bottom: 1px solid #f3ad00;
    background: url(../img/error.png) 100% center no-repeat;
}
.subscription .buttongreen_sub {
    float: right;
}
.subscription .blago p {
    color: #6b6b6b;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.subscription .blago h4 {
    color: #333333;
    font-size: 32px;
    line-height: 28px;
    display: table;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

/*-------------------------------------------------------------------------*/
.footer {
    background: #f2f2f2;
    padding-top: 40px;
    padding-bottom: 18px;
    border-top: 1px solid #e6e6e6;
}
.footer .wrapper {
    width: 1169px;
}
.footer .breadcrumbs {
    position: relative;
    display: table;
    width: 100%;
    padding-bottom: 45px;
}
.footer .breadcrumbs a:after {
    background: url(../img/breadcrumbs.png) 0 0 no-repeat;
    content: "";
    position: absolute;
    width: 6px;
    height: 17px;
    margin-left: 13px;
    margin-top: 3px;
}
.footer .breadcrumbs a {
    float: left;
    color: #5b5b5b;
    font-size: 12px;
    line-height: 25px;
    margin-right: 31px;
}
.footer .breadcrumbs a:hover {
    text-decoration: none;
    color: #40be2a;
}
.footer .breadcrumbs a.active {
    color: #40be2a;
}
.footer .breadcrumbs a:last-child::after {
    display: none;
}
.footer .breadcrumbs a.noactive:hover {
    text-decoration: none;
    cursor: auto;
    color: #5b5b5b;
}

.footer .link {
    margin: 0;
    padding-bottom: 91px;
}
.footer .link a {
    display: table;
    color: #5b5b5b;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 8px;
}
.footer .link a:hover {
    text-decoration: none;
    color: #40be2a;
}
.footer .link div {
    margin: 0 126px 0 0px;
    float: left;
}
.footer .link div:last-child {
    margin: 0;
}
.footer .link div:nth-child(2) {
    /* margin-right: 167px; */
}
.footer .link div:nth-child(3) {
    /* margin-right: 129px; */
}
.footer .interval {
    display: block;
    height: 36px;
}
.footer .created {
    display: table;
    width: 100%;
    color: #929292;
    font-size: 11px;
    line-height: 16px;
}

/*-------------------------------------------------------------------------*/
.infoarticle {
    line-height: 1.3;
    display: table;
    width: 100%;
    padding-bottom: 14px;
}
.infoarticle .category {
    float: left;
    margin-right: 20px;
    color: #07b1ff !important;
    text-decoration: none !important;
}
.infoarticle .data {
    float: left;
    margin: -2px 20px 0 0;
}
.infoarticle .author {
    float: left;
    margin: -2px 0px 0 0;
}
.infoarticle .photo {
    float: right;
    margin: -2px 9px 0 0;
    line-height: 30px;
}

.mobmenu {
    cursor: pointer;
    display: none;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}
.mobmenu .activited {
    height: 40px;
    width: 100%;
    position: relative;
}
.mobmenu .activited a {
    text-transform: uppercase;
    letter-spacing: 0.42px;
    white-space: nowrap;
    position: absolute;
    color: #40be2a;
    font-size: 14px;
    font-weight: 500;
    padding: 14px 20px;
    display: block;
}
.mobmenu .activited a span {
    text-transform: none;
    font-size: 12px;
    color: #a7a7a7;
    font-weight: 400;
}
.mobmenu .activited:before {
    content: "";
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 33px;
    background: white;
    box-shadow: -15px 0px 21px -6px white;
}
.mobmenu .activited:after {
    pointer-events: none;
    z-index: 2;
    position: absolute;
    content: "";
    right: 25px;
    top: 18px;
    background: url(../img/mobmenu_after.png) 0 0 no-repeat;
    width: 10px;
    height: 5px;
}
.mobmenu .hidemenu {
    overflow: hidden;
    height: 0px;
}
.mobmenu .hidemenu > div {
    overflow: auto;
    height: 100%;
}
.mobmenu .hidemenu a {
    color: #158dd1;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-top: 1px solid #e4e4e4;
    text-transform: uppercase;
    padding: 12px 20px 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: table;
    letter-spacing: 0.42px;
}
.mobmenu .hidemenu a.active {
    background: url(../img/right3.png) 0 center no-repeat;
}
.mobmenu .hidemenu a.plus {
    background: url(../img/plus.png) 97% center no-repeat;
}
.mobmenu .hidemenu a.minus {
    background: url(../img/minus.png) 97% center no-repeat;
}

/*.mobmenu .hidemenu a:last-child{border-bottom: 1px solid #e4e4e4;} */
.mobmenu .hidemenu a br {
    display: none;
}
.mobmenu .hidemenu a.pod {
    background-color: #f8f8f8;
    color: #323639;
    font-size: 11px;
    font-weight: 500;
    padding: 11px 20px 7px;
}
.mobmenu .hidemenu .podmenuafter {
    position: relative;
}
.mobmenu .hidemenu .podmenuafter:after {
    content: "";
    background: url(../img/podmenu_after.png) center 0 no-repeat;
    position: absolute;
    width: 35px;
    height: 16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -16px;
    z-index: 1;
}
/*-------------------------------------------------------------------------*/

.main .left .imgs {
    border-radius: 7px 7px 0 0;
    height: 270px;
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    background-position: center 50%;
    background-size: cover;
}
.main .left .imgs span,
.module_block .blok .imgs span,
.reading .blok .imgs span {
    width: 100%;
    height: 100%;
    background-size: cover;
    display: block;
    background-position: top;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -khtml-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
/*.main .left:hover img{position: absolute;width: calc(100% + 10%);height: calc(270px + 10%);margin-left:-5%;margin-top:-5%;}*/

.main {
    padding-bottom: 50px;
    display: table;
    width: 100%;
}
.main .left img {
    width: 100%;
    height: 270px;
    border-radius: 7px 7px 0 0;
    margin-bottom: 24px;
}
.blocks1171 {
    width: 1171px;
    margin: 0 auto;
    display: table;
}
.main .left {
    float: left;
    background-color: #ffffff;
    width: 525px;
    border-radius: 7px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
}
.main h2 {
    line-height: 30px;
    padding: 27px 30px 0;
    font-size: 22px;
    letter-spacing: -0.22px;
    padding-bottom: 15px;
}
.main .txt {
    line-height: 26px;
    font-size: 16px;
    color: #6b6b6b;
    padding: 0 31px;
}
.main .right {
    float: left;
    width: 531px;
    margin-left: 59px;
}
.main .currency {
    padding-top: 19px;
    color: #333333;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 26px;
    font-family: "Montserrat";
    font-weight: 500;
    padding-bottom: 6px;
}
.main .currency .down {
    background: url(../img/currency_down.png) 0 0 no-repeat;
}
.main .currency .up {
    background: url(../img/currency_up.png) 0 0 no-repeat;
}
.main .currency span {
    padding-left: 17px;
    padding-right: 31px;
}
.main h3 {
    line-height: 37px;
    font-size: 24px;
    padding-bottom: 9px;
    padding-left: 2px;
}
.main .right a {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 24px;
    border-top: 1px solid #f0f0f0;
    display: table;
    padding: 19px 15px 12px 2px;
    max-height: 79px;
}
.main .right a:hover {
    color: #6b6b6b;
}
.main .right a span {
    font-size: 13px;
    color: #a7a7a7;
    line-height: 29px;
    letter-spacing: 0.13px;
    display: table;
    margin-top: 2px;
}
.main .right .info {
    height: 575px /* 445px */;
    overflow: hidden;
}
.main .right .info div {
    height: 100%;
    overflow: hidden;
}

.module_background {
    background-image: linear-gradient(to top, #fdfdfd 0%, #f5f5f5 100%);
    background-image: -moz-linear-gradient(to top, #fdfdfd 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(to top, #fdfdfd 0%, #f5f5f5 100%);
    background-image: -webkit-linear-gradient(to top, #fdfdfd 0%, #f5f5f5 100%);
    background-image: -ms-linear-gradient(to top, #fdfdfd 0%, #f5f5f5 100%);
    border-top: 1px solid #e8e8e8;
}

.module_block h2 {
    line-height: 37px;
    text-align: left;
    font-size: 27px;
    padding-top: 42px;
    padding-bottom: 30px;
}

.module_block .blok2 {
    float: left;
    /* width: 68%; */
    padding-bottom: 20px;
}
.module_block .blok:nth-child(3n) {
    /* margin-right: 0; */
}
.module_block .blok {
    position: relative;
    background: white;
    width: 370px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    display: inline-block;
    margin: 0 15px 30px 0;
    vertical-align: top;
    padding-bottom: 19px;
}
.module_block .blok img {
    height: 100%;
    height: 190px;
    width: 100%;
    border-radius: 7px 7px 0 0;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}
.module_block .blok .imgs {
    border-radius: 7px 7px 0 0;
    height: 190px;
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    background-position: center 50%;
    background-size: cover;
}
.module_block .blok:hover img {
    position: absolute;
    width: calc(100% + 10%);
    height: calc(190px + 10%);
    margin-left: -5%;
    margin-top: -5%;
}

.module_block .blok a.category {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #07b1ff;
}
.module_block .blok h5 {
    color: #333333;
    font-size: 19px;
    line-height: 24px;
    font-weight: 500;
    height: 47px;
}
.module_block .blok h5 a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.module_block .blok h5 a:hover {
    text-decoration: none;
}
.module_block .blok > div {
    overflow: hidden;
    padding: 14px 10px 0 20px;
    height: 160px;
    height: 63px;
}
.twitterblok {
    float: right;
    width: 370px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.twitterblok h4 {
    background: /* url(../img/twitterblok.png) */ 98px center no-repeat, #1da1f2;
    border-radius: 7px 7px 0 0;
    padding-top: 29px;
    line-height: 24px;
    font-size: 19px;
    color: #ffffff;
    letter-spacing: -0.19px;
    font-weight: 500;
    text-align: center;
    /* padding-left: 13px; */
    padding-bottom: 27px;
    margin-top: 0 !important;
}
.twitterblok .iframe {
    width: 100%;
    height: 715px;
    border: 2px solid #1da1f2;
    background-color: #ffffff;
    border-bottom: 0;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
}
.twitterblok .social {
    padding: 17px 0 18px;
}
.twitterblok .social a {
    width: 45px;
    height: 45px;
    background-size: 100%;
}

.module_background h2 {
    line-height: 37px;
    text-align: left;
    font-size: 27px;
    padding-top: 42px;
    padding-bottom: 32px;
}
.module_background.officially {
    padding-bottom: 0;
}
.module_background {
    padding-bottom: 50px;
}
.module_background.reading .blok > div {
    padding-top: 12px;
}
.module_background.territory .blok > div {
    height: 152px;
}

.document {
    padding-bottom: 30px;
}
.document .blok {
    float: left;
    position: relative;
    margin-right: 30px;
    margin-bottom: 20px;
    cursor: pointer;
    background: url(../img/document.png) 20px center no-repeat, url(../img/Path_250.png) 98.1% 87% no-repeat;
    width: 570px;
    height: 107px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    background-color: #ffffff;
    padding: 27px 25px 15px 65px;
}
.document .blok.active {
    margin-bottom: 30px;
    background: url(../img/document.png) 20px center no-repeat, url(../img/Path_250_active.png) 98.1% 87% no-repeat, #fff;
}
.document .blok.active:after {
    background: url(../img/str.png) center center no-repeat;
    height: 16px;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
}
.document .blok.active:hover {
    background: url(../img/document_hover.png) 20px center no-repeat, url(../img/Path_250_active_hover.png) 98.1% 87% no-repeat;
    background-color: #ffffff;
}
.document .blok:hover {
    background: url(../img/document_hover.png) 20px center no-repeat, url(../img/Path_250_hover.png) 98.1% 87% no-repeat;
    background-color: #ffffff;
}
.document .blok.second {
    margin-right: 0;
}
.document .blok h4 {
    line-height: 24px;
    font-size: 17px;
    color: #333333;
    letter-spacing: -0.17px;
}
.document .blok p {
    line-height: 29px;
    font-size: 13px;
    color: #a7a7a7;
    letter-spacing: 0.13px;
}

body #main-doc-header-2,
body #main-doc-header {
    padding: 10px 25px 0px 65px;
    background: url(../img/document.png) 20px 22px no-repeat, url(../img/Path_250.png) 99% 87% no-repeat;
    background-color: lightyellow;
}
body #main-doc-header-2:hover,
body #main-doc-header:hover {
    background: url(../img/document_hover.png) 20px 22px no-repeat, url(../img/Path_250_hover.png) 99% 87% no-repeat;
    background-color: lightyellow;
}
body #main-doc-header-2.active:hover,
body #main-doc-header.active:hover {
    background: url(../img/document_hover.png) 20px 22px no-repeat, url(../img/Path_250_active_hover.png) 99% 87% no-repeat;
    background-color: lightyellow;
}

.document .flymenu {
    position: relative;
    display: block;
    float: left;
    border-radius: 10px 0 10px 10px;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding-top: 26px;
    padding-left: 64px;
    padding-right: 65px;
    padding-bottom: 56px;
}
.document .flymenu .close {
    z-index: 10;
    cursor: pointer;
    background: url(../img/close2.png) 0 0 no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}
.document .flymenu .close:hover {
    background: url(../img/close2_hover.png) 0 0 no-repeat;
}
.document .flymenu div {
    background: url(../img/point_document.png) 0 bottom repeat-x;
}
.document .flymenu div > span {
    display: none;
    padding-bottom: 20px;
}
.document .flymenu p {
    font-size: 17px;
    line-height: 24px;
    color: #333333;
    padding: 20px 20px 25px 0;
    position: relative;
}
.document .flymenu p span {
    color: #a7a7a7;
    margin-top: 2px;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
}
.document .flymenu div a {
    margin-bottom: 22px;
    color: #333333;
    font-size: 17px;
    padding-left: 87px;
    padding-bottom: 17px;
    letter-spacing: -0.17px;
    line-height: 24px;
    padding-top: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px;
    width: 93%;
    min-height: 100px;
    border-radius: 7px;
    border: 1px solid #dedede;
    background-color: #fdfdfd;
    margin-left: 71px;
    display: table;
}

.document .flymenu div p:hover {
    color: #40be2a;
    cursor: pointer;
}
.document .flymenu div a span {
    color: #a7a7a7;
    font-size: 13px;
    line-height: 29px;
    display: table;
    padding-top: 6px;
}
.document .pdf {
    background: url(../img/pdf.png) 24px 32px no-repeat, #fdfdfd;
}
.document .xls {
    background: url(../img/xls.png) 24px 32px no-repeat, #fdfdfd;
}
.document .rtf {
    background: url(../img/rtf.png) 24px 32px no-repeat, #fdfdfd;
}
.document .doc {
    background: url(../img/doc.png) 24px 32px no-repeat, #fdfdfd;
}
.document .ept {
    background: url(../img/document.png) 24px 32px no-repeat, #fdfdfd;
}
.document .pdf:hover {
    background: url(../img/pdf_hover.png) 24px 32px no-repeat, #fdfdfd;
}
.document .xls:hover {
    background: url(../img/xls_hover.png) 24px 32px no-repeat, #fdfdfd;
}
.document .rtf:hover {
    background: url(../img/rtf_hover.png) 24px 32px no-repeat, #fdfdfd;
}
.document .doc:hover {
    background: url(../img/doc_hover.png) 24px 32px no-repeat, #fdfdfd;
}
.document .ept:hover {
    background: url(../img/document_hover.png) 24px 32px no-repeat, #fdfdfd;
}

.document .docs a {
    margin-bottom: 20px;
    color: #333333;
    font-size: 17px;
    padding-left: 87px;
    padding-bottom: 17px;
    letter-spacing: -0.17px;
    line-height: 24px;
    padding-top: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 30px;
    width: 100%;
    min-height: 100px;
    border-radius: 7px;
    border: 1px solid #dedede;
    background-color: #fdfdfd;
    margin-left: 0;
    display: table;
}
.document .docs a span {
    color: #a7a7a7;
    font-size: 13px;
    line-height: 29px;
    display: table;
    padding-top: 6px;
}
.document.mini .loading {
    margin-top: 34px;
}
.document.mini {
    padding-bottom: 0;
}

.partners a {
    margin-right: 25px;
    margin-bottom: 25px;
    display: table;
    float: left;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.partners a img {
    border-radius: 7px;
}

.blocks1171 .buttonsblok {
    padding-bottom: 15px;
    display: table;
    width: 100%;
}
.mob_social {
    box-shadow: none;
    display: none;
}

.rubric {
    display: table;
    width: 100%;
    padding-bottom: 32px;
}
.rubric .link_blokr a.active {
    color: #333;
    position: relative;
}
.rubric .link_blokr a.active:after {
    content: "";
    position: absolute;
    left: -12px;
    top: -1px;
    width: 2px;
    height: 28px;
    border-radius: 5px;
    background-color: #40be2a;
}
.rubric .link_blokr a:hover {
    color: #333;
}
.rubric .link_blokr a {
    display: table;
    color: #6b6b6b;
    line-height: 18px;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 15px;
}
.rubric .link_blokr {
    padding-top: 6px;
}
.rubric .link_blokr.fixed {
    position: fixed;
    background: #fdfdfd;
    z-index: 100;
    padding: 20px;
    margin: -20px;
    top: 50px;
}
.rubric .left {
    width: 17%;
    float: left;
    padding-right: 15px;
    height: 200px;
}
.rubric .right {
    width: 83%;
    float: left;
    padding-left: 2px;
}

.project .blok p {
    position: relative;
    vertical-align: middle;
    display: table-cell;
    color: #333333;
    font-size: 17px;
    letter-spacing: -0.17px;
    line-height: 24px;
    padding-left: 83px;
    padding-right: 70px;
}
.project .blok {
    cursor: pointer;
    position: relative;
    background: url(../img/project.png) 26px 30px no-repeat;
    margin-bottom: 19px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    background-color: #ffffff;
    padding: 29px 5px 28px;
}
.project .blok:hover {
    background-image: url(../img/project_active.png);
}
.project .blok:hover p.slide:after {
    background-image: url(../img/Path_250_hover.png);
}
.project .blok p.slide:after {
    background: url(../img/Path_250.png) 0 0 no-repeat;
    width: 8px;
    height: 5px;
    content: "";
    right: 5px;
    top: 50%;
    margin-top: -2px;
    position: absolute;
}
.project .blok .center {
    display: table;
    height: 43px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.project .blok .more {
    display: none;
    padding-top: 41px;
}
.project .blok.active p:after {
    background: url(../img/Path_250_active.png) 0 0 no-repeat;
}
.project .blok.active {
    background-image: url(../img/project_active.png);
}
.project .blok.active .more {
    margin-bottom: -8px;
}
.project .blok.active:hover p:after {
    background-image: url(../img/Path_250_active_hover.png);
}

.reading.mini {
    padding-bottom: 0;
    background: white;
    border-top: 0;
}
.reading.mini .blok {
    margin: 0 26px 31px 0;
    width: 303px;
}
.reading.mini .blok:nth-child(3n) {
    margin-right: 0;
}
.reading.mini .blok .imgs {
    height: 175px;
    background-position: center 50%;
    background-size: cover;
}
.reading.mini .blok h5 {
    margin-top: 2px;
}
.reading.mini .blok > div {
    height: 148px;
}
.reading.mini .blok .data {
    padding-left: 3px;
}
.reading.mini .blok.noimg h5 {
    margin-top: 10px;
    margin-bottom: 17px;
    overflow: visible;
    display: block;
    height: auto;
    font-size: 90%;
    line-height: 140%;
}
.reading.mini .blok.noimg > div {
    height: 323px;
    padding-right: 15px;
}
.reading.mini .blok.noimg .txt {
    line-height: 22px;
    font-size: 15px;
    color: #6b6b6b;
    display: block;
}
.loading {
    width: 100%;
    display: block;
    height: 82px;
}

.document .searchbloks {
    display: block;
    background-color: #f2f2f2;
    border: 1px solid #e2e2e2;
    padding: 19px 64px 25px;
    margin-bottom: 31px;
}
.document .searchbloks h2 {
    font-size: 26px;
    line-height: 37px;
    padding-bottom: 22px;
    padding-left: 5px;
}
.document .searchbloks input[type="date"],
input[type="text"],
select,
textarea {
    outline: none;
    margin-bottom: 15px;
    color: #6b6b6b;
    padding-left: 19px;
    padding-right: 15px;
    line-height: 24px;
    letter-spacing: -0.16px;
    font-size: 16px;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 11px;
    border-radius: 7px;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
}
.document .searchbloks select {
    padding-left: 16px;
    padding-bottom: 13px;
    padding-top: 14px;
}
textarea {
    resize: none;
}
.document .searchbloks form {
    display: table;
    width: 100%;
}
.document .select {
    position: relative;
    display: table;
    width: 100%;
}
.document .left p {
    position: relative;
    color: #6b6b6b;
    font-size: 15px;
    letter-spacing: -0.15px;
    line-height: 24px;
    padding-top: 12px;
    padding-left: 3px;
    padding-bottom: 9px;
}
.document .left p:after {
    content: "...";
    line-height: 24px;
    font-size: 15px;
    color: #6b6b6b;
    position: absolute;
    top: 54px;
    left: 130px;
}
.document .left input {
    float: left;
    width: 120px;
    margin-right: 31px;
    font-size: 15px;
    padding: 13px 0 12px;
    text-align: center;
}
.document .left input[type="date"] {
    float: left;
    width: 120px;
    font-size: 15px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.document .left {
    float: left;
}
.document .right {
    float: right;
    margin-top: 0;
    margin-right: 2px;
}
.document .right .buttongreen_sub {
    font-size: 17px;
    float: right;
}
.document .right a {
    cursor: pointer;
    float: right;
    color: #6b6b6b;
    font-size: 17px;
    font-family: "Montserrat";
    font-weight: 500;
    letter-spacing: -0.17px;
    line-height: 37px;
    margin-right: 31px;
    margin-top: 7px;
}
.document .right a:hover {
    color: #4b4b4b;
}

body .select2-container--default .select2-selection--single {
    outline: none;
    padding: 11px 11px 9px;
    height: auto;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #a7a7a7 transparent transparent transparent;
    border-width: 5px 5px 0 5px;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
    right: 15px;
}
body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #a7a7a7 transparent;
    border-width: 0 5px 5px 5px;
}
body .select2-container {
    margin-bottom: 15px;
}
body .select2-container--open .select2-dropdown--below {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e2e2;
    border-top: 0;
    margin-top: -2px;
}
body .select2-results__option {
    padding: 15px 0 14px 19px;
}

body .document .resultdoc h3 {
    color: #a7a7a7;
    line-height: 37px;
    font-size: 18px;
    padding-top: 33px;
    padding-left: 5px;
    padding-bottom: 14px;
    float: left;
}
.document .resultdoc .tematika {
    cursor: pointer;
    color: #6b6b6b;
    font-size: 16px;
    line-height: 24px;
    float: right;
    border-bottom: 1px dotted;
    padding-top: 39px;
}
.document .resultdoc .tematika:hover {
    color: #333333;
}

.document .searchbloks .docs a {
    margin-bottom: 10px;
    border-radius: 0;
}
.document .searchbloks .docs {
    padding-bottom: 28px;
}
.rubric.inter .reading.mini .blok > div {
    padding: 12px 20px 0;
}
.rubric.inter .reading.mini .blok .category {
    color: #f3ad00;
}
.rubric.inter .reading.mini .blok h5 {
    margin-top: 6px;
    font-size: 90%;
    line-height: 140%;
    overflow: visible;
}
.rubric.inter .reading.mini .blok > div {
    height: 171px;
}
.intervi.standart_class {
    padding-bottom: 45px;
}
.intervi.standart_class .blockquote {
    padding-top: 33px;
}
.intervi.standart_class h4 {
    padding-top: 14px;
}
.intervi.standart_class blockquote {
    line-height: 36px;
    font-size: 28px;
}
.intervi.standart_class .blockquote .position {
    padding-bottom: 0;
}
.standart_class h4.interh4 {
    line-height: 34px;
    font-size: 22px;
    padding-top: 0;
    padding-bottom: 44px;
}
.reading.standart_class.intermod {
    border-top: 0;
    padding-bottom: 39px;
    background: none;
}
.reading.standart_class.intermod .blok {
    margin: 0 7px 30px;
}
.reading.standart_class.intermod .blocks1171 {
    width: 1165px;
    padding-left: 2px;
}
.reading.standart_class.intermod .buttonsblok {
    padding-left: 7px;
}

.voprosotvet {
    padding-bottom: 71px;
}
.voprosotvet .select {
    display: none;
}
.voprosotvet .blocks1171 {
    width: 970px;
}
.voprosotvet .out_blok .blok p {
    position: relative;
    vertical-align: middle;
    display: table-cell;
    color: #333333;
    font-size: 17px;
    letter-spacing: -0.17px;
    line-height: 24px;
    padding-left: 83px;
    padding-right: 70px;
}
.voprosotvet .out_blok .blok {
    cursor: pointer;
    position: relative;
    background: url(../img/voprosotvet.png) 26px 30px no-repeat;
    margin-bottom: 19px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    background-color: #ffffff;
    padding: 29px 5px 33px;
}
/*.voprosotvet .out_blok .blok:hover{background-image:url(../img/voprosotvet_hover.png);}*/
.voprosotvet .out_blok .blok:hover p:after {
    background-image: url(../img/Path_250_hover.png);
}
.voprosotvet .out_blok .blok p:after {
    background: url(../img/Path_250.png) 0 0 no-repeat;
    width: 8px;
    height: 5px;
    content: "";
    right: 15px;
    top: 50%;
    margin-top: -2px;
    position: absolute;
}
.voprosotvet .out_blok .blok .center {
    display: table;
    height: 43px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.voprosotvet .out_blok .more {
    margin-bottom: 20px;
    display: none;
    background: url(../img/document2.png) 25px 44px no-repeat;
    padding: 39px 20px 47px 86px;
    background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    width: 91%;
    margin-left: 9%;
}
.voprosotvet .out_blok .more p {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.16px;
    padding-bottom: 28px;
}
.voprosotvet .out_blok .more h2 {
    font-size: 28px;
    line-height: 36px;
    padding-top: 32px;
}
.voprosotvet .standart_class ol li {
    font-size: 16px;
    line-height: 28px;
}
.voprosotvet .standart_class ol li span {
    padding-left: 40px;
}
.voprosotvet .standart_class ol li p {
    padding-left: 40px;
}
.voprosotvet .standart_class ol {
    padding-bottom: 20px;
}

.voprosotvet .out_blok.active .blok p:after {
    background: url(../img/Path_250_active.png) 0 0 no-repeat;
}
/*.voprosotvet .out_blok.active .blok{background-image:url(../img/voprosotvet_hover.png);}*/
.voprosotvet .out_blok.active .blok:before {
    background: url(../img/str.png) 0 0 no-repeat;
    content: "";
    position: absolute;
    width: 35px;
    height: 16px;
    bottom: -16px;
    left: 25px;
}
.voprosotvet .out_blok.active .more {
}
.voprosotvet .out_blok.active .blok:hover p:after {
    background-image: url(../img/Path_250_active_hover.png);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.sverhsovet {
    padding-bottom: 69px;
}
.sverhsovet .left {
    width: 25%;
}
.sverhsovet .right {
    width: 69%;
    padding-left: 40px;
}
.sverhsovet .right h2:first-child {
    padding-top: 0;
    padding-bottom: 12px;
}
.sverhsovet .right h2 {
    padding-bottom: 29px;
}
.sverhsovet ol {
    padding-bottom: 30px;
}
.sverhsovet ol li {
    padding-bottom: 20px;
}
.sverhsovet ul {
    padding-top: 40px;
    padding-bottom: 0;
}

.tabled span,
.deputlist tr td:first-child {
    border: none;
    float: left;
    width: 23%;
    line-height: 26px;
    font-size: 16px;
    font-weight: 500;
    padding-top: 25px;
}
.tabled span,
.deputlist tr td:first-child p {
    line-height: 26px;
    font-size: 16px;
    font-weight: 500;
}
.tabled div p,
.deputlist tr td:last-child {
    border: none;
    float: right;
    width: 77%;
    line-height: 26px;
    font-size: 16px;
    background-color: #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 20px 27px 32px;
    margin-bottom: 20px;
}
.tabled div p,
.deputlist tr td:last-child p {
    line-height: 26px;
    font-size: 16px;
}
.tabled > div,
.deputlist tr {
    display: table;
    width: 100%;
}
.tabled .ps {
    opacity: 0.9;
    color: #a7a7a7;
    font-size: 14px;
    line-height: 30px;
    padding-left: 23%;
    margin-top: -8px;
}
.tabled,
.deputlist {
    margin-bottom: 73px;
}

.whitebox {
    background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-top: 15px;
    padding: 59px 55px 51px 59px;
    margin-bottom: 31px;
}
.whitebox a {
    font-size: 18px;
    line-height: 24px;
    display: table;
    margin-bottom: 18px;
}
.whitebox h4 {
    margin-bottom: 29px;
}
.whitebox h3 {
    font-family: "Rubik";
    line-height: 34px;
    font-size: 26px;
    padding-bottom: 20px;
}
.whitebox p {
    line-height: 34px;
    font-size: 18px;
    padding-bottom: 12px;
}
.whitebox p b {
    color: #40be2a;
}

/*дубль т.к. адаптация разная по макету*/
.whitebox2,
.ftable {
    background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-top: 15px;
    padding: 59px 55px 63px 59px;
    margin-bottom: 31px;
}
.whitebox2 a,
.ftable a {
    font-size: 18px;
    line-height: 24px;
    display: table;
    margin-bottom: 18px;
}
.whitebox2 h4,
.ftable h4 {
    margin-bottom: 29px;
}
.whitebox2 h3,
.ftable h3 {
    font-family: "Rubik";
    line-height: 34px;
    font-size: 26px;
    padding-bottom: 20px;
}
.whitebox2 p,
.ftable p {
    line-height: 34px;
    font-size: 18px;
}
.whitebox2 p b,
.ftable p b {
    color: #40be2a;
    display: table;
}
.whitebox2 > div,
.ftable > div {
    margin-bottom: 29px;
}
.whitebox2 > div:last-child,
.ftable > div:last-child {
    margin-bottom: 0;
}

.gos .whitebox2,
.ftable {
    width: 766px;
    margin: 0 auto 30px;
}

.biography h1 {
    font-size: 38px;
    padding-bottom: 14px;
}
.biography h3 {
    font-size: 22px;
    line-height: 32px;
}
.biography h2 {
    padding-bottom: 23px;
}
.biography .img.backgroundpoint img {
    width: 100%;
    height: auto;
}
.biography .img.backgroundpoint {
    width: 100%;
    padding-top: 0;
    margin-top: 4px;
    /* margin-bottom: 23px; */
}
.biography .img.backgroundpoint > span {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    background-position: center;
    height: 546px;
    position: relative;
    z-index: 1;
}
.biography .img.backgroundpoint:before {
    height: 546px;
}
.biography .olh2 {
    padding-top: 46px;
    padding-bottom: 35px;
    padding-left: 6px;
}
.biography ol li:before {
    content: "";
    width: 31px;
    height: 31px;
    line-height: 31px;
    margin-left: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.biography {
    padding-bottom: 61px;
}
.biography ol li span {
    padding-left: 19px;
}
.biography ol li {
    padding-bottom: 17px;
}
.biography ol {
    padding-bottom: 7px;
}

.whitebox2.forms,
.ftable {
    padding: 47px 49px 36px 50px;
    display: table;
    margin-bottom: 101px;
}
.whitebox2.forms h2,
.ftable .fheader {
    font-size: 26px;
    line-height: 37px;
    padding-top: 0;
    padding-bottom: 22px;
    padding-left: 4px;
    font-family: "Montserrat";
    font-weight: 500;
    color: #333;
}
.whitebox2.forms textarea,
.ftable textarea {
    height: 200px;
    margin-bottom: 27px;
}
.whitebox2.forms .left,
.ftable .left {
    width: 50%;
    float: left;
}
.whitebox2.forms .left p,
.ftable .left p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 9px;
}
.whitebox2.forms .left img,
.ftable .left img {
    border: 1px solid #e2e2e2;
    border-radius: 7px;
    width: 118px;
    height: 48px;
    float: left;
}
.whitebox2.forms .left .load,
.ftable .left .load {
    width: 25px;
    height: 25px;
    background: url(../img/load.png) 0 0 no-repeat;
    float: left;
    display: block;
    margin: 13px 15px;
}
.whitebox2.forms .left input,
.ftable .left input {
    float: left;
    width: 120px;
    text-align: center;
    padding-left: 0;
}
.whitebox2.forms .right,
.ftable .right {
    float: right;
    margin-top: 33px;
}
.whitebox2.forms .buttongreen_sub,
.ftable .buttongreen_sub {
    border: none;
    outline: none;
    width: 173px;
}
.whitebox2.forms .clear,
.ftable .clear {
    position: relative;
}
.whitebox2.forms .clear input,
.ftable .clear input {
    border: 2px solid #f3ad00;
    padding-bottom: 10px;
}
.whitebox2.forms .clear:after,
.ftable .clear:after {
    position: absolute;
    content: "Не заполнено";
    color: #f3ad00;
    font-size: 13px;
    line-height: 22px;
    right: 20px;
    top: 0px;
}
.whitebox2.forms .error,
.ftable .error {
    position: relative;
}
.whitebox2.forms .error input,
.ftable .error input {
    border: 2px solid #f3ad00;
    padding-bottom: 10px;
}
.whitebox2.forms .error:after,
.ftable .error:after {
    position: absolute;
    content: "Ошибка";
    color: #f3ad00;
    font-size: 13px;
    line-height: 22px;
    right: 20px;
    top: 0px;
}
.whitebox2.forms .false,
.ftable .false {
    position: relative;
}
.whitebox2.forms .false input,
.ftable .false input {
    border: 2px solid #f3ad00;
    padding-bottom: 10px;
}
.whitebox2.forms .false:after,
.ftable .false:after {
    position: absolute;
    content: "Не верно введены символы с картинки";
    color: #f3ad00;
    font-size: 13px;
    line-height: 22px;
    right: 33px;
    top: 58px;
    width: 262px;
}

.bg_flyform {
    display: none;
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1500;
    text-align: center;
}
.bg_flyform::after {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    content: "";
}
.bg_flyform .flyform {
    display: inline-block;
    vertical-align: middle;
}
.bg_flyform .in {
    display: table;
    position: relative;
    width: 685px;
    height: 300px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 7px 0 7px 7px;
    background-color: #ffffff;
}
.bg_flyform .flyform .close {
    z-index: 10;
    cursor: pointer;
    background: url(../img/close2.png) 0 0 no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}
.bg_flyform .flyform .close:hover {
    background: url(../img/close2_hover.png) 0 0 no-repeat;
}

.bg_flyform.blago {
    z-index: 2000;
}
.bg_flyform.blago .in {
    background: #fffefd;
    padding: 40px 25px;
}
.bg_flyform.blago h4 {
    font-size: 32px;
    line-height: 28px;
    padding-top: 49px;
    padding-bottom: 22px;
}
.bg_flyform.blago p {
    font-size: 16px;
    line-height: 24px;
}

.searchbloks.site .n1 {
    float: left;
    width: 87.7%;
    margin-bottom: 20px;
}
.searchbloks.site .buttongreen_sub {
    float: right;
    width: 113px;
    font-size: 17px;
}
.searchbloks.site .right p {
    float: right;
    font-size: 15px;
    line-height: 24px;
    margin-top: 13px;
}
.searchbloks.site .right input {
    float: right;
    width: 120px;
    margin-left: 31px;
}
.searchbloks.site .right input:nth-child(2) {
    margin-left: 12px;
}
.searchbloks.site .right {
    margin-right: 129px;
}
.searchbloks.site .left {
    float: left;
}
.searchbloks.site .resultdoc h3 {
    padding-top: 18px;
}
.searchbloks.site .right p:after {
    content: "...";
    line-height: 24px;
    font-size: 15px;
    color: #6b6b6b;
    position: absolute;
    margin-left: 142px;
    margin-top: -4px;
}
.searchbloks.site .docs a {
    padding-top: 26px;
    padding-left: 29px;
    font-size: 17px;
    line-height: 24px;
    color: #6b6b6b;
}
.searchbloks.site .docs a b {
    margin-bottom: 15px;
    font-weight: 400;
    display: table;
    color: #333333;
    max-height: 47px;
    overflow: hidden;
    display: block;
}
.searchbloks.site .docs a i {
    font-style: normal;
    color: #40be2a;
}
.searchbloks.site .docs {
    padding-bottom: 0;
}
.searchbloks.site .left .select {
    display: none;
}

.reading.mini .blok.noimg:hover h5 a {
    color: #40be2a;
}
.content768.standart_class div > i {
    color: #a7a7a7;
    line-height: 26px;
    font-size: 14px;
    margin-left: 47px;
}
.content768.standart_class p > i {
    color: #a7a7a7;
    line-height: 26px;
    font-size: 14px;
    margin-left: 47px;
}
.content768.standart_class > i {
    color: #a7a7a7;
    line-height: 26px;
    font-size: 14px;
}

.content768.standart_class div.p > i {
    line-height: 24px;
    font-size: 17px;
    margin-left: 0;
}

body .blueimp-gallery > .indicator > li {
    padding-bottom: 0;
}
body .blueimp-gallery > .indicator > li:before {
    display: none;
}

body .radio_tro_container .channel_container p {
    position: relative;
    vertical-align: middle;
    display: table-cell;
    color: #333333;
    font-size: 17px;
    letter-spacing: -0.17px;
    line-height: 24px;
    padding-left: 83px;
    padding-right: 70px;
}
body .radio_tro_container .channel_container {
    float: none;
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-bottom: 19px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    background-color: #ffffff;
    padding: 15px 20px 14px;
}
body .radio_tro_container .channel_container:hover .channel_logo img {
    filter: none;
    -webkit-filter: none;
}
body .radio_tro_container .channel_container:hover .channel_logo:after {
    background-image: url(../img/Path_250_hover.png);
}
body .radio_tro_container .channel_container .channel_logo:after {
    background: url(../img/Path_250.png) 0 0 no-repeat;
    width: 8px;
    height: 5px;
    content: "";
    right: 15px;
    top: 50%;
    margin-top: -2px;
    position: absolute;
}
body .radio_tro_container .channel_container .center {
    display: table;
    height: 43px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body .radio_tro_container .channel_container .more {
    display: none;
    padding-top: 41px;
}
body .radio_tro_container .channel_container.selected .channel_logo:after {
    background: url(../img/Path_250_active.png) 0 0 no-repeat;
}
body .radio_tro_container .channel_container.selected {
}
body .radio_tro_container .channel_container.selected .more {
    margin-bottom: -8px;
}
body .radio_tro_container .channel_container.selected:hover .channel_logo:after {
    background-image: url(../img/Path_250_active_hover.png);
}

body .radio_tro_container .channel_container .channel_logo {
    display: table;
    height: 43px;
    width: 100%;
    float: none;
    opacity: 1;
    padding: 0;
}
body .radio_tro_container .channel_container .channel_logo div {
    padding-top: 15px;
    position: absolute;
    color: #333333;
    font-size: 17px;
    line-height: 24px;
    padding-left: 100px;
    padding-right: 0;
    font-weight: normal;
}
body .radio_tro_container .channel_container .channel_logo img {
    width: 60px;
    float: left;
    padding: 0;
}
body .radio_tro_container .channel_container a.channel_title {
    display: table;
    width: 100%;
}
body .radio_tro_container .channel_container.selected .channel_logo {
    border: none;
}
body .radio_tro_container ul li a {
    background-position: 0 center;
    background-size: 9px auto;
    padding-left: 20px;
}
body .radio_tro_container ul li {
    padding: 10px 0;
}
.radio_tro_container .channel_container.selected ul.channel_list {
    padding-top: 20px;
}
.item_player {
    padding: 10px 20px 20px;
    border: 0;
    background: none;
}
.radio_tro_container .channel_container .button-load {
    outline: none;
    cursor: pointer;
    background-color: #40be2a;
    font-weight: 500;
    font-size: 17px;
    line-height: 1;
    border-radius: 5px;
    color: #ffffff;
    width: 148px;
    text-align: center;
    padding: 11px 0 12px;
    border: none;
    height: auto;
    margin-top: 20px;
}
.radio_tro_container .channel_container .button-load:hover {
    background-color: #f3ad00;
}

.modern-page-navigation {
}
body .page_wrapper div.modern-page-navigation .modern-page-title {
    display: none;
}
body .page_wrapper div.modern-page-navigation .modern-page-current {
    padding-left: 0;
    padding-right: 0;
    font-weight: normal;
    font-size: 15px;
    width: 39px;
    display: table;
    float: left;
    text-align: center;
    height: 39px;
    border: 2px solid #40be2a;
    line-height: 1px;
    border-radius: 100%;
    padding-top: 17px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 2px 7px -3px rgba(0, 0, 0, 0.4);
    margin: 0 4px;
}
body .page_wrapper div.modern-page-navigation a {
    padding-left: 0;
    padding-right: 0;
    font-weight: normal;
    font-size: 15px;
    width: 39px;
    display: table;
    float: left;
    text-align: center;
    height: 39px;
    color: #4b4b4b;
    border: 2px solid white;
    line-height: 1px;
    border-radius: 100%;
    padding-top: 17px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 2px 7px -3px rgba(0, 0, 0, 0.4);
    margin: 0 4px;
}
body .page_wrapper div.modern-page-navigation a:hover {
    border-color: #f3ad00;
}
body .page_wrapper div.modern-page-navigation .modern-page-dots {
    box-shadow: none;
}
body .page_wrapper div.modern-page-navigation .modern-page-dots:hover {
    border-color: white;
}
body .page_wrapper div.modern-page-navigation a.modern-page-previous {
    position: relative;
    font-size: 0.1px;
}
body .page_wrapper div.modern-page-navigation a.modern-page-next {
    position: relative;
    font-size: 0.1px;
}
body .page_wrapper div.modern-page-navigation a.modern-page-previous:before {
    top: 4px;
    left: 9px;
    content: "";
    background: url(../img/left2.png) center center no-repeat;
    background-color: white;
    position: absolute;
    width: 14px;
    height: 26px;
}
body .page_wrapper div.modern-page-navigation a.modern-page-next:before {
    top: 4px;
    left: 11px;
    content: "";
    background: url(../img/right2.png) center center no-repeat;
    background-color: white;
    position: absolute;
    width: 14px;
    height: 26px;
}

.exit {
    top: 50px;
}
.exit.do {
    position: absolute;
    top: initial;
}
body div.contest_title span {
    font-family: "Montserrat";
    font-size: 42px;
    line-height: 1;
}
body div.contest_preview {
    font-family: "Rubik", sans-serif;
}
div.contest_more_info ol {
    display: table;
    font-family: "Rubik", sans-serif;
}
.vuz {
    padding: 0 15px;
}
.vuz p a {
    word-break: break-word;
}

@media (min-width: 768px) {
    .content768.standart_class p.photo {
        width: 670px;
        margin: 0 auto;
    }
    .content768.standart_class .infoarticle p.photo {
        width: auto;
        margin: -2px 9px 0 0;
    }
}

@media (max-width: 768px) {
    body #main-doc-header-2,
    body #main-doc-header {
        padding-left: 0;
        padding-right: 0px;
        background: url(../img/document.png) 20px 22px no-repeat, url(../img/Path_250.png) 98.1% 87% no-repeat;
        background-color: lightyellow;
    }
    body #main-doc-header-2 p,
    body #main-doc-header p {
        line-height: 24px;
        font-size: 17px;
    }
    body #main-doc-header-2:hover,
    body #main-doc-header:hover {
        background: url(../img/document_hover.png) 20px 22px no-repeat, url(../img/Path_250_hover.png) 98.1% 87% no-repeat;
        background-color: lightyellow;
    }
    body #main-doc-header-2.active:hover,
    body #main-doc-header.active:hover {
        background: url(../img/document_hover.png) 20px 22px no-repeat, url(../img/Path_250_active_hover.png) 98.1% 87% no-repeat;
        background-color: lightyellow;
    }
    body #main-doc-header-2.active,
    body #main-doc-header.active {
    }

    body div.contest_title span {
        font-size: 38px;
    }

    .page_wrapper {
        max-width: 768px;
        min-width: 768px;
        padding-top: 110px;
        padding-bottom: 53px;
    }
    .header {
        position: fixed;
        width: 768px;
        background-size: 100%;
    }
    .mobmenu {
        display: block;
    }
    .mobmenu .activited:after {
        right: 25px;
    }
    .header .logo span {
        display: none;
    }
    .header .logo {
        margin: 15px 0 0 20px;
        padding-bottom: 18px;
    }
    .header .logo img {
        width: 229px;
        height: 37px;
    }
    .header .right .search {
        position: absolute;
        right: 19px;
        margin-top: 7px;
    }
    .header .right .lang:before {
        margin-left: -21px;
        width: 15px;
        height: 15px;
        margin-top: -1px;
    }
    .header .right .lang {
        margin-right: 0;
    }
    .header .right {
        padding-top: 12px;
    }
    .content768.standart_class div > i {
        margin-left: 0;
    }
    .content768.standart_class p > i {
        margin-left: 0;
    }
    .content768.standart_class > i {
        margin-left: 0;
    }

    .content768.standart_class div > img {
        width: 100%;
    }
    .content768.standart_class p > img {
        width: 100%;
    }
    .content768.standart_class > img {
        width: 100%;
    }

    .slider {
        display: none;
    }
    .footer .link {
        display: none;
    }
    .footer .wrapper {
        width: 100%;
    }
    .exit {
        margin-top: 20px;
    }
    .exit.do {
        position: absolute;
        margin-top: 17px;
        width: 49px;
        padding: 20px;
        height: 48px;
        background: url(../img/left.png) 20px center no-repeat;
        display: block;
    }
    .exit.do:after {
        display: none;
    }
    .exit.do {
        width: 40px;
        background-position: 13px center;
    }
    .exit.do:hover {
        background-position: 13px center !important;
    }
    .infoarticle {
        padding-top: 30px;
    }
    .clear768 {
        display: table;
        width: 100%;
    }
    .content768 {
        padding: 0 18px;
    }
    .standart_class iframe {
        width: 100%;
        height: 408px;
    }
    .standart_class .videoplayer {
        width: 100%;
        height: 408px;
    }
    .standart_class .video {
        width: 100%;
    }
    .infoarticle .category {
        margin-right: 16px;
        margin-left: 30px;
        line-height: 20px;
        padding-bottom: 10px;
    }
    .infoarticle .author {
        margin: -5px 0px 0 32px;
    }
    .infoarticle .photo {
        float: left;
        margin: -5px 0 0 22px;
    }

    .standart_class h1 {
        font-size: 28px;
        line-height: 34px;
        padding-bottom: 18px;
    }
    .standart_class h3 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 23px;
    }
    .standart_class p {
        line-height: 26px;
        font-size: 17px;
    }
    .standart_class p.txt {
        padding-bottom: 25px;
    }
    .standart_class .img {
        padding-bottom: 34px;
    }
    .standart_class .blockquote {
        padding-top: 37px;
    }
    .standart_class blockquote {
        line-height: 32px;
        font-size: 20px;
    }
    .standart_class h2 {
        font-size: 26px;
        padding-bottom: 23px;
    }
    .standart_class ol li {
        line-height: 26px;
        font-size: 17px;
        padding-bottom: 22px;
    }
    .standart_class ol li span {
        padding-left: 19px;
    }
    .standart_class ol li p {
        padding-left: 19px;
    }
    .standart_class ol {
        padding-bottom: 37px;
    }
    .standart_class h2.ul_padding {
        padding-top: 20px;
        padding-bottom: 7px;
    }
    .standart_class ul h3 {
        font-size: 22px;
    }
    .standart_class ul li {
        font-size: 17px;
        line-height: 26px;
        padding-bottom: 11px;
    }
    .reading {
        margin-top: 31px;
        padding-bottom: 42px;
    }
    .reading h2 {
        font-size: 32px;
        line-height: 37px;
        padding-bottom: 36px;
    }
    .reading .block .blok:last-child {
        display: none;
    }
    .reading .block .blok {
        width: 354px;
        margin: 0 10px 20px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    }
    .reading .block .blok .imgs {
        height: 205px;
    }
    .reading .block .blok img {
        height: 205px;
    }
    .subscription {
        padding-top: 58px;
        padding-bottom: 59px;
    }
    .subscription h4 {
        font-size: 22px;
    }
    .subscription .wrapper {
        width: 100%;
        padding: 0 18px;
    }
    .subscription .block > div {
        width: 64.2%;
    }
    .subscription div p {
        height: 87px;
    }
    .subscription input[type="text"] {
        width: 266px;
    }
    .buttongreen_sub {
        width: 182px;
    }
    .footer .breadcrumbs {
        display: none;
    }
    .footer {
        padding-top: 17px;
        padding-bottom: 18px;
        text-align: center;
        display: table;
        width: 100%;
        bottom: 0;
        position: absolute;
    }

    .header .search_panel .block {
        width: 100%;
    }
    .header .search_panel {
        height: 42px;
        border-radius: 0;
        background: white;
        padding-top: 0;
        position: absolute;
        z-index: 10;
    }
    .header .search_panel input[type="text"] {
        border-radius: 0;
        line-height: 42px;
        font-size: 14px;
        background-position: right 11px center;
        height: 42px;
        padding: 0 50px 0 20px;
        width: 100%;
    }
    .header .search_panel:after {
        right: 10px;
    }
    .header .search_panel .buttongreen {
        float: right;
        padding-top: 10px;
        margin-left: 15px;
        position: absolute;
        right: 0px;
        width: 52px;
        margin: 0;
        height: 41px;
        padding: 7px 0 0;
        opacity: 0;
    }

    .blocks1171 {
        width: 730px;
    }
    .main {
        padding-top: 29px;
    }
    .main .left {
        width: 354px;
        height: 514px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    }
    .main .left img {
        height: 187px;
        margin-bottom: 20px;
    }
    .main .left .imgs {
        height: 187px;
        margin-bottom: 20px;
    }
    .reading .block {
        width: 98%;
    }

    .main .right {
        margin-left: 0;
        width: 50%;
        padding-left: 19px;
    }
    .main .currency {
        display: none;
    }
    .main h2 {
        font-size: 20px;
        letter-spacing: -0.2px;
        line-height: 27px;
        padding: 0 22px 16px;
    }
    .main .txt {
        padding: 0 21px 0;
    }
    .main h3 {
        font-size: 22px;
        line-height: 37px;
        padding-top: 11px;
        padding-bottom: 9px;
    }
    .main .right a {
        font-size: 15px;
        line-height: 22px;
        padding: 13px 15px 4px 2px;
    }
    .main .right a span {
        margin-top: 9px;
        font-size: 12px;
    }
    .main .right .info {
        height: auto;
    }
    .module_block .blok2 {
        float: none;
        width: 100%;
    }
    .module_background h2 {
        padding-bottom: 30px;
        font-size: 27px;
        line-height: 37px;
    }
    .module_block .blok {
        width: 354px;
        float: left;
        display: table;
        margin: 0 21px 20px 0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    }
    .module_block .blok .imgs {
        height: 182px;
    }
    .module_block .blok:hover img {
        height: 182px;
    }
    .module_block .blok img {
        height: 182px;
    }
    .module_block .twitterblok {
        /* display: none; */
        width: 100%;
        margin-bottom: 15px;
    }
    .module_background.reading .block .blok {
        margin: 0 10px;
    }
    .module_background.reading .blok > div {
        padding-top: 14px;
    }
    .module_background.reading {
        padding-bottom: 21px;
    }
    .module_background.reading .blok h5 a {
        font-weight: 500;
    }
    .intermedia.reading .blok .imgs:before {
        right: 10px;
        top: 12px;
    }

    .intermedia.reading .blok .imgs {
        height: 212px;
    }
    .intermedia.reading .blok:hover img {
        height: calc(212px + 10%);
    }
    .intermedia.reading .blok {
        padding-bottom: 37px;
    }
    .interactive.reading .blok {
        padding-bottom: 88px;
    }
    .intermedia.reading .blok img {
        height: 212px;
    }
    /* .opinions, .panorama{display:none;} */
    .intermedia.reading .blok h5 {
        bottom: 13px;
    }
    .interactive.reading .blok img {
        height: 162px;
    }
    .interactive.reading .blok .imgs {
        height: 162px;
    }
    .interactive.reading .blok:hover img {
        height: calc(162px + 10%);
    }
    .interactive.reading .blok .greenbutton {
        bottom: 30px;
    }
    .mapsblok {
        margin-top: 31px;
    }
    .mapsblok .maps {
        height: 452px;
    }
    .document .blok {
        width: 100%;
        margin-bottom: 16px;
    }
    .partners {
        padding-bottom: 0;
    }
    .partners a img {
        width: 137px;
        height: 49px;
    }
    .partners a {
        margin-right: 9px;
        margin-bottom: 12px;
    }
    .mob_social {
        display: block;
        width: 100%;
    }

    .document .flymenu div a {
        margin-bottom: -1px;
        width: 100%;
        border-radius: 0;
        margin-left: 0;
        padding-left: 79px;
    }
    .document .flymenu {
        padding: 16px 0 25px;
    }
    .document .flymenu p {
        padding: 29px 62px 25px 22px;
        position: relative;
        line-height: 26px;
    }
    .document .flymenu p span {
        right: 20px;
        top: 29px;
        font-size: 13px;
        position: absolute;
    }

    .rubric .left {
        display: none;
    }
    .rubric .right {
        width: 100%;
        padding: 0;
        float: none;
    }
    .rubric .blocks1171 .buttonsblok {
        /* display: none; */
    }

    .rubric .blocks1171 .buttonsblok a.buttonwhite {
        width: 100% !important;
    }

    .rubric {
        padding-top: 30px;
    }
    .header > .wrapper {
        background: url(../img/header-bg-768.png) center 0 no-repeat;
    }
    .header > .wrapper .blok {
    }

    .project .blok {
        background-size: 38px;
        background-position: 16px 21px;
        padding: 19px 5px 18px;
        margin-bottom: 15px;
    }
    .project .blok p {
        font-size: 17px;
        line-height: 24px;
        letter-spacing: -0.17px;
        padding-left: 61px;
    }

    .reading.mini .blok {
        margin: 0 18px 21px 0;
    }
    .reading.mini .blok:nth-child(3n) {
        margin: 0 18px 21px 0;
    }
    .reading.mini .blok:nth-child(2n) {
        margin-right: 0;
    }
    .reading.mini .blok.noimg h5 {
        margin-top: 31px;
        margin-bottom: 27px;
    }
    .reading.mini .blok.noimg > div {
        height: 353px;
    }

    .document .docs a {
        width: 100%;
        padding-left: 65px;
        padding-bottom: 22px;
        margin-bottom: 15px;
        background-position: 16px 30px !important;
    }
    .document.mini .loading {
        margin-top: 0;
    }

    .document .searchbloks {
        width: 100%;
        padding: 10px 18px 25px;
        overflow: hidden;
    }
    .document .searchbloks h2 {
        font-size: 24px;
        padding-bottom: 16px;
    }

    body .select2-container--default .select2-selection--single .select2-selection__arrow {
        margin-right: -5px;
    }
    body .document .buttongreen_sub {
        width: 200px;
    }

    .reading.mini {
        margin-top: 0;
    }
    .rubric.inter .reading.mini .blok > div {
        height: 159px;
    }
    .reading.mini .block .blok:last-child {
        display: inline-block;
    }

    .reading.standart_class.intermod .blocks1171 .buttonsblok {
        display: none;
    }
    .reading.standart_class.intermod .blok {
        margin: 0 10px 20px;
    }
    .voprosotvet .select {
        display: block;
        margin-bottom: 5px;
    }
    .voprosotvet .blocks1171 {
        width: 95%;
    }
    .voprosotvet .out_blok .blok {
        background-position: 20px 30px;
        margin-bottom: 15px;
    }
    .voprosotvet .out_blok .blok p {
        padding-left: 69px;
    }
    .voprosotvet .out_blok.active .blok:before {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .voprosotvet .out_blok .more {
        margin-left: 0;
        width: 100%;
        background-position: 20px 40px;
        padding: 37px 20px 17px 75px;
        margin-top: 23px;
    }
    .voprosotvet .out_blok .more p {
        line-height: 26px;
    }
    .voprosotvet .out_blok .more h2 {
        line-height: 32px;
        font-size: 24px;
        padding-top: 18px;
        padding-bottom: 29px;
    }
    .voprosotvet .standart_class ol li {
        line-height: 26px;
    }
    .voprosotvet .standart_class ol li span {
        padding-left: 19px;
    }
    .voprosotvet .standart_class ol li p {
        padding-left: 19px;
    }
    .voprosotvet .out_blok .blok p:after {
        right: 5px;
    }
    body .voprosotvet .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 4px 4px 0 4px;
    }
    body .voprosotvet .select2-container--default .select2-selection--single .select2-selection__arrow {
        margin-right: -10px;
    }
    body .voprosotvet .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
        margin-right: -10px;
    }
    body .voprosotvet .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 0 4px 4px 4px;
    }

    .whitebox {
        padding: 59px 50px 51px 40px;
        margin-bottom: 21px;
        margin-top: 12px;
    }
    .sverhsovet ol {
        padding-bottom: 17px;
    }
    .sverhsovet ul {
        padding-top: 25px;
    }
    .sverhsovet ul li {
        padding-bottom: 16px;
    }
    .tabled div p {
        width: 75.4%;
    }
    .tabled .ps {
        padding-left: 24.7%;
    }
    .tabled {
        margin-bottom: 44px;
    }
    .sverhsovet {
        padding-bottom: 20px;
    }
    .whitebox2 h3 {
        font-size: 24px;
        line-height: 32px;
        padding-bottom: 14px;
    }
    .whitebox2 p b {
        padding-bottom: 6px;
    }
    .whitebox2 p {
        padding-bottom: 6px;
    }

    .gos {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .gos .whitebox2 {
        width: 728px;
        padding: 49px 55px 51px 59px;
        margin: 0 auto 20px;
    }

    .biography {
        padding-top: 35px;
        padding-bottom: 25px;
    }
    .biography h1 {
        font-size: 30px;
        padding-bottom: 13px;
    }
    .biography .img.backgroundpoint {
        width: 500px;
        margin-top: 16px;
    }
    .biography .img.backgroundpoint > span {
        height: 375px;
    }
    .biography .img.backgroundpoint:before {
        height: 375px;
    }
    .biography .img.backgroundpoint {
        margin-bottom: 0px;
        padding-bottom: 11px;
    }
    .biography h2 {
        padding-bottom: 11px;
    }
    .biography .olh2 {
        padding-top: 11px;
        padding-bottom: 11px;
        padding-left: 0;
    }
    .biography ol li:before {
        margin-left: 3px;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .biography ol li {
        padding-bottom: 14px;
    }
    .biography ol {
        padding-bottom: 19px;
    }
    .bio.reading {
        margin-top: 0;
        padding-top: 0;
    }

    .ethernet .blocks1171 {
        width: 100%;
    }
    .ethernet .whitebox2.forms {
        width: 100%;
        background: none;
        padding: 18px 19px 51px 20px;
        border-radius: 0;
        margin-bottom: 0;
        box-shadow: none;
    }
    .ethernet .whitebox2.forms h2 {
        font-size: 24px;
        padding-bottom: 16px;
    }
    .ethernet .whitebox2.forms textarea {
        height: 188px;
    }
    .whitebox2.forms .left p {
        margin-bottom: 3px;
    }

    .searchbloks.site .n1 {
        float: left;
        width: 82%;
        margin-bottom: 15px;
    }
    .searchbloks.site .right {
        margin-right: 0px;
    }
    .reading.mini .block {
        width: 100%;
    }
    .header .search_panel .wrapper:after {
        top: -7px;
    }
    .header .mobmenu .blackfon {
        display: none;
    }
    .nomargintop .reading {
        margin-top: 0;
    }
    .voprosotvet {
        padding-bottom: 32px;
    }
    .reading.standart_class.intermod .blocks1171 {
        width: 98%;
        padding-left: 0;
    }

    .exit {
        margin-top: 17px;
        width: 49px;
        padding: 20px;
        height: 48px;
        background: url(../img/left.png) 20px center no-repeat;
        display: block;
        background-color: #f7f5f6;
    }
    .exit:after {
        display: none;
    }
    .exit.do {
        top: initial;
    }
    .exit {
        top: 120px;
    }
    .exit {
        display: none;
        width: 40px;
        background-position: 13px center;
        left: 10px;
    }
    .exit:hover {
        background-position: 13px center !important;
    }

    .interactive.reading .blok h5 {
        max-height: 70px;
    }
    body .radio_tro_container .channel_container .channel_logo img {
        width: 60px;
        float: left;
        padding: 0;
        position: absolute;
        left: 15px;
    }
    body .radio_tro_container .channel_container .channel_logo div {
        text-align: left;
        padding-top: 2px;
        height: 53px;
        vertical-align: middle;
        display: table-cell;
        position: relative;
        font-size: 15px;
        line-height: 24px;
        padding-left: 65px;
    }
}

.header .search_panel .blackfon {
    top: 195px;
}
.header .blackfon {
    position: fixed;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 85px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 16px;
    color: #a7a7a7;
    letter-spacing: -0.16px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    letter-spacing: -0.16px;
}

@media (max-width: 425px) {
    .vuz {
        padding: 0;
    }
    .vuz p {
        padding: 0 13px;
    }

    body div.contest_title span {
        font-size: 26px;
        width: 90%;
        padding: 5%;
    }

    .blocks1171.messages {
        font-size: 13px;
        margin: 0;
        padding: 0 10px;
        width: 100%;
    }
    #button-up {
        display: none !important;
    }
    .header .right .lang {
        margin-right: 38px;
    }
    .header > .wrapper {
        background: url(../img/header-bg-425.png) center 0 no-repeat;
    }

    .header {
        position: fixed;
        width: 100%;
    }
    .page_wrapper {
        max-width: 425px;
        min-width: 320px;
        padding-top: 105px;
    }
    .content768 {
        max-width: 320px;
        padding: 0;
        width: 320px;
    }
    .standart_class .img img {
        width: 100%;
        height: auto;
    }
    .content768.standart_class > img {
        width: 100%;
        height: auto;
    }
    .content768.standart_class p > img {
        width: 100%;
        height: auto;
    }
    .content768.standart_class div > img {
        width: 100%;
        height: auto;
    }
    .standart_class .img.backgroundpoint img {
        width: 100%;
        height: auto;
    }
    .header .logo img {
        width: 207px;
        height: 33px;
    }
    .header .logo {
        margin: 16px 0 0 12px;
        padding-bottom: 16px;
    }

    .header .right {
        padding-top: 16px;
        padding-right: 1px;
        width: 53px;
    }
    .header .right .lang {
        display: inline-block;
        margin-right: 0;
        margin-top: 0px;
    }
    .header .right .search {
        display: block;
        right: 11px;
        margin-top: 12px;
        border: none;
        padding: 0;
        margin-top: 9px;
        display: block;
    }

    .mobmenu .activited a {
        padding: 12px 20px 10px;
        line-height: 20px;
    }
    .mobmenu .hidemenu a,
    .mobmenu .hidemenu a.pod {
        padding-right: 36px;
    }
    .mobmenu .activited:after {
        right: 16px;
        top: 17px;
    }

    .infoarticle .category {
        margin-left: 40px;
        margin-right: 11px;
        padding-bottom: 5px;
    }
    .infoarticle .author {
        margin: 0px 0px 6px 27px;
        line-height: 19px;
    }
    .infoarticle .photo {
        margin: -5px 0px 0 27px;
    }
    .standart_class h1 {
        line-height: 32px;
        font-size: 24px;
        padding-left: 13px;
        padding-right: 13px;
        padding-bottom: 22px;
    }
    .infoarticle {
        padding-bottom: 19px;
    }
    .standart_class h3 {
        font-size: 18px;
        line-height: 27px;
        padding-bottom: 14px;
        padding: 0 13px 12px;
    }
    .content768.standart_class h3 a {
        font-size: 18px;
        line-height: 27px;
    }
    .reading .block .blok {
        width: 100%;
    }
    .standart_class {
        line-height: 24px;
        font-size: 16px;
    }
    .standart_class .img.backgroundpoint:before {
        height: 294px;
    }
    .standart_class .img.backgroundpoint {
        padding-bottom: 23px;
        padding-top: 16px;
    }
    .standart_class p {
        line-height: 24px;
        font-size: 16px;
    }
    .gos .whitebox2 p {
        padding: 0 13px;
    }
    .infoarticle .data {
        margin: 1px 23px 0 0;
        padding-left: 0px;
    }
    .standart_class .img img {
        margin-bottom: 6px;
    }

    .standart_class .img {
        padding-top: 2px;
        padding-bottom: 23px;
    }
    .standart_class iframe {
        height: 180px;
        margin-bottom: 5px;
        padding-top: 2px;
        padding-bottom: 0;
    }
    .standart_class .videoplayer {
        height: 180px;
        margin-bottom: 5px;
        padding-top: 2px;
        padding-bottom: 0;
    }
    .standart_class .video {
    }
    .standart_class .blockquote {
        padding: 22px 13px 51px;
    }
    .standart_class .blockquote img {
        border-radius: 100%;
        position: relative;
        left: auto;
        margin: 0 auto;
        display: table;
    }
    .standart_class h4 {
        font-size: 20px;
        text-align: center;
        margin-top: 13px;
    }
    .content768.standart_class h4 a {
        font-size: 20px;
    }
    .standart_class .blockquote .position {
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        padding-bottom: 12px;
        padding-top: 0;
    }
    .standart_class blockquote {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
    }
    .standart_class h2 {
        line-height: 32px;
        font-size: 24px;
        padding: 25px 13px 21px;
    }
    .standart_class ol li:before {
        font-size: 25px;
        line-height: 56px;
        color: #40be2a;
        width: 58px;
        text-align: center;
        height: 56px;
        display: table;
        margin-left: 11px;
    }
    .standart_class ol li span {
        padding-left: 14px;
        line-height: 24px;
        padding-right: 13px;
    }
    .standart_class ol li p {
        padding-left: 14px;
        line-height: 24px;
        padding-right: 13px;
    }
    .standart_class ol li {
        padding-bottom: 32px;
    }
    .standart_class ol {
        padding-bottom: 25px;
    }
    .standart_class h2.ul_padding {
        padding-top: 29px;
        padding-bottom: 24px;
    }
    .standart_class ul h3 {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 7px;
        padding-left: 0;
    }
    .standart_class ul li {
        padding: 0 13px 21px;
        font-size: 16px;
        line-height: 24px;
    }
    .standart_class ul {
        padding-bottom: 30px;
    }
    .reading {
        padding-bottom: 19px;
    }
    .reading h2 {
        padding-top: 42px;
        line-height: 37px;
        font-size: 28px;
    }
    .reading .block .blok .imgs {
        height: 171px;
    }
    .reading .block .blok > div {
        padding: 11px 13px 20px;
        height: auto;
    }
    .reading .block .blok h5 {
        margin-top: 3px;
        height: auto;
    }
    .reading .block .blok {
        margin: 0 auto 20px;
        display: table;
        width: 296px;
    }
    .reading .block .blok .data {
        padding-left: 0;
    }
    .reading .block .blok img {
        height: 170px;
    }
    .reading .block .blok:last-child {
        display: table;
    }
    .social {
        padding: 18px 0;
    }
    .social a {
        width: 45px;
        height: 45px;
        background-size: 100%;
    }
    .social a:hover {
        background-size: 100%;
    }
    .social a:nth-child(5) {
        display: none;
    }
    .social a:nth-child(6) {
        display: none;
    }
    .social a:nth-child(7) {
        display: none;
    }
    .footer .created {
        font-size: 10px;
    }
    .commentary {
        width: 100%;
        padding: 31px 13px 38px;
    }
    .commentary textarea {
        height: 71px;
    }
    .buttonorange {
        width: 100%;
        margin-top: 9px;
    }
    .commentary .author {
        margin-top: 31px;
        margin-left: 4px;
    }
    .commentary .comment p {
        line-height: 22px;
        font-size: 15px;
    }
    .commentary .comment {
        padding: 19px 4px 21px;
    }
    .commentary .buttongray {
        padding-top: 10px;
        height: 46px;
    }
    .subscription h4 {
        font-size: 22px;
        margin: 0 auto 24px;
        display: table;
        float: none;
        font-size: 24px;
        line-height: 28px;
    }
    .subscription div p {
        display: none;
    }
    .subscription {
        padding-top: 38px;
        padding-bottom: 49px;
    }
    .subscription .block > div {
        width: 100%;
    }
    .subscription input[type="text"] {
        width: 100%;
    }
    .buttongreen_sub {
        width: 100%;
        margin-top: 21px;
        float: none;
    }
    .header .search_panel input[type="text"] {
        padding-left: 12px;
    }
    .blocks1171 {
        width: 92.5%;
    }
    .reading .block .blok {
        width: 92.5%;
    }
    .content768 {
        width: 100%;
        max-width: 100%;
    }
    .voprosotvet .blocks1171 {
        width: 92.5%;
    }

    .reading .buttonsblok {
        display: none;
    }

    .main {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .main .left .imgs {
        height: 200px;
        margin-bottom: 0;
    }
    .main .left img {
        height: 200px;
        margin-bottom: 0;
    }
    .main .left {
        width: 100%;
        height: auto;
        min-height: 300px;
    }
    .main h2 {
        font-size: 18px;
        line-height: 24px;
        padding: 15px 17px 11px;
    }
    .main p.txt {
        line-height: 24px;
        padding: 0 16px;
    }
    .main .right {
        display: block;
        width: 100%;
        padding: 15px 0;
    }
    .main .right h3 {
        padding-left: 0;
        padding-top: 10px;
    }
    .module_background h2 {
        font-size: 25px;
        padding-left: 0;
        padding-bottom: 24px;
        padding-top: 25px;
        line-height: 28px;
    }
    .module_block .blok {
        width: 100%;
        margin-bottom: 16px;
    }
    .module_block .blok .imgs {
        height: 152px;
    }
    .module_block .blok:hover img {
        height: auto;
    }
    .module_block .blok img {
        height: auto;
    }
    .module_block .blok h5 {
        height: auto;
        font-size: 18px;
    }
    .module_block .blok > div {
        overflow: hidden;
        padding: 14px 10px 0 15px;
        height: auto;
    }
    .module_block .blok h5 a br {
        display: none;
    }

    .module_background.reading {
        margin-top: 14px;
    }
    .module_background.reading .block .blok > div {
        padding: 11px 13px 20px;
        padding-top: 16px;
    }
    .module_background.reading .blok > div h5 {
        height: auto;
    }
    .module_background.reading .block .blok {
        margin: 0 auto 16px;
    }
    .module_background.reading.territory .block .blok > div {
        padding-bottom: 20px;
    }

    .intermedia.reading .blok .imgs {
        height: 179px;
    }
    .intermedia.reading .blok:hover img {
        height: calc(179px + 10%);
    }
    .intermedia.reading .blok img {
        height: auto;
    }
    .intermedia.reading .blok h5 {
        bottom: 15px;
        font-size: 18px;
        padding-left: 0;
        left: 15px;
    }
    .intermedia.reading .blok {
        padding-bottom: 23px;
    }
    .intermedia.reading .blok .data {
        bottom: 9px;
        left: 16px;
    }
    .module_background.reading .block .blok:last-child {
        margin-bottom: 0;
    }

    .interactive.reading .blok img {
        height: auto;
    }
    .interactive.reading .blok .imgs {
        height: 136px;
    }
    .interactive.reading .blok:hover img {
        height: auto;
    }
    .interactive.reading .blok .txt {
        padding-left: 0;
        padding-right: 0;
    }
    .interactive.reading .blok h5 {
        margin-bottom: 7px;
    }
    .module_background.reading .blok > div h5 {
        font-size: 18px;
    }
    .interactive.reading .blok {
        padding-bottom: 69px;
    }
    .interactive.reading .blok .greenbutton {
        bottom: 25px;
        left: 15px;
    }
    .mapsblok {
        display: none;
    }
    .document {
        margin-top: 11px;
    }
    .module_background h2 {
        padding-left: 0;
    }
    .document .blok {
        padding: 5px 25px 15px 65px;
        height: auto;
        margin-bottom: 10px;
    }
    .document .blok h4 {
        text-align: left;
    }
    .document .blok p {
        line-height: 24px;
        padding-left: 0;
    }
    .document .flymenu {
        padding: 34px 0 25px;
    }
    .document .flymenu div a {
        margin-left: 0;
    }
    .document .flymenu p {
        padding: 15px 10px 25px 10px;
        line-height: 22px;
        font-size: 16px;
    }
    .document .flymenu p span {
        display: none;
    }
    .document .flymenu div a {
        padding-left: 63px;
        padding-top: 15px;
        padding-right: 15px;
        background-position: 13px 18px !important;
    }
    .partners a {
        margin-right: 8px;
    }
    .partners a:nth-child(2n) {
        margin-right: 0;
    }

    .partners a img {
        width: 143px;
        height: 51px;
    }

    .rubric {
        padding-top: 19px;
    }
    .project .blok {
        padding: 19px 4px 25px;
        margin-bottom: 10px;
    }
    .project .blok p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.16px;
        padding-right: 5px;
        line-height: 24px;
    }
    .project .blok p:after {
        right: 6px;
        top: 103.9%;
    }

    .reading.mini {
        margin-top: 0;
    }

    .reading .block .blok h5 {
        margin-top: 7px;
    }
    .reading.mini .blok {
        margin: 0 auto 16px;
    }
    .reading.mini .blok:nth-child(2n) {
        margin: 0 auto 16px;
    }
    .reading.mini .blok:nth-child(3n) {
        margin: 0 auto 16px;
    }
    .reading.mini .blok.noimg h5 {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .reading.mini .blok.noimg .txt {
        padding: 0;
        height: auto;
    }
    .reading.mini .blok.noimg > div {
        height: auto;
    }

    .document .docs a {
        padding: 16px 12px 12px 63px;
        background-position: 14px 19px !important;
        margin-bottom: 10px;
    }
    .document .docs a span {
        padding-top: 11px;
    }
    .document.max {
        margin-top: 0;
    }
    .document .searchbloks h2 {
        font-size: 20px;
        padding-left: 0;
        padding-bottom: 9px;
    }
    .document .searchbloks {
        padding: 3px 10px 25px;
    }
    .document .searchbloks input[type="date"],
    input[type="text"],
    select {
        padding-left: 12px;
        margin-bottom: 10px;
    }
    body .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 1px;
    }
    body .select2-results__option {
        padding: 15px 0 14px 12px;
    }
    body .select2-container {
        margin-bottom: 10px;
    }
    .document .left p {
        padding-top: 7px;
    }
    .document .left input {
        margin-right: 0;
        width: 45%;
    }

    #docfilter_data_to,
    .document .left input:last-child {
        margin-right: 0;
        float: right;
    }
    .document .left p:after {
        top: 49px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        pointer-events: none;
    }
    .document .right {
        float: none;
        display: table;
        width: 100%;
    }
    .document .right .buttongreen_sub {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .document .right a {
        float: none;
        margin: 0px auto;
        display: table;
    }
    body .document .resultdoc h3 {
        float: none;
        text-align: center;
    }
    .document .resultdoc .tematika {
        display: none;
    }
    .document .searchbloks .docs {
        padding-bottom: 0;
        margin-left: -12px;
        width: calc(100% + 24px);
    }

    .reading.mini .block .blok:last-child {
        display: table;
    }
    .rubric.inter .reading.mini .blok {
        margin: 0 auto 16px;
    }
    .rubric.inter .reading.mini .blok > div {
        height: auto;
    }
    .rubric.inter .reading.mini .blok > div {
        padding: 12px 15px 20px;
    }

    .intervi.standart_class .infoarticle {
        padding-bottom: 30px;
    }
    .intervi.standart_class .blockquote .position {
        padding-bottom: 10px;
    }
    .intervi.standart_class blockquote {
        font-size: 25px;
        line-height: 32px;
    }
    .standart_class .blockquote {
        padding: 22px 13px 20px;
    }
    .standart_class h4.interh4 {
        line-height: 29px;
        font-size: 18px;
        padding: 0 13px 30px;
    }

    .reading.standart_class.intermod {
        margin-top: 20px;
    }

    .reading.standart_class.intermod .blok {
        margin: 0 auto 16px !important;
    }

    .voprosotvet .select {
        margin-bottom: 1px;
    }

    .voprosotvet .out_blok .blok {
        background-position: 16px 20px;
        padding: 17px 5px 26px;
        margin-bottom: 10px;
    }
    .voprosotvet .out_blok .blok p {
        padding-left: 60px;
        line-height: 24px;
        font-size: 16px;
        padding-right: 5px;
    }
    .voprosotvet .out_blok .blok p:after {
        right: 4px;
        top: 109%;
    }
    .voprosotvet .out_blok .more p {
        font-size: 14px;
        line-height: 22px;
    }
    .voprosotvet .standart_class ol li {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 19px;
    }
    .voprosotvet .out_blok .more h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .voprosotvet .out_blok .more {
        padding: 30px 0 3px 0;
        background-position: 17px 33px;
        margin-bottom: 11px;
    }
    .voprosotvet .out_blok .more p:first-child {
        padding-left: 64px;
    }
    .voprosotvet .out_blok .more p {
        padding-bottom: 25px;
    }
    .voprosotvet .out_blok .more a {
        font-size: 14px;
    }
    .voprosotvet .standart_class ol {
        padding-bottom: 16px;
    }

    .sverhsovet .blocks1171 {
        width: 100%;
    }
    .whitebox {
        padding: 16px 50px 29px 12px;
        border-radius: 0;
        margin-bottom: 8px;
    }
    .whitebox h4 {
        text-align: left;
        margin-bottom: 17px;
    }
    .whitebox a {
        font-size: 16px;
    }
    .sverhsovet .right h2 {
        padding-bottom: 22px;
    }
    .sverhsovet ol li {
        line-height: 24px;
        font-size: 16px;
    }
    .sverhsovet ol {
        padding-bottom: 13px;
    }
    .sverhsovet ul {
        padding-top: 8px;
        padding-bottom: 0;
    }

    .tabled span {
        float: none;
        display: table;
        width: 60%;
        padding-top: 3px;
        padding-left: 12px;
        padding-bottom: 15px;
    }
    .tabled div p {
        float: none;
        width: 100%;
        display: table;
        line-height: 24px;
        font-size: 16px;
        background-color: #f2f2f2;
        padding: 28px 10px 37px 12px;
    }
    .tabled .ps {
        margin-top: -17px;
        padding-left: 12px;
    }
    .tabled {
        margin-bottom: 33px;
    }
    .whitebox2 {
        padding: 38px 0 36px;
        border-radius: 0;
        margin-bottom: 30px;
    }
    .whitebox2 h4 {
        text-align: left;
        margin-bottom: 17px;
    }
    .whitebox2 a {
        font-size: 16px;
    }
    .whitebox2 h3 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 14px;
    }
    .whitebox2 p b {
        padding-bottom: 8px;
    }
    .whitebox2 p {
        padding-bottom: 8px;
    }

    .gos .blocks1171 {
        width: 100%;
    }
    .gos .whitebox2 {
        width: 100%;
        padding: 38px 0 39px 0px;
        margin: 0 auto 20px;
    }
    .gos .whitebox2 p b {
        line-height: 20px;
    }

    .biography .img.backgroundpoint {
        width: 100%;
        margin-top: 0;
    }
    .biography {
        padding-top: 21px;
        padding-bottom: 19px;
    }
    .biography h1 {
        padding-bottom: 7px;
    }
    .biography .img.backgroundpoint > span {
        height: 240px;
    }
    .biography h2 {
        padding: 25px 13px 16px;
    }
    .biography .olh2 {
        padding-left: 12px;
        padding-bottom: 17px;
    }
    .biography ol li {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 14px;
    }
    .biography ol li:before {
        content: "";
        width: 31px;
        height: 31px;
        line-height: 31px;
        margin-left: 12px;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .biography ol li span {
        padding-left: 17px;
    }
    .biography ol {
        padding-bottom: 15px;
    }
    .bio.reading .blok > div h5 {
        height: auto;
    }

    .ethernet .whitebox2.forms {
        padding: 10px 12px 51px 8px;
    }
    .ethernet .whitebox2.forms h2 {
        font-size: 20px;
        padding-bottom: 8px;
        line-height: 37px;
    }
    .whitebox2.forms input {
        margin-bottom: 9px;
    }
    .whitebox2.forms .clear:after {
        top: -2px;
    }
    .whitebox2.forms .error:after {
        top: -2px;
    }
    textarea {
        padding-left: 12px;
    }
    .ethernet .whitebox2.forms textarea {
        height: 253px;
        margin-bottom: 17px;
    }
    .whitebox2.forms .left {
        width: 100%;
        float: none;
        display: table;
    }
    .whitebox2.forms .left p {
        padding: 0 5px;
    }
    .whitebox2.forms .right {
        float: none;
        margin-top: 33px;
        width: 100%;
    }
    .whitebox2.forms .buttongreen_sub {
        width: 100%;
    }
    .bg_flyform .flyform {
        width: 300px;
    }
    .bg_flyform .in {
        width: 100%;
    }
    .bg_flyform.blago .in {
        padding: 40px 15px;
        margin: 0 auto;
    }
    .bg_flyform.blago h4 {
        font-size: 25px;
        padding-top: 10px;
    }
    .bg_flyform.blago p br {
        display: none;
    }

    .searchbloks.site .n1 {
        width: calc(100% - 45px);
    }
    .searchbloks.site .left .select {
        display: block;
        width: 100%;
    }
    .searchbloks.site .left {
        display: table;
        float: none;
        width: 100%;
    }
    .searchbloks.site .n1 {
        margin-bottom: 10px;
    }
    .searchbloks.site .buttongreen_sub {
        position: absolute;
        width: calc(100% - 24px);
        margin-top: 229px;
    }
    .searchbloks.site form {
        padding-bottom: 30px;
    }
    .searchbloks.site .right {
        padding-top: 40px;
    }
    .searchbloks.site .right input:nth-child(2) {
        margin-left: 0;
        float: right;
    }
    .searchbloks.site .right p {
        float: none;
        margin-top: -93px;
        position: absolute;
        padding-left: 2px;
        width: 94%;
        padding-right: 0;
    }
    .searchbloks.site .right input {
        float: none;
        margin-left: 0px;
        width: 45%;
        text-align: center;
    }
    .searchbloks.site .resultdoc h3 {
        text-align: center;
        font-size: 17px;
        padding-left: 1px;
        padding-bottom: 7px;
    }
    .searchbloks.site .docs a {
        padding-bottom: 20px;
        line-height: 20px;
        font-size: 15px;
        padding-top: 18px;
        padding: 18px 12px 20px;
        border-radius: 0;
    }
    .searchbloks.site .docs a b {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .searchbloks.site {
        margin-bottom: 0;
    }
    .searchbloks.site .right p::after {
        left: -25px;
        right: 0;
        margin: 19px auto;
        text-align: center;
        width: 100%;
        display: block;
    }
    .standart_class .img.backgroundpoint:before {
        display: none;
    }
}

@media (max-width: 414px) {
    .header > .wrapper {
        background: url(../img/header-bg-414.png) center 0 no-repeat;
    }
}
@media (max-width: 375px) {
    .header > .wrapper {
        background: url(../img/header-bg-375.png) center 0 no-repeat;
    }
}
@media (max-width: 320px) {
    .header > .wrapper {
        background: url(../img/header-bg-320.png) center 0 no-repeat;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

#cube-loader {
}
#cube-loader .caption {
    margin: 0 auto;
}
#cube-loader .cube-loader {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-top: 49px;
    position: relative;
    transform: rotateZ(45deg);
}
#cube-loader .cube-loader .cube {
    position: relative;
    transform: rotateZ(45deg);
    width: 50%;
    height: 50%;
    float: left;
    transform: scale(1.1);
}
#cube-loader .cube-loader .cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #34495e;
    animation: cube-loader 2.76s infinite linear both;
    transform-origin: 100% 100%;
}
#cube-loader .cube-loader .loader-2 {
    transform: scale(1.1) rotateZ(90deg);
}
#cube-loader .cube-loader .loader-3 {
    transform: scale(1.1) rotateZ(180deg);
}
#cube-loader .cube-loader .loader-4 {
    transform: scale(1.1) rotateZ(270deg);
}
#cube-loader .cube-loader .loader-2:before {
    animation-delay: 0.35s;
}
#cube-loader .cube-loader .loader-3:before {
    animation-delay: 0.69s;
}
#cube-loader .cube-loader .loader-4:before {
    animation-delay: 1.04s;
}

@keyframes cube-loader {
    0%,
    10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}