/* For old browsers */
@supports (not(--css: variables))
{
    .supports_error
    {
        display: flex !important;
    }
}

/* For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .supports_error
    {
        display: flex !important;
    }
}



/*-----------
    Fonts
-----------*/
@font-face
{
    font-family: 'ProximaNova';
    font-weight: normal;
    font-style: normal;

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

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

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



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

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

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

body
{
    margin: 0;

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

img
{
    border-style: none;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active,
button
{
    margin: 0;

    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: none;
    -moz-outline: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    margin: 0;

    -webkit-appearance: none;
}

input[type=number]
{
    -moz-appearance: textfield;
}

:focus
{
    outline: 0;
}

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


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



/*-------------------
    Global styles
-------------------*/
:root
{
    --bg: #fff;
    --sidebar_width: 255px;
    --scroll_width: 17px;
    --text_color: #000;
    --font_size: 18px;
    --font_size_title: 36px;
    --font_family: 'ProximaNova', 'Arial', sans-serif;
    --font_family2: 'Prompt', 'Arial', sans-serif;
}


::selection
{
    color: #fff;

    background: #416A8C;
}

::-moz-selection
{
    color: #fff;

    background: #416A8C;
}


.clear
{
    clear: both;
}

.left
{
    float: left;
}

.right
{
    float: right;
}



html
{
    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
}

html.custom_scroll ::-webkit-scrollbar
{
    width: 10px;
    height: 10px;

    background-color: #ccc;
}

html.custom_scroll ::-webkit-scrollbar-thumb
{
    background-color: #416A8C;
}

html.custom_scroll
{
    scrollbar-color: #416A8C #ccc;
    scrollbar-width: thin;
}


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

    height: 100%;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height:         fill-available;
}


button
{
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;

    display: inline-block;

    cursor: pointer;
    vertical-align: top;

    border: none;
    background: none;
}


.wrap
{
    position: relative;
    z-index: 9;

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

    min-height: 100%;

    background: var(--bg);
}


.main
{
    display: flex;
    flex-direction: column;

    flex: 1 0 auto;
}


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


.row
{
    display: flex;

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



.content_flex.row,
.content_flex > .cont.row
{
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

.content_flex .content
{
    position: relative;

    width: calc(100% - var(--sidebar_width) - 31px);
}

.content_flex .content > *:first-child
{
    margin-top: 0;
}

.content_flex .content > *:last-child
{
    margin-bottom: 0;
}



.block
{
    margin-bottom: 52px;
}

.block.big_margin
{
    margin-bottom: 104px;
}

.block.no_margin
{
    margin-bottom: 0 !important;
}



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

    display: none;

    width: 100%;
    height: 100%;

    opacity: .65;
    background: #000;
}



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



/*--------------
    Fancybox
--------------*/
.fancybox__backdrop
{
    background: rgba(0,0,0,.6);
}



/*---------------
    Accordion
---------------*/
.accordion .accordion_item + .accordion_item
{
    margin-top: 4px;
}


.accordion .accordion_item .head
{
    position: relative;

    padding: 7px 0 7px 31px;

    cursor: pointer;
}


.accordion .accordion_item .head .title
{
    font-size: 18px;
    line-height: 24px;
}


.accordion .accordion_item .head .icon
{
    position: absolute;
    top: 8px;
    left: 0;

    display: block;
}


.accordion .accordion_item .data
{
    display: none;

    padding: 7px 0 7px 31px;
}



/*------------
    Header
------------*/
header
{
    width: 100%;
    padding: 8px 0 19px;
}


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



header .logo
{
    color: currentColor;

    display: flex;

    text-decoration: none;

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

header .logo img
{
    display: block;

    margin-right: 4px;
	max-width: 61px;
}

header .logo .name
{
    font-family: var(--font_family2);
    font-size: 29px;
    line-height: 100%;
}

header .logo .desc
{
    font-size: 11px;
    line-height: 100%;
}



header .search
{
    width: 445px;
    max-width: calc(100% - 665px);
    margin-right: auto;
    margin-left: auto;
}

header .search form
{
    display: flex;

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

header .search form ::-webkit-input-placeholder
{
    color: var(--text_color);
}

header .search form :-moz-placeholder
{
    color: var(--text_color);
}

header .search form :-ms-input-placeholder
{
    color: var(--text_color);
}

header .search form .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;

    display: block;

    width: 100%;
    height: 31px;
    padding: 0 73px 0 9px;

    border: 1px solid #e1e1e1;
    border-radius: 7px;
    background: #fff;
}

header .search form .submit_btn
{
    color: #fff;
    font-size: 16px;
    line-height: 19px;

    position: relative;

    display: block;

    width: 63px;
    height: 27px;
    margin-left: -65px;

    border-radius: 5px;
    background: #416A8C;
}



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


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

    display: block;

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

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



header .mob_menu_btn
{
    color: #416A8C;

    display: none;

    width: 34px;
    height: 29px;
    margin-right: -8px;
    margin-left: -8px;
    padding: 8px;

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


header .mob_menu_btn span
{
    position: relative;

    display: block;

    width: 100%;
    height: 3px;

    transition: background .2s linear;

    border-radius: 3px;
    background: currentColor;
}

header .mob_menu_btn span:before,
header .mob_menu_btn span:after
{
    position: absolute;
    top: -5px;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

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

    border-radius: inherit;
    background: currentColor;
}

header .mob_menu_btn span:after
{
    top: 5px;
}


header .mob_menu_btn.active span
{
    background: transparent;
}

header .mob_menu_btn.active span:before
{
    top: 0;

    transform: rotate(45deg);
}

header .mob_menu_btn.active span:after
{
    top: 0;

    transform: rotate(-45deg);
}



/*-------------
    Sidebar
-------------*/
aside
{
    position: relative;

    width: var(--sidebar_width);
    max-width: 100%;
}



aside .mob_filter_btn
{
    color: #fff;
    font-size: 16px;
    line-height: 19px;

    display: none;

    width: 100%;
    height: 40px;

    border-radius: 5px;
    background: #416A8C;
}



aside .filter
{
    padding: 16px 12px;

    background: #f2f2f2;
}


aside .filter .title
{
    font-size: 24px;
    line-height: 29px;

    margin-bottom: 16px;
}


aside .filter .item + .item
{
    margin-top: 24px;
}


aside .filter .item .name
{
    font-weight: bold;
    line-height: 22px;

    position: relative;

    padding: 15px 12px 16px;

    background: #fff;
}

aside .filter .item .name .bg_line
{
    position: absolute;
    right: 0;
    bottom: -1px;

    width: 95px;
    height: 1px;

    pointer-events: none;

    background: var(--text_color);
}

aside .filter .item .name .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}


aside .filter .data
{
    padding: 16px 0 0;
}


aside .filter .links
{
    font-size: 16px;
    line-height: 22px;

    padding: 0 12px;
}

aside .filter .links .hide
{
    display: none;
}

aside .filter .links > * + *,
aside .filter .links .hide > * + *
{
    margin-top: 4px;
}

aside .filter .links a
{
    color: currentColor;

    display: inline-block;

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

aside .filter .links a:hover,
aside .filter .links a.active
{
    color: #f04e23;
}


aside .filter .spoler_btn
{
    color: #416A8C;
    font-size: 16px;
    line-height: 32px;

    margin: 8px 12px 0;
}

aside .filter .spoler_btn span + span,
aside .filter .spoler_btn.active span
{
    display: none;
}

aside .filter .spoler_btn.active span + span
{
    display: inline;
}


aside .filter .range
{
    display: flex;

    padding: 24px 0 12px;

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

aside .filter .range .input
{
    width: calc(50% - 9px);
}


aside .filter .field + .field
{
    margin-top: 8px;
}


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

aside .filter input[type=checkbox] + label
{
    font-size: 16px;
    line-height: 19px;

    position: relative;

    display: flex;

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

    cursor: pointer;

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

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

    display: block;

    width: 19px;
    height: 19px;

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

    border: 1px solid #e1e1e1;
    border-radius: 7px;
    background: #fff;
}

aside .filter input[type=checkbox] + label:after
{
    position: absolute;
    top: 5px;
    left: 5px;

    display: block;

    width: 10px;
    height: 6px;

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

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

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


aside .filter .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: 14px;

    display: block;

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

    border: 1px solid #e1e1e1;
    border-radius: 7px;
    background: #fff;
}


aside .filter .clear_btn
{
    color: #ed1c24;
    font-size: 16px;
    line-height: 28px;

    display: flex;

    margin-top: 28px;
    padding: 0 11px;

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

aside .filter .clear_btn .icon
{
    display: block;

    margin-right: 8px;
}



aside .companies
{
    padding: 16px 12px;

    background: #f2f2f2;
}


aside .companies .title
{
    font-size: 24px;
    line-height: 29px;

    margin-bottom: 16px;
}


aside .companies .company
{
    padding: 12px 9px;

    background: #fff;
}

aside .companies .company .name
{
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;

    margin: 0;
}

aside .companies .company .features
{
    line-height: calc(100% + 4px);

    display: block;

    margin: 4px 0 0;
}

aside .companies .company .features .item
{
    width: 100%;
    max-width: 100%;
    margin: 0;
	font-size: 14px;
}

aside .companies .company .features .item.margin_top
{
    margin-top: 20px;
}



/*---------------
    Page head
---------------*/
.page_head
{
    margin-bottom: 28px;
}



.breadcrumbs
{
    color: #416A8C;
    font-size: 16px;
    line-height: 22px;

    position: relative;
    z-index: 3;

    padding: 8px 0;

}

.breadcrumbs + *
{
    margin-top: 28px;
}


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

    width: 100%;
    height: 100%;

    opacity: .5;

    object-fit: cover;
}


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

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

.breadcrumbs a:hover
{
    color: #416A8C;
}


.breadcrumbs .sep
{
    color: #416A8C;

    display: inline-block;

    margin: 0 5px;

    vertical-align: top;
}



.page_title
{
    font-size: var(--font_size_title);
    font-weight: 400;
    line-height: calc(var(--font_size_title) + 8px);

    display: block;
}


.page_desc
{
    line-height: 24px;

    margin-top: 20px;
}



/*----------------
    Block head
----------------*/
.block_head
{
    display: flex;

    width: 100%;
    margin-bottom: 24px;

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

.block_head.big_margin
{
    margin-bottom: 36px;
}


.block_head .title
{
    font-size: var(--font_size_title);
    font-weight: 400;
    line-height: calc(var(--font_size_title) + 8px);

    display: block;
}


.block_head .all_link
{
    color: #416A8C;
    font-size: 16px;
    line-height: 19px;

    position: relative;

    margin-top: 4px;
    margin-left: auto;
    padding-left: 199px;
}

.block_head .all_link a
{
    color: currentColor;

    text-decoration: none;
}

.block_head .all_link .bg_line
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 186px;
    height: 1px;
    margin: auto;
    margin-right: 13px;

    pointer-events: none;

    background: var(--text_color);
}

.block_head .all_link .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}


.block_head.center
{
    text-align: center;

    justify-content: center;
}

.block_head.center .title
{
    width: 100%;
}



/*----------------
    Typography
----------------*/
.text_block
{
    font-size: var(--font_size);
    line-height: calc(100% + 4px);
}


.text_block > *
{
    margin-bottom: calc(var(--font_size) + 4px);
}

.text_block > *.clear
{
    margin-bottom: 0;
}


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

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


.text_block .img
{
    position: relative;
}

.text_block .img.left
{
    margin-top: 4px;
    margin-right: 32px;
}

.text_block .img.right
{
    margin-top: 4px;
    margin-right: 32px;
}

.text_block .img .bg_line
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 95px;
    height: 1px;

    pointer-events: none;

    background: var(--text_color);
}

.text_block .img .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}

.text_block .img img
{
    display: block;

    max-width: 100%;
}


.text_block .gallery .row
{
    margin-bottom: -30px;
    margin-left: -30px;
}

.text_block .gallery .item
{
    color: currentColor;

    position: relative;

    width: calc(33.333% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;

    text-decoration: none;
}

.text_block .gallery .item .bg_line
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 95px;
    height: 1px;

    pointer-events: none;

    background: var(--text_color);
}

.text_block .gallery .item .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}

.text_block .gallery .item .thumb
{
    position: relative;

    padding-bottom: 76.08%;

    background: #ddd;
}

.text_block .gallery .item .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}



/*-------------------
    First section
-------------------*/
.first_section
{
    position: relative;
    z-index: 3;

    overflow: hidden;

    background: #ddd;
}


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

    width: 100%;
    height: 100%;

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


.first_section .cont
{
    display: flex;

    min-height: 650px;
    padding-top: 60px;
    padding-bottom: 60px;

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


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


.first_section .info .title
{
    font-size: 40px;
    font-weight: bold;
    line-height: 49px;

    text-transform: uppercase;
}

.first_section .info .title span
{
    font-size: 30px;
    line-height: 37px;

    display: block;

    text-transform: none;
}


.first_section .info ul
{
    margin-top: 36px;
    margin-left: 36px;
}

.first_section .info ul li
{
    position: relative;

    display: block;

    padding-left: 32px;

    list-style-type: none;

    background: url(../images/logo.svg) 0 2px/24px auto no-repeat;
}

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


.first_section .info .order_demo_btn
{
    color: #fff;
    font-size: 16px;
    line-height: 19px;

    width: 255px;
    height: 43px;
    margin-top: 64px;

    border-radius: 5px;
    background: #416A8C;
}


.first_section .img
{
    position: absolute;
    right: 50%;
    bottom: 0;

    display: block;

    width: 760px;
    height: 539px;
    margin-right: -766px;

    pointer-events: none;

    mix-blend-mode: darken;
}



/*--------------
    Alphabet
--------------*/
.alphabet
{
    font-size: 16px;
    line-height: 26px;

    margin-bottom: 28px;
    padding: 14px 16px;

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


.alphabet .row a
{
    color: currentColor;

    display: inline-block;

    padding: 0 3px;

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

    border-radius: 5px;
}

.alphabet .row a:hover,
.alphabet .row a.active
{
    color: #416A8C;

    background: #fff;
}



/*-----------
    Banks
-----------*/
.banks .list
{
    counter-reset: item;
}

.banks .list > * + *
{
    margin-top: 28px;
}


.banks .bank
{
    position: relative;

    padding: 16px 18px 19px 18px;

    background: #f2f2f2;
}


.banks .bank:before
{
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 3px;
    height: 25px;
    background: #9696b1;
}


.banks .bank .name
{
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.banks .bank .name a
{
    color: currentColor;

    text-decoration: none;

    border-bottom: 1px solid #416A8C;
}


.banks .bank .desc
{
    line-height: 22px;

    margin-top: 8px;
}


.banks .bank .features
{
    line-height: 22px;

    display: flex;

    margin-top: 8px;
    margin-bottom: -4px;
    margin-left: -24px;

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

.banks .bank .features > *
{
    max-width: calc(100% - 24px);
    margin-bottom: 4px;
    margin-left: 24px;
}

.banks .bank .features > *.full_w
{
    width: calc(100% - 24px);
}


.banks .bank .bg_line
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 95px;
    height: 1px;

    pointer-events: none;

    background: var(--text_color);
}

.banks .bank .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}



/*------------------
    Search block
------------------*/
.search_block
{
    position: relative;
    z-index: 3;

    padding: 67px 40px 94px;

    background: #ddd;
}

.search_block.full_w
{
    width: 100vw;
    margin-right: calc((100vw - 1110px)/-2);
    margin-left: calc((100vw - 1110px)/-2);
    padding: 86px 0 83px;
}

.search_block.big_pad
{
    padding: 45px 40px;
}


.search_block .bg
{
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .4;

    object-fit: cover;
}


.search_block .logo
{
    position: absolute;
    top: 54px;
    left: 13px;

    display: block;

    height: 116px;

    pointer-events: none;
}

.search_block .logo.big
{
    top: auto;
    bottom: 8px;
    left: 50%;

    height: 248px;
    margin-left: -736px;
}


.search_block .title
{
    font-size: var(--font_size_title);
    line-height: calc(100% + 8px);

    margin-bottom: 24px;

    text-align: center;
}




/*----------------
    Fizik info
----------------*/
.fizik_info .data
{
    padding-top: 12px;

    justify-content: space-between;
}


.fizik_info .photo
{
    position: relative;

    overflow: hidden;

    width: 168px;
    height: 168px;

    border-radius: 5px;
}

.fizik_info .photo img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.fizik_info .info
{
    width: calc(100% - 669px);
    margin-left: 5px;
    padding-top: 4px;
}

.fizik_info .info .name
{
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
}

.fizik_info .info .inn
{
    font-size: 18px;
    line-height: 22px;

    margin-top: 4px;
}

.fizik_info .info .desc
{
    margin-top: 14px;
}


.fizik_info .pluses
{
    width: 456px;
    max-width: 100%;
    margin-top: 70px;
}

.fizik_info .pluses > *
{
    line-height: calc(100% + 4px);

    position: relative;

    padding-left: 19px;

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



.fizik_info .entrepreneur
{
    position: relative;

    margin-top: 24px;
    padding: 20px 24px;

    background: #f2f2f2;
}

.fizik_info .entrepreneur .title
{
    font-size: var(--font_size_title);
    line-height: calc(var(--font_size_title) + 8px);
}

.fizik_info .entrepreneur .desc
{
    line-height: calc(100% + 4px);

    margin-top: 16px;
}

.fizik_info .entrepreneur .items
{
    display: flex;

    margin-top: 16px;
    margin-bottom: -20px;
    margin-left: -28px;

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

.fizik_info .entrepreneur .items .item
{
    max-width: calc(100% - 28px);
    margin-bottom: 20px;
    margin-left: 28px;
}

.fizik_info .entrepreneur .items .item.full_w
{
    width: calc(100% - 28px);
}

.fizik_info .entrepreneur .items .red
{
    color: #ba141a;
}


.fizik_info .entrepreneur .bg_line
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 95px;
    height: 1px;

    pointer-events: none;

    background: var(--text_color);
}

.fizik_info .entrepreneur .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}



/*----------
    Demo
----------*/
.demo
{
    position: relative;
    z-index: 3;

    padding: 72px 0 96px;

    background: #ddd;
}


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

    width: 100%;
    height: 100%;

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


.demo .logo
{
    position: absolute;
    bottom: 8px;
    left: 50%;

    display: block;

    margin-left: -736px;

    pointer-events: none;
}


.demo .title
{
    font-size: var(--font_size_title);
    line-height: calc(100% + 8px);

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

    text-align: center;
}

.demo .title b
{
    color: #416A8C;
}



/*---------------
    Companies
---------------*/
.companies .company
{
    position: relative;

    padding: 24px 16px;

    background: #f2f2f2;
}

.companies .list > * + *
{
    margin-top: 24px;
}


.companies .company .name
{
    font-size: 26px;
    line-height: 100%;

    padding-bottom: 5px;
}

.companies .company .name a
{
    color: currentColor;

    text-decoration: none;

    border-bottom: 1px solid #416A8C;
}


.companies .company .desc
{
    line-height: calc(100% + 4px);

    margin-top: 8px;

    text-transform: uppercase;
}


.companies .company .features
{
    line-height: calc(100% + 4px);

    display: flex;

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

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

.companies .company .features .item
{
    max-width: calc(100% - 40px);
    margin-bottom: 20px;
    margin-left: 40px;
}

.companies .company .features .item.default_w
{
    width: calc(44% - 40px);
    margin-left: auto;
}

.companies .company .features .item.middle_w
{
    width: calc(56% - 40px);
}

.companies .company .features .item.full_w
{

}


.companies .company .bg_line
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 95px;
    height: 1px;

    pointer-events: none;

    background: var(--text_color);
}

.companies .company .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}



/*----------------
    About info
----------------*/
.about_info
{
    position: relative;
    z-index: 3;
}


.about_info .materials
{
    margin-top: 42px;
}



/*---------------
    Materials
---------------*/
.materials
{
    position: relative;
    z-index: 3;
}


.materials .bg
{
    position: absolute;
    z-index: -1;
    right: 50%;
    bottom: -12px;

    width: 1419px;
    height: 569px;
    margin-right: -1212px;

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


.materials .row
{
    margin-bottom: -30px;
    margin-left: -30px;
}

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


.materials .item
{
    color: currentColor;

    display: block;

    text-decoration: none;
}


.materials .item .thumb
{
    position: relative;

    padding-bottom: 55.43%;

    background: #ddd;
}

.materials .item .thumb img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.materials .item .thumb .bg_line
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 95px;
    height: 1px;

    pointer-events: none;

    background: var(--text_color);
}

.materials .item .thumb .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}


.materials .item .name
{
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;

    margin-top: 12px;
}



/*-------------
    Tariffs
-------------*/
.tariffs
{
    position: relative;
    z-index: 3;

    padding: 52px 0 66px;

    background: #f2f2f2;
}


.tariffs .bg
{
    position: absolute;
    z-index: -1;
    bottom: -24px;
    left: 0;

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

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


.tariffs .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
}

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



.tariffs .tariff
{
    position: relative;

    display: flex;
    flex-direction: column;

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


.tariffs .tariff .name
{
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;

    padding: 20px;

    text-align: center;
}


.tariffs .tariff .price
{
    color: #fff;
    font-size: 28px;
    line-height: 100%;

    padding: 20px 20px 16px;

    text-align: center;
}

.tariffs .tariff:nth-child(1) .price
{
    background: #416A8C;
}

.tariffs .tariff:nth-child(2) .price
{
    background: #416A8C;
}

.tariffs .tariff:nth-child(3) .price
{
    background: #ba141a;
}

.tariffs .tariff .price b
{
    font-size: var(--font_size_title);
    font-weight: bold;
    line-height: calc(100% + 8px);
}


.tariffs .tariff .features
{
    padding: 28px 12px;

    flex: 1 0 auto;
}

.tariffs .tariff .features > *
{
    position: relative;

    padding-left: 35px;

    background: url(../images/logo.svg) 0 1px/29px auto no-repeat;
}

.tariffs .tariff .features > * + *
{
    margin-top: 8px;
}


.tariffs .tariff .order_btn
{
    color: #fff;
    font-size: 16px;
    line-height: 19px;

    width: 181px;
    height: 43px;
    margin: 20px auto;

    text-align: center;

    border-radius: 5px;
    background: #416A8C;
}


.tariffs .tariff .bg_line
{
    position: absolute;
    right: 0;
    bottom: 0;

    width: 95px;
    height: 1px;

    pointer-events: none;

    background: var(--text_color);
}

.tariffs .tariff .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}



/*-------------
    IP info
-------------*/
.ip_info .data
{
    justify-content: space-between;
}


.ip_info .data .col_left
{
    width: 286px;
    max-width: 100%;
}


.ip_info .data .name
{
    font-size: 30px;
    font-weight: bold;
    line-height: 37px;
}

.ip_info .data .name span
{
    border-bottom: 1px solid #416A8C;
}


.ip_info .data .type
{
    color: #416A8C;
    font-size: 16px;
    line-height: 19px;

    margin-top: 8px;
}


.ip_info .data .status
{
    line-height: calc(100% + 4px);

    position: relative;

    display: inline-block;

    margin-top: 14px;

    vertical-align: top;
}

.ip_info .data .status .icon
{
    position: absolute;
    bottom: -4px;
    left: 100%;

    display: block;

    margin-left: 4px;
}


.ip_info .data .info
{
    line-height: calc(100% + 4px);

    width: calc(100% - 286px);
    margin-left: auto;
    padding: 9px 30px 28px;

    background: #f2f2f2;
}


.ip_info .data .info > .row
{
    margin-bottom: -12px;
    margin-left: -28px;
}

.ip_info .data .info > .row > *
{
    width: calc(40% - 28px);
    margin-bottom: 12px;
    margin-left: 28px;
}

.ip_info .data .info > .row > *.big_w
{
    width: calc(60% - 28px);
}


.ip_info .data .info .col > * + *,
.ip_info .data .info .col .hide,
.ip_info .data .info .col .hide > * + *
{
    margin-top: 6px;
}

.ip_info .data .info .col > *.date
{
    margin-top: 28px;
}

.ip_info .data .info .col > *.row
{
    display: flex;

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

.ip_info .data .info .col > *.row b
{
    display: block;

    margin-right: 4px;

    white-space: nowrap;
}

.ip_info .data .info .col > *.row > div
{
    width: 100%;
}

.ip_info .data .info .col .hide
{
    display: none;
}


.ip_info .data .info .spoler_btn
{
    color: #f04e23;
    line-height: calc(100% + 4px);

    display: block;

    margin-left: auto;
}

.ip_info .data .info .spoler_btn span + span,
.ip_info .data .info .spoler_btn.active span
{
    display: none;
}

.ip_info .data .info .spoler_btn.active span + span
{
    display: inline;
}



.ip_info .data .requisites
{
    width: calc(50% - 14px);
    margin-top: 48px;
}


.ip_info .data .requisites .title
{
    font-size: 26px;
    line-height: 32px;

    margin-bottom: 28px;
}


.ip_info .data .requisites .item
{
    line-height: 30px;
}


.ip_info .data .requisites .copy_btn
{
    position: relative;
    top: -3px;

    margin-left: 4px;

    vertical-align: middle;
}

.ip_info .data .requisites .copy_btn img
{
    display: block;
}


.ip_info .data .quads
{
    margin-top: 20px;
    padding: 28px;

    background: rgba(200,193,193,.5);
}

.ip_info .data .quads .title
{
    margin-bottom: 18px;
}

.ip_info .data .quads .item.row
{
    display: flex;

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

.ip_info .data .quads .item.row b
{
    display: block;

    margin-right: 4px;

    white-space: nowrap;
}

.ip_info .data .quads .item.row > div
{
    width: 100%;
}

.ip_info .data .quads .all_link
{
    color: #416A8C;
    line-height: calc(100% + 4px);

    margin-top: 20px;
}

.ip_info .data .quads .all_link a
{
    color: currentColor;

    text-decoration: none;
}



.ip_info .data .register_info
{
    width: calc(50% - 14px);
    margin-top: 48px;
    margin-left: auto;
}


.ip_info .data .register_info .title
{
    font-size: 26px;
    line-height: 32px;

    margin-bottom: 28px;
}


.ip_info .data .register_info .item
{
    line-height: 30px;
}

.ip_info .data .register_info .item + .item
{
    margin-top: 20px;
}



.ip_info .supervisor
{
    margin-top: 42px;
}


.ip_info .supervisor .block_title
{
    font-size: 26px;
    font-weight: bold;
    line-height: 32px;

    margin-bottom: 28px;
}


.ip_info .supervisor .list > * + *
{
    margin-top: 28px;
}


.ip_info .supervisor .item .name
{
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.ip_info .supervisor .item .name a
{
    color: currentColor;

    text-decoration: none;

    border-bottom: 1px solid #416A8C;
}


.ip_info .supervisor .item .desc
{
    line-height: 22px;

    margin-top: 8px;
}


.ip_info .supervisor .item .features
{
    line-height: 22px;

    display: flex;

    margin-top: 8px;
    margin-bottom: -4px;
    margin-left: -24px;

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

.ip_info .supervisor .item .features > *
{
    max-width: calc(100% - 24px);
    margin-bottom: 4px;
    margin-left: 24px;
}

.ip_info .supervisor .item .features > *.full_w
{
    width: calc(100% - 24px);
}



/*------------------
    Company info
------------------*/
.company_info .data
{
    justify-content: space-between;
}


.company_info .data .col_left
{
    width: 286px;
    max-width: 100%;
}


.company_info .data .name
{
    font-size: 30px;
    font-weight: bold;
    line-height: 37px;
}

.company_info .data .name span
{
    border-bottom: 1px solid #416A8C;
}


.company_info .data .type
{
    color: #416A8C;
    font-size: 16px;
    line-height: 19px;

    margin-top: 8px;
}


.company_info .data .status
{
    line-height: calc(100% + 4px);

    position: relative;

    display: inline-block;

    margin-top: 14px;

    vertical-align: top;
}

.company_info .data .status .icon
{
    position: absolute;
    bottom: -4px;
    left: 100%;

    display: block;

    margin-left: 4px;
}


.company_info .data .desc
{
    line-height: calc(100% + 4px);

    width: calc(100% - 286px);
    margin-left: auto;
    padding: 11px 22px;

    background: #f2f2f2;
}


.company_info .data .features
{
    line-height: calc(100% + 4px);

    width: 100%;
    margin-top: 28px;
    padding: 16px 20px;

    background: #f2f2f2;
}

.company_info .data .features .row
{
    margin-bottom: -8px;
    margin-left: -28px;
}

.company_info .data .features .row > *
{
    width: calc(50% - 28px);
    margin-bottom: 8px;
    margin-left: 28px;
}


.company_info .cols
{
    width: 100%;
    margin-top: 28px;

    justify-content: space-between;
}

.company_info .cols .col
{
    width: calc(50% - 14px);
}

.company_info .cols .col > * + *
{
    margin-top: 40px;
}

.company_info .cols .col .title
{
    font-size: 26px;
    line-height: 32px;

    margin-bottom: 28px;
}



.company_info .codes .item + .item
{
    margin-top: 8px;
}

.company_info .codes .item .copy_btn
{
    position: relative;
    top: -2px;

    margin-left: 4px;

    vertical-align: middle;
}

.company_info .codes .item .copy_btn img
{
    display: block;
}

.company_info .codes .item .exp
{
    line-height: calc(100% + 4px);
}



.company_info .contacts .item + .item
{
    margin-top: 12px;
}

.company_info .contacts .item > * + *
{
    margin-top: 8px;
}

.company_info .contacts .item .copy_btn
{
    position: relative;
    top: -2px;

    margin-left: 4px;

    vertical-align: middle;
}

.company_info .contacts .item .copy_btn img
{
    display: block;
}


.company_info .contacts .map
{
    position: relative;

    height: 179px;
    margin-top: 16px;

    background: #ddd;
}



.company_info .registration .item + .item
{
    margin-top: 12px;
}

.company_info .registration .item .copy_btn
{
    position: relative;
    top: -2px;

    margin-left: 4px;

    vertical-align: middle;
}

.company_info .registration .item .copy_btn img
{
    display: block;
}



.company_info .quads .title
{
    margin-bottom: 12px !important;
}


.company_info .quads .bg
{
    margin-top: 11px;
    padding: 20px 28px;

    background: rgba(200,193,193,.5);
}


.company_info .quads .item.row
{
    display: flex;

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

.company_info .quads .item.row b
{
    display: block;

    margin-right: 4px;

    white-space: nowrap;
}

.company_info .quads .item.row > div
{
    width: 100%;
}

.company_info .quads .item.row > div > * + *
{
    margin-top: 6px;
}


.company_info .quads .all_link
{
    color: #416A8C;
    line-height: calc(100% + 4px);

    margin-top: 20px;
}

.company_info .quads .all_link a
{
    color: currentColor;

    text-decoration: none;
}



/*------------
    Bosses
------------*/
.bosses .now
{
    padding: 36px 0;

    background: rgba(200,193,193,.5);
}

.bosses .former
{
    padding: 36px 0;

    background: rgba(225,225,225,.5);
}


.bosses .item .head
{
    position: relative;

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


.bosses .item .head .title
{
    font-size: 26px;
    font-weight: bold;
    line-height: 32px;

    padding-right: 32px;
}


.bosses .item .head .icon
{
    position: absolute;
    right: -14px;
    bottom: -4px;

    display: block;
}


.bosses .item .head .spoler_btn
{
    color: #416A8C;
    font-size: 16px;
    line-height: calc(100% + 4px);

    margin-top: 16px;
}

.bosses .item .head .spoler_btn span + span,
.bosses .item .head .spoler_btn.active span
{
    display: none;
}

.bosses .item .head .spoler_btn.active span + span
{
    display: inline;
}


.bosses .item .data
{
    width: calc(50% - 72px);
    margin-left: auto;
}


.bosses .item .person
{
    line-height: calc(100% + 4px);
}

.bosses .item .person + .person,
.bosses .item .hide
{
    margin-top: 24px;
}


.bosses .item .hide
{
    display: none;
}



/*---------------------------
    Financial performance
---------------------------*/
.financial_performance .block_title
{
    font-size: 26px;
    line-height: 32px;

    margin-bottom: 12px;
}


.financial_performance .data
{
    line-height: calc(100% + 4px);

    width: calc(50% - 42px);

    align-self: flex-end;
}

.financial_performance .data > * + *
{
    margin-top: 12px;
}


.financial_performance .chart
{
    width: calc(50% + 14px);
    margin-left: auto;
}

.financial_performance .chart img
{
    display: block;

    max-width: 100%;
}



/*-------------------
    Search result
-------------------*/
.search_result
{
    font-size: 16px;
    line-height: calc(100% + 4px);

    position: relative;

    width: calc(100% - 107px);
    margin-bottom: 28px;
    padding: 12px 16px;

    background: #f2f2f2;
}

.search_result span
{
    color: #416A8C;
}


.search_result .bg_line
{
    position: absolute;
    top: 0;
    right: -107px;
    bottom: 0;

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

    pointer-events: none;

    background: var(--text_color);
}

.search_result .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}



/*------------------
    Article info
------------------*/
.article_info .article_title
{
    font-size: var(--font_size_title);
    font-weight: normal;
    line-height: calc(100% + 8px);

    display: block;

    margin-bottom: 28px;
}



/*-----------
    Today
-----------*/
.today
{
    position: relative;
    z-index: 2;

    overflow: hidden;

    padding: 76px 0 89px;

    background: #f2f2f2;
}

.today .bg
{
    position: absolute;
    z-index: -1;
    bottom: -27px;
    left: 50%;

    width: 1419px;
    height: 569px;
    margin-left: -1240px;

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


.today .row
{
    margin-bottom: -30px;
    margin-left: -30px;

    align-items: stretch;
    align-content: stretch;
}

.today .row > *
{
    width: calc(50% - 30px);
    margin-bottom: 30px;
    margin-left: 30px;
}


.today.companies .company
{
    padding: 12px 9px;

    background: #fff;
}


.today.companies .company .name
{
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;

    margin: 0;
}


.today.companies .company .features
{
    line-height: calc(100% + 4px);

    margin-top: 4px;
}



/*---------------
    Error info
---------------*/
.error_info
{
    position: relative;
    z-index: 3;

    padding: 24px 0;

    flex: 1 0 auto;
}


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

    width: 100%;
    height: 100%;

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


.error_info .logo
{
    color: currentColor;

    display: flex;

    text-decoration: none;

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

.error_info .logo img
{
    display: block;

    margin-right: 18px;
}

.error_info .logo .name
{
    font-family: var(--font_family2);
    font-size: 90px;
    line-height: 100%;
}

.error_info .logo .desc
{
    font-size: 35px;
    line-height: 100%;

    margin-bottom: 32px;
}


.error_info .img
{
    display: block;

    max-width: 70%;
    margin-right: auto;
    margin-left: auto;

    mix-blend-mode: darken;
}


.error_info .info
{
    width: 920px;
    max-width: 100%;
    margin: 36px auto 0;
    padding: 42px 34px 45px;

    text-align: center;

    background: #f2f2f2;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.error_info .info .desc
{
    font-size: 20px;
    line-height: 24px;
}

.error_info .info .links
{
    display: flex;

    margin-top: 21px;

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

.error_info .info .links a
{
    color: #fff;
    font-size: 16px;
    line-height: 43px;

    display: inline-block;

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

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

    border-radius: 5px;
    background: #416A8C;
}



/*------------
    Footer
------------*/
footer
{
    position: relative;

    padding: 31px 0 26px;
}

footer.no_line
{
    padding-top: 35px;
}


footer .cont
{
    position: relative;
}

footer .cont:before
{
    position: absolute;
    top: -31px;
    right: 0;
    left: 0;

    display: block;

    width: calc(100% - 48px);
    height: 8px;
    margin: auto;

    content: '';

    background: #f2f2f2;
}

footer.no_line .cont:before
{
    display: none;
}



footer .col_left
{
    display: flex;

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

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



footer .logo
{
    color: currentColor;

    display: flex;

    text-decoration: none;

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

footer .logo img
{
    display: block;

    margin-right: 4px;
}

footer .logo .name
{
    font-family: var(--font_family2);
    font-size: 29px;
    line-height: 100%;
}

footer .logo .desc
{
    font-size: 11px;
    line-height: 100%;
}



footer .socials
{
    display: flex;

    margin-left: auto;

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

footer .socials a
{
    color: #f04e23;

    display: block;

    text-decoration: none;
}

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

footer .socials .icon
{
    display: block;
}

footer .socials .facebook_link .icon
{
    width: 12px;
    height: 19px;
}

footer .socials .twitter_link .icon
{
    width: 24px;
    height: 19px;
}



footer .copyright
{
    font-size: 14px;
    line-height: 17px;

    width: 100%;
}



footer .links
{
    font-size: 16px;
    line-height: 24px;

    margin-left: 40px;
}

footer .links a
{
    color: currentColor;

    display: inline-block;

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

footer .links a:hover,
footer .links a.active
{
    color: #f04e23;
}



footer .contacts
{
    position: relative;

    margin-left: auto;
}


footer .contacts .phone a
{
    color: currentColor;
    font-size: 24px;
    line-height: 29px;

    display: flex;

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

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

footer .contacts .phone a .icon
{
    color: #416A8C;

    display: block;

    width: 29px;
    height: 29px;
    margin-right: 5px;
}


footer .contacts .email
{
    margin-top: 16px;
}

footer .contacts .email a
{
    color: #f04e23;
    font-size: 18px;
    line-height: 22px;

    display: flex;

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

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

footer .contacts .email a .icon
{
    color: #416A8C;

    display: block;

    width: 27px;
    height: 21px;
    margin-right: 6px;
    margin-left: 1px;
}


footer .contacts .bg_line
{
    position: absolute;
    right: 0;
    bottom: -21px;

    width: 95px;
    height: 1px;

    pointer-events: none;

    background: var(--text_color);
}

footer .contacts .bg_line:after
{
    position: absolute;
    top: -1px;
    right: 0;

    display: block;

    width: 37px;
    height: 3px;

    content: '';

    background: #416A8C;
}



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

    width: 480px;
    max-width: 100%;
    padding: 40px 50px;

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


.modal_title
{
    font-size: var(--font_size_title);
    font-weight: 700;
    line-height: normal;

    text-align: center;
}


.modal_desc
{
    margin-top: 24px;

    text-align: center;
}


.breadcrumb li {
	display: inline-block;
	margin-right: 15px;
	position: relative;
}

.breadcrumb li:after {
	content: '/';
	top: 0;
	right: -10px;
	position: absolute;
	color: #666;
}

.breadcrumb li:last-child:after {
	display: none;
	content: '';
}

.cont_main {
	margin: 30px 0;
}

#cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f7dede;
    padding: 20px 10px;
    border-top: 2px solid #830e0e;	
	z-index: 2;
	display: none;
}

#cookies .row {
	align-items: center;
}

#cookies p {
	margin-bottom: 15px;
}


#cookies .t_c {
	width: 70%;
}

#cookies .b_t {
	text-align: left;
	width: 30%;
}

#cookies .b_t button {
    background-color: #b23427;
    color: #fff;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 15px;
}

#cookies .b_t button:hover {
    background-color: #d94839;
}

/*------------------
    Form elements
------------------*/
.form
{
    --form_border_color: #000;
    --form_focus_color: #000;
    --form_error_color: red;
    --form_bg_color: #fff;
    --form_placeholder_color: #000;
}


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

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

.form ::-moz-placeholder
{
    color: var(--form_placeholder_color);
    font-weight: 400;

    opacity: 1;
}

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



.form .cols
{

}




.form .columns
{
    display: flex;

    margin-left: calc(var(--form_columns_offset) * -1);

    --form_columns_offset: 14px;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}

.form .columns > *
{
    width: 231px;
    max-width: calc(100% - var(--form_columns_offset));
    margin-left: var(--form_columns_offset);
}

.form .columns > *.small
{
    width: 145px;
}


.form .columns > *.width1of3
{
    width: calc(33.333% - var(--form_columns_offset));
}

.form .columns > *.width2of3
{
    width: calc(66.666% - var(--form_columns_offset));
}

.form .columns > *.width3of3
{
    width: calc(100% - var(--form_columns_offset));
}


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


.form .label
{
    font-size: 14px;
}


.form .field
{
    position: relative;
}


.form .input
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 500;

    display: block;

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

    transition: border-color .2s linear;

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

.form .input:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 50px var(--form_bg_color) !important;
}


.form textarea
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);
    font-weight: 500;

    display: block;

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

    resize: none;
    transition: border-color .2s linear;

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

.form textarea::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
}


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


.form select
{
    display: none;
}


.form .nice-select
{
    position: relative;

    display: block;

    cursor: pointer;
}


.form .nice-select .current
{
    font-size: 14px;
    line-height: 42px;

    display: block;
    overflow: hidden;

    height: 44px;
    padding: 0 43px 0 18px;

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

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


.form .nice-select-dropdown
{
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0;

    visibility: hidden;
    overflow: hidden;

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

    transition: .2s linear;

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

.form .nice-select.open .nice-select-dropdown
{
    visibility: visible;

    opacity: 1;
}


.form .nice-select .list .option
{
    font-size: 14px;

    display: block;

    padding: 8px 18px;

    list-style-type: none;

    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
}

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


.form .nice-select .list .option:hover,
.form .nice-select .list .option.selected
{
    color: #fff;

    background: #000;
}


.form .nice-select + .arr
{
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;

    display: block;

    width: 13px;
    height: 8px;
    margin: auto;

    transition: transform .2s linear;
}

.form .nice-select.open + .arr
{
    transform: rotate(180deg);
}


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


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

    position: relative;

    display: flex;

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

    cursor: pointer;

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


.form .checkbox input
{
    display: none;
}


.form .checkbox .check
{
    color: #fff;

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

    display: flex;

    width: 28px;
    height: 28px;

    transition: .2s linear;

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

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

.form .checkbox .check svg
{
    display: block;

    width: 16px;
    height: 16px;

    transition: opacity .2s linear;

    opacity: 0;
}

.form .checkbox input:checked ~ .check
{
    background: var(--text_color);
}

.form .checkbox input:checked ~ .check svg
{
    opacity: 1;
}


.form .radio
{
    line-height: 26px;

    position: relative;

    display: flex;

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

    cursor: pointer;

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


.form .radio input
{
    display: none;
}


.form .radio .check
{
    position: absolute;
    top: 2px;
    left: 0;

    display: block;

    width: 24px;
    height: 24px;

    transition: .2s linear;

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

.form .radio input:checked ~ .check
{
    background: var(--text_color);
    box-shadow: inset 0 0 0 3px #fff;
}


.form .exp
{
    font-size: 11px;

    white-space: nowrap;
}


.form .submit_btn
{
    color: #fff;

    display: block;

    width: 100%;
    padding: 12px 24px;

    transition: background .2s linear;

    background: #000;
}

.form .submit_btn:hover
{
    background: #1c4253;
}

#status {
	display: none;
	color: green;
}