:root{
--color-blue-light:#f5f6fa ;
--index:calc(1vw + 1vh);
}


*
{
padding: 0px;
margin: 0px;
box-sizing: border-box;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
text-align: inherit;
/*z-index: 0;*/
position: relative;
}

html
{
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-family: 'Montserrat', sans-serif;
color: #252525;
    scroll-behavior: smooth;
}

body
{
background: #fff;
}

h1, h2, h3
{
font-weight: 600;
margin-top: 1rem;
color: #252525;
}

h1
{
font-weight: 600;
font-size: clamp(1.10rem, 0.8294rem + 1.35vw, 2.50rem);
line-height: 1.5;
text-transform: uppercase;
padding: 2rem 1rem;
}

h2
{
font-size: clamp(1.50rem, 1.4060rem + 0.48vw, 2.00rem);
line-height: 1.5;
text-transform: uppercase;
}

h3
{
font-size: 1.5rem;
line-height: 1.5rem;
}

a
{
color: #30366b;
}

p
{
margin-top: 1rem;
    font-size: clamp(0.88rem, 0.8280rem + 0.24vw, 1.13rem)
}

ol, ul
{
margin-left: 1.25rem;
margin-top: 1rem;
}

li:first-child
{
margin-top: 0;
}

strong, b
{
font-weight: 700;
}

table
{
width: 100%;
margin-top: 2rem;
border-collapse: collapse;
}

table td
{
border: solid 1px #b7b7b7;
padding: 1rem;
}

table thead td
{
font-weight: 600;
}

div.clear
{
clear: both;
}

div.block
{
width: 100%;
max-width: 75rem;
margin: 0 auto;
padding: 1rem 0;
/*margin-bottom: 2rem;*/
}

div.section
{
width: 100%;
background: transparent;
padding-bottom: 1rem;
}

div.section.gray
{
background: #f5f6fa;
}

a.logo
{
display: block;
width: clamp(8rem, 7.2232rem + 3.86vw, 12rem);
height: 5.4375rem;
background-image: url('/assets/logo-csr.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

a.banner
{
display: block;
width: 100%;
height: 12rem;
background-image: url('/assets/banner-back.png');
background-position: center;
background-size: cover;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: clamp(1.63rem, 1.1661rem + 2.29vw, 4.00rem);
font-weight: 600;
line-height: 12rem;
border: solid 1px #b7b7b7;
border-radius: 1.25rem;
margin-top: 4rem;
}

div#header
{
width: 100%;
padding: 3rem 0;
border-bottom: solid 1px #b7b7b7;
}

div#header div.block
{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
margin: 0 auto;
padding: 0;
}
.decktop-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 0;
    width: 100%;
}
div#header div.left
{
width:clamp(8.00rem, 7.2232rem + 3.86vw, 12.00rem);
display: flex;
justify-content: flex-start;
align-items: center;
flex-grow: 0;
flex-shrink: 0;
margin-left: 1rem;
}


div#header div.right
{
width: auto;
flex-grow: 1;
flex-shrink: 1;
margin-left: 3rem;
}

div#header div.icons
{
display: flex;
justify-content: flex-end;
align-items: center;
flex-grow: 0;
flex-shrink: 0;
}

div#header div.icons a
{
display: block;
width: 2.5rem;
height: 2.5rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 1.125rem;
}

div#header div.icons a.yt
{
background-image: url('/assets/yt.svg');
}

div#header div.icons a.vk
{
background-image: url('/assets/vk.svg');
}

div#header div.icons a.tg
{
background-image: url('/assets/tg.svg');
}

div#header div.icons a.feedback
{
display: block;
width: auto;
height: 3rem;
line-height: 3rem;
outline: solid 1px #30366b;
border-radius: 0.5rem;
background: #30366b;
color: #fff;
padding: 0 1rem;
margin-left: 3rem;
cursor: pointer;
text-decoration: none;
transition: all	ease 0.25s;
}

div#header div.icons a.feedback:hover
{
background: #fff;
color: #30366b;
}

div#header div.menu
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
margin-top: 2rem;
}

div#header div.menu a.item
{
color: #000;
text-decoration: none;
font-size: 1.125rem;
font-weight: 500;
margin: 0 0.5rem;
position: relative;
}

div#header div.menu a.item:after
{
content: '\20';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #30366b;
transition: all ease 0.25s;
}

div#header div.menu a:hover.item:after
{
width: 100%;
}

div#header div.menu a.search
{
display: block;
width: 2rem;
height: 2rem;
background-image: url('/assets/search.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 2.5rem;
cursor: pointer;
}

div#footer
{
width: 100%;
font-size: 1.125rem;
font-weight: 500;
border-top: solid 1px #b7b7b7;
padding: 4rem 0;
margin-top: 4rem;
}

div#footer div.block
{
padding: 0;
margin: 0 auto;
}

div#footer div.line
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin-top: 4rem;
}

div#footer div.line:first-child
{
margin-top: 0;
}

div#footer div.icons
{
display: flex;
justify-content: flex-end;
align-items: center;
flex-grow: 0;
flex-shrink: 0;
}

div#footer div.icons a
{
display: block;
width: clamp(1.88rem, 1.6635rem + 1.08vw, 3.00rem);
height: 3rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-left: 1.125rem;
}

div#footer div.icons a.yt
{
background-image: url('/assets/yt.svg');
}

div#footer div.icons a.vk
{
background-image: url('/assets/vk.svg');
}

div#footer div.icons a.tg
{
background-image: url('/assets/tg.svg');
}

div#footer div.line.contact
{
align-items: flex-start;
}

div#footer div.line.contact p.column
{
width: 23%;
flex-grow: 0;
flex-shrink: 0;
}

div#footer div.line.legal a.column
{
    font-size: clamp(0.88rem, 0.8280rem + 0.24vw, 1.13rem);
width: 50%;
flex-grow: 0;
flex-shrink: 0;
}

@media (max-width: 768px) {
h2{
    padding-left: 1rem;
}
    div#header{
    padding: 0!important;
}
    div#footer{
        margin: 0 auto;
        width: 97%;
        padding:3rem 0;
    }
    div#footer div.line.contact,div#footer div.line.legal {
        align-items: center!important;
        flex-direction: column!important;
    }
    div#footer div.line{
        margin-top: 2rem!important;
    }
    div#footer div.line.contact p.column,div#footer div.line.legal a.column {
        width: 95% !important;

    }
    div#footer div.line.legal a.column{
        padding-bottom: 1rem!important;
    }
    a.banner{
        width: 95%;
        margin: 0 auto;
    }
}