/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
a {
    text-decoration: none;
    transition: all .5s;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong {
    font-weight: bold;
}
/* ==========  ========== */
* {
    box-sizing: border-box;
}
body, html {
    font-family: var(--main-fonts);
    color: var(--main-color);
    /*min-width: 320px;*/
    min-width: 360px;
    letter-spacing: 0;
    position: relative;
}
.container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 100%;
    width: 100%;
    position: relative;
}
.trans_5 {
    transition: all .5s;
}
.order_1 {
    order: 1;
}
.order_2 {
    order: 2;
}
/* ==========  ========== */
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/Robotolight.woff2') format('woff2'), url('../fonts/Robotolight.woff') format('woff'), url('../fonts/Robotolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto.woff2') format('woff2'), url('../fonts/Roboto.woff') format('woff'), url('../fonts/Roboto.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Robotomedium.woff2') format('woff2'), url('../fonts/Robotomedium.woff') format('woff'), url('../fonts/Robotomedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Robotobold.woff2') format('woff2'), url('../fonts/Robotobold.woff') format('woff'), url('../fonts/Robotobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
/*@font-face {*/
/*    font-family: 'Roboto';*/
/*    src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/Robotoblack.woff2') format('woff2'), url('../fonts/Robotoblack.woff') format('woff'), url('../fonts/Robotoblack.ttf') format('truetype');*/
/*    font-weight: 900;*/
/*    font-style: normal;*/
/*}*/
/* ========== sec1 ========== */
.sec1 {
    padding: 40px 0 60px;
    background: var(--white-color);
}
.sec1_block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.sec1_left {
    width: 100%;
}
.sec1_h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.12px;
    margin-bottom: 8px;
}
.sec1_descr {
    color: rgba(0, 0, 0, 0.6);
    font-family: var(--main-fonts);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 24px;
}
.sec1_h1 span {
    color: var(--blue-color);
}
.sec1_btns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 35px;
}
.sec1_btn {
    border-radius: 12px;
    background: var(--main-color);
    width: 100%;
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
}
.sec1_btn:hover {
    background: var(--main-color-hover);
    color: var(--white-color-hover);
}
.sec1_btn:active {
    background: var(--main-color-active);
    color: var(--white-color-active);
}
.sec1_btn2 {
    margin-top: 24px;
    border: 2px solid var(--blue-color);
    border-radius: 12px;
    height: 56px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    /* Header 3 */
    color: var(--blue-color);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
}
.sec1_btn2:hover {
    border: 2px solid var(--blue-hover-color);
    background: var(--blue-hover-color);
    color: var(--white-color-hover);
}
.sec1_btn2:active {
    border: 2px solid var(--blue-active-color);
    background: var(--blue-active-color);
    color: var(--white-color-active);
}
/**/
.sec1_right {
    border: 4px solid rgb(0, 33, 100);
    border-radius: 10px;
    height: 280px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 32px;
}
.sec1_right > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/**/
.swiper_sec1 {

}
.swsec1_pagination {
    position: absolute;
    bottom: -16px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.swsec1_pagination .swiper-pagination-bullet {
    width: 60px;
    height: 8px;
    background: var(--gray-color);
    margin: 0 10px 8px !important;
    opacity: 1;
    border-radius: 8px;
}
.swsec1_pagination .swiper-pagination-bullet-active {
    background: var(--blue-color);
}
/* ========== sec2 ========== */
.sec2 {
    padding: 40px 0 60px;
}
.sec2_title {
    color: var(--main-color);
    opacity: .6;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 20px;
    letter-spacing: 0.009em;
}
.sec2_item {
    width: 167px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec2_item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    filter: grayscale(1);
}
.sec2_item:hover img {
    filter: grayscale(0);
}
/* ========== sec3 ========== */
.sec3 {
    border-radius: 18px;
    background: rgb(244, 244, 244);
    width: calc(100% - 22px);
    margin: 0 auto;
    padding: 0 0;
}
.sec3_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.sec3_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 0;
    min-height: 242px;
    position: relative;
}
.sec3_item_title {
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 27px;
}
/**/
.sec3_item_bottom {
    max-width: 368px;
    position: relative;
    z-index: 2;
}
.sec3_item_txt {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 45px;
    letter-spacing: 0.009em;
    transition: all .5s;
}
.sec3_item_links {

}
.sec3_item_links a {
    color: rgb(11, 87, 239);
    font-family: var(--main-fonts);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    display: inline-block;
    position: relative;
}
.sec3_item_links a:first-child {
    margin-right: 15px;
}
.sec3_item_ico {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 27px;
    right: 0;
    width: 36px;
    height: 36px;
    z-index: 1;
}
.sec3_item_ico img {
    max-width: 95%;
    max-height: 95%;
    width: auto;
    height: auto;
}
/* ========== sec4 ========== */
.sec4 {
    padding: 50px 0 70px;
}
.sec4_btitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 18px;
}
.sec4_txter {
    color: var(--main-color);
    opacity: 0.6;
    font-family: var(--main-fonts);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 24px;
    max-width: 560px;
}
.sec4_btitle a {
    position: relative;
    display: block;
    padding-right: 42px;
    color: var(--main-color);
    font-family: var(--main-fonts);
}
.sec4_btitle a:after {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    background: url('../img/sec4/right.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
}
.sec4_btitle span {
    display: none;
}
/**/
.sec4_menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.sec4_menu a {
    display: block;
    border: 1.5px solid var(--gray-color);
    border-radius: 48px;
    background: var(--white-color);
    padding: 10px 16px;
    margin-bottom: 8px;
    margin-right: 7px;
    color: var(--main-fonts);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.sec4_menu a._active, .sec4_menu a:hover {
    color: var(--white-color);
    background: var(--main-color);
}
.sec4_menu > span {
    padding: 10px 16px;
    color: var(--main-fonts);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    cursor: pointer;
    border: 1.5px solid transparent;
    border-radius: 48px;
    margin-bottom: 8px;
}
.sec4_menu span > span:nth-child(2) {
    display: none;
}
.sec4_menu span._active > span:first-child {
    display: none;
}
.sec4_menu span._active > span:nth-child(2) {
    display: inline-block;
}
.sec4_menu > span:hover {
    border-color: var(--gray-color);
}
.sec4_menu > span img {
    margin-left: 8px;
}
.sec4_menu > span._active img {
    transform: rotate(180deg);
}
/**/
.sec4_list {
    display: none;
}
.sec4_list._active {
    display: flex;
}
.sec4_item {
    position: relative;
    width: 100%;
    margin-bottom: 24px;
    border-radius: 16px;
    overflow: hidden;
    height: 360px;
}
.sec4_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.sec4_item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(1, 13, 27, 0);
    padding: 0 20px 30px;
    display: flex;
    align-items: end;
}
.sec4_item a span {
    opacity: 0;
    color: var(--white-color);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
}
.sec4_item a:hover {
    backdrop-filter: blur(5px);
    background: rgba(1, 13, 27, 0.1);
}
.sec4_item a:hover span {
    opacity: 1;
}
/**/
.sec4_list .swiper {
    padding-bottom: 8px;
}
.sec4_list .swiper-scrollbar {
    background: rgba(1, 13, 27, 0.1);
    height: 8px;
    bottom: 0;
    width: 100%;
    left: 0;
}
.sec4_list .swiper-scrollbar-drag {
    background: var(--blue-color);
}
/* ========== sec5 ========== */
.sec5 {
    padding: 50px 0 70px;
    background: var(--gray-f4-color);
}
.sec5_btitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 10px;
}
.sec5_btitle a {
    position: relative;
    display: block;
    padding-right: 42px;
    color: var(--main-color);
    font-family: var(--main-fonts);
}
.sec5_btitle a:after {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    background: url('../img/sec4/right.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
}
.sec5_txt {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 17px;
    letter-spacing: 0.011em;
}
.sec5_list {
    width: auto;
    height: auto;
    max-width: 100%;
}
.sec5_item a {
    font-size: 0;
    display: block;
    border-radius: 16px;
    overflow: hidden;
}
.sec5_item img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
/**/
.sec5_swiper {
    padding-bottom: 28px;
}
.sec5_list .swiper-scrollbar {
    background: rgba(1, 13, 27, 0.1);
    height: 8px;
    bottom: 0;
    width: 100%;
    left: 0;
}
.sec5_list .swiper-scrollbar-drag {
    background: var(--blue-color);
}
/* ========== sec6 ========== */
.sec6 {
    padding: 40px 0 60px;
}
.sec6_btitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 18px;
}
.sec6_texter {
    color: var(--main-color);
    opacity: 0.6;
    font-family: var(--main-fonts);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 24px;
    max-width: 560px;
}
.sec6_btitle a {
    position: relative;
    display: block;
    padding-right: 42px;
    color: var(--main-color);
    font-family: var(--main-fonts);
}
.sec6_btitle a:after {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    background: url('../img/sec4/right.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
}
/**/
.sec6_item {
    height: 330px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 24px;
}
.sec6_item > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sec6_item_lable {
    width: 42px;
    height: 42px;
    border-radius: 16px 0 0;
    background: var(--white-color);
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec6_item_lable div {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec6_item_lable div img {
    width: 16px;
    height: 16px;

}
.sec6_item:hover .sec6_item_lable div img {
    transform: rotate(45deg);
}
.sec6_item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
/**/
.sec6_swiper {
    /*padding-bottom: 28px;*/
}
.sec6_swiper .swiper-scrollbar {
    background: rgba(1, 13, 27, 0.1);
    height: 8px;
    bottom: 0;
    width: 100%;
    left: 0;
}
.sec6_swiper .swiper-scrollbar-drag {
    background: var(--blue-color);
}
/* ========== sec7 ========== */
.sec7 {
    padding: 50px 0 70px;
    background: var(--gray-f4-color);
}
.sec7_btitle {
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 38px;
}
.sec7_btitle a {
    position: relative;
    display: block;
    padding-right: 42px;
    color: var(--main-color);
    font-family: var(--main-fonts);
}
.sec7_btitle a:after {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    background: url('../img/sec4/right.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
}
/**/
.sec7_item {
    position: relative;
}
.sec7_item_img {
    overflow: hidden;
    position: relative;
    margin-bottom: 12px;
    height: 160px;
    border-radius: 16px;
}
.sec7_item_img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sec7_item_link {
    color: rgb(30, 30, 30);
    font-family: var(--main-fonts);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px;
    display: block;
    letter-spacing: 0.011em;
}
.sec7_item_date {
    color: var(--blue-color);
    font-family: var(--main-fonts);
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}
.sec7_item > a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.sec7_item:hover .sec6_item_lable div img {
    transform: rotate(45deg);
}
/**/
.sec7_swiper {
    padding-bottom: 24px;
}
.sec7_swiper .swiper-scrollbar {
    background: rgba(1, 13, 27, 0.1);
    height: 8px;
    bottom: 0;
    width: 100%;
    left: 0;
}
.sec7_swiper .swiper-scrollbar-drag {
    background: var(--blue-color);
}
/* ========== sec8 ========== */
.sec8 {
    /*height: 313px;*/
    position: relative;
}
.sec8 > .container {
    position: relative;
    z-index: 2;
}
.sec8:before {
    background: var(--gray-f4-color);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}
/*.sec8:after {*/
/*    background: linear-gradient(159.33deg, rgb(10, 54, 138) -58.869%,rgb(10, 54, 138) -34.399%,rgb(8, 19, 29) 82.513%);*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 10%;*/
/*    left: 0;*/
/*    right: 0;*/
/*    height: 90%;*/
/*    z-index: 1;*/
/*}*/
/**/
.sec8_wrp {
    padding: 20px;
    border-radius: 24px;
    background: rgb(233, 235, 239);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec8_left {
    width: 100%;
    margin-bottom: 40px;
}
.sec8_left_title {
    font-family: var(--main-fonts);
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.sec8_left_title span {
    display: block;
    color: var(--blue-color);
}
.sec8_left_txt {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 40px;
    letter-spacing: 0.01em;
}
.sec8_form {

}
.sec8_form_inp {
    display: block;
    border-radius: 12px;
    background: var(--white-color);
    padding: 16px;
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.3);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    border: 1px solid var(--white-color);
    width: 100%;
}
.sec8_form_btn {
    border-radius: 12px;
    background: rgb(128, 128, 128);
    height: 56px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    color: rgba(255, 255, 255, 0.5);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.sec8_form_btn img {
    margin-left: 8px;
}
.sec8_form_btn:hover {
    background: rgb(80, 80, 80);
    color: var(--white-color);
}
.sec8_form_btn:active {
    background: rgb(0, 0, 0);
    color: var(--white-color);
}
/**/
.sec8_right {
    width: 100%;
}
.sec8_right_img {
    height: 220px;
    border-radius: 16px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08),0 0 4px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 20px;
    overflow: hidden;
}
.sec8_right_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sec8_right_name {
    color: var(--blue-color);
    font-family: var(--main-fonts);
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 4px;
    letter-spacing: 0.018em;
    /*margin-top: 31px;*/
}
.sec8_right_job {
    color: var(--main-color);
    font-family: var(--main-color);
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0.015em;
}
/**/
.sec8_form_chek {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    color: var(--main-color);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
}
.sec8_form_chek input {
    display: none;
}
.sec8_form_chek span {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background: rgb(203, 205, 209);
    margin-right: 14px;
}
.sec8_form_chek input:checked + span {
    background: url('../img/sec8/check.svg') no-repeat center;
    background-size: 60%;
    background-color: rgb(203, 205, 209);
}
.sec8_form_chek div {
    width: calc(100% - 38px);
}
.sec8_form_chek a {
    color: var(--main-color);
    font-family: var(--main-fonts);
    text-decoration: underline;
    /*display: inline-block;*/
    margin-left: 5px;
}
/* ========== sec_footer ========== */
.sec_footer {
    padding: 40px 0 50px;
    position: relative;
    /*background: linear-gradient(159.33deg, rgb(10, 54, 138) -58.869%,rgb(10, 54, 138) -34.399%,rgb(8, 19, 29) 82.513%);*/
}
.sec_footer:after {
    background: linear-gradient(159.33deg, rgb(10, 54, 138) -58.869%,rgb(10, 54, 138) -34.399%,rgb(8, 19, 29) 82.513%);
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /*height: calc(100% + 304px);*/
    height: calc(100% + 770px);
    z-index: 1;
}
.sec_footer.sec_footer_noform:after {
    height: 100%;
}
.sec_footer > .container {
    position: relative;
    z-index: 2;
}
.sec_footer_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*margin-left: 40px;*/
    justify-content: space-between;
}
.sec_footer_right {
    margin-top: 20px;
}
.sec_footer_title {
    color: var(--blue-color);
    font-family: var(--main-fonts);
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 16px;
}
.sec_footer_menu li {
    display: block;
    margin-bottom: 12px;
}
.sec_footer_menu a {
    display: inline-block;
    color: var(--white-color);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    transition: all .5s;
}
/**/
/*.sec_footer_right {*/
/*    width: 100%;*/
/*}*/
.sec_footer_phone {
    margin-bottom: 16px;
}
.sec_footer_phone a {
    display: inline-block;
    color: var(--white-color);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.sec_footer_mail {
    margin-bottom: 16px;
}
.sec_footer_mail a {
    display: inline-block;
    color: var(--white-color);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    word-wrap: break-word;
}
.sec_footer_adr {
    color: var(--white-color);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 25px;
    letter-spacing: 0.009em;
}
.sec_footer_soc {
    display: flex;
    align-items: center;
    margin-bottom: 44px;
}
.sec_footer_soc a {
    display: inline-block;
    margin-right: 16px;
}
.sec_footer_bottom {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--main-fonts);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0.009em;
}
/**/
.sec_footer a:hover {
    opacity: .75;
}
/* ========== sec_head ========== */
body {
    padding-top: 88px;
}
.sec_head {
    background: rgba(255, 255, 255);
    padding: 32px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.sec_head_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec_head_menu {
    display: flex;
    /*align-items: center;*/
}
.sec_head_menu a {
    color: var(--main-color);
    font-family: var(--main-fonts);
    font-size: 20px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0.3px;
}
.sec_head_menu a:hover {
    color: var(--blue-color);
}
.sec_head_menu a:active {
    color: rgba(0, 0, 0, 0.3);
}
.sec_head_menu a:not(:last-child) {
    margin-right: 39px;
}
.sec_head_logo {
    width: auto;
    height: auto;
}
/**/
.sec_head_btn {
    width: 24px;
    height: 24px;
    background: url('../img/head/burger.svg') no-repeat center;
    background-size: contain;
    transition: all 0s;
}
.sec_head_btn._active {
    background: url('../img/head/close.svg') no-repeat center;
    background-size: contain;
}
/* ========== ico ========== */
.ico_upper {
    width: 60px;
    height: 60px;
    position: fixed;
    top: 50%;
    left: 40px;
    border-radius: 100%;
    background: url('../img/ico/up.svg') no-repeat center;
    background-size: contain;
    z-index: 80;
    box-shadow: 0 4px 8.4px -3px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(5px);
    /*background-color: rgba(255, 255, 255);*/
}
.ico_chat {

}
/* ==========  ========== */
/* ==========  ========== */
/* ==========  ========== */
/* ==========  ========== */

/*

--main-color     000000

--white-color    ffffff

--blue-color     0B57EF
--blue-hover-color 002164;
--blue-active-color 6699FF;

--gray-color     E9EBEF

1440

*/