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

    font-display: swap;
    src: url('../fonts/GothamPro.woff') format('woff'),
    url('../fonts/GothamPro.ttf') format('truetype');
}

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

    font-display: swap;
    src: url('../fonts/GothamPro-Medium.woff') format('woff'),
    url('../fonts/GothamPro-Medium.ttf') format('truetype');
}



*
{
    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;
    --text_color: #000;
    --font_size: 13px;
    --font_family: 'GothamPro', '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%;

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

body.lock
{
    position: fixed;

    overflow: hidden;

    width: 100%;
    height: 100%;
}


.wrap
{
    position: relative;

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

    min-width: 360px;
    min-height: 100%;
}


.main
{
    flex: 1 0 auto;
}


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


.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;
}



.datepicker
{
    font-family: var(--font_family);

    border: 1px solid #acacac;
    border-radius: 0;
    box-shadow: none;
}

.datepicker.-from-bottom-
{
    margin-top: -10px;
}

.datepicker--pointer
{
    display: none;
}

.datepicker--day-name
{
    color: #bf2e00;
    font-weight: 500;
}

.datepicker--cell
{
    border: 1px solid transparent;
    border-radius: 0;
}

.datepicker--cell.-current-
{
    color: #fff;

    background: #181818;
}

.datepicker--cell.-focus-,
.datepicker--cell.-current-.-focus-,
.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-,
.datepicker--cell.-selected-.-focus-
{
    color: #181818;

    border: 1px solid #181818;
    background: none;
}



.block_head
{
    margin-bottom: 40px;
}

.block_head .title
{
    color: #e74008;
    font-size: 40px;
    font-weight: 700;
}

.block_head .desc
{
    font-size: 18px;
    line-height: 28px;

    margin-top: 20px;
}

.block_head .desc .phone,
.block_head .desc .email
{
    color: #771975;
    font-size: 21px;
    font-weight: 700;

    white-space: nowrap;
    text-decoration: none;
}

.block_head .desc .email + .phone,
.block_head .desc .phone + .email
{
    margin-left: 20px;
}



.form
{
    --form_border_color: #d9d9d9;
    --form_focus_color: #d9d9d9;
    --form_error_color: red;
    --form_success_color: green;
    --form_border_radius: 0;
    --form_bg_color: #fff;
    --form_label_width: 115px;
    --form_placeholder_color: #181818;
}


.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 .columns
{
    margin-left: calc(var(--form_columns_offset) * -1);

    --form_columns_offset: 60px;
}

.form .columns > *
{
    width: calc(50% - var(--form_columns_offset));
    margin-left: var(--form_columns_offset);
}


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

.form .line.flex
{
    justify-content: flex-end;
}

.form .line.flex .label
{
    font-size: 13px;
    line-height: 16px;

    display: flex;

    width: var(--form_label_width);
    max-width: 100%;
    min-height: 33px;
    margin: 0;
    padding-right: 10px;

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

.form .line.flex .field
{
    width: calc(100% - var(--form_label_width));
}


.form .label
{
    color: #858585;
    font-weight: normal;
    line-height: 18px;

    display: flex;

    margin-bottom: 3px;

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


.form .field
{
    position: relative;
}

.form .field + .field
{
    margin-top: 10px;
}


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

    display: block;

    width: 100%;
    height: 33px;
    padding: 0 9px;

    transition: .2s linear;

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

.form .input.input_date
{
    background-image: url(../images/ic_calendar.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-size: 16px 11px;
}

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

    display: block;

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

    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,
.form .nice-select.open .current
{
    border-color: var(--form_focus_color);
}

.form .success,
.form .success + .nice-select .current
{
    border-color: var(--form_success_color);
}

.form .error,
.form .error + .nice-select .current
{
    border-color: var(--form_error_color);
}


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

.form input[type=checkbox] + label,
.form input[type=radio] + label
{
    color: #181818;
    line-height: 18px;

    position: relative;

    display: table-cell;

    height: 18px;
    padding-left: 26px;

    cursor: pointer;
    text-align: left;
    vertical-align: middle;
}

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

    display: block;

    width: 16px;
    height: 16px;

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

    border: 1px solid #d9d9d9;
    background: #fff;
}

.form input[type=radio] + label
{
    line-height: 20px;

    height: 20px;
}

.form input[type=radio] + label:before
{
    width: 20px;
    height: 20px;

    border-radius: 50%;
}

.form input[type=checkbox] + label:after
{
    position: absolute;
    top: 4px;
    left: 4px;

    display: block;

    width: 9px;
    height: 6px;

    content: '';
    transition: .2s linear;
    transform: rotate(-45deg);

    opacity: 0;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
}

.form input[type=radio] + label:after
{
    position: absolute;
    top: 5px;
    left: 5px;

    display: block;

    width: 10px;
    height: 10px;

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

    opacity: 0;
    border-radius: 50%;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}

.form input[type=checkbox]:checked + label:before
{
    border-color: #acacac;
}

.form input[type=checkbox]:checked + label:after,
.form input[type=radio]:checked + label:after
{
    opacity: 1;
}


.form select
{
    display: none;
}

.form .nice-select
{
    position: relative;

    display: block;
}

.form .nice-select .current
{
    color: var(--form_placeholder_color);
    line-height: 31px;

    position: relative;

    display: block;
    overflow: hidden;

    height: 33px;
    padding: 0 28px 0 9px;

    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

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

.form .nice-select .current.selected
{
    color: var(--text_color);
}

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

    display: block;

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

    content: '';
    transform: rotate(-45deg);

    border-bottom: 2px solid #6b6b6b;
    border-left: 2px solid #6b6b6b;
}

.form .nice-select .list
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;

    transition: .2s linear;

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

.form .nice-select.open .list
{
    top: calc(100% - 1px);

    visibility: visible;

    opacity: 1;
}

.form .nice-select .list .scrollbar
{
    overflow: auto;

    max-height: 290px;
}

.form .nice-select .list .list_item
{
    padding: 7px 9px;

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

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

.form .nice-select .list .list_item:hover,
.form .nice-select .list .list_item.selected
{
    background: var(--form_border_color);
}


.form .submit
{
    display: flex;

    padding-top: 5px;

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


.form .submit_btn
{
    color: #fff;
    font: 500 20px/45px var(--font_family);

    display: inline-block;

    height: 45px;
    padding: 0 20px;

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

    border: none;
    border-radius: 23px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}



.text_block
{
    font-size: 15px;
    line-height: 20px;
}


.text_block > :last-child,
.text_block .columns > :last-child
{
    margin-bottom: 0 !important;
}

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


.text_block h2
{
    color: #494949;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;

    margin-bottom: 20px;
}

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

.text_block h2 a
{
    color: #494949;

    white-space: nowrap;
    text-decoration: none;
}


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

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

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


.text_block p,
.text_block ul,
.text_block .contacts,
.text_block .gallery
{
    margin-bottom: 20px;
}


.text_block .columns
{
    margin-top: 40px;
    margin-bottom: 40px;

    column-gap: 50px;
    column-count: 2;
}

.text_block .columns > *
{
    transform: translateZ(0);

    --webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}


.text_block ul li
{
    position: relative;

    display: block;

    padding-left: 16px;

    list-style-type: none;
}

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

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

    display: block;

    width: 6px;
    height: 6px;

    content: '';

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


.text_block a
{
    color: #e84008;
}

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


.text_block .contacts
{
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;

    display: flex;

    margin-left: -55px;

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

.text_block .contacts > *
{
    margin-left: 55px;
}

.text_block .contacts a
{
    color: #494949;

    display: inline-block;

    transition: color .2s linear;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
}

.text_block .contacts a:hover
{
    color: #e84008;
}


.text_block .links
{
    display: flex;

    margin-left: -25px;

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

.text_block .links > *
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;

    height: 30px;
    margin-left: 25px;
    padding: 0 15px;

    cursor: pointer;
    transition: .2s linear;

    border: none;
    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}


.text_block .gallery .flex
{
    margin-bottom: -30px;
    margin-left: -30px;
    padding: 5px 0 0;

    align-items: center;
    align-content: center;
}

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

.text_block .gallery a
{
    display: block;
}

.text_block .gallery img
{
    display: block;

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



.bg_img
{
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

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



.supports_error
{
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    line-height: 30px;

    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    display: none;

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

    text-align: center;

    background: #fff;

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

.supports_error.show
{
    display: flex;
}



/*---------------
   Header
---------------*/
header
{
    position: relative;
    z-index: 9;

    padding: 20px 0 25px;

    background: #fff;
}

header .cont
{
    align-items: center;
    align-content: center;
}

header .cont + .cont
{
    margin-top: 20px;
}



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

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



header .menu
{
    margin-left: 45px;

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

header .menu .item
{
    position: relative;
}

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

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

    position: relative;

    display: flex;

    min-height: 40px;

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

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

header .menu .item:hover > a,
header .menu .item > a.active
{
    color: #bf2e00;
}


header .mob_menu_link
{
    display: none;

    width: 50px;
    height: 18px;
    margin-right: -10px;
    margin-left: auto;
    padding: 0 10px;

    cursor: pointer;

    border: none;
    background: none;

    align-self: flex-end;
}

header .mob_menu_link span
{
    position: relative;

    display: block;

    width: 100%;
    height: 2px;

    transition: .2s linear;

    background: var(--text_color);
}

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

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

    transform: rotate(45deg);
}

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

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

    transform: rotate(-45deg);
}



header .phone
{
    font-size: 15px;
    line-height: 25px;

    margin-right: auto;
}

header .phone a
{
    color: var(--text_color);
    font-size: 23px;
    font-weight: 500;

    display: inline-block;

    margin-left: 45px;

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


header .callback_link
{
    color: #606060;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;

    height: 30px;
    margin-left: auto;
    padding: 0 13px;

    cursor: pointer;

    border: 1px solid #606060;
    border-radius: 15px;
    background: none;
}

header .callback_link:hover
{
    color: #fff;
    line-height: 30px;

    border: none;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}


header .login_link
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;

    height: 30px;
    margin-left: 20px;
    padding: 0 13px;

    cursor: pointer;
    transition: .2s linear;

    border: none;
    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}



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



/*---------------
   Main section
---------------*/
.page_content
{
    position: relative;
    z-index: 5;

    padding-bottom: 50px;
}

.page_content .data
{
    padding: 40px 60px;

    background: #fff;
}



.page_links
{
    display: flex;

    margin-bottom: 25px;

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


.page_links .box
{
    display: flex;

    border-radius: 23px;
    background: #f2f2f2;

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

.page_links .box a
{
    color: #494949;
    font-size: 20px;
    font-weight: 500;
    line-height: 45px;

    display: inline-block;

    padding: 0 20px;

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

    border-radius: 23px;
}

.page_links .box a:hover,
.page_links .box a.active
{
    color: #fff;

    border: none;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}


.page_links .rental_link
{
    color: #bf2e00;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;

    display: inline-block;

    margin-left: 25px;

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

.page_links .rental_link:hover
{
    text-decoration: underline;
}



.page_title
{
    color: #494949;
    font-size: 30px;
    font-weight: 500;
    line-height: 32px;

    display: block;

    margin-bottom: 13px;
}



.transfer_rent .form
{
    position: relative;
}

.transfer_rent .form .line
{
    margin-bottom: 30px;
}

.transfer_rent .form .label
{
    margin-bottom: 5px;
}

.transfer_rent .form .input
{
    font-size: 18px;

    height: 45px;
    padding: 0 15px;
    padding-right: 45px;
}

.transfer_rent .form .submit
{
    padding: 0;

    justify-content: center;
}


.transfer_rent .input + .exp
{
    color: #bf2e00;
    line-height: 15px;

    margin-top: 8px;
    margin-bottom: -5px;
}


.transfer_rent .datalist
{
    position: absolute;
    z-index: 9;
    top: 45px;
    left: 0;

    visibility: hidden;

    width: 100%;

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

    opacity: 0;
    background: #fff;
    box-shadow: 0 0 13px #c6c6c6;
}

.transfer_rent .datalist > *
{
    font-size: 18px;
    line-height: 22px;

    padding: 10px 16px;

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

.transfer_rent .datalist .exp
{
    color: #bf2e00;
    font-size: 13px;
    line-height: 15px;
}

.transfer_rent .datalist > *:hover
{
    background: #f2f2f2;
}

.transfer_rent .datalist.show
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.transfer_rent .clear_link,
.transfer_rent .del_link
{
    position: absolute;
    top: 0;
    right: 0;

    display: none;

    width: 40px;
    height: 45px;

    cursor: pointer;

    border: none;
    background: none;
}

.transfer_rent .del_link
{
    display: block;
}

.transfer_rent .clear_link:before,
.transfer_rent .clear_link:after,
.transfer_rent .del_link:before,
.transfer_rent .del_link:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 18px;
    height: 2px;
    margin: auto;

    content: '';
    transition: background .2s linear;
    transform: rotate(-45deg);

    border-radius: 2px;
    background: #000;
}

.transfer_rent .clear_link:after,
.transfer_rent .del_link:after
{
    transform: rotate(45deg);
}

.transfer_rent .clear_link:hover:before,
.transfer_rent .clear_link:hover:after,
.transfer_rent .del_link:hover:before,
.transfer_rent .del_link:hover:after
{
    background: #bf2e00;
}


.transfer_rent .change_link
{
    position: absolute;
    right: 0;

    display: flex;

    width: 50px;
    height: 35px;
    margin-top: -19px;

    cursor: pointer;

    border: none;
    background: none;

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

.transfer_rent .change_link img
{
    display: block;
}


.transfer_rent .add_adres_template
{
    display: none;
}


.transfer_rent .list
{
    margin-top: 50px;
}

.transfer_rent .list .head
{
    display: flex;

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

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

.transfer_rent .list .head > *
{
    margin-bottom: 15px;
    margin-left: 30px;
}


.transfer_rent .list .add_adres_link
{
    font-family: var(--font_family);
    font-size: 18px;
    line-height: 27px;

    position: relative;

    display: inline-block;

    padding-left: 38px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}

.transfer_rent .list .add_adres_link .plus
{
    position: absolute;
    top: 0;
    left: 0;

    width: 27px;
    height: 27px;

    cursor: pointer;

    border: 1px solid #646464;
    border-radius: 50%;
    background: none;
}

.transfer_rent .list .add_adres_link .plus:before,
.transfer_rent .list .add_adres_link .plus:after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 11px;
    height: 1px;
    margin: auto;

    content: '';

    background: #6b6b6b;
}

.transfer_rent .list .add_adres_link .plus:after
{
    width: 1px;
    height: 11px;
}


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

.transfer_rent .list input[type=checkbox] + label
{
    font-size: 18px;
    line-height: 27px;

    position: relative;

    display: flex;

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

    cursor: pointer;

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

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

    display: block;

    width: 27px;
    height: 27px;

    content: '';

    border: 1px solid #000;
    border-radius: 50%;
}

.transfer_rent .list input[type=checkbox] + label:after
{
    position: absolute;
    top: 8px;
    left: 7px;

    display: block;

    width: 14px;
    height: 8px;

    content: '';
    transition: .2s linear;
    transform: rotate(-45deg);

    opacity: 0;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
}

.transfer_rent .list input[type=checkbox]:checked + label:before
{
    border: none;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}

.transfer_rent .list input[type=checkbox]:checked + label:after
{
    opacity: 1;
}


.transfer_rent .list .item
{
    position: relative;

    display: flex;

    width: calc(100% - 30px);
    height: 120px;
    padding: 20px 30px 20px 0;

    background: #f2f2f2;

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

.transfer_rent .list .item:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 30px;
    height: 120px;

    content: '';

    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #fff;
}

.transfer_rent .list .item:after
{
    position: absolute;
    top: 0;
    left: 100%;

    display: block;

    width: 30px;
    height: 120px;

    content: '';

    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #f2f2f2;
}

.transfer_rent .list .item + .item
{
    margin-top: 10px;
}

.transfer_rent .list .item > *
{
    position: relative;
    z-index: 5;
}

.transfer_rent .list .item > * + *
{
    padding-left: 20px;
}

.transfer_rent .list .item .thumb
{
    width: 140px;
}

.transfer_rent .list .item .thumb img
{
    display: block;

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

.transfer_rent .list .item .info
{
    line-height: 18px;

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

.transfer_rent .list .item .name
{
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}

.transfer_rent .list .item .desc
{
    line-height: 18px;

    margin-top: 3px;
}

.transfer_rent .list .item .price
{
    font-size: 25px;
    font-weight: 500;
    line-height: 28px;

    width: 200px;

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

.transfer_rent .list .item .order
{
    width: 150px;
}

.transfer_rent .list .item .order_link
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 20px;
    font-weight: 500;
    line-height: 45px;

    display: inline-block;

    width: 100%;

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

    border: none;
    border-radius: 23px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}



.order .links
{
    display: flex;

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

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

.order .links > *
{
    color: #494949;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;

    display: flex;

    height: 30px;
    margin-bottom: 10px;
    margin-left: 15px;
    padding: 0 15px;

    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;

    border: none;
    border-radius: 15px;
    background: none;

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


.order .links .back_link
{
    width: 260px;

    border: 1px solid #606060;
}

.order .links .back_link .icon
{
    display: block;

    margin-right: 7px;

    fill: #494949;
}

.order .links .back_link:hover
{
    color: #fff;

    border: none;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}

.order .links .back_link:hover .icon
{
    fill: #fff;
}


.order .links .login_link
{
    color: #fff;

    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}


.order .adres
{
    color: #494949;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}

.order .type
{
    line-height: 18px;

    margin-top: 5px;
}


.order .car
{
    position: relative;

    display: flex;

    width: calc(100% - 30px);
    height: 120px;
    margin-top: 20px;
    padding: 20px 30px 20px 0;

    background: #f2f2f2;

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

.order .car:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 30px;
    height: 120px;

    content: '';

    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #fff;
}

.order .car:after
{
    position: absolute;
    top: 0;
    left: 100%;

    display: block;

    width: 30px;
    height: 120px;

    content: '';

    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #f2f2f2;
}

.order .car > *
{
    position: relative;
    z-index: 5;
}

.order .car > * + *
{
    padding-left: 20px;
}

.order .car .thumb
{
    width: 140px;
}

.order .car .thumb img
{
    display: block;

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

.order .car .info
{
    line-height: 18px;

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

.order .car .name
{
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}

.order .car .desc
{
    line-height: 18px;

    margin-top: 3px;
}

.order .car .exp
{
    color: #bf2e00;
    line-height: 18px;

    margin-top: 3px;
}

.order .car .price
{
    font-size: 25px;
    font-weight: 500;
    line-height: 28px;

    width: 200px;

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


.order .train
{
    position: relative;

    width: 620px;
    max-width: 100%;
    margin-top: 20px;
    padding-left: 33px;
}

.order .train .columns
{
    --form_columns_offset: 13px;
}

.order .train .icon
{
    position: absolute;
    top: 21px;
    left: 0;

    display: flex;

    width: 30px;
    height: 33px;
    padding-right: 5px;

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

.order .train .icon img
{
    display: block;

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


.order .form .time
{
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.order .form .time .nice-select
{
    width: calc(50% - 8px);
}


.order .notice
{
    line-height: 21px;

    position: relative;

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

.order .notice:before
{
    color: #e84007;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;

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

    display: block;

    width: 21px;
    height: 21px;

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

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

.order .notice a
{
    color: #bf2e00;

    text-decoration: none;
}

.order .notice a:hover
{
    text-decoration: underline;
}


.order .bg
{
    width: calc(100% + 160px);
    margin: 30px -80px -50px;
    padding: 30px 80px 50px;

    background: #f2f2f2;
}

.order .bg .title
{
    color: #494949;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;

    margin-bottom: 20px;
}


.order .block
{
    position: relative;

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

.order .block + .block
{
    margin-top: 20px;
    padding-top: 20px;

    border-top: 1px solid #e1e1e1;
}

.order .block .title
{
    color: #494949;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;

    margin-bottom: 15px;
}


.order .form .add_passenger + .notice,
.order .form .notice.agree
{
    position: absolute;
    top: 0;
    left: 100%;

    width: 350px;
    max-width: 100%;
    margin: 21px 0 0 20px;
}

.order .form .add_passenger + .notice:before,
.order .form .notice.agree:before
{
    background: #fcfdff;
}

.order .form .notice.agree
{
    top: auto;
    bottom: -9px;

    width: 405px;
}


.order .form .passenger + .passenger
{
    margin-top: 5px;
    margin-bottom: 20px;
    padding-top: 13px;

    border-top: 1px solid #e1e1e1;
}

.order .form .passenger + .passenger .del_passenger
{
    display: flex;
}

.order .form .del_passenger
{
    color: #494949;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;

    display: none;

    height: 30px;
    padding: 0 15px;

    cursor: pointer;

    border: 1px solid #494949;
    border-radius: 15px;
    background: #f2f2f2;

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

.order .form .del_passenger .icon
{
    display: block;

    width: 12px;
    height: 13px;
    margin-right: 6px;

    fill: #494949;
}

.order .form .del_passenger:hover
{
    color: #fff;

    border: none;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}

.order .form .del_passenger:hover .icon
{
    fill: #fff;
}


.order .form .add_passenger
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;

    display: inline-block;

    padding: 0 15px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}


.order .form .field.check
{
    display: flex;

    min-height: 33px;

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


.order .form .field.radios
{
    display: flex;

    min-height: 33px;

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

.order .form .field.radios label ~ label
{
    margin-left: 25px;
}


.order .form .total_price
{
    font-size: 25px;
    font-weight: 500;
    line-height: 28px;

    margin-right: 30px;

    white-space: nowrap;
}


.order .form .submit
{
    padding-top: 15px;
}



.rent_order .title
{
    color: #494949;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}

.rent_order .exp
{
    line-height: 18px;

    margin-top: 5px;
}

.rent_order .main
{
    width: 815px;
    max-width: 100%;
    margin-top: 20px;
}


.rent_order .block
{
    width: 100%;
}

.rent_order .block + .block
{
    margin-top: 10px;
    padding-top: 0;

    border-top: none;
}

.rent_order .block .title
{
    font-size: 20px;
    line-height: 25px;
}


.rent_order .cars
{
    display: flex;

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

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

.rent_order .cars > *
{
    width: calc(33.333% - 20px);
    margin-bottom: 20px;
    margin-left: 20px;
}

.rent_order .cars input[type=radio] + label
{
    z-index: 9;

    display: flex;

    height: auto;
    padding: 25px 28px;

    background: #fff;

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

.rent_order .cars input[type=radio] + label:before
{
    z-index: -2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    transition: none;

    opacity: 0;
    border: none;
    border-radius: 0;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}

.rent_order .cars input[type=radio] + label:after
{
    z-index: -1;
    top: 2px;
    left: 2px;

    width: calc(100% - 4px);
    height: calc(100% - 4px);

    transition: none;

    border-radius: 0;
    background: #f2f2f2;
}

.rent_order .cars label .name
{
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;

    width: 100%;
    margin-bottom: 3px;
}

.rent_order .cars label .desc
{
    width: 100%;
}

.rent_order .cars label img
{
    display: block;

    max-width: 50%;
    margin-top: 20px;
}

.rent_order .cars label .btn
{
    color: #494949;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;

    display: block;

    width: 95px;
    max-width: 50%;
    height: 30px;
    margin-top: 20px;

    text-align: center;

    border: 1px solid #606060;
    border-radius: 15px;
}

.rent_order .cars input[type=radio]:checked + label:before,
.rent_order .cars input[type=radio]:checked + label:after
{
    opacity: 1;
}

.rent_order .cars input[type=radio]:checked + label .btn
{
    color: #fff;
    line-height: 30px;

    border: none;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}



.cooperation .flex
{
    margin-top: 30px;
    margin-bottom: -30px;
    margin-left: -30px;
}

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


.cooperation .item
{
    font-size: 15px;
    line-height: 20px;

    position: relative;
    z-index: 5;

    padding: 25px 27px 27px;

    background:    -moz-linear-gradient(top,  #ea4106 0%, #771975 100%);
    background: -webkit-linear-gradient(top,  #ea4106 0%,#771975 100%);
    background:         linear-gradient(to bottom,  #ea4106 0%,#771975 100%);
}

.cooperation .item:before
{
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 2px;

    display: block;

    width: calc(100% - 4px);
    height: calc(100% - 4px);

    content: '';

    background: #fff;
}

.cooperation .item .name
{
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;

    margin-bottom: 10px;
}

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

    white-space: nowrap;
    text-decoration: none;
}

.cooperation .item .desc a:hover
{
    text-decoration: underline;
}

.cooperation .item .link
{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;

    display: inline-block;

    height: 30px;
    margin-top: 15px;
    padding: 0 15px;

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

    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}



.contacts_info .map_wrap
{
    position: relative;

    overflow: hidden;

    margin-top: 40px;
    padding-bottom: 38.25%;

    background: #ddd;
}

.contacts_info .map
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}


.accordion,
.accordion .item + .item
{
    margin-top: 30px;
}


.accordion .item .title
{
    color: #771975;
    font-size: 24px;
    font-weight: 700;

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

.accordion .item .title span
{
    transition: border-color .2s linear;

    border-bottom: 1px solid #c2a7c1;
}

.accordion .item .title:hover,
.accordion .item.active .title
{
    color: #4c4c4c;
    font-size: 40px;
}

.accordion .item .title:hover span,
.accordion .item.active .title span
{
    border-color: transparent;
}


.accordion .item .data
{
    display: none;

    margin-top: 30px;
    padding: 0 0 10px;
}


.accordion .item .data .bg
{
    position: relative;

    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 48px 58px;

    background: #f2f2f2;
}

.accordion .item .data .bg:before
{
    position: absolute;
    bottom: 100%;
    left: 30px;

    display: block;

    width: 18px;
    height: 18px;

    content: '';

    border: 9px solid transparent;
    border-bottom-color: #f2f2f2;
    border-left-color: #f2f2f2;
}



.corp_clients
{
    position: relative;
    z-index: 3;

    padding-top: 590px;
}

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

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

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

.corp_clients .bg_purple
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    width: 100%;
    height: calc(100% - 750px);
    max-height: 100%;

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


.corp_clients .data
{
    display: flex;

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


.corp_clients .links
{
    display: flex;

    margin-bottom: 13px;
    margin-left: -60px;

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

.corp_clients .links > *
{
    max-width: calc(100% - 60px);
    margin-left: 60px;
}

.corp_clients .links a
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;

    display: inline-block;

    height: 30px;
    padding: 0 13px;

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

    border: none;
    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}


.corp_clients .text_block
{
    width: 100%;
    margin-top: 35px;
}


.corp_clients .form
{
    width: 100%;
    margin-top: 30px;
}

.corp_clients .form .line
{
    margin-bottom: 20px;
}

.corp_clients .form .input
{
    font-size: 18px;

    height: 45px;
    padding: 0 15px;
}

.corp_clients .form .submit
{
    justify-content: center;
}



.drivers
{
    position: relative;
    z-index: 3;

    padding-top: 590px;
}

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

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

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

.drivers .bg_purple
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    width: 100%;
    height: calc(100% - 750px);
    max-height: 100%;

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


.drivers .data
{
    display: flex;

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


.drivers .links
{
    display: flex;

    margin-bottom: 13px;
    margin-left: -60px;

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

.drivers .links > *
{
    max-width: calc(100% - 60px);
    margin-left: 60px;
}

.drivers .links a
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;

    display: inline-block;

    height: 30px;
    padding: 0 13px;

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

    border: none;
    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}


.drivers .text_block
{
    width: 100%;
    margin-top: 35px;
}


.drivers .form
{
    width: 100%;
    margin-top: 20px;
}

.drivers .form .line
{
    margin-bottom: 20px;
}

.drivers .form .input
{
    font-size: 18px;

    height: 45px;
    padding: 0 15px;
}

.drivers .form .photos .title
{
    font-size: 15px;
    line-height: 20px;

    margin-bottom: 15px;
}

.drivers .form .photos .list
{
    display: flex;

    margin-bottom: 10px;
    margin-left: -10px;

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

.drivers .form .photos .list.empty
{
    display: none;
}

.drivers .form .photos .list > *
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 81px;
    height: 60px;
    margin-bottom: 10px;
    margin-left: 10px;

    cursor: pointer;

    border: none;
    background: #ddd;
}

.drivers .form .photos .list > *:before
{
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 30px;
    height: 30px;
    margin: auto;

    content: '';

    border-radius: 50%;
    background: #2d2d2d url(../images/ic_delete.svg) 50% no-repeat;
}

.drivers .form .photos .list > *:after
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    border-bottom: 6px solid transparent;
}

.drivers .form .photos .list > * img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.drivers .form .photos .list > *:hover:after
{
    border-color: #bf2e01;
    background: rgba(255,255,255,.8);
}

.drivers .form .photos .add_link
{
    color: #fff;
    font: 500 15px/30px var(--font_family);

    display: inline-block;

    height: 30px;
    padding: 0 15px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}

.drivers .form .submit
{
    justify-content: center;
}



.clients
{
    position: relative;
    z-index: 3;

    padding-top: 590px;
}

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

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

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

.clients .bg_purple
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    width: 100%;
    height: calc(100% - 750px);
    max-height: 100%;

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


.clients .data
{
    display: flex;

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


.clients .links
{
    display: flex;

    margin-bottom: 13px;
    margin-left: -60px;

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

.clients .links > *
{
    max-width: calc(100% - 60px);
    margin-left: 60px;
}

.clients .links a
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;

    display: inline-block;

    height: 30px;
    padding: 0 13px;

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

    border: none;
    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}


.clients .text_block
{
    width: 100%;
    margin-top: 35px;
}



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

    overflow: hidden;

    background: #131a2a;
}


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

    width: 100%;
    height: 100%;

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


.first_section .cont
{
    display: flex;

    min-height: calc(100vh - 156px);
    padding-top: 130px;
    padding-bottom: 65px;

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


.first_section .info
{
    color: #fff;

    width: 860px;
    max-width: 100%;
    margin-bottom: 40px;
    /*padding: 0 80px;*/
    padding:0;
}

.first_section .info .title
{
    font-size: 50px;
    font-weight: 700;
    text-align: right;
}

.first_section .info .desc
{
    font-size: 18px;
    line-height: 28px;

    margin-top: 25px;
}



.first_section .transfer_rent
{
    width: 860px;
    max-width: 100%;
    padding: 55px 80px 35px;

    background: #fff;
}

.first_section .transfer_rent .page_links
{
    margin-right: -20px;
}



/*---------------
   About
---------------*/
.about
{
    position: relative;
    z-index: 9;

    overflow: hidden;

    padding: 80px 0;

    background: #3d083e;
}


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

    width: 100%;
    height: 100%;

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


.about .block_head,
.about .block_head .title
{
    color: #fff;
}


.about .list > * + *
{
    margin-top: 40px;
}

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

    display: flex;

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

.about .item .icon
{
    width: 90px;
}

.about .item .icon img
{
    display: block;

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

.about .item .icon + *
{
    width: calc(100% - 110px);

    align-self: center;
}

.about .item .name
{
    color: #e74008;
    font-size: 54px;
    font-weight: 700;
    line-height: normal;

    text-transform: uppercase;
}

.about .item .desc
{
    margin-top: 10px;
}


.about .btn
{
    margin-top: 40px;

    text-align: center;
}

.about .btn a
{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 45px;

    display: inline-block;

    height: 45px;
    padding: 0 25px;

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

    border-radius: 25px;
    background: #e74008;
}



/*---------------
   Autopark
---------------*/
.autopark
{
    padding: 52px 0;
}


.autopark .flex
{
    margin-bottom: -50px;
    margin-left: -40px;
}

.autopark .flex > *
{
    width: calc(33.333% - 40px);
    margin-bottom: 50px;
    margin-left: 40px;
}


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

.autopark .item .thumb
{
    display: flex;

    height: 200px;
    margin-bottom: 15px;

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

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

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

.autopark .item .name
{
    color: #771975;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}

.autopark .item .name a
{
    color: currentColor;

    display: inline-block;

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

.autopark .item .name a span
{
    transition: border-color .2s linear;

    border-bottom: 1px solid #c2a7c1;
}

.autopark .item .thumb:hover ~ .name a span,
.autopark .item .name a:hover span
{
    border-color: transparent;
}

.autopark .item .desc
{
    width: 280px;
    max-width: 100%;
    margin-top: 15px;
}


.autopark .item .choose_link
{
    color: #fff;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;

    display: inline-block;

    height: 30px;
    margin-top: 20px;
    padding: 0 13px;

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

    border: none;
    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}



/*---------------
   For whom
---------------*/
.for_whom
{
    position: relative;
    z-index: 9;

    overflow: hidden;

    padding: 80px 0 574px;

    background: #e5e6ea;
}


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

    width: 100%;
    height: 100%;

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


.for_whom .flex
{
    margin-bottom: -50px;
    margin-left: -40px;
}

.for_whom .flex > *
{
    width: calc(33.333% - 40px);
    margin-bottom: 50px;
    margin-left: 40px;
}


.for_whom .item
{
    font-size: 16px;
}

.for_whom .item .name
{
    color: #771975;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}

.for_whom .item .name a
{
    color: currentColor;

    display: inline-block;

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

.for_whom .item .name a span
{
    transition: border-color .2s linear;

    border-bottom: 1px solid #c2a7c1;
}

.for_whom .item .name a:hover span
{
    border-color: transparent;
}

.for_whom .item .desc
{
    width: 300px;
    max-width: 100%;
    margin-top: 15px;
}

.for_whom .item .link
{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;

    display: inline-block;

    height: 30px;
    margin-top: 20px;
    padding: 0 15px;

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

    border-radius: 15px;
    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}



/*---------------
   Contatcs info
---------------*/
.contatcs_info
{
    padding: 80px 0;
}


.contatcs_info .block_head .title
{
    color: #771975;
}


.contatcs_info .map_wrap
{
    position: relative;

    overflow: hidden;

    height: 590px;

    background: #acb0bb;
}

.contatcs_info .map
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}



/*---------------
   Footer
---------------*/
footer
{
    color: #fff;
    font-size: 15px;
    line-height: 22px;

    position: relative;
    z-index: 3;

    padding: 40px 0;

    background: #3b3b3b;

    flex: 0 0 auto;
}

footer .cont.flex
{
    justify-content: space-between;
}



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

footer .email a
{
    color: #fff;

    display: inline-block;

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

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



footer .main_phone
{
    font-size: 23px;
    font-weight: 500;

    margin-top: 19px;
}

footer .main_phone a
{
    color: #fff;

    display: inline-block;

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

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



footer .socials
{
    display: flex;

    margin-top: 55px;

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

footer .socials a
{
    display: flex;

    width: 40px;
    height: 40px;

    border-radius: 50%;
    background: #fff;

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

footer .socials a + a
{
    margin-left: 10px;
}

footer .socials img
{
    display: block;
}



footer .payment
{
    margin-top: 39px;
}

footer .payment img
{
    display: block;

    max-width: 100%;
}



footer .menu > * + *
{
    margin-top: 7px;
}

footer .menu a
{
    color: #fff;

    display: inline-block;

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

footer .menu a:hover,
footer .menu a.active
{
    color: #fe5f24;
}


footer .contacts .city + .city
{
    margin-top: 30px;
}

footer .contacts .city .name
{
    font-size: 17px;
    font-weight: 500;

    margin-bottom: 10px;
}

footer .contacts a
{
    color: #fff;

    display: inline-block;

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

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



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

    width: 540px;
    max-width: 100%;
    padding: 25px;

    background: #fff;
    box-shadow: 0 0 15px 0 rgba(109, 109, 109, .39);
}


.modal_head .title
{
    font-size: 25px;
    font-weight: 500;
    line-height: 28px;
}


.modal_head .links
{
    display: flex;

    margin-top: 12px;
    margin-bottom: -10px;
    margin-left: -11px;

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

.modal_head .links > *
{
    color: #494949;
    font-family: var(--font_family);
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;

    display: flex;

    height: 30px;
    margin-bottom: 10px;
    margin-left: 11px;
    padding: 0 15px;

    cursor: pointer;

    border: none;
    border-radius: 15px;
    background: #f2f2f2;

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

.modal_head .links > *:hover,
.modal_head .links > *.active
{
    color: #fff;

    background:    -moz-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background: -webkit-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
    background:     -ms-linear-gradient( 0deg, rgb(234,65,6) 0%, rgb(176,45,62) 56%, rgb(118,25,118) 100%);
}


.modal .modal_data
{
    margin: 20px -25px 0;
    padding: 20px 25px 0;

    border-top: 1px solid #e1e1e1;
}


.modal .text
{
    color: #858585;
    line-height: 18px;
}


.modal .form
{
    width: 415px;
    max-width: 100%;
}

.modal .form .line
{
    margin-bottom: 10px;
}

.modal .form .submit
{
    padding-top: 0;
    padding-left: var(--form_label_width);
}

.modal .form .submit_btn
{
    font-size: 15px;
    line-height: 33px;

    height: 33px;
}