@font-face
{
    font-family: 'MuseoSans';
    font-weight: 100;
    font-style: normal;

    src: url('../fonts/museosanscyrl-100-webfont.woff') format('woff'),
    url('../fonts/museosanscyrl-100-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'MuseoSans';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/museosanscyrl-500-webfont.woff') format('woff'),
    url('../fonts/museosanscyrl-500-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'MuseoSans';
    font-weight: 700;
    font-style: normal;

    src: url('../fonts/museosanscyrl-700-webfont.woff') format('woff'),
    url('../fonts/museosanscyrl-700-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'MuseoSans';
    font-weight: 900;
    font-style: normal;

    src: url('../fonts/museosanscyrl-900-webfont.woff') format('woff'),
    url('../fonts/museosanscyrl-900-webfont.ttf') format('truetype');
}


*
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:before,
*:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

img
{
    border: none;
}
textarea
{
    overflow: auto;
}
input,
textarea,
input:active,
textarea:active
{
         outline: none transparent !important;
    box-shadow: none;

    -moz-outline: none !important;
}
input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset]
{
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}
:focus
{
    outline: none;
}

/*---------------
    Main styles
---------------*/
.clear
{
    clear: both;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

html
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body
{
    background: #fff;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}

.wrap
{
    overflow: hidden;
}

.cont
{
    position: relative;

    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}



.block_title
{
    color: #3b3b3b;
    font: 100 40px/45px MuseoSans;

    position: relative;
    z-index: 9;

    margin-bottom: 75px;

    text-align: center;
}

.block_title:before
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;

    display: block;

    width: 4000px;
    height: 2px;
    margin-top: -1px;

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

    background: #b3dac5;
}

.block_title div
{
    position: relative;

    display: inline-block;

    padding: 0 30px;

    vertical-align: top;

    background: #fff;
}

.block_title div:before,
.block_title div:after
{
    position: absolute;
    top: 50%;

    display: block;

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

    content: '';

    border: 2px solid #b3dac5;
    border-radius: 50%;
    background: #fff;
}

.block_title div:before
{
    left: 0;
}

.block_title div:after
{
    right: 0;
}



.page_content
{
    padding-top: 25px;
}


.breadcrumbs
{
    color: #7b7b7b;
    font: 100 11px/20px MuseoSans;

    margin-bottom: 30px;

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

.breadcrumbs a
{
    color: #7b7b7b;

    text-decoration: none;
}

.breadcrumbs a:hover
{
    text-decoration: underline;
}

.breadcrumbs .sep
{
    margin: 0 5px;
}



.tabs
{
    overflow: hidden;

    margin-bottom: 5px;
    margin-left: -15px;
}

.tabs li
{
    display: block;
    float: left;

    margin-bottom: 15px;
    margin-left: 15px;

    list-style-type: none;

    cursor: pointer;
}

.tabs li a
{
    color: #000;
    font: 700 16px/34px MuseoSans;

    display: block;

    height: 40px;
    padding: 2px 15px 0;

    transition: .2s linear;
    text-decoration: none;
    text-transform: uppercase;

    border: 2px solid #000;
}

.tabs li.active a
{
    color: #fff;

    background: #000;
}

.tab_content
{
    display: none;
}



/*---------------
   Header
---------------*/
header
{
    padding: 15px 0;

    background: #ffbc5c;
}

header .cont
{
    display: flex;

    min-height: 90px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


header .logo a
{
    color: #3b3b3b;
    font: 900 36px MuseoSans;

    display: block;

    text-decoration: none;
    text-transform: uppercase;
}


header .links
{
    color: #3b3b3b;
    font: 500 10px/20px MuseoSans;

    position: absolute;
    top: 0;
    right: 15px;

    width: 315px;
    max-width: 100%;

    text-transform: uppercase;
}

header .links a
{
    color: #3b3b3b;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}

header .links a + a
{
    margin-left: 26px;
}

header .links a:hover
{
    text-decoration: underline;
}


header .adres
{
    color: #3b3b3b;
    font: 700 16px/30px MuseoSans;

    display: flex;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

header .adres .item
{
    color: #3b3b3b;
    line-height: 26px;

    display: block;

    padding: 0 28px;

    transition: .2s linear;
    text-decoration: none;

    border: 2px solid transparent;
}

header .adres .item:hover
{
    border-color: #ffde5c;
}

header .adres .item:active,
header .adres .item.active
{
    border-color: #ffde5c;
    background: #ffde5c;
}

header .adres .sep
{
    width: 2px;
    height: 30px;
    margin: 0 -2px;

    background: #ffde5c;
}


header .phone
{
    color: #3b3b3b;
    font: 500 18px/30px MuseoSans;

    padding-left: 38px;

    background: url(../images/ic_phone.png) 0 50% no-repeat;
}


header .account
{
    color: #3b3b3b;
    font: 500 12px/30px MuseoSans;
}

header .account .login_link
{
    color: #3b3b3b;

    display: inline-block;

    height: 30px;
    padding-left: 40px;

    vertical-align: top;
    text-decoration: none;

    background: url(../images/ic_login_link.png) 0 0 no-repeat;
}

header .account .login_link:hover
{
    text-decoration: underline;

    background-position: 0 100%;
}



/*---------------
   Sidebar
---------------*/



/*---------------
   Main section
---------------*/
.map_block
{
    position: relative;

    overflow: hidden;

    height: 500px;
    margin-bottom: 75px;
}


.map_block > .info
{
    position: absolute;
    z-index: 100;

    display: flex;

    width: 100%;
    height: 100%;

    pointer-events: none;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.map_block > .info .title
{
    color: #fff;
    font: 900 50px/65px MuseoSans;

    letter-spacing: .05em;
    text-transform: uppercase;
}

.map_block > .info .link
{
    color: #3b3b3b;
    font: 900 14px/55px MuseoSans;

    display: inline-block;

    height: 55px;
    margin-top: 20px;
    padding: 0 22px;

    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    pointer-events: auto;

    border-radius: 3px;
    background: #ffbc5c;
}

.map_block > .info .link:hover
{
    background: #ffac36;
}

.map_block > .info .link:active
{
    background: #f69e22;
}


#map
{
    width: 100%;
    height: 500px;
}

#map .ymaps-glass-pane
{
    background: rgba(21,120,77,.50);
}

.ymaps-b-balloon__tr,
.ymaps-b-balloon__tl,
.ymaps-b-balloon__bl,
.ymaps-b-balloon__br
{
    display: none !important;
}

.ymaps-b-balloon__close
{
    top: 0 !important;
    right: -18px !important;

    width: 25px !important;
    height: 25px !important;

    background-position: 50% 50% !important;
}

.ymaps-b-balloon__content-holster
{
    padding: 0 !important;
}

.ymaps-b-balloon__content
{
    position: relative;

    width: 370px;
    padding: 10px !important;

    border: none !important;
    border-radius: 3px;
    box-shadow: 3px 3px 0 rgba(0,0,0,.2) !important;
}

.ymaps-image-with-content
{
    background-position: 0 0 !important;
    background-size: 100% auto !important;
}

.ymaps-image-with-content.active
{
    background-position: 0 100% !important;
    background-size: 100% auto !important;
}

#map .data
{
    display: flex;

    width: 350px;

    text-align: left;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

#map .data .thumb
{
    width: 183px;
}

#map .data .thumb img
{
    display: block;

    width: 100%;
}

#map .data .info
{
    color: #3b3b3b;
    font: 500 12px/16px MuseoSans;

    width: calc(100% - 203px);
}

#map .data .name
{
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;

    margin-bottom: 3px;
}

#map .data .area
{
    color: #1dbd78;
    font-size: 18px;
    font-weight: 900;

    margin-top: 10px;
}

#map .data .area sup
{
    font-size: 10px;
    line-height: 10px;

    display: inline-block;

    vertical-align: top;
}




.business_centre
{
    margin-bottom: 135px;
}

.business_centre .grid
{
    display: flex;

    margin-bottom: -20px;
    margin-left: -20px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.business_centre .col
{
    width: calc(50% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}

.business_centre .item
{
    color: #3b3b3b;
    font: 16px/20px MuseoSans;

    position: relative;

    display: block;

    text-decoration: none;
}

.business_centre .item .thumb img
{
    display: block;

    width: 100%;
}

.business_centre .item .info
{
    margin: -25px 0 0 20px;
}

.business_centre .item .name
{
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;

    position: relative;

    display: inline-block;

    margin-bottom: 20px;
    padding: 13px 24px;

    transition: background .2s linear;
    vertical-align: top;

    background: #ffbc5c;
}

.business_centre .item .name:before
{
    position: absolute;
    top: -16px;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';
    transition: border-color .2s linear;

    border: 8px solid transparent;
    border-bottom-color: #ffbc5c;
    border-left-color: #ffbc5c;
}

.business_centre .item .area
{
    color: #1dbd78;
    font-size: 26px;
    font-weight: 900;

    margin-top: 10px;
}

.business_centre .item .area sup
{
    font-size: 12px;
    line-height: 12px;

    display: inline-block;

    vertical-align: top;
}

.business_centre .item:hover .name
{
    background: #ffac36;
}

.business_centre .item:hover .name:before
{
    border-bottom-color: #ffac36;
    border-left-color: #ffac36;
}


.business_centre .item.mini:first-child
{
    margin-top: 40px;
    margin-left: -78px;
}

.business_centre .item.mini + .item.mini
{
    margin-top: 30px;
}

.business_centre .item.mini .thumb
{
    width: 350px;
    max-width: 100%;

    box-shadow: 0 0 0 20px #fff;
}

.business_centre .item.mini .info
{
    position: absolute;
    top: 30px;
    right: 0;

    margin: 0;
    padding-right: 50px;
}

.business_centre .item.mini .name
{
    font-size: 16px;

    position: absolute;
    top: 0;
    right: calc(100% + 20px);

    margin: 0;
    padding: 13px 18px;

    white-space: nowrap;
}

.business_centre .item.mini .name:before
{
    top: auto;
    bottom: -16px;

    border: 8px solid transparent;
    border-top-color: #ffbc5c;
    border-left-color: #ffbc5c;
}

.business_centre .item.mini:hover .name:before
{
    border: 8px solid transparent;
    border-top-color: #ffac36;
    border-left-color: #ffac36;
}



.about_block
{
    margin-bottom: 135px;
}


.about_block .text_block
{
    position: relative;
    z-index: 10;

    width: calc(50% - 60px);
}


.about_block .advantages
{
    position: relative;
    z-index: 9;

    width: 50%;
    padding: 12px 0;
}

.about_block .advantages:before
{
    position: absolute;
    top: 50%;
    right: -15px;

    display: block;

    width: calc(100% + 50px);
    height: calc(100% + 104px);

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

    border: 12px solid #ecf5f1;
}

.about_block .advantages .title
{
    color: #3b3b3b;
    font: 700 25px/25px MuseoSans;

    margin-bottom: 35px;
}

.about_block .advantages .grid
{
    display: flex;

    margin-bottom: -65px;
    margin-left: -50px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.about_block .advantages .item
{
    color: #3b3b3b;
    font: 500 14px/20px MuseoSans;

    display: flex;

    width: calc(50% - 50px);
    margin-bottom: 65px;
    margin-left: 50px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.about_block .advantages .item .icon
{
    display: flex;

    width: 50px;
    height: 50px;

    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.about_block .advantages .item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.about_block .advantages .item .name
{
    width: calc(100% - 70px);
}



.adres_info
{
    display: flex;

    margin-top: -30px;
    margin-bottom: 55px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.adres_info .images
{
    position: relative;
    z-index: 99;

    width: 50%;
}

.adres_info .images .slide
{
    display: none;
}

.adres_info .images .slide:first-child,
.adres_info .images .owl-loaded .slide
{
    display: block;
}

.adres_info .images .slide a,
.adres_info .images .slide img
{
    display: block;

    width: 100%;
}

.adres_info .images .thumbs
{
    display: flex;

    margin-top: 20px;
    margin-bottom: -25px;
    margin-left: -25px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.adres_info .images .thumbs a
{
    position: relative;

    display: block;

    width: calc(20% - 25px);
    margin-bottom: 25px;
    margin-left: 25px;
}

.adres_info .images .thumbs a:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    border: 4px solid #1dbd78;
}

.adres_info .images .thumbs img
{
    display: block;

    width: 100%;
}

.adres_info .images .thumbs a:hover:after,
.adres_info .images .thumbs a.active:after
{
    opacity: 1;
}


.adres_info .text_block
{
    position: relative;
    z-index: 9;

    width: calc(50% + 40px);
    margin-left: -40px;
    padding: 30px 30px 10px 75px;

    border: 12px solid #ecf5f1;
}

.adres_info .text_block .plan_link
{
    color: #3b3b3b;
    font: 900 14px/55px MuseoSans;

    display: inline-block;

    height: 55px;
    margin-top: 20px;
    padding: 0 25px;

    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    pointer-events: auto;

    border-radius: 3px;
    background: #ffbc5c;
}

.adres_info .text_block .plan_link:hover
{
    background: #ffac36;
}

.adres_info .text_block .plan_link:active
{
    background: #f69e22;
}



.objects
{
    margin-bottom: 55px;
}

.objects .title
{
    color: #3b3b3b;
    font: 100 35px/36px MuseoSans;

    margin-bottom: 40px;
}

.objects .grid
{
    display: flex;

    margin-bottom: -35px;
    margin-left: -26px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.objects .grid .object
{
    width: calc(25% - 26px);
    margin-bottom: 35px;
    margin-left: 26px;
}


.objects .slide
{
    display: none;
}

.objects .owl-loaded .slide
{
    display: block;
}


.objects .object .thumb
{
    margin-bottom: 15px;
}

.objects .object .thumb a,
.objects .object .thumb img
{
    position: relative;

    display: block;

    width: 100%;
}

.objects .object .thumb a:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    border: 4px solid #1dbd78;
}

.objects .object:hover .thumb a:after
{
    opacity: 1;
}


.objects .object .name
{
    width: calc(100% - 75px);
}

.objects .object .name a
{
    color: #3b3b3b;
    font: 700 16px/20px MuseoSans;

    display: inline-block;

    vertical-align: top;
    text-decoration: none;
}

.objects .object .name a:hover
{
    text-decoration: underline;
}


.objects .object .articul
{
    color: #7b7b7b;
    font: 500 14px/20px MuseoSans;

    max-width: 75px;

    text-align: right;
}


.objects .object .info
{
    color: #3b3b3b;
    font: 500 14px/20px MuseoSans;

    display: flex;

    margin-top: 15px;
    padding: 5px 13px;

    border: 1px solid #e6e6e6;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}


.objects .object .price
{
    color: #1dbd78;
    font: 900 22px/24px MuseoSans;

    margin-top: 15px;
}



.object_services
{
    width: calc(50% - 30px);
    margin-bottom: 30px;
}

.object_services .title
{
    color: #3b3b3b;
    font: 700 25px/30px MuseoSans;

    margin-bottom: 25px;
}



.object_terms
{
    width: calc(50% - 50px);
    margin-bottom: 30px;
}

.object_terms .title
{
    color: #3b3b3b;
    font: 700 25px/30px MuseoSans;

    margin-bottom: 25px;
}



.object_map
{
    margin-bottom: 50px;
}

#object_map
{
    overflow: hidden;

    width: 100%;
    height: 400px;
}



.order_block
{
    margin-bottom: 75px;
    padding: 40px;

    border: 12px solid #ecf5f1;
}

.order_block .title
{
    color: #3b3b3b;
    font: 700 25px/30px MuseoSans;

    margin-bottom: 30px;

    text-align: center;
}

.order_block .form
{
    width: 660px;
    max-width: 100%;
    margin: 0 auto;
}



.object_info
{
    display: flex;

    margin-top: -30px;
    margin-bottom: 55px;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.object_info .images
{
    position: relative;
    z-index: 99;

    width: 50%;
}

.object_info .images .slide
{
    display: none;
}

.object_info .images .slide:first-child,
.object_info .images .owl-loaded .slide
{
    display: block;
}

.object_info .images .slide a,
.object_info .images .slide img
{
    display: block;

    width: 100%;
}

.object_info .images .thumbs
{
    display: flex;

    margin-top: 20px;
    margin-bottom: -25px;
    margin-left: -25px;

    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.object_info .images .thumbs a
{
    position: relative;

    display: block;

    width: calc(20% - 25px);
    margin-bottom: 25px;
    margin-left: 25px;
}

.object_info .images .thumbs a:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';
    transition: opacity .2s linear;

    opacity: 0;
    border: 4px solid #1dbd78;
}

.object_info .images .thumbs img
{
    display: block;

    width: 100%;
}

.object_info .images .thumbs a:hover:after,
.object_info .images .thumbs a.active:after
{
    opacity: 1;
}


.object_info .data
{
    position: relative;
    z-index: 9;

    width: calc(50% + 40px);
    margin-left: -40px;
    padding: 50px 40px 30px 75px;

    border: 12px solid #ecf5f1;
}

.object_info .data .features .item
{
    display: flex;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.object_info .data .features .item + .item
{
    margin-top: 10px;
}

.object_info .data .features .name
{
    width: 50%;
    padding-right: 15px;
}

.object_info .data .features .val
{
    font-weight: 700;

    width: 50%;
}

.object_info .data .price
{
    color: #1dbd78;
    font: 900 22px/55px MuseoSans;

    display: inline-block;

    width: 215px;
    max-width: 100%;
    margin-top: 25px;

    vertical-align: top;
}

.object_info .data .link
{
    color: #3b3b3b;
    font: 900 14px/55px MuseoSans;

    display: inline-block;

    height: 55px;
    margin-top: 25px;
    margin-left: 11px;
    padding: 0 22px;

    transition: background .2s linear;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    pointer-events: auto;

    border-radius: 3px;
    background: #ffbc5c;
}

.object_info .data .link:hover
{
    background: #ffac36;
}

.object_info .data .link:active
{
    background: #f69e22;
}



.pagination
{
    color: #3b3b3b;
    font: 100 18px/36px MuseoSans;

    margin-top: 40px;

    text-align: center;
}

.pagination a,
.pagination .sep
{
    color: #3b3b3b;

    display: inline-block;

    width: 40px;
    height: 40px;

    transition: .2s linear;
    vertical-align: top;
    text-decoration: none;

    border: 2px solid transparent;
}

.pagination .sep
{
    width: auto;
}

.pagination a:hover
{
    border-color: #b3dac5;
}

.pagination a.active
{
    border-color: #7b7b7b;
}

.pagination a.prev,
.pagination a.next
{
    border: none;
}

.pagination a.prev
{
    margin-right: 11px;

    background: url(../images/ic_pag_prev.png) 50% 0 no-repeat;
}

.pagination a.next
{
    margin-left: 11px;

    background: url(../images/ic_pag_next.png) 50% 0 no-repeat;
}

.pagination a.prev:hover,
.pagination a.next:hover
{
    background-position: 50% 100%;
}



.sorting
{
    margin-bottom: 40px;
}

.sorting .item
{
    color: #3b3b3b;
    font: 500 14px/36px MuseoSans;

    display: inline-block;

    vertical-align: top;
}

.sorting .item + .item
{
    margin-left: 25px;
}

.sorting .item .name
{
    display: inline-block;

    padding-right: 6px;

    vertical-align: top;
}

.sorting .limit .nice-select
{
    width: 60px;
}

.sorting .sort .nice-select
{
    width: 195px;
}

.sorting select
{
    display: none;
}

.sorting .nice-select
{
    position: relative;

    display: inline-block;

    vertical-align: top;
}

.sorting .nice-select .current
{
    color: #3b3b3b;
    font: 500 14px/34px MuseoSans;

    display: block;
    overflow: hidden;

    height: 36px;
    padding: 0 24px 0 8px;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #b3dac5;
    border-radius: 3px;
}

.sorting .nice-select.open .current
{
    border-radius: 3px 3px 0 0;
}

.sorting .nice-select .current:after
{
    position: absolute;
    top: 50%;
    right: 8px;

    display: block;

    width: 8px;
    height: 4px;
    margin-top: -2px;

    content: '';

    border-top: 4px solid #3b3b3b;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.sorting .nice-select .list
{
    position: absolute;
    z-index: 9;
    left: 0;

    display: none;
    overflow: auto;

    width: 100%;
    margin-top: -1px;

    border: 1px solid #b3dac5;
    border-radius: 0 0 3px 3px;
    background: #fff;
}

.sorting .nice-select.open .list
{
    display: block;
}

.sorting .nice-select .list li
{
    color: #3b3b3b;
    font: 500 14px/16px MuseoSans;

    display: block;

    width: 100%;
    padding: 8px;

    cursor: pointer;
    transition: .2s linear;
}

.sorting .nice-select .list li:empty
{
    display: none;
}

.sorting .nice-select .list li:hover
{
    background: #ecf5f1;
}



.bottom_text
{
    margin-bottom: 60px;
}



.text_block
{
    color: #3b3b3b;
    font: 500 14px/20px MuseoSans;
}

.text_block h1
{
    color: #3b3b3b;
    font: 100 40px/45px MuseoSans;

    margin-bottom: 25px;
}


.text_block p,
.text_block img,
.text_block iframe,
.text_block ul,
.text_block ol,
.text_block blockquote,
.text_block hr,
.text_block table,
.text_block figure
{
    margin-bottom: 20px;
}

.text_block img,
.text_block iframe
{
    display: block;

    max-width: 100%;
    margin: 0 0 30px;
}

.text_block img.left
{
    max-width: 50%;
    margin-right: 40px;
}

.text_block img.right
{
    max-width: 50%;
    margin-left: 40px;
}


.text_block ul li
{
    color: #3b3b3b;
    font: 500 14px/20px MuseoSans;

    position: relative;

    display: block;

    padding-left: 20px;

    list-style: none;
}

.text_block ul li + li
{
    margin-top: 15px;
}

.text_block ul li:before
{
    position: absolute;
    top: 6px;
    left: 0;

    display: block;

    width: 7px;
    height: 7px;

    content: '';

    border-radius: 50%;
    background: #ffbc5c;
}


.text_block a
{
    color: #ffbc5c;
}

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



.form .lines
{
    display: flex;

    margin-left: -30px;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.form .lines .line
{
    width: calc(33.333% - 30px);
    margin-left: 30px;
}

.form .lines .line.big
{
    width: calc(66.666% - 30px);
}


.form .line
{
    margin-bottom: 25px;
}

.form .name
{
    color: #3b3b3b;
    font: 700 12px/12px MuseoSans;

    margin-bottom: 10px;
}

.form .field
{
    position: relative;
}

.form .input
{
    color: #3b3b3b;
    font: 500 14px MuseoSans;

    display: block;

    width: 100%;
    height: 36px;
    padding: 0 15px;

    transition: .2s linear;

    border: 1px solid #b3dac5;
    border-radius: 3px;
    background: #fff;
}

.form textarea
{
    color: #3b3b3b;
    font: 500 14px MuseoSans;

    display: block;

    width: 100%;
    height: 72px;
    padding: 10px 15px;

    resize: none;
    transition: .2s linear;

    border: 1px solid #b3dac5;
    border-radius: 3px;
    background: #fff;
}

.form .input:focus,
.form textarea:focus
{
    border-color: #1dbd78;
}

.form .input.error,
.form textarea.error
{
    border-color: #e85252;
}

.form .error_text
{
    color: #e85252;
    font: 500 12px/12px MuseoSans;

    margin-top: 8px;
}

.form .forgot_link
{
    color: #3b3b3b;
    font: 500 12px/36px MuseoSans;

    position: absolute;
    top: 0;
    left: calc(100% + 20px);

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}

.form .forgot_link:hover
{
    text-decoration: underline;
}


.form input[type=checkbox]
{
    display: none;
}

.form input[type=checkbox] + label
{
    color: #3b3b3b;
    font: 500 12px MuseoSans;

    position: relative;

    display: table-cell;

    min-height: 16px;
    padding-left: 25px;

    cursor: pointer;
    vertical-align: middle;
}

.form input[type=checkbox] + label a
{
    color: #3b3b3b;
    font-weight: 700;
}

.form input[type=checkbox] + label a:hover
{
    text-decoration: none;
}

.form input[type=checkbox] + label:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 16px;
    height: 16px;

    content: '';

    border: 1px solid #b3dac5;
    border-radius: 3px;
    background: #fff;
}

.form input[type=checkbox]:checked + label:before
{
    background: #fff url(../images/ic_checkbox.png) 50% 50% no-repeat;
}


.form select
{
    display: none;
}

.form .nice-select
{
    position: relative;

    display: block;
}

.form .nice-select .current
{
    color: #3b3b3b;
    font: 500 14px/34px MuseoSans;

    display: block;
    overflow: hidden;

    height: 36px;
    padding: 0 24px 0 8px;

    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #b3dac5;
    border-radius: 3px;
}

.form .nice-select.open .current
{
    border-radius: 3px 3px 0 0;
}

.form .nice-select .current:after
{
    position: absolute;
    top: 50%;
    right: 8px;

    display: block;

    width: 8px;
    height: 4px;
    margin-top: -2px;

    content: '';

    border-top: 4px solid #3b3b3b;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.form .nice-select .list
{
    position: absolute;
    z-index: 9;
    left: 0;

    display: none;
    overflow: auto;

    width: 100%;
    margin-top: -1px;

    border: 1px solid #b3dac5;
    border-radius: 0 0 3px 3px;
    background: #fff;
}

.form .nice-select.open .list
{
    display: block;
}

.form .nice-select .list li
{
    color: #3b3b3b;
    font: 500 14px/16px MuseoSans;

    display: block;

    width: 100%;
    padding: 8px;

    cursor: pointer;
    transition: .2s linear;
}

.form .nice-select .list li:empty
{
    display: none;
}

.form .nice-select .list li:hover
{
    background: #ecf5f1;
}


.form .submit
{
    padding-top: 20px;

    text-align: center;
}

.form .submit_btn
{
    color: #3b3b3b;
    font: 900 14px/55px MuseoSans;

    display: inline-block;

    height: 55px;
    padding: 0 25px;

    cursor: pointer;
    transition: background .2s linear;
    vertical-align: top;
    text-transform: uppercase;
    pointer-events: auto;

    border: none;
    border-radius: 3px;
    background: #ffbc5c;
}

.form .submit_btn:hover
{
    background: #ffac36;
}

.form .submit_btn:active
{
    background: #f69e22;
}



/*---------------
   Footer
---------------*/
footer
{
    padding: 60px 0 215px;

    background: #1e2e28 url(../images/bg_footer.png) 50% 100% no-repeat;
}

footer .cont
{
    display: flex;

    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}


footer .logo
{
    color: #afbcb8;
    font: 900 20px MuseoSans;

    text-transform: uppercase;
}


footer .copyright
{
    color: #afbcb8;
    font: 12px/18px MuseoSans;

    margin-top: 15px;
}


footer .links li
{
    display: block;

    list-style: none;
}

footer .links li a
{
    color: #47a280;
    font: 700 14px/40px MuseoSans;

    display: inline-block;

    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}

footer .links li a:hover
{
    text-decoration: underline;
}


footer .phone
{
    color: #afbcb8;
    font: 500 18px/30px MuseoSans;

    padding-left: 40px;

    background: url(../images/ic_phone2.png) 0 50% no-repeat;
}


footer .email
{
    margin-top: 20px;
}

footer .email a
{
    color: #afbcb8;
    font: 500 18px/30px MuseoSans;

    display: inline-block;

    padding-left: 40px;

    transition: color .2s linear;
    vertical-align: top;
    text-decoration: none;

    background: url(../images/ic_email.png) 0 50% no-repeat;
}

footer .email a:hover
{
    color: #ffbc5c;
}


footer .creator
{
    color: #afbcb8;
    font: 500 12px/20px MuseoSans;

    margin-top: 45px;
}

footer .creator a
{
    color: #47a280;
    font-weight: 700;

    text-decoration: none;
}

footer .creator a:hover
{
    text-decoration: underline;
}



/*---------------
   PopUp
---------------*/
.modal
{
    display: none;

    width: 1200px;
    max-width: calc(100% - 30px);
    padding: 40px;

    border: 12px solid #ecf5f1;
    background: #fff;
}

.modal_title
{
    color: #3b3b3b;
    font: 700 25px/30px MuseoSans;

    margin-bottom: 30px;

    text-align: center;
}

.modal .form
{
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
}

.modal .text
{
    color: #3b3b3b;
    font: 500 14px/20px MuseoSans;

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

    text-align: center;
}



#plan_modal .tab_content img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}

#plan_modal .exp
{
    color: #3b3b3b;
    font: 500 14px/20px MuseoSans;

    margin-top: 30px;
    margin-bottom: -10px;

    text-align: center;
}

#plan_modal .exp .item
{
    display: inline-block;

    margin: 0 10px 10px;

    vertical-align: top;
}

#plan_modal .exp span
{
    display: inline-block;

    width: 20px;
    height: 20px;

    vertical-align: top;
}

#plan_modal .exp span.orange
{
    background: #ffa200;
}

#plan_modal .exp span.grey
{
    background: #989898;
}

#plan_modal .exp span.grey2
{
    background: #d3d3d3;
}

#plan_modal .exp span.white
{
    border: 1px solid #3b3b3b;
    background: #fff;
}

.form .line.error * {
    color: #de2222;
}