*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

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

img
{
    border: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active
{
    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: 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;
}

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


::-ms-clear
{
    display: none;
}



/*---------------
    Main styles
---------------*/
:root
{
    --bg: #fff;
    --scroll_width: 17px;
    --text_color: #272224;
    --font_size: 14px;
    --font_size_title: 30px;
    --font_family: 'Montserrat', 'Arial', sans-serif;
}



.clear
{
    clear: both;
}


.left
{
    float: left;
}


.right
{
    float: right;
}



html
{
    height: 100%;

    background: var(--bg);

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


body
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);

    height: 100%;

    transition: opacity .2s linear;

    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-overflow-scrolling: touch;
    text-rendering: optimizeLegibility;
    text-decoration-skip: objects;
}

body.show
{
    opacity: 1 !important;
}

body.lock
{
    overflow: hidden;
}


.wrap
{
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    min-height: 100%;
}


.main
{
    flex: 1 0 auto;
}


.cont
{
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}


.overlay
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    width: 100%;
    height: 100vh;

    opacity: .65;
    background: #000;
}


.compensate-for-scrollbar
{
    margin-right: var(--scroll_width) !important;
}

.compensate-for-scrollbar header.fixed
{
    padding-right: var(--scroll_width) !important;
}


.lozad
{
    transition: .5s linear;

    opacity: 0;
}

.lozad.loaded
{
    opacity: 1;
}


.flex
{
    display: flex;

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



.page_head
{
    margin-bottom: 30px;
}


.breadcrumbs
{
    font-size: 11px;
    font-weight: 600;

    margin-bottom: 15px;

    text-transform: uppercase;
}

.breadcrumbs a
{
    color: var(--text_color);

    white-space: nowrap;
}

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

.breadcrumbs .sep
{
    display: inline-block;

    margin: 0 6px;

    vertical-align: top;
}


.page_title
{
    font-size: 30px;
    font-weight: 900;
}



.block_head
{
    display: flex;

    margin-bottom: 40px;
    margin-left: -25px;

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

.block_head.with_carousel
{
    min-height: 48px;
    padding-right: 139px;
}

.block_head.center
{
    text-align: center;

    justify-content: center;
}

.block_head .title
{
    font-size: var(--font_size_title);
    font-weight: 900;
    line-height: 30px;

    margin-left: 25px;
}

.block_head .desc
{
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
}

.block_head .all_link
{
    color: #f35000;
    font-size: 14px;
    font-weight: normal;

    display: inline-block;

    margin-top: 3px;
    margin-left: 25px;

    vertical-align: top;
}

.block_head .all_link:hover
{
    text-decoration: none;
}



.form
{
    --form_border_color: #ccd8eb;
    --form_focus_color: #ccd8eb;
    --form_error_color: red;
    --form_success_color: green;
    --form_border_radius: 0;
    --form_bg_color: #fff;
    --form_placeholder_color: #939393;
}


.form ::-webkit-input-placeholder
{
    color: var(--form_placeholder_color);
}

.form :-moz-placeholder
{
    color: var(--form_placeholder_color);
}

.form :-ms-input-placeholder
{
    color: var(--form_placeholder_color);
}


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


.form .field
{
    position: relative;
}


.form .input
{
    color: var(--text_color);
    font: var(--font_size) var(--font_family);

    display: block;

    width: 100%;
    height: 43px;

    transition: .2s linear;

    border: none;
    border-bottom: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

.form textarea
{
    color: var(--text_color);
    font: var(--font_size) var(--font_family);

    display: block;

    width: 100%;
    height: 120px;
    padding: 10px 20px;

    resize: none;
    transition: .2s linear;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}


.form .input:focus,
.form textarea:focus
{
    border-color: var(--form_focus_color);
}

.form .success
{
    border-color: var(--form_success_color);
}

.form .error
{
    border-color: var(--form_error_color);
}


.form .input:disabled,
.form textarea:disabled
{
    cursor: default;
    pointer-events: none;

    opacity: .5;
}


.form .minimum
{
    font-size: 18px;
    font-weight: 500;
}


.form .error_text
{
    color: var(--form_error_color);
    font-size: 14px;
    line-height: 20px;

    margin-top: 5px;
}


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

.form input[type=file] + label
{
    color: #f35000;
    font-size: 14px;

    position: relative;

    display: block;
    overflow: hidden;

    padding: 10px 0 10px 20px;

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

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

    display: block;

    width: 10px;
    height: 10px;
    margin-top: -5px;

    content: '';

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

.form input[type=file] + label span
{
    text-decoration: underline;
}

.form input[type=file] + label small
{
    font-size: 10px;

    text-decoration: none;
}


.form .submit_btn
{
    color: #fff;
    font: 900 16px/62px var(--font_family);

    position: relative;

    display: inline-block;

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

    cursor: pointer;
    transition: .2s linear;
    vertical-align: top;

    border: 1px solid var(--btn_bg);
    border-radius: 35px;
    background: #f35000;
}

.form .submit_btn span
{
    position: relative;
    z-index: 10;
}

.form .submit_btn .flare
{
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 136px;
}

.form .submit_btn .flare:before
{
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;

    content: '';
    -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
        -ms-transform: rotate(60deg) translate(-5em, 7.5em);
            transform: rotateZ(60deg) translate(-5em, 7.5em);
    -webkit-animation: sheens 3s infinite;
            animation: sheens 3s infinite;

    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#e5ac8e), color-stop(50%, #fff), to(#e5ac8e));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 172, 142, 0)), color-stop(50%, rgba(255, 255, 255, .7)), to(rgba(229, 172, 142, 0)));
    background: -webkit-linear-gradient(top, rgba(229, 172, 142, 0), rgba(255, 255, 255, .7) 50%, rgba(229, 172, 142, 0));
    background:      -o-linear-gradient(top, rgba(229, 172, 142, 0), rgba(255, 255, 255, .7) 50%, rgba(229, 172, 142, 0));
    background:         linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, .7) 50%, rgba(229, 172, 142, 0));

    filter: alpha(opacity=0);
}

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


.form .garanti
{
    color: #939393;
    font-size: 10px;

    display: flex;

    margin-top: 15px;

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

.form .garanti > *
{
    display: flex;

    width: 260px;
    max-width: 100%;
    min-height: 25px;
    padding-left: 32px;

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

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


.form .or_call
{
    font-size: 14px;

    margin-top: 25px;

    text-align: center;
}

.form .or_call a
{
    color: var(--text_color);
    font-weight: 700;

    display: inline-block;

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



.pagination
{
    font-size: 18px;
    font-weight: 700;
    line-height: 37px;

    display: flex;

    margin-top: 50px;

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

.pagination.center
{
    justify-content: center;
}

.pagination.alignright
{
    justify-content: flex-end;
}

.pagination a,
.pagination .sep
{
    color: #010101;

    display: inline-block;

    margin: 0 5px;

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

.pagination a:hover,
.pagination a.active
{
    color: #fe6202;
}


.pagination .prev,
.pagination .next
{
    position: relative;

    display: block;

    width: 37px;
    height: 37px;

    transition: .2s linear;

    border-radius: 50%;
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .21);
}

.pagination .prev
{
    margin-right: 15px;

    background: #fff url(../images/ic_slider_prev2.svg) 50%/auto 12px no-repeat;
}

.pagination .next
{
    margin-left: 15px;

    background: #fff url(../images/ic_slider_next2.svg) calc(50% + 1px) 50%/auto 12px no-repeat;
}

.pagination .prev:hover
{
    background: #fff url(../images/ic_slider_prev2_h.svg) 50%/auto 12px no-repeat;
}

.pagination .next:hover
{
    background: #fff url(../images/ic_slider_next2_h.svg) calc(50% + 1px) 50%/auto 12px no-repeat;
}



.first_section .info,
.first_section .form,
.services .item,
.portfolio .item,
.steps .data .item,
.steps .form,
.steps .video_review,
.cases .slider,
.tz .info,
.tz .cont .img,
.video_link,
.structure .col,
.team .slider,
.clients .slider,
.articles .article,
.vacancies .slider,
.order_block .info,
.order_block .form,
.contacts_info .item,
.contacts_info .col + .col,
.map #map,
.service_info .info .title,
.service_info .info .desc,
.service_info .info .link
{
    transition: .4s linear;

    opacity: 0;
}


.first_section .info,
.tz .info,
.structure .col_left,
.order_block .info
{
    transform: translateX(-200px);
}

.first_section .form,
.steps .form,
.tz .cont .img,
.structure .col_right,
.order_block .form,
.contacts_info .col + .col
{
    transform: translateX(200px);
}


.services .item,
.portfolio .item,
.steps .video_review,
.cases .slider,
.video_link,
.team .slider,
.clients .slider,
.articles .article,
.vacancies .slider,
.contacts_info .item,
.service_info .info .title,
.service_info .info .desc,
.service_info .info .link
{
    transform: translateY(100px);
}

.steps .data .item
{
    transform: translateX(-20px);
}


.animated
{
    transform: translate(0) !important;

    opacity: 1 !important;
}



@-webkit-keyframes sheens
{
    0%
    {
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
                transform: rotateZ(60deg) translate(-5em, 7.5em);

        opacity: 0;

        filter: alpha(opacity=0);
    }
    79%
    {
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
                transform: rotateZ(60deg) translate(-5em, 7.5em);

        opacity: 0;

        filter: alpha(opacity=0);
    }
    80%
    {
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
                transform: rotateZ(60deg) translate(-5em, 7.5em);

        opacity: 1;

        filter: alpha(opacity=100);
    }
    95%
    {
        -webkit-transform: rotateZ(60deg) translate(1em, -11em);
                transform: rotateZ(60deg) translate(1em, -11em);

        opacity: 1;

        filter: alpha(opacity=100);
    }
    100%
    {
        -webkit-transform: rotateZ(60deg) translate(1em, -9em);
                transform: rotateZ(60deg) translate(1em, -9em);

        opacity: 0;

        filter: alpha(opacity=0);
    }
}

@keyframes sheens
{
    0%
    {
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
                transform: rotateZ(60deg) translate(-5em, 7.5em);

        opacity: 0;

        filter: alpha(opacity=0);
    }
    79%
    {
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
                transform: rotateZ(60deg) translate(-5em, 7.5em);

        opacity: 0;

        filter: alpha(opacity=0);
    }
    80%
    {
        -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
                transform: rotateZ(60deg) translate(-5em, 7.5em);

        opacity: 1;

        filter: alpha(opacity=100);
    }
    95%
    {
        -webkit-transform: rotateZ(60deg) translate(1em, -11em);
                transform: rotateZ(60deg) translate(1em, -11em);

        opacity: 1;

        filter: alpha(opacity=100);
    }
    100%
    {
        -webkit-transform: rotateZ(60deg) translate(1em, -9em);
                transform: rotateZ(60deg) translate(1em, -9em);

        opacity: 0;

        filter: alpha(opacity=0);
    }
}



.text_block
{
    line-height: 24px;
}

.text_block > :last-child,
.text_block .cols .col > :last-child,
.text_block blockquote > :last-child,
.text_block q > :last-child
{
    margin-bottom: 0 !important;
}

.text_block > :first-child
{
    margin-top: 0 !important;
}


.text_block h1
{
    font-size: 30px;
    font-weight: 900;
    line-height: 34px;

    margin-bottom: 20px;
}

.text_block * + h2,
.text_block * + h3
{
    margin-top: 40px;
}

.text_block .clear + h2,
.text_block .clear + h3
{
    margin-top: 30px;
}


.text_block h2
{
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;

    margin-bottom: 20px;
}

.text_block h1 + h2
{
    margin-top: 0 !important;
}


.text_block h3
{
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;

    margin-bottom: 20px;
}

.text_block h1 + h3,
.text_block h2 + h3
{
    margin-top: 0 !important;
}


.text_block h1 + *,
.text_block h2 + *,
.text_block h3 + *
{
    margin-top: 0 !important;
}


.text_block p,
.text_block img,
.text_block ul,
.text_block blockquote,
.text_block q
{
    margin-bottom: 24px;
}


.text_block img
{
    display: block;

    max-width: 100%;

    border-radius: 10px;
}

.text_block img.left
{
    max-width: calc(50% - 30px);
    margin-top: 4px;
    margin-right: 30px;
}

.text_block img.right
{
    max-width: calc(50% - 30px);
    margin-top: 4px;
    margin-left: 30px;
}

.text_block img.loaded
{
    height: auto !important;
}


.text_block blockquote,
.text_block q
{
    display: block;

    width: 100%;
    padding: 15px 25px;

    border-radius: 10px;
    background: #fcbcb2;
}


.text_block .cols
{
    display: flex;

    margin: 30px 0;

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

.text_block .cols .col
{
    width: calc(50% - 20px);
}

.text_block .cols .col.align_self_center
{
    align-self: center;
}

.text_block .cols .col img
{
    margin: 0 auto;
}


.text_block ul li
{
    position: relative;

    display: block;

    padding-left: 21px;

    list-style-type: none;
}

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

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

    display: block;

    width: 8px;
    height: 8px;

    content: '';

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


.text_block a
{
    color: #f35000;
}

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



/*---------------
   Header
---------------*/
header
{
    position: relative;

    margin-bottom: 25px;
    padding: 15px 0;

    background: #f52100;
}

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

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

    background: none;
}



header .info .cont.flex
{
    position: relative;
    z-index: 5;

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



header .logo
{
    display: flex;

    height: 56px;

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

header .logo a,
header .logo img
{
    display: block;

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

header .logo .slogan
{
    font-size: 10px;
    line-height: 14px;

    position: relative;

    margin-left: 30px;
}

header .logo .slogan:before
{
    position: absolute;
    top: 50%;
    left: -16px;

    display: block;

    width: 1px;
    height: 50px;
    margin-top: -25px;

    content: '';

    background: #222;
}



header .mob_menu_link
{
    position: relative;
    z-index: 100;

    display: none;

    width: 45px;
    height: 38px;
    margin-right: -10px;
    padding: 10px;
}

header .mob_menu_link span
{
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    transition: .2s linear;

    background: #fff;
}

header .mob_menu_link span + span
{
    margin-top: 6px;
}

header .mob_menu_link.active span
{
    background: #000;
}

header .mob_menu_link.active span:nth-child(2)
{
    opacity: 0;
}

header .mob_menu_link.active span:nth-child(1)
{
    top: 8px;

    transform: rotate(45deg);
}

header .mob_menu_link.active span:nth-child(3)
{
    top: -8px;

    transform: rotate(-45deg);
}



header .menu
{
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

header .menu .item
{
    position: relative;
}

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

header .menu .item > a
{
    color: var(--text_color);
    font-size: 11px;
    font-weight: 600;
    line-height: normal;

    display: block;

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

    border-bottom: 1px dotted transparent;
}

header .menu .item:hover > a,
header .menu .item > a.active,
header .menu .item > a.border
{
    border-bottom-color: #272224;
}



header .contacts
{
    color: #fff;
    font-size: 14px;
    font-weight: 600;

    position: relative;

    display: flex;

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

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

header .contacts .phone a,
header .contacts .email a
{
    color: #fff;

    display: inline-block;

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

header .contacts .email
{
    margin-left: 20px;
}


header .contacts .links
{
    position: absolute;
    top: calc(100% + 15px);
    left: 0;

    display: flex;

    width: 100%;

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

header .contacts .links a, header .contacts .zak_z
{
    color: var(--text_color);
    font-size: 11px;
    font-weight: 600;
    line-height: 36px;

    display: inline-block;

    height: 36px;
    padding: 0 16px;

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

    border-radius: 20px;
    background: #fff;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .27);;
}

header .contacts .links a.whatsapp_link
{
    padding-right: 44px;
    padding-left: 13px;

    background: #fff url(../images/ic_whatsapp.png) calc(100% - 4px) 50% no-repeat;
}



header .bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}



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



/*---------------
   Main section
---------------*/
.owl-carousel,
.owl-carousel .slide:first-child
{
    display: block;
}

.owl-carousel .slide
{
    display: none;
}

.owl-carousel .owl-stage
{
    white-space: nowrap;
}

.owl-carousel .owl-item
{
    display: inline-block;
    float: none;

    vertical-align: top;
    white-space: normal;
}

.owl-carousel .slide .lozad
{
    transition: .2s linear;
}



.first_section
{
    position: relative;

    min-height: 100vh;
    padding: 125px 0;

    background-color: #fa5220;
}

.first_section:before
{
    position: absolute;
    z-index: 2;
    right: 50%;
    bottom: 0;

    display: block;

    width: 928px;
    height: 258px;
    margin-right: -579px;

    content: '';

    border: 5px solid #efb4ab;
    border-bottom: none;
    box-shadow: 0 0 15px rgba(255,255,255,.85), inset 0 0 15px rgba(255,255,255,.85);
}


.first_section .cont
{
    position: relative;
    z-index: 5;

    display: flex;

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


.first_section .info
{
    color: #fff;

    width: calc(100% - 480px);
    max-width: 100%;
    margin-top: -10px;
}

.first_section .info .title
{
    font-size: 39px;
    font-weight: 900;
    line-height: normal;

    position: relative;

    margin-bottom: 40px;
}

.first_section .info .title:after
{
    position: absolute;
    bottom: -20px;
    left: 0;

    display: block;

    width: 164px;
    height: 2px;

    content: '';

    background: #fff;
}

.first_section .info .desc
{
    width: 480px;
    max-width: 100%;
}

.first_section .info .desc li
{
    font-size: 21px;
    font-weight: 700;

    position: relative;

    display: block;

    padding-left: 30px;

    background: url(../images/ic_ul_li.png) 0 4px no-repeat;
}

.first_section .info .desc li + li
{
    margin-top: 20px;
}


.first_section .form
{
    position: relative;

    width: 428px;
    max-width: 100%;
    margin-right: 21px;
    padding: 38px 51px 51px;

    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .27);
}

.first_section .form:after
{
    position: absolute;
    z-index: -1;
    top: 50%;
    right: -44px;

    display: block;

    width: 131px;
    height: 131px;
    margin-top: -35px;

    content: '';

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

.first_section .form .title
{
    font-size: 30px;
    font-weight: 900;
    line-height: 30px;

    margin-bottom: 20px;
}


.first_section .slider
{
    position: absolute;
    z-index: 9;
    bottom: -50px;
    left: 0;

    pointer-events: none;
}

.first_section .slider .owl-dots
{
    pointer-events: auto;
}

.first_section .slide .img
{
    display: flex;

    width: 100%;
    height: 460px;
    padding-right: 80px;

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

.first_section .slide img
{
    display: block;

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


.first_section .bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}


.first_section > .img
{
    position: absolute;
    z-index: 10;
    top: 295px;
    left: 50%;

    display: block;

    margin-left: -740px;

    pointer-events: none;
}

.first_section > .img2
{
    position: absolute;
    z-index: 10;
    top: 85%;
    left: 50%;

    display: block;

    margin-left: -710px;

    pointer-events: none;
}

.first_section > .img3
{
    position: absolute;
    z-index: 3;
    top: 60%;
    left: 50%;

    display: block;

    margin-left: -270px;

    pointer-events: none;
}

.first_section > .img4
{
    position: absolute;
    z-index: 10;
    top: 90%;
    left: 50%;

    display: block;

    margin-left: -240px;

    pointer-events: none;
}

.first_section > .img5
{
    position: absolute;
    z-index: 10;
    top: 65%;
    left: 50%;

    display: block;

    margin-left: 265px;

    pointer-events: none;
}

.first_section > .img6
{
    position: absolute;
    z-index: 10;
    top: 18%;
    left: 50%;

    display: block;

    margin-left: 560px;

    pointer-events: none;
}



.services .block_head
{
    margin-bottom: 0;
    padding: 45px 0;
}

.services .flex
{
    overflow: hidden;

    background: #eee;
}

.services .flex > *
{
    width: 33.333%;
}

.services .item
{
    color: #fff;
    font-size: 24px;
    font-weight: 700;

    position: relative;

    overflow: hidden;

    padding-bottom: 14.5%;

    text-align: center;
    text-decoration: none;

    background: #eee;
}

.services .item.color1
{
    background: #f72e00;
}

.services .item.color2
{
    background: #c30006;
}

.services .item.color3
{
    background: #e70a53;
}

.services .item.color4
{
    background: #c60b67;
}

.services .item.color5
{
    background: #9e018d;
}

.services .item.color6
{
    background: #6a019b;
}

.services .item img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    opacity: .3;

    object-fit: cover;
}

.services .item .name
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    display: flex;

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

    text-align: center;

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

.services .item .name span
{
    display: inline-block;

    width: 11px;
    height: 18px;
    margin-left: 8px;

    transform: skewX(-25deg);
    vertical-align: middle;

    border-right: 4px solid #fd6d05;
    border-left: 4px solid #fd6d05;
}

.services .item:hover img
{
    opacity: .6;
}



.portfolio
{
    position: relative;

    padding-top: 75px;
}


.portfolio .block_head
{
    position: relative;

    margin-bottom: 36px;
}

.portfolio .block_head .title
{
    line-height: 43px;

    position: absolute;
    top: 0;
    left: 0;
}

.portfolio .block_head .all_link
{
    position: absolute;
    top: 14px;
    left: 215px;

    margin: 0 0 0 25px;
}


.portfolio .tabs
{
    display: flex;

    width: calc(100% + 34px);
    margin-bottom: -9px;
    margin-left: 16px;

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

.portfolio .tabs a
{
    color: #000;
    font-size: 14px;
    line-height: 18px;

    position: relative;

    display: flex;

    height: 45px;
    margin-bottom: 9px;
    margin-left: 9px;
    padding: 10px 20px;

    cursor: pointer;
    transition: .2s linear;
    text-align: center;
    text-decoration: none;

    border: 1px solid #cecece;
    border-radius: 25px;

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

.portfolio .tabs a:first-child
{
    margin-left: 343px;
}

.portfolio .tabs a:hover,
.portfolio .tabs a.active
{
    border-color: #e45500;
}

.portfolio .tabs a.active
{
    font-weight: 600;
}

.portfolio .tab_content
{
    position: relative;

    visibility: hidden;

    height: 0;

    pointer-events: none;

    opacity: 0;
}

.portfolio .tab_content.active
{
    visibility: visible;

    height: auto;

    transition: opacity .5s linear;
    pointer-events: auto;

    opacity: 1;
}


.portfolio .flex
{
    overflow: hidden;

    background: #eee;
}

.portfolio .flex > *
{
    width: 25%;
}

.portfolio .item
{
    color: #fff;

    position: relative;

    overflow: hidden;

    padding-bottom: 16%;

    text-align: center;
    text-decoration: none;

    background: #151b23;
}

.portfolio .item .thumb
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    transition: .2s linear;

    opacity: .31;

    object-fit: cover;
}

.portfolio .item .logo
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    display: flex;

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

    text-align: center;

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

.portfolio .item .logo img
{
    display: block;

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

.portfolio .item:hover .thumb
{
    opacity: .52;
}


.portfolio > .img
{
    position: absolute;
    z-index: 10;
    top: -50px;
    right: 50%;

    display: block;

    margin-right: -780px;

    pointer-events: none;
}



.steps
{
    position: relative;

    margin-bottom: 40px;
    padding: 45px 0;
}


.steps .cont
{
    position: relative;
    z-index: 5;

    display: flex;

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


.steps .data
{
    width: calc(100% - 592px);
}

.steps .data .block_head
{
    color: #fff;
}


.steps .data .items
{
    position: relative;

    display: flex;

    min-height: 152px;

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

.steps .data .items:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: -35px;

    display: block;

    width: 863px;
    height: 100%;

    content: '';

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

.steps .data .item
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;

    align-self: flex-start;
}

.steps .data .item .number
{
    font-size: 24px;

    margin-bottom: 10px;
}


.steps .video_review
{
    position: relative;

    display: flex;

    margin-top: 36px;

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

.steps .video_review:before
{
    position: absolute;
    z-index: -1;
    bottom: 100%;
    left: 0;

    display: block;

    width: 42.75%;
    height: 46px;

    content: '';

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

.steps .video_review .thumb
{
    position: relative;

    overflow: hidden;

    width: 42.75%;
    padding-bottom: 29%;

    border: 4px solid #fff;
    border-radius: 10px;
    background: #eee;
    box-shadow: 0 24px 49px 0 rgba(0, 0, 0, .38);
}

.steps .video_review .thumb:after
{
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 35px;
    height: 42px;
    margin: auto;

    content: '';

    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 35px solid #f35000;
}

.steps .video_review .thumb img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.steps .video_review .info
{
    font-size: 12px;

    width: calc(57.25% - 38px);
    padding-bottom: 15px;
}

.steps .video_review .name
{
    font-size: 30px;
    font-weight: 700;

    padding-top: 20px;

    background: url(../images/ic_quote.png) 3px 0 no-repeat;
}

.steps .video_review .author
{
    font-size: 18px;

    margin-top: 3px;
}

.steps .video_review .date
{
    margin-top: 15px;
}


.steps .form
{
    position: relative;

    width: 467px;
    max-width: 100%;
    margin-right: 90px;
    padding: 38px 45px 55px;

    border-radius: 20px;
    background: #fff;
}

.steps .form:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    border-radius: 20px;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .27);
}

.steps .form:after
{
    position: absolute;
    bottom: 0;
    left: 13px;

    display: block;

    width: calc(100% - 26px);
    height: 10px;

    content: '';

    background: url(../images/bg_bottom_wave.png) 0 0 repeat-x;
}

.steps .form .title
{
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;

    margin-bottom: 20px;
}


.steps .bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 399px;
    max-height: 100%;

    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}


.steps > .img
{
    position: absolute;
    z-index: 10;
    top: 60%;
    left: 50%;

    display: block;

    margin-left: -770px;

    pointer-events: none;
}

.steps > .img2
{
    position: absolute;
    z-index: 10;
    top: 125px;
    right: 50%;

    display: block;

    margin-right: -565px;

    pointer-events: none;
}



.cases
{
    position: relative;
}

.cases .item
{
    color: #fff;
    font-size: 18px;

    position: relative;

    display: block;
    overflow: hidden;

    padding-bottom: 50%;

    text-decoration: none;

    background: #eee;
}

.cases .item.dark
{
    color: var(--text_color);
}

.cases .item .thumb
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.cases .item .info
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    padding: 40px 35px;
}

.cases .item .info .name
{
    font-weight: 700;
}

.cases .item .info .location
{
    margin-top: 10px;
}


.cases > .img
{
    position: absolute;
    z-index: 10;
    top: -25px;
    right: 50px;

    display: block;

    pointer-events: none;
}



.tz
{
    color: #fff;

    position: relative;

    padding: 66px 0 0;

    background: #2e2e2e;
}


.tz .cont
{
    position: relative;
    z-index: 5;

    display: flex;

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


.tz .info
{
    font-size: 20px;

    width: 340px;
    max-width: 100%;
}

.tz .info .title
{
    font-size: 48px;
    font-weight: 900;

    margin-bottom: 15px;
}

.tz .info .sub_title
{
    font-size: 30px;
    font-weight: 900;

    margin-bottom: 15px;
}


.tz .cont .img
{
    width: 751px;
    max-width: calc(100% - 370px);
    margin-bottom: -31px;
}

.tz .cont .img .flex
{
    position: relative;

    justify-content: space-between;
}

.tz .cont .img .flex > *
{
    position: relative;

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

.tz .cont .img .flex:before
{
    position: absolute;
    z-index: 1;
    top: 44px;
    left: 50%;

    display: block;

    width: 92px;
    height: 44px;
    margin-left: -46px;

    content: '';

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

.tz .cont .img .flex:after
{
    position: absolute;
    z-index: 1;
    bottom: 56px;
    left: 50%;

    display: block;

    width: 71px;
    height: 71px;
    margin-left: -36px;

    content: '';

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

.tz .cont .img .name
{
    color: #fff;
    font-size: 18px;
    font-weight: 800;

    position: absolute;
    top: 80px;
    left: 0;

    width: 100%;

    text-align: center;
}

.tz .cont .img img
{
    display: block;

    width: 100%;

    border-radius: 10px;
}

.tz .cont .img img.logo
{
    position: absolute;
    top: 28px;
    left: 28px;

    width: 74px;

    border-radius: 0;
}

.tz .cont .img .maximum
{
    color: #fff;
    font-size: 28px;
    font-weight: 500;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;

    width: 310px;
    height: 90px;
    margin: auto;
    padding: 10px 20px;

    transform: skewX(-12deg) rotate(-12deg);
    text-transform: uppercase;

    border-radius: 8px;
    background: #f35000;

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

.tz .cont .img .maximum b
{
    font-size: 30px;
    font-weight: 900;
}


.tz .bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}


.tz > .img
{
    position: absolute;
    z-index: 10;
    top: -25px;
    left: 50%;

    display: block;

    margin-left: -310px;

    pointer-events: none;
}



.video_link
{
    color: #fff;

    position: relative;

    display: block;

    padding-bottom: 36%;

    text-decoration: none;

    background: #151318;
}

.video_link .thumb
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    opacity: .54;

    object-fit: cover;
}

.video_link .info
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    display: flex;

    width: 100%;
    height: 100%;

    text-align: center;

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

.video_link .info .icon
{
    position: relative;

    width: 126px;
    height: 126px;

    border: 4px solid rgba(255,255,255,.3);
    border-radius: 50%;
}

.video_link .info .icon:after
{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;

    display: block;

    width: 35px;
    height: 42px;
    margin-top: -21px;
    margin-left: -13px;

    content: '';

    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 35px solid #fff;
}

.video_link .info .link
{
    font-size: 14px;
    font-weight: 700;

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

    text-decoration: underline;
}

.video_link .info .title
{
    font-size: 24px;
    font-weight: 900;

    width: 100%;
    margin-top: 10px;
}



.structure
{
    position: relative;

    padding: 60px 0;
}


.structure .block_head
{
    margin-bottom: -40px;
}


.structure .flex
{
    display: flex;

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

.structure .col
{
    position: relative;

    max-width: 100%;
}


.structure .col .title
{
    color: #010101;
    font-size: 24px;
    font-weight: 700;

    position: absolute;
    top: 50px;

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

.structure .col .title:before
{
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;

    display: block;

    width: 10px;
    height: 10px;
    margin-left: -5px;

    content: '';

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

.structure .col .title:after
{
    position: absolute;
    top: calc(100% + 20px);

    display: block;

    width: calc(50% + 50px);
    height: 55px;

    content: '';

    border-bottom: 2px solid #b5b5b5;
}


.structure .col .item
{
    color: #010101;
    font-size: 14px;

    position: relative;

    padding: 12px 24px;

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

.structure .col .item:after
{
    position: absolute;
    top: 50%;
    left: 100%;

    display: block;

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

    content: '';

    background: #b5b5b5;
}

.structure .col .item + .item
{
    margin-top: 8px;
}

.structure .col .item + .item:before
{
    position: absolute;
    bottom: calc(50% - 1px);
    left: calc(100% + 36px);

    display: block;

    width: 2px;
    height: calc(100% + 12px);

    content: '';

    background: #b5b5b5;
}


.structure .col .sub_item
{
    position: absolute;
    top: -1px;

    width: 304px;
}

.structure .col .sub_item .sub
{
    color: #010101;
    font-size: 12px;

    margin-top: 5px;
}

.structure .col .sub_item .sub > *
{
    position: relative;

    margin-top: 10px;
    padding-left: 16px;
}

.structure .col .sub_item .sub > *:before
{
    position: absolute;
    top: 3px;
    left: 0;

    display: block;

    width: 8px;
    height: 8px;

    content: '';

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


.structure .col_left
{
    width: 356px;
    margin-left: 55px;
    padding-right: 36px;
}

.structure .col_left .title
{
    left: calc(100% + 50px);
}

.structure .col_left .title:after
{
    right: calc(50% - 1px);

    border-right: 2px solid #b5b5b5;
}


.structure .col_right
{
    width: 410px;
    padding-left: 36px;
}

.structure .col_right .title
{
    right: calc(100% + 50px);
}

.structure .col_right .title:after
{
    left: calc(50% - 1px);

    border-left: 2px solid #b5b5b5;
}

.structure .col_right .item:after
{
    right: 100%;
    left: auto;
}

.structure .col_right .item + .item:before
{
    right: calc(100% + 36px);
    left: auto;
}


.structure .col .sub_item
{
    right: calc(100% + 72px);
}

.structure .col .sub_item:after
{
    top: 21px;
    right: auto;
    left: 100%;
}


.structure > .img
{
    position: absolute;
    z-index: 10;
    top: 50px;
    left: 50%;

    display: block;

    margin-left: -675px;

    pointer-events: none;
}

.structure > .img2
{
    position: absolute;
    z-index: 10;
    top: 75%;
    left: 50%;

    display: block;

    margin-left: -400px;

    pointer-events: none;
}

.structure > .img3
{
    position: absolute;
    z-index: 10;
    top: 10%;
    right: 50%;

    display: block;

    margin-right: -680px;

    pointer-events: none;
}



.team
{
    padding: 60px 0;
}

.team .owl-stage-outer
{
    overflow: visible !important;
}

.team .owl-item
{
    visibility: hidden;

    transition: opacity .2s linear;
    pointer-events: none;

    opacity: 0;
}

.team .owl-item.active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.team .item
{
    font-size: 18px;
}

.team .item .foto
{
    position: relative;

    overflow: hidden;

    margin-bottom: 25px;
    padding-bottom: 123%;

    border-radius: 8px;
    background: #eee;
}

.team .item .foto img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    object-fit: cover;
}

.team .item .name
{
    font-weight: 700;
}

.team .item .post
{
    margin-top: 5px;
}



.clients
{
    padding: 60px 0;
}

.clients .slider
{
    margin-top: -20px;
    padding: 40px;

    border-radius: 10px;
    background: #fff;
    box-shadow: 0 15px 32px 0 rgba(0, 0, 0, .14);
}

.clients .slider .owl-nav button
{
    top: -68px;
}

.clients .item
{
    position: relative;

    display: flex;

    height: 68px;

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

.clients .item img
{
    display: block;

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



.articles
{
    padding: 15px 0 30px;
}

.articles.no_pad
{
    padding: 0;
}


.articles .flex + .flex
{
    margin-top: 50px;
}


.articles .flex
{
    margin-bottom: -30px;
    margin-left: -12px;
}

.articles .flex > *
{
    width: calc(25% - 12px);
    margin-bottom: 30px;
    margin-left: 12px;
}


.articles .flex.big
{
    margin-bottom: -30px;
    margin-left: -65px;
}

.articles .flex.big > *
{
    width: calc(33.333% - 65px);
    margin-bottom: 30px;
    margin-left: 65px;
}


.articles .article
{
    color: #000;
    font-size: 12px;
}

.articles .article .thumb
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 72%;

    text-decoration: none;

    border-radius: 10px;
    background: #eee;
}

.articles .article .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.articles .article .cat
{
    color: var(--text_color);
    font-size: 10px;

    display: inline-block;

    margin-bottom: 15px;

    vertical-align: top;
    text-transform: uppercase;
}

.articles .article .cat a
{
    color: var(--text_color);

    display: inline-block;

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

.articles .article .cat a:hover
{
    text-decoration: underline;
}

.articles .article .date
{
    color: var(--text_color);
    font-size: 10px;

    display: inline-block;

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

    vertical-align: top;
    text-transform: uppercase;
}

.articles .article .name
{
    color: #010101;
    font-size: 18px;
    font-weight: 700;
}

.articles .article .name a
{
    color: #010101;

    display: inline-block;

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

.articles .article .name a:hover
{
    text-decoration: underline;
}

.articles .article .desc
{
    line-height: 18px;

    width: 260px;
    max-width: 100%;
    margin: 10px 0 0;
}


.articles .flex.big .article
{
    display: flex;

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

.articles .flex.big .article .thumb
{
    width: 130px;
    max-width: 100%;
    height: 94px;
    padding: 0;
}

.articles .flex.big .article .info
{
    width: calc(100% - 147px);
}

.articles .flex.big .article .name
{
    font-size: 14px;
}

.articles .flex.big .article .desc
{
    width: 185px;
}



.vacancies
{
    padding: 30px 0 80px;
}

.vacancies .owl-stage-outer
{
    overflow: visible !important;
}

.vacancies .owl-item
{
    visibility: hidden;

    transition: opacity .2s linear;
    pointer-events: none;

    opacity: 0;
}

.vacancies .owl-item.active
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.vacancies .vacancy
{
    position: relative;

    overflow: hidden;

    padding: 30px 30px 33px;

    border-radius: 10px;
    background: url(../images/bg_vacancy_left.jpg) 0 100% no-repeat,
    url(../images/bg_vacancy_right.jpg) 100% 100% no-repeat #fff;
    box-shadow: 0 15px 32px 0 rgba(0, 0, 0, .14);
}

.vacancies .vacancy .name
{
    color: #fd6d05;
    font-size: 18px;
    font-weight: 700;
}

.vacancies .vacancy .desc
{
    font-size: 12px;
    line-height: 18px;

    max-height: 108px;
    margin-top: 15px;
}

.vacancies .vacancy .salary
{
    font-size: 18px;
    font-weight: 700;

    margin-top: 25px;

    text-align: center;
}

.vacancies .vacancy .details
{
    color: #fd6d05;
    font-size: 16px;
    font-weight: 900;
    line-height: 60px;

    display: block;

    width: 262px;
    max-width: 100%;
    height: 62px;
    margin: 15px auto 0;
    padding: 0 20px;

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

    border: 1px solid #fd6d05;
    border-radius: 30px;
}

.vacancies .vacancy .details:hover
{
    color: #fff;

    background: #fd6d05;
}



.order_block
{
    position: relative;

    padding: 54px 0 0;

    background: #fd6d05;
}

.order_block .cont
{
    position: relative;
    z-index: 5;

    display: flex;

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


.order_block .info
{
    color: #fff;

    width: 550px;
    max-width: 100%;
    padding-top: 25px;
}

.order_block .block_head
{
    margin-bottom: 0;
}

.order_block .percents
{
    font-size: 72px;
    font-weight: 900;
}


.order_block .form
{
    position: relative;

    width: 467px;
    max-width: 100%;
    margin-right: 90px;
    margin-bottom: -117px;
    padding: 38px 45px 55px;

    border-radius: 20px;
    background: #fff;
}

.order_block .form:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    border-radius: 20px;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .27);
}

.order_block .form:after
{
    position: absolute;
    bottom: 0;
    left: 13px;

    display: block;

    width: calc(100% - 26px);
    height: 10px;

    content: '';

    background: url(../images/bg_bottom_wave.png) 0 0 repeat-x;
}


.order_block .bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}


.order_block > .img
{
    position: absolute;
    z-index: 10;
    top: 40%;
    left: 50%;

    display: block;

    margin-left: -60px;

    pointer-events: none;
}

.order_block > .img2
{
    position: absolute;
    z-index: 10;
    top: -40%;
    right: 50%;

    display: block;

    margin-right: -680px;

    pointer-events: none;
}



.contacts_info
{
    padding: 60px 0;
}

.contacts_info .flex
{
    width: 660px;
    max-width: 100%;

    justify-content: space-between;
}

.contacts_info .flex > *
{
    width: calc(50% - 10px);
}


.contacts_info .item
{
    font-size: 16px;
    line-height: 30px;
}

.contacts_info .item + .item
{
    margin-top: 20px;
}

.contacts_info .item .name
{
    font-weight: 900;
}

.contacts_info .item a
{
    color: var(--text_color);

    display: inline-block;

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


.contacts_info .time
{
    font-size: 16px;
    font-weight: 900;
    line-height: 30px;
}


.contacts_info .email
{
    font-size: 16px;
    font-weight: 900;
    line-height: 30px;
}

.contacts_info .email a
{
    color: var(--text_color);

    display: inline-block;

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


.contacts_info .links
{
    margin-top: 14px;
}

.contacts_info .links > * + *
{
    margin-top: 14px;
}

.contacts_info .links a
{
    color: var(--text_color);
    font-size: 11px;
    font-weight: 600;
    line-height: 35px;

    display: inline-block;

    height: 36px;
    padding: 0 16px;

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

    border: 1px solid var(--text_color);
    border-radius: 20px;
    background: #fff;
}

.contacts_info .links a.whatsapp_link
{
    padding-right: 44px;
    padding-left: 13px;

    background: #fff url(../images/ic_whatsapp.png) calc(100% - 4px) 50% no-repeat;
}


.contacts_info .socials
{
    display: flex;

    margin-top: 19px;

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

.contacts_info .socials a
{
    display: block;
    overflow: hidden;

    width: 37px;
    height: 37px;

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

.contacts_info .socials a + a
{
    margin-left: 7px;
}

.contacts_info .socials img
{
    display: block;

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

    object-fit: cover;
}



.map
{
    position: relative;

    overflow: hidden;

    padding-bottom: 32.5%;

    background: #eee;
}

#map
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#map .ymaps-2-1-74-balloon
{
    padding: 0;

    box-shadow: none;
}

#map .ymaps-2-1-74-balloon__tail
{
    display: none;
}

#map .ymaps-2-1-74-balloon__layout
{
    border-radius: 10px;
    box-shadow: 0 15px 32px 0 rgba(0, 0, 0, .14);
}

#map .ymaps-2-1-74-balloon__close
{
    display: none;
}

#map .ymaps-2-1-74-balloon__content
{
    font-size: 14px;
    line-height: 20px;

    padding: 15px 25px;
}

#map .ymaps-2-1-74-balloon__content .name
{
    font-weight: 900;
}

#map .ymaps-2-1-74-balloon__content a
{
    color: var(--text_color);

    display: inline-block;

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

#map .ymaps-2-1-74-balloon__close + .ymaps-2-1-74-balloon__content
{
    margin-right: 0;
}

#map .ymaps-2-1-74-image
{
    border-radius: 50%;
    box-shadow: 0 15px 32px 0 rgba(0, 0, 0, .14);
}



.service_info
{
    position: relative;

    min-height: 615px;
    margin-top: -25px;
    padding: 104px 0 194px;

    background: #eee;
}


.service_info .info
{
    position: relative;
    z-index: 5;
}

.service_info .info .title
{
    color: #fff;
    font-size: 49px;
    font-weight: 900;
    line-height: 71px;
}

.service_info .info .title span
{
    padding: 10px 25px;

    border-radius: 5px 5px 0 0;
    background: #222;
            box-decoration-break: clone;

    -webkit-box-decoration-break: clone;
}


.service_info .info .desc
{
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;

    display: flex;

    width: 935px;
    max-width: 100%;
    padding: 20px;

    border-radius: 0 0 5px 5px;
    background: #fff;

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

.service_info .info .desc > *
{
    padding-left: 28px;

    background: url(../images/ic_ul_li.png) 0 2px no-repeat;
}

.service_info .info .desc > * + *
{
    margin-left: 20px;
}


.service_info .info .link
{
    margin-top: 25px;
}

.service_info .info .link a
{
    color: #fff;
    font: 900 16px/62px var(--font_family);

    display: inline-block;

    width: 343px;
    max-width: 100%;
    height: 62px;
    padding: 0 20px;

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

    border-radius: 35px;
    background: #f35000;
    box-shadow: 0 4px 13px 0 rgba(0, 0, 0, .29);
}


.service_info .slider
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.service_info .slider .owl-dots
{
    top: auto;
    bottom: 107px;
}

.service_info .slide
{
    position: relative;

    overflow: hidden;

    height: 615px;

    background: #212121;
}

.service_info .slide img
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .58;

    object-fit: cover;
}



.article_info
{
    margin-bottom: 50px;
}

.article_info .head
{
    display: flex;

    margin-top: -15px;
    padding-bottom: 10px;

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


.article_info .cat
{
    color: var(--text_color);
    font-size: 10px;

    display: inline-block;

    margin-bottom: 15px;

    vertical-align: top;
    text-transform: uppercase;
}

.article_info .cat a
{
    color: var(--text_color);

    display: inline-block;

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

.article_info .cat a:hover
{
    text-decoration: underline;
}


.article_info .date
{
    color: var(--text_color);
    font-size: 10px;

    display: inline-block;

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

    vertical-align: top;
    text-transform: uppercase;
}


/*---------------
   Footer
---------------*/
footer
{
    flex: 0 0 auto;
}

footer.margin
{
    margin-top: 40px;
}


footer .info
{
    padding: 30px 0;
}


footer .logo a
{
    display: inline-block;

    vertical-align: top;
}

footer .logo img
{
    display: block;
}


footer .copyright
{
    font-size: 12px;

    width: 520px;
    max-width: calc(100% - 415px);
    margin-left: 63px;

    align-self: center;
}


footer .user_agreement
{
    color: #f35000;
    font-size: 12px;

    display: inline-block;

    margin-left: auto;

    vertical-align: top;
}

footer .user_agreement:hover
{
    text-decoration: none;
}



/*---------------
   PopUp
---------------*/
.modal
{
    display: none;
    visibility: visible !important;

    width: 428px;
    max-width: 100%;
    padding: 38px 51px 51px;

    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .27);
}

.modal_title
{
    font-size: 30px;
    font-weight: 900;
    line-height: 30px;
}

.modal_desc
{
    font-size: 14px;

    margin-top: 15px;
}

.modal_data
{
    margin-top: 20px;
}



.case_modal
{
    display: inline-block;

    width: 800px;
    padding: 40px;

    vertical-align: top;
}

.case_modal > * + *
{
    margin-top: 25px;
}

.case_modal .case_title
{
    font-size: 30px;
    font-weight: 900;

    margin-bottom: 20px;
}

.case_modal .title
{
    font-size: 18px;
    font-weight: 900;

    margin-bottom: 20px;
}


.case_modal .info
{
    padding-bottom: 10px;
}

.case_modal .info .name
{
    color: #fff;
    font-size: 14px;
    font-weight: 900;

    position: relative;
    z-index: 3;

    margin-bottom: -5px;
    padding: 10px 20px;

    border-radius: 5px;
    background: #f35000;
}


.case_modal .info .gallery
{
    display: flex;
    overflow: hidden;

    border-radius: 0 0 5px 5px;

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

.case_modal .info .gallery figure
{
    color: #fff;

    width: 33.333%;

    background: #282828;
}

.case_modal .info .gallery figure.big
{
    width: 66.666%;
}

.case_modal .info .gallery figure.color2
{
    background: #4d4d4d;
}

.case_modal .info .gallery figure .img
{
    height: 310px;

    background: #eee;
}

.case_modal .info .gallery figure img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.case_modal .info .gallery figure figcaption
{
    padding: 15px 20px;
}


.case_modal .info .text
{
    font-size: 14px;
    line-height: 24px;

    position: relative;

    width: calc(100% - 328px);
    margin-top: 30px;
}

.case_modal .info .text > * + *
{
    margin-top: 25px;
}

.case_modal .info .text .title
{
    margin-bottom: 10px;
}

.case_modal .info .text li
{
    position: relative;

    display: flex;

    min-height: 28px;
    padding-left: 44px;

    list-style-type: none;

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

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

.case_modal .info .text li + li
{
    margin-top: 20px;
}


.case_modal .info .period
{
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    line-height: normal;

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

    width: 270px;
    max-width: 100%;
    margin: 0;
    padding: 20px 20px 15px;

    text-align: center;

    border-radius: 10px;
    background: #f35000;
}

.case_modal .info .period .val
{
    font-size: 50px;

    white-space: nowrap;
}


.case_modal .stages
{
    color: #fff;

    position: relative;

    width: calc(100% + 80px);
    margin-right: -40px;
    margin-left: -40px;
    padding: 40px 40px 80px;

    background: #ee4d00;
}

.case_modal .stages > *
{
    position: relative;
    z-index: 5;
}

.case_modal .stages ol
{
    width: 300px;
    max-width: calc(50% - 10px);

    counter-reset: li;
}

.case_modal .stages ol li
{
    position: relative;

    display: flex;

    min-height: 37px;
    padding-left: 49px;

    list-style-type: none;

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

.case_modal .stages ol li + li
{
    margin-top: 18px;
}

.case_modal .stages ol li:before
{
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    line-height: 37px;

    position: absolute;
    top: 0;
    left: 0;

    width: 37px;
    height: 37px;

    content: counter(li);
    counter-increment: li;
    text-align: center;

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


.case_modal .stages .items
{
    position: absolute;
    right: 40px;
    bottom: 40px;

    width: 308px;
    max-width: calc(100% - 80px);
}

.case_modal .stages .items > * + *
{
    margin-top: 34px;
}

.case_modal .stages .items .thumb
{
    overflow: hidden;

    width: 206px;
    height: 206px;
    margin: 0 auto -34px;

    border: 10px solid #fff;
    border-radius: 50%;
    background: #eee;
}

.case_modal .stages .items .thumb.big
{
    width: 308px;
    height: 308px;

    border: 15px solid #f8f8f8;
}

.case_modal .stages .items .thumb img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.case_modal .stages .items .name
{
    color: #fff;
    font-size: 14px;
    font-weight: 900;

    position: relative;

    display: flex;

    width: 269px;
    max-width: 100%;
    min-height: 48px;
    margin: 0 auto;
    padding: 10px 15px;

    text-align: center;

    border-radius: 8px;
    background: #f35000;

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


.case_modal .stages .bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}


.case_modal .result .img
{
    position: relative;

    padding-bottom: 54.5%;

    background: #eee;
}

.case_modal .result img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.case_modal .result .img + .img
{
    margin-top: 10px;
}


.case_modal .result .slider
{
    margin-bottom: 25px;
}

.case_modal .result .owl-carousel .owl-nav button
{
    top: 50%;

    margin-top: -24px;
}

.case_modal .result .owl-carousel .owl-nav button.owl-prev
{
    left: -24px;

    margin-left: 0;
}

.case_modal .result .owl-carousel .owl-nav button.owl-next
{
    right: -24px;

    margin-right: 0;
}

.case_modal .result .owl-dots
{
    top: calc(100% + 25px);
    left: 0;

    width: 100%;
    margin: 0;
}

.case_modal .result .owl-dot
{
    background: #b5b5b5;
}

.case_modal .result .owl-dot.active
{
    background: #f35000;
    box-shadow: 0 0 0 3px #f35000;
}



@media (min-width: 1900px)
{
    header.absolute
    {
        padding: 35px 0 53px;
    }


    .first_section
    {
        min-height: 0;
        padding: 144px 0 294px;
    }

    .first_section .slide .img
    {
        height: 680px;
    }
}