* { 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: #2C2D2F; background-color: #F8F8F8; font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 18px; overflow-x: hidden; min-width: 320px; position: relative; max-height: 99999px; -webkit-overflow-scrolling: touch;}
.wrap {min-height: 100%;}
#main {padding-bottom: 320px; position: relative; z-index: 2;}
footer {min-height: 320px; margin-top: -320px; position: relative; background-color: #223B58; z-index: 2;}
.centered {width: 1428px; margin: 0 auto;}
.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;}
.marginBottom-160 {margin-bottom: 160px;}

#top {position: relative; z-index: 2; width: 100%;}
#topBody {width: 100%; padding: 16px 0;}
#topBody > div {align-items: center; position: relative;}
#topBody > div:first-child, #topBody > div:last-child {width: 190px; z-index: 2;}
#topBody > div:nth-child(2) {width: calc(100% - 380px); padding: 0 16px; z-index: 1;}
#topBody > div:nth-child(2) > div {width: 100%;}
#topBody > div:nth-child(2) ul {list-style: none;}
#topBody > div:nth-child(2) ul > li {float: left;}
#topBody > div:nth-child(2) ul > li a, #topBody > div:nth-child(2) ul > li a:visited {color: #fff; display: block; padding: 0 32px; line-height: 32px; text-decoration: none; font-weight: 500; font-size: 16px; transition: all 0.2s linear;}
#topBody > div:nth-child(2) ul > li a:hover, .menuA--active {color: #ADE8EB !important; transition: all 0.2s linear;}
#topBody > div:last-child > .flex {width: 100%;}
#topBody > div:last-child > .flex > div:first-child {width: calc(100% - 32px); padding-right: 56px;}
#topBody > div:last-child > .flex > div:last-child {width: 32px;}
.topBodyLang {width: 100%;}
.topBodyLang > div {align-items: center;}
.topBodyLang > div:first-child, .topBodyLang > div:last-child {width: 20px;}
.topBodyLang > div:nth-child(2) {width: calc(100% - 40px); padding: 0 10px;}
.topBodyLang > div:nth-child(2) span {width: 100%; height: 1px; display: block; background-color: #ADE8EB;}
.topBodyLang > div p {line-height: 1; font-size: 14px; text-transform: uppercase; font-weight: 500; width: 100%; text-align: center; display: block; color: #ADE8EB;}
.topBodyLang > div p a, .topBodyLang > div p a:visited {color: #EDEDED; text-decoration: none; transition: all 0.2s linear;}
.topBodyLang > div p a:hover {color: #fff; transition: all 0.2s linear;}
#topBodyMenu {display: block; width: 32px; height: 22px; position: relative; cursor: pointer;}
#topBodyMenu svg {width: 100%; height: 100%;}
#topBodyMenu svg path {fill: #fff; transition: all 0.2s linear;}
#topBodyMenu:hover svg path {fill: #ADE8EB; transition: all 0.2s linear;}
.block {position: relative; width: 100%;}
.block--first {z-index: 1; /*margin-top: -104px;*/}
#mpBlock1 {/*background: url('../img/bg1.jpg') no-repeat; background-size: cover; background-position: 50% 50%;*/ position: relative; height: auto;}
#mpBlock1Img {z-index: 2;}
#mpBlock1Vid {z-index: 1;}
#mpBlock1:before {content: ''; display: block; width: 100%; height: 100%; z-index: 3; position: absolute; top: 0px; left: 0px; background-color: rgba(32, 57, 86, 0.20); transition: all 0.2s linear;}
#mpBlock1.mpBlock1Vid:before {background-color: rgba(32, 57, 86, 0.70);transition: all 0.2s linear;}
#mpBlock1 .centered {position: relative; z-index: 4;}
#mpBlock1Body {min-height: 100vh; max-height: 980px; width: 100%; position: relative; z-index: 1;}
#mpBlock1Body > div {width: 60%; align-items: center; padding: 200px 0 160px;}
.mpBlock1BodyBlock1 h1 {font-size: 77px; font-weight: 500; font-family: 'Roboto Flex', sans-serif; line-height: 1.1; color: #fff;}
.mpBlock1BodyBlock1 p {margin-top: 24px; font-size: 40px; color: #fff; line-height: 1.1; font-family: 'Roboto Flex', sans-serif; width: 80%}
.mpBlock1BodyBlock2 {margin-top: 120px;}
.mpBlock1BodyBlock2 > p {color: #fff; line-height: 1.1; font-size: 32px; font-family: 'Roboto Flex', sans-serif;}
.mpBlock1BodyBlock2El {margin-top: 32px; margin-right: 64px; float: left;}
.mpBlock1BodyBlock2El > p:first-child {font-size: 40px; color: #ADE8EB; line-height: 1;}
.mpBlock1BodyBlock2El > p:last-child {font-size: 16px; color: #fff; line-height: 1.2; margin-top: 6px;}
#mpBlock1 .round {position: absolute; right: 0px; bottom: 40px; z-index: 2;}
.round {width: 64px; height: 64px; display: block; border-radius: 50%; border: 1px solid #fff; cursor: pointer; padding: 18px;}
.round:hover {background-color: #fff;}
.round svg {width: 26px; height: 26px; display: block; transition: all 0.2s linear;}
.round svg path {fill: #fff; transition: all 0.2s linear;}
.round:hover svg path {fill: #203956; transition: all 0.2s linear;}
.columns > div {align-items: flex-start; position: relative;}
.columns > div > div {width: 100%;}
.columns-2-40 > div:first-child {width: 40%; padding-right: 8%;}
.columns-2-40 > div:last-child {width: 60%;}
.padding-160 {padding: 160px 0;}
.width-70 {width: 70%;}
.txt h2 {font-size: 56px; line-height: 1.15; color: #203956; font-family: 'Roboto Flex', sans-serif; font-weight: 500; margin-bottom: 40px;}
.txt h2:last-child {margin-bottom: 0px;}
.button {float: left; color: #2C2D2F; text-decoration: none; cursor: pointer;}
.button > div {align-items: center;}
.button > div:nth-child(2) {width: 109px; position: relative;}
.button > div:first-child {width: calc(100% - 109px); padding-right: 16px; font-size: 14px; text-transform: uppercase; line-height: 1.2; transition: all 0.2s linear;}
.button > div:nth-child(2):before {content: ''; width: 77px; height: 1px; position: absolute; top: 50%; left: 0px; background-color: #3974A3; display: block; z-index: 2; transition: all 0.2s linear;}
.button > div:nth-child(2) > span {width: 64px; height: 64px; border: 1px solid #3974A3; border-radius: 50%; position: relative; z-index: 1; margin-left: 45px; transition: all 0.2s linear; display: block;}
.button:hover > div:first-child {color: #3974A3;}
.button:hover > div:nth-child(2):before {left: 16px; transition: all 0.2s linear;}
#mpBlock2Slider {width: calc(100% + ((100vw - 1428px) / 2)); position: relative;}
#mpBlock2SliderWrp {/*width: 1429px;*/ width: 132%; margin-left: -12px;}
#mpBlock2Slider .slick {z-index: 1;}
#mpBlock2SliderWrp .slick-slide {margin: 0 12px; position: relative;}
.mpBlock2SliderEl {width: 100%; height: auto; position: relative; display: block;}
.mpBlock2SliderEl .ratio {overflow: hidden;}
.mpBlock2SliderEl .bg {transition: all 0.2s linear;}
.mpBlock2SliderEl:hover .bg {transform: scale(1.1,1.1); transition: all 0.2s linear;}
#mpBlock2 .columns-2-40 > div:first-child > div {height: 100%;}
#mpBlock2Slider .round {position: absolute; top: 50%; margin-top: -32px; z-index: 2;}
#mpBlock2Slider--prev {left: 32px;}
#mpBlock2Slider--next {right: 32px;}
.gradient > .bg {z-index: 1;}
.gradient .centered {z-index: 3; position: relative;}
.gradient:before {content: ''; display: block; width: 100%; height: 200px; top: 0px; left: 0px; z-index: 2; position: absolute; background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0.00) 100%);}
.gradient:after {content: ''; display: block; width: 100%; height: 200px; bottom: 0px; left: 0px; z-index: 2; position: absolute; background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0.00) 100%); transform: rotate(180deg);}
.txt p {margin-top: 24px; line-height: 1.5;}
.txt p:first-child {margin-top: 0px;}
#mpBlock3Content {width: 40%; margin-left: 60%;}
.mpBlock3ContentEl h2 {color: #fff;}
.mpBlock3ContentEl p {color: #fff; width: 90%;}
.txt img {max-width: 100%;}
.mpBlock3ContentEl {margin-top: 56px;}
.mpBlock3ContentEl:first-child {margin-top: 0px;}
.blockTop > div:first-child {width: calc(100% - 460px);}
.blockTop > div:last-child {width: 460px;}
.blockTop .button {float: right;}
.txt h3 {font-size: 40px; line-height: 1.15; font-weight: 500; margin-top: 32px; font-family: 'Roboto Flex', sans-serif; color: #3974A3; margin-bottom: 32px;}
.txt h3:first-child {margin-top: 0px;}
.txt h3:last-child {margin-bottom: 0px;}
.productSliderElLink {cursor: pointer;}
.productSliderBody h3 {color: #2C2D2F;}
.productSliderTableEl {width: 100%; padding: 20px 0; border-bottom: 1px solid #2C2D2F;}
.productSliderTableEl:first-child {border-top: 1px solid #2C2D2F;}
.productSliderTableEl > div {align-items: center;}
.productSliderTableEl > div:first-child {width: calc(100% - 180px); padding-right: 20px;}
.productSliderTableEl > div:last-child {width: 180px; font-size: 30px; font-weight: 400; justify-content: right; line-height: 1.15;}
.productSliderBody img {width: 100%; height: auto; display: block;}
#productSlider .round {float: right; margin-left: 16px;}
.round--blue {border-color: #3974A3;}
.round--blue svg path {fill: #3974A3;}
.round--blue:hover {border-color: #3974A3; background-color: #3974A3;}
.round--blue:hover svg path {fill: #fff;}
.productSliderBody > div:nth-child(2) {align-items: center;}
.bg--2C2D2F {background-color: #2C2D2F;}
.bg--2C2D2F .txt h2, .bg--2C2D2F .txt h3 {color: #fff;}
.link {color: #FFFFFF; text-decoration: none; transition: all 0.2s linear; font-size: 14px; text-transform: uppercase; line-height: 1.15; border-bottom: 1px solid #FFFFFF;}
.link:hover, .blogItemsEl:hover .link {color: #ADE8EB; border-color: #ADE8EB; transition: all 0.2s linear;}
.blockTop > div {align-items: center;}
.blockTop .link {float: right;}
.blogItems > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 80px; position: relative;}
.blogItems > div:nth-child(2n+1) {margin-left: 0px;}
.blogItems > div:nth-child(-n+2) {margin-top: 0px;}
.blogItemsEl {color: #FFFFFF; text-decoration: none; width: 100%; height: 100%;}
.blogItemsEl > div {align-items: flex-start;}
.blogItemsEl > div:first-child {width: 35%;}
.blogItemsEl > div:first-child .ratio {width: 100%; position: relative; overflow: hidden;}
.blogItemsEl > div:first-child .ratio .bg {transition: all 0.2s linear;}
.blogItemsEl:hover > div:first-child .ratio .bg {transform: scale(1.1,1.1); transition: all 0.2s linear;}
.blogItemsEl > div:last-child {width: 65%; padding-left: 40px; padding-right: 16px;}
.blogItemsEl > div:last-child > div {width: 100%; height: 100%; position: relative; padding: 16px 0;}
.blogItemsElDate {/*font-weight: 500;*/ line-height: 1;}
.txt h6 {font-weight: 500; font-size: 24px; line-height: 1.15; font-family: 'Roboto Flex', sans-serif; color: #2C2D2F; margin-top: 24px;}
.txt h6:first-child {margin-top: 0px;}
.blogItemsEl .txt h6 {color: #fff;}
.blogItemsEl .link {float: left; margin-top: 24px;}
#footerBody > div {align-items: flex-start; position: relative;}
#footerBody > div > div {width: 100%; position: relative;}
#footerBody > div:first-child, #footerBottom > div:first-child {width: 40%; padding-right: 12px;}
/*#footerBody > div:nth-child(2),*/ #footerBottom > div:nth-child(2) {width: 267px; padding-left: 12px;}
/*#footerBody > div:nth-child(3),*/ #footerBottom > div:nth-child(3) {width: calc(60% - 267px); padding-left: 40px;}
#footerBody > div:nth-child(2) {width: 60%; padding-left: 12px;}
#footerBody > div:nth-child(2) > .flex {width: 100%; position: relative;}
/*#footerBody > div:nth-child(2) > .flex > div:last-child {width: calc(100% - 252px); padding-left: 12px;}
#footerBody > div:nth-child(2) > .flex > div:first-child {width: 252px; padding-left: 0px;}*/

#footerBody > div:nth-child(2) > .flex > div {width: calc((100% - 80px) / 3); margin-left: 40px; margin-top: 40px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(3n+1) {margin-left: 0px;}
#footerBody > div:nth-child(2) > .flex > div:nth-child(-n+3) {margin-top: 0px;}

#footerBody {padding: 48px 0;}
#footerBodyLogo img {width: 160px; height: auto; display: block;}
.footerBodyInfo > p {font-size: 32px; line-height: 1;}
.footerBodyInfo > p a, .footerBodyInfo > p a:visited {color: #fff; text-decoration: none;}
.footerBodyInfo .flex {margin-top: 10px;}
.footerBodyInfo .flex > div {align-items: center;}
.footerBodyInfo .flex > div:first-child {width: 20px;}
.footerBodyInfo .flex > div:first-child img {width: 20px; height: 18px; display: block;}
.footerBodyInfo .flex > div:last-child {width: calc(100% - 20px); padding-left: 10px;}
.footerBodyInfo .flex > div:last-child p {font-weight: 500; line-height: 1.15;}
.footerBodyInfo .flex > div:last-child p a, .footerBodyInfo .flex > div:last-child p a:visited {color: #fff; text-decoration: none;}
#footerBodyMenu, #footerBodyMenu2 {list-style: none;}
#footerBodyMenu li, #footerBody > div:nth-child(3) p, #footerBodyMenu2 li, #footerBody > div:nth-child(2) > .flex > div:last-child p {margin-top: 12px;}
#footerBodyMenu li:first-child, #footerBody > div:nth-child(2) > .flex > div:last-child p:first-child, #footerBodyMenu2 li:first-child {margin-top: 0px;}
#footerBodyMenu li a, #footerBodyMenu li a:visited, #footerBody > div:nth-child(2) > .flex > div:last-child p a, #footerBody > div:nth-child(2) > .flex > div:last-child p a:visited, #footerBodyMenu2 li a, #footerBodyMenu2 li a:visited {color: #fff; font-weight: normal; font-size: 16px; text-decoration: none; transition: all 0.2s linear;}
#footerBodyMenu li a:hover, #footerBody > div:nth-child(2) > .flex > div:last-child p a:not(.call):hover {color: #ADE8EB; transition: all 0.2s linear;}
.call {cursor: pointer; color: #ADE8EB !important;}
#footerBottom {padding: 0 0 32px;}
#footerBottom > div {align-items: flex-end;}
#footerBottom > div:first-child p {font-size: 14px; text-transform: uppercase; color: #fff;}
.share {cursor: pointer;}
#footerBottom > div:nth-child(3) > .flex  {width: 100%;}
#footerBottom > div:nth-child(3) > .flex > div {align-items: flex-end;}
#footerBottom > div:nth-child(3) > .flex > div:first-child {width: calc(100% - 64px); padding-right: 24px;}
#footerBottom > div:nth-child(3) > .flex > div:last-child {width: 64px;}
#ii {position: relative; padding-left: 36px; color: #fff; font-size: 14px; text-transform: uppercase; text-decoration: none;}
#ii span {border-bottom: 1px solid #fff; transition: all 0.2s linear;}
#ii:before {content: ''; display: block; width: 26px; height: 20px; background: url('../img/ii.svg') no-repeat; width: 26px; height: 20px; position: absolute; left: 0px; margin-top: -4px;}
#ii:hover span {border-color: #ADE8EB; color: #ADE8EB; transition: all 0.2s linear;}
.banner {width: 100%; position: relative; overflow: hidden; display: block; height: auto; text-decoration: none; color: #ADE8EB;}
.banner > .bg {z-index: 1; transition: all 0.2s linear;}
.banner:hover > .bg {transform: scale(1.1, 1.1); transition: all 0.2s linear;}
.banner > .ratio {position: relative; width: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.65);}
.banner .flex3 {width: 100%; height: 100%; padding: 0px 80px 80px;}
.banner--big .ratio-inner {padding-top: 58%;}
.banner--big .flex3 .clearfix {width: 100%;}
.banner--big .flex3 .button {float: right;}
.button--white {color: #fff;}
.button--white > div:nth-child(2):before {background-color: #fff;}
.button--white > div:nth-child(2) > span {border-color: #fff;}
.button:hover > div:first-child {color: #3974A3;}
.button:hover > div:nth-child(2):before {left: 16px; transition: all 0.2s linear;}
.button--white:hover > div:first-child {color: #ADE8EB;}
.banner:hover .button--white > div:first-child {color: #ADE8EB;}
.banner:hover .button--white > div:nth-child(2):before {left: 16px; transition: all 0.2s linear;}
.banner--big .flex3 .txt {width: 100%; text-align: center;}
.txt h5 {font-size: 32px; font-weight: 500; line-height: 1.15; font-family: 'Roboto Flex', sans-serif; margin-top: 24px;}
.txt h5:first-child {margin-top: 0px;}
.banner--big .flex3 > div:first-child {align-items: center;}
#innerBg {width: 100%; height: 100%; position: absolute; z-index: 1; top: 0px; left: 0px;}
.bgFixed #innerBg {min-height: 960px; height: 100vh;}
#innerBg .bg {overflow: hidden;}
#innerBg .bg {transition: all 0.05s linear;}

#innerBg .bg {z-index: 1;}
#innerBg:after {content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; z-index: 2; background-color: rgba(32, 57, 86, 0.70);}
.columns-2-60 > div:first-child {width: 60%;}
.columns-2-60 > div:last-child {width: 40%; padding-left: 10%;}
#innerTop {position: relative; z-index: 3;}
#innerTopBody {padding-top: 200px;}
.txt h1 {font-size: 77px; font-weight: 500; line-height: 1; font-family: 'Roboto Flex', sans-serif;}
#innerTopBody .txt h1 {color: #fff;}
#breadcrumbs {margin-top: 16px; width: 100%; list-style: none;}
#breadcrumbs > li {float: left; margin-right: 8px; margin-top: 8px; font-size: 12px; text-transform: uppercase; color: #ADE8EB; font-weight: 500;}
#breadcrumbs > li a, #breadcrumbs > li a:visited {color: #ADE8EB; text-decoration: none; transition: all 0.2s linear;}
#breadcrumbs > li a:hover {color: #fff; transition: all 0.2s linear;}
#sideMenu {list-style: none;}
#sideMenu > li {margin-top: 16px;}
#sideMenu > li:first-child {margin-top: 0px;}
#sideMenu > li a, #sideMenu a:visited {color: #fff; line-height: 1.3; font-size: 16px; position: relative; text-decoration: none;}
.sideMenu--active a {padding-left: 52px; color: #ADE8EB !important;}
.sideMenu--active a:before {content: ''; display: block; width: 40px; height: 1px; background-color: #ADE8EB; left: 0px; top: 50%; margin-top: -0.5px; position: absolute;}
#innerTopBody.columns-2-60 {margin-bottom: 100px;}
#innerContent {z-index: 3; position: relative;}
.columns-2-50 > div:first-child {width: 50%; padding-right: 12px;}
.columns-2-50 > div:last-child {width: 50%; padding-left: 12px;}
#aboutBlock1 .flex3 {padding-right: 10%; width: 100%; height: 100%;}
.block--wText {color: #fff;}
.block--wText .txt h2, .block--wText .txt h3 {color: #fff;}
.columns-2-50 > div .ratio {width: 100%;}
.quote {padding: 40px 48px; background-color: #3974A3;}
.quote h3 {color: #fff;}
.ratio-90 {padding-top: 90%;}
#aboutBlock1 .block {z-index: 3; position: relative;}
#aboutBlock1 #innerBg {height: calc(100% - 120px); min-height: 100px;}
#aboutBlock1 .flex3 > div:last-child .quote {width: 130%; position: absolute; bottom: 64px;}
#aboutBlock1 .columns-2-50 > div:first-child {z-index: 2;}
#aboutBlock1 .columns-2-50 > div:last-child {z-index: 1;}
#aboutBlock1 {position: relative;}
.slickGallery {width: 100%; height: auto; overflow-x: hidden;}
.slickGalleryWrp {width: calc(100% + 24px); margin-left: -12px; position: relative;}
.slickGalleryWrp .slick-slide {margin: 0 12px; position: relative;}
.slickGallery .round {float: right; margin-left: 16px;}
.marginBottom-160 {margin-bottom: 160px;}
#inner .block {position: relative; z-index: 3;}
.historyEl {width: 100%; margin-top: 16px; background-color: #3974A3;}
.historyEl:first-child {margin-top: 0px;}
.historyEl > div {position: relative; align-items: flex-start;}
.historyEl > div:first-child {width: 55%; padding: 40px 48px 48px;}
.historyEl > div:last-child {width: 45%;}
.historyEl > div .ratio {width: 100%;}
.historyEl .txt h3, .historyEl .txt p {color: #fff;}
.historyEl--right > div:first-child {order: 2;}
.historyEl--right > div:last-child {order: 1;}
#leaders {padding: 64px; background-color: #D9D9D9;}
#leaders > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 56px; position: relative;}
#leaders > div:nth-child(2n+1) {margin-left: 0px;}
#leaders > div:nth-child(-n+2) {margin-top: 0px;}
.leadersEl {width: 100%; height: 100%; position: relative;}
.leadersEl > div {align-items: flex-start;}
.leadersEl > div:first-child {width: 218px;}
.leadersEl > div:last-child {width: calc(100% - 218px); padding: 24px;}
#contactsBlock1 {position: relative; padding-bottom: 120px;}
#contactsBlock1 #innerBg {height: 100%; min-height: 100px;}
.contactsBlock1El {margin-top: 32px;}
.contactsBlock1El:first-child {margin-top: 0px;}
.contactsBlock1El > p:first-child {font-weight: 500; color: #ADE8EB; line-height: 1;}
.contactsBlock1El > p:nth-child(2) {font-size: 24px; font-family: 'Roboto Flex', sans-serif; line-height: 1.3; color: #fff; margin-top: 12px; font-weight: 500;}
#contactsBlock1 .columns-2-60 > div:last-child .clearfix a {display: block; width: 24px; height: 24px; float: left; margin-right: 20px; position: relative;}
#contactsBlock1 .columns-2-60 > div:last-child .clearfix a img {width: 100%; height: 100%;}
.input {width: 100%; height: 48px; border-bottom: 1px solid #fff; font-size: 18px; font-family: 'Roboto', sans-serif; background-color: transparent; color: #fff; margin-top: 24px;}
.input:first-child, .textarea:first-child {margin-top: 0px;}
.input--two {width: calc(50% - 12px); margin-left: 24px; margin-top: 32px; float: left; }
.input--two:nth-child(2n+1) {margin-left: 0px;}
.input--two:nth-child(-n+2) {margin-top: 0px;}
.textarea {width: 100%; height: 120px; padding: 12px 0; border-bottom: 1px solid #fff; font-size: 18px; font-family: 'Roboto', sans-serif; background-color: transparent; color: #fff; margin-top: 20px;}
.formBottom > div {align-items: center;}
.formBottom > div:first-child p {font-size: 14px; text-transform: uppercase; line-height: 1.3;}
.formBottom > div:first-child p a, .formBottom > div:first-child p a:visited {color: #ADE8EB; text-decoration: none; border-bottom: 1px solid #ADE8EB; transition: all 0.2s linear;}
.formBottom > div:last-child .button {float: right;}
.padding-80 {padding: 80px 0;}
#map {width: 100%; height: 560px; background-color: grey}
.bg--2C2D2F {background-color: #2C2D2F;}
.blogEl--focus {background-color: #fff; padding: 80px; color: #2C2D2F; text-decoration: none;}
.blogEl--focus > div {align-items: flex-start;}
.blogEl--focus > div > div {width: 100%; height: 100%;}
.blogEl--focus > div:first-child {width: 40%;}
.blogEl--focus > div:first-child .ratio {overflow: hidden;}
.blogEl--focus > div:first-child .bg, .innerBlogGalleryEl .bg {transition: all 0.2s linear;}
.blogEl--focus:hover > div:first-child .bg, .innerBlogGalleryEl:hover .bg {transform: scale(1.1, 1.1); transition: all 0.2s linear;}
.blogEl--focus > div:last-child {width: 60%; padding-left: 80px;}
.blogEl--focus > div:last-child .txt {margin-top: 48px;}
.blogEl--focus > div:last-child .txt h3 {color: #203956;}
.blogEl--focus:hover .button > div:first-child {color: #3974A3;}
.blogEl--focus:hover .button > div:nth-child(2):before {left: 16px; transition: all 0.2s linear;}
#innerBlogBody, #innerBlogGallery {padding: 80px 0 160px;}
.showMore {padding: 16px 24px; font-size: 14px; font-weight: 500; color: #ADE8EB; cursor: pointer; text-transform: uppercase; font-family: 'Roboto', sans-serif; background-color: transparent; transition: all 0.2s linear;}
.showMore:hover {color: #3974A3; transition: all 0.2s linear;}
#articleBlock1 h1 {font-size: 68px;}
#articleBlock1Info {background-color: #F0F0F0; padding: 48px;}
#articleBlock1Info .share {float: left; color: #2C2D2F; border-color: #2C2D2F;}
#articleBlock1Info .share:hover {color: #3974A3; border-color: #3974A3}
.innerBlogGalleryEl {width: calc((100% - 120px) / 6); margin-left: 24px; margin-top: 24px; display: block; position: relative; float: left;}
.innerBlogGalleryEl:nth-child(6n+1) {margin-left: 0px;}
.innerBlogGalleryEl:nth-child(-n+6) {margin-top: 0px;}
.innerBlogGalleryEl .ratio {width: 100%; overflow: hidden;}
#categories > div {width: calc(50% - 12px); margin-left: 24px; margin-top: 24px;}
#categories > div:nth-child(-n+2) {margin-top: 0px;}
#categories > div:nth-child(2n+1) {margin-left: 0px;}
.categoriesEl {width: 100%; overflow: hidden; position: relative; display: block; color: #FFFFFF; text-decoration: none;}
.categoriesEl .bg {z-index: 1; transition: all 0.2s linear;}
.categoriesEl:hover .bg {transform: scale(1.1,1.1); transition: all 0.2s linear;}
.categoriesEl .flex {position: relative; width: 100%; height: 100%; padding: 64px; width: 100%;}
.categoriesEl .ratio {position: relative; width: 100%; z-index: 2;}
.categoriesEl .flex > div {width: 60%; align-items: center;}
.categoriesEl .flex > div .txt h3 {color: #fff;}
.banner--small .ratio-inner {padding-top: 22%;}
.banner.banner--small .flex3 {padding: 0px 56px 56px;}
.banner.banner--small .flex3 > div:last-child {justify-content: center;}
.banner.banner--small .flex3 > div:first-child {justify-content: center; align-items: center;}
#catalogBlock1 {padding-bottom: 160px;}
#items {background-color: #F0F0F0;}
#items > div {padding: 48px; width: 50%; position: relative;}
.itemsEl {width: 100%; height: 100%; color: #2C2D2F; display: block; text-decoration: none;}
.itemsEl .txt {text-align: center;}
.itemsEl .txt h3 {color: #2C2D2F;}
.itemsEl .ratio {width: 100%;}
.itemsEl:hover .button > div:first-child {color: #3974A3;}
.itemsEl:hover .button > div:nth-child(2):before {left: 16px; transition: all 0.2s linear;}
.itemsEl p:last-child {height: 64px; line-height: 64px; text-align: center; width: 100%; font-size: 14px; text-transform: uppercase;}
.selectTabsBodyEl, .radiobuttonTabsBodyEl {display: none;}
.select {display: block; width: 100%; height: 48px; -webkit-appearance: none; padding: 0 40px 0 0px; border-bottom: 1px solid #fff; font-size: 18px; font-family: 'Roboto', sans-serif; background-color: transparent; color: #fff; position: relative; background: url('../img/select-2.svg') no-repeat transparent; background-position: right center; background-size: 32px 32px;}
.select option {background-color: #fff; color: #2C2D2F;}
.suggestions-suggestions {color: #2C2D2F !important;}
.radiobuttonTabs .radiobuttonEl {float: left; width: calc(50% - 12px); margin-left: 24px; cursor: pointer;}
.radiobuttonTabs .radiobuttonEl:nth-child(2n+1) {margin-left: 0px;}
.radiobuttonEl {margin-top: 16px; cursor: pointer;}
.radiobuttonEl:first-child {margin-top: 0px;}
.radiobuttonTabs .radiobuttonEl:nth-child(-n+2) {margin-top: 0px;}
.radiobuttonEl > div {align-items: flex-start; position: relative;}
.radiobuttonEl > div:first-child {width: 16px;}
.radiobuttonEl > div:first-child span {display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #ADE8EB; position: relative;}
.radiobuttonEl > div:last-child {padding-left: 16px; width: calc(100% - 16px); color: #fff; text-transform: uppercase; font-size: 14px; line-height: 1.2;}
.radiobuttonEl--active span:before {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; position: absolute; background-color: #3974A3;}
#productBlock1 #innerBg {height: 100%; min-height: 100px;}
#innerProductTop {width: 100%; padding: 100px 0 160px; position: relative;}
#innerProductTop .mpBlock1BodyBlock2El {width: 60%; margin-right: 0px;}
#innerProductTop .round {position: absolute; right: 0px; bottom: 40px; z-index: 2;}
#productBlock1 {position: relative;}
.padding-140-160 {padding: 140px 160px;}
.bg--F0F0F0 {background-color: #F0F0F0;}
.txt ul {margin-top: 24px; list-style: none;}
.txt ul li {margin-top: 16px; padding-left: 32px; position: relative;}
.txt ul li:first-child {margin-top: 0px;}
.txt ul li:before {content: ''; display: block; width: 8px; height: 8px; background-color: #77C6CE; border-radius: 50%; position: absolute; left: 0px; top: 7px;}
.ratio-16-9 {padding-top: 56.25%;}
.block--text h2 {width: 70%;}
.block--text p {width: 90%;}
.ratio-48 {padding-top: 48%;}
.gradient.panel:before {height: 160px;}
.gradient.panel:after {height: 160px;}
.panel ul.flex > li {display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25%; padding-right: 24px; color: #fff; font-size: 24px;}
.panel ul.flex > li:nth-child(-n+4) {margin-top: 0px;}
.panel ul.flex > li:before {top: 10px;}
.txt h4 {font-size: 40px; font-weight: normal; line-height: 1.15;}
/*#innerProductProperties > div:first-child {padding-right: 64px;}*/
#innerProductProperties > div:last-child {align-items: flex-end;}
.bg--FFFFFF {background-color: #fff;}
.pictureBlock > div:first-child {position: relative; z-index: 2; align-items: flex-end;}
.pictureBlock > div:first-child img {width: 100%; height: auto; display: block;}
.pictureBlock > div:first-child {position: relative; z-index: 2;}
.padding-80 {padding: 80px 0;}
.pictureBlock > div:last-child {position: relative; z-index: 1; align-content: flex-start}
.pictureBlock > div:last-child > div {width: 150%; margin-left: -25%; margin-bottom: 160px;}
.bg--3974A3 {background-color: #3974A3; color: #fff;}
.bg--3974A3 h2, .bg--3974A3 h3 {color: #fff;}
.pictureBlock {padding: 80px 0 40px;}
.withBg {background: url('../img/innerBg5-2.jpg') no-repeat; background-size: cover; background-position: 50% 50%;}
#configBlock1 {margin-top: 0px; width: 100%;}
#configBlock1 > div {position: relative;}
#configBlock1 > div:first-child {width: calc(100% - 440px); padding: 48px 64px;}
#configBlock1 > div:last-child {width: 440px; background-color: #3974A3;}
#configBlock1 > div:last-child > div {width: 100%; overflow: auto;}
#configBlock1Right {position: absolute; top: 0; left: 0; right: 0; bottom: 0;} 
#configBlock1Right > div {overflow: auto;}
#configBlock1Gallery, #configBlock1 > div:first-child > div {width: 100%;}
#configBlock1Gallery > div {align-items: flex-start; position: relative;}
#configBlock1Gallery > div:first-child {width: calc(72% - 24px); background-color: #fff;}
#configBlock1Gallery > div:first-child .ratio {width: 100%;}
#configBlock1Gallery > div:last-child {width: 28%; margin-left: 24px;}
#configBlock1Gallery > div:last-child > div {width: 100%; height: 100%; position: relative;}
.bg--F0F0F0 {background-color: #F0F0F0}
.configBlock1GalleryEl {width: 100%; height: calc(50% - 12px); display: block; position: relative; background-color: #fff;}
.configBlock1GalleryEl:nth-child(2) {margin-top: 24px;}
#configBlock1Params .mpBlock1BodyBlock2El p:first-child {font-size: 24px; color: #2C2D2F;}
#configBlock1Params .mpBlock1BodyBlock2El p:nth-child(2) {color: #2C2D2F;}
#configBlock1RightBody {width: 100%; padding: 48px 64px; }
.select2 {display: block; width: 100%; height: 40px; -webkit-appearance: none; padding: 0 40px 0 16px; border-bottom: 1px solid #fff; font-weight: 500; text-transform: uppercase; font-size: 12px; font-family: 'Roboto', sans-serif; background-color: transparent; color: #2C2D2F; position: relative; background: url('../img/select-1.svg') no-repeat #fff; background-position: right center; background-size: 32px 32px;}
.select2 option {background-color: #fff; color: #2C2D2F;}
.configBlock1RightBodyEl {margin-top: 32px;}
.configBlock1RightBodyEl:first-child {margin-top: 0px;}
.configBlock1RightBodyEl .select2:not(:first-child) {margin-top: 16px;}
.configBlock1RightBodyElTitle {text-transform: uppercase; color: #fff; font-weight: 500;}
.colorEl {width: 68px; height: 68px; border-radius: 50%; position: relative; margin-left: 32px; margin-top: 16px; float: left; color: #000000; line-height: 68px; text-align: center; font-weight: 500; cursor: pointer; margin-top: 16px;}
.colorEl:nth-child(3n+1) {margin-left: 0px;}
.colorEl--active { -webkit-box-shadow:inset 0px 0px 0px 3px #fff; -moz-box-shadow:inset 0px 0px 0px 3px #fff; box-shadow:inset 0px 0px 0px 3px #fff;}
.colorEl--active:after {content: ''; display: block; width: 22px; height: 22px; position: absolute; top: 0px; right: 0px; background: url('../img/check.svg') no-repeat; background-size: 22px 22px;}
.configBlock1RightBodyElDop {font-size: 14px; font-weight: 500; color: #fff; margin-top: 20px; text-transform: uppercase;}
.configBlock1RightBodyElDop a, .configBlock1RightBodyElDop a:visited {color: #ADE8EB; text-decoration: none; transition: all 0.2s linear;}
.configBlock1RightBodyElDop a:hover {color: #fff; transition: all 0.2s linear;}
.checkbox {margin-top: 16px; cursor: pointer;}
.checkbox:first-child {margin-top: 0px;}
.checkbox > div {align-items: flex-start; position: relative;}
.checkbox > div:first-child {width: 16px;}
.checkbox > div:first-child span {display: block; width: 16px; height: 16px; background-color: #ADE8EB; position: relative;}
.checkbox > div:last-child {padding-left: 16px; width: calc(100% - 16px); color: #fff; text-transform: uppercase; font-size: 14px; line-height: 1.2;}
.checkbox--active span:before {content: ''; display: block; width: 8px; height: 8px; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; position: absolute; background-color: #3974A3;}
#configBlock2 {width: 100%; background-color: #2C2D2F; padding: 24px 0;}
#configBlock2 > div {position: relative;}
#configBlock2 > div:first-child {width: calc(100% - 440px); padding: 0px 64px;}
#configBlock2 > div:last-child {width: 440px; justify-content: center;}
#configBlock2 > div:first-child > .flex {width: 100%;}
#configBlock2 > div:first-child > .flex > div {width: 50%; align-items: center; color: #fff;}
#configBlock2 > div:first-child > .flex .txt h6 {color: #fff;}
#configBlock2 > div:first-child > .flex > div:last-child {justify-content: flex-end;}
#configBlock2 > div:first-child > .flex > div:last-child p span {color: #ADE8EB;}
#configBlock2 > div:first-child > .flex > div:last-child p {font-size: 14px; font-weight: 500; text-transform: uppercase;}
#configBlock2 > div:last-child .button--white:hover > div:first-child {color: #ADE8EB;}
#inner {position: relative; z-index: 1;}
.leadersElAvatar {width: 100%; height: 218px; position: relative; overflow: hidden; border-radius: 50%;}
#loader {display: block; width: 64px; height: 64px; position: relative;}
#loader img {width: 100%; height: 100%;}
#bottom #loader {margin: 0 auto;}
.padding-80-160 {padding: 80px 0 160px;}
.tabsTopEl {font-size: 14px; font-weight: 500; float: left; margin-right: 48px; cursor: pointer; text-transform: uppercase; margin-bottom: 24px;}
.bg--2C2D2F .tabsTopEl {color: #fff;}
.tabsTopEl--active {color: #ADE8EB !important;}
.padding-120 {padding: 120px 0;}
.tabsBodyEl {display: none;}
.bg--2C2D2F .txt p, .bg--2C2D2F .txt ul li {color: #fff}
.txtcols {column-width: calc(50% - 12px); column-count: 2; column-gap: 24px;}
.modalBlocks > div {width: calc(50% - 12px); margin-left: 24px; margin-top: 24px; position: relative;}
.modalBlocks > div:nth-child(2n+1) {margin-left: 0px;}
.modalBlocks > div:nth-child(-n+2) {margin-top: 0px;}
.modalBlocksEl {width: 100%; height: 100%; cursor: pointer; padding: 48px; background-color: #464646; color: #fff; transition: all 0.2s linear;}
.modalBlocksEl > div {align-items: center;}
.modalBlocksEl > div:last-child {width: 110px;}
.modalBlocksEl > div:first-child {width: calc(100% - 110px); padding-right: 24px;}
.modalBlocksEl .button--white > div:first-child {display: none;}
.modalBlocksEl:hover .button > div:nth-child(2):before {left: 16px; transition: all 0.2s linear;}
.modalBlocksEl > div:first-child .txt {width: 80%;}
.modalBlocksEl:hover {background-color: #223B58; transition: all 0.2s linear;}
#mdl {width: 680px; padding: 48px; background-color: #fff; color: #2C2D2F; display: none;}
#innerPictureless #innerTopBody .txt h1 {color: #2C2D2F;}
#innerPictureless #breadcrumbs > li {color: #9b9b9c;}
#innerPictureless #breadcrumbs > li a, #innerPictureless #breadcrumbs > li a:visited {color: #3974A3;}
#innerPictureless #breadcrumbs > li a:hover {color: #ADE8EB;}
#innerTotalBody {margin-bottom: 180px;}
.block--black .radiobuttonEl > div:last-child {color: #2C2D2F;}
.block--black .input, .block--black .textarea {color: #2C2D2F; border-color: #2C2D2F;}
.block--black .formBottom > div:first-child p a, .block--black .formBottom > div:first-child p a:visited {color: #3974A3; border-bottom: 1px solid #3974A3;}
.totalEl {margin-top: 32px;}
.totalEl:first-child {margin-top: 0px;}
.totalEl p:not(:first-child) {margin-top: 10px;}
.red--color {border-color: red !important; transition: all 0.2s linear;}
#mdl #loader {margin-top: 32px;}
#panel {width: 460px; display: block; position: fixed; background-color: rgba(34,59,88,0.8); backdrop-filter: blur(8px); top: 0px; bottom: 0px; right: -460px; z-index: 20; transition: all 0.2s linear; height: 100%;}
#panelTop {padding: 32px 48px;}
#panelTop > div svg {display: block; width: 32px; height: 22px; padding: 0px; float: right;}
#panelTop > div svg path {fill: #fff; transition: all 0.2s linear;}
.panelClose {cursor: pointer;}
.panelClose:hover svg path {fill: #ADE8EB !important; transition: all 0.2s linear;}
#panelBody {height: calc(100% - (86px + 136px)); position: relative; padding: 32px 0 40px 48px; position: relative;}
#panelBody > div {height: 100%; width: 100%; overflow-y: auto; padding-right: 24px;}
#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: #fff; font-size: 22px; font-weight: 500; text-decoration: none; transition: all 0.2s linear;}
.panel--open #panel {transition: all 0.2s linear; right: 0px !important;}
.panelBodyChild {padding-left: 32px; }
.panelBodyChild a {font-weight: normal !important;}
#panelBody ul li a:hover {color: #ADE8EB !important; transition: all 0.2s linear;}
#footerBodyMenu2 {display: none;}
#innerBlogBody {background-color: #2C2D2F;}
.ymaps-2-1-79-copyright__content, .ymaps-2-1-79-gototech, .ymaps-2-1-79-gototaxi {display: none !important;}
#innerProductProperties > div:last-child img {width: 100%; height: auto;}
.txt ul:first-child {margin-top: 0px;}
.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;}
.totalElPic {background-color: #fff; padding: 20px; border-radius: 10px;}
.innerBg--thick {min-height: 100px !important;}
.innerTopBody--one > div:last-child {display: none;}
.innerTopBody--one > div:first-child {width: 100%; padding-right: 0px;}
/**/
.centered2 {width: 100%; padding: 0 40px; margin: 0 auto;}
#top2 {border-bottom: 1px solid #E5E5E5;}
#top2 .topBodyLang > div p a, #top2 .topBodyLang > div p a:visited {color: #BABABA;}
#top2 .topBodyLang > div:nth-child(2) span {background-color: #BABABA}
#top2 .topBodyLang > div p {color: #4D74A5;}
#top2 #topBodyMenu svg path {fill: #003366;}
#configuratorBody2 {height: calc(100vh - 204px); position: relative;}
#configuratorBody2 > div {position: relative;}
#configuratorBody2 > div:first-child {width: calc(100% - 456px); padding: 40px; float: left; height: 100%;}
#configuratorBody2 > div:last-child {border-left: 1px solid #E6E6E6; width: 456px; float: left; height: 100%;}
.select3 {display: block; width: 100%; height: 56px; -webkit-appearance: none; padding: 0 40px 0 24px; border: 1px solid #E5E5E5; font-size: 18px; font-family: 'Roboto', sans-serif; position: relative; background: url('../img/select-3.svg') no-repeat #fff; background-position: right center; background-size: 32px 32px; border-radius: 10px; text-transform: none; font-weight: normal; color: #2C2D2F;}
.boxShadow {box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.08);}
/*#configuratorBody2Side > div:first-child {padding: 40px; border-bottom: 1px solid #E6E6E6;}*/
#top2 #topBody > div:nth-child(2) {width: 225px; padding: 0 0;}
#top2 #topBody > div:first-child {width: calc(100% - 415px); padding-right: 40px;}
#top2 #topBody > div:first-child > .flex {width: 100%;}
#top2 #topBody > div:first-child > .flex > div {align-items: center; position: relative;}
#top2 #topBody > div:first-child > .flex > div:first-child {width: 160px;}
#top2 #topBody > div:first-child > .flex > div:last-child {width: calc(100% - 160px); justify-content: right;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex {width: 620px; position: relative;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex > div {align-items: center;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex > div:first-child {width: 130px;}
#top2 #topBody > div:first-child > .flex > div:last-child .flex > div:last-child {width: calc(100% - 130px); padding-left: 20px;}
#configuratorBody2 .mpBlock1BodyBlock2El {margin-top: 24px; margin-right: 56px;}
#configBlock1ContentGallery {width: 100%; height: 100%; position: relative;}
#configBlock1ContentGallery > div:first-child {width: 72%;}
#configBlock1ContentGallery > div:nth-child(2) {width: 28%; padding-left: 20px;}
#configBlock1Content {width: 100%; height: 100%;}
#configBlock1ContentGalleryImg {width: 100%; height: 100%; background-color: #fff; border-radius: 10px; position: relative; display: block; padding: 20px; border: 1px solid #E6E6E6;}
#configBlock1ContentGallery > div:nth-child(2) > div {width: 100%;}
#configBlock1ContentGallery .configBlock1GalleryEl {width: 100%; height: calc(50% - 10px); display: block; position: relative; background-color: #fff; border: 1px solid #E6E6E6; border-radius: 10px;}
#configBlock1ContentGallery .configBlock1GalleryEl:nth-child(2) {margin-top: 20px;}
#configuratorFixed {width: 100%; background-color: #fff; border-top: 1px solid #E6E6E6; position: fixed; left: 0px; bottom: 0px;}
#configuratorFixed > .flex {height: 100px;}
#configuratorFixed > .flex > div {align-items: center;}
#configuratorFixed > .flex > div:last-child {width: 455px;}
#configuratorFixed > .flex > div:first-child {width: calc(100% - 455px); padding: 0 40px;}
#configuratorFixed > .flex > div:first-child > .flex {width: 100%;}
#configuratorFixed > .flex > div:first-child > .flex > div:first-child {width: 72%; align-items: center;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child {width: 28%; padding-left: 20px; justify-content: flex-end; align-items: center;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child p:first-child {font-size: 18px; line-height: 1; text-align: right;}
#configuratorFixed > .flex > div:first-child > .flex > div:last-child p:last-child {font-size: 24px; line-height: 1; text-align: right; margin-top: 4px; font-weight: 500;}
#configuratorFixedInfo {width: 100%;}
#configuratorFixedInfo > div {align-items: center;}
#configuratorFixedInfo > div:first-child {width: calc(100% - 320px); padding-right: 20px;}
#configuratorFixedInfo > div:first-child p {font-size: 14px; color: #464646; line-height: 1.3;}
#configuratorFixedInfo > div:last-child {width: 320px; justify-content: flex-end; font-size: 24px; font-weight: 500; line-height: 1;}
/*#configuratorBody2Side > div:last-child {align-items: flex-start; height: calc(100% - 137px);}*/
#configuratorBody2Side {width: 100%; position: relative; height: 100%;}
#configuratorBody2Side > div:first-child {/*height: 137px; width: 100%; padding: 40px; border-bottom: 1px solid #E6E6E6;*/ display: none !important;}
#configuratorBody2Side > div:last-child {width: 100%; /*height: calc(100% - 137px);*/ height: 100%; overflow-y: auto; position: relative; padding: 0 40px;}
#configuratorBody2SideWrp {width: 100%; overflow-y: auto; position: relative;  /*overflow: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;*/}
/*#configuratorBody2SideWrp > div {overflow: auto;}*/
#configuratorBody2SideWrpScroll {width: 100%; padding: 0px 40px; position: relative;}
.configParamsBlock {width: 100%; padding-top: 32px;}
.configParamsBlock:first-child {padding-top: 40px;}
.configParamsBlock:last-child {padding-bottom: 40px;}
.configParamsBlock > p:first-child {font-size: 24px; font-weight: 500; line-height: 1.2;}
.configParamsBlock > div {margin-top: 20px; padding: 24px; background-color: #fff; border: 1px solid #E6E6E6; border-radius: 10px;}
#configuratorBody2Side .radiobuttonEl {margin-top: 20px;}
#configuratorBody2Side .radiobuttonEl:first-child {margin-top: 0px;}
#configuratorBody2Side .radiobuttonEl > div:first-child {width: 24px;}
#configuratorBody2Side .radiobuttonEl > div:first-child span {width: 24px; height: 24px; background-color: #FFF; border: 1px solid #3974A3;}
#configuratorBody2Side .radiobuttonEl.radiobuttonEl--active > div:first-child span {background-color: #3974A3;}
#configuratorBody2Side .radiobuttonEl.radiobuttonEl--active > div:first-child span:before {content: ''; display: block; width: 14px; height: 14px; position: absolute; background-color: #fff; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px;}
#configuratorBody2Side .radiobuttonEl > div:last-child {width: calc(100% - 24px); padding-left: 16px; color: #464646; font-size: 18px; text-transform: none; font-weight: normal; padding-top: 2px;}
#configuratorBody2Side .configBlock1RightBodyElDop {color: #464646; text-transform: none; margin-top: 24px; font-size: 18px; font-weight: normal;}
#configuratorBody2Side .colorEl {width: 56px; height: 56px; line-height: 56px; margin-top: 0px; margin-bottom: 16px; margin-left: 0px; margin-right: 16px;}
#configuratorBody2Side .colorEl:nth-child(3n+1) {margin-right: 16px;}
#configuratorBody2Side .colorEl--active {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; outline: 1px solid #fff; outline-offset: -5px; }
#configuratorBody2Side .colorEl--active:after {content: ''; display: block; width: 22px; height: 22px; position: absolute; top: 0px; right: 0px; background: url('../img/check-2.svg') no-repeat; background-size: auto; background-size: 20px 20px;}
#configuratorBody2Side .configParamsBlock--color .configBlock1RightBodyElDop {margin-top: 8px;}
#configuratorBody2Side .baseA {cursor: pointer; color: #3974A3;}
#configuratorBody2Side .baseA:hover {color: #003366;}
#configuratorBody2Side .checkbox > div:first-child {width: 24px;}
#configuratorBody2Side .checkbox > div:first-child span {width: 24px; height: 24px; background-color: #fff; border: 1px solid #3974A3;}
#configuratorBody2Side .checkbox.checkbox--active > div:first-child span {background-color: #3974A3;}
#configuratorBody2Side .checkbox.checkbox--active > div:first-child span:before {content: ''; display: block; width: 14px; height: 14px; position: absolute; background-color: #fff; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px;}
#configuratorBody2Side .checkbox > div:last-child {width: calc(100% - 24px); padding-left: 16px; padding-top: 2px;}
#configuratorBody2Side .checkbox > div:last-child p:first-child {color: #464646; font-size: 18px; font-weight: normal; text-transform: none;}
#configuratorBody2Side .checkbox > div:last-child p:nth-child(2) {color: #464646; font-size: 14px; font-weight: normal; text-transform: none; margin-top: 8px;}
.cbutton {display: block; float: left; padding: 0 24px; border-radius: 10px; color: #223B58; background-color: #EAEAEA; height: 56px; font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 18px; font-weight: 500; line-height: 56px; text-decoration: none; transition: all 0.2s linear; cursor: pointer;}
.cbutton:hover {background-color: #E6E6E6; transition: all 0.2s linear;}
.cbutton--primary {background-color: #223B58; color: #fff;}
.cbutton--primary:hover {transition: all 0.2s linear; background-color: #3974A3;}
.cbutton--icon {padding: 16px;}
.cbutton--icon img {display: block; width: 24px; height: 24px;}
#configuratorFixed .cbutton--icon {margin-left: 20px;}
#innerPictureless .txt a, #innerPictureless .txt a:visited, #mdl .txt p a, #mdl .txt p a:visited {color: #203956; text-decoration: none; border-bottom: 1px solid #203956; transition: all 0.2s linear;}
#innerPictureless .txt a:hover, #mdl .txt p a:hover {color: #3974A3; border-color: #3974A3; transition: all 0.2s linear;}
.paddingBottom-160 {padding-bottom: 160px;}
.paddingBottom-100 {padding-bottom: 100px;}
/**/
.featureTitle span {position: relative; padding-right: 24px;}
.featureTitle span:after {content: ''; display: block; width: 16px; height: 16px; background: url('../img/mark.svg'); background-size: 16px 16px; position: absolute; right: 0px; top: 50%; margin-top: -8px;}
/**/
#innerPictureless #innerTopBody #sideMenu > li a, #innerPictureless #sideMenu#sideMenu a:visited {color: #3974A3;}
#innerPictureless #sideMenu li:not(.sideMenu--active) a:hover {color: #ADE8EB !important}
#innerPictureless #sideMenu li.sideMenu--active a {color: #9b9b9c !important;}
#innerPictureless #sideMenu .sideMenu--active a:before {background-color: #9b9b9c;}
/*#panelBottom {display: none;}*/
/**/
#topNew {width: 100%; position: fixed; z-index: 10; top: 16px; left: 0;}
#topNewBody {border-radius: 16px; background: rgba(44, 45, 47, 0.64); backdrop-filter: blur(8px); width: 100%; padding: 16px 32px;}
#topNewBody > div:first-child {align-items: center; width: 160px; position: relative;}
#topNewBody > div:first-child img {display: block; width: 160px; height: auto;}
#topNewBody > div:last-child {width: calc(100% - 160px); padding-left: 32px;}
#topNewBody > div:last-child > div {width: 100%;}
#topNewBodyRight > div {width: 100%;}
#topNewBodyRight > div:first-child {align-items: center; justify-content: flex-end;}
#topNewBodyRight > div:first-child .topBodyLang {float: right; margin-left: 64px; width: 100px; margin-top: 3px;}
#topNewBodyRight > div:first-child .sIconsWrp {float: right;}
.sIconsWrp > a {display: block; width: 20px; height: 20px; float: left; margin-left: 24px;}
.sIconsWrp > a svg {display: block; width: 20px; height: 20px;}
.sIconsWrp > a svg .fill {fill: #ADE8EB; transition: all 0.1s linear;}
.sIconsWrp > a:hover svg .fill {fill: #8CDFE3; transition: all 0.1s linear;}
#topNewBodyRightPhone {float: right; font-size: 16px; line-height: 20px; font-weight: 500;} 
#topNewBodyRightPhone a, #topNewBodyRightPhone a:visited {color: #fff; text-decoration: none; transition: all 0.1s linear;}
#topNewBodyRightPhone a:hover {color: #8CDFE3; transition: all 0.1s linear;}
#topNewBodyRightBottom {width: 100%; margin-top: 12px; align-items: flex-start;}
#topNewBodyRightBottom > div {justify-content: flex-end;}
#topNewBodyRightBottom > div:first-child {flex: 1 1 0; justify-content: flex-end;}
#topNewBodyRightBottom > div:last-child {width: 32px;}
#topNewBodyRightBottom .menuOpen {width: 100%; height: auto; cursor: pointer; margin-top: 8px;}
#topNewBodyRightBottom .menuOpen svg {width: 32px; height: 22px; display: block;}
#topNewBodyRightBottom .menuOpen svg .fill {fill: #fff; transition: all 0.1s linear;}
#topNewBodyRightBottom .menuOpen:hover svg .fill {fill: #8CDFE3; transition: all 0.1s linear;}
#topNewBodyRightBottom ul {list-style: none;}
#topNewBodyRightBottom ul li {float: left; margin-right: 40px; margin-top: 8px;}
#topNewBodyRightBottom ul li a, #topNewBodyRightBottom ul li a:visited {color: #fff; text-decoration: none; display: block; line-height: 1; font-size: 16px; padding: 3px 16px; font-weight: 500;}
#topNewBodyRightBottom ul li a:hover {color: #8CDFE3; transition: all 0.1s linear;}
#topNewBodyRightBottom .call:hover {color: #8CDFE3 !important; transition: all 0.1s linear;}
#mpBlock1 .button--white.call > div:first-child {color: #fff;}
.button:not(.button--white).call > div:first-child {color: #2C2D2F;}
#mpBlock1 .button--white:hover > div:first-child {color: #8CDFE3 !important; transition: all 0.1s linear;}
.marginTop-72 {margin-top: 72px;}
.button:not(.button--white).call:hover > div:first-child {color: #3974A3 !important; transition: all 0.1s linear;}
.formBlock {position: relative;}
.formBlock .bg {z-index: 1;}
.formBlock:before {content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; display: block; background-color: #000; opacity: 0.64; position: absolute;}
.formBlock .formBlockBody {position: relative; z-index: 3; width: 860px; margin: 0 auto; padding: 160px 0; color: #fff;}
.formBlockBody .txt {width: 100%;}
.formBlockBody .txt .likeH3 {font-size: 32px; font-weight: 500; color: #ADE8EB; line-height: 1.2; text-align: center;}
#footerBodyMenu .call {font-weight: 500; transition: all 0.1s linear;}
#footerBodyMenu .call:hover {color: #8CDFE3 !important; transition: all 0.1s linear;}
#panelBottom {width: 100%; height: auto; padding: 0 48px 24px;}
#panelBottom .cbutton {background-color: #3974A3; color: #fff; width: 100%; justify-content: center; transition: all 0.1s linear;}
#panelBottom .cbutton > div {justify-content: center;}
#panelBottom .cbutton:hover {background-color: #8CDFE3; color: #3974A3 !important; transition: all 0.1s linear;}
#panelBottom p {font-size: 22px; font-weight: 500; line-height: 1;}
#panelBottom p a, #panelBottom p a:visited {color: #ADE8EB; text-decoration: none; transition: all 0.1s linear;}
#panelBottom p a:hover {color: #8CDFE3 !important; transition: all 0.1s linear;}
#panelBottomFlex {width: 100%;}
#panelBottomFlex > div {align-items: center;}
#panelBottomFlex > div:first-child {flex: 1 1 0;}
#panelBottomFlex .clearfix {width: 100%;}
#mdlForm .input, #mdlForm .textarea {border-color: #2C2D2F; color: #2C2D2F;}
.conf {font-size: 14px; text-transform: uppercase; line-height: 1.3;}
.conf a, .conf a:visited {color: #223b58; transition: all 0.1s linear;}
.conf a:hover {color: #3974a3 !important; transition: all 0.1s linear;}
#mdl .conf {margin-top: 24px;}
#mdlForm .input.red--color, #mdlForm .textarea.red--color {border-color: red !important; transition: all 0.2s linear;}
#modalCall {display: none;}