* { margin: 0px; padding: 0px; border: 0;}
*,*::before, *::after {box-sizing: border-box;}
table {border-collapse: collapse; border-spacing: 0;}
html,body {height: 100%;}
a > img {border: none;}
input, button, textarea, select {outline: none;}
body {width: 100%; color: #000; background-color: #F8F0EC; font-size: 20px; overflow-x: hidden; font-family: 'DM Sans', sans-serif; min-width: 320px; -webkit-overflow-scrolling: touch;}
.wrap {min-height: 100%;}
#main {padding-bottom: 400px;}
footer {min-height: 400px; margin-top: -400px; position: relative; background: url('../img/fog3.png') no-repeat #000; background-position: 50% 100%; background-size: cover;}
.centered {width: 1370px; margin: 0 auto; position: relative;}
.centered2 {width: 1610px; margin: 0 auto; position: relative;}
.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;}

#top {position: fixed; z-index: 5; width: 100%; background-color: rgba(18,18,18,0); transition: all 0.2s linear; top: -200px;}
.topShow {top: 0px !important; transition: all 0.2s linear;}
.topShowBg {background-color: rgba(18,18,18,0.4) !important; transition: all 0.2s linear;}
#top:hover {background-color: rgba(18,18,18,0.9) !important; transition: all 0.2s linear;}
#topBody {/*padding: 20px 0;*/}
#topBody > div {position: relative; align-items: center;}
#topBody > div:first-child {z-index: 2;}
#topBody > div:first-child a {display: block; width: 237px; height: auto; position: relative;}
/*#topBody > div:first-child {align-items: flex-start;}
#topBody > div:last-child {align-items: center;}*/
#topBody > div:first-child a > img {width: 100%; height: auto; display: block;}
#topBody > div:nth-child(2) {padding: 0 32px; flex: 1 1 auto; justify-content: center; align-items: center; z-index: 1l}
#topBody > div:last-child svg {float: right;}
.menuIcon {display: block; width: 48px; height: 24px; cursor: pointer; transition: all 0.2s linear; cursor: pointer;}
.menuIcon rect {fill: #fff; transition: all 0.2s linear;}
.searchIcon {display: block; width: 24px; height: 24px; cursor: pointer; transition: all 0.2s linear; cursor: pointer;}
.searchIcon line, .searchIcon circle {stroke: #fff; transition: all 0.2s linear;}
#topBody > div:last-child .menuIcon {margin-left: 40px;}
.menuIcon:hover rect {fill: #F4A50C; transition: all 0.2s linear;}
.searchIcon:hover line, .searchIcon:hover circle {stroke: #F4A50C; transition: all 0.2s linear;}
#topBodyMenu {list-style: none;}
#topBodyMenu > li {float: left; margin: 0 24px; cursor: pointer;}

#topBodyMenu > li > a, #topBodyMenu > li > a:visited {cursor: pointer; color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none; position: relative; transition: all 0.2s linear; height: 100px; }
#topBodyMenu > li > a:not(.flex) {display: block; height: 100px; line-height: 100px;}
#topBodyMenu > li > a.flex > div {align-items: center; position: relative;}
#topBodyMenu > li > a.flex > div:last-child {padding-left: 6px;}
#topBodyMenu > li > a.flex > div:last-child svg path {stroke: #fff; transition: all 0.2s linear;}
#topBodyMenu > li:hover > a, .submenu > ul > li a:hover {color: #F4A50C !important; transition: all 0.2s linear;}
#topBodyMenu > li:hover > a.flex > div:last-child svg path {stroke: #F4A50C; transition: all 0.2s linear;}
.submenu > ul {position: absolute; left: 0px; top: 100px; list-style: none; padding: 0 24px 24px; visibility: hidden; opacity: 0; transition: all 0.2s linear;}
.submenu > ul:before {content: ''; top: 0px; width: 1000%; margin-left: -300%; height: 100%; display: block; position: absolute; background-color: rgba(18,18,18,0.9);}
.submenu > ul > li {float: left; margin-right: 56px; margin-bottom: 16px;}
.submenu > ul > li a, #topBodyMenu > li > ul > li a:visited {cursor: pointer; color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none; position: relative; transition: all 0.2s linear;}
.submenu:hover > ul {visibility: visible; opacity: 1; transition: all 0.2s linear;}

#mpBlock1 {width: 100%; height: auto; position: relative; z-index: 1; margin-top: 0px; background-color: #121212; overflow: hidden;}
#slider {z-index: 3; position: relative;}
#mpBlock1 .bg {z-index: 1;}
#mpBlock1:before {content: ''; display: block; width: 100%; height: 100%; z-index: 2; top: 0px; left: 0px; background-color: #121212; opacity: 0.75; position: absolute;}
.sliderBody {min-height: 100vh; height: auto; position: relative; z-index: 1;}
.sliderBody > div {position: relative; align-items: center; width: 50%;}
.sliderBody > div:last-child {justify-content: flex-end;}
.txt h1 {font-size: 64px; font-weight: bold; line-height: 1.15; margin-bottom: 40px;}
.txt p {line-height: 1.5; margin-top: 24px;}
.txt p:first-child {margin-top: 0px;}
.sliderBodyEl .txt {color: #fff;/* padding-right: 24px;*/}
.videoBtn {cursor: pointer; display: inline-flex;}
.videoBtn > div {align-items: center;}
.videoBtn > div:last-child {padding-left: 16px; text-transform: uppercase; font-size: 13px; line-height: 1.5; color: #fff; transition: all 0.2s linear;}
.sliderBodyEl .videoBtn {margin-top: 80px;}
.videoBtn > div:first-child svg path {fill: #fff; transition: all 0.2s linear;}
.videoBtn > div:first-child svg circle {stroke: #fff; transition: all 0.2s linear;}
.videoBtn:hover > div:last-child {color: #F4A50C; transition: all 0.2s linear;}
.videoBtn:hover > div:first-child svg path {fill: #F4A50C; transition: all 0.2s linear;}
.videoBtn:hover > div:first-child svg circle {stroke: #F4A50C; transition: all 0.2s linear;}
.sliderBody > div:first-child {padding: 120px 0 80px 7.45%;}
.sliderBody > div:last-child > div {width: 100%; position: relative;}
.sliderBody > div:last-child > div > .flex {float: right; flex-direction: column;}
.sliderBody > div:last-child > div > .flex > div {justify-content: center;}
.sliderBody > div:last-child > div > .flex > div:first-child, .sliderBody > div:last-child .flex > div:last-child {font-size: 13px; color: #fff; line-height: 1; width: 18px;}
.sliderBody > div:last-child > div > .flex > div:nth-child(2) {padding: 10px 0; height: 144px;}
.sliderBody > div:last-child > div > .flex > div:nth-child(2) > div {width: 5px; height: 100%; position: relative;}
.sliderBody > div:last-child > div > .flex > div:nth-child(2) > div:before {content: ''; display: block; width: 1px; height: 100%; background-color: #fff; position: absolute; left: 50%; margin-left: -0.5px;}
.sliderBody > div:last-child > div > .flex > div:nth-child(2) > div .flex {flex-direction: column; height: 100%;}
.sliderBody > div:last-child > div > .flex > div:nth-child(2) > div .flex > div {width: 5px; cursor: pointer; transition: all 0.2s linear; background-color: transparent;}
.sliderNav--active {background-color: #fff !important; transition: all 0.2s linear;}
#mpBlock1Bottom {/*position: relative; z-index: 4; padding-bottom: 40px; margin-top: -126px;*/
position: absolute; width: 100%; left: 0px; bottom: 0px; z-index: 4; padding-bottom: 40px;
}
#mpBlock1BottomBody {width: 540px; float: right;}
#mpBlock1BottomBodyInfo {width: 100%;}
#mpBlock1BottomBodyInfo > div {align-items: center; position: relative; }
#mpBlock1BottomBodyInfo > div:nth-child(2) {padding: 0 24px; flex: 1 1 auto; justify-content: center;}
#mpBlock1BottomBodyInfo > div:last-child {width: 18px;}
.btn {display: inline-block; color: #fff; font-size: 13px; text-transform: uppercase; height: 40px; padding: 0 56px; font-family: 'DM Sans', sans-serif; cursor: pointer; position: relative; background-color: #D85907; position: relative; text-decoration: none;}
a.btn {line-height: 40px;}
.btn:after {content: ''; display: block; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: linear-gradient(90deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); transition: all 0.2s linear; opacity: 1; z-index: 1;}
.btn > span {position: relative; z-index: 2;}
.btn:hover:after {opacity: 0;}
#mpBlock1BottomBodyInfo > div:first-child a, #mpBlock1BottomBodyInfo > div:first-child a:visited {color: #fff; text-decoration: none; font-size: 16px; color: #fff;}
#mpBlock1BottomBodyInfo > div:last-child svg {cursor: pointer;}
#mpBlock1BottomBodyInfo > div:last-child svg path {stroke: #9A9A9A; transition: all 0.2s linear;}
#mpBlock1BottomBodyInfo > div:last-child svg:hover path {stroke: #D85907; transition: all 0.2s linear;}
#mpBlock1BottomBodyArticle {text-decoration: none; margin-bottom: 24px;}
#mpBlock1BottomBodyArticle > div {align-items: center; position: relative;}
#mpBlock1BottomBodyArticle > div:first-child {padding-right: 32px; width: calc(100% - 33px);}
#mpBlock1BottomBodyArticle > div:last-child {width: 33px;}
#mpBlock1BottomBodyArticle > div:first-child p {color: #9A9A9A; font-size: 18px; transition: all 0.2s linear; line-height: 1.5;}
#mpBlock1BottomBodyArticle > div:first-child p span {border-bottom: 1px solid #9E222A;transition: all 0.2s linear;}
#mpBlock1BottomBodyArticle > div:last-child svg path {fill: #9A9A9A; transition: all 0.2s linear;}
#mpBlock1BottomBodyArticle:hover > div:first-child p {color: #D85907; transition: all 0.2s linear;}
#mpBlock1BottomBodyArticle:hover > div:last-child svg path {fill: #D85907; transition: all 0.2s linear;}
#mpBlock1BottomBodyArticle:hover > div:first-child p span {border-bottom: 1px solid #D85907; transition: all 0.2s linear;}
.padding-172 {padding: 172px 0;}
.background-121212 {background-color: #121212; color: #fff;}
.background-242424 {background-color: #242424; color: #fff;}
.txt h2 {font-size: 60px; line-height: 1.3; font-size: 60px; font-weight: 500; margin-bottom: 80px;}
.txt h2:last-child {margin-bottom: 0px;}
.block .centered {position: relative; z-index: 3;}
#numbers {background: url('../img/fog1.png') no-repeat #121212; background-position: 50% 100%;}
#numbersBody {margin-top: 172px;}
.columns {width: 100%; position: relative;}
.columns > div {position: relative;}
.columns > div > div {width: 100%; position: relative;}
.columns-2-29 {margin-top: 172px;}
.columns-2-29:first-child {margin-top: 0px;}
.columns-2-29 > div:first-child {width: 29%;}
.columns-2-29 > div:last-child {width: 71%; padding-left: 11%;}
#numbersBodyThesis > div {width: calc((100% - 48px) / 2); margin-left: 48px; margin-top: 64px; position: relative;}
#numbersBodyThesis > div:nth-child(-n+2) {margin-top: 0px;}
#numbersBodyThesis > div:nth-child(2n+1) {margin-left: 0px;}
.numbersBodyEl {width: 100%; height: 100%;}
.numbersBodyEl > p:first-child {font-size: 64px; font-weight: bold; line-height: 1;}
.numbersBodyEl > p:nth-child(2) {font-weight: bold; margin-top: 32px; line-height: 1.4; font-size: 20px;}
.numbersBodyEl > .txt {margin-top: 24px;}
.ratio-columns-2-29 {/*padding-top: 213.5%;*/ padding-top: 200%;}
.columns-2-29 > div:first-child .ratio {position: absolute; left: 0px; top; width: 100%;}
.background-F8F0EC {background-color: #F8F0EC; color: #000;}
.txt h3 {line-height: 1.3; font-size: 60px; font-weight: 500; margin-top: 40px; font-size: 48px;}
.txt h3:first-child {margin-top: 0px;}
.block {position: relative;}
.block > .bg {z-index: 1;}
#numbers > .bg {width: 100%; height: 60%; top: 40%;}
.linkA {float: left; text-decoration: none; margin-left: 56px; margin-top: 72px;}
.linkA:first-child {margin-left: 0px;}
.linkA > div {align-items: center;}
.linkA > div:first-child {padding-right: 32px;}
.background-F8F0EC .linkA > div:first-child p {border-bottom: 1px solid #9E222A; transition: all 0.2s linear;}
.background-F8F0EC .linkA p {color: #5A5A5A; transition: all 0.2s linear; transition: all 0.2s linear;}
.background-F8F0EC .linkA > div:last-child svg path {fill: #5A5A5A; transition: all 0.2s linear;}
.background-121212 .linkA > div:first-child p, .background-242424 .linkA > div:first-child p {border-bottom: 1px solid #9E222A; transition: all 0.2s linear;}
.background-121212 .linkA p, .background-242424 .linkA p {color: #9A9A9A; transition: all 0.2s linear; transition: all 0.2s linear;}
.background-121212 .linkA > div:last-child svg path, .background-242424 .linkA > div:last-child svg path {fill: #9A9A9A; transition: all 0.2s linear;}
.linkA:hover > div:first-child p {border-bottom: 1px solid #D85907; transition: all 0.2s linear;}
.linkA:hover p {color: #D85907; transition: all 0.2s linear; transition: all 0.2s linear;}
.linkA:hover > div:last-child svg path {fill: #D85907; transition: all 0.2s linear;}
#blog {background: url('../img/fog2.png') no-repeat #242424; background-position: 50% 100%;}
.articles > div {width: calc((100% - 112px) / 3); margin-left: 56px; margin-top: 140px; position: relative;}
.articles > div:nth-child(-n+3) {margin-top: 0px;}
.articles > div:nth-child(3n+1) {margin-left: 0px;}
.articlesEl {display: block; color: #fff; text-decoration: none; width: 100%; height: 100%;}
.articlesEl .ratio {overflow: hidden; width: 100%;}
.articlesEl .ratio .bg {transition: all 0.2s linear;}
.articlesEl:hover .ratio .bg {transform: scale(1.1,1.1); transition: all 0.2s linear;}
.articlesElInfo {margin-top: 48px; width: 100%;}
.label {color: #C4C4C4; line-height: 1;}
.txt h6 {font-size: 24px; font-weight: bold; margin-top: 40px; line-height: 1.3;}
.txt h6:first-child {margin-top: 0px;}
.articlesElInfo .txt {margin-top: 36px;}
.articlesEl .txt h6 {transition: all 0.2s linear;}
.articlesEl:hover .txt h6 {color: #D85907; transition: all 0.2s linear;}
#blog .articles {margin-top: 80px;}
.txt h5 {font-size: 32px; font-weight: 500; margin-top: 40px; line-height: 1.3;}
.txt h5:first-child {margin-top: 0px;}
#productBody {margin-top: 80px;}
#productBody:first-child {margin-top: 0px;}
#productBody > div {width: calc((100% - 40px) / 2); margin-left: 40px; margin-top: 40px; position: relative;}
#productBody > div:nth-child(-n+2) {margin-top: 0px;}
#productBody > div:nth-child(2n+1) {margin-left: 0px;}
.productBodyEl {width: 100%; height: 100%; position: relative; color: #fff; text-decoration: none; display: block; /*padding: 5px; background: linear-gradient(90deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%);*/ z-index: 1;}
.productBodyEl .flex2 {/*background: rgba(18,18,18,1);*/ padding: 48px 48px 32px; transition: all 0.2s linear; position: relative; z-index: 4; border: 5px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1;}
/*.productBodyEl:before {content: ''; width: calc(100% - 10px); height: calc(100% - 10px); top: 5px; left: 5px; display: block; z-index: 1; position: absolute; background: rgba(18,18,18,1);}*/
.productBodyEl:after {content: ''; /*width: calc(100% - 10px); height: calc(100% - 10px); top: 5px; left: 5px;*/ width: 100%; height: 100%; top: 0px; left: 0px; display: block; z-index: 3; position: absolute; background: linear-gradient(90deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); transition: all 0.2s linear; opacity: 0;}
.productBodyEl:hover:after {opacity: 0.8; transition: all 0.2s linear;}
.productBodyElImg {position: absolute; width: 520px; height: 400px; z-index: 2; transition: all 0.2s linear; top: 0px; left: 0px; visibility: hidden; opacity: 0;}
.productBodyEl--hover .productBodyElImg {visibility: visible; opacity: 1; transition: all 0.2s linear;}
.productBodyEl--hover {z-index: 3 !important;}
.productBodyEl .flex2 .txt h5 {margin-bottom: 72px; transition: all 0.2s linear;}
.productBodyEl .flex2 > div:nth-child(2) {justify-content: flex-end;}
.productBodyEl .flex2 > div:nth-child(2) svg path {fill: #F4A50C; transition: all 0.2s linear;}
/*a.productBodyEl:hover .flex2 {background: rgba(18,18,18,0); transition: all 0.2s linear;}*/
a.productBodyEl:hover .flex2 > div:nth-child(2) svg path {fill: #fff; transition: all 0.2s linear;}
.columns-2-50 > div {width: 50%;}
.columns-2-50 > div:first-child {padding-right: 20px;}
.columns-2-50 > div:last-child {padding-left: 20px;}
.columns-2-50 > div:last-child > div .ratio {position: absolute; left: 0px; width: 100%;}
.ratio-bottom .ratio-columns-2-50 {padding-top: 74.5%;}
.ratio-bottom {bottom: 0px;}
#geography {background: url('../img/mapGeography.svg') no-repeat #121212; background-position: 50% 50%; background-size: cover;}
#geography .txt h2 {margin-bottom: 48px;}
#geographyBlock {margin-top: 40px; background-color: #fff; padding: 32px; color: #000;}
.geographyBlockItemsEl {margin-top: 32px;}
.geographyBlockItemsEl:first-child {margin-top: 0px;}
.geographyBlockItemsEl > div {align-items: center; position: relative;}
.geographyBlockItemsEl > div:first-child, #geographyBlockBottom > div:first-child {justify-content: center; width: 200px;}
.geographyBlockItemsEl > div:first-child img {width: 100%; height: auto;}
.geographyBlockItemsEl > div:last-child, #geographyBlockBottom > div:last-child {padding-left: 32px; width: calc(100% - 200px);}
.geographyBlockItemsEl > div:last-child .txt h6 {font-size: 18px;}
.geographyBlockItemsEl > div:last-child .txt p {font-size: 16px; margin-top: 16px;}
#geographyBlockBottom {margin-top: 56px;}
#geographyBlockBottom > div {align-items: center; position: relative;}
#geographyBlockBottom > div:first-child span, .arrowNavigate > span {float: left; cursor: pointer;}
#geographyBlockBottom > div:first-child span:first-child, .arrowNavigate span:first-child {margin-right: 12px;}
#geographyBlockBottom > div:first-child span:last-child, .arrowNavigate span:last-child {margin-left: 12px;}
.arrowNavigate span:first-child svg {transform: rotate(180deg);}
#geographyBlockBtnPrev svg {transform: rotate(180deg);}
#geographyBlockBottom > div:first-child span svg path, .arrowNavigate span svg path {fill: #F4A50C; transition: all 0.2s linear;}
#geographyBlockBottom > div:first-child span:hover svg path, .arrowNavigate span:hover svg path {fill: #9E222A; transition: all 0.2s linear;}
.btn--hollow, .btn--hollow2 {background-color: transparent; border: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1; 
  /*background: linear-gradient(90deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(90deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%);*/
}
.btn--hollow:after, .btn--hollow2:after {visibility: hidden; opacity: 0; transition: all 0.2s linear;}
.btn--hollow:hover:after, .btn--hollow2:hover:after {visibility: visible; opacity: 1; transition: all 0.2s linear;}
/*.btn--hollow:before {content: ''; display: block; width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; left: 1px; background-color: #F8F0EC; position: absolute; z-index: 2; opacity: 1; transition: all 0.2s linear;}*/
.btn--hollow span {position: relative; z-index: 3; color: #000000; transition: all 0.2s linear;}
/*.btn--hollow2:before {content: ''; display: block; width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; left: 1px; background-color: #000; position: absolute; z-index: 2; opacity: 1; transition: all 0.2s linear;}*/
.btn--hollow2 span {position: relative; z-index: 3; color: #fff; transition: all 0.2s linear;}
.btn--hollow:hover:before, .btn--hollow2:hover:before {opacity: 0; transition: all 0.2s linear;}
.btn--hollow:hover span, .btn--hollow2:hover span {color: #fff; transition: all 0.2s linear;}
#geography .columns-2-50 > div:last-child {align-items: flex-end; padding-bottom: 32px; padding-left: 8.69%;}
#footerBody {padding: 80px 0; color: #fff;}
#footerBody > div {align-items: flex-top; position: relative;}
#footerBody > div:first-child {width: 28%;}
#footerBody > div:nth-child(2) {width: calc(100% - (28% + 40px));/* justify-content: center;*/ padding-left: 80px;}
#footerBody > div:last-child {width: 40px; justify-content: flex-end;}
#footerBodyCenter > div > div {width: 100%; position: relative;}
#footerBodyCenter > div {align-items: flex-top; position: relative;}
#footerBodyCenter ul {list-style: none;}
#footerBodyCenter ul > li {}
#footerBodyCenter ul > li > a, #footerBodyCenter ul > li > a:visited {font-size: 13px; text-transform: uppercase; color: #9A9A9A; text-decoration: none; line-height: 1.3; padding: 8px 0; display: block; transition: all 0.2s linear;}
#footerBodyCenter ul > li > a:hover {color: #F4A50C; transition: all 0.2s linear;}
#footerBodyCenter .flex2 .txt p {font-size: 16px; margin-top: 20px;}
#footerBodyCenter .flex2 .txt p:first-child {margin-top: 0px;}
#footerBodyCenter > div {padding: 0 56px;}
#footerBodyCenter .flex2 .txt p a, #footerBodyCenter .flex2 .txt p a:visited {color: #fff; text-decoration: none;}
#footerBody > div:first-child .flex2 > div:last-child p {font-size: 16px; line-height: 1.3;}
#footerBody > div:first-child .flex2 > div:first-child a {display: block; width: 237px; height: auto; position: relative;}
#footerBody > div:first-child .flex2 > div:first-child a > img {width: 100%; height: auto; display: block;}
.share {width: 40px; height: 40px; display: block; cursor: pointer;}
.share path {stroke: #9A9A9A; transition: all 0.2s linear;}
.share:hover path {stroke: #F4A50C; transition: all 0.2s linear;}

#panel {position: fixed; width: 100%; height: 100vh; top: 0px; left: 0px; background-color: #242424; z-index: 20;
-webkit-transform: translate(0,-100%); transform: translate(0,-100%); opacity: 0;
-webkit-transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
}
#panelTopContent {width: 100%; height: 100px; position: relative; z-index: 2;}
#panelTopContent > div {align-items: center; position: relative;}
#panelTopContent > div:first-child a {display: block; width: 237px; height: auto; position: relative;}
#panelTopContent > div:first-child a > img {width: 100%; height: auto; display: block;}
#panelTopContent > div:last-child svg {display: block; width: 24px; height: 24px; cursor: pointer;}
#panelTopContent > div:last-child svg line {stroke: #fff; transition: all 0.2s linear;}
#panelTopContent > div:last-child svg:hover line {stroke: #F4A50C; transition: all 0.2s linear;}
#panelTopContent > div:nth-child(2) {padding: 0 32px; flex: 1 1 auto; justify-content: center; align-items: center;}
#panelTopContent > div:nth-child(2) p {font-size: 24px; line-height: 1;}
#panelTopContent > div:nth-child(2) p a, #panelTopContent > div:nth-child(2) p a:visited {color: #9A9A9A; text-decoration: none; transition: all 0.2s linear;}
#panelTopContent > div:nth-child(2) p a:hover, .panelBodyContentEl p a:hover, .panelBodyContentEl h3 a:hover {color: #F4A50C; transition: all 0.2s linear;}
#panelBody {width: 100%; height: auto; margin-top: -100px; z-index: 2; padding-top: 160px; position: relative; color: #fff; z-index: 1;}
#panelBodyContent {height: calc(100vh - 160px); width: 100%; padding: 0 0 64px; z-index: 2; position: relative; overflow-y: auto;}
#panelBodyContent > div {width: 100%; height: 100%; overflow-y:auto;}
#panelBodyContent > div > .flex > div {width: calc((100% - 144px) / 3); position: relative;}
#panelBodyContent > div > .flex > div:nth-child(2) {margin: 0 72px;}
.panelBodyContentEl {width: 100%; position: relative; margin-top: 48px;}
.panelBodyContentEl p {margin-top: 16px; font-size: 24px;}
.panelBodyContentEl p a, .panelBodyContentEl p a:visited {color: #fff; text-decoration: none; transition: all 0.2s linear;}
.panelBodyContentEl h3 {margin-bottom: 24px; line-height: 1.2;}
.panelBodyContentEl h3 a, .panelBodyContentEl h3 a:visited {color: #fff; text-decoration: none; transition: all 0.2s linear;}
.panelBodyContentEl h3 a:hover, .panelBodyContentEl p a:hover {color: #F4A50C !important;}
.panelBodyContentEl:first-child {margin-top: 0px;}
#panelBody .btn--hollow2 {margin-top: 32px;}
#panelBody .btn--hollow2::before {background-color: #242424 !important;}
#panelBodyContentElContacts {margin-bottom: 120px;}
.panel--open #panel {-webkit-transform: translate(0,0); transform: translate(0,0); opacity: 1;
-webkit-transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
}
#innerTop {width: 100%; position: relative; z-index: 1; color: #fff; background-color: #121212;}
#innerTop > .bg {z-index: 1;}
#innerTop:after {content: ''; display: block; width: 100%; height: 100%; z-index: 2; position: absolute; top: 0px; left: 0px; background-color: rgba(18,18,18,0.7);}
#innerTop > .centered {z-index: 3;}
#innerTop > .centered > .flex {height: 600px; padding: 140px 0 120px;}
#innerTop > .centered > .flex > div {align-items: center;}
#innerTop > .centered > .flex > div .txt h1 {margin-bottom: 0px;}
#innerTop > .centered > .flex > div .txt h5 {margin-top: 16px;}
#brcr {width: 100%; margin-top: 32px; list-style: none;}
#brcr > li {float: left; margin-right: 6px; margin-top: 8px; font-size: 13px; color: #9A9A9A;}
#brcr > li a, #brcr > li a:hover {color: #9A9A9A; text-decoration: none; border-bottom: 1px solid #9E222A; transition: all 0.2s linear;}
#brcr > li a:hover {color: #F4A50C; border-color: #F4A50C; transition: all 0.2s linear;}
#brcr > li:last-child a {color: #9A9A9A; border-bottom: none;}
#brcr > li:last-child a:hover {color: #9a9a9a;}
.nav-scroller__items {list-style: none; width: 100%; display: block;}
.nav-scroller__item {margin-right: 72px; float: left; margin-top: 8px;}
.nav-scroller__item:last-child {margin-right: 0px;}
.nav-scroller__items::-webkit-scrollbar {display: none;}
#innerMenu {padding: 48px 0 0;}
#innerMenu a, #innerMenu a:visited {color: #000000; font-size: 13px; line-height: 1; text-decoration: none; text-transform: uppercase; transition: all 0.2s linear; line-height: 1.3;}
#innerMenu a:hover, .innerMenuActive {color: #91252B !important; transition: all 0.2s linear;}
.columns-2-80 > div:first-child {width: 80%; padding-right: 10.86%;}
.columns-2-80 > div:last-child {width: 20%;}
#about .videoBtn > div:last-child {color: #000000;}
#about .videoBtn:hover > div:last-child {color: #F4A50C; transition: all 0.2s linear;}
.blockTop > div {align-items: center;}
.blockTop > div:first-child {padding-right: 32px; flex: 1 1 auto;}
#licenses .slick-slide {margin-right: 40px;}
.licensesSlickEl {position: relative; padding-top: 32px;}
.licensesSlickEl .ratio {width: calc(100% - 32px); position: relative; z-index: 3;}
.licensesSlickEl .ratio .ratio-inner {z-index: 3;}
.licensesSlickEl .ratio:before {content: ''; display: block; width: 100%; height: 100%; top: -30px; right: -30px; position: absolute; z-index: 1; /*background: linear-gradient(90deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%);*/ display: block; transition: all 0.2s linear; border: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1;}
/*.licensesSlickEl .ratio:after {content: ''; display: block; width: calc(100% - 2px); height: calc(100% - 2px); top: -29px; right: -29px; position: absolute; z-index: 2; display: block; transition: all 0.2s linear; background-color: #242424;}*/
.licensesSlickEl:hover .ratio:before {transition: all 0.2s linear; top: -16px; right: -16px;}
/*.licensesSlickEl:hover .ratio:after {transition: all 0.2s linear; top: -15px; right: -15px;}*/
.licensesSlickEl .txt {margin-top: 56px;}
.licensesSlickEl .txt p {font-size: 16px;}
.licensesSlickEl a, .licensesSlickEl a:visited {color: #fff; text-decoration: none; transition: all 0.2s linear;}
.licensesSlickEl a:hover {color: #F4A50C; transition: all 0.2s linear;}
#licenses {margin-top: 172px; overflow-x: hidden;}
#licenses .slick {width: calc(100% + 40px);}
.columns-2-72 > div:first-child {width: 72%; padding-right: 8.69%;}
.columns-2-72 > div:last-child {width: 28%;}
.ratio-columns-2-72 .ratio-inner {padding-top: 110%;}
.ratio-columns-2-72 {top: 0px; position: absolute; width: 100%;}
#bottom {overflow: hidden;}
#workshop .flex2 .btn {width: 100%; display: block; margin-top: 8px; padding: 0 16px;}
#workshop .flex2 .btn:first-child {margin-top: 0px;}
#workshop .flex2 > div .clearfix {width: 100%;}
.block .bg {z-index: 1;}
.background-cover {color: #fff;}
.gallery {margin-top: 80px;}
.gallery .flex {width: 100%; position: relative;}
.galleryTop > div {align-items: center; justify-content: flex-end; width: 100%;}
.galleryBody {overflow: hidden; margin-top: 40px;}
.galleryBody .slick2 {width: calc(100% + 30px);}
.galleryBody .slick-slide {margin-right: 30px;}
.galleryBody .slick-slide .ratio {overflow: hidden;}
.galleryBody .slick-slide .ratio .bg {transition: all 0.2s linear;}
.galleryBody .galleryBodySlickEl a:hover .ratio .bg {transition: all 0.2s linear; transform: scale(1.1,1.1);}
.workshopNum {font-size: 200px; line-height: 1; color: rgba(248,240,236,0.1); z-index: 1; position: absolute; top: -68px; left: -24px;}
.columns-1-90 > div {width: 100%; padding-right: 10%;}
#leaders {margin-top: -172px;}
#leaders .flex > div {width: calc((100% - 90px) / 4); margin-left: 30px; margin-top: 72px; position: relative;}
#leaders .flex > div:nth-child(-n+4) {margin-top: 0px;}
#leaders .flex > div:nth-child(4n+1) {margin-left: 0px;}
.leadersEl {width: 100%; height: 100%; display: block; text-decoration: none; color: #000; position: relative;}
.txt h4 {line-height: 1.3; font-size: 32px; font-weight: bold; margin-top: 40px;}
.txt h4:first-child {margin-top: 0px;}
.leadersElInfo {margin-top: 40px;}
.leadersElInfo p {color: #9A9A9A; font-size: 20px;}
.leadersEl .ratio, .galleryMansonryEl .ratio {overflow: hidden;}
.leadersEl .ratio .bg, .galleryMansonryEl .ratio .bg {transition: all 0.2s linear;}
.leadersEl:hover .ratio .bg, .galleryMansonryEl:hover .ratio .bg {transition: all 0.2s linear; transform: scale(1.1,1.1);}
.txt ul {margin-top: 24px; list-style: none;}
.txt ol {margin-top: 24px; padding-left: 20px;}
.txt ul > li {margin-top: 20px; position: relative; padding-left: 64px; line-height: 1.5;}
.txt ol > li {margin-top: 8px; position: relative; line-height: 1.5;}
.txt ul > li:first-child, .txt ol > li:first-child {margin-top: 0px;}
.txt ul > li:before {content: ''; display: block; width: 13px; height: 13px; left: 24px; top: 8px; position: absolute; background: url('../img/bullet.svg') no-repeat;}
#thesisBody > div {width: calc((100% - 40px) / 2); margin-left: 40px; margin-top: 40px; position: relative;}
#thesisBody > div:nth-child(-n+2) {margin-top: 0px;}
#thesisBody > div:nth-child(2n+1) {margin-left: 0px;}
.thesisBodyEl {width: 100%; height: 100%; position: relative; color: #fff; text-decoration: none; display: block; padding: 1px; /*background: linear-gradient(90deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%);*/ border: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1;}
.thesisBodyEl .txt {padding: 32px 32px 48px;}
/*.txt h6 {line-height: 1.3; font-size: 24px; font-weight: normal; margin-top: 32px;}
.txt h6:first-child {margin-top: 0px;}*/
.picBottomWrp {width: 100%; height: calc(100% + 172px); position: absolute; top: 0px; left: 0px;}
.picTopWrp {width: 100%; height: calc(100% + (172px + 80px)); position: absolute; bottom: 0px; left: 0px;}
.picVerticalWrp {width: 100%; height: calc(100% + (172px + 80px)); position: absolute; top: 0px; left: 0px;}
#innerArticlesTop p {float: left; display: inline-block; margin-right: 48px; margin-bottom: 8px;}
#innerArticlesTop p a, #innerArticlesTop p a:visited {color: #9A9A9A; text-decoration: none; border-bottom: 1px solid #9E222A; transition: all 0.2s linear;}
#innerArticlesTop p a:hover, #innerTopArticleBack:hover > div:last-child p {color: #F4A50C; border-color: #F4A50C;}
#innerArticlesTop {margin-bottom: 80px;}
.background-121212 .btn--hollow2:before {background-color: #121212 !important;}
#bottomBtn {margin-top: 172px;}
.innerTopArticle {background-color: #121212; padding-top: 200px; height: auto;}
.innerTopArticle h1 {width: 90%;}
#innerTop.innerTopArticle > .centered > .flex {height: auto; padding: 0 0;}
#innerTop.innerTopArticle > .centered > .flex > div {align-items: flex-end;}
#innerTopArticleBack {margin-top: 24px; display: inline-flex; cursor: pointer; text-decoration: none;}
#innerTopArticleBack > div {align-items: center;}
#innerTopArticleBack > div:first-child svg {transform: rotate(180deg);}
#innerTopArticleBack > div:first-child svg path {fill: #9A9A9A; transition: all 0.2s linear;}
#innerTopArticleBack:hover > div:first-child svg path {fill: #F4A50C; transition: all 0.2s linear;}
#innerTopArticleBack > div:last-child {padding-left: 24px;}
#innerTopArticleBack > div:last-child p {color: #9A9A9A; border-bottom: 1px solid #9E222A; transition: all 0.2s linear;}
.columns-2-66 > div {position: relative;}
.columns-2-66 > div:first-child {width: 66%; padding-right: 6%;}
.columns-2-66 > div:last-child {width: 34%;}
#article {padding-top: 56px;}
.columns-2-66 > div:last-child > div, .columns-2-66 > div:last-child .ratio {width: 100%; position: relative;}
.columns-2-66 > div:first-child .txt {padding-top: 172px;}
.ratio-article {padding-top: 113%;}
.galleryMansonry {margin-top: 120px;}
.galleryMansonry > div {width: calc((100% - 90px) / 4); margin-left: 30px; margin-top: 30px; position: relative;}
.galleryMansonry > div:nth-child(-n+4) {margin-top: 0px;}
.galleryMansonry > div:nth-child(4n+1) {margin-left: 0px;}
.galleryMansonryEl {width: 100%; height: 100%; position: relative;}
#articleBottom {margin-top: 120px;}
#share span {padding-right: 32px; position: relative;}
#share span:after {content: ''; display: block; width: 20px; height: 20px; position: absolute; right: 0px; top: 50%; margin-top: -10px; background: url('../img/share2.svg') no-repeat; background-size: 20px 20px;}
#articleBottom .linkA {margin-top: 0px;}
#articleBottom > div {align-items: center;}
#articleBottom > div:last-child {padding-left: 80px;}
#moreArticles .articles {margin-top: 56px;}
.background-F8F0EC .articlesEl .label {color: #000;}
.background-F8F0EC .articlesEl .txt h6 {color: #000; transition: all 0.2s linear;}
.background-F8F0EC .articlesEl:hover .txt h6 {color: #F4A50C; transition: all 0.2s linear;}
.productBodyInner {margin-top: 0px !important;}
.productBodyInnerLast {width: 100% !important; margin-left: 0px;}
.productBodyInnerLast .flex2 .txt h5 {margin-bottom: 16px;}
.columns-2-78-22 > div {align-items: center; position: relative;}
.columns-2-78-22 > div:first-child {width: 78%; z-index: 2;}
.columns-2-78-22 > div:nth-child(2) {width: 22%; z-index: 1;}
#call > div:first-child .txt {width: 90%;}
#callForm {margin-top: 48px;}
#callForm > div {align-items: flex-start; position: relative;}
#callForm > div:first-child {padding-right: 16px; width: calc(100% - 240px);}
#callForm > div:last-child {width: 240px;}
#callForm > div:last-child > div, #callForm > div:last-child > div .btn {width: 100%;}
#callForm > div:first-child > div {width: 100%; position: relative;}
#callForm > div:first-child .flex > div {align-items: center; width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 16px;}
#callForm > div:first-child .flex > div:nth-child(-n+2) {margin-top: 0px;}
#callForm > div:first-child .flex > div:nth-child(2n+1) {margin-left: 0px;}
.input {width: 100%; height: 41px; padding: 0 32px; background-color: #000000; color: #FFFFFF; font-size: 13px; font-family: 'DM Sans', sans-serif; text-transform: uppercase;}
#call .conf {margin-top: 32px; width: 100%;}
.conf p {font-size: 13px;}
.background-242424 .txt a, .background-242424 .txt a:visited, .background-121212 .txt a, .background-121212 .txt a:visited {color: #fff; text-decoration: none; border-bottom: 1px solid #fff; transition: all 0.2s linear;}
.background-F8F0EC .txt a, .background-F8F0EC .txt a:visited {color: #000000; text-decoration: none; border-bottom: 1px solid #9E222A; transition: all 0.2s linear;}
.txt a:hover {color: #F4A50C !important; border-color: #F4A50C !important; transition: all 0.2s linear;}
#call > div:nth-child(2) img {position: absolute; right: 0px; bottom: -172px;}
.items > div {width: calc((100% - 112px) / 3); margin-left: 56px; margin-top: 48px; position: relative;}
.items > div:nth-child(-n+3) {margin-top: 0px;}
.items > div:nth-child(3n+1) {margin-left: 0px;}
.itemsBodyEl {width: 100%; height: 100%; padding: 40px; border: 5px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1; cursor: pointer;}
.itemsBodyElInfo {margin-top: 32px; margin-bottom: 32px;}
.itemsBodyElInfo p {font-size: 16px;}
.itemsBodyEl .btn {width: 100%;}
.itemsBodyEl:hover .btn:after {opacity: 0; transition: all 0.2s linear;}
.table {width: 100%; border-collapse: collapse;}
.table tr td {padding: 40px; border: 1px solid #D85907;}
.nostretch {width: 1%; white-space: nowrap;}
.table tr td p {font-size: 24px;}
.tableWrp {width: 100%; position: relative;}

.productBodyEl2 {width: 100%; height: 100%; position: relative; color: #fff; text-decoration: none; display: block; z-index: 1; background: rgba(18,18,18,1); border: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1; overflow: hidden;}
.productBodyEl2 .flex2 {padding: 48px 48px 32px; transition: all 0.2s linear; position: relative; z-index: 3;}
.productBodyEl2 .bg {z-index: 1; transition: all 0.2s linear;}
.productBodyEl2:before {content: ''; width: 100%; height: 100%; z-index: 2; top: 0px; left: 0px; background-color: #000000; opacity: 0.7; display: block; transition: all 0.2s linear; position: absolute;}
.productBodyEl2 .flex2 .txt h5 {margin-bottom: 72px; transition: all 0.2s linear;}
.productBodyEl2 .flex2 > div:nth-child(2) {justify-content: flex-end;}
.productBodyEl2 .flex2 > div:nth-child(2) svg path {fill: #F4A50C; transition: all 0.2s linear;}
.productBodyEl2:hover .bg {transform: scale(1.1,1.1); transition: all 0.2s linear;}
a.productBodyEl2:hover .flex2 > div:nth-child(2) svg path {fill: #fff; transition: all 0.2s linear;}
#ordersBody {columns: 2; column-gap: 56px; margin-top: 40px;}
#ordersBody > div {-webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -moz-page-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;}
.checkbox {width: 100%; cursor: pointer; margin-top: 16px;}
.checkbox:first-child {margin-top: 0px;}
.checkbox > div {align-items: center;}
.checkbox > div:first-child {width: 40px;}
.checkbox > div:first-child span {display: block; width: 40px; height: 40px; border: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1; position: relative;}
.checkbox > div:last-child {padding-left: 16px; width: calc(100% - 40px);}
.ordersBodyElList {margin-top: 32px;}
.ordersBodyEl {margin-bottom: 72px;}
#attach {margin-top: 16px;}
#attachAdd {cursor: pointer;}
#attachAdd > div {align-items: center;}
#attachAdd > div:first-child {width: 32px !important;}
#attachAdd > div:first-child img {width: 32px; height: 32px; display: block;}
#attachAdd > div:last-child {width: calc(100% - 32px) !important; margin-left: 0px !important; padding-left: 16px;}
#attachAdd > div:last-child p {text-transform: uppercase; font-size: 13px; color: #fff; transition: all 0.2s linear;}
#attachAdd:hover > div:last-child p {color: #F4A50C; transition: all 0.2s linear;}
.checkbox > div:first-child span:before, .tabsTopEl:before {content: ''; display: block; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; visibility: hidden; opacity: 0; top: -1px; left: -1px; background: linear-gradient(90deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); transition: all 0.2s linear; z-index: 1;}
.checkbox--active > div:first-child span:before, .tabsTopEl--active:before {opacity: 1; visibility: visible; transition: all 0.2s linear;}
#partners {padding-top: 0px;}
img.imgborder {max-height: 100%; max-width: 100%; height: auto; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#partnersBody {margin-top: 80px;}
#partnersBody > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;}
#partnersBody > div:nth-child(-n+4) {margin-top: 0px;}
#partnersBody > div:nth-child(4n+1) {margin-left: 0px;}
.partnersBodyEl {display: block; width: 100%; height: 100%; padding: 40px; background-color: #fff; border: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1; position: relative;}
.partnersBodyEl .ratio {transition: all 0.2s linear;}
.partnersBodyEl:hover .ratio {transform: scale(1.1,1.1); transition: all 0.2s linear;}
#orders {background: url('../img/fog2.png') no-repeat #121212; background-position: 100% 100%;}
.margin-80 {margin-top: 80px;}
.tabsBody {width: 100%; position: relative;}
.tabsBodyEl {display: none;}
.tabsTopEl {width: 100%; height: auto; padding: 24px 32px; border: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1; position: relative; margin-top: 16px; cursor: pointer;}
.tabsTopEl:first-child {margin-top: 0px;}
.tabsTopEl p {font-size: 24px; position: relative; z-index: 2;}
.thesisBodyEl h6 {font-weight: 500;}
#bigbtn {padding: 172px 0 40px;}
.background-ffffff {background-color: #ffffff;}
#bigbtn .columns-2-29 .btn {width: 100%; text-align: center; height: 80px; line-height: 80px; font-size: 16px;}
.careerBlock {width: 100%; padding: 24px 32px 40px; border: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1; position: relative;}
.careerBlockList .accordeon {width: 100%; border-bottom: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1;}
.careerBlockList .accordeon:first-child {border-top: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1;}
.accordeonTop {width: 100%; cursor: pointer; padding: 24px 0;}
.accordeonTop > div {align-items: center;}
.accordeonTop > div:first-child {padding-right: 32px; width: calc(100% - 48px);}
.accordeonTop > div:last-child {width: 48px; position: relative;}
/*.accordeonTop > div:last-child img {position: absolute; width: 48px; height: 48px; display: block; top: 50%; margin-top: -24px; left: 50%; margin-left: -24px; transition: all 0.2s linear;}*/
.accordeonTop > div:last-child svg {display: block; width: 48px; height: 48px;}
/*.accordeon--open .accordeonTop > div:last-child img {transform: rotate(45deg); transition: all 0.2s linear;}*/
.plusLine2 {visibility: visible; opacity: 1; transition: all 0.2s linear;}
.accordeon--open .plusLine2 {visibility: hidden; opacity: 0; transition: all 0.2s linear;}
.accordeonBody {display: none; padding: 0 0 32px;}
.txt ul:first-child {margin-top: 0px;}
.careerBlockList {margin: 40px 0;}
#map {width: 100%; height: 800px; position: relative;}
#mapBody {width: 100%; height: 100%; position: relative; z-index: 1; background-color: grey;}
#mapBottom {position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 2;}
#mapBottom .btn {float: right;}
#contactsBody > div {width: calc((100% - 72px) / 2); margin-left: 72px; position: relative;}
#contactsBody > div:first-child {margin-left: 0px;}
.workshopItem {position: relative;}
.workshopItem > .bg {z-index: 1;}
.workshopItem .centered {position: relative; z-index: 3;}
.workshopItem:before {content: ''; display: block; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0.75; z-index: 2; background-color: #000000;}
.textarea {width: 100%; height: 100px; padding: 12px 32px; background-color: #000000; color: #FFFFFF; font-size: 13px; font-family: 'DM Sans', sans-serif; text-transform: uppercase; margin-top: 16px;}
.mpBlock1SliderImg {opacity: 0; z-index: 1;}
.sliderBodyEl {display: none; opacity: 0; z-index: 1;}
.sliderBodyEl--active {z-index: 3;}
.mpBlock1SliderImg {opacity: 0; z-index: 1; transition: all 0.2s linear;}
.mpBlock1SliderImg--active {opacity: 1; z-index: 3; transition: all 0.2s linear;}
#footerBottom {display: none;}
#hdnDiv {display: none;}
#mdl {width: 840px; padding: 32px; background-color: #121212; color: #fff; display: none;}
.ratio-16-9 {padding-top: 56%;}
#mdlForm .flex > div {width: calc((100% - 16px) / 2); margin-left: 16px;}
#mdlForm .flex > div:first-child {margin-left: 0px;}
#mdlForm {margin-top: 24px;}
.red--color {color: #F42F35; transition: all 0.2s linear;}
#mdl .btn {margin-top: 32px;}
#mdl .conf {margin-top: 24px;}
#mdl .conf a, #mdlForm .conf a:visited {color: #fff; border-color: #fff; transition: all 0.2s linear;}
#mdl .conf a:hover {color: #F4A50C; border-color: #F4A50C;}
#loader {display: block; width: 56px; height: 56px; position: relative;}
#loader img {width: 100%; height: 100%;}
#mdl #loader {margin-top: 32px;}
.attachFilesEl {width: 100%;}
.attachFilesEl > div {vertical-align: middle;}
.attachFilesEl > div:last-child {width: 32px;}
.attachFilesDel {font-size: 24px; font-weight: normal; color: #fff; cursor: pointer; padding: 4px; transition: all 0.2s linear; display: block; width: 32px; line-height: 32px; text-align: center;}
.attachFilesDel:hover {color: #F42F35; transition: all 0.2s linear;}
.attachFilesEl > div:first-child .txt p {font-size: 18px;}
#attach #loader, #bottomBtn #loader {width: 40px; height: 40px;}
#innerSearch {padding: 0 0 176px;}
.searchBody {color: #fff; text-decoration: none; padding: 16px 0; display: block; width: 80%;}
.searchBody .label {font-size: 13px; text-transform: uppercase; margin-bottom: 8px;}
.searchBody .txt p {margin-top: 16px;}
.searchBody:first-child {padding-top: 0px;}
.searchBody:last-child {padding-bottom: 0px;}
.searchBody .txt h6 {color: #fff; transition: all 0.2s linear;}
.searchBody:hover .txt h6 {color: #F4A50C; transition: all 0.2s linear;}
.scroll_tracking {opacity: 0;}
.scroll_tracking.scroll_tracking--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;}
.scroll_tracking2 {-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;}
.scroll_tracking2.scroll_tracking--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;}
.sitemap-24 {margin-left: 24px;}
.ya-share2 {margin-top: 12px;}
#mdl .ratio {width: 100%; position: relative;}

.jobEl {width: 100%; border: 1px solid transparent; border-image: linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -moz-border-image: -moz-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); -webkit-border-image: -webkit-linear-gradient(0deg, #D85907 0%, #F42F35 47.4%, #F6AA0B 100%); border-image-slice: 1; position: relative; margin-top: 20px;}
.jobEl:first-child {margin-top: 0px;}
.jobElTop {width: 100%; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; padding: 32px 32px; }
.jobElTop > div {align-items: center;}
.jobElTop > div:last-child {width: 48px;}
.jobElTop > div:nth-child(2) {width: 30%;}
.jobElTop > div:first-child {width: calc(100% - (30% + 48px)); padding-right: 20px;}
.jobElTop > div:nth-child(2) p {font-size: 22px; font-weight: 500;}
.jobEl .btn {margin-top: 40px;}
.jobElBody > div {width: 100%;}
.jobElBodyEl {margin-top: 40px;}
.jobElBodyEl:first-child {margin-top: 0px;}
.jobElBody {display: none; margin-bottom: 0px !important; padding: 0px 32px 32px;}
.jobEl--open .jobElBody {display: block !important;}
.jobEl--open .plusLine2 {display: none;}
.paddingBottom-172 {padding-bottom: 172px;}
#blogVideo {width: 60%; margin: 0 auto;}
.allCareerBtn {margin-top: 40px;}
.select {width: 100%; height: 41px; padding: 0 32px; background-color: #000000; color: #FFFFFF; font-size: 13px; font-family: 'DM Sans', sans-serif; text-transform: uppercase; display: block; width: 100%; margin-top: 16px;}
.jobEl .txt h3 {font-size: 32px;}
.jobElBody .txt h4 {font-size: 24px; font-weight: 500;}