@font-face {
  font-family: 'Bebas Neue';
  src: url('fonts/BebasNeueRegular.eot');
  src: local('Bebas Neue Regular'), local('BebasNeueRegular'),
    url('fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
    url('fonts/BebasNeueRegular.woff') format('woff'),
    url('fonts/BebasNeueRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('fonts/BebasNeueBold.eot');
  src: local('Bebas Neue Bold'), local('BebasNeueBold'),
    url('fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/BebasNeueBold.woff') format('woff'),
    url('fonts/BebasNeueBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
* { 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, a, img {outline: none;}
body {width: 100%; color: #303030; background-color: #F5F5F5; font-size: 20px; overflow-x: hidden; min-width: 320px; position: relative; font-family: "Rubik", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.wrap {min-height: 100%;}
#main {padding-bottom: 320px;}
footer {min-height: 320px; margin-top: -320px; position: relative; width: 100%; background-color: #0D151E; color: #F5F5F5;}
.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 #map {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: 20px; min-height: 32px; margin: 0 0 0px;}
.marginTop-80 {margin-top: 80px;}
.marginTop-88 {margin-top: 88px;}
.marginTop-100 {margin-top: 100px;}
.marginTop-24 {margin-top: 24px;}
.marginTop-16 {margin-top: 16px;}
.marginTop-8 {margin-top: 8px;}
.marginTop-32 {margin-top: 32px;}
.marginTop-40 {margin-top: 40px;}
.marginTop-48 {margin-top: 48px;}
.marginTop-56 {margin-top: 56px;}
.marginTop-64 {margin-top: 64px;}
.marginTop-120 {margin-top: 120px;}

.centered {width: 1480px; margin: 0 auto; position: relative;}
.centered2 {width: 1672px; margin: 0 auto;}
#top {position: relative; z-index: 3; width: 100%;}
#topBody {color: #F5F5F5; padding: 20px 0;}
#topBody > div {align-items: center;}
#topBody > div:first-child {width: 15%;}
#topBody > div:nth-child(2) {flex: 1 1 0; padding: 0 20px;}
#topBody > div:nth-child(2) ul {list-style: none; width: 100%;}
#topBody > div:nth-child(2) ul li {float: left; margin: 4px 24px 4px 0; position: relative;}
#topBody > div:nth-child(2) ul li a, #topBody > div:nth-child(2) ul li a:visited {color: #F5F5F5; text-decoration: none; transition: all 0.1s linear; font-family: 'Bebas Neue'; font-weight: bold; line-height: 1;}
#topBodySocial > a, #panelSocial > a {display: block; float: left; margin-left: 8px; width: 24px; height: 24px; position: relative; text-decoration: none; transition: all 0.1s linear;}
#footerSocial > a {display: block; float: left; margin-left: 8px; width: 28px; height: 28px; position: relative; text-decoration: none; transition: all 0.1s linear;}
#topBodySocial > a img, #footerSocial > a img, #panelSocial > a img {width: 100%; height: 100%;}
#topBodySocial > a:first-child, #footerSocial > a:first-child, #panelSocial > a:first-child {margin-left: 0px;}
#topBody > div:first-child img {display: block; width: auto; height: 48px;}
#topBody > div:last-child > .flex > div {align-items: center;}
#topBody > div:last-child > .flex > div:first-child a {color: #F5F5F5; text-decoration: none; font-family: 'Bebas Neue'; font-weight: bold; transition: all 0.1s linear;}
#topBody > div:last-child > .flex > div:first-child a:hover, #topBody > div:nth-child(2) ul li a:hover {color: #E0E0E0; transition: all 0.1s linear;}
#topBodySocial {margin: 0 40px;}
.button {float: left; padding: 0 32px; border-radius: 6px; text-decoration: none; font-family: 'Bebas Neue'; font-weight: bold; line-height: 1; font-size: 22px; transition: all 0.1s linear; border: 1px solid #FF7D4E; background-color: #FF7D4E; height: 56px; cursor: pointer; color: #F5F5F5; line-height: 1; margin-right: 20px;}
.button > div {aling-items: center; height: 100%;}
.button:last-child {margin-right: 0px;}
.button:hover {background-color: #FF6933; border-color: #FF6933; transition: all 0.1s linear;}
.button > div {align-items: center; height: 100%;}
#topBody > div:last-child .button {height: 48px; padding: 0 24px; font-size: 20px;}
#mpBlock1 {position: relative; z-index: 1; margin-top: -88px; color: #F5F5F5; overflow: hidden;}
#mpBlock1Body {width: 100%; padding-top: calc(80px + 88px); padding-bottom: 80px;}
#mpBlock1 > .bg {z-index: 1; background-color: #303030; overflow: hidden;}
#mpBlock1 > .bg video {opacity: 0.8;}
#mpBlock1 .centered {z-index: 5; position: relative;}
#mpBlock1:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; opacity: 0.8; background: #000000; background: linear-gradient(90deg, #000000, #303030);}
#mpBlock1:after {content: ''; width: 1200px; height: 1200px; background-color: rgba(255, 125, 78, 0.1); position: absolute; left: 50%; margin-left: -600px; bottom: -600px; z-index: 2; position: absolute; border-radius: 50%;
filter: blur(300px);
-webkit-filter: blur(300px);
-moz-filter: blur(300px);
-o-filter: blur(300px);
-ms-filter: blur(300px);
}
#mpBlock1Body > div {width: calc(50% - 10px);}
#mpBlock1Body > div > div {width: 100%;}
#mpBlock1Body > div:first-child h1 {font-size: 48px; line-height: 1; font-family: 'Bebas Neue'; font-weight: bold;}
#mpBlock1Body > div:last-child {padding-left: 8%; margin-left: 20px;}
.txt p {margin-top: 24px; line-height: 1.3;}
.txt p:first-child {margin-top: 0px;}
.txt ul {list-style: none; margin-top: 20px;}
.txt ol {margin-top: 20px; padding-left: 24px;}
.txt ul li {margin-top: 16px; position: relative; padding-left: 36px; line-height: 1.1;}
.txt ul li:before {content: ''; width: 24px; height: 24px; position: absolute; left: 0px; top: -1px; background: url('../img/bullet.svg') no-repeat; background-size: 24px 24px; z-index: 3;}
.txt ul:first-child, .txt ul li:first-child, .txt ol:first-child, .txt ol li:first-child {margin-top: 0;}
.txt ol li {margin-top: 12px; line-height: 1.1;}
.txtLabels ul:after {content: ''; display: table; clear: both;}
.txtLabels ul {margin-bottom: 32px;}
.txtLabels ul:last-child {margin-bottom: 0px;}
.txtLabels ul li {padding-left: 42px; margin-top: 24px;}
.txtLabels ul li:first-child {margin-top: 0px;}
.txtLabels ul li:before {left: 8px;}
.txtLabels ul li span:after {content: ''; position: absolute; display: block; width: calc(100% + 58px); height: calc(100% + 16px); background-color: rgba(13,21,30,0.2); left: -42px; border-radius: 6px; z-index: -1; top: -8px;}
.txtLabels ul li span {position: relative; z-index: 2;}
#mpBlock1 > img {position: absolute; left: 50%; margin-left: -855px; z-index: 3; width: 1710px; height: 1582px; top: 50%; margin-top: -791px; opacity: 0.8;}
#mpBlock1BodySchema {width: 100%;}
#mpBlock1BodySchema > div:first-child {align-items: flex-start; justify-content: center;}
#mpBlock1BodySchema > div > div {width: 100%;}
.mb1bssEl > p:first-child {line-height: 1; font-family: 'Bebas Neue'; font-weight: bold; font-size: 24px;}
.mb1bssEl > p:nth-child(2) {font-size: 16px; line-height: 1.3; margin-top: 16px;}
#mpBlock1BodySchemaSliderNav {list-style: none;}
.mb1bssnEl {float: left; width: 12px; height: 12px; border-radius: 50%; background-color: #f5f5f5; transition: all .4s ease-in-out;; margin: 0 4px; display: block; cursor: pointer;}
.mb1bssnEl--active {background-color: #FF7D4E; transition: all .4s ease-in-out;;}
.block {position: relative; width: 100%;}
.block:last-child {margin-bottom: 100px;}
.blockTop > div, .blockBottom > div {width: calc(50% - 10px);}
.blockTop > div:first-child, .blockBottom > div:first-child {align-items: flex-start;}
.blockTop > div:last-child, .blockBottom > div:last-child {margin-left: 20px; align-items: flex-end; justify-content: flex-end;}
.blockTop > div:last-child .txt {width: 65%; text-align: right;}
.txt h2, .likeH2 {font-size: 48px; line-height: 1 !important; font-family: 'Bebas Neue'; font-weight: bold; margin-bottom: 40px; margin-top: 40px;}
.txt h2:last-child, .txt .likeH2:last-child {margin-bottom: 0px;}
.txt h2:first-child, .txt .likeH2:first-child {margin-top: 0px;}
.thesis > div {width: calc((100% - 60px) / 4); position: relative; margin-left: 20px; margin-top: 20px;}
.thesis > div:nth-child(4n+1) {margin-left: 0px;}
.thesis > div:nth-child(-n+4) {margin-top: 0px;}
.thesisEl {width: 100%; height: 100%; background-color: #fff; border-radius: 6px; text-align: center; padding: 32px;}
.thesisEl img {display: block; width: 48px; height: 48px; margin: 0 auto;}
.thesisEl p {margin-top: 16px; line-height: 1.2; font-size: 22px;}
.bg-0D151E {background-color: #0D151E; color: #f5f5f5;}
.wideBlock {border-radius: 6px; width: 1672px; padding: 64px 0; margin: 0 auto; overflow: hidden; position: relative;}
.wideBlock .centered {position: relative; z-index: 5;}
.wideBlock .txt:not(.conf) {text-align: center;}
#form .txt h2, #form .txt .likeH2 {font-size: 40px;}
#form .txt:not(.conf) {width: 70%; margin-left: 15%;}
.attach {background-color: transparent; border: 1px dashed #f5f5f5; color: #f5f5f5; padding: 0 20px;}
.attach > div:first-child {width: 22px;}
.attach > div:first-child img {display: block; width: 22px; height: 22px;}
.attach > div:nth-child(2) {margin-left: 10px; font-family: "Rubik", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 18px;}
.formWrp > div {align-items: center;}
.formWrp > .flex {width: 100%;}
.formWrp > .flex > div:last-child, .formWrp > .flex > div:nth-child(2) {margin-left: 20px;}
.formWrp > .flex > div:first-child {flex: 1 1 0;}
.formWrp > .flex > div:first-child > div {width: 100%;}
.input {display: block; width: 100%; float: left; border-radius: 6px; padding: 0 20px; font-family: "Rubik", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 18px; height: 56px; transition: all 0.1s linear;}
.bg-0D151E .input {border: 1px solid rgba(245,245,245,0.24); color: #f5f5f5; background-color: rgba(245,245,245,0.2); backdrop-filter: blur(12px);}
.select {display: block; width: 100%; float: left; border-radius: 6px; padding: 0 20px; font-family: "Rubik", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 18px; height: 56px; transition: all 0.1s linear; border: 1px solid #939696; color: #303030; background-color: #f5f5f5;}
.input--two {float: left; margin-left: 20px; width: calc((100% - 20px) / 2); margin-left: 20px;}
.input--two:nth-child(2n+1) {margin-left: 0px;}
.input--two:nth-child(-n+2) {margin-top: 0px;}
.marginTop-20 {margin-top: 20px;}
.conf {font-size: 16px;}
.txt b, .txt strong {font-weight: 500;}
.txt a, .txt a:visited {color: #303030; transition: all 0.1s linear;}
.txt a:hover {color: #FF7D4E; transition: all 0.1s linear;}
.bg-0D151E .txt a, .bg-0D151E .txt a:visited {color: #f5f5f5; transition: all 0.1s linear;}
.txt a:hover {color: #FF7D4E !important; transition: all 0.1s linear;}
.bg-FFFFFF {background-color: #FFFFFF;}
.paddingTop-100 {padding-top: 100px;}
.slickWrp {overflow: hidden;}
.slickWrpBody {width: calc(100% + 20px); margin-left: -20px; position: relative;}
.slickWrpBody .slick-slide {margin-left: 20px;}
.serviceEl {width: 100%; height: 100%;}
.serviceEl {display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100%;}
.serviceEl > div, .serviceEl > a {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.serviceEl > div:first-child, .serviceEl > a:first-child {height: calc(100% - 80px);}
.serviceEl > 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;}
.serviceEl > a {color: #303030; text-decoration: none;}
.serviceEl > a .flex2 > div > div {width: 100%;}
.serviceEl > a .flex2 {width: 100%; height: 100%;}
.elementTop {width: 100%;}
.elementTop > div {align-items: center;}
.elementTop > div:first-child, .elementTop > div:last-child {width: 32px; height: 32px; border-radius: 6px;}
.elementTop > div:first-child {background-color: #FF7D4E; text-align: center; justify-content: center; align-items:center; font-size: 13px; line-height: 1; font-weight: 400; color: #f5f5f5;}
.elementTop > div:last-child {background-color: transparent; justify-content: center; align-items:center; border: 1px solid #939696; font-size: 13px; line-height: 1; font-weight: 400; color: #939696;}
.elementTop > div:nth-child(2) {flex: 1 1 0; padding: 0 16px;}
.elementTop > div:nth-child(2) span {width: 100%; height: 1px; display: block; background-color: #939696;}
.txt h3, .likeH3, .txt.serviceEl2TopTxt h2 {font-size: 32px; line-height: 1 !important; font-family: 'Bebas Neue'; font-weight: bold; margin-top: 32px;}
.txt h3:first-child, .likeH3:first-child, .txt.serviceEl2TopTxt h2:first-child {margin-top: 0px;}
.serviceEl > a:first-child {padding: 32px 32px 24px; background-color: #F5F5F5; border-radius: 6px 6px 0 0; width: 100%;}
.serviceEl > div:last-child {background-color: #F5F5F5; border-radius: 0px 0px 6px 6px; padding: 0 32px 32px; transition: all 0.1s linear;}
.serviceEl > div:last-child .stroke {transition: all 0.1s linear;}
.serviceEl > div:last-child > div {width: 100%;}
.serviceEl > div:last-child .button {width: 100%; justify-content: center; height: 48px; padding: 0 0; font-size: 20px;}
.button--hollow {border-color: #303030; color: #303030; background-color: transparent;}
.button--hollow:hover {color: #f5f5f5;}
.serviceEl > a:first-child .flex2 > div:last-child {padding-top: 32px; font-size: 16px;}
.serviceEl h3 {width: 90%;}
.slickMore {width: 100%; height: 100%; border: 1px solid #939696; justify-content: center; align-items: center; padding: 32px; border-radius: 6px; color: #303030; text-decoration: none; transition: all 0.1s linear; font-size: 24px; line-height: 1; font-family: 'Bebas Neue'; font-weight: bold;}
.slickMore:hover {color: #FF6933; transition: all 0.1s linear;}
.slick-track {display: flex !important;}
.slick-slide {height: inherit !important;}
.serviceEl > a:hover .elementTop > div:last-child {background-color: #FF6933; border-color: #FF6933;}
.elementTop > div:last-child .stroke {transition: all 0.1s linear; stroke: #939696;}
.serviceEl > a:hover .elementTop > div:last-child .stroke {transition: all 0.1s linear; stroke: #f5f5f5;}
.blockBottom .clearfix .button {margin-top: 40px;}
.button--icon {padding: 0 0; width: 56px; justify-content: center; background-color: transparent; border-color: #939696;}
.button--icon .stroke {stroke: #303030; transition: all 0.1s linear;}
.button--icon:hover .stroke {stroke: #f5f5f5; transition: all 0.1s linear;}
.button--icon:hover {border-color: #FF6933;}
.padding-100 {padding: 100px 0;}
.casesEl {width: 100%; height: 100%; background-color: #F5F5F5; border-radius: 6px;}
.casesEl > div:first-child a {width: 100%; height: 100%; color: #303030; text-decoration: none;}
.casesEl > div:first-child a > div:first-child > div {align-items: flex-start;}
.casesElTop > div:first-child {flex: 1 1 0; padding-right: 32px;}
.casesElTop > div:last-child > div {background-color: transparent; justify-content: center; align-items:center; border: 1px solid #939696; width: 32px; height: 32px; border-radius: 6px; justify-content: center; transition: all 0.1s linear;}
.casesElTop > div:last-child .stroke {stroke: #939696; transition: all 0.1s linear;}
.casesEl a.flex3:hover .casesElTop > div:last-child > div {background-color: #FF6933; border-color: #FF6933; transition: all 0.1s linear;}
.casesEl a.flex3:hover .casesElTop > div:last-child .stroke {stroke: #f5f5f5; transition: all 0.1s linear;}
.casesElTop {padding: 32px; }
.casesElStats {width: 100%; padding: 24px; background-color: #fff; border-radius: 6px;}
.casesEl > div:first-child > .flex3 > div:last-child {padding: 0 8px;}
.casesElStats > div:first-child {width: 35%; align-items: center;}
.casesElStats > div:nth-child(2) {width: calc(100% - (35% + 35%)); padding: 0 32px; align-items: flex-start;}
.casesElStats > div:last-child {width: 35%; align-items: center;}
.casesElStatsEl {width: 100%; height: 100%; color: #797979;}
.casesElStatsEl > div:first-child p:first-child {font-size: 18px; line-height: 1; font-family: 'Bebas Neue'; font-weight: bold; display: block;}
.casesElStatsEl > div:first-child p:first-child span {display: block; font-size: 40px; line-height: 1; font-family: 'Bebas Neue'; font-weight: bold; margin-top: 4px;}
/*.casesElStatsEl > div:first-child p:nth-child(2) {font-size: 40px; line-height: 1; font-family: 'Bebas Neue'; font-weight: bold; margin-top: 4px;}*/
.casesElStatsEl > div:last-child {color: #303030; font-size: 16px; margin-top: 16px; line-height: 1.2;}
.casesElStats > div:last-child .casesElStatsEl > div:first-child p:first-child, .casesElStats > div:last-child .casesElStatsEl > div:first-child p:nth-child(2) {color: #FF7D4E;}
.label {float: left; padding: 6px 8px; font-size: 12px; color: #939696; text-decoration: none; border: 1px solid #939696; background-color: transparent; margin-right: 8px; margin-bottom: 8px; border-radius: 4px; text-transform: uppercase; font-weight: 500; transition: all 0.1s linear; line-height: 1;}
.casesEl > div:last-child {padding: 32px;}
.casesEl > div:last-child .labels, .articleElBottom .labels {margin-bottom: -8px;}
a.label:hover {border-color: #FF6933; background-color: #FF6933; color: #f5f5f5; transition: all 0.1s linear;}
.arrow {width: 100%;}
.arrow > div {align-items: center;}
.arrow > div:first-child {flex: 1 1 0;}
.arrow > div:first-child > span {display: block; width: 100%; height: 4px; border-radius: 2px 0 0 2px;}
.arrow > div:nth-child(2) {width: 25px;}
.arrow svg {display: block; width: 25px; height: 28px;}

.casesElStats .arrow {height: 28px;}
.casesElStats .arrow > div:first-child > span {background: #797979; background: linear-gradient(135deg, #797979, #FF7E4E);}
.casesElStats .arrow .fill {fill: #FF7D4E;}
.withGridBgBottom {background: url('../img/lineBg.svg') no-repeat #fff; background-position: 50% 100%;}
.withRadialBgTop {overflow: hidden;}
.withRadialBgTop .centered {z-index: 2; position: relative;}
.withRadialBgTop:before {content: ''; width: 1200px; height: 1200px; background-color: rgba(255, 125, 78, 0.1); position: absolute; left: 50%; margin-left: -600px; top: -600px; z-index: 2; position: absolute; border-radius: 50%; filter: blur(300px); -webkit-filter: blur(300px); -moz-filter: blur(300px); -o-filter: blur(300px); -ms-filter: blur(300px);}
.columns > div {align-items: flex-start; position: relative;}
.columns > div > div {width: 100%;}
.columns-2-50 > div {width: 50%;}
.columns-2-50 > div:first-child {padding-right: 40px;}
.columns-2-50 > div:last-child {padding-left: 40px;}
.columns-2-50 > div:last-child .ratio {width: 100%;}
.columns-2-50.columns-2-50-l > div:last-child {padding-left: 16%;}
.casesElTop > div:first-child > div {width: 100%;}
.ratio-3-4 {padding-top: 130%;}
.txt p img {display: block; max-width: 100%; height: auto;}
.teamEl {width: 100%; height: 100%; background-color: #272D33; border-radius: 6px; padding: 8px; position: relative;}
.teamEl > div > div {width: 100%;}
.teamEl .elementTop {position: absolute; z-index: 2; width: calc(100% - 48px); left: 24px; top: 24px;}
.teamEl .ratio {position: relative; margin-top: -px; z-index: 1; overflow: hidden; border-radius: 4px;}
.teamElInfo {padding: 24px;}
.teamElInfo p:first-child {line-height: 1; font-family: 'Bebas Neue'; font-weight: bold; font-size: 26px;}
.teamElInfo p:nth-child(2) {font-size: 16px; line-height: 1.2; margin-top: 8px;}
.button--wHollow {border-color: #f5f5f5; color: #f5f5f5; background-color: transparent;}
.button--wHollow:hover {color: #f5f5f5;}
.teamEl > div:last-child > div {width: 100%;}
.teamEl .button {width: 100%; height: 48px; padding: 0px; justify-content: center; font-size: 20px;}
.teamEl > div:last-child {padding: 8px 24px 24px;}
.bg-0D151E .button--icon {border-color: #8C8E8E;}
.bg-0D151E .button--icon .stroke {stroke: #7C7F80;}
.bg-0D151E .button--icon:hover .stroke {stroke: #f5f5f5;}
.bg-0D151E .button--icon:hover {border-color: #FF6933;}
.withCrossesBg {background: url('../img/crossesBg.svg') no-repeat #0D151E; background-position: 50% 100%;}
.reviewsEl {width: 100%; height: 100%; border-radius: 6px; border: 1px solid #939696; padding: 8px;}
.reviewsElInfo {/*padding: 32px 24px 24px;*/ width: 90%;}
.reviewsEl > div:last-child {padding: 32px 24px 24px;}
.reviewsElInfo p:first-child {line-height: 1; font-family: 'Bebas Neue'; font-weight: bold; font-size: 26px;}
.reviewsElInfo p:nth-child(2) {font-size: 16px; line-height: 1.2; margin-top: 8px; color: #636363;}
.ratio-16-9 {padding-top: 56.25%;}
.reviewsElVideo {width: 100%; padding: 24px 24px 0;}
.reviewsElVideo .ratio {width: 100%; /*border-radius: 4px; overflow: hidden; */ cursor: pointer;}
.reviewsElVideo .ratio-inner, .reviewsElPic .ratio-inner {padding-top: 64%;}
.reviewsElVideo .bg {z-index: 1;}
.play {position: absolute; z-index: 2; width: 64px; height: 64px; left: 50%; margin-left: -32px; top: 50%; margin-top: -32px; border-radius: 50%; border: 1px solid rgba(245,245,245,0.32); background-color: rgba(245, 245, 245, 0.1); backdrop-filter: blur(8px); justify-content: center; align-items: center; transition: all 0.1s linear;}
.reviewsElVideo:hover .play {transition: all 0.1s linear; transform: scale(1.1,1.1);}
.play svg {display: block; width: 28px; height: 28px; margin-right: -4px;}
.reviewsElText {position: relative; width: 100%; padding: 24px 24px 0;}
.reviewsElPic {position: relative; width: 100%; padding: 24px 24px 0;}
.reviewsElText:before {content: ''; width: 64px; height: 52px; display: block; background: url('../img/quotes.svg') no-repeat; background-size: 64px 51px; position: absolute; right: 0px; top: 0px; z-index: 1;}
.reviewsElText .txt {z-index: 2; position: relative;}
.reviewsElText .txt p {font-size: 16px; margin-top: 12px;}
.reviewsElText .txt p:first-child {margin-top: 0px;}
.reviewsElText .txt p span {color: #FF7D4E; border-bottom: 1px dashed #FF7D4E; transition: all 0.1s linear;}
.reviewsElText:hover .txt p span {color: #FF6933; border-bottom: 1px dashed #FF6933; transition: all 0.1s linear;}
/*.reviewsElPic .ratio {width: 45%; z-index: 2; position: relative;}*/
.reviewsElPic .ratio .bg {width: 48%; margin-left: calc((100% - 48%) / 2);}
.tariffsEl {width: 100%; height: 100%; position: relative;}
.tariffsElTop {width: 100%; padding: 32px; background-color: #F5F5F5; border-radius: 6px 6px 0 0; height: auto;}
.tariffsElTop > div > div {width: 100%;}
.tariffsElTop .txt {text-align: left;}
.tariffsElTop .txt p {font-size: 16px; color: #636363; margin-top: 16px;}
.tariffsElTop > div:last-child p {font-size: 32px; line-height: 1;}
.tariffsElTop > div:last-child {padding-top: 32px;}
.tariffsElTop > div:last-child > div {width: 100%;}
.tariffsElTop > div:last-child .button {width: 100%; justify-content: center; margin-top: 20px;}
.tariffsElBody {width: 100%; padding: 8px; background-color: #F5F5F5; border-radius: 0 0 6px 6px; position: relative;}
.tariffsElBody .txt {padding: 24px; background-color: #fff; border-radius: 4px; text-align: left; position: relative; z-index: 1;}
.tariffsElBody .txt ul li {padding-left: 24px; font-size: 16px; margin-top: 12px;}
.tariffsElBody .txt ul li:first-child {margin-top: 0px;}
.tariffsElBody .txt ul li:before {content: ''; width: 16px; height: 16px; position: absolute; left: 0px; top: 1px; background: url('../img/bullet.svg') no-repeat; background-size: 16px 16px;}
.tariffsElBody .txt ol li {font-size: 16px; margin-top: 8px;}
.tariffsElBody .txt ol li:first-child {margin-top: 0;}
.tariffsElBody .txt ol {padding-left: 20px;}
.tebHidden {height: 320px; overflow: hidden; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.tebHidden:before {content: ''; bottom: 0px; left: 8px; z-index: 2; position: absolute; display: block; height: 320px; background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); width: calc(100% - 16px);}
.tebHidden:after {content: ''; width: 18px; height: 9px; display: block; position: absolute; z-index: 3; bottom: 8px; left: 50%; margin-left: -9px; background: url('../img/arrow-bottom.svg') no-repeat; background-size: 18px 9px;}
.blockBottom2 {width: 100%; justify-content: center;}
.blockBottom2 .button {margin-top: 40px;}
.steps > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;}
.steps > div:nth-child(-n+4) {margin-top: 0px;}
.steps > div:nth-child(4n+1) {margin-left: 0px;}
.stepsEl {width: 100%; height: 100%; position: relative; padding: 32px; border: 1px solid #939696; border-radius: 6px;}
.stepsEl img {display: block; width: 64px; height: auto; margin: 0 auto;}
.stepsEl .txt {text-align: center;}
.stepsEl .txt h3, .stepsEl .txt .likeH3 {font-size: 24px;}
.stepsEl .txt p {color: #636363; font-size: 16px; margin-top: 12px;}
.steps > div .arrow {position: absolute; width: 100px; top: 32px; right: -60px; height: 38px;}
.steps > div .arrow > div:first-child > span {background: #303030; background: linear-gradient(135deg, #303030, #FF7E4E);}
.steps > div .arrow .fill {fill: #FF7D4E;}
.steps > div:nth-child(4) .arrow {width: 50px; right: -10px}
.steps > div:nth-child(4) .arrow > div:last-child {display: none;}
.steps > div .arrow:nth-child(3) {visibility: hidden;}
.steps > div:nth-child(5) .arrow:nth-child(3) {visibility: visible;}
.steps > div:nth-child(5) .arrow:nth-child(3) {width: 50px; right: auto; left: -10px;}
.steps > div:nth-child(5) .arrow:nth-child(3) span {border-radius: 0 0 0 0;}
#fullFormTop > div {align-items: flex-start; width: 50%;}
#fullFormTop > div:first-child {padding-right: 40px;}
#fullFormTop > div:last-child {padding-left: 40px;}
#fullFormTop > div > div {width: 100%;}
.fullFormTopBody > div {width: calc((100% - 24px) / 4); margin-left: 8px; margin-top: 8px; position: relative;}
.fullFormTopBody > div:nth-child(-n+4) {margin-top: 0px;}
.fullFormTopBody > div:nth-child(4n+1) {margin-left: 0px;}
.fullFormTopBodyEl {width: 100%; height: 100%; padding: 8px; border-radius: 6px; cursor: pointer; background-color: #F5F5F5;}
.fullFormTopBodyEl > div:first-child {padding: 8px; font-size: 16px;}
.fullFormTopBodyEl > div:last-child {justify-content: flex-end; padding-top: 24px;}
.fftbeCheck {display: block; width: 24px; height: 24px; border: 1px solid #939696; border-radius: 4px;}
#sphereBlock .fullFormTopBodyEl--active .fftbeCheck {position: relative; background-color: #FF7D4E; border-color: #FF7D4E;}
.fullFormTopBodyEl--active .fftbeCheck:before {content: ''; width: 14px; height: 10px; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; background: url('../img/check.svg') no-repeat; background-size: 14px 10px;}
#taskBlock .fullFormTopBodyEl--active .fftbeCheck {position: relative; background-color: #272D33; border-color: #272D33;}
.bg-FFFFFF .input {background-color: #F5F5F5; border: 1px solid #F5F5F5; color: #303030;}
.bg-FFFFFF .attach {border-color: #939696; color: #303030;}
.bg-FFFFFF .attach .fill {fill: #303030;}
.bg-FFFFFF .attach:hover .fill {fill: #f5f5f5;}
.bg-FFFFFF .attach:hover {color: #f5f5f5; border-color: #FF6933;}
#footerTopBody {padding: 64px 0 48px;}
#footerTopBody > div {align-items: flex-start; width: calc(50% - 10px);}
#footerTopBody > div > div {width: 100%;}
#footerTopBody > div:first-child {padding-right: 12%;}
#footerTopBody > div:last-child {margin-left: 20px;}
#footerTopBodyLogo > div {margin-right: 20px;}
#footerTopBodyMenu > div {width: 50%; padding-right: 20px;}
#footerTopBodyMenu > div p {margin-top: 12px; font-size: 18px;}
#footerTopBodyMenu > div p:first-child {margin-top: 0px;}
#footerTopBodyMenu > div p a, #footerTopBodyMenu > div p a:visited {color: #f5f5f5; text-decoration: none; transition: all 0.1s linear;}
#footerTopBodyLeft > div {width: calc(50% - 10px); padding-right: 20px; margin-left: 20px; margin-top: 32px; position: relative; font-size: 18px;}
#footerTopBodyLeft > div:nth-child(2n+1) {margin-left: 0px;}
#footerTopBodyLeft > div:nth-child(-n+2) {margin-top: 0px;}
.footerTopBodyLeftEl {width: 100%; height: 100%;}
.footerTopBodyLeftEl > p:first-child {font-size: 16px; color: #8C8E8E; font-weight: 500;}
.footerTopBodyLeftEl > p:nth-child(2) {margin-top: 4px;}
.footerTopBodyLeftEl > p:nth-child(2) a, .footerTopBodyLeftEl > p:nth-child(2) a:visited {color: #f5f5f5; text-decoration: none; transition: all 0.1s linear;}
#footerTopBodyMenu > div p a:hover, .footerTopBodyLeftEl > p:nth-child(2) a:hover {color: #FF6933; transition: all 0.1s linear;}
.footerTopBodyLeftEl > p:nth-child(3) {margin-top: 10px; font-size: 16px;}
.footerTopBodyLeftEl > p:nth-child(3) span {border-bottom: 1px dashed #f5f5f5; transition: all 0.1s linear; cursor: pointer;}
.footerTopBodyLeftEl > p:nth-child(3) span:hover {border-color: #FF6933; color: #FF6933; transition: all 0.1s linear;}
#footerSocial {margin-top: 8px;}
#footerSocial a:hover, #topBodySocial > a:hover {opacity: 0.8; transition: all 0.1s linear;}
#footerBottomBody {padding: 32px 0; border-top: 1px solid #8C8E8E; font-size: 16px;}
#footerBottomBody > div:first-child {width: calc(100% - 140px);}
#footerBottomBody > div:first-child > div {width: 100%;}
#footerBottomBody > div:first-child p {margin-right: 20px; float: left;}
#footerBottomBody > div:last-child {width: 140px; justify-content: flex-end;}
#footerBottomBody > div a, #footerBottomBody > div:first-child a:visited {color: #f5f5f5; transition: all 0.1s linear;}
#footerBottomBody > div a:hover {color: #FF6933 !important; transition: all 0.1s linear;}
.paddingBottom-100 {padding-bottom: 100px;}
.paddingTOp-100 {padding-top: 100px;}
.paddingTop-120 {padding-top: 120px;}
.top--white {background-color: #FFFFFF;}
.top--white #topBody > div:last-child > .flex > div:first-child a, .top--white #topBody > div:nth-child(2) ul li a {color: #303030;}
.top--white #topBody > div:last-child > .flex > div:first-child a:hover, .top--white #topBody > div:nth-child(2) ul li a:hover {color: #FF6933;}
#breadcrumbs {list-style: none; margin-bottom: 20px;}
#breadcrumbs > li {float: left; margin-right: 8px; margin-bottom: 8px; color: #959BAD; line-height: 1; font-size: 16px;}
#breadcrumbs > li a, #breadcrumbs > li a:visited {color: #939696; transition: all 0.1s linear; }
#breadcrumbs > li a:hover {color: #FF6933; transition: all 0.1s linear;}
#breadcrumbs > li svg {width: 7px; height: auto; margin-top: 1px;}
#breadcrumbs > li svg .stroke {stroke: #939696;}
#innerTop {margin-top: 64px; margin-bottom: 80px;}
.txt h1 {font-size: 48px; line-height: 1 !important; font-family: 'Bebas Neue'; font-weight: bold; margin-bottom: 80px;}
.txt h1:last-child {margin-bottom: 0px;}
.width-75 {width: 75%;}
.services > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;}
.services > div:nth-child(-n+4) {margin-top: 0px;}
.services > div:nth-child(4n+1) {margin-left: 0px;}

.serviceEl2 {display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100%;}
.serviceEl2 > div:last-child {background-color: #FFFFFF; border-radius: 0px 0px 6px 6px; padding: 0 32px 32px; transition: all 0.1s linear; width: 100%;}
.serviceEl2 > div:last-child > div {width: 100%;}
.serviceEl2 > div:last-child .button {width: 100%; height: 48px; font-size: 20px; padding: 0 0; justify-content: center; margin-top: 24px;}
.serviceEl2 > a:first-child {height: calc(100% - 80px); display: -webkit-flex; display: -ms-flexbox; display: flex; color: #303030; text-decoration: none;}
.serviceEl2 > a .flex3, .serviceEl2 > a .flex2 {width: 100%; height: 100%;}
.serviceEl2 > a {width: 100%;}
.serviceEl2 > a .flex3 > div:first-child, .serviceEl2 > a .flex2 > div:first-child {padding: 32px 32px 24px; background-color: #FFF; border-radius: 6px 6px 0 0; width: 100%;}
.serviceEl2 > a .flex3 > div:first-child > div, .serviceEl2 > a .flex2 > div:first-child > div {width: 100%;}
.serviceEl2 > a .flex3 > div:last-child, .serviceEl2 > a .flex2 > div:last-child {padding: 0px 8px; background-color: #FFFFFF; align-items: flex-start;}
.serviceEl2 > a .flex3 > div:last-child .ratio, .serviceEl2 > a .flex2 > div:last-child .ratio {border-radius: 4px; overflow: hidden;}
.serviceEl2 > a .flex3 > div:last-child .ratio-inner, .serviceEl2 > a .flex2 > div:last-child .ratio-inner {padding-top: 40%;}
.serviceEl2 > a .flex3 > div:last-child .ratio .bg, .serviceEl2 > a .flex2 > div:last-child .ratio .bg {transition: all 0.1s linear;}
.serviceEl2 > a:hover .flex3 > div:last-child .ratio .bg, .serviceEl2 > a:hover .flex2 > div:last-child .ratio .bg {transform: scale(1.1,1.1); transition: all 0.1s linear;}
.serviceEl2 > a .flex3 > div:last-child .txt, .serviceEl2 > a .flex2 > div:last-child .txt {font-size: 16px; margin-top: 24px; padding: 0 24px 0px}
.serviceEl2 > a .flex3 > div:last-child .txt:first-child, .serviceEl2 > a .flex2 > div:last-child .txt:first-child {margin-top: 0px;}
.serviceEl2 > a:hover .elementTop > div:last-child {background-color: #FF6933; border-color: #FF6933;}
.serviceEl2 > a:hover .elementTop > div:last-child .stroke {transition: all 0.1s linear; stroke: #f5f5f5;}
.serviceEl2 h3, .txt.serviceEl2TopTxt h2 {width: 90%;}

.thesis2 > div {width: calc((100% - 60px) / 4); position: relative; margin-left: 20px; margin-top: 40px;}
.thesis2 > div:nth-child(4n+1) {margin-left: 0px;}
.thesis2 > div:nth-child(-n+4) {margin-top: 0px;}
.thesis2El {width: 100%; height: 100%; padding-right: 20px;}
.thesis2El > div p:first-child {font-size: 20px; line-height: 1; font-family: 'Bebas Neue'; font-weight: bold; color: #FF7D4E; display: block;}
.thesis2El > div p:first-child span {display: block; font-size: 56px; line-height: 1; font-family: 'Bebas Neue'; font-weight: bold; margin-top: 4px; color: #FF7D4E;}
.thesis2El > p {color: #303030; font-size: 16px; margin-top: 16px; line-height: 1.2;}
.columns-2-75 > div:first-child {width: 75%; padding-right: 10px;}
.columns-2-75 > div:last-child {width: 25%;  padding-left: 10px; justify-content: flex-end;}
.columns-2-75 > div:last-child .button {float: right;}
.width-50 {width: calc(50% - 10px);}
.cards > div {width: calc((100% - 40px) / 3); position: relative; margin-left: 20px; margin-top: 20px;}
.cards > div:nth-child(3n+1) {margin-left: 0px;}
.cards > div:nth-child(-n+3) {margin-top: 0px;}
.cardsEl {width: 100%; height: 100%; border-radius: 6px; background-color: #fff; padding: 32px;}
.cardsEl > div:last-child {padding-top: 24px; font-size: 16px;}
.txtCenter {text-align: center;}
.casesEl--white {background-color: #ffffff;}
.casesEl--white .casesElStats {background-color: #f5f5f5;}
.serviceEl.serviceEl--white > a:first-child, .serviceEl.serviceEl--white > div:last-child {background-color: #fff;}
#innerTop2 {padding-top: calc(64px + 88px); padding-bottom: 80px; position: relative; z-index: 1; margin-top: -88px; margin-bottom: 80px; overflow: hidden;}
#innerTop2 .bg {z-index: 1;}
#innerTop2:before {}
#innerTop2 .centered {position: relative; z-index: 5; color: #fff;}
#innerTop .txt p, #innerTop2 .txt p {width: 75%;}
#innerTop2 #breadcrumbs > li {color: #D9D9D9;}
#innerTop2 #breadcrumbs > li a, #innerTop2 #breadcrumbs > li a:visited {color: #D9D9D9;}
#innerTop2 #breadcrumbs > li a:hover {color: #FF6933;}
#innerTop2 #breadcrumbs > li svg .stroke {stroke: #D9D9D9;}
#innerTop2:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; opacity: 0.8; background: #000000; background: linear-gradient(90deg, #000000, #303030); top: 0px; left: 0px;}
#innerTop2:after {content: ''; width: 1200px; height: 1200px; background-color: rgba(255, 125, 78, 0.1); position: absolute; left: 50%; margin-left: -600px; bottom: -800px; z-index: 2; position: absolute; border-radius: 50%; filter: blur(300px); -webkit-filter: blur(300px); -moz-filter: blur(300px); -o-filter: blur(300px); -ms-filter: blur(300px);}
.cases > div {width: calc((100% - 40px) / 3); position: relative; margin-left: 20px; margin-top: 20px;}
.cases > div:nth-child(3n+1) {margin-left: 0px;}
.cases > div:nth-child(-n+3) {margin-top: 0px;}
.casesEl2 {width: 100%; height: 100%; background-color: #fff; border-radius: 6px;}
.casesEl2 .ratio {width: 100%;border-radius: 6px; overflow: hidden;}
.casesEl2 .ratio .bg {transition: all 0.1s linear;}
.casesEl2 a.flex3:hover .ratio .bg {transform: scale(1.1,1.1); transition: all 0.1s linear;}
.casesEl2 .ratio-inner {padding-top: 40%;}
.casesEl2Pic {padding: 0 8px;}
.casesEl2 .txt h3, .casesEl2 .txt h2 {font-size: 24px;}
.casesEl2 a.flex3 {color: #303030; text-decoration: none;}
.casesEl2 > div:last-child {padding: 32px;}
.casesEl2 > div:last-child .labels {margin-bottom: -8px;}
.casesEl2 a.flex3:hover .casesElTop > div:last-child > div {background-color: #FF6933; border-color: #FF6933; transition: all 0.1s linear;}
.casesEl2 a.flex3:hover .casesElTop > div:last-child .stroke {stroke: #f5f5f5; transition: all 0.1s linear;}
.results > div {width: calc((100% - 40px) / 3); position: relative; margin-left: 20px; margin-top: 20px;}
.results > div:nth-child(3n+1) {margin-left: 0px;}
.results > div:nth-child(-n+3) {margin-top: 0px;}
.resultsEl {width: 100%; height: 100%; border: 1px solid #939696; border-radius: 6px; padding: 24px;}
.resultsEl > .txt:first-child p {font-size: 24px; line-height: 1; font-family: 'Bebas Neue'; font-weight: bold;}
.resultsEl .casesElStats {width: 100%; padding: 16px 0px; background-color: transparent; border-radius: none;}
.resultsEl > .txt:last-child p {font-size: 16px; width: 90%;}
.resultsEl .casesElStatsEl > div:last-child {display: none;}
.resultsEl .casesElStats > div:first-child, .resultsEl .casesElStats > div:last-child {width: 30%;}
.resultsEl .casesElStats > div:nth-child(2) {padding: 0 24px;}
#focusSlider {width: 480px; height: 480px; position: relative; margin: 0 auto;}
#focusSlider > img {width: 380px; height: 380px; position: absolute; left: 50%; top: 50%; z-index: 1; margin-left: -190px; margin-top: -190px;}
.focusSliderEl {width: 120px; height: auto; position: absolute; z-index: 2; cursor: pointer; transition: all .4s ease-in-out;}
.focusSliderIcon {display: block; width: 64px; height: 64px; margin: 0 auto; border-radius: 50%; background-color: rgba(13,21,30,0.2); transition: all 0.1s linear; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: all 0.1s linear;}
.focusSliderEl > p {text-align: center; text-transform: uppercase; line-height: 1; color: #fff; font-family: 'Bebas Neue'; font-weight: bold; font-size: 17px; margin-top: 8px;}
.focusSliderEl1 {left: 50%; margin-left: -60px; top: 10px;}
.focusSliderEl2 {right: 12px; top: 114px;}
.focusSliderEl3 {right: 12px; top: 306px;}
.focusSliderEl4 {left: 50%; margin-left: -60px; top: 408px;}
.focusSliderEl5 {left: 12px; top: 306px;}
.focusSliderEl6 {left: 12px; top: 114px;}
.focusSliderEl--active {transform: scale(1.1,1.1); transition: all .4s ease-in-out; margin-top: -10px;}
.focusSliderEl--active .focusSliderIcon {background-color: #FF7D4E; transition: all 0.1s linear;}
#mpBlock1BodySchemaSlider {width: 100%; background-color: rgba(13,21,30,0.2); border-radius: 6px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.mb1bssEl {text-align: center; width: 100%; z-index: 1; display: none; padding: 24px;}
.mb1bssEl--active {z-index: 3 !important;}
.focusSliderEl:not(.focusSliderEl--active):hover .focusSliderIcon {background-color: rgba(13,21,30,0.32); transition: all 0.1s linear;}
.reviews > div {width: calc((100% - 60px) / 4); position: relative; margin-left: 20px; margin-top: 20px;}
.reviews > div:nth-child(4n+1) {margin-left: 0px;}
.reviews > div:nth-child(-n+4) {margin-top: 0px;}
.reviewsElText--more {cursor: pointer;}
#mdl {display: none; padding: 56px; width: 720px; background-color: #fff; color: #303030;}
.ratio-16-9 {padding-top: 56.25%;}
.articleEl {width: 100%; height: 100%; background-color: #fff; border-radius: 6px;}
.articleEl a.flex3 {color: #303030; text-decoration: none;}
.articleElTop {padding: 32px;}
.articleElTop > div:first-child {flex: 1 1 0; padding-right: 32px;}
.articleElTop > div:last-child > div {
    background-color: transparent;
    justify-content: center;
    align-items: center;
    border: 1px solid #939696;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    justify-content: center;
    transition: all 0.1s linear;
}
.articleEl .txt h3, .articleEl .txt h2, .articleEl .txt .likeH3, .articleEl .txt .likeH2 {font-size: 24px;}
.articleEl .txt p {font-size: 16px; margin-top: 16px; color: #939696; line-height: 1;}
.articleEl .ratio-inner {padding-top: 40%;}
.articleEl .ratio .bg {transition: all 0.1s linear;}
.articleElPic {padding: 0 8px;}
.articleEl .ratio {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.articleEl > div:last-child {padding: 32px 32px 24px;}
.articleEl a.flex3:hover .articleElTop > div:last-child > div {
    background-color: #FF6933;
    border-color: #FF6933;
    transition: all 0.1s linear;
}
.articleEl a.flex3:hover .articleElTop > div:last-child .stroke {stroke: #f5f5f5; transition: all 0.1s linear;}
.articleEl a.flex3:hover .ratio .bg {transform: scale(1.1,1.1); transition: all 0.1s linear;}
.articleEl .ratio .bg img, .casesEl2Pic .ratio .bg img, .serviceEl2 .bg img {z-index: 1;}
.articleEl .ratio .bg:before, .casesEl2Pic .ratio .bg:before, .serviceEl2 .bg:before {content: ''; width: 100%; height: 100%; position: absolute; z-index: 2; display: block; background: linear-gradient(to bottom,  rgba(255,125,78,0) 0%,rgba(255,125,78,1) 100%); opacity: 0.16;}

.blog > div {width: calc((100% - 40px) / 3); position: relative; margin-left: 20px; margin-top: 20px;}
.blog > div:nth-child(3n+1) {margin-left: 0px;}
.blog > div:nth-child(-n+3) {margin-top: 0px;}
.columns-2-75 .txt h2, .columns-2-75 .txt .likeH2 {margin-bottom: 24px; font-size: 40px;}
.columns-2-75 .txt h2:last-child, .columns-2-75 .txt .likeH2:last-child {margin-bottom: 0px;}
#articleTextRight {background-color: #fff; border-radius: 6px;}
#articleTextRight > p {padding: 24px 24px 0; font-size: 18px; color: #939696; line-height: 1;}
#articleTextRightPic {padding: 8px 8px 0;}
#articleTextRightPic .ratio {width: 100%; border-radius: 6px; overflow: hidden;}
#articleTextRight .share {padding: 0 24px 24px; margin-top: 12px;}
#articleTextRight .ratio-inner {padding-top: 66%;}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {margin: 4px 8px 0 0 !important;}
.gallery > a {float: left; display: block; width: calc((100% - 80px) / 5); margin-left: 20px; margin-top: 20px; border-radius: 6px; overflow: hidden;}
.gallery > a:nth-child(5n+1) {margin-left: 0px;}
.gallery > a:nth-child(-n+5) {margin-top: 0px;}
#articleText > div:first-child {padding-right: 40px;}
.attachWrpBody {width: 460px; margin: 0 auto;}
.attachWrpBody .txt {width: 100% !important; margin-right: 0px !important; margin-left: 0px !important; text-align: left !important;}
.attachWrpBodyEl {margin-top: 8px; width: 100%;}
.attachWrpBodyEl > div:last-child {width: 24px;}
.attachWrpBodyEl > div:first-child {padding-right: 20px; font-size: 18px;}
.async_file__del {cursor: pointer; width: 24px; height: 24px; cursor: pointer; transition: all 0.1s linear; display: block; text-align: center; line-height: 24px; transition: all 0.1s linear; color: #fff;}
.async_file__del:hover {color: #E5383E; transition: all 0.1s linear;}
.attachWrpBodyEl:first-child {margin-top: 20px;}
.loader {width: 64px; height: 64px; position: relative;}
.loader img {width: 100%; height: 100%;}
.attachWrpBody .loader {width: 32px; height: 32px; margin: 0 auto; margin-top: 8px;}
.attachWrpBody .loader:first-child {margin: 0 auto; margin-top: 20px;}
.bg-FFFFFF .async_file__del {color: #303030;}
.bg-FFFFFF .async_file__del:hover {color: #E5383E;}
.red--color {border-color: #E5383E !important; transition: all 0.1s linear;}
#mdl .loader {margin-top: 32px;}
#mdlMap {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;';}
.ymaps-2-1-79-copyright__content, .ymaps-2-1-79-gototech {display: none !important;}
#mdl .input {background-color: #F5F5F5; border: 1px solid #F5F5F5; color: #303030; margin-top: 8px;}
.textarea {display: block; width: 100%; float: left; border-radius: 6px; padding: 14px 20px; font-family: "Rubik", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 18px; height: 100px; transition: all 0.1s linear;}
#mdl .textarea {background-color: #F5F5F5; border: 1px solid #F5F5F5; color: #303030; margin-top: 8px;}
.blockBottom .loader {margin-top: 40px;}
#topBody .panelOpen {display: none;}
#topBody .button, .attach {margin-right: 0px;}
.resultsEl .casesElStats > div:nth-child(2) {
    width: calc(100% - (30% + 30%));
    padding: 0 32px;
    align-items: flex-start;
}

.results .resultsEl .casesElStats > div:nth-child(2) {display: none !important;}
.results .resultsEl .casesElStats > div:first-child {display: none !important;}
.results .resultsEl .casesElStats > div:last-child {width: 100%;}
.results .casesElStatsEl > div:first-child p:first-child span {margin-top: 0 !important;}
.results .resultsEl .casesElStats {padding: 10px 0px 16px;}

#panel, #overlay {display: none;}
.blockTop > div:first-child > div {width: 100%;}

#footerNav {display: none;}
video::-webkit-media-controls-fullscreen-button {display: none !important;}
#videoModal {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all .25s ease-in-out; padding: 24px;}
#videoModal.videoModal--open {opacity: 1; visibility: visible; transition: all .25s ease-in-out;}
#videoModalOverlay {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
#videoModal > div:last-child {position: relative; z-index: 2;}
#videoModal .ratio {width: 100%; position: relative; z-index: 1;}
#videoModalClose {background-image: url('../img/fb/fancybox_sprite_2.png'); position: absolute; top: -15px; right: -15px; width: 36px; height: 36px; cursor: pointer; z-index: 2;}
.modalLink {cursor: pointer; border-bottom: 1px dashed #fff; transition: all 0.1s linear;}
.modalLink:hover {border-color: #FF7D4E; transition: all 0.1s linear;}
.parentLi {position: relative;}
.parentLi > a {position: relative; z-index: 2;}
.parentLiBody {position: absolute; z-index: 1; left: -16px; display: none; padding-top: 8px;}
.parentLiBody > div {background-color: rgba(13,21,30,0.32); backdrop-filter: blur(12px); border-radius: 6px; padding: 16px; /*background-color: #0d151e;*/}
.parentLi:hover .parentLiBody {display: block;}
.parentLiBody p {font-size: 17px; margin-top: 8px;}
.parentLiBody p:first-child {margin-top: 0px;}
.parentLiBody--services {width: 260px; }
.parentLiBody--about {width: 180px; }
.top--white .parentLiBody > div {background-color: rgba(255,255,255,0.48);}
#innerTeam > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;}
#innerTeam > div:nth-child(4n+1) {margin-left: 0;}
#innerTeam > div:nth-child(-n+4) {margin-top: 0;}
#innerTeam .teamEl {background-color: #fff; /*border: 1px solid #939696;*/}
#innerTeam .teamElInfo p:nth-child(2) {color: #636363;}
#innerCerts > div {width: calc((100% - 100px) / 6); margin-left: 20px; margin-top: 20px; position: relative;}
#innerCerts > div:nth-child(6n+1) {margin-left: 0;}
#innerCerts > div:nth-child(-n+6) {margin-top: 0;}
#innerCerts .horizontalGalleryEl {width: 100%;}
textarea {resize: vertical;}
.bg-0D151E .input::-webkit-input-placeholder {color: #f5f5f5;}
.bg-0D151E .input:-moz-placeholder {color: #f5f5f5; opacity: 1;}
.bg-0D151E .input::-moz-placeholder {color: #f5f5f5; opacity: 1;}
.bg-0D151E .input:-ms-input-placeholder {color: #f5f5f5;}
.bg-0D151E .input::-ms-input-placeholder {color: #f5f5f5;}
.bg-0D151E .input::placeholder {color: #f5f5f5;}

#contactSocial {margin-top: 8px;}
#contactSocial > a {display: block; float: left; margin-left: 8px; width: 28px; height: 28px; position: relative; text-decoration: none; transition: all 0.1s linear;}
#contactSocial > a img {width: 100%; height: 100%; transition: all 0.1s linear;}
#contactSocial > a:hover img {opacity: 0.8; transition: all 0.1s linear;}
#contactSocial > a:first-child, #panelSocial > a:first-child {margin-left: 0;}
#contactBody > div {width: calc((100% - 20px) / 2); margin-left: 20px; position: relative;}
#contactBody > div:first-child {margin-left: 0; padding-right: 28px;}
#contactBody > div > div {width: 100%;}
#contactBody .ratio {width: 100%;}
#contactBody .ratio-inner {padding-top: 64%;}
#errorBody {width: 100%; min-height: 100vh; justify-content: center; align-items: center;}
#errorBody > div {width: 70%;}
#errorBody img {display: block; width: auto; height: 48px; margin: 0 auto;}
#errorBody .txt {margin-top: 80px;}
#errorBody .txt h1 {margin-bottom: 32px;}

#cookie {position: fixed; bottom: 20px; left: 20px; z-index: 0; background-color: rgba(13,21,30,0.56); border-radius: 6px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); font-size: 14px; width: 620px; visibility: hidden; opacity: 0; transition: all 0.1s linear; color: #F5F5F5; padding: 24px;}
.cookie--shown {visibility: visible !important; opacity: 1 !important; z-index: 50000 !important; transition: all 0.2s linear;}
#cookie > div {align-items: center;}
#cookie > div:first-child {flex: 1 1 0; padding-right: 0px;}
.cookieClose {display: block; margin-top: 12px; margin-right: 8px; float: left; padding: 6px 10px; background-color: #FF7D4E; color: #F5F5F5; cursor: pointer; transition: all 0.1s linear; border-radius: 4px; border: 1px solid #FF7D4E; font-family: 'Bebas Neue';
  font-weight: bold; line-height: 1; font-size: 16px;}
.cookieClose:hover {background-color: #FF6933; color: #F5F5F5; transition: all 0.1s linear; border-color: #FF6933;}
#cookie .txt p:not(.likeH3) {margin-top: 8px; font-size: 14px;}
#cookie .txt p.likeH3 {font-size: 20px;}
#cookie .txt p a, #cookie .txt p a:visited {color: #F5F5F5; transition: all 0.1s linear; font-weight: 500;}
#cookie .txt p a:hover {color: #FF6933; transition: all 0.1s linear;}
#cookie .clearfix {margin-top: 8px;}
.cookieClose2 {display: block; float: left; margin-top: 12px; margin-right: 8px; padding: 6px 10px; background-color: transparent; border: 1px solid #F5F5F5; color: #F5F5F5; cursor: pointer; transition: all 0.1s linear; border-radius: 4px; font-family: 'Bebas Neue';
  font-weight: bold; line-height: 1; font-size: 16px;}
.cookieClose2:hover {background-color: #F5F5F5; border-color: #F5F5F5; color: #0d151e; transition: all 0.1s linear;}
.checkbox {cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.checkbox > div {align-items: flex-start;}
.checkbox > div:first-child {width: 20px;}
.checkbox > div:first-child span {display: block; width: 20px; height: 20px; border: 1px solid #939696; border-radius: 4px; position: relative;}
.checkbox.active > div:first-child span {background-color: #272D33; border-color: #272D33;}
.checkbox.active > div:first-child span:before {content: ''; width: 14px; height: 10px; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; background: url('../img/check.svg') no-repeat; background-size: auto; background-size: 14px 10px;} 
.checkbox > div:last-child {padding-left: 8px; width: calc(100% - 20px);}
.table-container {width: 100%; overflow-x: auto; margin-top: 24px; border-radius: 6px; overflow: hidden;}
.table-container:first-child {width: 100%;}
.width-75 .table-container {width: 1480px;}
.table-container table {width: 100%; border-collapse: collapse; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.table-container table th, .table-container table td {padding: 16px; text-align: left; border-bottom: 1px solid #f5f5f5;}
.table-container table tr td {background-color: #ffffff;}
.table-container table tr:last-child td {border-bottom: none;}
.table-container table tr:first-child td {border-bottom: 1px solid #ff7d4e; background-color: #ff7d4e; font-weight: 500; color: #fff;}
.table-container table td strong, .table-container table td b {font-weight: 500;}
.stepsElNm {width: 36px; height: 36px; margin: 0 auto; text-align: center; border-radius: 6px; background-color: #fff; color: #ff7d4e; line-height: 36px !important; font-family: 'Bebas Neue'; font-weight: bold; font-size: 22px;}
#innerSteps > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;}
#innerSteps > div:nth-child(3n+1) {margin-left: 0;}
#innerSteps > div:nth-child(-n+3) {margin-top: 0;}
.innerStepsEl {width: 100%; height: 100%; position: relative; padding: 32px; border: 1px solid #939696; border-radius: 6px;}
.innerStepsEl .txt p {font-size: 16px; color: #636363; margin-top: 16px;}
.bg-0D151E .cardsEl .txt {color: #303030;}
.bg-0D151E .cardsEl .txt .likeH3 {color: #ff7d4e;}
#btnWrp {justify-content: center;}
#programContacts {justify-content: center; border-top: 1px solid #8c8e8e; margin-top: 32px; padding-top: 16px;}
#programContacts p {float: left; margin: 16px 16px 0; font-size: 16px;}
.bg-FFFFFF .casesEl2 {background-color: #f5f5f5;}
.txt table {width: 100%; border-collapse: collapse; margin-top: 20px;}
.txt table:first-child {margin-top: 0;}
.txt table tr td {padding: 16px; border: 1px solid #0d151e;}
/*.txt table tr:first-child td:first-child {border-radius: 6px 0 0 0;}
.txt table tr:first-child td:last-child {border-radius: 0 6px 0 0;}
.txt table tr:last-child td:first-child {border-radius: 0 0 0 6px;}
.txt table tr:last-child td:last-child {border-radius: 0 0 6px 0;}*/
.txt table tr:first-child td {background-color: #0d151e; color: #fff; font-weight: 500;}
#footerBottomBody > div:first-child div.clearfix {margin-top: 4px;}
#footerBottomBody > div:first-child div.clearfix:first-child {margin-top: 0;}
#footerBottomBody > div:first-child div.clearfix p {margin-top: 4px;}
#footerBottomBody > div:first-child div.clearfix:first-child p {margin-top: 0;}
.tariffsElBody .txt ul {text-align: left;}
.fancybox-prev span {background-position: 0 -72px !important;}
.fancybox-next span {background-position: 0 -36px !important;}
.vacancyElControl {-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.vacancyElControl span {color: #FF7D4E; border-bottom: 1px dashed #FF7D4E; transition: all 0.1s linear; cursor: pointer;}
.vacancyElControl span:hover {color: #FF6933; border-bottom: 1px dashed #FF6933; transition: all 0.1s linear;}
.vacancyElTop p:not(.likeH3) {margin-top: 10px;}
.vacancyElBody {display: none; margin-top: 24px; margin-bottom: 32px;}
.vacancyElBottom {margin-top: 20px;}
.vacancyEl {margin-top: 32px; padding-top: 32px; border-top: 1px solid #939696;}
.vacancyEl:first-child {margin-top: 0; padding-top: 0; border-top: none;}
.teamElPhoto .elementTop > div:nth-child(2) span {background-color: #fff;}
.teamElPhoto .elementTop > div:last-child {border-color: #fff; color: #fff;}