@charset "UTF-8";
@font-face
{
    font-family: 'SegoeUI';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/SegoeUI_gdi.woff') format('woff');
}
@font-face
{
    font-family: 'SegoeUI';
    font-weight: 300;
    font-style: normal;

    src: url('fonts/SegoeUI-Light_gdi.woff') format('woff');
}
@font-face
{
    font-family: 'SegoeUI';
    font-weight: 700;
    font-style: normal;

    src: url('fonts/SegoeUI-Bold_gdi.woff') format('woff');
}
@font-face
{
    font-family: 'SegoeUI';
    font-weight: 600;
    font-style: normal;

    src: url('fonts/SegoeUI-Semibold_gdi.woff') format('woff');
}
@font-face
{
    font-family: 'Archive';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/Archive_gdi.woff') format('woff');
}
.sprite-sprite,
.logo:before,
.phone__number:before,
.phone__number--mobile:before,
.contacts-list__item--address:before,
.contacts-list__item--time:before,
.block-title:after,
.block-title--white:after,
.ribbon-form__title:before,
.header-area__logo--1:before,
.header-area__logo--2:before,
.header-area__logo--3:before,
.home-area-price__inner:before,
.benefits__item--1:before,
.benefits__item--2:before,
.benefits__item--3:before,
.benefits__item--4:before,
.benefits__item--5:before,
.benefits__item--6:before,
.benefits__item--7:before,
.benefits__item--8:before,
.benefits__item--9:before,
.benefits__item--10:before,
.benefits__item--11:before,
.benefits__item--12:before,
.benefits__item--13:before,
.benefits__item--14:before,
.benefits__item--15:before,
.benefits__item--16:before,
.benefits__item--17:before,
.benefits__item--18:before,
.benefits__item--19:before,
.schema__zoom,
.gallery__more-link:before,
.testimonials__slider .bx-prev,
.testimonials__slider .bx-next,
.testimonials-item__link--vk:before,
.testimonials-item__link--email:before,
.areas-item__title--1:before,
.areas-item__title--2:before,
.areas-item__title--3:before,
.marked-list__item:before,
.reservation__text p:first-child:after,
.seller__item:before,
.seller-about__item--1:before,
.seller-about__item--2:before,
.seller-about__item--3:before,
.seller-slider .bx-prev,
.seller-slider .bx-next,
.how-list__point,
.how-list__point--final,
.appointment__form:before,
.boost__logo,
.modal__form:before,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span,
.col_box,
.arrow_signup
{
    background-image: url('../images/sprite-s443aa4cd65.png');
    background-repeat: no-repeat;
}

/* ==========================================================================
* Кнопки
* ========================================================================== */
.button
{
    font-family: 'SegoeUI', sans-serif;
    font-weight: 700;

    display: inline-block;

    padding: 0;

    transition: background .3s;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border: 0;
    outline: none;
}
.button--block
{
    width: 100%;
}

.button--block .button__text
{
    padding-right: 0;
    padding-left: 0;
}
.button--red
{
    color: #fff;
    border-bottom: 3px solid #de4946;
    background: #ff5450;
    background: linear-gradient(to bottom, #fb544f 0%, #ff5450 100%);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .11);
}
.button--red:hover
{
    background: #ff6d6a;
    background: linear-gradient(to bottom, #fc6c68 0%, #ff6d6a 100%);
}
.button--red:active
{
    position: relative;
    top: 2px;

    border: 0;
    background: #ff3b37;
    background: linear-gradient(to bottom, #fa3c36 0%, #ff3b37 100%);
    box-shadow: none;
}
.button--yellow
{
    font-weight: 300;

    text-transform: none;

    color: #776b4c;
    border-bottom: 3px solid #cc940f;
    background: #ffb80d;
    background: linear-gradient(to bottom, #ffcd54 0%, #ffb80d 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .14);
}
.button--yellow:hover
{
    background: #ffbf27;
    background: linear-gradient(to bottom, #ffd46e 0%, #ffbf27 100%);
}
.button--yellow:active
{
    position: relative;
    top: 2px;

    border: 0;
    background: #f3ab00;
    background: linear-gradient(to bottom, #ffc63b 0%, #f3ab00 100%);
    box-shadow: none;
}
.button--h29
{
    font-size: 15px;
    line-height: 27px !important;

    height: 29px;

    border-radius: 15px;
}
.button--h30
{
    font-size: 15px;
    line-height: 27px !important;

    height: 29px;
	color:#ffffff;
    border-radius: 15px;
}
.button--h52
{
    font-size: 13px;
    line-height: 52px !important;

    height: 52px;

    border-radius: 25px;
}
.button--h78
{
    font-size: 18px;
    line-height: 78px !important;

    height: 78px;

    border-radius: 38px;
}
.button__text
{
    padding-right: 24px;
    padding-left: 24px;
}

/* ==========================================================================
* Формы
* ========================================================================== */
.form
{
    *zoom: 1;
}
.form:before,
.form:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.form:after
{
    clear: both;
}
.form__line
{
    position: relative;

    margin-bottom: 10px;
}
.form label.error
{
    font-size: 14px;

    position: absolute;
    top: -13px;
    right: 0;

    margin-left: 0;
    padding: 5px;

    text-align: center;
    white-space: nowrap;

    color: #fff;
    border-radius: 5px;
    background: #000;
    background: rgba(0, 0, 0, .7);
}
.form__button-placeholder
{
    margin-top: 18px;
}
.form__input,
.form__textarea
{
    font-family: 'SegoeUI', sans-serif;

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

    border: 1px solid transparent;
    outline: none;
    background: #ededed;
    box-shadow: inset 1px 2px 0 rgba(0, 0, 0, .11);

    -webkit-appearance: none;
}
.form__input.error,
.form__textarea.error
{
    background: #ffe2e2;
}
.form__input.valid,
.form__textarea.valid
{
    background: #f3fff3;
}
.form__input
{
    line-height: 40px;

    height: 40px;
}
.form__input--h52
{
    line-height: 52px;

    height: 52px;

    border-radius: 26px;
}
.form__textarea
{
    height: 120px;
    padding-top: 10px;
}
.form__textarea--h90
{
    height: 90px;

    border-radius: 26px;
}

/* ==========================================================================
 * Global
 * ========================================================================== */
html
{
    font-family: 'SegoeUI', sans-serif;
	/*//font-family: 'SegoeUI-Light', sans-serif;*/
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;

    /*min-width: 480px;*/

    color: #4a4a4a;

    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
            text-size-adjust: none;
}

a
{
    text-decoration: none;

    color: inherit;
}
a:hover
{
    text-decoration: none;
}
a.link
{
    transition: all .3s;

    border-bottom: 1px solid;
}
a.link:hover
{
    border-color: transparent;
}

p,
span
{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=);
}

strong
{
    font-weight: 600;
}

p
{
    margin: 0 0 1em;
}
p:last-child
{
    margin: 0;
}

/* ==========================================================================
 * Layout
 * ========================================================================== */
.body-container
{
    position: relative;
    overflow: hidden;

    /*zap 2017-03*/
    /*max-width: 1000px;*/
    /*margin: 0 auto;*/
}
.body-container--menu
{
   /* padding: 40px 0 0;*/
}

.wrap
{
    /*/width: 1060px;*/
    max-width: 1000px;
    margin: auto;
    padding: 0 0;

    *zoom: 1;
}
.wrap:before,
.wrap:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.wrap:after
{
    clear: both;
}

/* ==========================================================================
 * Main
 * ========================================================================== */
.light
{
    font-weight: 300;
}

.regular
{
    font-weight: 400;
}

.semibold
{
    font-weight: 600;
}

.bold
{
    font-weight: 700;
}

.logo
{
    position: relative;
    display: inline-block;
}
.logo:before
{
    display: inline-block;

    width: 228px;
    height: 42px;

    content: '';

    background-position: 0 -255px;
}
.logo__title
{
    display: none;
}
.logo__text
{
    font-size: 13px;

    position: absolute;
    top: 31px;
    left: 60px;

    white-space: nowrap;

    color: #436e30;
}

.phone
{
    text-align: right;
}
.phone__number
{
    font-size: 22px;

    margin: 0 0 3px;
}
.phone__number:before
{
    display: inline-block;

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

    content: '';
    vertical-align: middle;

    background-position: -251px -82px;
}
.phone__number--mobile:before
{
    display: inline-block;

    width: 10px;
    height: 16px;

    content: '';

    background-position: -315px -82px;
}
.phone__callback
{
    font-size: 16px;

    text-decoration: none;

    color: #ffb400;
    border-bottom: 1px dotted;
}
.phone__callback:hover
{
    border-color: transparent;
}

.contacts-list__item
{
    margin: 0 0 6px;
}
.contacts-list__item:before
{
    margin: -2px 4px 0 0;

    vertical-align: middle;
}
.contacts-list__item--address:before
{
    display: inline-block;

    width: 16px;
    height: 16px;

    content: '';

    background-position: -267px -82px;
}
.contacts-list__item--time:before
{
    display: inline-block;

    width: 16px;
    height: 16px;

    content: '';

    background-position: -283px -82px;
}

.block-title
{
    font-family: 'Archive', sans-serif;
    font-size: 40px;
    font-weight: 400;

    margin: 0 0 46px;

    text-align: center;
    text-transform: uppercase;
}
.block-title2
{
    font-family: 'Archive', sans-serif;
    font-size: 32px;
    font-weight: 400;

    margin: 0 0 46px;

    text-align: center;
    text-transform: uppercase;
}
.block-title:after
{
    /* display: inline-block; */
    display: none;

    width: 43px;
    height: 8px;
    margin: 10px auto 0;

    content: '';

    background-position: -43px -82px;
}
.block-title--white:after
{
    display: inline-block;
    display: block;

    width: 43px;
    height: 8px;

    content: '';

    background-position: 0 -82px;
}

.grey-bg
{
    background: #f7f7f7 url(../images/bg/grey-bg.jpg) 50% 0 no-repeat;
}

@media only screen and (max-width: 800px)
{
    .block-title
    {
        font-family: 'Archive', sans-serif;
        font-size: 32px;
        font-weight: 400;

        margin: 0 0 46px;

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

/* ==========================================================================
 * ribbon-form
 * ========================================================================== */
.ribbon-form
{
    padding: 8px;

    border-radius: 5px;
    background: rgba(255, 255, 255, .34);
}
.ribbon-form__inner
{
    padding: 10px 23px 20px;

    color: #4a4a4a;
    background: #fff;
}
.ribbon-form__title
{
    //font-size: 21px;
    font-size: 20px;
    position: relative;
    z-index: 1;

    height: 86px;
    //margin: 0 -35px 6px;
	margin: 0 -50px 6px;
    padding: 12px 0 0;

    text-align: center;

    color: #776b4c;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .14);
}
.ribbon-form__title:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;

    display: inline-block;

    width: 457px;
    height: 86px;
    margin: 0 0 0 -228px;

    content: '';

    background-position: 0 -307px;
}
.ribbon-form__uptitle
{
    font-size: 24px;
}
.ribbon-form__counter
{
    margin: 0 0 10px 17px;

    color: #8a898a;
}

/* ==========================================================================
 * menu
 * ========================================================================== */
.menu
{
    line-height: 38px;
    /*display: none;*/
	display:block;
    position: fixed;
    z-index: 500;
    top: 0;
    right: 0;
    left: 0;

    height: 40px;

    color: #fff;
    background: #82b959;
    /*//background: linear-gradient(to bottom, #a7ce55 0%, #82b959 100%);*/
    background: linear-gradient(to bottom, #7fb55f 0%, #58ab37 100%);
}

.menu__href
{
    font-size: 13px;
    font-weight: 700;

    transition: all .2s;
    text-transform: uppercase;

    border-bottom: 1px solid transparent;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .11);
}

.slicknav_menu {
    display:none;
}

@media only screen and (max-width: 800px)
{
    /* #menu is the original menu */
    #menu {
        display:none;
    }

    .slicknav_menu .button--block
    {
        width: auto;
    }

    .slicknav_nav a.button {
        padding: 0;
    }

    .slicknav_menu {
        display:block;

        color: #fff;
        background: #82b959;
        /*//background: linear-gradient(to bottom, #a7ce55 0%, #82b959 100%);*/
        background: linear-gradient(to bottom, #7fb55f 0%, #58ab37 100%);
    }
}

@media only screen and (min-width: 800px)
{
    .menu__item:before
    {
        display: inline-block;

        width: 5px;
        height: 5px;
        margin: -2px 13px 0 0;

        content: '';
        vertical-align: middle;

        border-radius: 50%;
        background: #fff;
        background: rgba(255, 255, 255, .5);
    }

    .menu__item:first-child
    {
        margin: 0;
    }
    .menu__item:first-child:before
    {
        display: none;
    }
    .menu__item:hover{
        position: relative;
    }
    .menu__item:hover .menu__submenu{
        display: block;
        position: absolute;
        left:10px;
        right:-12px;
        top: 22px;
        /*//background: #82b959;*/
        background: #58ab37;
        padding: 10px 20px;
        padding-top: 5px;
        /*text-align: center;*/
        border-radius: 0 0 2px 2px;
    }
    .menu__submenu{
        display: none;
        width: 200px;
    }
    .menu__item_subitem{
        margin: 0;
        text-align: center;
        display: block;
        border-bottom: solid 1px #9ac663;
    }
    .menu__item_subitem:last-child{
        border: none;
    }
    .menu__item_subitem:before
    {
        display: none;
    }

    .menu__href:hover
    {
        border-color: inherit;
    }
    .menu__href_submenu{
        cursor: default;
    }
    .menu__href_submenu:hover{
    }
    .menu__button-placeholder
    {
        float: right;

        width: 184px;
    }
    .menu__social-icons
    {
        float: right;

        width: 64px;
    }
    
    .i_soc
    {
        margin: 0px 4px 0 0;
        line-height: 52px;
    }

    .menu__wrap
    {
        max-width: 1000px;
        min-width: 800px;
        margin: 0 auto;
    }

    .menu__list
    {
        float: left;

        margin: 0;
        padding: 0;

        list-style: none;
    }
    .menu__item
    {
        display: inline-block;

        margin: 0 0 0 13px !important;
    }

}

/*неподвижное меню на первом экране*/
.mainmenu
{
    line-height: 38px;
    display: none;
    position: fixed;
    z-index: 500;
    top: 0;
    right: 0;
    left: 0;
	width:900px;
    height: 40px;

    color: #fff;
    background: #82b959;
    background: linear-gradient(to bottom, #a7ce55 0%, #82b959 100%);
}
.mainmenu1 {
	position:relative;
	height: 40px;
	width: 900px;
}
@media only screen and (max-width: 1099px)
{
    .mainmenu
    {
        position: absolute;
    }
}

.mainmenu__list
{
    /*//float: left;*/
	margin:-30px 0 30px 0;

    /*//margin: 0;*/
    padding: 0;


    list-style: none;
}
.mainmenu__item
{
    display: inline-block;

    margin: 0 0 0 13px;
}
.mainmenu__item:before
{
    display: inline-block;

    width: 5px;
    height: 5px;
    margin: -2px 13px 0 0;

    content: '';
    vertical-align: middle;

    border-radius: 50%;
    background: #fff;
    background: rgba(255, 255, 255, .5);
}
.mainmenu__item:first-child
{
    margin: 0;
}
.mainmenu__item:first-child:before
{
    display: none;
}
.mainmenu__href
{
    font-size: 13px;
    font-weight: 700;

    transition: all .2s;
    text-transform: uppercase;

    border-bottom: 1px solid transparent;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .11);
}
.mainmenu__href:hover
{
    border-color: inherit;
}
.mainmenu__button-placeholder
{
  width: 184px;
	position:absolute;
	top:0px;
	left:810px;
}

@media only screen and (max-width: 800px)
{
    #mainmenu {
        display: none;
    }

    .mainmenu__item
    {
        display: list-item;
        margin: 10px 0 0 13px;
    }

    .mainmenu__item:first-child
    {
        margin: 0 0 0 13px;
    }

    .mainmenu__item:before
    {
        display: inline-block;

        width: 5px;
        height: 5px;
        margin: 0 10px 0 0;

        content: '';
        vertical-align: middle;

        border-radius: 50%;
        background: #fff;
        background: rgba(255, 255, 255, .5);
    }

    .mainmenu__item:first-child:before
    {
        display: inline-block;
    }
}
/* ==========================================================================
 * header
 * ========================================================================== */
.header
{
    position: relative;

    padding: 24px 0 28px;

    background: #fff;

	margin-top:40px;
}
.header__contacts
{
    float: left;

    width: 348px;
    padding: 4px 0 0 21px;
}
.header__content
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    width: 320px;
    height: 158px;
    margin: 0 0 0 -160px;
    padding: 16px 0 0;

    text-align: center;
}
.header__content:before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;

    display: block;

    width: 450px;
    height: 450px;
    margin: 0 0 0 -225px;

    content: '';

    border-radius: 50%;
    background: #fff;
    box-shadow: 0 18px 25px -18px rgba(0, 0, 0, .2);
}
.header__phone
{
    float: right;

    width: 348px;
    padding: 0 27px 0 0;
}
.header__logo
{
    margin: 0 0 11px;
}
.header__title
{
    font-size: 15px;
    line-height: 24px;
}

@media only screen and (max-width: 800px)
{
    .header {
        margin: 0;
    }

    .header__contacts {
        float: none;
        width: auto;
        padding: 150px 0 0 20px;
    }

    .header__phone {
        float: none;
        width: auto;
        padding: 0 20px;
    }

    .phone {
        text-align: left;
    }
}

/* ==========================================================================
 * header-area
 * ========================================================================== */
.header-area
{
    padding: 24px 0 30px;
	margin-top:40px;
}

.SignUp_box{
	display:block;
	float:left;
	width: 580px;

}

.sub-head_footer{
	display: block;
    float: left;
    font-size: 30px;
    font-weight: 600;
    margin-top: 75px;
}

.header-area span
{
    font-size:16px;
	margin-left:50px;
	font-family: 'SegoeUI', sans-serif;
	font-size: 16px;
	font-weight: 300;
	position: absolute;
}
.header-area__logo
{
    font-size: 36px;
    font-weight: 700;

    float: left;

    width: 507px;
    margin: -12px 0 0;
}
.header-area__logo:before
{
    margin: -16px 0 0 0;

    vertical-align: middle;
}
.header-area__logo--1:before
{
    display: inline-block;

    width: 39px;
    height: 35px;

    content: '';

    background-position: -125px 0;
}
.header-area__logo--2:before
{
    display: inline-block;

    width: 39px;
    height: 35px;

    content: '';

    background-position: -164px 0;
}
.header-area__logo--3:before
{
    display: inline-block;

    width: 39px;
    height: 35px;

    content: '';

    background-position: -203px 0;
}
.header-area__contacts
{
    float: left;

    margin: 2px 0 0;
}
.header-area__phone
{
    float: right;
}

@media only screen and (max-width: 800px)
{
    .SignUp_box{
        display:block;
        float:none;
        width: auto;
    }

    .sub-head_footer {
        display: block;
        float: none;
        margin-top: 45px;
        text-align: center;
    }

    .header-area__logo
    {
        font-size: 32px;
        /*font-weight: 700;*/

        float: none;

        width: auto;
        margin: -32px 0 60px 0;
    }
    .header-area__logo:before
    {
        margin: -16px 0 0 0;

        vertical-align: middle;
    }
    .header-area__contacts
    {
        float: none;
        display: block;
        padding: 0 20px;
    }
    .header-area__phone
    {
        float: none;
        display: block;
        padding: 0 20px;
    }
}

/* ==========================================================================
 * home
 * ========================================================================== */
.home
{
    position: relative;

    min-height: 558px;
    padding: 126px 0 50px;

    color: #fff;
    background: #fff url(../images/bg/home.jpg) 50% 100% no-repeat;
    background-size: cover;
}
.home:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    height: 149px;

    content: '';

    background: url(../images/bg/home-bottom.png) 50% 0 no-repeat;
}
.home__title
{
    line-height: 60px;

    margin: 0 0 70px;

    text-shadow: 0 2px 0 rgba(0, 0, 0, .24);
}

@media only screen and (max-width: 800px)
{
    .home__title
    {
        line-height: 48px;
        margin: 0 0 60px;
    }
}

.home__title:after
{
    display: none;
}
.home__text
{
    font-size: 28px;
    color: #644a16;

    min-height: 114px;
    padding: 14px 0 21px;

    text-align: center;

    background: url(../images/bg/home-ribbon.png) 50% 0 no-repeat;
    background-size: 100% 100%;
}

/* ==========================================================================
 * home-area
 * ========================================================================== */
.home-area__top
{
    position: relative;

    overflow: hidden;

    padding: 54px 0 0;

    color: #fff;
}
.home-area__top--1
{
    background: #fff url(../images/bg/home-area-1.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.home-area__top--2
{
    background: #fff url(../images/bg/home-area-2.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.home-area__top--3
{
    background: #fff url(../images/bg/home-area-3.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.home-area__top:before
{
    position: absolute;
    bottom: 25px;
    left: 50%;

    margin: 0 0 0 -603px;

    content: url(../images/bg/home-area-point.png);
}
.home-area__top:after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    height: 149px;

    content: '';

    background: url(../images/bg/home-bottom-grey.png) 50% 0 no-repeat;
}
.home-area__wrap
{
    position: relative;
}
.home-area__title
{
    margin: 0 0 36px;
}
.home-area__title:after
{
    display: none;
}
.home-area__price
{
    position: absolute;
    /*//top: 239px;*/
	top: 190px;
    left: 248px;
}
.home-area__form
{
    float: right;

    width: 355px;
    margin: 0 50px -30px 0;
}
.home-area__form-inner
{
    padding-bottom: 63px;
}
.home-area__ribbon-form
{
    position: relative;
    z-index: 10;
}
.home-area__bottom
{
    padding: 68px 0 55px;

    background: #f7f7f7;
}
.home-area__about
{
    font-size: 20px;
    line-height: 27px;

    margin: 0; /*0 75px*/

    text-align: center;
}

.about__video{
    width: 630px;
    display: inline-block;
}

.about__description {
    width: 300px;
    display: inline-block;
    padding-bottom: 20px;
    vertical-align: top;
}

@media only screen and (max-width: 800px)
{

    .home-area__price {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        margin: 0 20px 10px;
    }

    .home-area__price>strong {
        /*background: #f9514c;*/
        /*color: #FFFFFF;*/
        padding: 1px 20px 30px !important;
        /*font-family: 'Archive', sans-serif;*/
        /*font-size: 22px;*/
        /* line-height: 45px; */
        display: block;
        text-align: center;
        margin-bottom: -2em;
    }


    .home-area__price>span {
        margin-left: 0 !important;
        text-align: center !important;
        display: block;
        margin-bottom: 5px !important;
    }

    .home-area__form {
        float: none;
        width: auto;
        margin: 0 20px 20px;
    }

    .home-area__form-inner {
        padding-bottom: 32px;
    }

    .home-area__about {
        margin: 0;
    }

    .about__video{
        width: 100%;
        display: block;
    }

    .about__description {
        width: auto;
        display: block;
        padding-bottom: 20px;
        vertical-align: top;
        margin: 0 20px;
    }
}
/* ==========================================================================
 * home-area-price
 * ========================================================================== */
.home-area-price
{
    padding: 3px;

    border-radius: 3px;
    background: rgba(255, 255, 255, .34);
}
.home-area-price__inner
{
    font-size: 18px;

    position: relative;

    padding: 15px 21px 10px 15px;

    text-align: center;

    color: #4a4a4a;
    background: #fff;
}
.home-area-price__inner:before
{
    position: absolute;
    top: 100%;
    left: 50%;

    display: inline-block;

    width: 20px;
    height: 13px;
    margin: 0 0 0 -10px;

    content: '';

    background-position: -192px -82px;
}
.home-area-price__price
{
    font-size: 24px;
    font-weight: 700;
}

/* ==========================================================================
 * benefits
 * ========================================================================== */
.benefits
{
    padding: 65px 0 80px;
}
.benefits__title
{
    margin: 0 0 47px;
}
.benefits__list
{
    margin: 0;
    /*margin: 0 -50px;*/
    padding: 0;

    list-style: none;

    text-align: center;
}
.benefits__list--5 .benefits__item
{
    /*//width: 210px;*/
    width: 179px;
}
.benefits__item
{
    display: inline-block;

    width: 20%;
    min-width: 180px;
    margin: 0 0.5% 20px;

    vertical-align: top;
}
.benefits__item:before
{
    margin: 0 0 2px;
}
.benefits__item--1:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -151px -1123px;
}
.benefits__item--2:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -302px -539px;
}
.benefits__item--3:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -151px -539px;
}
.benefits__item--4:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -302px -393px;
}
.benefits__item--5:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -151px -393px;
}
.benefits__item--6:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: 0 -393px;
}
.benefits__item--7:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: 0 -539px;
}
.benefits__item--8:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -228px -109px;
}
.benefits__item--9:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: 0 -685px;
}
.benefits__item--10:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -302px -977px;
}
.benefits__item--11:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -151px -977px;
}
.benefits__item--12:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: 0 -977px;
}
.benefits__item--13:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: 0 -1123px;
}
.benefits__item--14:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -302px -831px;
}
.benefits__item--15:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -151px -831px;
}
.benefits__item--16:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -302px -685px;
}
.benefits__item--17:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -151px -685px;
}
.benefits__item--18:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: -302px -1123px;
}
.benefits__item--19:before
{
    display: inline-block;

    width: 151px;
    height: 146px;

    content: '';

    background-position: 0 -831px;
}
.benefits__name
{
    font-size: 20px;
    font-weight: 600;

    margin: 0 0 5px;
}

/* ==========================================================================
 * communications
 * ========================================================================== */
.communications
{
    padding: 86px 0 44px;
}
.communications__title
{
    margin: 0 0 51px;
}
.communications__list
{
    /*margin: 0;*/
    margin: 0 -50px 0 -13px;
    padding: 0;

    list-style: none;

    text-align: center;
}
.communications__item
{
    display: inline-block;

    width: 550px;
    margin: 0 0 17px;

    text-align: left;
    vertical-align: top;
}

.communications-item
{
    *zoom: 1;
}
.communications-item:before,
.communications-item:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.communications-item:after
{
    clear: both;
}
.communications-item__image-placeholder
{
    float: left;
}
.communications-item__content
{
    margin: 19px 0 0 234px;
}
.communications-item__title
{
    font-size: 24px;
    font-weight: 400;

    margin: 0 0 25px;
}

@media only screen and (max-width: 800px)
{
    .communications__list
    {
        margin: 0;
    }

    .communications__item {
        display: block;
        width: auto;
        margin: 0;
    }

    .communications-item__image-placeholder {
        float: none;
        padding: 0;
        display: block;
        text-align: center;
    }

    .communications-item__content {
        margin: 0 20px;
    }
}

/* ==========================================================================
 * plan
 * ========================================================================== */
.plan
{
    padding: 154px 0 158px;

    color: #fff;
    background: #598d4c url(../images/bg/plan.jpg) 50% 0 no-repeat;
}
.plan__title
{
    margin: 0 0 38px;
}
.plan__button-placeholder
{
    text-align: center;
}
.plan__button-text
{
    padding-right: 58px;
    padding-left: 58px;
}

/* ==========================================================================
 * schema
 * ========================================================================== */
.schema
{
    background: #e9e5dc url(../images/bg/schema.jpg) 50% 0 no-repeat;
}
.schema__wrap
{
    display: table;

    width: 100%;
}
.schema__content
{
    display: table-cell;

    width: 50%;
    padding: 0 20px;

    text-align: left;
    vertical-align: top;
}
.schema__content:first-child
{
    text-align: right;

    background: #fff;
    background: linear-gradient(to right, white 80%, rgba(255, 255, 255, .7) 100%);
}
.schema__inner
{
    display: inline-block;

    width: 510px;
    padding: 70px 0 30px;

    text-align: left;
}
.schema__title
{
    font-size: 34px;

    margin: 0 0 61px;

    text-align: left;
}
.schema__title2
{
    font-size: 34px;

    margin: 0 0 61px;
    background-color: #e9e5dc;
    text-align: left;
}
.schema__title:after
{
    margin: 10px auto 0;
}
.schema__graph
{
    margin: 0 0 35px;
}
.schema__zoom-placeholder
{
    margin: 250px 0 0;

    text-align: right;
}
.schema__zoom
{
    display: inline-block;

    width: 81px;
    height: 81px;

    content: '';
    text-align: left;
    text-indent: -9999px;

    background-position: -62px -109px;
}

@media only screen and (max-width: 800px)
{
    .schema__wrap {
        display: block;
        width: auto;
    }

    .schema__content {
        display: block;
        width: auto;
        padding: 0 20px;
    }

    .schema__inner {
        display: block;
        width: auto;
        padding: 50px 0 30px;
    }

    .schema {
        background: #e9e5dc url(../images/bg/schema.jpg) 50% 100% no-repeat;
    }
}

/* ==========================================================================
 * graph
 * ========================================================================== */
.graph__list
{
    display: table;

    width: 490px;
    margin: 0;
    padding: 0;

    list-style: none;
}
.graph__item
{
    display: table-row;
}
.graph__title
{
    display: table-cell;

    width: 115px;
    padding: 0 0 9px;

    vertical-align: middle;
}
.graph__value
{
    display: table-cell;

    padding: 0 21px 9px 4px;

    vertical-align: middle;

    background: url(../images/bg/graph.png) 4px 0 repeat;
}
.graph__line
{
    display: inline-block;

    height: 42px;

    opacity: .7;
    background: #ffb400;
}
.graph__percents
{
    margin: 0 -10px 0 102px;
}
.graph__percent
{
    display: inline-block;

    width: 35px;
    margin: 0 0 0 32px;

    text-align: center;
}
.graph__percent:first-child
{
    margin: 0;
}

@media only screen and (max-width: 800px)
{
    .graph__list {
        display: table;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .graph__value {
        display: table-cell;
        padding: 0 0px 9px 4px;
        vertical-align: middle;
        /*background: url(../images/bg/graph.png) 4px 0 repeat;*/
    }

    .graph__title {
        display: table-cell;
        width: 108px;
        padding: 0 0 9px;
        vertical-align: middle;
    }

    .graph__percent {
        display: inline-block;
        width: 15%;
        margin: 0;
        text-align: left;
    }

    .graph__percents {
        margin: 0px 0 0 108px;
    }
}

/* ==========================================================================
 * gallery
 * ========================================================================== */
.gallery
{
    padding: 92px  0 68px;
}
.gallery__title
{
    margin: 0 0 46px;
}
.gallery__list
{
    margin: 0;
    margin: 0 -20px 48px;
    padding: 0;
	height:510px;
    list-style: none;
	overflow:hidden;
    text-align: center;
}
.gallery__item
{
    display: inline-block;
    overflow: hidden;

    width: 257px;
    height: 251px;
    margin: 0 3px 10px;

    vertical-align: top;
}
.gallery__href
{
    display: block;
}
.gallery__image
{
    display: block;

    min-width: 100%;
    min-height: 100%;
}
.gallery__more
{
    text-align: center;
}
.gallery__more-link
{
    font-size: 13px;
    font-weight: 700;

    position: relative;

    margin: 0 0 0 24px;

    transition: all .2s;
    text-transform: uppercase;

    color: #70b150;
    border-bottom: 1px dotted;
}
.gallery__more-link:before
{
    position: absolute;
    top: 0;
    left: -24px;

    display: inline-block;

    width: 16px;
    height: 21px;

    content: '';

    background-position: -325px -82px;
}
.gallery__more-link:hover
{
    border-color: transparent;
}

/* ==========================================================================
 * testimonials
 * ========================================================================== */
.testimonials
{
    padding: 24px 0 60px;
}
.testimonials__title
{
    margin: 0 0 28px;
}
.testimonials__slider
{
    position: relative;

    margin: 0 -20px;
}
.testimonials__slider .bx-prev,
.testimonials__slider .bx-next
{
    position: absolute;
    top: 50%;

    margin: -25px 0 0;

    transition: all .2s;
    text-align: left;
    text-indent: -9999px;
}
.testimonials__slider .bx-prev:hover,
.testimonials__slider .bx-next:hover
{
    opacity: .8;
}
.testimonials__slider .bx-prev
{
    left: 0;

    display: inline-block;

    width: 33px;
    height: 33px;

    content: '';

    background-position: -59px 0;
}
.testimonials__slider .bx-next
{
    right: 0;

    display: inline-block;

    width: 33px;
    height: 33px;

    content: '';

    background-position: -92px 0;
}
.testimonials__list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.testimonials-item
{
    padding: 0 0 30px;
}
.testimonials-item__inner
{
    width: 1060px;
    margin: 0 auto;
    padding: 40px 50px 44px 65px;

    background: #fff;
    box-shadow: 0 30px 30px -30px rgba(0, 0, 0, .3);

    *zoom: 1;
}
.testimonials-item__inner:before,
.testimonials-item__inner:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.testimonials-item__inner:after
{
    clear: both;
}
.testimonials-item__image-placeholder
{
    float: left;
    overflow: hidden;

    width: 218px;
    height: 218px;
    margin: 20px 0 0 0;

    border-radius: 50%;
}
.testimonials-item__content
{
    margin: 0 0 0 270px;
}
.testimonials-item__title
{
    font-size: 24px;
    font-weight: 400;

    margin: 0 0 10px;
}
.testimonials-item__name
{
    font-size: 16px;

    margin: 0 0 34px;

    color: #70b150;
}
.testimonials-item__text
{
    font-size: 16px;
    font-style: italic;
    line-height: 25px;

    margin: 0 0 34px;
}
.testimonials-item__link
{
    font-size: 14px;
    font-style: italic;

    position: relative;

    display: inline-block;

    margin: 0 65px 0 35px;

    transition: all .2s;

    border-bottom: 1px solid transparent;
}
.testimonials-item__link:before
{
    position: absolute;
    top: 50%;
    left: -35px;

    margin: -9px 0 0;
}
.testimonials-item__link:hover
{
    border-color: inherit;
}
.testimonials-item__link--vk:before
{
    display: inline-block;

    width: 22px;
    height: 22px;

    content: '';

    background-position: -365px -82px;
}
.testimonials-item__link--email:before
{
    display: inline-block;

    width: 22px;
    height: 22px;

    content: '';

    background-position: -387px -82px;
}

@media only screen and (max-width: 800px)
{
    .testimonials__slider {
        position: relative;
        margin: 0;
    }

    .testimonials-item__inner {
        width: auto;
        margin: 0 auto;
        padding: 20px 0px;
    }

    .testimonials-item__image-placeholder {
        float: none;
        overflow: hidden;
        width: 218px;
        height: 218px;
        margin: 0 auto;
    }

    .testimonials-item__content {
        margin: 0 20px;
        float: none;
    }

    .testimonials-item__name {
        margin: 0 0 20px;
    }

    .testimonials-item__text{
        display: none;
    }

    .testimonials-item__links{
        display: none;
    }
}

/* ==========================================================================
 * areas
 * ========================================================================== */
.areas
{
    margin: 0 0 70px;
    padding: 87px 0 0;
}
.areas__title
{
    margin: 0 0 53px;
}
.areas__list
{
    margin: 0;
    margin: 0 0 -50px;
    padding: 0;

    list-style: none;
}
.areas__item
{
    margin: 0 0 44px;
}
.areas__item:last-child
{
    margin: 0;
}

.areas-item
{
    background: #fff;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);

    *zoom: 1;
    border-radius: 32px;
    overflow: hidden;
}
.areas-item:before,
.areas-item:after
{
    /* 1 */
    display: table;

    content: ' ';
    /* 2 */
}
.areas-item:after
{
    clear: both;
}
.areas-item__image-placeholder
{
    float: left;

    width: 310px;
}
.areas-item__image
{
    vertical-align: top;
    width: 100%
}
.areas-item__content
{
    float: left;

    width: 310px;
    padding: 23px 0 0 0;
}
.areas-item__title
{
    font-size: 30px;
    font-weight: 400;

    margin: 0 0 15px 20px;

    white-space: nowrap;
}
.areas-item__title:before
{
    margin: -2px 0 0 0;

    vertical-align: middle;
}
.areas-item__title--1:before
{
    display: inline-block;

    width: 30px;
    height: 27px;

    content: '';

    background-position: 0 0;
}
.areas-item__title--2:before
{
    display: inline-block;

    width: 29px;
    height: 35px;

    content: '';

    background-position: -30px 0;
}
.areas-item__title--3:before
{
    display: inline-block;

    width: 32px;
    height: 27px;

    content: '';

    background-position: -409px -82px;
}
.areas-item__price
{
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;

    position: relative;

    height: 38px;
    margin: 0 0 40px;

    text-align: center;

    color: #fff;
    background: #7fb55f;
    background: linear-gradient(to bottom, #7fb55f 0%, #58ab37 100%);
}
.areas-item__price:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 0;
    height: 0;

    content: '';

    border-width: 19px 8px 19px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}
.areas-item__button-placeholder
{
    text-align: center;
}
.areas-item__list
{
    float: left;

    width: 320px;
    margin: 27px 0 0 20px;
}

@media only screen and (max-width: 800px)
{
    .areas-item__image-placeholder
    {
        float: none;
        width: 100%;
    }
    .areas-item__image
    {
        vertical-align: top;
        width: 100%;
    }

    .areas-item__content
    {
        float: none;

        width: auto;
        padding-right: 23px;
    }

    .areas-item__list
    {
        float: none;

        width: auto;
        margin: 27px 20px 0 20px;
    }
}

/* ==========================================================================
 * marked-list
 * ========================================================================== */
.marked-list__list
{
    font-size: 18px;
    line-height: 18px;

    margin: 0;
    padding: 0;

    list-style: none;
}
.marked-list__item
{
    position: relative;

    margin: 0 0 15px;
    padding: 0 0 0 35px;

    /*white-space: nowrap;*/
    text-indent: -35px;
}
.marked-list__item:before
{
    display: inline-block;

    width: 24px;
    height: 22px;
    margin: -2px 6px 0 0;

    content: '';
    vertical-align: middle;

    background-position: -341px -82px;
}

@media only screen and (max-width: 800px)
{
    .marked-list__item
    {
        white-space: inherit;
    }
}

/* ==========================================================================
 * best
 * ========================================================================== */
.best
{
    padding: 61px 0 48px;
}
.best__title
{
    margin: 0 0 55px;
}
.best__list
{
    min-height: 430px;
    margin: 0;
    padding: 0;
    padding: 37px 0 0;

    list-style: none;

    background: #fff url(../images/bg/best.jpg) 50% 0 no-repeat;
}
.best__item
{
    font-size: 20px;

    display: inline-block;

    vertical-align: top;
}
.best__item--1
{
    width: 310px;
    margin: 12px 377px 50px 0;

    text-align: right;
}
.best__item--2
{
    margin: 0 0 53px;
}
.best__item--3
{
    width: 260px;
    margin: 13px 463px 50px 0;

    text-align: right;
}
.best__item--4
{
    margin: 0 0 54px;
}
.best__item--5
{
    width: 300px;
    margin: 0 366px 0 6px;

    text-align: right;
}
.best__item--6
{
    margin: 12px 0 0;
}

@media only screen and (max-width: 800px)
{
    .best__list
    {
        min-height: 430px;
        margin: 0;
        padding: 0;
        padding: 180px 20px 0;
        list-style: none;
        background: #fff url(../images/bg/best.jpg) 50% 0% no-repeat;
        background-size: 60%;
    }

    .best__item--1, .best__item--2, .best__item--3, .best__item--4, .best__item--5, .best__item--6
    {
        width: 100%;
        margin: 30px 0 0 10px;
        text-align: left;
        list-style: circle;
        display: list-item;
    }

    .best__title {
        margin: 0 0 20px;
    }
}

/* ==========================================================================
 * reservation
 * ========================================================================== */
.reservation
{
    padding: 89px 0 99px;

    color: #fff;
    background: #4b6b21 url(../images/bg/reservation.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.reservation__title
{
    margin: 0 0 16px;
}
.reservation__text
{
    font-size: 24px;
    line-height: 32px;

    margin: 0 0 55px;

    text-align: center;
}
.reservation__text p:first-child:after
{
    display: inline-block;
    display: block;

    width: 96px;
    height: 9px;
    margin: 20px auto 0;

    content: '';

    background-position: -86px -82px;
}
.reservation__button-placeholder
{
    text-align: center;
}
.reservation__button-text
{
    padding-right: 36px;
    padding-left: 36px;
}

@media only screen and (max-width: 800px)
{
    .reservation__text {
        font-size: 20px;
        line-height: 24px;
        padding: 0 20px;
    }

    .button--h78 {
        font-size: 16px;
        line-height: 24px !important;
        height: 78px;
        border-radius: 38px;
        text-align: center;
        margin: 0 20px;
        padding: 13px 0 0 0;
    }

    .reservation__button-text {
        padding-right: 0;
        padding-left: 0;
    }
}

/* ==========================================================================
 * stock
 * ========================================================================== */
.stock
{
    padding: 82px 0 98px;

    background: #f7f7f7;
}
.stock__title
{
    margin: 0 0 37px;
}
.stock__list
{
    margin: 0;
    margin: 0 -50px 29px;
    padding: 0;

    list-style: none;

    text-align: center;
}
.stock__item
{
    display: inline-block;

    width: 340px;
    margin: 0 8px 20px;

    text-align: left;
    vertical-align: top;
}

.stock-item
{
    position: relative;

    height: 222px;
    padding: 38px 0;
}
.stock-item:before
{
    position: absolute;
    top: 0;
    left: 50%;

    display: block;

    width: 222px;
    height: 222px;
    margin: 0 0 0 -111px;

    content: '';

    border: 13px solid #ededed;
    border-radius: 50%;
    background: #e6e6e6;
}
.stock-item__content
{
    position: relative;
    z-index: 5;

    height: 150px;
    padding: 23px 5px 0 115px;

    background: #fff;
    box-shadow: 0 30px 30px -30px rgba(0, 0, 0, .2);
}
.stock-item__image
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    height: 151px;
}
.stock-item__title
{
    font-size: 20px;
    font-weight: 600;

    margin: 0 0 10px;

    color: #70b150;
}
.stock-item__text
{
    font-size: 16px;
    line-height: 20px;
}

.stock-form
{
    padding: 7px;

    text-align: center;

    background: #fff;
    box-shadow: 0 30px 30px -30px rgba(0, 0, 0, .2);
}
.stock-form__frame
{
    padding: 14px 10px 35px;

    border: 2px dashed #e1e1e1;
}
.stock-form__title
{
    font-size: 24px;
    font-weight: 600;

    margin: 0 0 5px;
}
.stock-form__text
{
    font-size: 24px;

    margin: 0 0 37px;
}
.stock-form__inputs
{
    text-align: center;
}
.stock-form__input-placeholder
{
    display: inline-block;

    width: 330px;
    margin: 0 10px;

    vertical-align: top;
}
.stock-form__button-placeholder
{
    display: inline-block;

    width: 260px;
    margin: 0 10px;

    vertical-align: top;
}

@media only screen and (max-width: 800px)
{
    .stock-form__input-placeholder {
        display: block;
        width: auto;
        margin: 10px;
        vertical-align: top;
    }

    .stock {
        padding: 82px 0 40px;
    }
}

/* ==========================================================================
 * seller
 * ========================================================================== */
.seller
{
    padding: 80px 0 38px;

    background: #fff url(../images/bg/seller.jpg) 50% 50% no-repeat;
}
.seller__title
{
    margin: 0 0 69px;
}
.seller__about
{
    margin: 0 0 45px;
}
.seller__slider
{
    display: inline-block;

    width: 384px;
    margin: 0 22px 0 0;

    vertical-align: top;
}
.seller__content
{
    display: inline-block;

    width: 475px;
    margin: 0 20px 0 0;
    padding: 0; /*28px 0 0;*/

    vertical-align: top;
}


.seller__list
{
    /*margin: 0;*/
    margin: 0 0 50px;
    padding: 0;

    list-style: none;
}
.seller__item
{
    font-size: 20px;
    line-height: 36px;

    padding: 0 0 0 20px;

    text-indent: -20px;
}
.seller__item:before
{
    display: inline-block;

    width: 10px;
    height: 10px;
    margin: -2px 5px 0 0;

    content: '';
    vertical-align: middle;

    background-position: -182px -82px;
}
.seller__subtitle
{
    font-size: 20px;
    font-weight: 600;

    margin: 0 0 10px;
}

.seller-about__list
{
    margin: 0;
    /*margin: 0 -100px;*/
    padding: 0;

    list-style: none;

    text-align: center;
}
.seller-about__item
{
    font-size: 20px;
    line-height: 24px;

    position: relative;

    display: inline-block;

    width: 280px;
    min-height: 67px;
    margin: 0 20px;
    padding: 10px 0 0 75px;

    text-align: left;
    vertical-align: top;
}
.seller-about__item:before
{
    position: absolute;
    top: 0;
    left: 0;
}
.seller-about__item--1:before
{
    display: inline-block;

    width: 62px;
    height: 64px;

    content: '';

    background-position: -304px 0;
}
.seller-about__item--2:before
{
    display: inline-block;

    width: 62px;
    height: 64px;

    content: '';

    background-position: -242px 0;
}
.seller-about__item--3:before
{
    display: inline-block;

    width: 62px;
    height: 64px;

    content: '';

    background-position: 0 -109px;
}

.seller-slider
{
    position: relative;
}
.seller-slider__list
{
    margin: 0;
    padding: 0;

    list-style: none;
}
.seller-slider__item
{
    padding: 0 0 50px;
}
.seller-slider__image-placeholder
{
    width: 286px;
    height: 391px;
    margin: 0 auto;
    padding: 10px 10px 10px;

    background: #b4998d url(../images/bg/frame.jpg) 0 0 no-repeat;
    box-shadow: 0 30px 40px -15px rgba(0, 0, 0, .1);
}
.seller-slider__href
{
    position: relative;

    display: block;
}
.seller-slider__href:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';

    box-shadow: inset 3px 2px 9px 0 rgba(0, 0, 0, .26);
}
.seller-slider__image
{
    max-width: 100%;

    vertical-align: top;
}
.seller-slider .bx-prev,
.seller-slider .bx-next
{
    position: absolute;
    top: 50%;

    margin: -42px 0 0;

    transition: all .2s;
    text-align: left;
    text-indent: -9999px;
}
.seller-slider .bx-prev:hover,
.seller-slider .bx-next:hover
{
    opacity: .8;
}
.seller-slider .bx-prev
{
    left: 0;

    display: inline-block;

    width: 33px;
    height: 33px;

    content: '';

    background-position: -59px 0;
}
.seller-slider .bx-next
{
    right: 0;

    display: inline-block;

    width: 33px;
    height: 33px;

    content: '';

    background-position: -92px 0;
}

@media only screen and (max-width: 800px)
{
    .seller-about__list{
        margin: 0;
    }

    .seller-about__item {
        min-width: 300px;
        width: 100%;
        min-height: 67px;
        margin: 0 10px;
        padding: 10px 0 0 75px;
        text-align: left;
        vertical-align: top;
    }

    .seller__slider {
        width: 100%;
    }

    .seller__content {
        display: block;
        width: auto;
        margin: 0 20px;
        padding: 28px 0 0;
        vertical-align: top;
    }
}

/* ==========================================================================
 * how
 * ========================================================================== */
.how
{
    padding: 91px 0 0;
}
.how__title
{
    margin: 0 0 35px;
}
.how__tabs
{
    margin: 0 0 34px;

    text-align: center;
}

.how-tabs__href
{
    font-size: 13px;
    font-weight: 700;

    display: inline-block;

    margin: 0 9px;
    padding: 10px 12px 9px;

    transition: all .2s;
    vertical-align: middle;
    text-transform: uppercase;

    color: #70b150;
    border: 2px solid transparent;
    border-radius: 19px;
}
.how-tabs__href.active
{
    border-color: #70b150;
}
.how-tabs__href.active .how-tabs__text
{
    color: #4a4a4a;
    border-color: transparent;
}
.how-tabs__text
{
    transition: all .2s;

    border-bottom: 1px dotted;
}

.how-list__list
{
    position: relative;

    overflow: hidden;

    margin: 0;
    padding: 0;
    padding: 0 0 57px;

    list-style: none;

    text-align: center;
}
.how-list__list:before
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    display: block;

    height: 0;

    content: '';
    transition: all .2s;

    background: url(../images/bg/path.png) 50% 32px no-repeat;
}
.how-list__list.full:before
{
    height: 100%;

    transition: all 4.5s linear;
}
.how-list__list.full .how-list__content
{
    padding: 7px 0 0;
}
.how-list__item
{
    position: relative;

    display: table;

    width: 100%;
    width: 450px;

    text-align: left;
}
.how-list__item--1
{
    margin: 0 0 0 469px;
}
.how-list__item--1 .how-list__text
{
    padding: 0 0 68px;
}
.how-list__item--2
{
    margin: 0 0 0 95px;

    text-align: right;
}
.how-list__item--3
{
    margin: 0 0 0 491px;
}
.how-list__item--4
{
    margin: 0 0 0 196px;

    text-align: right;
}
.how-list__item--5
{
    margin: 0 0 0 505px;
}
.how-list__item--6
{
    margin: 0 0 0 96px;

    text-align: right;
}
.how-list__item--7
{
    width: 470px;
    margin: 0 0 0 456px;
}
.how-list__item--7 .how-list__text
{
    padding: 0 0 73px;
}
.how-list__item--8
{
    margin: 0 0 0 176px;

    text-align: right;
}
.how-list__item--8 .how-list__text
{
    padding: 0 0 45px;
}
.how-list__item--9
{
    height: 120px;
    margin: 0 0 0 516px;
}
.how-list__point-placeholder,
.how-list__content
{
    display: table-cell;

    vertical-align: top;
}
.how-list__point-placeholder
{
    width: 102px;
    padding: 0 31px 0 13px;
}
.how-list__point
{
    font-family: 'Archive', sans-serif;
    font-size: 18px;

    display: inline-block;

    width: 58px;
    height: 82px;
    padding: 16px 0 0;

    content: '';
    content: normal;
    text-align: center;

    color: #fff;
    background-position: -366px 0;
}
.how-list__point--final
{
    display: inline-block;

    width: 85px;
    height: 118px;

    content: '';

    background-position: -143px -109px;
}
.how-list__content
{
    padding: 18px 0 0;

    transition: all .4s;
}
.how-list__title
{
    font-size: 18px;
    font-weight: 600;

    margin: 0 0 5px;
}
.how-list__title--big
{
    font-size: 22px;
}
.how-list__text
{
    font-size: 16px;
    line-height: 20px;

    padding: 0 0 68px;
}

@media only screen and (max-width: 800px)
{
    .how-list__item--1,
    .how-list__item--2,
    .how-list__item--3,
    .how-list__item--4,
    .how-list__item--5,
    .how-list__item--6,
    .how-list__item--7,
    .how-list__item--8,
    .how-list__item--9
    {
        margin: 0 20px;
    }

    .how-list__item {
        position: relative;
        display: block;
        width: auto;
        text-align: left;
    }
}

/* ==========================================================================
 * appointment
 * ========================================================================== */
.appointment
{
    padding: 136px 0 80px;

    color: #fff;
    background: #f7f7f7 url(../images/bg/appointment.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.appointment--1
{
    background-image: url(../images/bg/appointment-1.jpg);
}
.appointment--2
{
    background-image: url(../images/bg/appointment-2.jpg);
}
.appointment--3
{
    background-image: url(../images/bg/appointment-3.jpg);
}
.appointment__title
{
    line-height: 50px;
	letter-spacing: 2px;
    float: left;
	text-shadow:1px 1px 2px #333;
    width: 600px;
    margin: -11px 0 0;


    text-align: left;
}
.appointment__title_text
{
    line-height: 50px;
    letter-spacing: 2px;
    float: left;
    /*//text-shadow:1px 1px 2px #333;*/
    /*//width: 600px;*/
    margin: -11px 0 0;
    font-size: 20px;
    margin-top: 200px;
    position: absolute;
    text-align: left;
}
.col_box{
	background-position: -425px -134px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    float: left;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    margin: 20px 5px 20px 0;
    padding-left: 40px;
    width: 48%;
}


.appointment__title:after
{
    display: none;
}
.appointment__form
{
    position: relative;

    float: right;

    width: 350px;
    margin: 0 30px 0 0;
}
.appointment__form:before
{
    position: absolute;
    bottom: 60px;
    left: -106px;

    display: inline-block;
	/*//display:none;*/

    width: 82px;
    height: 52px;

    content: '';

    background-position: -228px -255px;
}

.appointment__form--no-arrow:before
{
    display: none;
}

@media only screen and (max-width: 800px)
{
    .appointment {
        padding: 50px 0 40px;
    }

    .appointment__title
    {
        /*line-height: 50px;*/
        /*letter-spacing: 2px;*/
        float: none;
        /*text-shadow:1px 1px 2px #333;*/
        width: auto;

        text-align: center;
    }

    .col_box {
        /*background-position: -425px -134px;*/
        /*background-repeat: no-repeat;*/
        /*content: "";*/
        display: block;
        float: none;
        /*font-size: 17px;*/
        /*font-weight: 600;*/
        height: auto;
        margin: 20px 20px;
        /*padding-left: 40px;*/
        width: 100%;
    }

    .appointment__form {
        position: relative;
        float: none;
        width: auto;
        margin: 0 10px;
    }
}

/* ==========================================================================
 * counter
 * ========================================================================== */
.counter__title
{
    font-size: 14px;

    margin: 0 0 6px;
}
.counter__counter
{
    white-space: nowrap;
}
.counter__item
{
    font-family: Arial;

    position: relative;

    display: inline-block;

    margin: 0 0 0 18px;

    text-align: center;
    vertical-align: top;
}
.counter__item:before
{
    font-size: 26px;
    font-weight: 700;

    position: absolute;
    top: 5px;
    left: -16px;

    content: ':';

    color: #d0d0d0;
}
.counter__item:first-child
{
    margin: 0;
}
.counter__item:first-child:before
{
    display: none;
}
.counter__digit
{
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;

    position: relative;

    width: 49px;
    height: 39px;
    margin: 0 0 2px;

    color: #4a4a4a;
    border-radius: 3px;
    background: #fff;
    background: linear-gradient(to bottom, #eee 0%, #eee 53%, #fff 54%, #fff 100%);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .36);
}
.counter__digit:after
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    display: block;

    height: 1px;

    content: '';

    background: #fff;
}
.counter__word
{
    font-size: 11px;
}

@media only screen and (max-width: 800px)
{
    .ribbon-form__counter {
        margin: 0 0 10px 0;
        color: #8a898a;
    }

    .counter__counter {
        white-space: nowrap;
        text-align: center;
    }

    .counter__digit {
        font-size: 30px;
        width: 40px;
    }
}

/* ==========================================================================
 * contacts
 * ========================================================================== */
.contacts__wrap
{
    display: table;

    width: 100%;
    height: 200px;
}
.contacts__content
{
    display: table-cell;

    width: 50%;
    padding: 87px 0 86px;

    text-align: right;
    vertical-align: middle;

    background: #fff;
}
.contacts__inner
{
    display: inline-block;

    width: 421px;

    text-align: left;
}
.contacts__map-placeholder
{
    display: table-cell;
    overflow: visible;

    width: 50%;
    height: 100%;
}
.contacts__map
{
    position: relative;

    width: 100%;
    height: 100%;

    background: #e2ded5;
}
.contacts__title
{
    text-align: left;
}
.contacts__title:after
{
    margin: 10px 0;
}
.contacts__phone-placeholder
{
    padding: 0 0 0 3px;

    text-align: left;
}
.contacts__phone
{
    display: inline-block;
}

@media only screen and (max-width: 800px)
{
    .contacts__content {
        display: block;
        width: 100%;
        padding: 87px 0 86px;
        text-align: left;
        /* vertical-align: middle; */
        background: #fff;
    }

    .contacts__inner {
        display: block;
        width: auto;
        text-align: left;
    }

    .contacts__title {
        text-align: center;
    }

    .contacts__wrap {
        display: block;
        width: 100%;
        height: auto;
    }

    .contacts__title:after {
        margin: 10px auto 0;
    }

    .contacts__list.contacts-list {
        margin: 0 20px;
    }

    .contacts__phone-placeholder
    {
        margin: 0 20px;
    }
}

/* ==========================================================================
 * footer
 * ========================================================================== */
.footer
{
    padding: 15px 0 20px;

    color: #fff;
    background: #635149 url(../images/bg/footer.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.footer__left
{
    float: left;

    width: 225px;
}
.footer__center
{
    float: left;

    width: 610px;

    text-align: center;
}
.footer__right
{
    float: right;

    width: 221px;
    margin: 13px 0 0;
}
.footer__logo
{
    padding: 17px 0 0;
}
.footer__policy
{
    transition: all .2s;

    border-bottom: 1px dotted;
}
.footer__policy:hover
{
    border-color: transparent;
}
.footer__boost
{
    display: inline-block;

    margin: 13px 0 0;
}

.footer-menu__list
{
    margin: 0;
    padding: 0;

    list-style: none;
}
.footer-menu__item
{
    margin: 0 0 7px;
}

.boost__logo
{
    display: inline-block;

    width: 39px;
    height: 14px;
    margin: -3px 0 0;

    content: '';
    text-align: left;
    vertical-align: middle;
    text-indent: -9999px;

    background-position: -212px -82px;
}

@media only screen and (max-width: 800px)
{
    .footer__left {
        float: none;
        width: auto;
        margin: 0 20px;
        text-align: center;
    }

    .footer__center {
        float: none;
        width: auto;
        text-align: center;
    }

    .footer__right {
        float: none;
        width: auto;
        margin: 13px 20px 0;
        text-align: center;
    }
}

/* ==========================================================================
 * modal
 * ========================================================================== */
.modal
{
    position: relative;
    z-index: 1;

    display: none;

    max-width: 920px;
    padding: 30px;

    text-align: center;
}
.modal:before
{
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;

    display: block;

    content: '';

    border: 2px dashed #e1e1e1;
}
.modal--text
{
    max-width: 920px;
    padding: 0;

    text-align: left;
}
.modal__policy
{
    font-size: 12px;

    text-align: left;
}
.modal__inner
{
    display: table;

    width: 100%;
}
.modal__left,
.modal__right
{
    display: table-cell;

    padding: 30px 44px;

    vertical-align: middle;
}
.modal__right
{
    width: 385px;

    background: #f7f7f7;
    box-shadow: 0 0 29px rgba(0, 0, 0, .2);
}
.modal__content,
.modal__form
{
    position: relative;
    z-index: 5;
}
.modal__title
{
    font-size: 24px;

    margin: 0 0 15px;
}
.modal__text
{
    font-size: 20px;

    margin: 0 0 25px;
}
.modal__form
{
    position: relative;
}
.modal__form:before
{
    position: absolute;
    bottom: 37px;
    left: -106px;

    display: inline-block;

    width: 82px;
    height: 52px;

    content: '';

    background-position: -310px -255px;
}

.fancybox-close
{
    top: 0;
    right: -30px;

    display: inline-block;

    width: 16px;
    height: 16px;

    content: '';

    background-position: -299px -82px;
}

.fancybox-skin
{
    border-radius: 0;
    background: #fff;
}

.fancybox-prev span
{
    display: inline-block;

    width: 33px;
    height: 33px;

    content: '';

    background-position: -59px 0;
}

.fancybox-next span
{
    display: inline-block;

    width: 33px;
    height: 33px;

    content: '';

    background-position: -92px 0;
}

@media only screen and (max-width: 800px)
{
    .modal
    {
        max-width: none; /*zap*/
        padding: 30px;
    }

    .modal--text
    {
        max-width: none;
        padding: 20px;

        text-align: left;
    }

    .modal__inner
    {
        display: block;
        width: 100%;
    }
    .modal__left,
    .modal__right
    {
        display: block;
        padding: 0;
        width: auto;
    }
    .modal__right
    {
        margin: 10px 0 0 0;
        background: none;
        box-shadow: none;
    }
    .modal__content,
    .modal__form
    {
        position: relative;
        z-index: 5;
    }
    .modal__title
    {
        font-size: 20px;

        margin: 0 0 15px;
    }
    .modal__text
    {
        font-size: 16px;

        margin: 0 0 12px;
    }
    .modal__form
    {
        position: relative;
    }
    .modal__form:before
    {
        position: absolute;
        bottom: 37px;
        left: -106px;

        display: inline-block;

        width: 82px;
        height: 52px;

        content: '';

        background-position: -310px -255px;
    }

    .fancybox-close
    {
        top: -30px;
        right: 0;

        display: inline-block;

        width: 16px;
        height: 16px;

        content: '';

        background-position: -299px -82px;
    }

    .fancybox-skin
    {
        border-radius: 0;
        background: #fff;
    }

    .fancybox-prev span
    {
        display: inline-block;

        width: 33px;
        height: 33px;

        content: '';

        background-position: -59px 0;
    }

    .fancybox-next span
    {
        display: inline-block;

        width: 33px;
        height: 33px;

        content: '';

        background-position: -92px 0;
    }
}

/*@media only screen and (max-width: 420px)*/
/*{*/
    /*.modal*/
    /*{*/
        /*max-width: 360; *//*zap*/
        /*padding: 20px;*/
    /*}*/
/*}*/

/*@media only screen and (max-width: 360px)*/
/*{*/
    /*.modal*/
    /*{*/
        /*max-width: 300; *//*zap*/
        /*padding: 20px;*/
    /*}*/
/*}*/

/* ==========================================================================
 * manager
 * ========================================================================== */
.manager
{
    display: table;
}
.manager__image-placeholder,
.manager__content
{
    display: table-cell;

    vertical-align: middle;
}
.manager__content
{
    padding: 0 0 0 20px;
}
.manager__name
{
    font-size: 20px;
    font-weight: 600;

    margin: 0 0 10px;

    color: #70b150;
}
.akc {
	position:absolute;
	margin-top:105px;
	margin-left:110px;
	font-family: 'Archive', sans-serif;
  font-size: 36px;
  font-weight: 400;
  text-align:right;
}
.akc span {
	  font-family: 'SegoeUI', sans-serif;
  font-size: 16px;
  color: #ffffff;
}

@media only screen and (max-width: 800px)
{
    .manager
    {
        display: block;
    }

    .manager__image-placeholder {
        display: none;
    }

    .manager__content
    {
        display: block;
    }
    .manager__content
    {
        padding: 0;
    }
    .manager__name
    {
        font-size: 20px;
        font-weight: 600;

        margin: 0;

        color: #70b150;
    }
}
/* ==========================================================================
 * helpers
 * ========================================================================== */
.hidden
{
    display: none;
}

/* @media only screen and (min-width: 740px){
  @import "_tablet" ;
}
*/
.arrow_signup{
background-position: -229px -247px;
    display: block;
    height: 60px;
    margin-left: 530px;
    margin-top: 125px;
    position: absolute;
    width: 80px;
}

.how-list__title, #back-top{
cursor:pointer;
}


/* ============================================= Media Query Pack ========================================== */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width: 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width: 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width: 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width: 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    /* Styles */
}