* { margin: 0px; padding: 0px; border: 0;}
*,*::before, *::after {box-sizing: border-box;}
table {border-collapse: collapse; border-spacing: 0;}
html {height: 100%;}
a > img {border: none;}
input, button, textarea, select, a, img {outline: none;}
body {width: 100%; color: #1A202C; background-color: #fff; font-weight: normal; font-size: 18px;  position: relative; font-family: 'Golos Text', sans-serif;}
.wrap {min-height: 100%;}
#main {padding-bottom: 320px; position: relative; z-index: 2;}
footer {min-height: 320px; margin-top: -320px; position: relative; background-color: #003DA6; z-index: 2;}
.inline {width: 100%; position: relative; display: inline-block;}
.align_center {position: relative; width: 100%;}
.align_center:after {content: ''; display: block; clear: both;}
.align_center_to_left {position: relative; right: 50%; float: right;}
.align_center_to_right {position: relative; z-index: 1; right: -50%;}
.tbl {display: table; width: 100%;}
.tbl > div {display: table-cell;}
.clearfix:after {content: ''; display: table; clear: both;}
.flex {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.flex > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.no_select {-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: 50% 50%;}
.bg > img, .bg video, .bg iframe {position: absolute; top: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover;';}
.ratio-inner {position: relative; height: 0; border: none;} 
.ratio-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.ratio-1-1 {padding-top: 100%;}
.ratio-2-3 {padding-top: 64%;}
.ratio-3-2 {padding-top: 140%;}
.flex2, .flex3 {display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100%;}
.flex2 > div, .flex3 > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex2 > div:first-child, .flex3 > div:last-child {height: auto; align-self: stretch;}
.flex2 > div:last-child {align-self: stretch; flex-grow: 1; overflow: hidden; position: relative; align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end;}
.flex3 > div:first-child {align-self: stretch; flex-grow: 1; overflow: hidden; position: relative; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start;}
img.imgborder {max-height: 100%; max-width: 100%; height: auto; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.stickySide {position: sticky; top: 40px; min-height: 32px; margin: 0 0 0px;} 
.marginTop-80 {margin-top: 80px;}
.marginTop-88 {margin-top: 88px;}
.marginTop-100 {margin-top: 100px;}
.marginTop-24 {margin-top: 24px;}
.marginTop-16 {margin-top: 16px;}
.marginTop-8 {margin-top: 8px;}
.marginTop-32 {margin-top: 32px;}
.marginTop-40 {margin-top: 40px;}
.marginTop-48 {margin-top: 48px;}
.marginTop-56 {margin-top: 56px;}
.marginTop-64 {margin-top: 64px;}
.marginTop-120 {margin-top: 120px;}

.centered {width: 1720px; margin: 0 auto;}
#top {position: relative; padding: 24px 0; z-index: 2;}
#topBody {width: 100%; padding: 12px 24px; background-color: #fff; border-radius: 12px;}
#topBody > div {align-items: center; position: relative;}
#topBody > div:first-child {width: 120px;}
#topBody > div:nth-child(3) {width: 390px;}
#topBody > div:nth-child(3) > div {width: 100%;}
#topBody > div:nth-child(2) {width: calc(100% - 510px); padding: 0 20px; justify-content: flex-end;}
#topBodyMenu {list-style: none;}
#topBodyMenu > li {float: left; margin: 8px 0px 8px 40px;}
#topBodyMenu > li a, #topBodyMenu > li a:visited {color: #1A202C; text-decoration: none; transition: all 0.2s linear;}
#topBodyMenu > li a:hover, .menuA--active {transition: all 0.2s linear; color: #003DA6 !important;}
.buttonSmall {display: block; float: right; color: #fff; height: 40px; border-radius: 20px; background-color: #003DA6; cursor: pointer; font-family: 'Golos Text', sans-serif; padding: 0 20px; transition: all 0.2s linear; font-size: 18px; margin-left: 40px;}
.buttonSmall:hover {background-color: #3B82F6; transition: all 0.2s linear;}
.icons {width: 40px; height: 40px; border-radius: 50%; border: 1px solid #003DA6; position: relative; transition: all 0.2s linear; cursor: pointer;}
.icons svg {width: 18px; height: 18px; position: absolute; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px;}
.icons svg path.fill {fill: #003DA6; transition: all 0.2s linear;}
.icons svg path.stroke {stroke: #003DA6; transition: all 0.2s linear;}
.icons:hover {background-color: #3B82F6; transition: all 0.2s linear; border-color: #3B82F6;}
.icons:hover svg path.fill {fill: #fff; transition: all 0.2s linear;}
.icons:hover svg path.stroke {stroke: #fff; transition: all 0.2s linear;}
#topBody > div:nth-child(3) .icons {float: right; margin-left: 10px;}
.icons p {width: 100%; display: block; text-align: center; line-height: 1; font-size: 14px; font-weight: normal; color: #003DA6; transition: all 0.2s linear; padding: 12px 0; z-index: 2; position: relative;}
#topBody .langChange {position: absolute; z-index: 1; top: -2px; left: -2px; width: calc(100% + 4px); padding: 40px 0px 2px; border-radius: 21px; background-color: #3B82F6; display: none;}
.langBtn--active p {color: #fff !important;}
#topBody .langChange a, #topBody .langChange a:visited {color: #fff; text-decoration: none;}
.langBtn--active .langChange {display: block !important;}
.icons:hover p {color: #fff; transition: all 0.2s linear;}
#mpBlock1 {width: 100%; height: auto; position: relative; overflow: hidden; z-index: 1; margin-top: -140px;}
#block1Video {z-index: 1; width: 110%; left: -5%; height: 110%; top: -5%; -moz-filter: saturate(90%); -o-filter: saturate(90%); -webkit-filter: saturate(90%); filter: saturate(90%);}
#block1Video:after {content: ''; display: block; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,0.1); top: 0px; left: 0px; position: absolute;}
#block1Overlay {position: absolute; z-index: 4; top: 0px; left: 0px; width: 100%; height: 100%;}
.block1OverlayEl {width: calc(100% / 7); height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.20) 70.83%, rgba(255, 255, 255, 0.01) 100%); background-blend-mode: overlay; -moz-backdrop-filter: blur(50px); -o-backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px);}
#block1Noise {position: absolute; z-index: 5; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../img/noiseSvg2.svg') repeat; opacity: 0.1;}
#mpBlock1Body {z-index: 6; position: relative;}
#mpBlock1BodyFlex {min-height: 100vh; height: auto; padding-top: 140px;}
#mpBlock1BodyFlex > div:first-child {width: 67%; padding: 80px 0;}
#mpBlock1BodyFlex > div:last-child {width: 33%; padding: 80px 0; align-items: flex-end; padding-left: 7%;}
#mpBlock1BodyFlex > div:first-child > .flex3 {width: 100%;}
#mpBlock1BodyFlex > div:first-child > .flex3 > div:first-child h1 {color: #fff; width: 90%; line-height: 1.15; font-weight: 500; /*font-size: min(max(56px, calc(3.5rem + (70 - 56) * ((100vw - 1320px) / (1920 - 1320)))), 70px); min-height: 0vw;*/ text-shadow: 0px 0px 32px rgba(26, 32, 44, 0.1); font-size: 70px;}
#mpBlock1BodyFlex > div:first-child > .flex3 > div > div {width: 100%;}
#mpBlock1BodyFlexInfo {border-bottom: 1px solid #FFFFFF; padding-bottom: 32px; padding-top: 80px;}
#mpBlock1BodyFlexInfo > div {align-items: flex-end;}
#mpBlock1BodyFlexInfo > div:first-child {width: calc(100% - 266px);}
#mpBlock1BodyFlexInfo > div:last-child {width: 266px;}
#mpBlock1BodyFlexInfo > div:first-child .txt {width: 70%;}
.txt p {line-height: 1.4; margin-top: 20px;}
.txt p:first-child {margin-top: 0px;}
#mpBlock1BodyFlexInfo > div:first-child .txt p {color: #fff; font-size: 24px; font-weight: 500; line-height: 1.2 !important;}
.icons-white {border: 1px solid #fff; background-color: #fff;}
.icons-white svg {width: 18px; height: 18px; position: absolute; top: 50%; margin-top: -9px; left: 50%; margin-left: -9px;}
.icons-white svg path.stroke {stroke: #003DA6;}
#mpBlock1BodyFlexNav > div {align-items: flex-start;}
#mpBlock1BodyFlexNav > div:last-child {width: 40px; padding-top: 32px;}
#mpBlock1BodyFlexNav > div:first-child {width: calc(100% - 40px); padding-top: 12px;}
.mpBlock1BodyFlexNavEl {float: left; margin: 20px 20px 0 0; border-radius: 20px; cursor: pointer; padding: 10px 20px; border: 1px solid #fff; color: #fff; line-height: 1; transition: all 0.2s linear; display: block; text-decoration: none;}
.mpBlock1BodyFlexNavEl--active {background-color: #fff; color: #1A202C; transition: all 0.2s linear;}
#mpBlock1BodyFlexSlide {position: relative; width: 100%; height: auto;}
.mpBlock1BodyFlexSlideEl {width: 100%; height: auto; display: block; visibility: hidden; transition: all 0.2s linear; z-index: 1; position: absolute; right: 0px; bottom: 0px; opacity: 0;}
.mpBlock1BodyFlexSlideEl--active {z-index: 3 !important; visibility: visible; transition: all 0.2s linear; opacity: 1;}
.padding-140 {padding: 140px 0;}
.columns > div {width: 50%; position: relative; align-items: flex-start;}
.columns > div:first-child {padding-right: 10px;}
.columns > div:last-child {padding-left: 10px;}
.label {color: #003DA6; text-transform: uppercase; line-height: 1.3; font-size: 16px;}
.label span {border-bottom: 1px solid #003DA6;}
.txt h2 {font-size: 52px; font-weight: normal; line-height: 1.1; font-weight: 500; margin-bottom: 40px;}
.txt h2:last-child {margin-bottom: 0px;}
.width-85 {width: 85%;}
.txt h4 {font-size: 32px; font-weight: normal; line-height: 1.1; font-weight: 500; margin-bottom: 32px;}
.txt h4:last-child {margin-bottom: 0px;}
.button {float: left; cursor: pointer; background: transparent; border: 1px solid #003DA6; border-radius: 25px; text-decoration: none; color: #003DA6; padding: 4px; transition: all 0.2s linear; font-family: 'Golos Text', sans-serif; font-size: 18px; height: 50px;}
.button > div:first-child {align-items: center; padding: 0px 12px 0 20px; height: 100%;}
.button > div:nth-child(2) {width: 40px;}
.button > div:nth-child(2) .icons {background-color: #3B82F6; border: none;}
.button > div:nth-child(2) .icons img {position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin-left: -9px; margin-top: -9px;}
.button:hover {background-color: #3B82F6; border-color: #3B82F6; color: #fff; transition: all 0.2s linear;}
#mpBlock2 .columns > div:last-child img {width: 80%; height: auto; position: absolute; top: -100px; left: 10%; z-index: 1;}
#mapMark {width: 12px; height: 12px; position: absolute; z-index: 3; top: 28px; left: 275px; background-color: #003DA6; border-radius: 50%; opacity: 0.9;}
#mapMark:before {content: ''; display: block; border-radius: 50%; position: absolute; margin: auto; top: 0; bottom: 0; left: -12px; right: 0; width: 36px; height: 36px; border: 2px solid #003DA6; animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite;}
#mapMark:after {content: ''; display: block; border-radius: 50%; position: absolute; margin: auto; top: 0; bottom: 0; left: -12px; right: 0; width: 36px; height: 36px; border: 2px solid #003DA6; animation: pulse 2s infinite .3s; -webkit-animation: pulse 2s infinite .3s; -moz-animation: pulse 2s infinite .3s; -o-animation: pulse 2s infinite .3s;}
@keyframes pulse {
    0%{
        transform:scale(.1);
        -moz-transform:scale(.1);
        -webkit-transform:scale(.1);
        -o-transform:scale(.1);
        -ms-transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.4
    }
    100%{
        transform:scale(1.6);
        -moz-transform:scale(1.6);
        -webkit-transform:scale(1.6);
        -o-transform:scale(1.6);
        -ms-transform:scale(1.6);
        opacity:0
    }
}
@-webkit-keyframes pulse {
    0%{
        transform:scale(.1);
        -moz-transform:scale(.1);
        -webkit-transform:scale(.1);
        -o-transform:scale(.1);
        -ms-transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.4
    }
    100%{
        transform:scale(1.6);
        -moz-transform:scale(1.6);
        -webkit-transform:scale(1.6);
        -o-transform:scale(1.6);
        -ms-transform:scale(1.6);
        opacity:0
    }
}
@-moz-keyframes pulse {
    0%{
        transform:scale(.1);
        -moz-transform:scale(.1);
        -webkit-transform:scale(.1);
        -o-transform:scale(.1);
        -ms-transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.4
    }
    100%{
        transform:scale(1.6);
        -moz-transform:scale(1.6);
        -webkit-transform:scale(1.6);
        -o-transform:scale(1.6);
        -ms-transform:scale(1.6);
        opacity:0
    }
}
@-o-keyframes pulse {
    0%{
        transform:scale(.1);
        -moz-transform:scale(.1);
        -webkit-transform:scale(.1);
        -o-transform:scale(.1);
        -ms-transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.4
    }
    100%{
        transform:scale(1.6);
        -moz-transform:scale(1.6);
        -webkit-transform:scale(1.6);
        -o-transform:scale(1.6);
        -ms-transform:scale(1.6);
        opacity:0
    }
}
.bg--F3F4F8 {background-color: #F3F4F8;}
.txt h3 {font-size: 40px; font-weight: normal; line-height: 1.1; font-weight: 500; margin-bottom: 32px;}
.txt h3:last-child {margin-bottom: 0px;}
.width-50 {width: 50%; padding-right: 10px;}
.width-50 p {width: 85%;}
#mpBlock3Info {position: relative; z-index: 1;}
#mpBlock3Slider {margin-top: -72px; position: relative; z-index: 2;}
.sliderBtn {width: 72px; height: 72px; border-radius: 50%; border: 1px solid #9CA2AE; position: relative; background: transparent; cursor: pointer; transition: all 0.2s linear;}
.sliderBtn svg {display: block; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px;}
.sliderBtn svg path.stroke {stroke: #9CA2AE; transition: all 0.2s linear;}
.sliderBtn:hover {background-color: #3B82F6; border-color: #3B82F6; transition: all 0.2s linear;}
.sliderBtn:hover svg path.stroke {stroke: #fff; transition: all 0.2s linear;}
#mpBlock3Slider > div {width: 100%;}
#mpBlock3Slider > div:first-child {height: 72px;}
#mpBlock3Slider .sliderBtn {float: right; margin-left: 20px;}
#mpBlock3Slider > div:first-child > div {width: 100%;}
#mpBlock3Slider > div:last-child {padding-top: 32px; margin-top: 32px; border-top: 1px solid #9CA2AE; overflow-x: hidden;}
.slickWrp {width: calc(100% + 20px); margin-left: -20px; position: relative;}
.slickWrp .slick-slide {margin-left: 20px;}
.productSlide {background-color: #FFFFFF; width: 100%; border-radius: 10px; padding: 10px; color: #1A202C; text-decoration: none;}
.productSlide > div:first-child {width: 32%; position: relative; align-items: center; background-color: #E5ECF6; border-radius: 8px;}
.productSlide > div:first-child > div {width: 100%; position: relative; width: 100%;}
.productSlide > div:first-child .ratio {/*background-color: #E5ECF6; border-radius: 8px; overflow: hidden; width: 100%; padding: 16px;*/ width: 100%; padding: 16px;}
.productSlide > div:last-child {width: 68%;}
.productSlide .flex3 {width: 100%;}
.productSlide .flex3 > div:first-child {padding: 12px 12px 0 0;}
.productSlide .flex3 > div:first-child > div {width: 100%;}
.productSlide .flex3 > div:first-child .icons {float: right;}
.productSlide .flex3 > div:last-child {padding: 32px 22px 22px 32px;}
.productSlide .flex3 > div:last-child .txt {width: 100%;}
.productSlide .flex3 > div:last-child .txt h3 {font-size: 32px; margin-bottom: 0px; color: #003DA6;}
.productSlide .flex3 > div:last-child .txt p {font-size: 16px; margin-top: 20px;}
.productSlide:hover .icons {background-color: #3B82F6; border-color: #3B82F6; transition: all 0.2s linear;}
.productSlide:hover .icons svg path.stroke {stroke: #fff; transition: all 0.2s linear;}
.marginBottom-140 {margin-bottom: 140px;}
#mpBanners {position: relative; z-index: 3; margin-top: -140px;}
.gradient {background: linear-gradient(90deg, rgba(0, 61, 166, 0.95) 49.99%, rgba(59, 130, 246, 0.95) 99.86%), #FFF;}
.banner {display: block; width: 100%; height: auto; color: #fff; text-decoration: none; position: relative; border-radius: 10px; overflow: hidden;}
.banner .bannerBg {z-index: 1;}
.banner > .flex {position: relative; width: 65%; margin: 0 auto; z-index: 2; padding: 100px;} 
.banner > .flex > div {justify-content: center;}
.gradient .label {color: #fff;}
.gradient .label span {border-color: #fff;}
.banner > .flex > div .label {width: 100%; text-align: center;}
.banner > .flex > div .txt {text-align: center;}
.button--white {border-color: #fff; background-color: #fff;}
.banner:hover .button {background-color: #3B82F6 !important; border-color: #3B82F6 !important; color: #fff !important;}
.bannerSmall {display: block; width: 100%; height: 260px; border-radius: 10px; overflow: hidden; position: relative; text-decoration: none; margin-top: 20px;}
.bannerSmall > .bg {z-index: 1; transition: all 0.2s linear;}
.bannerSmall--dark:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; background-color: #1A202C; opacity: 0.6; transition: all 0.2s linear;}
.bannerSmall--dark {color: #fff;}
.bannerSmall .flex3 {position: relative; z-index: 3;}
.bannerSmall .flex3 > div:last-child {padding: 32px;}
.bannerSmall .flex3 > div:first-child {padding: 20px 20px 0;}
.bannerSmall .clearfix {width: 100%;}
.bannerSmall .icons {float: right;}
.bannerSmall--dark .icons {border-color: #fff;}
.bannerSmall--dark .icons svg path.stroke {stroke: #fff;}
.bannerSmall--dark:hover .icons {background-color: #fff;}
.bannerSmall--dark:hover .icons svg path.stroke {stroke: #003DA6;}
.bannerSmall--dark:hover .bg {transform: scale(1.1,1.1); transition: all 0.2s linear;}
.bannerSmall--dark:hover:before {opacity: 0.7; transition: all 0.2s linear;}
.bannerSmall--lignt .icons {border-color: #003DA6;}
.bannerSmall--lignt .icons svg path.stroke {stroke: #003DA6;}
.bannerSmall--lignt {color: #003DA6;}
.bannerSmall .txt {width: 60%;}
.bannerSmall--lignt {background: linear-gradient(90deg, #E5ECF6 0%, rgba(229, 236, 246, 0.00) 100%), #F3F4F8;}
.bannerSmall--lignt:hover .icons {background-color: #3B82F6; border-color: #3B82F6;}
.bannerSmall--lignt:hover .icons svg path.stroke {stroke: #fff;}
.bannerSmall--lignt:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; background: url('../img/pattern1.svg') repeat;}
#mpBlock4Body > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;}
#mpBlock4Body > div:nth-child(4n+1) {margin-left: 0px;}
#mpBlock4Body > div:nth-child(-n+4) {margin-top: 0px;}
.blogEl {width: 100%; height: 100%; color: #003DA6; text-decoration: none; border-radius: 10px; background-color: #F3F4F8; display: block;}
.blogEl .flex3 > div:first-child .clearfix {width: 100%;}
.blogEl .flex3 .icons {float: right;}
.blogEl .flex3 > div:first-child {padding: 20px 20px 0;}
#mpBlock4 .blogEl .ratio-inner {padding-top: 80%;}
.blogEl .flex3 > div:last-child {padding: 32px;}
.txt h5 {font-size: 22px; font-weight: normal; line-height: 1.1; font-weight: 500;}
.blogEl .txt p {color: #9CA2AE; line-height: 1; font-size: 16px;}
.blogEl:hover .icons {background-color: #3B82F6; border-color: #3B82F6;}
.blogEl:hover .icons svg path.stroke {stroke: #fff;}
.toBlog > .flex {width: 100%;}
.toBlog > .flex > div {width: 100%; align-items: center;}
.block:last-child {margin-bottom: 140px; padding-bottom: 0px;}
.paddingTop-140 {padding-top: 140px;}
.partnersEl {width: 100%; height: auto; position: relative;}
.partnersEl > .ratio {width: 100%;}
.partnersEl .ratio-inner {padding-top: 44%;}
#footerTop {padding: 56px 0;}
#footerTopInfo > p {font-size: 32px; font-weight: 500; line-height: 1;}
#footerTopInfo > p a, #footerTopInfo > p a:visited, #footerTopInfo > div p a, #footerTopInfo > div p a:visited, #footerBottom > div:last-child p a, #footerBottom > div:last-child p a:visited {color: #fff; text-decoration: none; transition: all 0.2s linear;}
#footerTopInfo > div p {color: #fff; line-height: 1.2; margin-top: 8px;}
#footerTopInfo > div p:first-child {margin-top: 20px;}
.button--transparent {background-color: transparent; border-color: #fff;}
.button--transparent > div:first-child {color: #fff;}
.button--noicon {height: 48px;}
.button--noicon > div:last-child {display: none;}
.button--noicon > div:first-child {padding: 0 24px;}
#footerTop > div:last-child > .flex {width: 100%;}
#footerTop > div:last-child > .flex > div {vertical-align: flex-start; position: relative;}
#footerTop > div:last-child > .flex > div:last-child {width: 40px;}
#footerTop > div:last-child > .flex > div:first-child {width: calc(100% - 40px);}
#footerTop > div:last-child > .flex > div:last-child .icons {border-color: #fff; background-color: transparent;}
#footerTop > div:last-child > .flex > div:last-child .icons svg path.stroke {stroke: #fff;}
#footerTop > div:last-child > .flex > div:last-child .icons:hover {background-color: #3B82F6; border-color: #3B82F6;}
#footerTop > div:last-child > .flex > div:last-child .icons:hover svg path.stroke {stroke: #fff;}
#footerTop > div:last-child > .flex > div:first-child > div {width: 80%; position: relative;}
#footerTop > div:last-child > .flex > div:first-child > div > div {width: 50%; padding-right: 32px;}
#footerTopMenu ul {list-style: none;}
#footerTopMenu ul > li {margin-top: 12px;}
#footerTopMenu ul > li:first-child {margin-top: 0px;}
#footerTopMenu ul > li a, #footerTopMenu ul > li a:visited {color: #fff; text-decoration: none; font-size: 18px; line-height: 1.2;}
#footerBottom {padding: 44px 0 40px;}
#footerBottom > div {color: #fff; font-size: 16px;}
#footerBottom > div:last-child p {float: left; margin-right: 32px;}
#footerTopMenu ul > li a:hover, #footerTopInfo > div p a:hover, #footerBottom > div:last-child p a:hover {color: #9CA2AE; transition: all 0.2s linear;}
#innerTop {margin-top: 64px;}
#breadcrumbs {list-style: none;}
#breadcrumbs > li {float: left; margin-right: 10px; margin-bottom: 10px; font-size: 13px; text-transform: uppercase; line-height: 1; color: #72797E;}
#breadcrumbs > li a, #breadcrumbs > li a:visited {color: #003DA6; text-decoration: none;}
#innerTop h1 {margin-top: 14px; font-size: 64px; font-weight: 500; line-height: 1.1; /*margin-left: -6px;*/ width: 80%;}
.textBig p {font-size: 22px; line-height: 1.3; font-weight: 500;}
.width-50.textBig p {width: 100%;}
.catalog > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;}
.catalog > div:nth-child(-n+2) {margin-top: 0px;}
.catalog > div:nth-child(2n+1) {margin-left: 0px;}
.categoryInfo {position: relative; z-index: 1;}
.categorySlider {margin-top: -72px; position: relative; z-index: 2;}
.categorySlider > div {width: 100%;}
.categorySlider > div:first-child {height: 72px;}
.categorySlider .sliderBtn {float: right; margin-left: 20px;}
.categorySlider > div:first-child > div {width: 100%;}
.categorySlider > div:last-child {padding-top: 32px; margin-top: 32px; border-top: 1px solid #9CA2AE; overflow-x: hidden;}
.categoryItem {width: 100%; background-color: #fff; border-radius: 10px; padding: 10px;}
.categoryItem > a {width: 100%; background-color: #E5ECF6; border-radius: 8px; display: block; position: relative; padding: 32px;}
.categoryItem > a .ratio-inner {padding-top: 80%;}
.categoryItem > .flex3 {width: 100%; padding: 32px 22px 22px}
.categoryItem > .flex3 > div {width: 100%;}
.marginTop-20 {margin-top: 20px;}
.categoryItem .txt h5 {color: #003DA6;}
.categoryItem .flex3 > div > div {width: 100%;}
.categoryItem .flex3 > div:first-child {padding-bottom: 40px;}
.categoryItem .columns, .categoryItem .columns > div > div {width: 100%;}
.categoryItemProp {width: 100%; border-bottom: 1px solid #9CA2AE;}
.categoryItemProp:last-child {border-bottom: none;}
.categoryItemProp > div {padding: 6px 0; font-size: 15px;}
.categoryItemProp > div:last-child {justify-content: flex-end; width: 40%;}
.categoryItemProp > div:first-child {width: 60%;}
.category {margin-top: 100px;}
.category:first-child {margin-top: 0px;}
#distributors > div:first-child {width: 32%; background-color: #E5ECF6; border-radius: 10px; overflow: hidden;}
#distributors > div:last-child {width: calc(68% - 20px); margin-left: 20px; border-radius: 10px; overflow: hidden; background-color: #fff; height: 780px;}
#distributors .flex2 > div:first-child {padding: 32px;}
#distributors .flex2 > div:first-child > div {width: 100%; border-bottom: 1px solid #9CA2AE; padding-bottom: 32px;}
.input {width: 100%; padding: 0 20px; height: 48px; background-color: #fff; color: #1A202C; font-weight: normal; font-size: 18px; font-family: 'Golos Text', sans-serif; border-radius: 8px; margin-top: 20px; transition: all 0.2s linear;}
.input:first-child {margin-top: 0px;}
#distributors .flex2 > div:last-child {padding: 0 0 32px; align-items: flex-start; position: relative;}
#distributorsList {overflow: auto; width: 100%; height: calc(100% - 32px); position: absolute; top: 0; left: 0; right: 0; bottom: 0;} 
#distributorsList > div {overflow: auto;}
#distributorsListBody {width: 100%; padding: 0px 32px;}
.distributorsListBodyEl {width: 100%; padding: 24px; background-color: #fff; border-radius: 10px; cursor: pointer; margin-top: 9px; transition: all 0.2s linear; margin-bottom: 1px;}
.distributorsListBodyEl--active {box-shadow:0px 1px 0px #003DA6,0px -1px 0px #003DA6,1px 0px 0px #003DA6,-1px 0px 0px #003DA6; transition: all 0.2s linear;}
.distributorsListBodyEl:first-child {margin-top: 1px;}
.distributorsListBodyEl .txt h5 {color: #003DA6;}
.distributorsListBodyTop > div {align-items: center; position: relative;}
.distributorsListBodyTop > div:last-child {width: 24px;}
.distributorsListBodyTop > div:first-child {width: calc(100% - 24px); padding-right: 24px;}
.distributorsListBodyTop > div:last-child div {display: block; width: 24px; height: 24px; overflow: hidden; border-radius: 50%; position: relative;}
.distributorsListBodyEl .categoryItemProp > div:first-child {width: 40%;}
.distributorsListBodyEl .categoryItemProp > div:last-child {width: 60%; text-align: right;}
#contacts > div:first-child {width: 32%; background-color: #fff; border-radius: 10px; overflow: hidden; padding: 32px;}
#contacts > div:last-child {width: calc(68% - 20px); margin-left: 20px; border-radius: 10px; overflow: hidden; min-height: 460px; position: relative;}
#map {width: 100%; height: 100%;}
.ymaps-2-1-79-map-copyrights-promo, .ymaps-2-1-79-copyright__wrap {display: none !important;}
.phone {font-size: 32px; line-height: 1; font-weight: normal;}
.phone a, .phone a:visited {color: #1A202C; text-decoration: none;}
.contactsEl {margin-top: 32px;}
.contactsEl:first-child {margin-top: 0px;}
.contactsEl p {margin-top: 8px; line-height: 1.3;}
.contactsEl p:nth-child(2) {margin-top: 12px;}
#form {background-color: #E5ECF6; border-radius: 10px; overflow: hidden;}
#form > div:first-child {width: 32%; padding: 32px;}
#form > div:last-child {width: 68%; padding: 32px 32px 32px 20px;}
#form > div:first-child .flex2 > div:last-child {padding-top: 48px;}
#form > div:last-child > div {width: 100%;}
.input--two {width: calc((100% - 20px) / 2); margin-left: 20px; float: left;}
.input--two:nth-child(2n+1) {margin-left: 0px;}
.input--two:nth-child(-n+2) {margin-top: 0px;}
.textarea {width: 100%; padding: 16px 20px; height: 140px; background-color: #fff; color: #1A202C; font-weight: normal; font-size: 18px; font-family: 'Golos Text', sans-serif; border-radius: 8px; margin-top: 20px; transition: all 0.2s linear;}
.button--primary {border-color: #003DA6; background-color: #003DA6; color: #fff;}
#about {width: 100%; height: auto; position: relative; overflow: hidden; z-index: 1; margin-top: -140px; background: linear-gradient(90deg, rgba(0, 61, 166, 0.95) 49.99%, rgba(59, 130, 246, 0.95) 99.86%), #FFF;}
#about:before {content: ''; display: block; width: 100%; height: 100%; z-index: 1; position: absolute; background: url('../img/pattern2.svg') repeat;}
#aboutTop {position: relative; z-index: 2; min-height: 100vh; height: auto; padding-top: 140px;}
#aboutTop #breadcrumbs {margin-top: 64px;}
#aboutTop #breadcrumbs li {color: #E5ECF6;}
#aboutTop #breadcrumbs li a, #aboutTop #breadcrumbs li a:visited {color: #E5ECF6;}
#aboutTop h1 {margin-top: 14px; font-size: 64px; font-weight: 500; line-height: 1.1; margin-left: -6px; color: #fff; width: 80%;}
#aboutTop > div:last-child {padding: 80px 0;}
#aboutTop > div:last-child .columns > div {padding-right: 80px;}
#aboutTop .label {color: #fff;}
#aboutTop .label span {border-color: #fff;}
#aboutTop .txt h4 {color: #fff;}
#advantages .flex2 > div:last-child {padding-top: 48px;}
.advantagesEl {width: 100%; padding: 32px 0; border-top: 1px solid #9CA2AE;}
.advantagesEl:first-child {padding-top: 0px; border-top: none;}
.advantagesEl > div {position: relative; align-items: flex-start;}
.advantagesEl > div:first-child {justify-content: center; width: 14%;}
.advantagesEl > div:last-child {width: 86%; padding-left: 20px;}
.advantagesEl .txt h5 {color: #003DA6;}
.advantagesEl:last-child {padding-bottom: 0px;}
.faqListEl {width: 100%; border-bottom: 1px solid #9CA2AE;}
.faqListEl:first-child {border-top: 1px solid #9CA2AE;}
.faqListElTop {cursor: pointer; padding: 16px 0;}
.faqListElTop > div {align-items: center;}
.faqListElTop > div:last-child {width: 40px;}
.faqListElTop > div:last-child .icons {background-color: #E5ECF6; border-color: #E5ECF6;}
.faqListElTop > div:last-child .icons:hover {background-color: #E5ECF6 !important; border-color: #E5ECF6 !important;}
.faqListElTop > div:last-child .icons:hover svg path.stroke {stroke: #1A202C !important;}
.faqListElTop > div:first-child {width: calc(100% - 40px); padding-right: 20px;}
.faqListElBody {padding: 10px 0 32px; display: none;}
.faqListEl--open .faqListElBody {display: block;}
.faqListEl--open .faqListElTop > div:last-child .icons {transform: rotate(180deg);}
#faq .columns > div:last-child > div {width: 65%; margin-left: 35%; position: relative; border-radius: 10px; overflow: hidden;}
#innerBlog > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;}
#innerBlog > div:nth-child(3n+1) {margin-left: 0px;}
#innerBlog > div:nth-child(-n+3) {margin-top: 0px;}
#innerBlog .blogEl .ratio-inner {padding-top: 56.6%;}
#innerBlog .blogEl {background-color: #E5ECF6;}
#mapBlockBody {width: 100%; height: 100%;}
#loader {width: 56px; height: 56px; position: relative;}
#loader > img {width: 100%; height: 100%;}
#bottom #loader {margin: 0 auto;}
#topBodyMenuBtn {display: none;}
#mpToBlog, #footerMenuBtn {display: none;}
.marginTop-0 {margin-top: 0px !important;}
#innerFaq .columns-2-50 > div:first-child {width: 60%; padding-right: 64px;}
#innerFaq .columns-2-50 > div:last-child {width: 40%;}
#innerFaq #faqList {width: 100%;}
.galleryBody {width: 100%; position: relative;}
.galleryBodyEl {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; display: block; position: relative; float: left; border-radius: 10px; overflow: hidden;}
.galleryBodyEl:nth-child(-n+4) {margin-top: 0px;}
.galleryBodyEl:nth-child(4n+1) {margin-left: 0px;}
.galleryBodyEl .ratio {width: 100%; position: relative;}
.galleryBodyEl .ratio .bg {transition: all 0.2s linear;}
.galleryBodyEl:hover .ratio .bg {transform: scale(1.1, 1.1); transition: all 0.2s linear;}
.ratio-16-9 {padding-top: 56.25%;}
#mdl {width: 640px; padding: 40px; background-color: #F3F4F8; color: #1A202C; display: none; text-align: center;}
#panel {width: 460px; display: block; position: fixed; background-color: #E5ECF6; top: 0px; bottom: 0px; right: -460px; z-index: 20; transition: all 0.2s linear; height: 100%; box-shadow: 0px 4px 100px 0px rgba(1, 7, 42, 0.05);}
#panelTop {padding: 41px 48px;}
#panelTop > div svg {display: block; width: 32px; height: 22px; padding: 0px; float: right;}
#panelTop > div svg path {fill: #1A202C; transition: all 0.2s linear;}
.panelClose {cursor: pointer;}
.panelClose:hover svg path {fill: #3B82F6 !important; transition: all 0.2s linear;}
#panelBody {height: calc(100% - 104px); position: relative; padding: 40px 48px 40px; position: relative;}
#panelBody > div {height: 100%; width: 100%; overflow-y: auto;}
#panelBody ul {list-style: none;}
#panelBody ul li {margin-top: 20px;}
#panelBody ul li:first-child {margin-top: 0px;}
#panelBody ul li a, #panelBody ul li a:visited {color: #1A202C; font-size: 22px; font-weight: 500; text-decoration: none; transition: all 0.2s linear;}
#panelBody ul li a:hover {color: #3B82F6;}
.red--color {background-color: #FFEBF1; transition: all 0.2s linear;}
#mdl #loader {margin: 0 auto; margin-top: 32px;}
p > b, p > strong {font-weight: 500;}
#innerSearch {width: 100%;}
#innerSearch > div:first-child {flex: 1 1 0; padding-right: 20px;}
.innerSearchBodyEl {width: 100%; color: #1A202C; text-decoration: none; padding: 20px 0; border-bottom: 1px solid #9CA2AE; display: block;}
.innerSearchBodyEl .txt h5 {margin-bottom: 6px;}
.innerSearchBodyEl:first-child {padding-top: 0px !important;}
.innerSearchBodyEl:last-child {padding-bottom: 0px !important; border-bottom: none;}
.width-70 {width: 70%;}
.txt a, .txt a:visited {color: #003DA6; text-decoration: none; border-bottom: 1px solid #003DA6; transition: all 0.2s linear;}
.txt a:hover {color: #3B82F6; border-color: #3B82F6; transition: all 0.2s linear;}

.innerCategoryEl {padding: 40px; background-color: #fff; border-radius: 10px; margin-top: 20px;}
.innerCategoryEl:first-child {margin-top: 0px;}
.innerCategoryElInfo {width: 60%; position: relative; z-index: 1;}
.innerCategoryElInfo > div:first-child {width: 26%; position: relative; align-items: center; background-color: #E5ECF6; border-radius: 8px;}
.innerCategoryElInfo > div:last-child {padding-left: 32px; width: 74%; align-items: flex-end}
.innerCategoryElInfo > div:first-child > div {width: 100%; position: relative; padding: 16px;}
.innerCategoryElInfo .txt h3 {color: #003DA6; margin-bottom: 0px;}
.innerCategoryElChild {margin-top: -72px; position: relative; z-index: 2;}
.innerCategoryElChild > div:first-child {height: 72px;}
.innerCategoryElChild > div:first-child > div {width: 100%;}
.innerCategoryElChild .sliderBtn {float: right; margin-left: 20px;}
.innerCategoryElChild > div:last-child {padding-top: 32px; margin-top: 32px; border-top: 1px solid #9CA2AE; overflow-x: hidden;}
.innerCategoryElChild > div {width: 100%;}
.subcategoryEl {padding: 32px; border-radius: 10px; background-color: #F3F4F8; cursor: pointer;}
.subcategoryEl .txt h4 {margin-bottom: 24px; font-size: 24px;}
.subcategoryEl .txt p {font-size: 16px;}
.subcategoryEl .txt {width: 90%;}
.subcategoryEl .button {margin-top: 32px;}
.subcategoryEl:hover .button {background-color: #3B82F6; border-color: #3B82F6; transition: all 0.2s linear;}
.subcategoryEl:hover .button > div:first-child {color: #fff; transition: all 0.2s linear;}
.scrollTracking, .scrollTracking3 {opacity: 0;}
.scrollTracking.scrollTracking--active, .scrollTracking3.scrollTracking--active {opacity: 1; -webkit-transition: all 0.6s 0.2s ease; -moz-transition: all 0.6s 0.2s ease; -o-transition: all 0.6s 0.2s ease; transition: all 0.6s 0.2s ease;}
.scrollTracking2 {-moz-transform: translate(0px, 80px); -webkit-transform: translate(0px, 80px); -o-transform: translate(0px, 80px); -ms-transform: translate(0px, 80px); transform: translate(0px, 80px); opacity: 0; -webkit-transition: all 0.3s 0.2s ease; -moz-transition: all 0.3s 0.2s ease; -o-transition: all 0.3s 0.2s ease; transition: all 0.3s 0.2s ease;}
.scrollTracking2.scrollTracking--active {-moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}