/* ==========================================================================
   ../bytovka_OLYMP/site/1_BODY/css/1_BODY.css
   ========================================================================== */
/* -------------------------------------------------------------------------- */
@font-face {
        font-family: "SegoeUI";
        font-style: normal;
        font-weight: 400;
        src: url("../fonts/SegoeUIRegular/SegoeUIRegular.eot");
        src: url("../fonts/SegoeUIRegular/SegoeUIRegular.eot?#iefix")format("embedded-opentype"),
        url("../fonts/SegoeUIRegular/SegoeUIRegular.woff") format("woff"),
        url("../fonts/SegoeUIRegular/SegoeUIRegular.ttf") format("truetype");
}

@font-face {
        font-family: "SegoeUI";
        font-style: normal;
        font-weight: 700;
        src: url("../fonts/SegoeUIBold/SegoeUIBold.eot");
        src: url("../fonts/SegoeUIBold/SegoeUIBold.eot?#iefix")format("embedded-opentype"),
        url("../fonts/SegoeUIBold/SegoeUIBold.woff") format("woff"),
        url("../fonts/SegoeUIBold/SegoeUIBold.ttf") format("truetype");
}
@font-face {
        font-family: "SegoeUISemiBold";
        src: url("../fonts/SegoeUISemiBold/SegoeUISemiBold.eot");
        src: url("../fonts/SegoeUISemiBold/SegoeUISemiBold.eot?#iefix")format("embedded-opentype"),
        url("../fonts/SegoeUISemiBold/SegoeUISemiBold.woff") format("woff"),
        url("../fonts/SegoeUISemiBold/SegoeUISemiBold.ttf") format("truetype");
        font-style: normal;
        font-weight: normal;
}
html {
    font-size: 16px;
    font-family: "SegoeUI";
    box-sizing: border-box;
}
body {
    width: 100%;
    min-width: 320px;
    min-height: 100vh;
    position: relative;
    margin: 0;
    padding: 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}
body.loading * {
    transition: none !important;
}
/* -------------------------------------------------------------------------- */
p, a, ul, li, span, h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
a ,
a * {
    transition: 0.3s;
}
i {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    color: #288ff8;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
/* -------------------------------------------------------------------------- */
header, nav, main, footer {
    width: 100%;
    display: flex;
    justify-content: center;
}
header > div ,
nav    > div ,
main   > div ,
footer > div {
    width: 100%;
    /* min-width: calc(1260px - 24px); */
    /* max-width: calc(1280px + 12px); */
    display: flex;
    align-items: stretch;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
main{
    background: #ffffff;
    margin-bottom: auto;
}
main > div {
    flex-wrap: wrap;
    background: #ffffff;
    justify-content: center;
    align-content: flex-start;
    min-height: 400px;
    margin: 0;
}
/* -------------------------------------------------------------------------- */
/* ==========================================================================
   ../bytovka_OLYMP/site/1_BODY/css/1_BODY_1024.css
   ========================================================================== */
@media only screen and (max-width: 1279px) {
main   > div {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
}

/* ==========================================================================
   ../bytovka_OLYMP/site/1_BODY/css/1_BODY_425.css
   ========================================================================== */
@media only screen and (max-width: 767px) {
/* -------------------------------------------------------------------------- */
}

/* ==========================================================================
   ../bytovka_OLYMP/site/main/css/main.css
   ========================================================================== */
/* -------------------------------------------------------------------------- */
main div[otype] {
    display: flex;
    flex-wrap: wrap;
}
main > div > div[otype] {
    width: 100%;
    align-items: stretch;
    margin: 12px 0;
}
main > div > div[otype] > div[otype] {
    width: 100%;
    margin: 12px 0;
}
/* -------------------------------------------------------------------------- */
main #breadcrumbs {
    width: 100%;
    height: 130px;
    margin: 0;
    display: flex;
    align-items: flex-start;
}
main #breadcrumbs > div {
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/* -------------------------------------------------------------------------- */
main #breadcrumbs > div:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 130px;
    left: 0;
    margin: 0;
    background: #fff;
    z-index: 99;
    box-shadow: 0 6px 15px 0px rgba(0, 0, 0, 0.15);
}
main #breadcrumbs > div > #current_page ,
main #breadcrumbs > div > #breadcrumbs_path {
    z-index: 100;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.ol-article h1,
.ol-article h2,
.ol-article h3,
.ol-article h4,
.ol-article h5,
.ol-article h6 {
    color: #278ff7;
    font-size: 30px;
    font-weight: 700;
    margin: 18px 0;
    text-transform: none;
    text-align: center;
    line-height: 0.95;
    position: relative;
    word-break: break-word;
}
/* -------------------------------------------------------------------------- */
header {
    width: 100%;
    height: 32px;
    margin-bottom: -32px;
}
header > div {
    justify-content: flex-end;
    width: 100%;
    max-width: 980px;
    margin: 0 18px;
    position: relative;
}
header > div div.lang-active {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 30px;
    margin: 4px 0 0 0;
    border: 1px solid #288ff8;
    background: #fff;
    z-index: 100;
    transition: all .1s .0s ease-out;
    cursor: pointer;
}
header > div div.lang-active.active:hover {
    background: #288ff8;
    transition: all .15s .25s ease-out;
}
header > div div.lang-active > span {
    font-size: 16px;
    color: #288ff8;
    text-transform: uppercase;
    line-height: 14px;
    transition: all .1s .0s ease-out;
}
header > div div.lang-active.active:hover > span {
    color: #fff;
    margin: 0 0 0 8px;
    transition: all .15s .25s ease-out;
}
header > div div.lang-active > i {
    transition: all .1s .0s ease-out;
}
header > div div.lang-active.active:hover > i {
    transform: rotate(180deg);
    color: #fff;
    transition: all .15s .25s ease-out;
}
/* -------------------------------------------------------------------------- */
header > div div.langs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: absolute;
    background: #eceff1;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .1), 0 4px 5px 0 rgba(0, 0, 0, .07), 0 1px 10px 0 rgba(0, 0, 0, 0.06);
    max-width: 968px;
    min-width: calc(100% - 12px);
    z-index: 101;
    left: 0;
    top: 0;
    margin: 35px 0 0 0;
    padding: 0 12px 0 0;
    border-top: 0px solid #288ff8;
    opacity: 0;
    height: 0;
    transition: all .1s .0s ease-out;
    overflow: hidden;
}
header > div div.lang-active.active > div.langs {
    height: 0;
}
header > div div.lang-active.active:hover > div.langs {
    display: flex;
    opacity: 1;
    height: auto;
    transition: all .15s .25s ease-out;
    padding: 0 12px 12px 0;
    border-top: 3px solid #288ff8;
}
header > div div.langs > a {
    display: flex;
    justify-content: flex-start;
    justify-content: center;
    align-items: center;
    margin: 12px 0 0 12px;
    padding: 4px;
    width: 116px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #288ff8;
    transition: all .1s .0s ease-out;
}
header > div div.langs > a:hover {
    background: #fff;
    transition: all .15s .25s ease-out;
    color: #ef7c20;
}
header > div div.langs > a > img {
    width: 28px;
    margin: 0 8px 0 0;
    border: 1px solid #eceff1;
}
header > div div.langs > a:hover > img {
    margin: 0 8px 0 8px;
}
/* -------------------------------------------------------------------------- */
.lightbox {
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
main > div div[otype=header] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin: 0;
}
div[otype=header] > p {
    width: 100%;
    font-size: 10px;
    font-weight: 300;
    line-height: 1.12;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
    color: #374251;
}
div[otype=header] > h1 + p ,
div[otype=header] > h2 + p ,
div[otype=header] > h3 + p ,
div[otype=header] > h4 + p ,
div[otype=header] > h5 + p ,
div[otype=header] > h6 + p {
    margin: -12px 0 12px 0;
}
/* -------------------------------------------------------------------------- */
div[otype=article] > div[otype=header] > *:after {
    left: 50%;
    margin-left: -148px;
}
/* -------------------------------------------------------------------------- */
div.w1 div[otype=header] ,
div.w2 div[otype=header] ,
div.w3 div[otype=header] ,
div.w4 div[otype=header] ,
div.w5 div[otype=header] ,
div.w6 div[otype=header] ,
div.w7 div[otype=header] ,
div.w8 div[otype=header] ,
div.w9 div[otype=header] ,
div.w10 div[otype=header] ,
div.w11 div[otype=header] {
    position: relative;
}
div.w1 div[otype=header]:after ,
div.w2 div[otype=header]:after ,
div.w3 div[otype=header]:after ,
div.w4 div[otype=header]:after ,
div.w5 div[otype=header]:after ,
div.w6 div[otype=header]:after ,
div.w7 div[otype=header]:after ,
div.w8 div[otype=header]:after ,
div.w9 div[otype=header]:after ,
div.w10 div[otype=header]:after ,
div.w11 div[otype=header]:after {
    width: 100%;
}
/* -------------------------------------------------------------------------- */
/* ==========================================================================
   ../bytovka_OLYMP/site/main/css/main_425.css
   ========================================================================== */
@media only screen and (max-width: 767px) {
/* -------------------------------------------------------------------------- */
header > div div.langs > a {
    width: 104px;
}
/* -------------------------------------------------------------------------- */
}