@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap&subset=cyrillic');

.h1, .h2, .h3, h1, h2, h3, h4, .h4 {
    font-weight: 700;
    margin-bottom: 2rem;
}

h1 {
    font-size: 27px;
    letter-spacing: 0;
    text-transform: none;
    color: #181818;
    margin-bottom: 2rem;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

html {
    font-size: inherit;
}

body {
    font-size: 16px;
    line-height: 26px;
    max-width: 1920px;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #5a6e86;
}

a {
    color: #1d9578;
}

a:hover, a:focus {
    color: #bbd4c8;
    text-decoration: none;
}

img {
    max-width: 100%;
}

h2 {
    font-weight: normal;
}

.header {
    height: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-item {
    text-transform: uppercase;
}

.nav-link {
    text-transform: uppercase;
    border-top: 4px transparent solid;
    border-bottom: 4px transparent solid;
    display: block;
    padding: 20px;
    color: white;
}

.nav-link:hover, .nav-link:focus, .nav-link.active {
    color: white;
    border-bottom: 4px #ee714e solid;
}

.content {
    padding: 3rem 5rem 5rem 1rem;
}

.side-link {
    display: block;
    padding: 5px 0;
}

.side-nav {

    margin-bottom: 3rem;
}

.side-nav a.active {
    font-weight: bold;
}

.bread {
    color: #333333;
    padding: 1rem;
    background-color: #e6e6e6;
}

.bread a, .bread span {
    display: inline-block;
    padding-left: 1rem;
}

.bread a:after {
    color: #5a6e86;
    padding-left: 1rem;
    content: ">";
}

.sidebar {
    background-color: #f8f8f8;
}

.aside {
    padding: 4rem 2rem 5rem;
}

.aside h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 28px;
    color: #333333;
}

#edit {
    position: fixed;
    top: 42px;
    left: -24px;
    padding: 5px 12px;
    background: darkred;
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 14px;
    transform: rotate(90deg);
    z-index: 1000;
}

.bottom {
    font-size: 14px;
    padding: 1rem 2rem;
    background-color: black;
    color: #a1a0a0;
}

.footer-block {
    padding: 3rem 2rem;
}

.footer {
    background-color: black;
    color: white
}

.footer h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 2rem;
}

.footer-about {
    font-size: 15px;
    line-height: 1.2;
}

.footer-about span {
    display: block;
    color: #1d9578;
    margin-bottom: 5px;
    font-weight: bold;
}

.footer-nav a {
    display: block;
    color: #eee;
    padding: .1rem 0;
}

.footer-nav a:focus, .footer-nav a:hover {
    color: #facbb7;
}


ol {
    list-style: none;
    counter-reset: section;
    padding-left: 0;
}

ol li {
    display: flex;
    margin: .5rem 0;
    padding-left: 0;
}

ol li:before {
    flex-shrink: 0;
    counter-increment: section;
    content: counter(section);
    background: #a6d3b7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding-inline: 1ch;
    margin-inline-end: 1ch;
    color: white;
    width: 26px;
    height: 26px;
    font-size: 14px;
}

.p1115 ol li:before {
    background: red;
}

.phones {
    line-height: 1.2;
}

.house {
    display: flex;
    align-items: center;
    line-height: 1.2;
    text-transform: uppercase;
}

.house img {
    margin-right: .5rem;
}

ul li::marker {
    color: #a6d3b7;
}

.block {
    margin-bottom: 3rem;
}

.collapse-header {
    font-weight: bold;
    font-size: 18px;
    display: block;
    padding-bottom: 1rem;
}

.collapse-header:before {
    content: ">";
    margin-right: 1rem;
    color: white;
    background-color: #a6d3b7;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    transition: transform .8s ease-in-out;
}

.collapse-header[aria-expanded="true"]:before {
    transform: rotate(90deg);
}

.text-strong {
    font-weight: 600;
}

.doc {
    align-items: flex-start;
    display: flex;
    margin-bottom: 2rem;
}

.doc img {
    margin-right: 2rem;
    flex-shrink: 0;
}

.doc-summary {
    font-size: 14px;
    line-height: 1.2;
}

.bt {
    font-size: 14px;
    display: inline-block;
    padding: .75rem 2.5rem;
    color: white;
    background-color: #fccc80;
    border: 2px solid #f7a70b;
    border-radius: 5px;
}

.bt:hover, .bt:focus {
    color: white;
    background-color: #f7a70b;
    border: 2px solid #fccc80;
}

.house-block {
    margin-bottom: 2rem;
}

.house-body {
    font-size: 14px;
    padding: 0 3rem;
}


.house-block h4 {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.house-block .row div {
    border-bottom: 1px solid #aaa;
}

.house-block .row div:nth-child(2n-1) {
    font-weight: bold;
}

.house-block .row div:nth-child(2n) {
    text-align: right;
}

.house-block h4:before {
    display: inline-block;
    content: " ";
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    margin-right: 1rem;
    background: center center url("/image/map.svg") no-repeat;

}

/* PAGINATION */
.MarkupPagerNav {
    clear: both;
    margin: 1em 0;
    font-family: Arial, sans-serif;
}

.MarkupPagerNav li {
    display: inline;
    list-style: none;
    margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
    display: block;
    float: left;
    padding: 4px 12px;
    color: #fff;
    background: darkorange;
    margin-right: 3px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
    color: #fff;
    background: #000;
    text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
    display: inline;
    color: #777;
    background: #d2e4ea;
    padding-left: 4px;
    padding-right: 4px;
}

.news-block {
    display: block;
    margin: 2rem 0;
}

.news-item {
    display: block;
    margin-bottom: 2rem;
}

.eyebrow {
    display: block;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.eyebrow a + a:before {
    display: inline-block;
    background: #ff8c00;
    border-radius: 50%;
    content: "";
    width: 12px;
    height: 12px;
    margin: 0 5px;
}

.mfp-counter {
    padding: .5rem;
}

.mfp-title {
    width: 100%;
    position: absolute;
    padding: 2rem 3rem 3rem;
    color: #FFF;
    background: black;
}

.swiper-album {
    padding: 2rem 80px;
    position: relative
}

.swiper-slide {
    display: flex;
    justify-content: center !important;
}

.section {
    padding: 5rem 0;
}

.section.sky {
    background-color: #f7a70b;
}

.section-title {
    text-align: center;
    margin-bottom: 3rem;
}

.section-title p {
    font-size: 18px;
}
.section h3 {
    font-size: 32px;
    color: #000;
    padding: 0;
    margin-bottom: 1rem;
}

.home-news-item {
    display: block;
    background-color: white;
    padding: 1rem 2rem;
    border-radius: 5px;
    margin-bottom: .5rem;
}

.home-news-item p {
    margin-top: .5rem;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.2;
    width: 60%;
}

.home-news-item h4 {
    color: #333333;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
}

.home-news-item img {
    border-radius: 5px;
}

/* modal */

.modal-content {
    padding: 2rem;
    background: #e8e8e8;
}

.modal-title {
    color: #ee714e;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 2rem;
}

.modal-header, .modal-footer {
    border: none;
}

.modal-footer {
    justify-content: center;
}

.modal-body {
    margin: 3rem 8% 0;
}

.close {
    position: absolute;
    right: 2rem;
    font-size: 3rem;
    line-height: 1;
}

.form-control: {
    border-color: #ee714e;
    box-shadow: none;
}

a:focus, button:focus {
    outline: none !important;
}

.form-control.validation {
    box-shadow: 0 0 2pt 1pt red;
}

#send:hover {
    opacity: .6;
}

#send:active, #send:focus {
    box-shadow: none;
}

.form-group.confirm {
    display: none;
}

.modal {
    text-align: center;
}

#message {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.modal {
    background-color: rgba(255, 255, 255, .5) !important;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 700px;
    max-width: none;
}

@media (max-width: 991.98px) {
    .modal-dialog {
        width: 90%
    }
}

/* end modal */

.first-side {
    background-color: #eeeeee;
    padding: 4rem 3rem;
    height: 100%;
    margin: 1rem;
    border-radius: 16px;
}

/* modal */

#modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation-name: fadeIn;
    animation-duration: 150ms;
    animation-timing-function: ease;
}

#modal .close {
    position: absolute;
    border: 0;
    background: 0 0;
    padding: .5rem;
    right: 4rem;
    top: 2rem;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#modal > .modal-underlay {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#modal > .modal-content {
    position: relative;
    width: 80%;
    max-width: 600px;
    border: solid 1px #999;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    background-color: #eee;
    padding: 3rem 4rem 3rem;
    animation-name: zoomIn;
    animation-duration: 150ms;
    animation-timing-function: ease;
}

#modal.closing {
    /* Animate when closing */
    animation-name: fadeOut;
    animation-duration: 150ms;
    animation-timing-function: ease;
}

#modal.closing > .modal-content {
    /* Aniate when closing */
    animation-name: zoomOut;
    animation-duration: 150ms;
    animation-timing-function: ease;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}

/* end modal */

/* menu */

#backdrop {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    display: none;
    cursor: pointer;
    background-color: rgba(155, 155, 155, 0.4);
}

#menu {
    z-index: 1031;
    width: 70%;
    max-width: 300px;
    float: left;
    position: fixed;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
    left: -70%;
    top: 0;
    transition: left 200ms, box-shadow 200ms;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 0 0 0;
    box-sizing: border-box;
    color: #333;
    background-color: #eee;
    padding: 2rem 1rem;
    font-family: 'PT Sans', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#menu .icon {
    padding: 8px;
}

#backdrop.active {
    display: block;
}

#menu a:hover, #menu a:focus {
    text-decoration: none;
}

#menu.active {
    left: 0;
    box-shadow: 5px 0 1px 0 rgba(0, 0, 0, 0.18);
}

#menu ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
    font-size: 14px;
    margin-bottom: 24px;
    width: 100%;
}

#menu ul > li {
    display: list-item;
}

#menu ul > li > a, #menu ul > li > span {
    color: #333;
    text-decoration: none;
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    width: 100%;
    font-size: 16px;
    text-align: right;
    padding: .5rem;
    text-transform: uppercase;

}

#menu ul > li.active > a, #menu ul > li > a:focus, #menu ul > li > a:hover {
    color: #ee714e;
}

#toggle {
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    margin-right: 1rem;
}

/* end menu */