:root {
    --index: calc(1vw + 1vh);
    --font-primary: "Montserrat", sans-serif;
    --color-primary: #004D7D;
    --color-background: #F6F6F6;
    --color-accent: #ABD1E9;
    --color-border: #C0C0C0;
    --color-dark: #002942;
    --color-error: #FF0000;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-light-gray: #F7F7F7;
    --color-gray-light: #D9D9D9;
    --color-dim-gray: #898989;
    --color-white-opacity-75: rgba(255, 255, 255, .75);
    --color-primary-opacity-15: rgba(171, 209, 233, 0.15);
    --color-primary-opacity-6: rgba(171, 209, 233, 0.6);
    --color-primary-opacity-7: rgba(0, 77, 125, 0.7);
    --gradient-primary: linear-gradient(rgba(0, 77, 125, 0.4), rgba(0, 77, 125, 0.4));
    --shadow-black: 1px 1px 3px rgba(0, 0, 0, .4);
    --shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.25);
    --shadow-dark: 5px 5px 4px rgba(0, 77, 125, 0.3);
    --shadow-dark-55: 5px 5px 4px rgba(0, 77, 125, 0.55);
    --shadow-dark-ultra: 5px 5px 8px rgba(0, 77, 125, 0.3);
    --shadow-dark-ultra-55: 5px 5px 8px rgba(0, 77, 125, 0.55);
    --shadow-dark-4: 5px 5px 22px 2px rgba(0, 0, 0, 0.4);
    --shadow-dark-3: 4px 4px 4px rgba(0, 77, 125, 0.3);
    --hover-trans: .4s;
    --z-index-0: 0;
    --z-index-1: 1;
    --z-index-2: 2;
    --z-index-3: 3;
    --z-index-4: 4;
}
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


header {
    display: block;
    position: relative;
    width: 100%;
    height: 106px;
    background: var(--color-white);

    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    z-index: var(--z-index-1);
}

.container_m.mdv {
    padding: 0 22px !important;
}

a.header__logo {
    display: block;
    width: 286px;
    height: 106px;
    background: #004d7d;
    padding: .375rem .75rem;
}

p.header__logo-text {
    margin-top: 16px;
    width: 100%;
    color: var(--color-white);

    line-height: 14px;
    padding-left: 52px;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}

.mdv_vk {
    display: block;
    position: absolute;
    top: 15px;
    left: 325px;
    width: 35px;
    height: 35px;
    background-color: var(--color-primary);
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
}

.mdv_vk:hover {
    background-color: var(--color-dark);
}

.mdv_email {
    display: block;
    position: absolute;
    top: 20px;
    left: 380px;
    line-height: 30px;
    font-style: normal;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: var(--color-primary);
    fill: var(--color-primary);
    vertical-align: baseline;
}

.mdv_ico_email {
    display: inline-block;
    font-size: 22px;
    color: var(--color-primary);
    fill: var(--color-primary);
    padding-top: 3px;
}

.mdv_email:hover .mdv_email, .mdv_ico_email {
    color: var(--color-dark);
    fill: var(--color-dark);
}

.mdv_email > span {
    display: inline-block;
    vertical-align: top;
}

.mdv_search {
    display: block;
    position: absolute;
    top: 15px;
    left: 755px;
    width: 307px;
    height: 35px;
}

.mdv_search>input {
    width: 307px;
    height: 35px;
    border-radius: 30px;
    padding: 0 45px 0 10px;

    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}

.mdv_ico_search {
    display: block;
    position: absolute;
    right: 0;
    top:0;
    width: 35px;
    height: 35px;
    background-color: var(--color-primary);
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    z-index: 2;
    color: #fff;
}
.mdv_ico_search:hover {
    background-color: var(--color-dark);
    color: #fff;
}

.mdv_search input::placeholder {
    color: #a0a0a0;
    font-style: italic;
    opacity: 1; /* важно для Firefox */
}


.mdv_kn_lk {
    display: block;
    position: absolute;
    left: 1080px;
    top:15px;
    width: 175px;
    height: 35px;
    background-color: var(--color-primary);
    border-radius: 30px;
    text-align: center;
    font-style: normal;
    font-weight: 800;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
}

.mdv_kn_lk:hover {
    background-color: var(--color-dark);
    color: #fff;
}

.header__mdv_nav {
    display: block;
    position: absolute;
    top:62px;
    left: 325px;
    width: 878px;
}

.header__mdv_nav li {
    display: inline-block;
    width: 205px;
    text-align: center;
}

.header__mdv_nav li a{
    color: var(--color-primary);
    font-family: Montserrat;
    font-style: normal;
    font-weight: bolder;
    font-size: 15px;
}

.header__mdv_nav li a:hover{
    color: var(--color-dark);

}

.mdv_footer {

    display: block;
    position: relative;
    margin-top: auto;
    width: 100%;
    background-color: var(--color-primary);
    padding: 40px 0 50px 0;
    color: #fff;
    line-height: 20px;
}

.footer__title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bolder;
    font-size: 13px;
}

.mdv_footer a {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    text-decoration: underline;
}

a.mvd_footer_vk {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    line-height: 35px;
}

a.mvd_footer_vk:hover {
    background-color: var(--color-dark);
}

.mdv_button-scroll {
    display: block;
    position: absolute;
    top:-30px;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    line-height: 40px;
    background-color: var(--color-primary);
}

.mdv_button-scroll:hover {
    background-color: var(--color-dark);
    border: 1px solid #fff;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #F6F6F6;
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-primary);
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) #F6F6F6;
}