.header
{
    margin: 0;
    padding: 0;

    border: 0;
    outline: 0;
    background-color: transparent;
}

*,
*:before,
*:after
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    outline: 0;
}

body
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    min-width: 320px;
    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

html
{
    height: 100%;
}

.container
{
    max-width: 1670px;
    margin: 0 auto; 
    padding: 0 15px;
}
.container:after
{
    display: block;
    clear: both; 

    content: ' ';
}

.wrapper
{
    overflow: hidden; 

    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}

body
{
    font-family: 'Myriad Pro', 'sans-serif'; /*type of font set up here*/
    font-size: 18px; /*the size of the footer text set up here*/
    font-weight: 300;
    line-height: 1.2; 

    color: #000;
    background: #fff;
}

ul,
ol
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-family: 'Myriad Pro', 'sans-serif';
    font-weight: 700; 
    line-height: 1.2;

    margin: 0;
    padding: 0;

    color: #000;
}

h1
{
    font-size: 36px;
}

h2
{
    font-size: 32px;
}

h3
{
    font-size: 28px;
}

h4
{
    font-size: 24px;
}

h5
{
    font-size: 20px;
}

h6
{
    font-size: 18px;
}

p
{
    margin: 0; 
    padding: 0;
}

hr
{
    overflow: hidden;

    height: 1px;
    margin: 32px 0; 

    border: 0;
    background: #e9e9e9;
}

q,
blockquote
{
    font-style: italic; 

    display: block;

    text-align: center;
}

strong,
b
{
    font-weight: 700;
}

a
{
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    text-decoration: none;

    color: white;
}

.popup a{
    text-decoration: underline;
}

a.button
{
    text-decoration: none;
}
a.button:hover
{
    text-decoration: none;
}

[class*='icon-']
{
    display: inline-block;

    vertical-align: top;
}

img[style*='float: left'],
img[style*='float:left'],
img[align='left']
{
    margin: 0 20px 5px 0;
}

img[style*='float: right'],
img[style*='float:right'],
img[align='right']
{
    margin: 0 0 5px 20px;
}

.static-content blockquote
{
    padding-left: 20px; 

    text-align: left;

    border-left: 2px solid #ccc;
}

.static-content ul
{
    margin: 20px 0;
}
.static-content ul li
{
    position: relative;

    padding-left: 20px;
}
.static-content ul li:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 5px;
    height: 5px;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); 

    background: #f00;
}

.proezd_link {
    display: none;
}

.static-content ol
{
    margin: 20px 0;

    list-style-position: inside;
    list-style-type: decimal;

    counter-reset: item;
}
.static-content ol li
{
    position: relative; 

    display: block;
}
.static-content ol li:before
{
    font-weight: 700; 

    display: inline;

    content: counters(item, '.') '. ';
    counter-increment: item;
    vertical-align: top;
}

.static-content p
{
    margin-bottom: 16px;
}

.static-content table
{
    width: 100%;

    border-collapse: collapse;
}
.static-content table th
{
    font-weight: 700;

    padding: 5px; 

    text-align: left;

    border-bottom: 1px solid #000;
}
.static-content table td
{
    padding: 5px;
}
.static-content table tr:nth-child(odd) td
{
    background-color: #f4f4f4;
}

.upper
{
    text-transform: uppercase;
}

.bold
{
    font-weight: 700;
}

.title
{
    font-size: 36px; /*size of font of main text - name of the site set up here*/

    position: relative;

    display: block;

    padding-bottom: 15px;  /*vertical distance from horizontal line down set up here (1604 line for bottom distance)*/

    text-align: center; /*orientation of text set up here - left, right, center*/
    text-transform: uppercase; /*big or small letters of name of web site text set up here - uppercase lowercase*/

    color: #633; /*color of name of web site text set up here*/
}
.title:before
{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 153px;
    height: 2px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #633;
}

.btn
{
    font-size: 24px;
    font-weight: 300;
    line-height: 1;

    position: relative;

    display: block;

    width: 100%;
    padding: 8px 10px 6px;

    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    text-align: center;
    text-transform: uppercase;

    color: #f5fcf5;
    border: 1px solid #f5fcf5;
    border-radius: 0;
    outline: none; 
    background: #633;
}
.btn:hover,
.btn.active
{
    color: #633;
    border-color: #fff;
    background-color: #fff;
}
.btn--border
{
    border: 1px solid #959595; 
    background-color: transparent;
}
.btn--border:hover
{
    color: #633;
    border-color: #fff; 
    background-color: #fff;
}
.btn.disabled,
.btn[disabled='disabled'],
.btn[disabled]
{
    cursor: not-allowed;

    color: #ccc;
    border-color: #ccc; 
    background: #8a8a8a;
}

textarea,
select,
.input
{
    font-size: 18px;
    line-height: 1.2;

    display: block;

    width: 100%;
    height: 40px;
    padding: 0 20px;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

    color: #000;
    border: 1px solid #bcbcbc;
    border-radius: 0; 
    background-color: #fff;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
.input::-webkit-input-placeholder
{
    color: #9c9c9c;
}
textarea::-moz-placeholder,
select::-moz-placeholder,
.input::-moz-placeholder
{
    opacity: 1; 
    color: #9c9c9c;
}
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
.input:-ms-input-placeholder
{
    color: #9c9c9c;
}
textarea:focus::-moz-placeholder,
select:focus::-moz-placeholder,
.input:focus::-moz-placeholder
{
    opacity: 1; 
    color: transparent;
}
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
.input:focus::-webkit-input-placeholder
{
    color: transparent;
}
textarea:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
.input:focus:-ms-input-placeholder
{
    color: transparent;
}
textarea:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
.input:focus::-ms-input-placeholder
{
    color: transparent;
}
textarea:focus::placeholder,
select:focus::placeholder,
.input:focus::placeholder
{
    color: transparent;
}
textarea:focus,
select:focus,
.input:focus
{
    border-color: #696969;
    background-color: #fff;
}
textarea.disabled,
textarea[disabled='disabled'],
textarea[disabled],
select.disabled,
select[disabled='disabled'],
select[disabled],
.input.disabled,
.input[disabled='disabled'],
.input[disabled]
{
    background-color: #f3f3f3;
}
textarea.error,
select.error,
.input.error
{
    border-color: #ed1c24;
}
textarea.valid,
select.valid,
.input.valid
{
    border-color: #39b54a;
}

textarea
{
    height: 150px;
    padding: 10px 20px; 

    resize: none;
}

input[type='file']
{
    display: none;
}
input[type='file'] + label
{
    font-size: 14px;
    line-height: 24px;

    display: block;

    padding: 25px 15px;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 
    text-align: center;

    color: #8a8a8a;
    border: 1px dashed #c4c4c4;
    background: #fff;
}
input[type='file'] + label:hover
{
    border-color: #696969;
    background: #e9e9e9;
}

select
{
    display: block;

    -webkit-transition: none;
            transition: none;

    border-radius: 0;
    background-color: #fff; 
    background-repeat: no-repeat;
    background-position: right 25px center;
    background-size: 29px 17px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.icon-phone
{
    width: 21px;
    height: 20px; 

    background-image: url(../img/sprite.png);
    background-position: -77px 0;
}

.icon-phone-white
{
    width: 21px;
    height: 21px; 

    background-image: url(../img/sprite.png);
    background-position: -118px 0;
}

.icon-insta
{
    width: 24px;
    height: 24px; 

    background-image: url(../img/sprite.png);
    background-position: -203px 0;
}

.icon-fb
{
    width: 24px;
    height: 24px; 

    background-image: url(../img/sprite.png);
    background-position: -159px 0;
}

.icon-pin
{
    width: 17px;
    height: 23px; 

    background-image: url(../img/sprite.png);
    background-position: 0 0;
}

.icon-pdf
{
    width: 20px;
    height: 23px; 

    background-image: url(../img/sprite.png);
    background-position: -37px 0;
}

.icon-car
{
    width: 37px;
    height: 25px; 

    background-image: url(../img/sprite.png);
    background-position: -294px 0;
}

.icon-bus
{
    width: 27px;
    height: 27px; 

    background-image: url(../img/sprite.png);
    background-position: -247px 0;
}

.icon-interesting
{
    width: 49px;
    height: 49px; 

    background-image: url(../img/sprite.png);
    background-position: -482px 0;
}

.icon-sport
{
    width: 55px;
    height: 51px;

    background-image: url(../img/sprite.png);
    background-position: -700px 0;
}

.icon-entertainment
{
    width: 55px;
    height: 51px; 

    background-image: url(../img/sprite.png);
    background-position: -625px 0;
}

.icon-school
{
    width: 48px;
    height: 48px; 

    background-image: url(../img/sprite.png);
    background-position: -414px 0;
}

.icon-kindergartens
{
    width: 43px;
    height: 49px; 

    background-image: url(../img/sprite.png);
    background-position: -351px 0;
}

.icon-shops
{
    width: 50px;
    height: 46px; 

    background-image: url(../img/sprite.png);
    background-position: -551px 0;
}

.row
{
    font-size: 0;
    line-height: 0;

    margin-right: -15px; 
    margin-left: -15px;
}

.col
{
    font-size: 18px;
    line-height: 1.2; 

    display: inline-block;

    width: 100%;
    padding: 0 15px;

    vertical-align: top;
}

.no-gutter
{
    margin-right: 0; 
    margin-left: 0;
}
.no-gutter .col
{
    padding: 0;
}

.slick-arrow
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    z-index: 4;
    top: 50%;

    width: 50px;
    height: 80px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.slick-arrow.slick-disabled
{
    display: none !important;
}
.slick-arrow:hover:before
{
    border-color: #924141;
}
.slick-arrow:active::before
{
    border-color: #fff;
}
.slick-arrow:before
{
    position: absolute;
    top: 10px;

    width: 60px;
    height: 60px;

    content: '';
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    border: 2px solid #633;
}

.slick-prev
{
    left: 0;
}
.slick-prev:before
{
    left: 12px; 

    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    border-width: 0 0 2px 2px;
}

.slick-next
{
    right: 0;
}
.slick-next:before
{
    right: 12px; 

    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);

    border-width: 0 2px 2px 0;
}

.slick-dots
{
    font-size: 0;
    line-height: 0; 

    position: absolute;
    bottom: 120px;
    left: 50%;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.slick-dots li
{
    display: inline-block;

    padding: 0 5px;
}
.slick-dots li.slick-active button
{
    opacity: 1;
}
.slick-dots button
{
    width: 35px;
    height: 4px;
    padding: 0;

    cursor: pointer; 
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

    opacity: .45;
    border: none;
    border-radius: 2px;
    background-color: #fff;
}

.fancybox-slide--html
{
    padding: 0;
}

.fancybox-content
{
    padding: 0;
}

.fancybox-slide--html .fancybox-close-small
{
    padding: 2px;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    opacity: 1;
}
.fancybox-slide--html .fancybox-close-small:hover
{
    opacity: .7;
}

.about
{
    padding-bottom: 82px;
}
.about .title
{
    margin-bottom: 69px;
}
.about__body
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    background-color: #633; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.about__info
{
    width: 33.5%;
    padding: 76px 53px 47px;

    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: contain;
}
.about__info-title
{
    font-size: 30px;
    font-weight: 300;
    line-height: 1.1;

    display: block;

    margin-bottom: 30px;

    text-transform: uppercase; 

    color: #fff;
}
.about__info-desc
{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.65; 

    margin-bottom: 29px;

    color: #fff;
}
.about__info-nav
{
    margin-bottom: 49px;
    padding-top: 27px;
}
.about__info-nav .slick-arrow
{
    position: static;

    width: 82px;
    height: 82px;

    -webkit-transform: translateY(0);
            transform: translateY(0);

    background-color: #5a2d2d;
}
.about__info-nav .slick-arrow::before
{
    width: 40px;
    height: 40px; 

    border-color: #fff;
}
.about__info-nav .slick-arrow:hover
{
    background-color: #402020;
}
.about__info-nav .slick-prev::before
{
    top: 50%;
    left: 60%;

    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
}
.about__info-nav .slick-next::before
{
    top: 50%;
    right: auto;
    left: 40%;

    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
}
.about__info .btn
{
    font-size: 18px; 

    /*max-width: 370px;*/
    padding-top: 13px;
    padding-bottom: 10px;
}
.about__slider
{
    width: 66.5%;
}
.about__slider .slick-list
{
    height: 100%;
}
.about__slider .slick-track
{
    height: 100%;
}
.about__slider .slick-dots
{
    bottom: 101px;
    left: 120px;

    -webkit-transform: translateX(0);
            transform: translateX(0);
}
.about__slider-item
{
    position: relative;
    z-index: 1;
}
.about__slider-img
{
    display: block;

    width: 100%;
    height: inherit;

    -o-object-fit: cover;
       object-fit: cover;
}
.about__slider-name
{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2; 

    position: absolute;
    z-index: 2;
    right: 30px;
    bottom: 163px;
    left: 120px;

    display: block;

    max-width: 700px;

    text-transform: uppercase;

    color: #fff;
}

.advantages
{
    padding-top: 85px;
    padding-bottom: 103px;
}
.advantages__title
{
    margin-bottom: 84px;
}
.advantages__wrap
{
    max-width: 1200px;
    margin: 0 auto;
}
.advantages__item
{
    padding: 0 15px;

    text-align: center;
}
.advantages__item-img
{
    padding-bottom: 48px;
}
.advantages__item-img img
{
    margin: 0 auto;
}
.advantages__item-title
{
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;

    display: block;

    padding-bottom: 25px; 

    text-transform: uppercase;

    color: #298736;
}
.advantages__item-txt
{
    line-height: 25px; 

    display: block;
}
.advantages__slider
{
    z-index: 2; 

    padding: 0 128px;
}
.advantages__slider .slick-arrow
{
    top: 40%;
}

.board
{
    padding-bottom: 85px;
}
.board__holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; 
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.board__left
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 590px;
    padding: 32px 20px;

    text-align: center;

    background-color: #ffae00;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.board__title
{
    font-family: 'Myriad Pro Cond';
    font-size: 86px;
    line-height: 61px;

    display: block;

    text-transform: uppercase; 

    color: #fff;
}
.board__right
{
    position: relative;
    z-index: 1; 

    width: calc(100% - 590px);
    padding: 25px 79px 26px 109px;

    background-color: #2b832e;
}
.board__right:before
{
    position: absolute;
    z-index: -1; 
    top: 0;
    left: -25px;

    width: 200px;
    height: 200px;

    content: '';
    -webkit-transform: rotate(-75deg);
            transform: rotate(-75deg);

    border-top: 3px dashed #633;
    background-color: #2b832e;
}
.board__right-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.board__decor
{
    position: absolute;
    top: 11px;
    left: -35px;
}
.board__descr
{
    font-size: 30px;
    line-height: 37px;

    max-width: 520px;
    padding-right: 20px; 

    color: #fff;
}
.board__btn
{
    font-size: 18px;
    line-height: 1;

    display: block;

    width: 222px;
    padding: 12px 10px 11px;

    text-align: center; 
    text-transform: uppercase;

    color: #fff;
    border: 1px solid #fff;
}
.board__btn:hover
{
    color: #633; 
    background-color: #fff;
}
.board .btn
{
    font-size: 18px;

    width: 222px; 
    padding: 12px 10px 11px;

    border-color: #fff;
}

.contacts
{
    padding-top: 80px;
}
.contacts .title
{
    margin-bottom: 69px;
}
.contacts__body
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}
.contacts__nav
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
        flex-direction: column;

    width: 172px;

    background-color: #c2c2c2; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contacts__nav .slick-arrow::before
{
    width: 30px;
    height: 30px; 

    border-color: #fff;
}
.contacts__nav .slick-prev
{
    left: 15px;
}
.contacts__nav .slick-next
{
    right: 15px;
}
.contacts__nav-item
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
        flex-direction: column;

    height: 16.66%;
    padding: 10px;

    cursor: pointer;
    -webkit-transition: all .3s ease;
            transition: all .3s ease; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contacts__nav-item:hover,
.contacts__nav-item.active
{
    background-color: #b2b2b2;
}
.contacts__nav-icon
{
    display: block; 

    margin: 0 auto 18px;
}
.contacts__nav-txt
{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.17;

    display: block;

    text-align: center; 

    color: #f5fcf5;
}
.contacts__map
{
    width: calc(100% - 717px);
}
.contacts__info
{
    width: 545px;
    min-height: 736px;
    padding: 29px 48px;

    background-color: #633;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.contacts__info-title
{
    font-size: 36px;
    font-weight: 300;
    line-height: 1.1;

    display: block;

    margin-bottom: 23px;

    text-transform: uppercase; 

    color: #f5fcf5;
}
.contacts__info-txt
{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.17; 

    display: block;

    margin-bottom: 21px;

    color: #f5fcf5;
}
.contacts__info-tel
{
    font-size: 30px;
    line-height: 1; 

    display: inline-block;

    margin-top: 13px;
    margin-bottom: 20px;

    vertical-align: top;

    color: #f5fcf5;
}
.contacts__info .btn
{
    width: 263px; 
    margin-bottom: 51px;
}
.contacts__info-nav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row; 

    margin-bottom: 30px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}
.contacts__info-link
{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    width: 50px;
    height: 50px;
    margin-right: 30px;

    border: 1px solid #fff; 

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contacts__info-link.active
{
    border-color: #000;
}
.contacts__content
{
    display: none;
}
.contacts__content.active
{
    display: block;
}
.contacts__desc
{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.17; 

    color: #f5fcf5;
}

.footer
{
    padding: 46px 0 40px;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.footer__holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin: 0 -10px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.footer__left
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    width: 62%; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer__right
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    width: 38%; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer__item
{
    padding: 0 10px;
}
.footer__item-txt
{
    display: block;

    padding-bottom: 2px;
}
.footer__item-link
{
    color: #000;
    border-bottom: 1px solid #000;
}
.footer__item-link:hover
{
    color: #633;
    border-bottom-color: #633;
}
.footer__item-box
{
    padding-bottom: 2px;
}
.footer__item-phone
{
    line-height: 1; 

    margin-top: -6px;
}
.footer__item-phone-link
{
    font-size: 30px; 

    color: #000;
}
.footer__item-phone-link:hover
{
    color: #633;
}
.footer__social
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin: -4px -16px 0;
    padding-left: 110px; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer__social-item
{
    padding: 0 16px;
}
.footer__social-link
{
    display: block;
}
.footer__social-link:hover
{
    opacity: .8;
}
.footer__mob
{
    display: none;
}
.footer__logo-link
{
    display: block;
}
.footer__logo-link:hover
{
    opacity: .8;
}
.footer__phone-link
{
    display: inline-block;
    color: #663333;
}
.footer__phone-icon
{
    display: inline-block;

    padding-right: 10px;
}
.footer__phone-txt
{
    display: inline-block;
}
.footer__nav
{
    position: absolute;
    top: -18px;
    right: 0;
    left: 0;

    text-align: center;
}
.footer__nav .footer__item-link
{
    font-size: 13px;
}

.gallery__title
{
    margin-bottom: 25px; /*vertical distance from horizontal line down set up here (322 line for upper distance)*/
}

.gallery__holder
{
    font-size: 0;
    line-height: 0;
}

.gallery__inner
{
    display: inline-block;

    vertical-align: top;
}
.gallery__inner--sm
{
    width: 33.33%;
}
.gallery__inner--md
{
    width: 50%;
}
.gallery__inner--lg
{
    width: 66.66%;
}

.gallery__item
{
    font-size: 18px;
    line-height: 1.2;

    position: relative;
    z-index: 0;

    display: block;
    overflow: hidden; 

    height: 367px;

    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.gallery__item:hover .gallery__item-img
{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.gallery__item:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block; 

    content: '';
}
.gallery__item--lg
{
    height: 734px;
}
.gallery__item--lg .gallery__item-inner
{
    top: auto;
    bottom: 83px;
}
.gallery__item--brown:before
{
    background-color: rgba(25, 25, 25, .45);  /*color RGB - 3 first digits and transparency - last digit (.0 - fully transparent) of main pictures set up here*/
}
.gallery__item--green:before
{
    background-color: rgba(25, 25, 25, .45); /*color RGB - 3 first digits and transparency - last digit (.0 - fully transparent) of main pictures set up here*/
}
.gallery__item img
{
    position: relative;
    z-index: -2;

    width: 100%;
    height: 100%;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    -o-object-fit: cover;
       object-fit: cover;
}
.gallery__item-list
{
    display: none;
}
.gallery__item-inner
{
    position: absolute;
    z-index: 1; 
    top: 17%;
    left: 51px;

    display: block;
}
.gallery__item-icon
{
    display: block;

    width: 100px;
    height: 100px;
    margin-bottom: 23px;
}
.gallery__item-name
{
    font-size: 30px; 

    display: block;

    padding-bottom: 18px;

    text-transform: uppercase;

    color: #fff;
}
.gallery__item-descr
{
    font-size: 18px;
    line-height: 21px;

    display: block;

    text-transform: uppercase; 

    color: #fff;
}
.gallery__item-descr span
{
    display: block;
}

.header
{
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;

    padding: 20px 0;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.header.hide
{
    position: fixed;
    top: -100%;
    right: 0; 
    left: 0;
}
.header.fixed
{
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0;

    -webkit-transition: top 1.2s ease;
            transition: top 1.2s ease; 

    background-color: #fff;
    -webkit-box-shadow: 0 2px 11px 0 rgba(148, 155, 163, .55);
            box-shadow: 0 2px 11px 0 rgba(148, 155, 163, .55);
}
.header.fixed .header__list-link
{
    color: #000;
}
.header.fixed .header__list-link:hover,
.header.fixed .header__list-link.active
{
    border-color: #000;
}
.header.fixed .header__list-logo
{
    height: 60px;
}
.header.fixed .header__list-logo-fill
{
    visibility: visible; 

    opacity: 1;
}
.header.fixed .header__logo
{
    margin: 0;
}
.header.fixed .header__logo-link
{
    height: 50px;
}
.header.fixed .header__logo-fill
{
    visibility: visible; 

    opacity: 1;
}
.header.fixed .header__btn .line
{
    background-color: #633;
}
.header.fixed .header__btn .line:before,
.header.fixed .header__btn .line:after
{
    background-color: #633;
}
.header.fixed .header__btn.active .line:before,
.header.fixed .header__btn.active .line:after
{
    background-color: #fff;
}
.header.fixed .header__phone
{
    position: absolute;
    top: 20px;
    right: 50px;
}
.header.fixed .header__phone .icon-phone
{
    visibility: visible; 

    opacity: 1;
}
.header.fixed .header__phone-txt
{
    font-size: 18px;

    letter-spacing: -.4px; 

    color: #633;
}
.header__wrap
{
    max-width: 952px;
    margin: 0 auto;
}
.header__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.header__list-link
{
    text-transform: uppercase;

    color: #fff;
    border-bottom: 1px solid transparent;
}
.header__list-link:hover,
.header__list-link.active
{
    border-bottom-color: #fff;
}
.header__list-logo
{
    position: relative;

    display: block;

    height: 100px;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.header__list-logo img
{
    height: 100%;
}
.header__list-logo-fill
{
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    opacity: 0;
}
.header__logo
{
    display: none;

    width: 83px;
    margin: 0 auto; 

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.header__logo-link
{
    position: relative; 

    display: block;

    height: 60px;
}
.header__logo-fill
{
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    opacity: 0;
}
.header__logo img
{
    height: 100%;
}
.header__btn
{
    position: absolute;
    z-index: 11; 
    top: 32px;
    right: 9px;

    display: none;

    width: 23px;
    height: 16px;
}
.header__btn .line
{
    position: absolute;
    top: calc(50% - 1px);

    display: block;

    width: 100%;
    height: 2px;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    background-color: #fff;
}
.header__btn .line:before,
.header__btn .line:after
{
    position: absolute;
    left: 0;

    display: block;

    width: 100%;
    height: 2px;

    content: '';
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    background-color: #fff;
}
.header__btn .line:before
{
    top: -7px;
}
.header__btn .line:after
{
    bottom: -7px;
}
.header__btn.active .line
{
    background-color: transparent;
}
.header__btn.active .line:before
{
    top: 0;

    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
}
.header__btn.active .line:after
{
    bottom: 0;

    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}
.header__phone
{
    display: none; 

    padding-top: 10px;

    text-align: center;
}

.header__phone-link
{
    display: inline-block;
    color: white;
}

.header.fixed .header__phone-link {
    color: #663333;
}

.header__phone-icon
{
    position: relative; 

    display: inline-block;

    padding-right: 8px;
}
.header__phone-txt
{
    font-size: 21px; 

    display: inline-block;

    color: #fff;
}
.header__phone .icon-phone
{
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    opacity: 0;
}

.hero
{
    position: relative;
    z-index: 1; 

    overflow: hidden;

    height: 100vh;
}
.hero__outer
{
    position: relative;
    z-index: 5;
}
.hero .slick-track
{
    height: 100vh;
}
.hero__item
{
    height: inherit;
    padding-top: 140px;
    padding-bottom: 70px; 

    text-align: center;

    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.hero__item:before
{
    position: absolute;
    z-index: -1; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';

    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);
}
.hero__item-wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    height: 100%; 

    text-align: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hero__item-title
{
    font-size: 36px;
    line-height: 41px;

    padding-bottom: 62px; 

    text-transform: uppercase;

    color: #fff;
}
.hero__item-title span
{
    display: block;
}
.hero__item-descr
{
    font-size: 36px;
    font-weight: 700;
    line-height: 41px;

    display: block;

    padding-bottom: 64px; 

    text-transform: uppercase;

    color: #fff;
}
.hero__item-btn
{
    display: block;

    width: 222px;
    margin: 0 auto; 
    padding: 10px 10px;

    text-align: center;
    text-transform: uppercase;

    color: #fff;
    border: 1px solid #fff;
}
.hero__item-btn:hover
{
    color: #633;
    background-color: #fff;
}
.hero__item-holder
{
    position: absolute;
    bottom: 18px;
    left: 50%;

    width: 100%; 
    max-width: 952px;
    margin: 0 auto;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: left;
}
.hero__item-row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.hero__item-left
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}
.hero__item-box--mod
{
    padding-left: 97px;

    text-align: center;
}
.hero__item-icon
{
    display: none;
}
.hero__item-address
{
    color: #fff;
}
.hero__item-address-txt
{
    line-height: 25px; 

    display: block;

    text-transform: uppercase;
}
.hero__item-phone
{
    display: block;

    margin-top: -6px;
}
.hero__item-phone-link
{
    font-size: 30px;
    line-height: 1; 

    color: #fff;
}
.hero__item-phone-link:hover
{
    opacity: .8;
}
.hero__item-link
{
    font-size: 14px; 

    color: #fff;
    border-bottom: 1px solid #fff;
}
.hero__item-link:hover
{
    opacity: .8;
}
.hero__social
{
    margin-top: -6px;
}
.hero__social-txt
{
    display: block;

    padding-bottom: 3px; 

    text-transform: uppercase;

    color: #fff;
}
.hero__social-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}
.hero__social-item
{
    padding-right: 9px;
}
.hero__social-link
{
    display: block;
}
.hero__social-link:hover
{
    opacity: .8;
}

.plan
{
    margin-bottom: 26px;
}
.plan-mobile {
    display: none;
}
@media (max-width: 767px) {
    .plan-mobile {
        display: block;
    }
    .plan {
        display: none;
    }
}
.mobile-genplan {
    text-align: center;
}
.mobile-genplan .title {
    width: 320px;
    margin: auto;
    padding-top: 64px;
    padding-bottom: 60px;
}
.mobile-genplan .title:before {
    display: none;
}
.mobile-genplan .genplan_map {
    position: relative;
}
.mobile-genplan .genplan_map img {
    width: 100%;
    filter: brightness(70%);
}
.mobile-genplan .genplan_map .button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 52px;
    width: 300px;
    border: 2px solid white;
    background-color: transparent;
    color: white;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 18px;
}
.mobile-genplan .genplan_map .button:hover {
    background-color: white;
    color: #633;
}
.plan__title
{
    margin-bottom: 71px;
}
.plan__holder
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.plan__left
{
    position: relative;
    z-index: 0;

    overflow: hidden;

    width: 306px;
    padding-bottom: 135px; 

    color: #fff;
    background-color: #633;
}
.plan__left img
{
    position: absolute;
    z-index: -1; 
    bottom: 0;
    left: -42%;

    display: block;

    opacity: .1;
}
.plan__right
{
    width: calc(100% - 306px);
}
.plan__info
{
    padding: 162px 31px 10px 51px;
}
.plan__info-item
{
    font-size: 24px; 

    position: relative;

    margin-bottom: 32px;
    padding-left: 42px;

    text-transform: uppercase;

    color: #fff;
}
.plan__info-item:last-child
{
    margin-bottom: 0;
}
.plan__info-item:before
{
    position: absolute;
    top: 0;
    left: 0; 

    width: 25px;
    height: 25px;

    content: '';

    border: 1px solid #fff;
    border-radius: 50%;
}
.plan__info-item--green:before
{
    background-color: #39b54a;
}
.plan__info-item--red:before
{
    background-color: #ed1c24;
}
.plan__info-item--yellow:before
{
    background-color: #fff200;
}
.plan__info-item--blue:before
{
    background-color: #00bff3;
}
.plan__info-item--gray:before
{
    background-color: #959595;
}
.plan__load
{
    width: 210px;
    position: absolute;
    bottom: 92px; 
    left: 51px;
}
.plan__load-label
{
    font-size: 0;
    line-height: 0;

    display: block;

    padding: 12px 10px 11px !important;

    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    border: 1px solid #fff;
}
.plan__load-label:hover
{
    background-color: #fff;
}
.plan__load-label:hover svg
{
    fill: #633;
}
.plan__load-label:hover .plan__load-txt
{
    color: #633;
}
.plan__load-label:active
{
    color: #000;
    background-color: #fff;
}
.plan__load-icon
{
    display: inline-block;

    width: 20px; 

    vertical-align: middle;
}
.plan__load-icon svg
{
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    fill: #fff;
}
.plan__load-txt
{
    font-size: 14px;
    line-height: 1.2;

    display: inline-block;

    width: calc(100%);
    padding-left: 10px;

    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 
    vertical-align: middle;
    word-spacing: normal;
    text-transform: uppercase;
}
.plan__map
{
    position: relative; 

    height: 735px;
}
.plan__map img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
}
.plan__map-mark
{
    position: absolute;

    display: block;

    width: 35px;
    height: 35px;

    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    border-radius: 50%;
}
.plan__map-mark:hover
{
    opacity: .8;
}
.plan__map-mark--txt
{
    font-size: 13px;
    line-height: 1;

    padding: 6px 2px 5px; 

    text-align: center;
    text-transform: uppercase;

    background: #fff;
}
.plan__map-mark--txt span
{
    display: block;
}
.plan__map-mark--position-1
{
    top: 51px;
    left: 29%;
}
.plan__map-mark--position-2
{
    top: 97px;
    left: 33%;
}
.plan__map-mark--position-3
{
    top: 97px;
    left: 30%;
}
.plan__map-mark--position-4
{
    top: 143px;
    right: 51%;
}
.plan__map-mark--position-5
{
    top: 47%;
    left: 13%;
}
.plan__map-mark--position-6
{
    top: 47%;
    right: 55%;
}
.plan__map-mark--position-7
{
    bottom: 35%;
    left: 5%;
}
.plan__map-mark--position-8
{
    bottom: 33%;
    left: 30%;
}
.plan__map-mark--position-9
{
    right: 48%;
    bottom: 32%;
}
.plan__map-mark--position-10
{
    bottom: 25%;
    left: 19%;
}
.plan__map-mark img
{
    width: 100%;
}
.plan__map-sales
{
    position: absolute;
    top: 27.5%;
    left: 32%;

    text-align: center;
}
.plan__map-sales-title
{
    font-size: 21px;
    font-weight: 700;

    display: block;

    padding-bottom: 5px; 

    text-transform: uppercase;

    color: #fff;
}
.plan__map-sales-txt
{
    font-size: 21px;
    font-weight: 400; 

    display: block;

    text-transform: uppercase;

    color: #fff;
}
.plan__map-tooltip
{
    position: absolute;
    z-index: 2; 
    top: 36%;
    left: 32%;

    width: 232px;
    padding: 9px 15px 12px;

    text-align: center;

    background-color: #fff;
}
/*.plan__map-tooltip:before
{
    position: absolute;
    bottom: -26px;
    left: 50%;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    border: 14px solid transparent;
    border-top: 14px solid #fff;
}*/
.plan__map-tooltip-title
{
    font-size: 16px;

    position: relative;

    display: block;

    margin-bottom: 10px; 
    padding-bottom: 9px;

    text-transform: uppercase;
}
.plan__map-tooltip-title:before
{
    position: absolute;
    bottom: 0; 
    left: 50%;

    width: 64px;
    height: 2px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #000;
}
.plan__map-tooltip-list
{
    margin-bottom: 14px;
}
.plan__map-tooltip-item
{
    font-size: 16px;
}
.plan__map-tooltip-btn
{
    font-size: 16px;

    display: block;

    width: 152px;
    margin: 0 auto;
    padding: 5px 10px 3px;

    text-align: center;
    text-transform: uppercase;

    border: 1px solid #633;
}
.plan__map-tooltip-btn:hover
{
    color: #fff; 
    background-color: #633;
}
.plan__map-tooltip-btn:active
{
    color: #633;
    border-color: #fff; 
    background-color: #fff;
}

.popup
{
    display: none;

    width: 100%;
    max-width: 500px;
    padding: 37px 20px; 

    color: #fff;
    background-color: #111; /*color of all pop up windows set up here*/
}
.popup__sale
{
    font-size: 18px;
    font-weight: 700;

    position: absolute;
    top: 35px;
    left: -55px;

    padding: 5px 50px;

    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); 
    text-transform: uppercase;

    color: #fff;
    background-color: #ffae00;
}
.popup__holder
{
    padding: 40px 0;
}
.popup__title
{
    font-size: 22px;
    line-height: 20px;

    display: block;

    padding-bottom: 10px;

    text-align: center; 
    text-transform: uppercase;

    color: #fff;
}
.popup__descr
{
    font-size: 18px;
    line-height: 20px;

    display: block;

    padding-bottom: 20px; 

    text-align: center;

    color: #fff;
}
.popup__form-box
{
    padding-bottom: 10px;
}
.popup__form-input
{
    font-size: 16px;
    font-weight: 400; 

    height: 40px;
    padding: 0 13px;

    color: #fff;
    border-color: #b39999;
    background-color: transparent;
}
.popup__form-input::-webkit-input-placeholder
{
    color: #fff;
}
.popup__form-input::-moz-placeholder
{
    opacity: 1; 
    color: #fff;
}
.popup__form-input:-ms-input-placeholder
{
    color: #fff;
}
.popup__form-input:focus::-moz-placeholder
{
    opacity: 1; 
    color: transparent;
}
.popup__form-input:focus::-webkit-input-placeholder
{
    color: transparent;
}
.popup__form-input:focus:-ms-input-placeholder
{
    color: transparent;
}
.popup__form-input:focus::-ms-input-placeholder
{
    color: transparent;
}
.popup__form-input:focus::placeholder
{
    color: transparent;
}
.popup__form-input:focus
{
    border-color: #fff;
    background-color: transparent;
}
.popup__form-message
{
    font-size: 16px;
    font-weight: 400; 

    height: 80px;
    padding: 10px 13px;

    color: #fff;
    border-color: #b39999;
    background-color: transparent;
}
.popup__form-message::-webkit-input-placeholder
{
    color: #fff;
}
.popup__form-message::-moz-placeholder
{
    opacity: 1; 
    color: #fff;
}
.popup__form-message:-ms-input-placeholder
{
    color: #fff;
}
.popup__form-message:focus::-moz-placeholder
{
    opacity: 1; 
    color: transparent;
}
.popup__form-message:focus::-webkit-input-placeholder
{
    color: transparent;
}
.popup__form-message:focus:-ms-input-placeholder
{
    color: transparent;
}
.popup__form-message:focus::-ms-input-placeholder
{
    color: transparent;
}
.popup__form-message:focus::placeholder
{
    color: transparent;
}
.popup__form-message:focus
{
    border-color: #fff;
    background-color: transparent;
}
.popup__form-btn
{
    font-size: 16px;
    font-weight: 600; 

    padding: 12px 10px;

    color: #633;
    background-color: #fff;
}
.popup__form-btn:hover
{
    color: #fff;
    border-color: #fff; 
    background-color: transparent;
}

#preloader
{
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden; 

    margin: 0 auto;

    background: #fff;
}
#preloader .preloader-wrapper
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden; 

    margin: auto;
}

.preloader-center
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: auto;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.tcon-loader--spinner360
{
    position: relative;

    display: block;

    width: 80px;
    height: 80px;

    -webkit-animation: tcon-spin360 .675s linear infinite forwards;
            animation: tcon-spin360 .675s linear infinite forwards;

    border-radius: 80%;
    background: #f1f1f1;
}
.tcon-loader--spinner360:before,
.tcon-loader--spinner360:after
{
    position: absolute; 

    display: block;

    content: '';
}
.tcon-loader--spinner360:before
{
    z-index: 1;
    top: 0;
    right: 0;

    width: 50%;
    height: 80px;

    border-radius: 0 90px 90px 0;
    background: #633;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#633));
    background-image: linear-gradient(#f1f1f1, #633);
}
.tcon-loader--spinner360:after
{
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 70px;
    height: 70px;

    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border-radius: 80%;
    background: #fff;
}

@-webkit-keyframes tcon-spin360
{
    to
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes tcon-spin360
{
    to
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.tcon-visuallyhidden
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px; 
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}
.tcon-visuallyhidden:active,
.tcon-visuallyhidden:focus
{
    position: static;

    overflow: visible;
    clip: auto;

    width: auto; 
    height: auto;
    margin: 0;
}

.checkbox
{
    display: block;

    cursor: pointer;
}
.checkbox input[type='checkbox']
{
    display: none;
}
.checkbox input[type='checkbox']:checked + span:after
{
    opacity: 1;
}
.checkbox span
{
    font-size: 18px;
    line-height: 1.2;

    position: relative; 

    display: block;

    padding: 0 0 0 30px;
}
.checkbox span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;
    margin: -8px 0 0 0;

    content: '';

    background: #fff;
}
.checkbox span:after
{
    position: absolute;
    top: 50%;
    left: 5px;

    display: block;

    width: 5px;
    height: 8px;
    margin: -5px 0 0 0;

    content: '';
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    opacity: 0;
    border-right: 2px solid #633;
    border-bottom: 2px solid #633;
}

.icon-svg
{
    display: block;
}

.radio
{
    display: block;

    cursor: pointer;
}
.radio input[type='radio']
{
    display: none;
}
.radio input[type='radio']:checked + span:after
{
    opacity: 1;
}
.radio span
{
    font-size: 18px;
    line-height: 1.2;

    position: relative; 

    display: block;

    padding: 0 0 0 30px;
}
.radio span:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;
    margin: -8px 0 0 0;

    content: '';

    border-radius: 50%;
    background: #ddd;
}
.radio span:after
{
    position: absolute;
    top: 50%;
    left: 4px;

    display: block;

    width: 8px;
    height: 8px;
    margin: -4px 0 0 0;

    content: '';
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out; 

    opacity: 0;
    border-radius: 50%;
    background: #633;
}
@media (max-width: 1580px)
{
    .board__left
    {
        width: 500px;
    }
    .board__right
    {
        width: calc(100% - 500px); 
        padding: 25px 20px 26px 50px;
    }
}
@media (max-width: 1520px)
{
    .about__info
    {
        padding: 50px 43px 40px;
    }
    .about__info-title
    {
        margin-bottom: 15px;
    }
    .about__info-nav
    {
        margin-bottom: 29px; 
        padding-top: 0;
    }
}
@media (max-width: 1440px)
{
    .footer__social
    {
        padding-left: 40px;
    }
    .gallery__item
    {
        height: 265px;
    }
    .gallery__item--lg .gallery__item-inner
    {
        bottom: 43px;
    }
    .gallery__item--lg
    {
        height: 530px;
    }
    .gallery__item-inner
    {
        right: 20px; 
        left: 20px;
    }
    .gallery__item-icon
    {
        width: 80px;
        height: 80px;
        margin-bottom: 15px;
    }
    .gallery__item-name
    {
        font-size: 24px;

        padding-bottom: 12px;
    }
}
@media (max-width: 1420px)
{
    .about__info
    {
        padding-right: 33px; 
        padding-left: 33px;
    }
    .about__info-title
    {
        font-size: 29px;
    }
    .about__info-desc
    {
        margin-bottom: 17px;
    }
    .about__info-nav
    {
        margin-bottom: 19px;
    }
}
@media (max-width: 1365px)
{
    .advantages__slider
    {
        padding: 0 90px;
    }
    .board__left
    {
        width: 30%;
    }
    .board__title
    {
        font-size: 44px;
    }
    .board__right
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 70%;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .board__right-inner
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .board__descr
    {
        font-size: 24px;
        line-height: 1.2;

        width: calc(100% - 180px); 
        max-width: 100%;
    }
    .board__btn
    {
        width: 180px;
    }
    .board .btn
    {
        width: 180px;
    }
    .footer__left
    {
        width: calc(100% - 420px);
        padding-right: 10px;
    }
    .footer__right
    {
        width: 420px;
    }
    .footer__social
    {
        padding-left: 0;
    }
    .footer__social img
    {
        width: 100%;
    }
    .hero__item-title
    {
        padding-bottom: 40px;
    }
    .hero__item-descr
    {
        padding-bottom: 40px;
    }
    .plan__title
    {
        margin-bottom: 51px;
    }
    .plan__info
    {
        padding: 75px 31px 10px 51px;
    }
    .plan__map
    {
        height: 550px;
    }
    /*.plan__map-mark--position-3
    {
        left: 33%;
    }
    .plan__map-mark--position-4
    {
        top: 78px;
    }
    .plan__map-mark--position-5
    {
        display: none;
    }*/
    .plan__map-sales
    {
        left: 38%;

        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}
@media (max-width: 1320px)
{
    .about__info-desc
    {
        font-size: 16px; 

        margin-bottom: 12px;
    }
    .about__info-nav .slick-arrow
    {
        width: 62px;
        height: 62px;
    }
    .about__info-nav .slick-arrow::before
    {
        width: 30px;
        height: 30px;
    }
    .about__slider-name
    {
        font-size: 27px; 

        max-width: 550px;
    }
    .plan__map-mark--position-7 {
        bottom: 13%;
        left: 5%;
    }
    .plan__map-sales {
        top: 34.5%;
    }
    .plan__map-mark--position-10 {
        bottom: 0%;
        left: 18.5%;
    }
    .plan__map-mark--position-5 {
        top: 63%;
        left: 14%;
    }
    .plan__map-mark--position-8 {
        bottom: 12%;
        left: 30%;
    }
    .plan__map-mark--position-6 {
        top: 63%;
        right: 55%;
    }
    .plan__map-mark--position-9 {
        right: 48%;
        bottom: 10%;
    }
}
@media (max-width: 1240px)
{
    .footer
    {
        padding: 46px 0 46px;
    }
    .footer__left
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .footer__left .footer__item
    {
        width: 50%;
        padding-bottom: 25px;
    }
    .footer__left .footer__item:last-child
    {
        padding-bottom: 0;
    }
}
@media (max-width: 1200px)
{
    .about__info
    {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
            flex-direction: column; 

        padding-right: 20px;
        padding-left: 20px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .contacts__map
    {
        width: calc(100% - 617px);
    }
    .contacts__info
    {
        width: 445px;
    }
}
@media (max-width: 1170px)
{
    .about__info-title
    {
        font-size: 26px; 

        margin-bottom: 5px;
    }
    .about__info-desc
    {
        font-size: 14px; 

        margin-bottom: 8px;
    }
    .about__info .btn
    {
        font-size: 16px; 

        padding-top: 10px;
        padding-bottom: 7px;
    }
}
@media (max-width: 1024px)
{
    .title
    {
        font-size: 24px;

        padding-bottom: 24px;
    }
    .slick-arrow
    {
        width: 40px;
        height: 70px;
    }
    .slick-arrow:before
    {
        top: 15px; 

        width: 40px;
        height: 40px;
    }
    .slick-prev:before
    {
        left: 8px;
    }
    .slick-next:before
    {
        right: 8px;
    }
    .about .title
    {
        margin-bottom: 40px;
    }
    .about__body
    {
            flex-direction: column-reverse; 

        -ms-flex-item-align: auto;
        align-self: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .about__info
    {
        width: 100%; 
        padding-top: 36px;
        padding-bottom: 48px;
    }
    .about__slider
    {
        width: 100%;
    }
    .about__slider .slick-list
    {
        height: auto;
    }
    .about__slider .slick-track
    {
        height: auto;
    }
    .about__slider .slick-dots
    {
        bottom: 50px; 
        left: 60px;
    }
    .about__slider-img
    {
        height: 400px;
    }
    .about__slider-name
    {
        font-size: 22px; 

        bottom: 80px;
        left: 60px;
    }
    .advantages__title
    {
        margin-bottom: 64px;
    }
    .advantages__slider
    {
        padding: 0 50px;
    }
    .board__left
    {
        width: 35%;
        padding: 20px 20px;
    }
    .board__title
    {
        font-size: 34px;
        line-height: 1.2;
    }
    .board__right
    {
        width: 65%;
        padding: 15px 20px 15px 35px;
    }
    .board__descr
    {
        font-size: 17px;
        line-height: 19px;
    }
    .board__btn
    {
        font-size: 16px;
    }
    .board .btn
    {
        font-size: 16px;
    }
    .contacts__body
    {
            flex-direction: column; 

        margin: 0 -15px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .contacts__nav
    {
        display: block; 

        width: 100%;
    }
    .contacts__nav::before
    {
        position: absolute;
        z-index: 3;
        top: 0;
        right: 0;
        bottom: 0;

        width: 120px;

        content: '';

        background: -webkit-gradient(linear, left top, right top, from(rgba(93, 152, 155, 0)), to(#5d989b));
        background: linear-gradient(to right, rgba(93, 152, 155, 0) 0%, #5d989b 100%);
    }
    .contacts__nav::after
    {
        position: absolute;
        z-index: 3;
        top: 0;
        bottom: 0;
        left: 0;

        width: 120px;

        content: '';

        background: -webkit-gradient(linear, right top, left top, from(rgba(93, 152, 155, 0)), to(#5d989b));
        background: linear-gradient(to left, rgba(93, 152, 155, 0) 0%, #5d989b 100%);
    }
    .contacts__nav-item
    {
        height: 110px; 
        padding: 0 15px 22px;
    }
    .contacts__nav-item::before
    {
        display: inline-block;

        height: 100%; 

        content: '';
        vertical-align: bottom;
    }
    .contacts__nav-holder
    {
        display: inline-block;

        vertical-align: middle;
    }
    .contacts__nav-icon
    {
        margin-bottom: 5px;

        -webkit-transform: scale(.5);
                transform: scale(.5);
    }
    .contacts__map
    {
        width: 100%;
        height: 360px;
    }
    .contacts__info
    {
        width: 100%;
        min-height: 100%;
    }
    .footer__left
    {
        display: block;
    }
    .footer__left .footer__item
    {
        width: 100%;
    }
    .gallery__inner--sm
    {
        width: 100%;
    }
    .gallery__inner--lg
    {
        width: 100%;
    }
    .gallery__item--lg .gallery__item-inner
    {
        top: 17%; 
        bottom: auto;
    }
    .gallery__item--lg
    {
        height: 265px;
    }
    .header__list-logo
    {
        height: 60px;
    }
    .hero__item
    {
        padding-top: 100px;
    }
    .hero__item-title
    {
        font-size: 26px;
        line-height: 1.2;

        padding-bottom: 25px;
    }
    .hero__item-descr
    {
        font-size: 26px;
        line-height: 1.2;

        padding-bottom: 30px;
    }
    .hero__item-holder
    {
        right: 15px;
        left: 15px;

        width: auto; 

        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    .hero__item-box--mod
    {
        padding-left: 35px;
    }
    .hero__item-address-txt
    {
        font-size: 16px;
    }
    .hero__item-phone
    {
        margin-top: -2px;
    }
    .hero__item-phone-link
    {
        font-size: 26px;
    }
    .plan__left
    {
        width: 240px;
        padding-bottom: 80px;
    }
    .plan__right
    {
        width: calc(100% - 240px);
    }
    .plan__info
    {
        padding: 40px 20px 10px;
    }
    .plan__load
    {
        left: 20px;
    }
    .plan__load-label
    {
        padding: 12px 10px 11px;
    }
    /*.plan__map-mark--position-3
    {
        left: 29%;
    }
    .plan__map-mark--position-4
    {
        right: 35%;
    }
    .plan__map-mark--position-8
    {
        display: none;
    }*/
    .plan__map-tooltip
    {
        left: 50%;

        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}
@media (max-width: 767px)
{
    .proezd_link {
        display: block;
        font-size: 16px;
    }

    .footer__desktop .footer__item-link, .footer__mob .footer__nav .footer__item-link {
        display: none;
    }

    .footer__mob .footer__item {
        width: 42%;
    }

    .footer__mob .footer__item .footer__item-link {
        font-size: 12px;
    }

    .container
    {
        padding: 0 10px;
    }
    .title
    {
        font-size: 18px;
        line-height: 25px;
    }
    .title:before
    {
        width: 133px;
    }
    .btn
    {
        font-size: 14px; 

        padding-top: 13px;
        padding-bottom: 11px;
    }
    .btn--border
    {
        border-color: #fff;
    }
    .slick-arrow
    {
        width: 30px; 
        height: 40px;
    }
    .slick-arrow:before
    {
        top: 6px;

        width: 28px;
        height: 28px; 

        border: 1px solid #633;
    }
    .slick-prev:before
    {
        left: 6px; 

        border-width: 0 0 1px 1px;
    }
    .slick-next:before
    {
        right: 6px; 

        border-width: 0 1px 1px 0;
    }
    .slick-dots
    {
        bottom: 30px;

        width: 100%;

        text-align: center;
    }
    .about .title
    {
        margin-bottom: 31px;
    }
    .about__body
    {
        margin: 0 -10px;
    }
    .about__info
    {
        padding-right: 10px; 
        padding-left: 10px;
    }
    .about__info-title
    {
        font-size: 18px;

        margin-bottom: 12px;

        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .about__info-desc
    {
        line-height: 1.43; 

        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .about__info-nav
    {
        margin-bottom: 12px;

        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 0;

        text-align: center;
    }

    .about__genplan {
        margin-top: 20px;
    }

    .about__info-nav .slick-arrow
    {
        width: 70px;
        height: 70px;
    }
    .about__info .btn
    {
        font-size: 14px; 

        margin-top: 0;
        padding-top: 13px;
        padding-bottom: 11px;

        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .about__slider .slick-dots
    {
        right: 5px;
        bottom: 31px;
        left: 5px;

        text-align: left;
    }
    .about__slider-img
    {
        height: 150px;
    }
    .about__slider-name
    {
        font-size: 18px;
        line-height: 1.39; 

        right: 13px;
        bottom: 55px;
        left: 10px;

        max-width: 100%;
    }
    .advantages
    {
        padding: 54px 0 56px;
    }
    .advantages__title
    {
        margin-bottom: 58px;
    }
    .advantages__item-img
    {
        padding-bottom: 46px;
    }
    .advantages__item-title
    {
        font-size: 16px;

        padding-bottom: 6px;
    }
    .advantages__item-txt
    {
        font-size: 14px;
        line-height: 22px;
    }
    .advantages__slider
    {
        padding: 0 30px;
    }
    .advantages__slider .slick-arrow
    {
        top: 50%;
    }
    .board
    {
        padding-bottom: 41px;
    }
    .board__holder
    {
        display: block;

        margin: 0 -10px;
    }
    .board__left
    {
        width: 100%;
        padding: 4px 10px 3px;

        border-bottom: 3px dashed #633;
    }
    .board__title
    {
        letter-spacing: 4px;
    }
    .board__right
    {
        display: block; 

        width: 100%;
        padding: 18px 20px 15px;
    }
    .board__right:before
    {
        display: none;
    }
    .board__right-inner
    {
        display: block;

        text-align: center;
    }
    .board__decor
    {
        top: -21px;
        left: 9px;

        width: 29px;

        -webkit-transform: rotate(244deg);
                transform: rotate(244deg);
    }
    .board__decor img
    {
        width: 100%;
    }
    .board__descr
    {
        width: 100%;
        padding: 0 0 10px;
    }
    .board__btn
    {
        font-size: 14px; 

        display: inline-block;

        width: auto;
        padding: 0;

        border-width: 0 0 1px;
    }
    .board .btn
    {
        font-size: 14px; 

        width: auto;
    }
    .contacts .title
    {
        margin-bottom: 29px;
    }
    .contacts__body
    {
        margin: 0 -10px;
    }
    .contacts__nav::before
    {
        width: 62px;
    }
    .contacts__nav::after
    {
        width: 62px;
    }
    .contacts__nav .slick-arrow::before
    {
        top: 35%;

        width: 15px;
        height: 15px;
    }
    .contacts__nav .slick-prev
    {
        left: 10px;
    }
    .contacts__nav .slick-next
    {
        right: 10px;
    }
    .contacts__nav-item
    {
        height: 72px; 
        padding: 0 5px 7px;
    }
    .contacts__nav-holder
    {
        vertical-align: bottom;
    }
    .contacts__nav-txt
    {
        font-size: 12px;
        line-height: 1.06;
    }
    .contacts__info
    {
        padding: 58px 10px;

        background-image: none !important;
    }
    .contacts__info-title
    {
        font-size: 18px; 
        text-align: center;
        margin-bottom: 22px;
    }
    .contacts__info-txt
    {
        font-size: 14px;
        line-height: 1.43; 

        margin-bottom: 8px;
    }
    .contacts__info-tel
    {
        font-size: 18px; 

        margin-top: 12px;
        margin-bottom: 31px;
    }
    .contacts__info .btn
    {
        width: 100%; 
        margin-bottom: 55px;
    }
    .contacts__info-nav
    {
        margin-bottom: 13px;
        display: flex;
        justify-content: center;
    }
    .contacts__info-link
    {
        width: 41px;
        height: 41px;
    }
    .contacts__info-link i
    {
        -webkit-transform: scale(.75);
                transform: scale(.75);
    }
    .contacts__desc
    {
        font-size: 14px;
        line-height: 1.43;
    }
    .footer
    {
        padding: 18px 0;
    }
    .footer__desktop
    {
        display: none;
    }
    .footer__mob
    {
        position: relative;
        z-index: 1; 

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .gallery__title
    {
        margin-bottom: 31px;
    }
    .gallery__holder
    {
        margin: 0 -10px;
    }
    .gallery__inner--md
    {
        width: 100%;
    }
    .gallery__item
    {
        height: 150px;
    }
    .gallery__item--lg .gallery__item-inner
    {
        top: 50%;
    }
    .gallery__item--lg
    {
        height: 150px;
    }
    .gallery__item-inner
    {
        top: 50%;

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); 
        text-align: center;
    }
    .gallery__item-icon
    {
        display: none;
    }
    .gallery__item-name
    {
        font-size: 18px;

        padding-bottom: 7px;
    }
    .gallery__item-descr
    {
        font-size: 14px;
        line-height: 1.25;
    }
    .header
    {
        padding: 14px 0;
    }
    .header.fixed .header__list-link
    {
        color: #fff;
    }
    .header.fixed .header__list-link:hover,
    .header.fixed .header__list-link.active
    {
        border-color: #fff;
    }
    .header__list
    {
        position: absolute;
        z-index: 2; 
        top: 0;
        right: -100%;

        display: block;
        overflow-y: auto;

        width: 100%;
        height: 100vh;
        padding: 50px 20px 20px;

        -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;

        background-color: #633;
    }
    .header__list.active
    {
        right: 0;
    }
    .header__list-item--logo
    {
        display: none;
    }
    .header__list-item
    {
        padding-bottom: 19px;
    }
    .header__list-item:last-child
    {
        padding-bottom: 0;
    }
    .header__logo
    {
        display: block;
    }
    .header__btn
    {
        display: block;
    }
    .header__phone
    {
        display: block;
    }
    .hero
    {
        height: auto;
    }
    .hero .slick-track
    {
        height: auto;
    }
    .hero__item
    {
        padding-top: 146px;
        padding-bottom: 82px;
    }
    .hero__item-wrap
    {
        display: block;
    }
    .hero__item-title
    {
        font-size: 18px;

        padding-bottom: 13px;
    }
    .hero__item-descr
    {
        font-size: 18px;

        padding-bottom: 45px;
    }
    .hero__item-btn
    {
        font-size: 14px;

        width: 100%; 
        max-width: 320px;
        padding: 11px 10px;
    }
    .hero__item-holder
    {
        position: static;

        width: 100%; 
        padding-top: 42px;
    }
    .hero__item-row
    {
        display: block;
    }
    .hero__item-left
    {
        display: block;

        padding-bottom: 20px;
    }
    .hero__item-box--mod
    {
        display: none;
    }
    .hero__item-box--address
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        width: 100%;
        max-width: 270px;
        margin: 0 auto; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .hero__item-icon
    {
        display: block;

        padding-right: 16px;
    }
    .hero__item-address-txt
    {
        line-height: 22px;

        text-transform: inherit;
    }
    .hero__social
    {
        margin-top: 0;

        text-align: center;
    }
    .hero__social-txt
    {
        padding-bottom: 11px;
    }
    .hero__social-list
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .plan
    {
        margin-bottom: 51px;
    }
    .plan__title
    {
        margin-bottom: 24px; 
        padding-bottom: 19px;
    }
    .plan__holder
    {
            flex-direction: column-reverse;

        margin: 0 -10px; 

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .plan__left
    {
        width: 100%;
        padding-bottom: 38px;
    }
    .plan__right
    {
        width: 100%;
    }
    .plan__info
    {
        padding: 41px 10px 10px;
    }
    .plan__info-list
    {
        font-size: 0;
        line-height: 0;

        margin: 0 -10px;
        padding: 0 15px 35px;
    }
    .plan__info-item
    {
        font-size: 18px;
        font-size: 16px;
        line-height: 1.2;

        display: inline-block;

        width: 50%;
        margin-bottom: 22px; 
        padding: 0 10px 0 29px;

        vertical-align: top;
        word-spacing: normal;
    }
    .plan__info-item:before
    {
        width: 17px;
        height: 17px;
    }
    .plan__load
    {
        position: static;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .plan__load-label
    {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: row;

        padding: 7.5px 10px; 

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .plan__load-txt
    {
        font-size: 14px;
    }
    .plan__map
    {
        height: 497px;
    }
    .plan__map-mark--position-7 {
        bottom: 4%;
        left: 5%;
    }
    .plan__map-mark--position-5 {
        top: 70%;
        left: 14%;
    }
    .plan__map-mark--position-10 {
        bottom: -12%;
        left: 18.5%;
    }
    .plan__map-mark--position-8 {
        bottom: 4%;
        left: 30%;
    }
    .plan__map-mark--position-9 {
        right: 48%;
        bottom: 0%;
    }
    .plan__map-mark--position-6 {
        top: 70%;
        right: 55%;
    }
    /*.plan__map-mark--position-1
    {
        display: none;
    }
    .plan__map-mark--position-2
    {
        top: 51px;
        left: 48%;
    }
    .plan__map-mark--position-3
    {
        top: 51px;
        left: 35%;
    }
    .plan__map-mark--position-4
    {
        display: none;
    }
    .plan__map-mark--position-9
    {
        right: 44%;
        bottom: 10%;
    }
    .plan__map-mark--position-10
    {
        right: 0; 
        bottom: 25%;
        left: auto;
    }*/
    .plan__map-sales
    {
        top: 37.5%;;
        width: 100%;
    }
    .plan__map-sales-title
    {
        font-size: 19px;

        padding-bottom: 7px;
    }
    .plan__map-sales-txt
    {
        font-size: 19px;
    }
    .plan__map-tooltip
    {
        top: 50%;

        width: 217px;
        padding: 6px 15px 10px;
    }
    .plan__map-tooltip-title
    {
        font-size: 14px;

        margin-bottom: 10px; 
        padding-bottom: 10px;
    }
    .plan__map-tooltip-list
    {
        margin-bottom: 12px;
    }
    .plan__map-tooltip-item
    {
        font-size: 14px;

        padding-bottom: 2px;
    }
    .plan__map-tooltip-btn
    {
        width: 142px; 
        padding: 4px 10px 3px;
    }
    .popup
    {
        padding: 37px 10px;
    }
    .popup__sale
    {
        font-size: 14px; 

        top: 25px;
    }
    .popup__form-input
    {
        font-size: 14px;
    }
    .popup__form-message
    {
        font-size: 14px;
    }
    .popup__form-btn
    {
        font-size: 14px; 
        font-weight: 400;
    }
    .checkbox span
    {
        font-size: 14px;
    }
}
@media (min-width: 320px)
{
    .xs-12
    {
        width: 100%;
    }
    .xs-11
    {
        width: 91.66667%;
    }
    .xs-10
    {
        width: 83.33333%;
    }
    .xs-9
    {
        width: 75%;
    }
    .xs-8
    {
        width: 66.66667%;
    }
    .xs-7
    {
        width: 58.33333%;
    }
    .xs-6
    {
        width: 50%;
    }
    .xs-5
    {
        width: 41.66667%;
    }
    .xs-4
    {
        width: 33.33333%;
    }
    .xs-3
    {
        width: 25%;
    }
    .xs-2
    {
        width: 16.66667%;
    }
    .xs-1
    {
        width: 8.33333%;
    }
    .offset-xs-11
    {
        margin-left: 91.66667%;
    }
    .offset-xs-10
    {
        margin-left: 83.33333%;
    }
    .offset-xs-9
    {
        margin-left: 75%;
    }
    .offset-xs-8
    {
        margin-left: 66.66667%;
    }
    .offset-xs-7
    {
        margin-left: 58.33333%;
    }
    .offset-xs-6
    {
        margin-left: 50%;
    }
    .offset-xs-5
    {
        margin-left: 41.66667%;
    }
    .offset-xs-4
    {
        margin-left: 33.33333%;
    }
    .offset-xs-3
    {
        margin-left: 25%;
    }
    .offset-xs-2
    {
        margin-left: 16.66667%;
    }
    .offset-xs-1
    {
        margin-left: 8.33333%;
    }
}
@media (min-width: 768px)
{
    .sm-12
    {
        width: 100%;
    }
    .sm-11
    {
        width: 91.66667%;
    }
    .sm-10
    {
        width: 83.33333%;
    }
    .sm-9
    {
        width: 75%;
    }
    .sm-8
    {
        width: 66.66667%;
    }
    .sm-7
    {
        width: 58.33333%;
    }
    .sm-6
    {
        width: 50%;
    }
    .sm-5
    {
        width: 41.66667%;
    }
    .sm-4
    {
        width: 33.33333%;
    }
    .sm-3
    {
        width: 25%;
    }
    .sm-2
    {
        width: 16.66667%;
    }
    .sm-1
    {
        width: 8.33333%;
    }
    .offset-sm-11
    {
        margin-left: 91.66667%;
    }
    .offset-sm-10
    {
        margin-left: 83.33333%;
    }
    .offset-sm-9
    {
        margin-left: 75%;
    }
    .offset-sm-8
    {
        margin-left: 66.66667%;
    }
    .offset-sm-7
    {
        margin-left: 58.33333%;
    }
    .offset-sm-6
    {
        margin-left: 50%;
    }
    .offset-sm-5
    {
        margin-left: 41.66667%;
    }
    .offset-sm-4
    {
        margin-left: 33.33333%;
    }
    .offset-sm-3
    {
        margin-left: 25%;
    }
    .offset-sm-2
    {
        margin-left: 16.66667%;
    }
    .offset-sm-1
    {
        margin-left: 8.33333%;
    }
}
@media (min-width: 1025px)
{
    .md-12
    {
        width: 100%;
    }
    .md-11
    {
        width: 91.66667%;
    }
    .md-10
    {
        width: 83.33333%;
    }
    .md-9
    {
        width: 75%;
    }
    .md-8
    {
        width: 66.66667%;
    }
    .md-7
    {
        width: 58.33333%;
    }
    .md-6
    {
        width: 50%;
    }
    .md-5
    {
        width: 41.66667%;
    }
    .md-4
    {
        width: 33.33333%;
    }
    .md-3
    {
        width: 25%;
    }
    .md-2
    {
        width: 16.66667%;
    }
    .md-1
    {
        width: 8.33333%;
    }
    .offset-md-11
    {
        margin-left: 91.66667%;
    }
    .offset-md-10
    {
        margin-left: 83.33333%;
    }
    .offset-md-9
    {
        margin-left: 75%;
    }
    .offset-md-8
    {
        margin-left: 66.66667%;
    }
    .offset-md-7
    {
        margin-left: 58.33333%;
    }
    .offset-md-6
    {
        margin-left: 50%;
    }
    .offset-md-5
    {
        margin-left: 41.66667%;
    }
    .offset-md-4
    {
        margin-left: 33.33333%;
    }
    .offset-md-3
    {
        margin-left: 25%;
    }
    .offset-md-2
    {
        margin-left: 16.66667%;
    }
    .offset-md-1
    {
        margin-left: 8.33333%;
    }
}
@media (min-width: 1366px)
{
    .lg-12
    {
        width: 100%;
    }
    .lg-11
    {
        width: 91.66667%;
    }
    .lg-10
    {
        width: 83.33333%;
    }
    .lg-9
    {
        width: 75%;
    }
    .lg-8
    {
        width: 66.66667%;
    }
    .lg-7
    {
        width: 58.33333%;
    }
    .lg-6
    {
        width: 50%;
    }
    .lg-5
    {
        width: 41.66667%;
    }
    .lg-4
    {
        width: 33.33333%;
    }
    .lg-3
    {
        width: 25%;
    }
    .lg-2
    {
        width: 16.66667%;
    }
    .lg-1
    {
        width: 8.33333%;
    }
    .offset-lg-11
    {
        margin-left: 91.66667%;
    }
    .offset-lg-10
    {
        margin-left: 83.33333%;
    }
    .offset-lg-9
    {
        margin-left: 75%;
    }
    .offset-lg-8
    {
        margin-left: 66.66667%;
    }
    .offset-lg-7
    {
        margin-left: 58.33333%;
    }
    .offset-lg-6
    {
        margin-left: 50%;
    }
    .offset-lg-5
    {
        margin-left: 41.66667%;
    }
    .offset-lg-4
    {
        margin-left: 33.33333%;
    }
    .offset-lg-3
    {
        margin-left: 25%;
    }
    .offset-lg-2
    {
        margin-left: 16.66667%;
    }
    .offset-lg-1
    {
        margin-left: 8.33333%;
    }
}

@media (max-width: 1340px) {
    .plan__right {
        overflow: auto;
    }
    .plan__map {
        width: 1340px;
    }
}