/* ---------------------------------------------------------------------------
   legacy-pages.css
   Working copy of assets/application-966f2cb09b0c9087fb4706a37ac39546.css,
   which is a GENERATED artifact of the original site clone and must not be
   edited in place. This v3 copy is the editable source for the legacy pages
   (works/*, segments/*, careers, contacts, technologies/wearable/Trident).

   Delta vs the generated original:
     - removed 15 dead .section-work-at-yalantis rules (0 HTML references)
     - removed the yalantis selector from 5 grouped selector lists

   TODO: once every page below is migrated onto geeks-main.css, delete BOTH
   this file and the generated original from assets/.
   --------------------------------------------------------------------------- */

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased
}

div.selector,
div.checker,
div.button,
div.radio,
div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

div.selector:focus,
div.checker:focus,
div.button:focus,
div.radio:focus,
div.uploader:focus {
    outline: 0
}

div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker *,
div.uploader,
div.uploader *,
div.button,
div.button * {
    margin: 0;
    padding: 0
}

.highContrastDetect {
    background: url("../images/bg-input.png/index.html") repeat-x 0 0;
    width: 0px;
    height: 0px
}

input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
    padding: 3px;
    background: url("../images/bg-input.png/index.html") repeat-x 0 0;
    outline: 0
}

input.uniform-input.active,
select.uniform-multiselect.active,
textarea.uniform.active {
    background: url("../images/bg-input-focus.png/index.html") repeat-x 0 0
}

div.checker input,
input[type="search"],
input[type="search"]:active {
    -moz-appearance: none;
    -webkit-appearance: none
}

div.selector {
    background-position: 0 -130px;
    line-height: 26px;
    height: 26px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden
}

div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 26px;
    line-height: 26px;
    padding-right: 25px;
    cursor: pointer;
    width: 100%;
    display: block
}

div.selector.fixedWidth {
    width: 190px
}

div.selector.fixedWidth span {
    width: 155px
}

div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 22px;
    top: 2px;
    left: 0px;
    width: 100%
}

div.selector.active {
    background-position: 0 -156px
}

div.selector.active span {
    background-position: right -26px
}

div.selector.hover,
div.selector.focus {
    background-position: 0 -182px
}

div.selector.hover span,
div.selector.focus span {
    background-position: right -52px
}

div.selector.hover.active,
div.selector.focus.active {
    background-position: 0 -208px
}

div.selector.hover.active span,
div.selector.focus.active span {
    background-position: right -78px
}

div.selector.disabled,
div.selector.disabled.active {
    background-position: 0 -234px
}

div.selector.disabled span,
div.selector.disabled.active span {
    background-position: right -104px
}

div.checker {
    position: relative
}

div.checker,
div.checker span,
div.checker input {
    width: 19px;
    height: 19px
}

div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -260px
}

div.checker span.checked {
    background-position: -76px -260px
}

div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1
}

div.checker.active span {
    background-position: -19px -260px
}

div.checker.active span.checked {
    background-position: -95px -260px
}

div.checker.hover span,
div.checker.focus span {
    background-position: -38px -260px
}

div.checker.hover span.checked,
div.checker.focus span.checked {
    background-position: -114px -260px
}

div.checker.hover.active span,
div.checker.focus.active span {
    background-position: -57px -260px
}

div.checker.hover.active span.checked,
div.checker.focus.active span.checked {
    background-position: -133px -260px
}

div.checker.disabled,
div.checker.disabled.active {
    background-position: -152px -260px
}

div.checker.disabled span.checked,
div.checker.disabled.active span.checked {
    background-position: -171px -260px
}

div.radio {
    position: relative
}

div.radio,
div.radio span,
div.radio input {
    width: 18px;
    height: 18px
}

div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -279px
}

div.radio span.checked {
    background-position: -72px -279px
}

div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center
}

div.radio.active span {
    background-position: -18px -18px -279px
}

div.radio.active span.checked {
    background-position: -90px -279px
}

div.radio.hover span,
div.radio.focus span {
    background-position: -36px -36px -279px
}

div.radio.hover span.checked,
div.radio.focus span.checked {
    background-position: -108px -279px
}

div.radio.hover.active span,
div.radio.focus.active span {
    background-position: -54px -279px
}

div.radio.hover.active span.checked,
div.radio.focus.active span.checked {
    background-position: -126px -279px
}

div.radio.disabled span,
div.radio.disabled.active span {
    background-position: -144px -279px
}

div.radio.disabled span.checked,
div.radio.disabled.active span.checked {
    background-position: -162px -279px
}

div.uploader {
    background-position: 0 -297px;
    height: 28px;
    width: 190px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

div.uploader span.action {
    background-position: right -409px;
    height: 28px;
    line-height: 28px;
    width: 82px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer
}

div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 24px;
    margin: 2px 0 2px 2px;
    line-height: 24px;
    width: 85px;
    padding: 0 10px
}

div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%
}

div.uploader.active span.action {
    background-position: right -465px
}

div.uploader.hover,
div.uploader.focus {
    background-position: 0 -353px
}

div.uploader.hover span.action,
div.uploader.focus span.action {
    background-position: right -437px
}

div.uploader.hover.active span.action,
div.uploader.focus.active span.action {
    background-position: right -493px
}

div.uploader.disabled,
div.uploader.disabled.active {
    background-position: 0 -325px
}

div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
    background-position: right -381px
}

div.button {
    background-position: 0 -641px;
    height: 30px;
    cursor: pointer;
    position: relative
}

div.button a,
div.button button,
div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 22px;
    text-align: center;
    background-position: right -521px;
    height: 22px;
    margin-left: 13px;
    padding: 8px 15px 0 2px
}

div.button.active {
    background-position: 0 -671px
}

div.button.active span {
    background-position: right -551px;
    cursor: default
}

div.button.hover,
div.button.focus {
    background-position: 0 -701px
}

div.button.hover span,
div.button.focus span {
    background-position: right -581px
}

div.button.disabled,
div.button.disabled.active {
    background-position: 0 -731px
}

div.button.disabled span,
div.button.disabled.active span {
    background-position: right -611px;
    cursor: default
}

input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
    font-size: 12px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #777;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-radius: 3px
}

input.uniform-input.hover,
input.uniform-input.focus,
select.uniform-multiselect.hover,
select.uniform-multiselect.focus,
textarea.uniform.hover,
textarea.uniform.focus {
    -webkit-box-shadow: 0px 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0 4px rgba(0, 0, 0, 0.3);
    border-color: #999
}

div.button span {
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}

div.button.hover span,
div.button.focus span {
    color: #555
}

div.button.disabled span,
div.button.disabled.active span {
    color: #bbb
}

div.selector {
    font-size: 12px
}

div.selector span {
    color: #666;
    text-shadow: 0 1px 0 #fff
}

div.selector select {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px
}

div.selector.disabled span,
div.selector.disabled.active span {
    color: #bbb
}

div.checker {
    margin-right: 5px
}

div.radio {
    margin-right: 3px
}

div.uploader span.action {
    text-shadow: #fff 0 1px 0;
    background-color: #fff;
    font-size: 11px;
    font-weight: bold
}

div.uploader span.filename {
    color: #777;
    border-right: solid 1px #bbb;
    font-size: 11px
}

div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
    color: #aaa
}

div.uploader.disabled span.filename,
div.uploader.disabled.active span.filename {
    border-color: #ddd;
    color: #aaa
}

input.uniform-input,
input.uniform-input:focus {
    background-color: #fff
}

.block-max-width {
    margin: 0 auto;
    max-width: 970px;
    padding-left: 20px;
    padding-right: 20px
}

.block-max-width--wider {
    margin: 0 auto;
    max-width: 1120px;
    padding-left: 20px;
    padding-right: 20px
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media only screen and (min-width: 1025px) {
    .flex-desktop_reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .flex-desktop_reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .flex-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .flex-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.white-text-header nav ul li a {
    color: white
}

.white-text-header .logo {
    background-image: url("../v2/content/geeks-logo-white.svg")
}

.black-text-header nav ul li a {
    color: #111111
}

.black-text-header .logo {
    background-image: url("../v2/content/geeks-logo.svg")
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: color 0.3s ease-out, border-color 0.3s ease-out, background 0.3s ease-out, background-color 0.3s ease-out;
    transition: color 0.3s ease-out, border-color 0.3s ease-out, background 0.3s ease-out, background-color 0.3s ease-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-appearance: none;
    background: transparent;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    white-space: wrap;
    overflow: hidden;
    margin: 0;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    min-width: 250px;
    max-width: 100%;
    font-size: 20px;
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    padding: 11px 30px 14px 30px;
    outline: none;
    cursor: pointer
}

.btn:hover {
    text-decoration: none
}

.btn span {
    position: relative;
    padding: 0 25px 0 0
}

.btn span:after {
    content: '→';
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out
}

.btn:hover span:after {
    right: -10px
}

.btn_white {
    color: white;
    border: 1px solid white
}

.btn_white:hover {
    color: #16181c;
    background-color: white
}

.btn_orange {
    color: #ff5300;
    border: 1px solid #ff5300
}

.btn_orange:hover {
    color: white;
    background-color: #ff5300
}

.btn_full-orange {
    color: white;
    background-color: #ff5300
}

.btn_full-orange:hover {
    color: #ff5300;
    background-color: white
}

.btn_full-orange.subscription-dialog {
    color: white;
    background-color: #ff5300
}

.btn_full-orange.subscription-dialog:hover {
    color: #ff5300;
    background-color: white;
    border: 1px solid #f16522
}


/* Satoshi faces — duplicated from geeks-main.css because the pages that load
   THIS stylesheet (contacts, careers, works/*, segments/*, Trident) do not load
   geeks-main.css. Without these they fell back to Helvetica. Same URLs, so the
   browser fetches each file once. Keep in sync with geeks-main.css. */
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-Light.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-Light.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-Regular.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-Medium.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-Bold.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-Black.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-Black.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-LightItalic.woff2") format("woff2");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-Italic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-MediumItalic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-BoldItalic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}
@font-face {
    font-family: "Satoshi";
    src: url("/design-system/assets/fonts/satoshi/Satoshi-BlackItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'icomoon';
    src: url("../v2/icomoon-9ee02e0ac2217f44399999ff21dd9df60466.eot?52t6nz");
    src: url("../v2/icomoon-9ee02e0ac2217f44399999ff21dd9df60466.eot?52t6nz#iefix") format("embedded-opentype"), url("../v2/icomoon-6c457052e86974793ae6ef3788ce79620466.ttf?52t6nz") format("truetype"), url("../v2/icomoon-6b628109a8fa9bf8563eacb866792bd90466.woff?52t6nz") format("woff"), url("../v2/icomoon-60d8690769d91e34141e0c9c115610020466.svg?52t6nz#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent
}

sup {
    vertical-align: top
}

a {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    outline: none
}

a:hover {
    text-decoration: none
}

li {
    list-style: none
}

.clearfix {
    zoom: 1
}

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix:after {
    clear: both
}

.block-max-width {
    margin: 0 auto;
    max-width: 970px;
    padding-left: 20px;
    padding-right: 20px
}

.block-max-width--wider {
    margin: 0 auto;
    max-width: 1120px;
    padding-left: 20px;
    padding-right: 20px
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media only screen and (min-width: 1025px) {
    .flex-desktop_reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .flex-desktop_reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .flex-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .flex-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.white-text-header nav ul li a,
body[data-page="home"] header nav ul li a,
body[data-page="technologies"] header nav ul li a,
body[data-page="technologies"][data-action="show"].rnd-scene header nav ul li a,
body[data-page="design"] header nav ul li a,
body[data-page="design"].light_black-scene header nav ul li a,
body[data-page="design"].purple-scene header nav ul li a,
body[data-page="design"].dark_black-scene header nav ul li a,
body[data-page="services"] header.white.active_gray-black-header-add nav ul li a,
body[data-page="services"] header.white.active_gray-black-header nav ul li a,
body[data-page="services"] header.white.active_black-header-footer nav ul li a,
body[data-page="company"].active_dark-black-background header nav ul li a,
body[data-page="company"].active_values-black-background header nav ul li a,
body[data-page="company"].active_map-black-background header nav ul li a,
body[data-page="company"] header nav ul li a,
body[data-page="blog"] header nav ul li a,
body[data-page="contacts"].gray_black-scene header nav ul li a,
body[data-page="careers"].gray_black-scene header nav ul li a,
body[data-page="segments"] header nav ul li a {
    color: white
}

.white-text-header .logo,
body[data-page="home"] header .logo,
body[data-page="technologies"] header .logo,
body[data-page="technologies"][data-action="show"].rnd-scene header .logo,
body[data-page="design"] header .logo,
body[data-page="services"] header.white.active_gray-black-header-add .logo,
body[data-page="services"] header.white.active_gray-black-header .logo,
body[data-page="services"] header.white.active_black-header-footer .logo,
body[data-page="company"] header .logo,
body[data-page="blog"] header .logo,
body[data-page="contacts"].gray_black-scene header .logo,
body[data-page="careers"].gray_black-scene header .logo,
body[data-page="segments"] header .logo {
    background-image: url("../v2/content/geeks-logo-white.svg")
}

.black-text-header nav ul li a,
header.active_light-gray-header-add nav ul li a,
header.active_light-gray-header nav ul li a,
body[data-page="works"] header nav ul li a,
body[data-page="technologies"].light_gray-scene header nav ul li a,
body[data-page="technologies"].white-scene header nav ul li a,
body[data-page="technologies"][data-action="show"] header nav ul li a,
body[data-page="technologies"][data-action="show"].cta-scene header nav ul li a,
body[data-page="design"].light_gray-scene header nav ul li a,
body[data-page="services"] header.white nav ul li a,
body[data-page="company"].active_light-gray-background2 header nav ul li a,
body[data-page="company"].active_white-background header nav ul li a,
body[data-page="company"] header.active_light-gray-header-add nav ul li a,
body[data-page="company"] header.active_light-gray-header nav ul li a,
body[data-page="contacts"] header nav ul li a,
body[data-page="careers"] header nav ul li a,
body[data-page="segments"].segments_components-scene header nav ul li a,
body[data-page="segments"].segments_features-scene header nav ul li a,
body[data-page="segments"].segments_related-scene header nav ul li a,
body[data-page="segments"].segments_case-scene header nav ul li a,
body[data-page="segments"].segments_cover-scene header nav ul li a,
body[data-page="segments"].segments_cta-scene header nav ul li a {
    color: #111111
}

.black-text-header .logo,
header.active_light-gray-header-add .logo,
header.active_light-gray-header .logo,
body[data-page="works"] header .logo,
body[data-page="technologies"].light_gray-scene header .logo,
body[data-page="technologies"].white-scene header .logo,
body[data-page="technologies"][data-action="show"] header .logo,
body[data-page="design"].light_gray-scene header .logo,
body[data-page="services"] header.white .logo,
body[data-page="company"].active_light-gray-background2 header .logo,
body[data-page="company"].active_white-background header .logo,
body[data-page="company"] header.active_light-gray-header-add .logo,
body[data-page="company"] header.active_light-gray-header .logo,
body[data-page="contacts"] header .logo,
body[data-page="careers"] header .logo,
body[data-page="segments"].segments_components-scene header .logo,
body[data-page="segments"].segments_features-scene header .logo,
body[data-page="segments"].segments_related-scene header .logo,
body[data-page="segments"].segments_case-scene header .logo,
body[data-page="segments"].segments_cover-scene header .logo,
body[data-page="segments"].segments_cta-scene header .logo {
    background-image: url("../v2/content/geeks-logo.svg")
}

.logo {
    width: 257px;
    height: 25px;
    display: block;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .logo {
        width: 80px
    }
}

nav {
    display: block;
    float: right
}

nav.active {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.97);
    z-index: 10;
    opacity: 1;
    -webkit-transition: opacity 0.6s linear;
    transition: opacity 0.6s linear
}

nav.active .nav__i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%;
    overflow: auto
}

nav.active ul {
    width: 100%;
    text-align: center;
    padding: 0;
    overflow: hidden
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    nav.active ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: space-around;
        -ms-flex-align: space-around;
        align-items: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        text-align: center;
        margin: 0 auto
    }

    nav.active ul li {
        -ms-flex-preferred-size: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%
    }
}

nav.active ul li {
    float: none;
    padding: 15px 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    nav.active ul li {
        padding: 10px 0
    }
}

nav.active ul li a {
    font-size: 24px;
    line-height: 30px;
    color: white !important
}

@media only screen and (max-width: 767px) {
    nav.active ul li a {
        font-size: 20px;
        line-height: 15px;
        color: white !important
    }
}

nav.active ul li a:after {
    bottom: 0px
}

nav ul {
    padding: 8px 0 0 0
}

nav ul li {
    float: left;
    padding: 0 0 0 13px;
    list-style: none
}

nav ul li a {
    display: inline-block;
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: white;
    text-transform: uppercase;
    padding: 5px 8px;
    letter-spacing: 0.9px;
    position: relative
}

nav ul li a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 4px;
    right: 50%;
    margin: 0 10px;
    background: #f16522;
    -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

nav ul li a:hover,
nav ul li a.active {
    text-decoration: none
}

nav ul li a:hover:after,
nav ul li a.active:after {
    left: 0;
    right: 0;
    height: 1px
}

nav.head.active ul li:first-child {
    display: list-item
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 40px;
    z-index: 5;
    -webkit-transition: background-color 0.4s ease-out;
    transition: background-color 0.4s ease-out
}

header.active_light-gray-header-add {
    background-color: whitesmoke
}

header.active_light-gray-header {
    background-color: rgba(245, 245, 245, 0.9)
}

header.active_black-header-footer {
    background-color: rgba(22, 24, 28, 0.9)
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    header {
        position: absolute
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    header {
        position: absolute
    }

    header.white nav ul li a {
        color: white
    }
}

@media only screen and (max-width: 767px) {
    header {
        padding: 20px 15px;
        position: absolute
    }

    header.white nav ul li a {
        color: white
    }
}

body[data-page="home"] header.active_blue-header-add {
    background-color: #119cdd
}

body[data-page="home"] header.active_purple-header-add {
    background-color: #3f2caa
}

body[data-page="home"] header.active_blue-header {
    background-color: rgba(17, 156, 221, 0.9)
}

body[data-page="home"] header.active_purple-header {
    background-color: rgba(63, 44, 170, 0.9)
}

body[data-page="home"] header.active_gray-header {
    background-color: rgba(35, 37, 44, 0.9)
}

body[data-page="home"].active_black-scene header {
    background-color: rgba(25, 24, 30, 0.9)
}

body[data-page="home"].active_black-scene .wrapper {
    background-color: #19181e
}

body[data-page="home"].active_dark_black-scene header {
    background-color: rgba(22, 24, 28, 0.9)
}

body[data-page="home"].active_light-black-scene header {
    background-color: rgba(28, 30, 35, 0.9)
}

body[data-page="home"].active_light-black-scene .wrapper {
    background-color: #1c1e23
}

body[data-page="home"].active_gray-scene header {
    background-color: rgba(35, 37, 44, 0.9)
}

body[data-page="home"].active_gray-scene .wrapper {
    background-color: #23252c
}

body[data-page="home"].active_blue-scene .wrapper {
    background-color: #119cdd
}

body[data-page="home"].active_purple-scene .wrapper {
    background-color: #3f2caa
}

body[data-page="home"].active_azure-scene header {
    background-color: rgba(1, 181, 172, 0.9)
}

body[data-page="home"].active_azure-scene .wrapper {
    background-color: #01b5ac
}

body[data-page="works"] header {
    background-color: rgba(245, 245, 245, 0.9)
}

body[data-page="works"] .l-wrapper {
    background-color: whitesmoke;
    -webkit-transition: background-color 0.4s ease-out;
    transition: background-color 0.4s ease-out
}

body[data-page="works"].soft_gray-scene header {
    background-color: rgba(237, 237, 237, 0.9)
}

body[data-page="works"].soft_gray-scene .l-wrapper {
    background-color: #ededed
}

body[data-page="technologies"] header {
    background-color: rgba(23, 24, 29, 0.9)
}

body[data-page="technologies"] .l-wrapper {
    background-color: #17181d;
    -webkit-transition: background-color 0.4s ease-out;
    transition: background-color 0.4s ease-out
}

body[data-page="technologies"] .l-wrapper section,
body[data-page="technologies"] .l-wrapper .page-technology {
    background: transparent !important
}

body[data-page="technologies"] .section-related-articles .section-title,
body[data-page="technologies"] .section-related-articles .section-intro-text {
    color: white
}

body[data-page="technologies"].light_gray-scene header {
    background-color: rgba(245, 245, 245, 0.9)
}

body[data-page="technologies"].light_gray-scene .l-wrapper {
    background-color: whitesmoke
}

body[data-page="technologies"].light_gray-scene .section-related-articles .section-title,
body[data-page="technologies"].light_gray-scene .section-related-articles .section-intro-text {
    color: #23252c
}

body[data-page="technologies"].white-scene header {
    background-color: rgba(255, 255, 255, 0.9)
}

body[data-page="technologies"].white-scene .l-wrapper {
    background-color: white
}

body[data-page="technologies"].white-scene .section-related-articles .section-title,
body[data-page="technologies"].white-scene .section-related-articles .section-intro-text {
    color: #23252c
}

body[data-page="technologies"].gray_black-scene header {
    background-color: rgba(35, 37, 44, 0.9)
}

body[data-page="technologies"].gray_black-scene .wrapper {
    background-color: #23252c
}

body[data-page="technologies"][data-action="show"] header {
    background-color: rgba(255, 255, 255, 0.9)
}

body[data-page="technologies"][data-action="show"] .l-wrapper {
    background-color: white
}

body[data-page="technologies"][data-action="show"] .section-related-articles .section-title,
body[data-page="technologies"][data-action="show"] .section-related-articles .section-intro-text {
    color: #23252c
}

body[data-page="technologies"][data-action="show"] .section-rnd {
    color: #23252c
}

@media only screen and (max-width: 1024px) {

    body[data-page="technologies"][data-action="show"] .articles-list-item .item-author,
    body[data-page="technologies"][data-action="show"] .articles-list-item .item-title a,
    body[data-page="technologies"][data-action="show"] .articles-list-item .item-description {
        color: #23252c
    }
}

body[data-page="technologies"][data-action="show"].related-scene header {
    background-color: rgba(245, 245, 245, 0.9)
}

body[data-page="technologies"][data-action="show"].related-scene .l-wrapper {
    background-color: whitesmoke
}

body[data-page="technologies"][data-action="show"].rnd-scene header {
    background-color: rgba(23, 24, 29, 0.9)
}

body[data-page="technologies"][data-action="show"].rnd-scene .l-wrapper {
    background-color: #17181d
}

body[data-page="technologies"][data-action="show"].rnd-scene .articles-list-item .item-title a,
body[data-page="technologies"][data-action="show"].rnd-scene .articles-list-item .item-description,
body[data-page="technologies"][data-action="show"].rnd-scene .articles-list-item .item-author {
    color: rgba(245, 245, 245, 0.7)
}

body[data-page="technologies"][data-action="show"].rnd-scene .section-rnd {
    color: white
}

body[data-page="technologies"][data-action="show"].cta-scene header {
    background-color: rgba(237, 237, 237, 0.9)
}

body[data-page="technologies"][data-action="show"].cta-scene .l-wrapper {
    background-color: #ededed
}

body[data-page="design"] {
    background-color: #16181c
}

@media only screen and (min-width: 1025px) {
    body[data-page="design"] footer {
        min-height: 100vh
    }
}

body[data-page="design"] .design-page {
    -webkit-backface-visibility: visible
}

body[data-page="design"] .design-title,
body[data-page="design"] .designed-list,
body[data-page="design"] .services-list,
body[data-page="design"] .concepts,
body[data-page="design"] .design-featured {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

body[data-page="design"] .design-title,
body[data-page="design"] .design-page,
body[data-page="design"] .services-title_w,
body[data-page="design"] .services-list_w .services-item {
    -webkit-transition: color 0.4s ease-out, background-color 0.4s ease-out;
    transition: color 0.4s ease-out, background-color 0.4s ease-out;
    will-change: color, background-color
}

body[data-page="design"] .designed-image,
body[data-page="design"] .item-description_w {
    will-change: transform, margin-right, margin-left;
    -webkit-backface-visibility: visible;
    -webkit-transform: translate3d(0, 0, 0)
}

body[data-page="design"] header {
    background-color: rgba(22, 24, 28, 0.9)
}

body[data-page="design"].light_black-scene header {
    background-color: rgba(22, 24, 28, 0.9)
}

body[data-page="design"].light_black-scene .design-page {
    background-color: #16181c
}

body[data-page="design"].light_black-scene .designed-title_w {
    color: white
}

body[data-page="design"].light_gray-scene header {
    background-color: rgba(245, 245, 245, 0.9)
}

@media only screen and (min-width: 1025px) {

    body[data-page="design"].light_gray-scene .design-page,
    body[data-page="design"].light_gray-scene .design-title {
        background-color: whitesmoke;
        color: #23252c
    }

    body[data-page="design"].light_gray-scene .designed-title_w {
        color: #23252c
    }

    body[data-page="design"].light_gray-scene .design-page .services-list .services-title_w {
        color: #23252c
    }

    body[data-page="design"].light_gray-scene .design-page .services-list .services-list_w .services-item .item-title,
    body[data-page="design"].light_gray-scene .design-page .services-list .services-list_w .services-item .item-description {
        color: #23252c
    }
}

body[data-page="design"].purple-scene header {
    background-color: rgba(38, 33, 64, 0.9)
}

body[data-page="design"].purple-scene .design-page {
    background-color: #262140
}

body[data-page="design"].dark_black-scene header {
    background-color: rgba(0, 0, 0, 0.8)
}

body[data-page="design"].dark_black-scene .design-page {
    background-color: black
}

body[data-page="services"] header.white.active_gray-black-header-add {
    background-color: #23252c
}

body[data-page="services"] header.white.active_gray-black-header {
    background-color: rgba(35, 37, 44, 0.9)
}

body[data-page="services"] header.white.active_black-header-footer {
    background-color: #16181c
}

body[data-page="services"] header.white {
    background-color: whitesmoke
}

body[data-page="company"].active_light-gray-background2 header {
    background-color: rgba(245, 245, 245, 0.9)
}

body[data-page="company"].active_light-gray-background2 .values-list__item .value-title .value-title-text {
    color: #23252c
}

body[data-page="company"].active_light-gray-background2 .values-list__item .value-text p {
    color: #827b7b
}

body[data-page="company"].active_white-background header {
    background-color: rgba(255, 255, 255, 0.9)
}

body[data-page="company"].active_white-background .wrapper {
    background-color: white
}

body[data-page="company"].active_dark-black-background header {
    background-color: rgba(29, 32, 41, 0.9)
}

body[data-page="company"].active_dark-black-background .wrapper {
    background-color: #1d2029
}

body[data-page="company"].active_values-black-background header {
    background-color: rgba(55, 62, 72, 0.9)
}

body[data-page="company"].active_values-black-background .wrapper {
    background-color: #373e48
}

body[data-page="company"].active_map-black-background header {
    background-color: rgba(40, 42, 54, 0.9)
}

body[data-page="company"].active_map-black-background .wrapper {
    background-color: #282a36
}

body[data-page="blog"][data-action="show"] .fake-block-footer {
    height: 0
}

body[data-page="contacts"] header {
    background-color: rgba(245, 245, 245, 0.9)
}

body[data-page="contacts"] .page-contacts,
body[data-page="contacts"] .section-content {
    background: transparent !important
}

body[data-page="contacts"] .l-wrapper {
    background-color: whitesmoke;
    -webkit-transition: background-color 0.4s ease-out;
    transition: background-color 0.4s ease-out
}

body[data-page="contacts"] .contacts-group-item {
    border-color: #ededed;
    -webkit-transition: border-color 0.4s ease-out;
    transition: border-color 0.4s ease-out
}

body[data-page="contacts"].gray_black-scene header {
    background-color: rgba(35, 37, 44, 0.9)
}

body[data-page="contacts"].gray_black-scene .l-wrapper {
    background-color: #23252c
}

body[data-page="contacts"].gray_black-scene .contacts-group-item {
    border-color: #4e5055
}

body[data-page="segments"] header {
    background-color: rgba(22, 24, 28, 0.7)
}

body[data-page="segments"].segments_components-scene header {
    background-color: rgba(245, 245, 245, 0.9)
}

body[data-page="segments"].segments_components-scene .page-segment-article .section-segment-article-intro i.section-bg#image-events {
    background-image: none
}

body[data-page="segments"].segments_components-scene .section-segment-article-intro,
body[data-page="segments"].segments_components-scene .section-segment-article-intro .dtable {
    background: whitesmoke
}

body[data-page="segments"].segments_features-scene header {
    background-color: rgba(255, 255, 255, 0.9)
}

body[data-page="segments"].segments_features-scene .section-segment-article-components {
    background: white
}

body[data-page="segments"].segments_related-scene header {
    background-color: rgba(245, 245, 245, 0.9)
}

body[data-page="segments"].segments_related-scene .section-segment-features {
    background: whitesmoke
}

body[data-page="segments"].segments_case-scene header {
    background-color: rgba(237, 237, 237, 0.9)
}

body[data-page="segments"].segments_case-scene .section-related-articles {
    background: #ededed
}

body[data-page="segments"].segments_cover-scene header {
    background-color: rgba(255, 255, 255, 0.9)
}

body[data-page="segments"].segments_cover-scene .section-case-studies {
    background: white
}

body[data-page="segments"].segments_cta-scene header {
    background-color: rgba(245, 245, 245, 0.9)
}

body[data-page="segments"].segments_cta-scene .section-segments-we-cover {
    background: whitesmoke
}

.device-menu {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    width: 55px;
    height: 50px;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.6)
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .device-menu {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .device-menu {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .device-menu {
        display: block;
        width: 45px;
        height: 40px
    }
}

.device-menu span {
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    background-color: white
}

.device-menu span:nth-child(1) {
    top: 0;
    -webkit-transition: rotate, 0.3s;
    transition: rotate, 0.3s
}

.device-menu span:nth-child(2) {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.device-menu span:nth-child(3) {
    bottom: 0;
    -webkit-transition: rotate, 0.3s;
    transition: rotate, 0.3s
}

@media only screen and (max-width: 767px) {
    .device-menu span {
        height: 3px
    }
}

.device-menu.black span {
    background-color: #111111
}

.device-menu.open span {
    background-color: white
}

.device-menu.open span:nth-child(1) {
    top: 5px;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .device-menu.open span:nth-child(1) {
        top: 10px
    }
}

.device-menu.open span:nth-child(2) {
    opacity: 0
}

.device-menu.open span:nth-child(3) {
    bottom: 10px;
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.device-menu .device-menu__i {
    width: 24px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .device-menu .device-menu__i {
        width: 32px;
        height: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    nav {
        display: none
    }

    .footer-top nav {
        z-index: 5
    }
}

@media only screen and (max-width: 767px) {
    nav {
        display: none
    }

    .footer-top nav {
        z-index: 5
    }
}

footer {
    background-color: #16181c;
    padding: 0 40px 18px 40px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    footer {
        padding: 80px 40px 20px 40px;
        position: relative
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    footer {
        padding: 80px 40px 20px 40px;
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    footer {
        padding: 58px 15px 20px 15px;
        position: relative
    }
}

footer .footer-top {
    position: relative;
    padding: 42px 0 29px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    footer .footer-top {
        padding: 0 0 25px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}

@media only screen and (max-width: 767px) {
    footer .footer-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        padding: 100px 0 25px 0
    }
}

footer .footer-top .socials {
    float: right;
    padding: 5px 0 0 0
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    footer .footer-top .socials {
        padding-top: 35px !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    footer .footer-top .socials {
        float: none;
        padding: 80px 0 0 0
    }
}

@media only screen and (max-width: 767px) {
    footer .footer-top .socials {
        float: none;
        padding: 93px 0 0 0
    }
}

footer .footer-top .socials .btn_white {
    font-size: 16px;
    padding: 11px 30px 11px 30px;
    width: 100%
}

footer .footer-top .socials ul {
    padding: 0 0 22px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    footer .footer-top .socials ul {
        padding: 0 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

footer .footer-top .socials ul li {
    display: inline-block;
    padding: 0 27px 0 0
}

footer .footer-top .socials ul li:last-child {
    padding: 0
}

@media only screen and (max-width: 767px) {
    footer .footer-top .socials ul li {
        padding: 0;
        margin-bottom: 23px;
        width: 30%;
        text-align: center
    }
}

footer .footer-top .socials ul li a {
    font-size: 24px;
    line-height: 24px;
    color: white;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    display: block
}

footer .footer-top .socials ul li a.hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

footer .footer-top nav {
    text-align: center;
    opacity: 1
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    footer .footer-top nav {
        width: 100%;
        display: block;
        top: 20px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    footer .footer-top nav {
        position: relative;
        width: 100%;
        display: block
    }
}

@media only screen and (max-width: 767px) {
    footer .footer-top nav {
        position: relative;
        width: 100%;
        display: block
    }
}

footer .footer-top nav ul {
    padding: 0
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    footer .footer-top nav ul {
        display: inline-block;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    footer .footer-top nav ul {
        text-align: left;
        margin: 0 auto;
        padding: 0 0 0 15px;
        width: 280px
    }
}

footer .footer-top nav ul li {
    float: left;
    display: inline-block;
    padding: 0 0 0px 0;
    margin-right: 10px
}

footer .footer-top nav ul li:last-child {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    footer .footer-top nav ul li {
        width: 50%;
        padding: 0 0 25px 0;
        margin-right: 0
    }
}

footer .footer-top nav ul li a {
    font-size: 18px;
    line-height: 21px;
    text-transform: none;
    padding: 1px 5px;
    letter-spacing: -0.25px
}

footer .footer-top nav ul li a::after {
    bottom: -2px;
    margin: 0 5px
}

footer .footer-top .footer-logo {
    width: 280px;
    float: left
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    footer .footer-top .footer-logo {
        padding-top: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    footer .footer-top .footer-logo {
        width: 260px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    footer .footer-top .footer-logo {
        text-align: center;
        float: none
    }
}

@media only screen and (max-width: 767px) {
    footer .footer-top .footer-logo {
        text-align: center;
        padding: 0
    }
}

footer .footer-top .footer-logo .logo {
    padding: 0 0 24px 0;
    background-image: url("../v2/content/geeks-logo-white.svg");
    margin-top: 5px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    footer .footer-top .footer-logo .logo {
        display: inline-block
    }
}

@media only screen and (max-width: 767px) {
    footer .footer-top .footer-logo .logo {
        display: inline-block;
        width: 114px;
        padding: 0 0 20px 0
    }
}

footer .footer-top .footer-logo p {
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: white;
    opacity: .7
}

footer .footer-bottom {
    text-align: center
}

footer .footer-bottom p {
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
    color: white;
    opacity: .2
}

@media only screen and (max-width: 767px) {
    footer .footer-bottom p {
        font-family: "Satoshi", Helvetica, Arial, sans-serif}

    footer .footer-bottom p span {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    footer.company-page {
        padding: 40px 40px 20px 40px
    }
}

@media only screen and (max-width: 767px) {
    footer.company-page .footer-top {
        padding: 0 0 25px 0
    }
}

footer i {
    display: inline-block;
    width: 25px;
    height: 25px
}

footer i.icon-facebook {
    background: url("../v2/general/icon-facebook-39385e65c460fad85c9cde87218ea29b.svg") no-repeat
}

footer i.icon-twitter {
    background: url("../v2/general/icon-twitter-b3e24c93b59d9166f9321c032ec0ec85.svg") no-repeat;
    width: 28px;
    height: 23px
}

footer i.icon-github {
    background: url("../v2/general/icon-github-2e64f2e1fec5784fcc6d9178d4182f4c.svg") no-repeat;
    width: 30px;
    height: 24px
}

footer i.icon-dribbble {
    background: url("../v2/general/icon-dribbble-7ce6634a65ae0d25500ae07ac7aa51d9.svg") no-repeat
}

footer i.icon-behance {
    background: url("../v2/general/icon-behance-14ad6537639d59dd85cbe26b14b5bc22.svg") no-repeat;
    width: 30px;
    height: 19px
}

footer i.icon-telegram {
    background: url("../v2/general/icon-telegram-6f08c30bdd1f128721c653980309e131.svg") no-repeat;
    height: 22px
}

.fake-block-footer {
    height: 761px;
    width: 1px;
    position: relative;
    z-index: 3
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .fake-block-footer {
        min-height: 0;
        height: 0 !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .fake-block-footer {
        min-height: 0;
        height: 0 !important
    }
}

@media only screen and (max-width: 767px) {
    .fake-block-footer {
        min-height: 0;
        height: 0 !important
    }
}

.ie-hack {
    z-index: 10000;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}


::-moz-selection {
    background: #f16522
}

::selection {
    background: #f16522
}

::-moz-selection {
    background: #f16522
}

.btn-tabs-group-holder::-moz-selection {
    background: #f16522
}

.btn-tabs-group-holder::selection {
    background: #f16522
}

.btn-tabs-group-holder::-moz-selection {
    background: #f16522
}

.hoverfix {
    -webkit-transform: translateZ(0px)
}

html,
body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    color: #23252c
}

@media only screen and (max-device-width: 480px) {

    html,
    body {
        -webkit-text-size-adjust: none
    }
}

body {
    margin: 0;
    font-size: 16px;
    line-height: 19px
}

.max-width {
    max-width: 1170px;
    margin: auto
}

img {
    border: none
}

a,
.link-style {
    text-decoration: none;
    color: #f16522;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    cursor: pointer
}

a:hover,
.link-style:hover {
    text-decoration: underline
}

a:hover,
.link-style:hover,
a:active,
.link-style:active {
    outline: 0
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
.vacancy-article-title,
.contacts-group-item-title,
.services-list-item-info .item-title,
.section-technology-article .article-title,
.article-features-list-item-info .item-title,
.works-list-item .item-title {
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 1em 0 0.5em
}

h1,
.h1 {
    font-size: 77px;
    line-height: 1.246753246753247
}

h2,
.h2 {
    font-size: 66px;
    line-height: 1.272727272727273
}

.works-list-item .item-title {
    font-size: 66px;
    line-height: 1.1
}

h3,
.h3,
.vacancy-article-title,
.section-technology-article .article-title {
    font-size: 48px;
    line-height: 1.25
}

h4,
.h4,
.services-list-item-info .item-title,
.article-features-list-item-info .item-title {
    font-size: 30px;
    line-height: 1.3
}

h5,
.h5,
.contacts-group-item-title {
    font-size: 24px;
    line-height: 1.166666666666667
}

h6,
.h6,
.services-contents-item .item-title,
.services-article-aside .aside-title,
.article-features-contents-item .item-title {
    font-size: 18px;
    line-height: 1.222222222222222
}

.hr,
hr {
    border: 0;
    height: 1px;
    background: #dcdcdc;
    clear: both;
    margin: 25px auto
}

.lucida {
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif
}

.color-white {
    color: #fff
}

.bg-transparent {
    background-color: transparent !important
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td {
    vertical-align: top
}

.dtable {
    display: table
}

.dtrow {
    display: table-row
}

.dtcell {
    display: table-cell;
    vertical-align: middle
}

.none {
    display: none !important
}

.invisible {
    visibility: hidden
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.visible {
    visibility: visible !important
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: block
}

.clearfix {
    zoom: 1
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.fleft {
    float: left !important
}

.fright {
    float: right !important
}

.vat {
    vertical-align: top !important
}

.vam {
    vertical-align: middle !important
}

.vab {
    vertical-align: bottom !important
}

.tac {
    text-align: center !important
}

.tar {
    text-align: right !important
}

.not_select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mt2em {
    margin-top: 2em
}

.fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.demo-dark-box {
    background: #000;
    color: #fff;
    padding: 20px 0;
    margin-top: 50px
}

.twitter-link .icon-twitter-link {
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.twitter-link:hover .icon-twitter-link {
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px)
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../sprite-4c3c3cb8064ceb0b59c62ffe739b651d.png") no-repeat 0 0
}

.icon-delete {
    background: url("../icon-delete-13c6a77a36dc8b4ebab27f7508695254.png") no-repeat center
}

.svg .icon-delete {
    background-image: url("../icon-delete-9c6367ab67488de2be1e163a341c5e83.svg")
}

.icon-facebook {
    background: url("../icon-facebook-fec4b14ae263987c71944a166ae68641.png") no-repeat center;
    width: 25px;
    height: 25px
}

.svg .icon-facebook {
    background-image: url("../icon-facebook-8c4dd052d1f2eea51aea8adea801ff54.svg")
}

.icon-dribble {
    background: url("../icon-dribble-b58aa372d256389b6b1beefc05aef2b4.png") no-repeat center;
    width: 25px;
    height: 25px
}

.svg .icon-dribble {
    background-image: url("../icon-dribble-7ce6634a65ae0d25500ae07ac7aa51d9.svg")
}

.icon-twitter {
    background: url("../icon-twitter-3f50be8aea558e547b5d874694942c2f.png") no-repeat center;
    width: 27px;
    height: 23px
}

.svg .icon-twitter {
    background-image: url("../icon-twitter-f863b1b8794eb0a1ccc069d8cf28cd8e.svg")
}

.icon-twitter-link {
    background-image: none !important;
    position: relative;
    vertical-align: top
}

.icon-twitter-link:before,
.icon-twitter-link:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.no-opacity .icon-twitter-link:before,
.no-opacity .icon-twitter-link:after {
    display: block
}

.icon-twitter-link:after {
    background-position: 0 bottom;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.no-opacity .icon-twitter-link:after {
    display: none
}

.icon-twitter-link:hover:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.no-opacity .icon-twitter-link:hover:before {
    display: none
}

.icon-twitter-link:hover:after {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.no-opacity .icon-twitter-link:hover:after {
    display: block
}

.icon-twitter-link:before,
.icon-twitter-link:after {
    background: url("../sprite-4c3c3cb8064ceb0b59c62ffe739b651d.png") no-repeat -20px 0
}

.icon-twitter-link:after {
    background-position: -40px 0
}

a.icon-twitter-link {
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
}

a.icon-twitter-link:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.icon-github {
    background: url("../icon-github-ef0289d303c2278e28c1bc443e1437d9.png") no-repeat center;
    width: 30px;
    height: 24px
}

.svg .icon-github {
    background-image: url("../icon-github-2e64f2e1fec5784fcc6d9178d4182f4c.svg")
}

.icon-behance {
    background: url("../icon-behance-144d35ee3edf0bbcc5b0819758eefa0d.png") no-repeat center;
    width: 30px;
    height: 19px
}

.svg .icon-behance {
    background-image: url("../icon-behance-14ad6537639d59dd85cbe26b14b5bc22.svg")
}

.icon-larrow,
.icon-rarrow {
    background: url("../icon-arrows-8edb28afc5c5f475f3987843f1dac177.png") no-repeat 0 0;
    width: 22px;
    height: 22px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .icon-larrow,
    .icon-rarrow {
        background-image: url("../icon-arrows%402x-14176964e0bdfa948f7214451145577f.png");
        background-size: auto 22px
    }
}

.icon-rarrow {
    background-position: -22px 0
}

.icon-search {
    background: url("../icon-search-e0ae38ec4752684bfe0bfca8cacd1dc0.png") no-repeat 0 0;
    width: 25px;
    height: 25px
}

.svg .icon-search {
    background-image: url("../icon-search-0b0f29dc277765c4a19cc10d067c0326.svg")
}

.icon-load-more {
    width: 23px;
    height: 23px;
    position: relative;
    background-image: none !important
}

.icon-load-more:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../icon-load-more-a3100b5b9d63835723c277674374050c.png") no-repeat center
}

.svg .icon-load-more:before {
    background-image: url("../icon-load-more-b5aa00f498387d7242da962c288f8022.svg")
}

.icon-load-more.orange {
    background-image: none !important;
    position: relative
}

.icon-load-more.orange:before,
.icon-load-more.orange:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.no-opacity .icon-load-more.orange:before,
.no-opacity .icon-load-more.orange:after {
    display: block
}

.icon-load-more.orange:after {
    background-position: 0 bottom;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.no-opacity .icon-load-more.orange:after {
    display: none
}

.icon-load-more.orange:hover:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.no-opacity .icon-load-more.orange:hover:before {
    display: none
}

.icon-load-more.orange:hover:after {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.no-opacity .icon-load-more.orange:hover:after {
    display: block
}

.icon-load-more.orange:before,
.icon-load-more.orange:after {
    background-image: url("../icon-load-more-orange-c329b6dfc3c5652606bda8a5ffbe7711.png");
    background-position: 0 0
}

.svg .icon-load-more.orange:before,
.svg .icon-load-more.orange:after {
    background-image: url("../icon-load-more-orange-7e2c4bd9a9da44ed6c1ee2c125d6579a.svg")
}

.icon-load-more.orange:after {
    background-position: 0 -23px
}

.icon-round-facebook {
    width: 26px;
    height: 26px;
    background: url("../icon-round-facebook-6851d5d213affad0a9503b6b6f4fb6ee.png") no-repeat 0 0
}

.svg .icon-round-facebook {
    background-image: url("../icon-round-facebook-13bd52a47351127bb59ab2bb3c6bb40c.svg")
}

a.icon-round-facebook {
    background-image: none !important;
    position: relative;
    width: 26px;
    height: 26px
}

a.icon-round-facebook:before,
a.icon-round-facebook:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.no-opacity a.icon-round-facebook:before,
.no-opacity a.icon-round-facebook:after {
    display: block
}

a.icon-round-facebook:after {
    background-position: 0 bottom;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.no-opacity a.icon-round-facebook:after {
    display: none
}

a.icon-round-facebook:hover:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.no-opacity a.icon-round-facebook:hover:before {
    display: none
}

a.icon-round-facebook:hover:after {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.no-opacity a.icon-round-facebook:hover:after {
    display: block
}

a.icon-round-facebook:before,
a.icon-round-facebook:after {
    background: url("../icon-round-facebook-6851d5d213affad0a9503b6b6f4fb6ee.png") no-repeat 0 0
}

.svg a.icon-round-facebook:before,
.svg a.icon-round-facebook:after {
    background-image: url("../icon-round-facebook-13bd52a47351127bb59ab2bb3c6bb40c.svg")
}

a.icon-round-facebook:after {
    background-position: 0 -26px
}

.icon-round-twitter {
    width: 26px;
    height: 26px;
    background: url("../icon-round-twitter-d58fc37991241e3f76feb03d61e94dcb.png") no-repeat 0 0
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-round-twitter {
        background-image: url("../icon-round-twitter%402x.png/index.html");
        background-size: 26px auto
    }
}

a.icon-round-twitter {
    background-image: none !important;
    position: relative
}

a.icon-round-twitter:before,
a.icon-round-twitter:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.no-opacity a.icon-round-twitter:before,
.no-opacity a.icon-round-twitter:after {
    display: block
}

a.icon-round-twitter:after {
    background-position: 0 bottom;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.no-opacity a.icon-round-twitter:after {
    display: none
}

a.icon-round-twitter:hover:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.no-opacity a.icon-round-twitter:hover:before {
    display: none
}

a.icon-round-twitter:hover:after {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.no-opacity a.icon-round-twitter:hover:after {
    display: block
}

a.icon-round-twitter:before,
a.icon-round-twitter:after {
    background: url("../icon-round-twitter-d58fc37991241e3f76feb03d61e94dcb.png") no-repeat 0 0
}

.svg a.icon-round-twitter:before,
.svg a.icon-round-twitter:after {
    background-image: url("../icon-round-twitter-f88ecd05016a1425ebdaa98cd30a22a4.svg")
}

a.icon-round-twitter:after {
    background-position: 0 -26px
}

.icon-work-developers {
    background: url("../icon-work-developers-b6c32c2c4e0824a985e64aadfa6af157.png") no-repeat center;
    width: 60px;
    height: 60px
}

.svg .icon-work-developers {
    background-image: url("../icon-work-developers-34e833f3290c6ca37dab193d10db5fe1.svg")
}

.icon-work-designers {
    background: url("../icon-work-designers-8e8969eac4394d2ec44fe7849bc97dac.png") no-repeat center;
    width: 60px;
    height: 60px
}

.svg .icon-work-designers {
    background-image: url("../icon-work-designers-7bdad91f41120fb66fab82bb620c5419.svg")
}

.icon-work-managers {
    background: url("../icon-work-managers-37a917726ee0f548e281ff063616ee33.png") no-repeat center;
    width: 60px;
    height: 60px
}

.svg .icon-work-managers {
    background-image: url("../icon-work-managers-fd6b9d6be8765eeb974def4f18611315.svg")
}

.icon-paperclip {
    background: url("../icon-paperclip-9a8a2efff6cbfdecab03af311dacb018.png") no-repeat center;
    width: 11px;
    height: 21px
}

.svg .icon-paperclip {
    background-image: url("../icon-paperclip-3d4d6fc5e8416cc1193a4466be0f5b36.svg")
}

.icon-map-pin {
    background: url("../icon-map-pin-c6f4fae8d8e6de4e3251a0586aaacbd8.png") no-repeat center;
    width: 27px;
    height: 40px
}

.svg .icon-map-pin {
    background-image: url("../icon-map-pin-ba83a2aa68cf4cbe9277ec304ea52c8e.svg")
}

.icon-guide-1 {
    background: url("../guide/icon-guide-1-sprite-6fd3c850dafd2f5fa75cce9d0e82375e.png") no-repeat center 0;
    width: 60px;
    height: 60px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-guide-1 {
        background-image: url("../guide/icon-guide-1-sprite%402x-ed2007ce61db235ca1071e129845bbee.png");
        background-size: 100% auto
    }
}

.icon-guide-2 {
    background: url("../guide/icon-guide-2-sprite-19aa56dc331dd7a821470467c69e6495.png") no-repeat center 0;
    width: 60px;
    height: 60px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-guide-2 {
        background-image: url("../guide/icon-guide-2-sprite%402x-903f89d2838bb99b337c6a7e3a615bfe.png");
        background-size: 100% auto
    }
}

.icon-guide-3 {
    background: url("../guide/icon-guide-3-sprite-210d2795aba48de617426759404278f9.png") no-repeat center 0;
    width: 60px;
    height: 60px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-guide-3 {
        background-image: url("../guide/icon-guide-3-sprite%402x-ff09aab7dd7bc489e00e2ba18cc60e4c.png");
        background-size: 100% auto
    }
}

.icon-guide-4 {
    background: url("../guide/icon-guide-4-sprite-eea1fac7f527e05bcb537ca0e3417ed8.png") no-repeat center 0;
    width: 60px;
    height: 60px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-guide-4 {
        background-image: url("../guide/icon-guide-4-sprite%402x-4a329c17849a884c57ad3186872f4acd.png");
        background-size: 100% auto
    }
}

.icon-guide-5 {
    background: url("../guide/icon-guide-5-sprite-4095fb9e221b75074450546f3ac5309b.png") no-repeat center 0;
    width: 60px;
    height: 60px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-guide-5 {
        background-image: url("../guide/icon-guide-5-sprite%402x-a3f75b8937c6eb3465c7cd63e0140f40.png");
        background-size: 100% auto
    }
}

.icon-guide-6 {
    background: url("../guide/icon-guide-6-sprite-cf3c1e77081649e712cd1058a19c1663.png") no-repeat center 0;
    width: 60px;
    height: 60px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-guide-6 {
        background-image: url("../guide/icon-guide-6-sprite%402x-13ba21ed115e1dc897748d19d61919c1.png");
        background-size: 100% auto
    }
}

.icon-guide-7 {
    background: url("../guide/icon-guide-7-sprite-a0ef70b13223ac7223cd9049d7d9bf43.png") no-repeat center 0;
    width: 60px;
    height: 60px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-guide-7 {
        background-image: url("../guide/icon-guide-7-sprite%402x-03d7a800b1b67ec35e25a146474f861a.png");
        background-size: 100% auto
    }
}

.icon-guide-8 {
    background: url("../guide/icon-guide-8-sprite-3052d354d9916d3dcb91c4614452e628.png") no-repeat center 0;
    width: 60px;
    height: 60px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-guide-8 {
        background-image: url("../guide/icon-guide-8-sprite%402x-ffe86f3b683a815a6f16b1cf4f67c9b7.png");
        background-size: 100% auto
    }
}

.icon-guide-9 {
    background: url("../guide/icon-guide-9-sprite-c67ae73bbefd29c6afdb027abb1bb331.png") no-repeat center 0;
    width: 60px;
    height: 60px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-guide-9 {
        background-image: url("../guide/icon-guide-9-sprite%402x-48c73854a4037974a3eca8198fe452eb.png");
        background-size: 100% auto
    }
}

.guides-list-item-link:hover .icon-guide-1 {
    -webkit-animation: GUIDE_ICON_1_HOVER 1.68s steps(41) infinite;
    animation: GUIDE_ICON_1_HOVER 1.68s steps(41) infinite
}

.guides-list-item-link:hover .icon-guide-2 {
    -webkit-animation: GUIDE_ICON_2_HOVER 1.16s steps(28) infinite;
    animation: GUIDE_ICON_2_HOVER 1.16s steps(28) infinite
}

.guides-list-item-link:hover .icon-guide-3 {
    -webkit-animation: GUIDE_ICON_3_HOVER 1.56s steps(38) infinite;
    animation: GUIDE_ICON_3_HOVER 1.56s steps(38) infinite
}

.guides-list-item-link:hover .icon-guide-4 {
    -webkit-animation: GUIDE_ICON_4_HOVER 3.68s steps(91) infinite;
    animation: GUIDE_ICON_4_HOVER 3.68s steps(91) infinite
}

.guides-list-item-link:hover .icon-guide-5 {
    -webkit-animation: GUIDE_ICON_5_HOVER 0.88s steps(21) infinite;
    animation: GUIDE_ICON_5_HOVER 0.88s steps(21) infinite
}

.guides-list-item-link:hover .icon-guide-6 {
    -webkit-animation: GUIDE_ICON_6_HOVER 1.84s steps(45) infinite;
    animation: GUIDE_ICON_6_HOVER 1.84s steps(45) infinite
}

.guides-list-item-link:hover .icon-guide-7 {
    -webkit-animation: GUIDE_ICON_7_HOVER 1.68s steps(41) infinite;
    animation: GUIDE_ICON_7_HOVER 1.68s steps(41) infinite
}

.guides-list-item-link:hover .icon-guide-8 {
    -webkit-animation: GUIDE_ICON_8_HOVER 1.44s steps(35) infinite;
    animation: GUIDE_ICON_8_HOVER 1.44s steps(35) infinite
}

.guides-list-item-link:hover .icon-guide-9 {
    -webkit-animation: GUIDE_ICON_9_HOVER 1.6s steps(39) infinite;
    animation: GUIDE_ICON_9_HOVER 1.6s steps(39) infinite
}

.icon-component-1 {
    background: url("../icon-component-1-e3df013afece9a8d3f5ab4da8bc47060.png") no-repeat center;
    width: 80px;
    height: 80px
}

.icon-component-2 {
    background: url("../icon-component-2-f5f2a3745aa5f5a4fb25bd13a56c79c5.png") no-repeat center;
    width: 80px;
    height: 80px
}

.icon-component-3 {
    background: url("../icon-component-3-72c586d4ecd13d349d3d1585e0faa0d6.png") no-repeat center;
    width: 80px;
    height: 80px
}

.icon-component-4 {
    background: url("../icon-component-4-02db2b4d0c47337fc2e6876d6036a0dd.png") no-repeat center;
    width: 80px;
    height: 80px
}

.icon-values-1 {
    background: url("../icon-values-1-c307b240f356bed9163669ecce2ccfbd.png") no-repeat center;
    width: 82px;
    height: 82px
}

.svg .icon-values-1 {
    background-image: url("../icon-values-1-11695dfdd4b0d5b7c0c0564fcd42dadf.svg")
}

.icon-values-2 {
    background: url("../icon-values-2-dc7aaad0cc353daac8d5ba0d688408ac.png") no-repeat center;
    width: 82px;
    height: 82px
}

.svg .icon-values-2 {
    background-image: url("../icon-values-2-4643f01f7ee9eb62300176e46c7384f4.svg")
}

.icon-values-3 {
    background: url("../icon-values-3-5742326ed4f6e11004efec0a7f056331.png") no-repeat center;
    width: 82px;
    height: 82px
}

.svg .icon-values-3 {
    background-image: url("../icon-values-3-7c346f090b5b8fd6e12f2e04b983ef93.svg")
}

.icon-values-4 {
    background: url("../icon-values-4-d5e9b5dcdd06a308cd59a1af6a219d95.png") no-repeat center;
    width: 82px;
    height: 82px
}

.svg .icon-values-4 {
    background-image: url("../icon-values-4-41b6437662d62d87f91b00d492918119.svg")
}

.icon-key-characteristics-1 {
    background: url("../key/icon-key-characteristics-1-sprite-c716f1a8aa9d9a79e88ec551a76f3386.png") no-repeat center 0;
    width: 70px;
    height: 70px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-key-characteristics-1 {
        background-image: url("../key/icon-key-characteristics-1-sprite%402x-be7fab7dc158f89e391a93e816e0ff24.png");
        background-size: 100% auto
    }
}

.icon-key-characteristics-2 {
    background: url("../key/icon-key-characteristics-2-sprite-f918cae3e26939132ae2f693194502d4.png") no-repeat center 0;
    width: 70px;
    height: 70px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-key-characteristics-2 {
        background-image: url("../key/icon-key-characteristics-2-sprite%402x-800629a0628cb5c7cad97de1e2cdc2cc.png");
        background-size: 100% auto
    }
}

.icon-key-characteristics-3 {
    background: url("../key/icon-key-characteristics-3-sprite-82098e139ea44517472d65607a2f1c8a.png") no-repeat center 0;
    width: 70px;
    height: 70px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-key-characteristics-3 {
        background-image: url("../key/icon-key-characteristics-3-sprite%402x-30aa7b5d8d01fa12eaa804f92058c6a3.png");
        background-size: 100% auto
    }
}

.icon-key-characteristics-4 {
    background: url("../key/icon-key-characteristics-4-sprite-904f2d15aa5b9f55ffd5e7bda70effdb.png") no-repeat center 0;
    width: 70px;
    height: 70px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-key-characteristics-4 {
        background-image: url("../key/icon-key-characteristics-4-sprite%402x-dd1d1d98281e4e4208070ea9918a53d7.png");
        background-size: 100% auto
    }
}

.icon-key-characteristics-5 {
    background: url("../key/icon-key-characteristics-5-sprite-e51f17080362bbadeaa42e4e92129bf9.png") no-repeat center 0;
    width: 70px;
    height: 70px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-key-characteristics-5 {
        background-image: url("../key/icon-key-characteristics-5-sprite%402x-8ab00e2d6d9ff5db3333d065d3cd9987.png");
        background-size: 100% auto
    }
}

.icon-key-characteristics-6 {
    background: url("../key/icon-key-characteristics-6-sprite-2ae151b052b71d272db5eea86f516b76.png") no-repeat center 0;
    width: 70px;
    height: 70px
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .icon-key-characteristics-6 {
        background-image: url("../key/icon-key-characteristics-6-sprite%402x-b3080a8be08940f0948b9fc634dbea9c.png");
        background-size: 100% auto
    }
}

.key-characteristics-list-item:hover .icon-key-characteristics-1 {
    -webkit-animation: KEY_ICON_1_HOVER 2.2s steps(54) infinite;
    animation: KEY_ICON_1_HOVER 2.2s steps(54) infinite
}

.key-characteristics-list-item:hover .icon-key-characteristics-2 {
    -webkit-animation: KEY_ICON_2_HOVER 2.2s steps(54) infinite;
    animation: KEY_ICON_2_HOVER 2.2s steps(54) infinite
}

.key-characteristics-list-item:hover .icon-key-characteristics-3 {
    -webkit-animation: KEY_ICON_3_HOVER 1.68s steps(41) infinite;
    animation: KEY_ICON_3_HOVER 1.68s steps(41) infinite
}

.key-characteristics-list-item:hover .icon-key-characteristics-4 {
    -webkit-animation: KEY_ICON_4_HOVER 1.64s steps(32) infinite;
    animation: KEY_ICON_4_HOVER 1.64s steps(32) infinite
}

.key-characteristics-list-item:hover .icon-key-characteristics-5 {
    -webkit-animation: KEY_ICON_5_HOVER 1.84s steps(45) infinite;
    animation: KEY_ICON_5_HOVER 1.84s steps(45) infinite
}

.key-characteristics-list-item:hover .icon-key-characteristics-6 {
    -webkit-animation: KEY_ICON_6_HOVER 2.2s steps(54) infinite;
    animation: KEY_ICON_6_HOVER 2.2s steps(54) infinite
}

@-webkit-keyframes GUIDE_ICON_1_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2460px
    }
}

@keyframes GUIDE_ICON_1_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2460px
    }
}

@-webkit-keyframes GUIDE_ICON_2_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -1680px
    }
}

@keyframes GUIDE_ICON_2_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -1680px
    }
}

@-webkit-keyframes GUIDE_ICON_3_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2280px
    }
}

@keyframes GUIDE_ICON_3_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2280px
    }
}

@-webkit-keyframes GUIDE_ICON_4_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -5460px
    }
}

@keyframes GUIDE_ICON_4_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -5460px
    }
}

@-webkit-keyframes GUIDE_ICON_5_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -1260px
    }
}

@keyframes GUIDE_ICON_5_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -1260px
    }
}

@-webkit-keyframes GUIDE_ICON_6_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2700px
    }
}

@keyframes GUIDE_ICON_6_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2700px
    }
}

@-webkit-keyframes GUIDE_ICON_7_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2460px
    }
}

@keyframes GUIDE_ICON_7_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2460px
    }
}

@-webkit-keyframes GUIDE_ICON_8_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2100px
    }
}

@keyframes GUIDE_ICON_8_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2100px
    }
}

@-webkit-keyframes GUIDE_ICON_9_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2340px
    }
}

@keyframes GUIDE_ICON_9_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2340px
    }
}

@-webkit-keyframes KEY_ICON_1_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -3780px
    }
}

@keyframes KEY_ICON_1_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -3780px
    }
}

@-webkit-keyframes KEY_ICON_2_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -3780px
    }
}

@keyframes KEY_ICON_2_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -3780px
    }
}

@-webkit-keyframes KEY_ICON_3_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2870px
    }
}

@keyframes KEY_ICON_3_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2870px
    }
}

@-webkit-keyframes KEY_ICON_4_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2240px
    }
}

@keyframes KEY_ICON_4_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -2240px
    }
}

@-webkit-keyframes KEY_ICON_5_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -3150px
    }
}

@keyframes KEY_ICON_5_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -3150px
    }
}

@-webkit-keyframes KEY_ICON_6_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -3780px
    }
}

@keyframes KEY_ICON_6_HOVER {
    from {
        background-position: 0 0
    }

    to {
        background-position: 0 -3780px
    }
}

button:not(.btn):disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}

.btn:disabled,
.btn.disabled {
    color: #e5e5e5;
    background: none;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    cursor: default
}

.btn:disabled:not(.btn-link),
.btn.disabled:not(.btn-link) {
    border-color: #e0e0e0
}

.btn:not(.btn-link):hover {
    text-decoration: none
}

.btn:not([disabled]):focus {
    outline: none
}

.btn-default {
    color: #f16522;
    border-color: #f16522
}

.btn-default:not([disabled]):hover,
.btn-default:not([disabled]):focus {
    background-color: #f16522;
    border-color: #f16522;
    color: #fff
}

.btn-default:not([disabled]):active {
    background-color: #f45a10;
    border-color: #f45a10;
    color: #fff
}

.btn-primary {
    border-color: #f16522;
    background: #f16522;
    color: #fff
}

.btn-primary:not([disabled]):hover,
.btn-primary:not([disabled]):focus {
    background-color: transparent;
    border-color: #f16522;
    color: #f16522
}

.btn-primary:not([disabled]):active {
    background-color: #f45a10;
    border-color: #f45a10;
    color: #fff
}

.btn-link {
    color: #f16522
}

.btn-link:not([disabled]):hover,
.btn-link:not([disabled]):focus {
    text-decoration: underline
}

.btn-white.btn-default {
    color: #fff;
    border-color: #fff
}

.btn-white.btn-primary {
    background: #fff;
    color: #16181c;
    border-color: #fff
}

.btn-white.btn-link {
    color: #fff
}

.btn-white:disabled,
.btn-white.disabled {
    color: rgba(255, 255, 255, 0.2);
    background: transparent
}

.btn-white:disabled:not(.btn-link),
.btn-white.disabled:not(.btn-link) {
    border-color: rgba(255, 255, 255, 0.2)
}

.btn-white:not([disabled]).btn-default:hover,
.btn-white:not([disabled]).btn-default:focus,
.btn-white:not([disabled]).btn-default:active {
    background: #fff;
    color: #16181c;
    border-color: #fff
}

.btn-white:not([disabled]).btn-primary:hover,
.btn-white:not([disabled]).btn-primary:focus,
.btn-white:not([disabled]).btn-primary:active {
    background: transparent;
    color: #fff;
    border-color: #fff
}

.btn-input {
    position: relative;
    z-index: 1
}

.btn-input .submit {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden;
    cursor: pointer
}

.btn-input .submit input {
    position: absolute;
    z-index: 10;
    width: auto !important;
    height: auto !important;
    top: 0;
    right: 0;
    margin: -2px !important;
    font-size: 200px !important;
    cursor: pointer;
    -webkit-appearance: none
}

.load-more {
    text-align: center;
    margin: 40px auto
}

.btn-load-more {
    min-width: 230px;
    -webkit-transition: none;
    transition: none
}

.btn-load-more:not(.btn-default) {
    color: #939496;
    border-color: #eaeaea
}

.btn-load-more .icon-load-more {
    vertical-align: top;
    margin: 2px 20px 0 0
}

.btn-load-more .icon-load-more:before,
.btn-load-more .icon-load-more:after {
    -webkit-transition: none;
    transition: none
}

.btn-load-more:hover,
.btn-load-more.state-loading {
    color: #606163;
    border-color: #b7b7b7
}

.btn-load-more.btn-default:not([disabled]).state-loading {
    background-color: #f16522;
    border-color: #f16522;
    color: #fff
}

.btn-load-more.btn-default:not([disabled]):hover .icon-load-more:before,
.btn-load-more.btn-default:not([disabled]):focus .icon-load-more:before,
.btn-load-more.btn-default:not([disabled]).state-loading .icon-load-more:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.btn-load-more.btn-default:not([disabled]):hover .icon-load-more:after,
.btn-load-more.btn-default:not([disabled]):focus .icon-load-more:after,
.btn-load-more.btn-default:not([disabled]).state-loading .icon-load-more:after {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.btn-load-more.state-loading .icon-load-more:before,
.btn-load-more.state-loading .icon-load-more:after {
    -webkit-animation: LOAD_MORE 1s linear infinite;
    animation: LOAD_MORE 1s linear infinite
}

.btn-tabs-group {
    text-align: center;
    display: inline-block
}

.btn-tabs-group .btn-tab {
    color: rgba(35, 37, 44, 0.6);
    float: left;
    position: relative;
    border-color: rgba(151, 151, 151, 0.2);
    min-width: 120px;
    padding-top: 12px;
    padding-bottom: 13px
}

.btn-tabs-group .btn-tab:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0
}

.btn-tabs-group .btn-tab:not(:first-child):before {
    content: '';
    width: 1px;
    background: rgba(151, 151, 151, 0.2);
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -15px 0
}

.btn-tabs-group .btn-tab:not(:last-child) {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-tabs-group .btn-tab:hover {
    color: #23252c
}

.btn-tabs-group .btn-tab.active {
    color: #f16522;
    cursor: default
}

@-webkit-keyframes LOAD_MORE {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes LOAD_MORE {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ui-selectmenu-menu {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    margin: 0;
    padding: 0;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15)
}

.ui-selectmenu-menu .ui-menu {
    overflow-x: hidden
}

.ui-selectmenu-open {
    display: block
}

.ui-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    outline: none;
    background: #fff;
    color: #23252c;
    font-size: 16px;
    line-height: 1.1875
}

.ui-menu .ui-menu-item {
    cursor: pointer;
    padding: 9px 30px
}

.ui-menu .ui-menu-item.ui-state-focus {
    background: #fbfbfb
}

.ui-menu .ui-menu-item.ui-state-disabled {
    cursor: default;
    color: rgba(35, 37, 44, 0.5)
}

.tags-list {
    padding: 0;
    margin: 20px 0 20px -13px;
    list-style: none;
    zoom: 1;
    font-size: 14px;
    line-height: 1.357142857142857
}

.tags-list:before,
.tags-list:after {
    content: "";
    display: table
}

.tags-list:after {
    clear: both
}

.tags-list-item {
    float: left;
    margin: 5px 0 5px 13px;
    max-width: 100%
}

.tag-link {
    border: 1px solid #ececec;
    color: #919295;
    -webkit-transition: border-color 300ms, color 300ms;
    transition: border-color 300ms, color 300ms;
    border-radius: 4px;
    text-align: center;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none !important;
    padding: 2px 15px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a.tag-link:hover {
    border-color: #a7a8ab
}

form {
    margin: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

label {
    cursor: pointer
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-size: 100%;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

input:invalid,
textarea:invalid {
    background-color: #f0dddd
}

.form {
    color: #23252c;
    display: block;
    font-size: 18px;
    line-height: 1.222222222222222
}

.form > .form-field:first-child,
.form > .form-row:first-child .form-field {
    margin-top: 0
}

.form-row {
    zoom: 1
}

.form-row:before,
.form-row:after {
    content: "";
    display: table
}

.form-row:after {
    clear: both
}

.form-row > .form-field {
    float: left
}

.form-field {
    margin: 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-field .form-error-text {
    display: none
}

.form-field.active .form-label,
.form-field.filled .form-label {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.form-field.active .form-input {
    border-bottom-color: #23252c
}

.form-field.error .form-error-text {
    display: block
}

.form-field.error .form-input,
.form-field.error .ui-selectmenu-button {
    border-bottom-color: #f00
}

.form-input-holder {
    position: relative;
    font-size: 20px;
    line-height: 1.2;
    padding: 24px 0 0
}

.honeypot {
    display: none
}

.form-label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    -webkit-transform: translate(0, 35px);
    transform: translate(0, 35px);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    cursor: text;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-label.form-label-selectmenu {
    padding-right: 15px
}

.form-input-fake,
.form-input {
    font-size: 20px;
    line-height: 1.2;
    border: 0;
    padding: 9px 0;
    margin: 0;
    border-bottom: 1px solid rgba(35, 37, 44, 0.3);
    display: block;
    outline: none;
    width: 100%;
    background: transparent;
    -webkit-transition: border-color 300ms;
    transition: border-color 300ms;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.form-input-fake {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-height: 24px
}

.form-input-fake:after {
    content: '\00a0\00a0\00a0'
}

.form-error-text {
    color: #f00;
    font-size: 14px;
    line-height: 1.214285714285714;
    margin: 12px 0 0
}

.form-help-text {
    color: #9b9b9b
}

.label-file {
    cursor: pointer
}

.label-file input[type=file] {
    position: fixed;
    right: 100%;
    bottom: 100%
}

.form-checkbox-holder {
    padding: 24px 0 0
}

.form-checkbox-label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-checkbox-label .checker {
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px)
}

.form-controls {
    margin: 35px 0 0
}

select[data-customize="select"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.touch .form-input-holder select[data-customize="select"] {
    display: block !important;
    position: absolute;
    left: 0;
    top: 24px;
    right: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    z-index: 2
}

.touch .form-input-holder .ui-selectmenu-button {
    pointer-events: none
}

.ui-selectmenu-button {
    display: inline-block;
    position: relative;
    padding: 9px 20px 9px 0;
    color: #23252c;
    font-size: 20px;
    line-height: 1.35;
    -webkit-transition: border-color 300ms;
    transition: border-color 300ms;
    border-bottom: 1px solid rgba(35, 37, 44, 0.3);
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-input-holder .ui-selectmenu-button {
    display: block;
    width: 100% !important
}

.ui-selectmenu-button.ui-state-focus {
    border-bottom-color: #23252c
}

.ui-selectmenu-button.ui-corner-top .ui-icon {
    background-position: 0 0
}

.ui-selectmenu-button .ui-icon {
    background: url("../selectmenu-icon-c890337c0a3c6246e10998b08ac7ee70.png") no-repeat 0 -10px;
    width: 13px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.svg .ui-selectmenu-button .ui-icon {
    background-image: url("../selectmenu-icon-2fdb0f4b7dc0a89a8d1d01e5c82e833a.svg")
}

.ui-selectmenu-button .ui-selectmenu-text {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis
}

.field-resizable-textarea .form-input-fake {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden
}

.field-resizable-textarea textarea.form-input {
    position: absolute;
    left: 0;
    top: 24px;
    width: 100%;
    bottom: 0;
    resize: none;
    overflow: hidden
}

.form-light {
    color: #fff
}

.form-light div.checker.focus span,
.form-light div.checker span {
    border-color: #fff
}

.form-light .form-input {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.3)
}

.form-light .form-field.active .form-input {
    border-bottom-color: #fff
}

.form-demo .form-row > .form-field {
    width: 50%;
    padding-left: 15px
}

.form-demo .form-row > .form-field:first-child {
    padding-right: 15px;
    padding-left: 0
}

.form-apply .form-row > .form-field {
    width: 50%;
    padding-left: 15px
}

.form-apply .form-row > .form-field:first-child {
    padding-right: 15px;
    padding-left: 0
}

.form-apply .attached-files-list,
.form-apply .attach-file,
.form-apply .btn-submit-application {
    max-width: 370px;
    width: 100%
}

.form-apply .field-cover-letter,
.form-apply .field-resume {
    margin: 35px 0
}

.form-apply .field-cover-letter p,
.form-apply .field-resume p {
    margin: 0 0 12px
}

.form-apply .field-cover-letter .form-input-holder,
.form-apply .field-resume .form-input-holder {
    margin: 3px 0 4px
}

.form-apply .hr1 {
    margin-top: 56px
}

.form-contacts {
    max-width: 570px;
    margin: auto;
    text-align: left
}

.form-contacts .form-row > .form-field {
    width: 50%;
    padding-left: 15px
}

.form-contacts .form-row > .form-field:first-child {
    padding-right: 15px;
    padding-left: 0
}

.form-contacts .form-controls {
    text-align: center;
    margin-top: 50px
}

.form-contacts .btn-send-message {
    max-width: 210px;
    display: block;
    margin: auto;
    width: 100%
}

.form-contacts .btn-paperclip-attach-files {
    position: absolute;
    right: 0;
    bottom: 15px;
    margin: 0;
    border: 0;
    background: none;
    width: 14px;
    padding: 2px;
    height: 21px;
    line-height: 21px;
    text-align: center
}

.form-contacts .attached-files-list {
    margin: 30px 0 0
}

.form-contacts .field-resizable-textarea .form-input-fake {
    margin-right: 30px;
    width: auto
}

.form-contacts .field-resizable-textarea textarea.form-input {
    padding-right: 30px
}

.send-nda-label {
    width: 175px;
    height: 25px;
    opacity: 0.5;
    font-size: 18px;
    color: #23252c;
    margin-top: 50px;
    margin-left: 6px
}

#fake-checkbox span,
#fake-checkbox-checked span {
    cursor: pointer;
    margin-bottom: 13px
}

input[type=checkbox].send-nda-checkbox,
input[type=checkbox].send-nda-checkbox ~ #fake-checkbox-checked {
    display: none !important
}

input[type=checkbox].send-nda-checkbox:checked ~ #fake-checkbox-checked {
    display: inline-block !important
}

input[type=checkbox].send-nda-checkbox:checked ~ #fake-checkbox {
    display: none !important
}

input[type=checkbox].send-nda-checkbox:checked ~ label.send-nda-label {
    opacity: 1
}

.person {
    display: table;
    font-size: 16px;
    line-height: 1.1875;
    height: 70px
}

.person-avatar {
    display: table-cell;
    vertical-align: top;
    padding: 0 12px 0 0
}

.person-avatar img {
    border-radius: 100%;
    vertical-align: top
}

.person-info {
    display: table-cell;
    vertical-align: middle
}

.person-name {
    color: #4f5156
}

.person-position {
    color: #81869a
}

.social-widgets {
    margin: 50px 0 50px -10px;
    text-align: left;
    letter-spacing: -0.5em;
    display: inline-block
}

.social-widgets .social-widget-button {
    letter-spacing: normal;
    margin: 5px 0 5px 10px;
    vertical-align: top;
    display: inline-block
}

.social-widget-button {
    display: inline-block;
    font-size: 12px;
    line-height: 1.25;
    color: #7b7c80
}

.social-widget-button .widget-button {
    float: left;
    color: #fff;
    background: #c8cbd1;
    padding: 0 10px;
    margin: 0;
    border: 0;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.230769230769231;
    height: 20px;
    font-family: Helvetica, "Helvetica Neue", Arial, sans-serif
}

.widget-button-rss img {
    height: 20px
}

.social-widget-button .widget-button .icon {
    display: none
}

.social-widget-button .widget-count {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2px;
    height: 20px;
    line-height: 1.5;
    min-width: 17px;
    text-align: center;
    float: left;
    border: 1px solid #c8cbd1;
    background: #fff;
    position: relative;
    margin-left: 8px;
    border-radius: 3px
}

.social-widget-button .widget-count:before,
.social-widget-button .widget-count:after {
    content: '';
    border-style: solid;
    border-width: 5px;
    border-left: 0 !important;
    border-color: transparent #c8cbd1;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.social-widget-button .widget-count:after {
    border-width: 4px;
    border-color: transparent #fff
}

.widget-button-fb .widget-button {
    background-color: #455897
}

.widget-button-tw .widget-button {
    background-color: #70befb
}

.widget-button-gp .widget-button {
    background-color: #d44737
}

.widget-button-po .widget-button {
    background-color: #e84545
}

.simple-gallery {
    font-size: 14px;
    line-height: 1.428571428571429
}

.simple-gallery-controls {
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin: 15px 0
}

.simple-gallery-prev,
.simple-gallery-next {
    display: inline-block;
    text-decoration: none !important;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    color: #7f7f7f;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 20px;
    line-height: 30px;
    vertical-align: top;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    -webkit-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.simple-gallery-prev:not([disabled]):hover,
.simple-gallery-next:not([disabled]):hover,
.simple-gallery-prev:not([disabled]):focus,
.simple-gallery-next:not([disabled]):focus {
    background: rgba(127, 127, 127, 0.1);
    color: #4c4c4c
}

.simple-gallery-count {
    text-align: center;
    display: inline-block;
    width: 110px;
    font-weight: bold
}

.simple-gallery-slides {
    position: relative;
    overflow: hidden
}

.simple-gallery-slide {
    text-align: center;
    width: 100%
}

.simple-gallery-slide.active {
    position: relative;
    z-index: 2
}

.simple-gallery-slide img {
    max-width: 100%;
    vertical-align: top
}

.carousel-inner .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000
    }

    .carousel-inner .item.next,
    .carousel-inner .item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .carousel-inner .item.prev,
    .carousel-inner .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .carousel-inner .item.next.left,
    .carousel-inner .item.prev.right,
    .carousel-inner .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner .active,
.carousel-inner .next,
.carousel-inner .prev {
    display: block
}

.carousel-inner .active {
    left: 0
}

.carousel-inner .next,
.carousel-inner .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner .next {
    left: 100%
}

.carousel-inner .prev {
    left: -100%
}

.carousel-inner .next.left,
.carousel-inner .prev.right {
    left: 0
}

.carousel-inner .active.left {
    left: -100%
}

.carousel-inner .active.right {
    left: 100%
}

.articles-list {
    padding: 0;
    margin: 0 0 60px -30px;
    list-style: none;
    letter-spacing: -0.5em
}

.articles-list .articles-list-item {
    margin-top: 44px
}

.articles-list-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    display: inline-block;
    padding-left: 30px;
    width: 33.333333333333336%;
    vertical-align: top;
    color: #1d2028;
    font-size: 16px;
    line-height: 1.5
}

.articles-list-item.big {
    width: 50%
}

.articles-list-item .item-image {
    margin: 0 0 22px
}

.articles-list-item .item-image img {
    vertical-align: top;
    width: 100%
}

.articles-list-item .item-image a {
    color: #1d2028
}

.articles-list-item .item-category {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    font-size: 14px;
    line-height: 1.285714285714286
}

.articles-list-item .item-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.416666666666667;
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    margin: 6px 0 10px
}

.articles-list-item .item-title.hover a {
    color: #f16522
}

.articles-list-item .item-title a {
    color: #1d2028;
    text-decoration: none !important
}

@media only screen and (max-width: 1024px) {
    .articles-list-item .item-title a {
        color: #ffffff
    }
}

.articles-list-item .item-title a:hover {
    color: #f16522
}

.articles-list-item .item-description {
    margin: 10px 0 16px
}

@media only screen and (max-width: 1024px) {
    .articles-list-item .item-description {
        color: #ffffff
    }
}

.articles-list-item .item-author {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    font-size: 14px;
    line-height: 1.285714285714286
}

@media only screen and (max-width: 1024px) {
    .articles-list-item .item-author {
        color: #ffffff
    }
}

.b-text {
    font-size: 18px;
    line-height: 1.555555555555556;
    zoom: 1
}

.b-text:before,
.b-text:after {
    content: "";
    display: table
}

.b-text:after {
    clear: both
}

.b-text .b-table,
.b-text table,
.b-text p,
.b-text ul,
.b-text ol,
.b-text figure {
    margin: 0 0 1.555555555555556em
}

.b-text ul > li,
.b-text ol > li {
    margin: 0 0 1.166666666666667em
}

.b-text h1,
.b-text h2,
.b-text h3,
.b-text h4,
.b-text h5,
.b-text h6 {
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    margin: 1.555555555555556em 0 0.777777777777778em
}

.b-text h1:first-child,
.b-text h2:first-child,
.b-text h3:first-child,
.b-text h4:first-child,
.b-text h5:first-child,
.b-text h6:first-child {
    margin-top: 0
}

.b-text h2 {
    font-size: 1.666666666666667em;
    line-height: 1.4;
    font-weight: 500
}

.b-text h3 {
    font-size: 1.333333333333333em;
    line-height: 1.25;
    font-weight: 500
}

.b-text img {
    max-width: 100%
}

.b-text figure p {
    margin: 0 0 0.444444444444444em
}

.b-text figcaption {
    font-style: italic;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    font-size: 0.888888888888889em
}

.b-text blockquote {
    font-size: 1.222222222222222em;
    line-height: 1.181818181818182;
    font-style: italic;
    margin: 1.555555555555556em 0;
    padding-left: 100px;
    position: relative
}

.b-text blockquote:before {
    content: '“';
    position: absolute;
    left: -16px;
    top: -28px;
    color: #727376;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    font-size: 190px;
    line-height: 190px
}

.b-text blockquote footer {
    font-size: 0.727272727272727em;
    line-height: 1.25;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    font-style: normal;
    text-align: right
}

.b-text pre[class*="language-"] {
    font-size: 0.777777777777778em;
    padding: 30px 35px
}

.b-table {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.b-table table {
    margin: 0;
    font-size: 0.888888888888889em;
    line-height: 1.5;
    width: 100%
}

.b-table table th,
.b-table table td {
    padding: 30px 15px
}

.b-table table th {
    text-align: left;
    font-weight: normal
}

.b-table table thead {
    font-size: 1.25em;
    line-height: 1.2
}

.b-table table thead th,
.b-table table thead td {
    border-bottom: 2px solid #f16522;
    padding-top: 10px;
    padding-bottom: 10px
}

.b-table table tbody th,
.b-table table tbody td {
    border-top: 1px solid #dcdcdc
}

table.b-table-no-edge-padding th:first-child,
table.b-table-no-edge-padding td:first-child {
    padding-left: 0
}

table.b-table-no-edge-padding th:last-child,
table.b-table-no-edge-padding td:last-child {
    padding-right: 0
}

table.table-hover tbody tr th,
table.table-hover tbody tr td {
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms
}

table.table-hover tbody tr:hover th,
table.table-hover tbody tr:hover td {
    background-color: #fbfbfb
}

.attach-file {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-style: solid;
    border-width: 1px;
    -o-border-image: url("../bg-attach-file-4d6a3c48cdfe298821452ea77aea9e2a.png") 1 repeat;
    border-image: url("../bg-attach-file-4d6a3c48cdfe298821452ea77aea9e2a.png") 1 repeat;
    -webkit-transition: color 300ms, border-color 300ms, background 300ms;
    transition: color 300ms, border-color 300ms, background 300ms;
    font-size: 20px;
    height: 45px;
    line-height: 1.2;
    padding: 9px 25px 10px;
    color: #f16522;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.no-borderimage .attach-file {
    -o-border-image: none;
    border-image: none;
    border: 1px dotted #f16522
}

.attach-file:not(.disabled):hover,
.attach-file:not(.disabled):focus,
.attach-file:not(.disabled).focus {
    background: rgba(241, 101, 34, 0.07)
}

.attach-file.disabled {
    cursor: default;
    border-image-source: url("../bg-attach-file-hover-4270290596db41aba0e4df2cd8bbbbd6.png");
    color: #e0e0e0
}

.attach-file-button {
    position: fixed;
    right: 100%;
    bottom: 100%
}

.attached-files-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.attached-files-list .attached-file {
    margin: 10px 0 0
}

.attached-files-list .attached-file:first-child {
    margin-top: 0
}

.attached-file {
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    padding: 11px 29px 0 14px;
    height: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1
}

.attached-file:before,
.attached-file:after {
    content: "";
    display: table
}

.attached-file:after {
    clear: both
}

.attached-file .progress {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #eee;
    max-width: 100%
}

.attached-file .file-size {
    position: relative;
    float: right;
    max-width: 50%;
    margin-left: 15px
}

.attached-file .file-name {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.attached-file .btn-remove-file {
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    height: 20px;
    border: 0;
    margin: -10px 0;
    padding: 0;
    background: none;
    outline: none;
    text-align: center
}

.attached-file .btn-remove-file:hover,
.attached-file .btn-remove-file:focus,
.attached-file .btn-remove-file:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.letter-i {
    position: relative;
    display: inline-block
}

.letter-i .fake {
    display: inline-block
}

.letter-i .fake:before {
    content: 'i';
    position: absolute;
    left: 0;
    top: 0;
    color: #f16522;
    clip: rect(0, 1em, 0.35em, 0)
}

.letter-i .fake:after {
    content: 'i';
    position: absolute;
    left: 0;
    top: 0;
    clip: rect(0.35em, 1em, 2em, 0)
}

.letter-i .letter {
    color: transparent
}

.back-link-holder {
    text-align: center;
    font-size: 18px;
    line-height: 1.222222222222222
}

.back-link {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    color: #23252c;
    position: relative;
    text-decoration: none !important
}

.back-link:before {
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    content: '←';
    position: absolute;
    right: 100%;
    margin: 0 0.5em;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
}

.back-link:hover {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.back-link:hover:before {
    -webkit-transform: translate(-40%, 0);
    transform: translate(-40%, 0)
}

.read-more {
    position: relative;
    text-decoration: none !important
}

.read-more:hover:after,
.read-more:focus:after {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0)
}

.read-more:after {
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    content: '→';
    position: absolute;
    left: 100%;
    margin: 0.1em 0.5em;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
}

.text-arrow {
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif
}

.share-controls {
    white-space: nowrap;
    letter-spacing: -0.5em
}

.share-controls .icon-round-facebook,
.share-controls .icon-round-twitter {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

.share-controls .icon-round-facebook:first-child,
.share-controls .icon-round-twitter:first-child {
    margin-left: 0
}

.parameters-holder {
    zoom: 1
}

.parameters-holder:before,
.parameters-holder:after {
    content: "";
    display: table
}

.parameters-holder:after {
    clear: both
}

.parameter {
    float: left;
    font-size: 18px;
    line-height: 1.222222222222222;
    color: #a8a9ab
}

.parameter big {
    font-size: 54px;
    line-height: 54px;
    display: block;
    color: #f16522;
    font-weight: 100;
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    margin: 0 0 5px
}

.l-wrapper {
    min-height: 70%;
    position: relative;
    background: transparent;
    z-index: 5;
    zoom: 1;
    -webkit-transition: background-color 500ms;
    transition: background-color 500ms
}

.l-wrapper:before,
.l-wrapper:after {
    content: "";
    display: table
}

.l-wrapper:after {
    clear: both
}

.l-wrapper.disable-scroll {
    height: 100%;
    overflow: hidden
}

.l-content {
    background: #fff;
    position: relative;
    zoom: 1
}

.l-content:before,
.l-content:after {
    content: "";
    display: table
}

.l-content:after {
    clear: both
}

.l-padding {
    padding: 0 40px
}

.section-ready-to-contact {
    text-align: center;
    background: #f5f5f5;
    font-size: 20px;
    line-height: 1.2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.section-ready-to-contact .dtable {
    max-width: 850px;
    height: 725px;
    margin: auto
}

.section-ready-to-contact .dtcell {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.section-ready-to-contact .section-title {
    margin: 0 auto 31px
}

.section-ready-to-contact p {
    margin: 20px auto;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.section-ready-to-contact .btn-contact-us {
    margin-top: 31px;
    min-width: 210px;
    max-width: 100%
}

.section-related-articles {
    zoom: 1;
    padding: 60px 0;
    background: #ededed;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.section-related-articles:before,
.section-related-articles:after {
    content: "";
    display: table
}

.section-related-articles:after {
    clear: both
}

.section-related-articles .section-title {
    margin: auto;
    text-align: center
}

.section-related-articles .section-intro-text {
    font-size: 20px;
    line-height: 1.4;
    margin: 10px auto;
    text-align: center;
    max-width: 770px;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.section-related-articles--latest-research {
    background: #fff
}

.section-related-articles--latest-research .section-title {
    margin-top: 45px;
    margin-bottom: 10px
}

.section-apply-now {
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px
}

.section-apply-now .section-content {
    max-width: 770px;
    margin: auto
}

.section-apply-now .section-title {
    margin: auto
}

.section-operating-globally {
    background: #282b36;
    color: #fff;
    text-align: center;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.section-operating-globally > .max-width {
    height: 100%
}

.section-operating-globally .dtable {
    height: 910px;
    width: 100%
}

.section-operating-globally .dtcell {
    padding-top: 40px;
    padding-bottom: 40px
}

.section-operating-globally .section-title {
    margin: auto
}

.operating-globally-map {
    text-align: center;
    margin: 90px auto 50px;
    position: relative;
    overflow: hidden;
    max-height: 346px
}

.operating-globally-map:before {
    content: '';
    display: block;
    padding: 37.32470334412082% 0 0
}

.operating-globally-map .img-holder {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.operating-globally-map svg {
    width: 100%;
    height: 100%
}

.operating-globally-map img {
    vertical-align: top;
    max-width: 100%
}

.operating-globally-parameters {
    max-width: 1000px;
    margin: auto
}

.operating-globally-parameters .parameter {
    margin: 20px 0;
    width: 25%
}

.skrollr .operating-globally-map.skrollable-after #map-directions path {
    -webkit-transition: stroke-dashoffset 2s;
    transition: stroke-dashoffset 2s;
    stroke-dashoffset: 0
}

.skrollr .operating-globally-map.skrollable-after #map-directions path#line-1,
.skrollr .operating-globally-map.skrollable-after #map-directions path#line-2,
.skrollr .operating-globally-map.skrollable-after #map-directions path#line-6 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.skrollr .operating-globally-map.skrollable-after #map-directions path#line-3,
.skrollr .operating-globally-map.skrollable-after #map-directions path#line-5 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.skrollr .operating-globally-map.skrollable-after #map-directions path#line-4 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.skrollr .operating-globally-map.skrollable-after #map-directions polygon {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.skrollr .operating-globally-map.skrollable-after #map-directions polygon#line-end-3 {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.skrollr .operating-globally-map.skrollable-after #map-directions polygon#line-end-4 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.skrollr .operating-globally-map.skrollable-after #map-directions polygon#line-end-5 {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.skrollr #map-directions path {
    -webkit-transition: stroke-dashoffset 0.3s;
    transition: stroke-dashoffset 0.3s;
    stroke-dasharray: 500;
    stroke-dashoffset: 500
}

.skrollr #map-directions polygon {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.skrollr #map-directions polygon#start {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.section-environment {
    background: #ededed;
    zoom: 1;
    color: #1d2028;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-environment:before,
.section-environment:after {
    content: "";
    display: table
}

.section-environment:after {
    clear: both
}

.section-environment .section-title {
    text-align: center;
    margin: 40px auto 15px
}

.section-environment .section-intro-text {
    text-align: center;
    margin: 15px auto;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    max-width: 520px;
    font-size: 20px;
    line-height: 1.5
}

.environment-images {
    padding: 0;
    margin: 110px 0 30px;
    list-style: none;
    position: relative
}

.environment-images:before {
    content: '';
    padding: 106.83760683760684% 0 0;
    display: block
}

.environment-image {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.environment-image.img1 {
    width: 65.8119658119658%;
    height: 38.4%
}

.environment-image.img2 {
    left: auto;
    right: 0;
    width: 31.623931623931625%;
    height: 38.4%
}

.environment-image.img3 {
    top: 40.8%;
    width: 31.623931623931625%;
    height: 20%
}

.environment-image.img4 {
    top: 40.8%;
    left: auto;
    right: 0;
    width: 65.8119658119658%;
    height: 36.8%
}

.environment-image.img5 {
    top: auto;
    left: 0;
    bottom: 0;
    width: 31.623931623931625%;
    height: 36.88%
}

.environment-image.img6 {
    top: auto;
    left: 34.18803418803419%;
    right: 0;
    bottom: 0;
    width: 31.623931623931625%;
    height: 20%
}

.environment-image.img7 {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    width: 31.623931623931625%;
    height: 20%
}

.environment-image img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    text-align: center;
    max-width: 100%;
    height: 100%
}

.work-illustrations {
    text-align: center;
    zoom: 1;
    padding: 0;
    margin: auto;
    list-style: none;
    max-width: 1200px
}

.work-illustrations:before,
.work-illustrations:after {
    content: "";
    display: table
}

.work-illustrations:after {
    clear: both
}

.work-illustration-item {
    width: 33.333333333333336%;
    float: left;
    font-size: 20px;
    line-height: 1.5;
    position: relative;
    padding: 15px 0;
    margin: 15px 0;
    font-weight: 500
}

.work-illustration-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 86px;
    margin: -43px 0;
    width: 1px;
    background: #ebedf1
}

.work-illustration-item:first-child:before {
    display: none
}

.work-illustration-item .icon {
    display: block;
    margin: 0 auto 20px
}

.btn-all-vacancies {
    display: block;
    margin: 70px auto 0;
    width: 100%;
    max-width: 260px
}

.section-guides {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 55px;
    width: 100%;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.4
}

.section-guides .section-title {
    text-align: center;
    margin: 25px auto
}

.section-guides .section-intro-text {
    text-align: center;
    margin: auto;
    max-width: 770px;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.guides-list {
    padding: 0;
    margin: 70px 0 0;
    list-style: none;
    text-align: left;
    letter-spacing: -0.5em
}

.guides-list-item {
    letter-spacing: normal;
    width: 33.333333333333336%;
    display: inline-block;
    vertical-align: top;
    margin: 60px 0
}

.guides-list-item-link {
    display: table;
    width: 100%;
    height: 70px;
    font-size: 20px;
    line-height: 1.5;
    text-decoration: none !important;
    color: #3c4049;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    position: relative
}

.guides-list-item-link:hover,
.guides-list-item-link:focus {
    color: #f16522
}

.guides-list-item-link:hover .text:after,
.guides-list-item-link:focus .text:after {
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.guides-list-item-link .dtcell {
    padding: 0 20px 0 100px;
    vertical-align: middle
}

.guides-list-item-link .text {
    float: left;
    padding-right: 40px;
    position: relative
}

.guides-list-item-link .text:after {
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    content: '→';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 20px;
    color: #f16522;
    -webkit-transition: -webkit-transform 300ms, opacity 300ms, visibility 300ms;
    -webkit-transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms;
    transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms;
    transition: transform 300ms, opacity 300ms, visibility 300ms;
    transition: transform 300ms, opacity 300ms, visibility 300ms, -webkit-transform 300ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden
}

.guides-list-item-link .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -35px 0 0
}

.section-rnd {
    background: #3c4049;
    text-align: center;
    color: #fff;
    min-height: 100%;
    font-size: 20px;
    line-height: 1.35;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.section-rnd .max-width {
    zoom: 1
}

.section-rnd .max-width:before,
.section-rnd .max-width:after {
    content: "";
    display: table
}

.section-rnd .max-width:after {
    clear: both
}

.section-rnd .dtable {
    width: 100%;
    height: 100%
}

.section-rnd .dtcell {
    padding-top: 70px;
    padding-bottom: 70px
}

.section-rnd .section-title {
    margin: 16px auto
}

.section-rnd .section-intro-text {
    max-width: 570px;
    margin: auto;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.rnd-blocks-list {
    padding: 0;
    margin: 110px auto 0;
    list-style: none;
    zoom: 1
}

.rnd-blocks-list:before,
.rnd-blocks-list:after {
    content: "";
    display: table
}

.rnd-blocks-list:after {
    clear: both
}

.rnd-block-list-item {
    float: left;
    width: 20%
}

.rnd-block-list-link {
    font-size: 20px;
    line-height: 1.4;
    position: relative;
    display: block;
    overflow: hidden;
    color: #fff;
    text-decoration: none !important;
    -webkit-transition: none;
    transition: none
}

.rnd-block-list-link:hover:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.rnd-block-list-link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
}

.rnd-block-list-link:after {
    content: '';
    display: block;
    padding: 100% 0 0
}

.rnd-block-list-link span {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 10px;
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.rnd-block-list-link.type-video:before {
    background-image: url("../rnd/bg-video-13c80306c129d6bcf1cbad24e24e7d4d.png")
}

.rnd-block-list-link.type-audio:before {
    background-image: url("../rnd/bg-audio-081b74ec640c67cc58ac846d3104ef07.png")
}

.rnd-block-list-link.type-photo:before {
    background-image: url("../rnd/bg-photo-ee03b9e4304b6d5b1224f86ff1083f54.png")
}

.rnd-block-list-link.type-graphics:before {
    background-image: url("../rnd/bg-graphics-2af52314345f19ca0709d82f7aa5d6e1.png")
}

.rnd-block-list-link.type-real-time:before {
    background-image: url("../rnd/bg-realtime-338f6d2a987138d4c8605909dc34d0d7.png")
}

.rnd-block-list-link.type-smart-watch:before {
    background-image: url("../rnd/bg-smartwatch-c0ec052f77bf943629ba663c62fd52dd.png")
}

.rnd-block-list-link.type-cloud-computing:before {
    background-image: url("../rnd/bg-cloud-computing-75ae7c7af8c9037986442f36a021c575.png")
}

.rnd-block-list-link.type-mobile-payments:before {
    background-image: url("../rnd/bg-mobile-payments-931e035a6e7c4f8ceac6fd3da55b3a51.png")
}

.rnd-block-list-link.type-backend:before {
    background-image: url("../rnd/bg-backend-1681231cbe5091c4e01090c3579cdfb4.png")
}

.rnd-block-list-link.type-machine-learning:before {
    background-image: url("../rnd/bg-machine-learning-20e47a41b54f575db333c8b1f1ed7bf5.png")
}

.section-segments-we-cover {
    text-align: center;
    background: transparent;
    padding-top: 135px;
    padding-bottom: 120px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.section-segments-we-cover .section-title {
    margin: 0 auto 18px
}

.section-segments-we-cover .section-intro-text {
    max-width: 570px;
    margin: auto;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    font-size: 20px;
    line-height: 1.4
}

.segments-links-list {
    max-width: 1170px;
    padding: 0;
    margin: 76px auto 0;
    list-style: none;
    font-size: 0;
    line-height: 0
}

.segments-links-list-li {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    font-size: 22px;
    line-height: 1.181818181818182;
    margin: 30px 0
}

.segments-link {
    display: block;
    color: #23252c;
    text-decoration: none !important;
    padding: 20px 10px;
    -webkit-transition: none;
    transition: none
}

.segments-link:focus,
.segments-link:hover,
.segments-link.active {
    background: #f16522;
    color: #fff
}

.section-case-studies {
    text-align: center;
    background: #ededed;
    zoom: 1;
    padding-top: 50px;
    padding-bottom: 120px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.section-case-studies:before,
.section-case-studies:after {
    content: "";
    display: table
}

.section-case-studies:after {
    clear: both
}

.section-case-studies .section-title {
    margin: 30px auto
}

.case-studies-list-holder {
    margin: auto;
    max-width: 1366px
}

.case-studies-list {
    padding: 0;
    margin: 0 0 0 -20px;
    list-style: none;
    zoom: 1
}

.case-studies-list:before,
.case-studies-list:after {
    content: "";
    display: table
}

.case-studies-list:after {
    clear: both
}

.case-studies-list-li {
    float: left;
    padding: 0 0 0 20px;
    margin: 10px 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.case-studies-list-item {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    color: #fff;
    background: #000;
    font-size: 20px;
    line-height: 1.4;
    -webkit-transition: none;
    transition: none
}

.case-studies-list-item:hover .item-image,
.case-studies-list-item:focus .item-image {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.no-touch .case-studies-list-item:hover .item-description,
.no-touch .case-studies-list-item:focus .item-description {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.case-studies-list-item .section-index-case-studies:hover .case-studies-list-item .section-index-case-studies .item-image,
.case-studies-list-item .section-case-studies:hover .case-studies-list-item .section-case-studies .item-image,
.case-studies-list-item .section-index-case-studies:hover .case-studies-list-item .section-index-case-studies .item-description,
.case-studies-list-item .section-case-studies:hover .case-studies-list-item .section-case-studies .item-description {
    will-change: opacity
}

.case-studies-list-item:before {
    content: '';
    padding: 59.701492537313435% 0 0;
    display: block
}

.case-studies-list-item .item-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    margin: -1px
}

.case-studies-list-item .item-image video {
    display: block
}

.case-studies-list-item .item-image video,
.case-studies-list-item .item-image img {
    vertical-align: top;
    width: 100%
}

.case-studies-list-item .item-description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.no-touch .case-studies-list-item .item-description {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.case-studies-list-item .dtable {
    width: 100%;
    height: 100%
}

.case-studies-list-item .dtcell {
    padding: 20px
}

.case-studies-list-item .item-title {
    display: block;
    margin: 0 auto 0.2em;
    font-size: 3.5em;
    line-height: 1.285714285714286;
    font-family: "Satoshi", Helvetica, Arial, sans-serif}

.case-studies-list-item .item-text {
    display: block;
    margin: auto;
    max-width: 400px
}

.section-key-characteristics {
    text-align: center;
    background: #f0f0f0;
    zoom: 1;
    padding-top: 40px;
    padding-bottom: 30px
}

.section-key-characteristics:before,
.section-key-characteristics:after {
    content: "";
    display: table
}

.section-key-characteristics:after {
    clear: both
}

.section-key-characteristics .section-title {
    margin: 60px auto;
    max-width: 1070px
}

.key-characteristics-list {
    padding: 0;
    margin: 0 0 0 -30px;
    list-style: none;
    letter-spacing: -0.5em
}

.key-characteristics-list-li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    max-width: 370px;
    width: 33.333333333333336%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    margin: 35px 0
}

.key-characteristics-list-item {
    display: block;
    margin: 0;
    color: #23252c;
    text-decoration: none !important
}

.no-touch .key-characteristics-list-item:hover .read-more {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.no-touch .key-characteristics-list-item:hover .read-more:after {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0)
}

.key-characteristics-list-item .item-title {
    font-size: 1.5em;
    line-height: 1.333333333333333;
    margin: 16px auto;
    display: block
}

.key-characteristics-list-item .item-text {
    margin: 20px auto;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    display: block
}

.key-characteristics-list-item .read-more {
    color: #f16522;
    text-decoration: none
}

.key-characteristics-list-item .read-more:after {
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
}

.no-touch .key-characteristics-list-item .read-more {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.no-touch .section-key-characteristics:hover .key-characteristics-list-item .read-more {
    will-change: opacity
}

.section-join-our-blog {
    background: #23252c;
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center
}

.section-join-our-blog .dtable {
    width: 100%;
    height: 100%
}

.section-join-our-blog .dtcell {
    padding-top: 40px;
    padding-bottom: 40px
}

.section-join-our-blog .section-content {
    margin: auto;
    max-width: 770px
}

.section-join-our-blog .section-text {
    font-size: 46px;
    line-height: 1.304347826086957;
    color: rgba(255, 255, 255, 0.5);
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    min-height: 420px;
    margin: 0 0 45px
}

.section-join-our-blog .btn-join-our-blog {
    max-width: 100%;
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.typing-text.section-join-our-blog .btn-join-our-blog {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important
}

.blog-filter .btn-search {
    padding: 0;
    border: 0;
    width: 25px;
    height: 25px;
    margin: -2px 0;
    background: none;
    vertical-align: top;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
}

.blog-filter .btn-search .icon {
    vertical-align: top
}

.blog-filter .btn-search:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-filter-menu {
    padding: 34px 0 23px;
    margin: 0;
    list-style: none;
    text-align: justify;
    font-size: 0;
    line-height: 0
}

.blog-filter-menu:before {
    content: '';
    display: block;
    width: 100%
}

.blog-filter-menu:after {
    content: '';
    display: inline-block;
    width: 100%
}

.blog-filter-menu-item {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 1.222222222222222;
    vertical-align: top
}

.blog-filter-menu-select {
    position: relative;
    display: none;
    margin: 10px 0;
    zoom: 1
}

.blog-filter-menu-select:before,
.blog-filter-menu-select:after {
    content: "";
    display: table
}

.blog-filter-menu-select:after {
    clear: both
}

.blog-filter-menu-select .select-label {
    float: left;
    font-size: 18px;
    line-height: 1.222222222222222;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    margin: 13px 20px 0 0;
    min-width: 80px;
    text-align: right
}

.blog-filter-menu-select .select-holder {
    overflow: hidden
}

.touch .blog-filter-menu-select select {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.touch .blog-filter-menu-select .ui-selectmenu-button {
    pointer-events: none
}

.blog-filter-menu-select select,
.blog-filter-menu-select .ui-selectmenu-button {
    width: 100% !important
}

.blog-filter-menu-select .ui-selectmenu-button {
    border-bottom: 0
}

.blog-filter-menu-item.active .blog-filter-menu-link,
.blog-filter-menu-link,
.blog-filter-menu-item.active {
    color: #9a9a9a
}

.blog-filter-menu-link,
.blog-filter-submenu-link {
    color: #33363d;
    text-decoration: none !important
}

.touch .blog-filter-submenu-select select {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.touch .blog-filter-submenu-select .ui-selectmenu-button {
    pointer-events: none
}

.blog-filter-submenu-select select,
.blog-filter-submenu-select .ui-selectmenu-button {
    width: 100% !important
}

.blog-filter-submenu-select .ui-selectmenu-button {
    border-bottom: 0
}

.page-company {
    background: #f4f4f4;
    zoom: 1
}

.page-company:before,
.page-company:after {
    content: "";
    display: table
}

.page-company:after {
    clear: both
}

.page-company-intro {
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    padding-top: 180px;
    padding-bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.page-company-intro .section-title {
    margin: auto
}

.page-company-intro hr {
    max-width: 270px;
    background: #f16522;
    height: 2px
}

.page-company-intro .section-intro-text {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    margin: 45px auto 0;
    max-width: 630px
}

.section-company-staff {
    padding-top: 50px;
    padding-bottom: 50px;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.company-staff {
    padding: 0;
    margin: 0 0 0 -30px;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.company-staff-person {
    text-align: left;
    display: inline-block;
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
    margin: 15px 0
}

.js:not(.touch) .company-staff-person {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s
}

.skrollr:not(.touch) .company-staff-person {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollr:not(.touch) .company-staff-person:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.skrollr:not(.touch) .company-staff-person:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.skrollr:not(.touch) .company-staff-person:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.skrollr:not(.touch) .company-staff-person:nth-child(4) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.skrollr:not(.touch) .company-staff-person:nth-child(5) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.skrollr:not(.touch) .company-staff-person:nth-child(6) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.skrollr:not(.touch) .company-staff-person:nth-child(7) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.skrollr:not(.touch) .company-staff-person:nth-child(8) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s
}

.skrollr:not(.touch) .company-staff-person:nth-child(9) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.skrollr:not(.touch) .company-staff-person:nth-child(10) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.skrollr:not(.touch) .company-staff-person:nth-child(11) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.skrollr:not(.touch) .company-staff-person:nth-child(12) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.skrollr:not(.touch) .company-staff-person:nth-child(13) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.skrollr:not(.touch) .company-staff-person:nth-child(14) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.skrollr:not(.touch) .company-staff-person:nth-child(15) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.skrollr:not(.touch) .company-staff-person:nth-child(16) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.skrollr:not(.touch) .company-staff-person:nth-child(17) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.skrollr:not(.touch) .company-staff-person:nth-child(18) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.skrollr:not(.touch) .company-staff-person:nth-child(19) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.skrollr:not(.touch) .company-staff-person:nth-child(20) {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.company-person {
    position: relative;
    color: #fff;
    background: #fa9361;
    font-size: 15px;
    line-height: 1.2
}

.company-person:before {
    content: '';
    padding-top: 100%;
    display: block
}

.company-person-avatar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.company-person-avatar img {
    vertical-align: top;
    width: 100%
}

.company-person-info {
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

.company-person-name {
    font-size: 2em;
    line-height: 1.2;
    font-weight: bold
}

.section-company-years {
    background: #1d2028;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.section-company-years > .max-width {
    height: 100%
}

.section-company-years .dtable {
    height: 1072px;
    width: 100%
}

.section-company-years .dtcell {
    padding-top: 40px;
    padding-bottom: 40px
}

.section-company-years .section-title {
    margin: 0 auto 54px
}

.company-year-slide {
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s
}

.company-year-slide.active {
    display: block
}

.show-year-info .company-year-slide.active {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.show-year-info .company-year-slide.active .year-info-description {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.year-info-parameters {
    max-width: 900px;
    margin: 10px auto
}

.year-info-parameters .parameter {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 33.333333333333336%
}

.year-info-description {
    max-width: 770px;
    margin: 55px auto 100px;
    font-size: 20px;
    line-height: 1.5;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px)
}

.company-years-timeline {
    padding: 0 40px;
    max-width: 1030px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    position: relative;
    height: 100px
}

.company-years-timeline:before {
    content: '';
    height: 2px;
    background: #42454a;
    position: absolute;
    left: 0;
    top: -1px;
    right: 0
}

.company-years-timeline.count-8:before,
.company-years-timeline.count-8 .years-timeline-fill {
    left: 6.25%;
    right: 6.25%
}

.company-years-timeline.count-8 .years-timeline-btn {
    width: 12.5%
}

.company-years-timeline.count-8.active-year-index-1 .years-timeline-fill .fill {
    width: 0%
}

.company-years-timeline.count-8.active-year-index-2 .years-timeline-fill .fill {
    width: 14.285714285714286%
}

.company-years-timeline.count-8.active-year-index-3 .years-timeline-fill .fill {
    width: 28.571428571428573%
}

.company-years-timeline.count-8.active-year-index-4 .years-timeline-fill .fill {
    width: 42.857142857142854%
}

.company-years-timeline.count-8.active-year-index-5 .years-timeline-fill .fill {
    width: 57.142857142857146%
}

.company-years-timeline.count-8.active-year-index-6 .years-timeline-fill .fill {
    width: 71.42857142857143%
}

.company-years-timeline.count-8.active-year-index-7 .years-timeline-fill .fill {
    width: 85.71428571428571%
}

.company-years-timeline.count-8.active-year-index-8 .years-timeline-fill .fill {
    width: 100%
}

.company-years-timeline.count-9:before,
.company-years-timeline.count-9 .years-timeline-fill {
    left: 5.555555555555555%;
    right: 5.555555555555555%
}

.company-years-timeline.count-9 .years-timeline-btn {
    width: 11.11111111111111%
}

.company-years-timeline.count-9.active-year-index-1 .years-timeline-fill .fill {
    width: 0%
}

.company-years-timeline.count-9.active-year-index-2 .years-timeline-fill .fill {
    width: 12.5%
}

.company-years-timeline.count-9.active-year-index-3 .years-timeline-fill .fill {
    width: 25%
}

.company-years-timeline.count-9.active-year-index-4 .years-timeline-fill .fill {
    width: 37.5%
}

.company-years-timeline.count-9.active-year-index-5 .years-timeline-fill .fill {
    width: 50%
}

.company-years-timeline.count-9.active-year-index-6 .years-timeline-fill .fill {
    width: 62.5%
}

.company-years-timeline.count-9.active-year-index-7 .years-timeline-fill .fill {
    width: 75%
}

.company-years-timeline.count-9.active-year-index-8 .years-timeline-fill .fill {
    width: 87.5%
}

.company-years-timeline.count-9.active-year-index-9 .years-timeline-fill .fill {
    width: 100%
}

.company-years-timeline.count-10:before,
.company-years-timeline.count-10 .years-timeline-fill {
    left: 5%;
    right: 5%
}

.company-years-timeline.count-10 .years-timeline-btn {
    width: 10%
}

.company-years-timeline.count-10.active-year-index-1 .years-timeline-fill .fill {
    width: 0%
}

.company-years-timeline.count-10.active-year-index-2 .years-timeline-fill .fill {
    width: 11.11111111111111%
}

.company-years-timeline.count-10.active-year-index-3 .years-timeline-fill .fill {
    width: 22.22222222222222%
}

.company-years-timeline.count-10.active-year-index-4 .years-timeline-fill .fill {
    width: 33.333333333333336%
}

.company-years-timeline.count-10.active-year-index-5 .years-timeline-fill .fill {
    width: 44.44444444444444%
}

.company-years-timeline.count-10.active-year-index-6 .years-timeline-fill .fill {
    width: 55.55555555555556%
}

.company-years-timeline.count-10.active-year-index-7 .years-timeline-fill .fill {
    width: 66.66666666666667%
}

.company-years-timeline.count-10.active-year-index-8 .years-timeline-fill .fill {
    width: 77.77777777777777%
}

.company-years-timeline.count-10.active-year-index-9 .years-timeline-fill .fill {
    width: 88.88888888888889%
}

.company-years-timeline.count-10.active-year-index-10 .years-timeline-fill .fill {
    width: 100%
}

.company-years-timeline.count-11:before,
.company-years-timeline.count-11 .years-timeline-fill {
    left: 4.545454545454546%;
    right: 4.545454545454546%
}

.company-years-timeline.count-11 .years-timeline-btn {
    width: 9.090909090909092%
}

.company-years-timeline.count-11.active-year-index-1 .years-timeline-fill .fill {
    width: 0%
}

.company-years-timeline.count-11.active-year-index-2 .years-timeline-fill .fill {
    width: 10%
}

.company-years-timeline.count-11.active-year-index-3 .years-timeline-fill .fill {
    width: 20%
}

.company-years-timeline.count-11.active-year-index-4 .years-timeline-fill .fill {
    width: 30%
}

.company-years-timeline.count-11.active-year-index-5 .years-timeline-fill .fill {
    width: 40%
}

.company-years-timeline.count-11.active-year-index-6 .years-timeline-fill .fill {
    width: 50%
}

.company-years-timeline.count-11.active-year-index-7 .years-timeline-fill .fill {
    width: 60%
}

.company-years-timeline.count-11.active-year-index-8 .years-timeline-fill .fill {
    width: 70%
}

.company-years-timeline.count-11.active-year-index-9 .years-timeline-fill .fill {
    width: 80%
}

.company-years-timeline.count-11.active-year-index-10 .years-timeline-fill .fill {
    width: 90%
}

.company-years-timeline.count-11.active-year-index-11 .years-timeline-fill .fill {
    width: 100%
}

.company-years-timeline.count-12:before,
.company-years-timeline.count-12 .years-timeline-fill {
    left: 4.166666666666667%;
    right: 4.166666666666667%
}

.company-years-timeline.count-12 .years-timeline-btn {
    width: 8.333333333333334%
}

.company-years-timeline.count-12.active-year-index-1 .years-timeline-fill .fill {
    width: 0%
}

.company-years-timeline.count-12.active-year-index-2 .years-timeline-fill .fill {
    width: 9.090909090909092%
}

.company-years-timeline.count-12.active-year-index-3 .years-timeline-fill .fill {
    width: 18.181818181818183%
}

.company-years-timeline.count-12.active-year-index-4 .years-timeline-fill .fill {
    width: 27.272727272727273%
}

.company-years-timeline.count-12.active-year-index-5 .years-timeline-fill .fill {
    width: 36.36363636363637%
}

.company-years-timeline.count-12.active-year-index-6 .years-timeline-fill .fill {
    width: 45.45454545454545%
}

.company-years-timeline.count-12.active-year-index-7 .years-timeline-fill .fill {
    width: 54.54545454545455%
}

.company-years-timeline.count-12.active-year-index-8 .years-timeline-fill .fill {
    width: 63.63636363636363%
}

.company-years-timeline.count-12.active-year-index-9 .years-timeline-fill .fill {
    width: 72.72727272727273%
}

.company-years-timeline.count-12.active-year-index-10 .years-timeline-fill .fill {
    width: 81.81818181818181%
}

.company-years-timeline.count-12.active-year-index-11 .years-timeline-fill .fill {
    width: 90.9090909090909%
}

.company-years-timeline.count-12.active-year-index-12 .years-timeline-fill .fill {
    width: 100%
}

.years-timeline-fill {
    position: absolute;
    left: 0;
    top: -1px
}

.years-timeline-fill .fill {
    position: absolute;
    left: 0;
    top: 0;
    background: #b1b1b1;
    height: 2px;
    -webkit-transition: width 0.2s;
    transition: width 0.2s
}

.years-timeline-btns {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.years-timeline-btn {
    background: none;
    padding: 40px 0 0;
    border: 0;
    margin: 0;
    width: 10%;
    float: left;
    position: relative;
    font-size: 16px;
    line-height: 1.1875;
    color: #939496;
    outline: none;
    -webkit-transition: color 300ms;
    transition: color 300ms
}

.years-timeline-btn[disabled] {
    opacity: 1 !important;
    -ms-filter: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    color: #46484d
}

.years-timeline-btn[disabled]:before {
    width: 6px;
    height: 6px
}

.years-timeline-btn:not([disabled]):hover,
.years-timeline-btn:not([disabled]).active {
    color: #fff
}

.years-timeline-btn:not([disabled]):hover:before,
.years-timeline-btn:not([disabled]).active:before {
    background: #fff !important
}

.years-timeline-btn:before {
    -webkit-transition: background 300ms;
    transition: background 300ms;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #b2b2b2
}

.years-timeline-btn:first-child {
    width: 10%
}

.years-timeline-btn.active ~ .years-timeline-btn:before {
    background: #42454a
}

.company-years-timeline-select {
    position: relative;
    display: none;
    margin-bottom: 34px
}

.touch .company-years-timeline-select select {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.touch .company-years-timeline-select .ui-selectmenu-button {
    pointer-events: none
}

.company-years-timeline-select select,
.company-years-timeline-select .ui-selectmenu-button {
    width: 100% !important;
    max-width: 200px;
    color: #fff;
    text-align: left
}

.company-years-timeline-select select.ui-corner-top .ui-icon,
.company-years-timeline-select .ui-selectmenu-button.ui-corner-top .ui-icon {
    background-position: -13px 0
}

.company-years-timeline-select select .ui-icon,
.company-years-timeline-select .ui-selectmenu-button .ui-icon {
    background-position: -13px -10px
}

.company-years-timeline-select .ui-selectmenu-button {
    border-bottom-color: rgba(255, 255, 255, 0.3)
}

.section-company-values {
    background: #383e48;
    color: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}

.section-company-values > .max-width {
    height: 100%
}

.section-company-values .dtable {
    width: 100%;
    height: 1200px
}

.section-company-values .dtcell {
    padding-top: 40px;
    padding-bottom: 40px
}

.section-company-values .section-title {
    margin: 14px auto
}

.section-company-values .section-intro-text {
    margin: auto;
    max-width: 670px;
    font-size: 20px;
    line-height: 1.5;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.company-values-list {
    padding: 0;
    margin: 70px 0 70px -30px;
    letter-spacing: -0.5em;
    list-style: none;
    counter-reset: list_item
}

.company-values-list .company-value-item {
    margin: 30px auto;
    letter-spacing: normal;
    width: 25%;
    padding-left: 30px;
    vertical-align: top;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.company-value-item {
    font-size: 18px;
    line-height: 1.666666666666667
}

.company-value-item h4 {
    line-height: 1.333333333333333;
    margin: 30px auto 0
}

.company-value-item hr {
    background: #f16522;
    width: 55px;
    height: 2px
}

.company-value-item p {
    margin: 0;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.page-jobs {
    background: #f5f5f5;
    margin: auto
}

.section-jobs-intro {
    text-align: center;
    padding-top: 190px;
    padding-bottom: 120px
}

.section-jobs-intro .section-title {
    margin: auto
}

.section-jobs-intro hr {
    max-width: 200px;
    height: 2px;
    background: #f16522
}

.section-jobs-intro .section-intro-text {
    margin: 50px auto 0;
    font-size: 20px;
    line-height: 1.2;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    max-width: 540px
}

.section-vacancies {
    margin: auto;
    padding-bottom: 120px
}

.vacancies-list {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    display: table
}

.vacancies-list-item {
    display: table-row;
    font-size: 20px;
    line-height: 1.35
}

.vacancies-list-item:first-child .vacancies-list-description,
.vacancies-list-item:first-child .vacancies-list-title {
    border-top: 0
}

.vacancies-list-description,
.vacancies-list-title {
    padding: 50px 15px 40px;
    vertical-align: top;
    border-top: 1px solid #dcdcdc;
    display: table-cell
}

.vacancies-list-title {
    width: 33%;
    padding-left: 0
}

.vacancies-list-title h3 {
    margin: -10px 0 0;
    font-size: 36px;
    line-height: 1.5
}

.vacancies-list-description {
    padding-right: 0;
    width: 67%;
    color: #494949
}

.vacancies-list-description p {
    margin: 1em 0 0
}

.vacancies-list-description p:first-child {
    margin-top: 0
}

.vacancies-list-description .read-more {
    text-decoration: none !important
}

.vacancies-list-description .read-more:hover:after {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0)
}

.vacancies-list-description .read-more:after {
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
}

.page-jobs-article {
    background: #f5f5f5;
    padding-bottom: 100px
}

.page-jobs-article-intro {
    text-align: center;
    padding-top: 195px;
    padding-bottom: 60px
}

.page-jobs-article-intro hr {
    margin: 35px auto;
    max-width: 80px;
    height: 2px;
    background: #f16522
}

.section-vacancy-article {
    position: relative;
    max-width: 770px
}

.vacancy-article-share-controls {
    position: absolute;
    position: absolute;
    right: 100%;
    top: 10px
}

.vacancy-article-title {
    margin: 0 0 10px
}

.b-text-vacancy-article h2 {
    margin: 1.555555555555556em 0 0.5em
}

.b-text-vacancy-article ul,
.b-text-vacancy-article ol {
    padding: 0 0 0 20px;
    margin: 0
}

.b-text-vacancy-article ul > li,
.b-text-vacancy-article ol > li {
    margin: 6px 0
}

.page-contacts {
    background: #f5f5f5;
    zoom: 1
}

.page-contacts:before,
.page-contacts:after {
    content: "";
    display: table
}

.page-contacts:after {
    clear: both
}

.section-contact-form {
    padding-top: 185px;
    padding-bottom: 40px;
    margin-bottom: 50px
}

.section-contact-form .section-title {
    text-align: center;
    margin: auto
}

.section-contacts-more {
    margin: 50px auto;
    text-align: center;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-contacts-more .section-content {
    background: #fff;
    padding: 40px
}

.section-contacts-more .section-title {
    margin: 15px auto
}

.contacts-groups-list {
    padding: 0;
    margin: 60px auto 45px;
    list-style: none;
    display: table;
    width: 100%;
    table-layout: fixed
}

.contacts-group-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 25%;
    vertical-align: top;
    color: #7a7b7f;
    font-size: 16px;
    line-height: 1.375;
    padding: 25px;
    border-left: 1px solid #e6e6e6
}

.contacts-group-item:first-child {
    border-left: 0
}

.contacts-group-item p {
    margin: 0 auto 1em
}

.contacts-group-item-title {
    margin: 0 auto 14px;
    color: #23252c
}

.contacts-group-item-mailto {
    color: #4e5055;
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden
}

.contacts-group-item-mailto:hover {
    color: #f16522;
    text-decoration: none
}

.section-contacts-map {
    height: 600px;
    min-height: 600px;
    text-align: center;
    color: #fff;
    background: url("../bg-contact-map-d39c3b267f01793cb59b3037927b24ee.png") no-repeat center #23252c;
    background-size: cover;
    position: relative
}

.touch .section-contacts-map:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.section-contacts-map .map-holder {
    height: 100%;
    width: 100%;
    background: #23252c
}

.section-contacts-map .map-description {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.section-contacts-map:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    height: 1px
}

.section-contacts-map .section-title {
    position: absolute;
    left: 0;
    top: 25%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto
}

.office-location {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin: 44px 0 0;
    text-align: center;
    color: #fff;
    font-size: 17px;
    line-height: 1.352941176470588
}

.page-services {
    background: #f5f5f5;
    zoom: 1
}

.page-services:before,
.page-services:after {
    content: "";
    display: table
}

.page-services:after {
    clear: both
}

.section-page-services-intro {
    text-align: center;
    font-size: 20px;
    line-height: 1;
    padding-top: 150px;
    padding-bottom: 50px
}

.section-page-services-intro .section-title {
    margin: 20px auto
}

.section-page-services-intro hr {
    height: 2px;
    max-width: 200px;
    background: #f16522
}

.section-page-services-intro .section-intro-text {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    margin: 50px auto 0;
    max-width: 570px
}

.section-services {
    padding-top: 150px;
    padding-bottom: 65px;
    width: 100%;
    overflow: hidden
}

.services-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.services-list-item {
    margin: 0 0 0 -20px;
    zoom: 1
}

.services-list-item:before,
.services-list-item:after {
    content: "";
    display: table
}

.services-list-item:after {
    clear: both
}

.services-list-item:not(:first-child) {
    margin-top: 25px
}

.services-list-item-info {
    float: left;
    width: 33.333333333333336%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.25
}

.services-list-item-info .item-title {
    margin: auto;
    color: #f16522
}

.services-list-item-info .item-title a {
    text-decoration: none !important
}

.services-list-item-info .item-title a:hover,
.services-list-item-info .item-title a:focus {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}

.services-list-item-info p {
    margin: 2px 0 0;
    max-width: 300px
}

.services-list-item-contents {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 66.66666666666666%;
    letter-spacing: -0.5em
}

.services-contents-item {
    display: inline-block;
    letter-spacing: normal;
    width: 50%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 15px;
    line-height: 1.333333333333333;
    margin: 12px 0 30px
}

.services-contents-item .item-title {
    margin: auto;
    font-weight: 500;
    display: block
}

.services-contents-item p {
    margin: 8px 0 0
}

.services-contents-link {
    display: block;
    color: #23252c;
    text-decoration: none !important;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out
}

.services-contents-link .read-more {
    color: #f16522
}

.no-touch a.services-contents-link .read-more {
    -webkit-transition: opacity 300ms, visibility 300ms;
    transition: opacity 300ms, visibility 300ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden
}

.no-touch a.services-contents-link .read-more:after {
    -webkit-transition: -webkit-transform 300ms, opacity 300ms, visibility 300ms;
    -webkit-transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms;
    transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms;
    transition: transform 300ms, opacity 300ms, visibility 300ms;
    transition: transform 300ms, opacity 300ms, visibility 300ms, -webkit-transform 300ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.no-touch a.services-contents-link:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.no-touch a.services-contents-link:hover .read-more {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    visibility: visible
}

.no-touch a.services-contents-link:hover .read-more:after {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.page-services-article {
    background: #fff;
    zoom: 1
}

.page-services-article:before,
.page-services-article:after {
    content: "";
    display: table
}

.page-services-article:after {
    clear: both
}

.section-service-article {
    zoom: 1;
    max-width: 1440px;
    margin: auto;
    padding-top: 160px;
    padding-bottom: 60px;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-service-article:before,
.section-service-article:after {
    content: "";
    display: table
}

.section-service-article:after {
    clear: both
}

.section-service-article .b-table {
    color: #000
}

.services-article-select {
    position: relative;
    display: none;
    margin-bottom: 34px
}

.touch .services-article-select select {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.touch .services-article-select .ui-selectmenu-button {
    pointer-events: none
}

.services-article-select select,
.services-article-select .ui-selectmenu-button {
    width: 100% !important
}

.services-article-aside {
    width: 30%;
    max-width: 240px;
    float: left;
    font-size: 14px;
    line-height: 1.428571428571429;
    padding: 7px 40px 0 0
}

.services-article-aside .aside-title {
    margin: 40px auto 10px
}

.services-article-aside .aside-title:first-child {
    margin-top: 20px
}

.services-article-aside .aside-title a {
    color: #23252c;
    text-decoration: none !important
}

.services-article-aside .aside-link {
    display: inline-block;
    color: #737373;
    text-decoration: none !important
}

.services-article-aside .aside-link:hover {
    color: #f16522
}

.services-article-aside .aside-link.active {
    color: #23252c;
    cursor: default
}

.aside-links-list {
    padding: 0;
    margin: 10px 0 0;
    list-style: none
}

.aside-links-list > li {
    margin: 16px 0 0
}

.aside-links-list > li:first-child {
    margin-top: 6px
}

.services-article-main {
    overflow: hidden
}

.services-article-entity {
    -webkit-transition: -webkit-transform 0.8s, opacity 0.8s, visibility 0.8s;
    -webkit-transition: opacity 0.8s, visibility 0.8s, -webkit-transform 0.8s;
    transition: opacity 0.8s, visibility 0.8s, -webkit-transform 0.8s;
    transition: transform 0.8s, opacity 0.8s, visibility 0.8s;
    transition: transform 0.8s, opacity 0.8s, visibility 0.8s, -webkit-transform 0.8s;
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform: translate(0, 1em);
    transform: translate(0, 1em)
}

.services-article-entity.active {
    display: block
}

.show-content .services-article-entity.active {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.show-content .services-article-entity.active .b-text {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.services-article-entity .article-title {
    margin: auto
}

.services-article-entity .b-text {
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
    -webkit-transform: translate(0, 0.5em);
    transform: translate(0, 0.5em)
}

.page-technology {
    background: #fff
}

.page-technology .page-tec-section-rnd {
    background: #17181d
}

.section-technology-intro {
    background: #17181d;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 1.35;
    zoom: 1;
    margin: 0 0 200px;
    padding-top: 175px
}

.section-technology-intro:before,
.section-technology-intro:after {
    content: "";
    display: table
}

.section-technology-intro:after {
    clear: both
}

.section-technology-intro .section-title {
    margin: auto;
    padding: 0 10%
}

.section-technology-intro hr {
    max-width: 200px;
    height: 2px;
    margin: 37px auto 55px;
    background: #f16522
}

.section-technology-intro .section-intro-text {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    margin: auto;
    max-width: 770px
}

.ill-technology {
    position: relative;
    height: 370px;
    margin: 120px auto 0
}

.ill-technology-list {
    margin: 0;
    list-style: none
}

.ill-technology-item {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 14px
}

.ill-technology-item.pos1 {
    top: -30px
}

.ill-technology-item.pos2 {
    top: 140px;
    -webkit-transform: translate(-175px, 0);
    transform: translate(-175px, 0)
}

.ill-technology-item.pos3 {
    top: 140px;
    -webkit-transform: translate(-72px, 0);
    transform: translate(125px, 0)
}

.ill-technology-item.pos4 {
    bottom: 35px
}

.ill-technology-cirlce {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ill-technology-cirlce_main {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 50%;
    width: 300px;
    height: 305px;
    background: url("../bg-technology-circle1.svg/index.html") 50% 0 no-repeat, url("../bg-technology-circle4.svg/index.html") 50px 50% no-repeat, url("../bg-technology-circle4.svg/index.html") 150px 50% no-repeat;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.ill-technology-cirlce_main:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../bg-technology-circle5.svg/index.html") 50% 50% no-repeat
}

.ill-technology-cirlce_small {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url("../bg-technology-circle2.svg/index.html") 0 0 no-repeat
}

.ill-technology-cirlce_small.pos1 {
    margin: 0 0 0 -150px
}

.ill-technology-cirlce_small.pos2 {
    margin: 0 0 0 150px
}

.ill-technology-cirlce_large {
    position: absolute;
    top: 0;
    left: 50%;
    width: 302px;
    height: 305px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url("../bg-technology-circle3.svg/index.html") 0 0 no-repeat
}

.ill-technology-cirlce_large.pos1 {
    margin: 0 0 0 150px
}

.ill-technology-cirlce_large.pos2 {
    margin: 0 0 0 250px
}

.ill-technology-cirlce_large.pos3 {
    margin: 0 0 0 -150px
}

.ill-technology-cirlce_large.pos4 {
    margin: 0 0 0 -250px
}

.section-technology-experiments {
    background: #f5f5f5;
    font-size: 20px;
    line-height: 1.35;
    padding: 140px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.section-technology-experiments .max-width {
    zoom: 1
}

.section-technology-experiments .max-width:before,
.section-technology-experiments .max-width:after {
    content: "";
    display: table
}

.section-technology-experiments .max-width:after {
    clear: both
}

.section-technology-experiments .section-title {
    margin: 10px auto;
    text-align: center
}

.section-technology-experiments .section-intro-text {
    margin: auto;
    max-width: 570px;
    text-align: center;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.section-technology-experiments .btn-tabs-group-holder {
    text-align: center;
    margin: 90px auto 50px
}

.experiments-articles-list {
    padding: 0;
    margin: 0 0 0 -20px;
    list-style: none;
    text-align: center;
    letter-spacing: -0.5em
}

.experiments-articles-list-li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 15px 0;
    padding-left: 20px;
    width: 25%;
    max-width: 345px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.experiments-articles-list-item {
    display: block;
    background: #fff;
    text-decoration: none !important;
    color: #23252c;
    height: 450px;
    position: relative;
    overflow: hidden;
    text-align: left;
    font-size: 16px;
    line-height: 1.375;
    -webkit-transition: -webkit-transform 300ms ease-in-out, box-shadow 300ms ease-in-out;
    -webkit-transition: -webkit-transform 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
    transition: -webkit-transform 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
    transition: transform 300ms ease-in-out, box-shadow 300ms ease-in-out;
    transition: transform 300ms ease-in-out, box-shadow 300ms ease-in-out, -webkit-transform 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.experiments-articles-list-item:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15)
}

.experiments-articles-list-item .item-cover {
    overflow: hidden;
    text-align: center;
    display: block;
    margin: 0 0 18px
}

.experiments-articles-list-item .item-cover img {
    width: 100%;
    vertical-align: top
}

.experiments-articles-list-item .item-category,
.experiments-articles-list-item .item-updated {
    color: #999;
    font-size: 14px;
    line-height: 1.285714285714286;
    margin: 0 20px
}

.experiments-articles-list-item .item-category {
    display: block
}

.experiments-articles-list-item .item-title {
    font-size: 22px;
    line-height: 1.181818181818182;
    font-weight: 500;
    margin: 8px 20px;
    display: block
}

.experiments-articles-list-item .item-description {
    display: block;
    margin: 0 20px 46px
}

.experiments-articles-list-item .item-updated {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 14px 0;
    background: #fff
}

.page-technology-article {
    margin: auto
}

.section-technology-article {
    padding-top: 150px;
    padding-bottom: 180px
}

.section-technology-article .article-date {
    text-align: center;
    margin: auto;
    font-size: 18px;
    line-height: 1.222222222222222;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.section-technology-article .article-hr {
    max-width: 80px;
    height: 2px;
    background: #f16522;
    margin: 35px auto
}

.section-technology-article .article-title {
    margin: 35px auto 70px;
    text-align: center
}

.article-features-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.article-features-list-item {
    margin: 0 0 0 -20px;
    zoom: 1
}

.article-features-list-item:before,
.article-features-list-item:after {
    content: "";
    display: table
}

.article-features-list-item:after {
    clear: both
}

.article-features-list-item:not(:first-child) {
    margin-top: 25px
}

.article-features-list-item-info {
    float: left;
    width: 33.333333333333336%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.25
}

.article-features-list-item-info .item-title {
    margin: 0 auto 2px;
    color: #f16522
}

.article-features-list-item-info p {
    margin: 0 0 10px;
    max-width: 300px
}

.article-features-list-item-contents {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 66.66666666666666%;
    letter-spacing: -0.5em
}

.article-features-contents-item {
    display: inline-block;
    letter-spacing: normal;
    width: 50%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 15px;
    line-height: 1.333333333333333;
    margin: 12px 0 30px
}

.article-features-contents-item .item-title {
    margin: auto;
    font-weight: 500
}

.article-features-contents-item p {
    margin: 8px 0 0
}

.page-ta-related-articles {
    background: #f5f5f5
}

.page-ta-ready-to-contact {
    background: #ededed
}

.page-works {
    margin: auto
}

.section-page-works-intro {
    background: #f5f5f5;
    text-align: center;
    zoom: 1;
    font-size: 20px;
    line-height: 1.4;
    padding-top: 160px;
    padding-bottom: 35px
}

.section-page-works-intro:before,
.section-page-works-intro:after {
    content: "";
    display: table
}

.section-page-works-intro:after {
    clear: both
}

.section-page-works-intro .section-title {
    margin: 20px auto
}

.section-page-works-intro hr {
    margin: 20px auto 45px;
    height: 2px;
    background: #f16522;
    max-width: 200px
}

.section-page-works-intro .section-intro-text {
    max-width: 570px;
    margin: auto;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.section-works-list {
    margin: auto;
    zoom: 1;
    background: transparent
}

.section-works-list:before,
.section-works-list:after {
    content: "";
    display: table
}

.section-works-list:after {
    clear: both
}

.section-works-list .load-more {
    margin: 70px auto
}

.works-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.works-list-li {
    margin: auto
}

.works-list-li.skrollable {
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
    will-change: transform, opacity
}

.works-list-li.skrollable.skrollable-after {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.works-list-item {
    min-height: 210px;
    margin: 40px auto;
    display: block;
    overflow: hidden;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    position: relative;
    font-size: 20px;
    line-height: 1.4
}

.works-list-item:before {
    content: '';
    display: block;
    padding: 36.838235294117645% 0 0
}

.touch .works-list-item .item-image:before {
    content: '';
    background: #000;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.works-list-item:focus .item-description:after,
.works-list-item:hover .item-description:after {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.works-list-item.text-left .item-description {
    right: auto;
    left: 0
}

.works-list-item.text-black .item-description {
    color: #000
}

.works-list-item .item-image {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.works-list-item .item-description {
    position: absolute;
    right: 0;
    top: 50%;
    width: 50%;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

.works-list-item .item-description:after {
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 1.2em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    content: '→';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 50px;
    text-align: center;
    margin: 0 -25px
}

.works-list-item .item-title {
    margin: auto;
    display: block
}

.works-list-item .item-text {
    margin: auto;
    display: block;
    max-width: 400px
}

.works-list-item .item-tags {
    margin: 14px 0 0
}

.works-list-item .item-tags .tag {
    display: inline-block;
    margin: 10px 6px 0 0;
    padding: 0 24px;
    line-height: 34px;
    border-radius: 32px;
    color: #f4f4f4;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 14px
}

.works-list-item .item-tags.black .tag {
    color: #545454;
    background-color: rgba(255, 255, 255, 0.4)
}

.page-segment-article {
    margin: auto
}

.section-segment-article-intro {
    background: #1d2028;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 1.4;
    overflow: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-segment-article-intro .dtable {
    position: relative;
    z-index: 2;
    height: 650px;
    width: 100%
}

.section-segment-article-intro .dtcell {
    padding-bottom: 20px
}

.section-segment-article-intro .section-date {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    font-size: 0.9em;
    line-height: 1.222222222222222;
    margin: 12px auto
}

.section-segment-article-intro hr {
    max-width: 80px;
    height: 2px;
    background: #fff;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    margin: 35px auto 25px
}

.section-segment-article-intro .section-title {
    font-size: 2.8em;
    line-height: 1.25;
    margin: auto
}

.section-segment-article-intro .section-text {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    margin: 12px auto;
    max-width: 630px
}

.section-segment-article-intro .section-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.section-segment-article-intro .section-bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1d2028;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40)
}

.section-segment-article-components {
    background: #f5f5f5;
    padding-top: 70px;
    padding-bottom: 70px;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-segment-article-components .max-width {
    max-width: 1360px
}

.section-segment-article-components .section-title {
    text-align: center;
    margin: 0 auto 15px
}

.section-segment-article-components .section-intro-text {
    max-width: 790px;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    margin: auto;
    text-align: center
}

.segment-components-list {
    padding: 0;
    margin: 45px 0 0 -20px;
    list-style: none;
    letter-spacing: -0.5em;
    text-align: center
}

.segment-components-list-li {
    padding: 0 0 0 20px;
    margin: 15px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    width: 25%;
    display: inline-block;
    vertical-align: top
}

.segment-components-list-link {
    text-align: center;
    display: block;
    background: #fff;
    color: #23252c;
    text-decoration: none !important;
    min-height: 190px;
    overflow: hidden;
    border: 1px solid transparent;
    -webkit-transition: box-shadow 300ms, border-color 300ms, -webkit-transform 300ms;
    -webkit-transition: border-color 300ms, -webkit-box-shadow 300ms, -webkit-transform 300ms;
    transition: border-color 300ms, -webkit-box-shadow 300ms, -webkit-transform 300ms;
    transition: box-shadow 300ms, border-color 300ms, transform 300ms;
    transition: box-shadow 300ms, border-color 300ms, transform 300ms, -webkit-box-shadow 300ms, -webkit-transform 300ms;
    font-size: 16px;
    line-height: 1.375;
    padding: 20px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
}

.no-touch .segment-components-list-link:hover,
.no-touch .segment-components-list-link:focus {
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
    border-color: #f4f4f4;
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.segment-components-list-link .link-icon {
    display: block;
    margin: 6px auto 20px
}

.segment-components-list-link .link-icon .icon {
    vertical-align: top
}

.segment-components-list-link .link-title {
    font-size: 1.375em;
    line-height: 1.272727272727273;
    font-weight: 500;
    display: block;
    margin: 20px auto
}

.segment-components-list-link .link-text {
    display: block
}

.section-segment-features {
    background: #fff;
    padding-top: 50px;
    padding-bottom: 90px;
    font-size: 18px;
    line-height: 1.222222222222222;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.section-segment-features .section-title {
    text-align: center;
    margin: 20px auto;
    max-width: 790px
}

.section-segment-features .section-intro-text {
    max-width: 790px;
    text-align: center;
    margin: 20px auto;
    font-size: 20px;
    line-height: 1.4;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.section-segment-features .b-table {
    margin-top: 45px
}

.page-sa-related-articles {
    background: #f5f5f5
}

.page-sa-ready-to-contact {
    background: #f5f5f5
}

.page-sa-segments-we-cover {
    background: #fff
}

.page-index {
    margin: auto;
    position: relative;
    z-index: 2
}

.page-index .section-key-characteristics,
.page-index .section-segments-we-cover,
.page-index .section-index-services,
.page-index .section-join-our-blog,
.page-index .section-index-cooperation {
    position: relative
}

.page-index .page-in-key-characteristics {
    background: #fff
}

.section-index-intro-fake {
    width: 1px;
    min-height: 400px
}

.touch .section-index-intro-fake {
    display: none
}

.section-index-intro {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    min-height: 400px;
    background: #16181c;
    color: #fff;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    will-change: transform
}

.touch .section-index-intro {
    position: relative
}

.section-index-intro.skrollable-after {
    position: absolute
}

.section-index-intro .dtable {
    width: 100%;
    height: 700px;
    position: relative;
    z-index: 2
}

.section-index-intro .section-title {
    max-width: 930px;
    margin: auto;
    font-size: 56px;
    line-height: 1.25;
    position: relative
}

.section-index-intro .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    margin: 5%;
    z-index: 1;
    background: url("../bg-index-intro-263f0989ccb6997da2a4c8a16006b36e.png") no-repeat center;
    background-size: contain
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .section-index-intro .bg {
        background-image: url("../bg-index-intro%402x-78b696a9c3efe83f31fb8283bf45a30c.png")
    }
}

.section-index-case-studies {
    position: relative;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5f5f5;
    font-size: 20px;
    line-height: 1.4;
    padding-top: 30px;
    padding-bottom: 20px
}

.section-index-case-studies .read-more-holder {
    text-align: center;
    font-size: 22px;
    margin: 50px auto
}

.section-index-case-studies .read-more-holder .read-more {
    text-decoration: none !important
}

.section-index-case-studies .read-more-holder .read-more:hover:after {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0)
}

.section-index-case-studies .read-more-holder .read-more:after {
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
}

.section-index-case-studies .case-studies-list {
    will-change: transform
}

.section-index-services {
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #1c1e23;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 100px
}

.section-index-services .section-title {
    text-align: center;
    margin: 0 auto 90px
}

.section-index-services .bg {
    margin: 100px auto 0
}

.section-index-services .bg img {
    width: 100%
}

.index-service-links-holder {
    max-width: 1170px;
    margin: auto
}

.index-service-links {
    padding: 0;
    margin: 0 0 0 -30px;
    list-style: none;
    letter-spacing: -0.5em
}

.index-service-links-li {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 33.333333333333336%;
    padding: 0 0 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.index-service-link {
    display: block;
    text-decoration: none !important;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.index-service-link .link-title {
    margin: 0 auto 5px;
    display: block;
    color: #f16522
}

.index-service-link .link-sub-title {
    display: block;
    font-size: 1.25em;
    line-height: 1.2;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    margin: 0 auto 30px
}

.index-service-link .link-text {
    display: block;
    margin: 30px auto 40px
}

.section-index-cooperation {
    text-align: center;
    background: #16181c;
    color: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    font-size: 20px;
    line-height: 1.4
}

.section-index-cooperation .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 35px 0 90px;
    z-index: 1;
    background: url("../bg-index-cooperation-bbe0c3cba752221f84e7ad64c16a44d5.png") no-repeat center;
    background-size: contain
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .section-index-cooperation .bg {
        background-image: url("../bg-index-cooperation%402x-62e8b90a2ba7650a7ea4b46205615ec2.png")
    }
}

.section-index-cooperation .dtable {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2
}

.section-index-cooperation .dtcell {
    padding-top: 120px;
    padding-bottom: 150px
}

.section-index-cooperation .section-title {
    max-width: 770px;
    margin: 35px auto 25px
}

.section-index-cooperation .section-intro-text {
    margin: 25px auto 70px;
    max-width: 770px
}

.section-index-cooperation .read-on-blog-holder {
    text-align: center
}

.section-index-cooperation .btn-read-on-blog {
    margin: auto;
    max-width: 210px;
    width: 100%
}

.page-index-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.page-index-bg i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.page-index-bg i.active {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.page-404 {
    background: #000;
    height: 100%;
    color: #fff;
    text-align: center
}

.page-404 .row-text .dtcell {
    height: 100%;
    vertical-align: top;
    padding: 100px 0
}

.page-404 .row-menu .dtcell {
    padding: 45px 0
}

.page-404-wrapper {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 2
}

.page-404-wrapper .dtable {
    height: 100%;
    width: 100%
}

.page-404-bg {
    position: fixed;
    left: 0;
    top: 25%;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.page-404-title {
    margin: auto;
    font-size: 225px;
    line-height: 1
}

.page-404-sub-title {
    margin: -12px auto 47px;
    font-size: 36px;
    line-height: 1.111111111111111;
    max-width: 530px
}

.page-404-text {
    max-width: 530px;
    margin: auto;
    font-size: 26px;
    line-height: 1
}

.page-404-menu-title {
    font-size: 26px;
    line-height: 1.153846153846154
}

.page-404-menu {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    letter-spacing: -0.5em;
    font-size: 14px;
    line-height: 1.428571428571429
}

.page-404-menu-li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal
}

.page-404-menu-link {
    text-decoration: none !important;
    display: block;
    color: #fff;
    padding: 10px 20px;
    margin-left: 15px
}

.page-404-menu-link:first-child {
    margin-left: 0
}

.page-404-menu-link:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}

@media only screen and (max-width: 1024px) {
    .works-list-item .item-tags {
        margin: 14px 0 0
    }

    .works-list-item .item-tags .tag {
        margin: 0 4px 4px 0;
        padding: 0 16px;
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .works-list-item .item-description {
        padding: 20px 15px
    }

    .works-list-item.text-black .item-description {
        color: #fff
    }

    .works-list-item .item-tags {
        margin: 14px 0 -6px
    }

    .works-list-item .item-tags .tag {
        margin: 0 4px 10px 0
    }

    .works-list-item .item-tags .tag,
    .works-list-item .item-tags.black .tag {
        color: #272727
    }

    .works-list-item .item-tags.op58 .tag {
        background: rgba(255, 255, 255, 0.58)
    }

    .works-list-item .item-tags.op63 .tag {
        background: rgba(255, 255, 255, 0.63)
    }

    .works-list-item .item-tags.op65 .tag {
        background: rgba(255, 255, 255, 0.65)
    }

    .touch .works-list-item .item-image:before {
        background: #000;
        opacity: 0.5
    }
}

@media only screen and (max-width: 1024px) {
    .l-padding {
        padding-left: 30px;
        padding-right: 30px
    }

    .section-contacts-more .section-content {
        padding: 30px
    }

    .section-company-years .dtcell,
.section-operating-globally .dtcell,
.section-company-values .dtcell {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 768px) {
    .l-padding {
        padding-left: 25px;
        padding-right: 25px
    }

    .section-contacts-more .section-content {
        padding: 25px
    }

    .section-company-years .dtcell,
.section-operating-globally .dtcell,
.section-company-values .dtcell {
        padding-top: 25px;
        padding-bottom: 25px
    }

    h1,
    .h1 {
        font-size: 61px
    }

    h2,
    .h2 {
        font-size: 50px
    }

    h3,
    .h3 {
        font-size: 38px
    }

    hr,
    .hr {
        margin-top: 18px;
        margin-bottom: 18px
    }

    .back-link-holder {
        font-size: 16px
    }
}

@media only screen and (max-width: 480px) {
    .l-padding {
        padding-left: 15px;
        padding-right: 15px
    }

    .section-contacts-more .section-content {
        padding: 15px
    }

    .section-company-years .dtcell,
.section-operating-globally .dtcell,
.section-company-values .dtcell {
        padding-top: 15px;
        padding-bottom: 15px
    }

    h1,
    .h1 {
        font-size: 45px
    }

    h2,
    .h2 {
        font-size: 32px
    }

    h3,
    .h3 {
        font-size: 28px
    }

    hr,
    .hr {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .b-text {
        font-size: 16px
    }

    .back-link-holder {
        font-size: 15px
    }
}

@media only screen and (max-width: 1024px) {
    .contacts-groups-list {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .contacts-group-item {
        width: 50%;
        display: inline-block;
        border-left: 0;
        position: relative;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .contacts-group-item:nth-child(2n+1):before,
    .contacts-group-item:nth-child(2n):after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #e6e6e6
    }

    .contacts-group-item:nth-child(2n+1):before {
        left: 100%
    }
}

@media only screen and (max-width: 768px) {
    .section-contact-form {
        padding-top: 120px
    }

    .section-contact-form .section-title {
        margin-bottom: 10px
    }

    .contacts-groups-list {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .contacts-group-item {
        padding: 15px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .office-location-address {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%)
    }
}

@media only screen and (max-width: 480px) {
    .section-contact-form {
        padding-top: 60px
    }

    .section-contact-form .section-title {
        margin-bottom: 20px
    }

    .form-contacts .form-row > .form-field {
        width: 100%;
        float: none;
        padding-left: 0
    }

    .form-contacts .form-row > .form-field:first-child {
        padding-right: 0
    }

    .contacts-group-item {
        width: 100%;
        border-left: 0;
        border-top: 1px solid #e6e6e6;
        padding: 20px 5px 5px;
        margin-top: 0;
        margin-bottom: 0
    }

    .contacts-group-item:first-child {
        border-top: 0
    }

    .contacts-group-item:before,
    .contacts-group-item:after {
        display: none
    }

    .section-contacts-map {
        height: 500px
    }

    .office-location-address {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }
}

@media only screen and (max-width: 768px) {
    .section-page-services-intro {
        padding-top: 105px
    }

    .services-article-aside {
        display: none
    }

    .services-article-select {
        display: block
    }

    .section-service-article {
        padding-top: 80px
    }

    .section-ready-to-contact,
    .section-page-services-intro {
        font-size: 18px
    }

    .section-services {
        padding-top: 70px
    }

    .services-list-item-info {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }

    .services-list-item-contents {
        width: 100%;
        float: none
    }

    .section-guides {
        padding-top: 80px;
        padding-bottom: 40px;
        font-size: 18px
    }

    .guides-list-item {
        width: 50%;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 480px) {
    .section-page-services-intro {
        padding-top: 36px
    }

    .section-ready-to-contact,
    .section-page-services-intro {
        font-size: 16px
    }

    .section-services {
        padding-top: 0
    }

    .services-contents-item {
        width: 100%
    }

    .section-guides {
        padding-top: 40px;
        padding-bottom: 20px;
        font-size: 16px
    }

    .guides-list-item {
        width: 100%
    }
}

@media only screen and (max-width: 1024px) {
    .company-staff-person {
        width: 33.333333333333336%
    }
}

@media only screen and (max-width: 768px) {
    .company-values-list .company-value-item {
        width: 50%
    }

    .page-company-intro {
        padding-top: 125px;
        font-size: 18px
    }

    .page-company-intro hr {
        max-width: 210px
    }

    .company-staff-person {
        width: 50%
    }

    .company-years-timeline-select {
        display: inline-block;
        width: 200px
    }

    .company-years-timeline {
        display: none
    }

    .year-info-description,
.section-company-values .section-intro-text,
.section-environment .section-intro-text {
        font-size: 18px
    }

    .operating-globally-parameters .parameter {
        width: 50%
    }

    .section-environment {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media only screen and (max-width: 480px) {
    .page-company-intro {
        padding-top: 70px;
        font-size: 16px
    }

    .page-company-intro hr {
        max-width: 150px
    }

    .page-company-intro .section-intro-text {
        margin-top: 20px
    }

    .company-staff-person {
        width: 100%;
        max-width: 300px
    }

    .year-info-parameters .parameter {
        width: 100%
    }

    .section-company-staff {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .section-company-values .section-intro-text,
.year-info-description,
.section-environment .section-intro-text {
        font-size: 16px
    }

    .operating-globally-parameters .parameter {
        width: 100%
    }

    .company-values-list .company-value-item {
        width: 100%
    }

    .work-illustration-item {
        width: 100%;
        line-height: 60px
    }

    .work-illustration-item:before {
        display: none
    }

    .work-illustration-item span {
        display: inline-block;
        min-width: 100px;
        text-align: left
    }

    .work-illustration-item .icon {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top;
        margin-right: 30px
    }

    .section-environment {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .environment-images:before {
        display: none
    }

    .environment-image {
        position: static;
        width: 100% !important;
        height: auto !important;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        margin-top: 30px
    }

    .environment-image img {
        height: auto !important;
        width: 100% !important;
        position: static;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        display: inline
    }
}

@media only screen and (max-width: 1024px) {
    .blog-filter-menu-item {
        font-size: 16px
    }
}

@media only screen and (max-width: 800px) {
    .blog-filter-menu {
        display: none
    }

    .blog-filter-menu-select {
        display: block
    }

    .blog-filter .filter-submenu {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width: 768px) {
    .blog-search-control {
        margin-top: 58px
    }

    .blog-search-input {
        font-size: 50px
    }

    .blog-article-intro {
        height: 400px
    }

    .blog-filter .filter-submenu {
        padding-bottom: 0
    }

    .blog-search-no-results {
        font-size: 20px
    }

    .blog-search-results {
        margin-top: 35px
    }
}

@media only screen and (max-width: 480px) {
    .blog-search-control {
        margin-top: 28px
    }

    .blog-search-input {
        font-size: 32px
    }

    .blog-search-no-results {
        font-size: 18px
    }

    .blog-search-results {
        margin-top: 20px
    }
}

@media only screen and (max-width: 768px) {
    .articles-list-item {
        width: 50%
    }
}

@media only screen and (max-width: 480px) {

    .articles-list-item,
    .articles-list-item.big {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .section-jobs-intro {
        padding-top: 120px;
        padding-bottom: 80px
    }

    .section-jobs-intro .section-title {
        margin-bottom: 20px
    }

    .section-jobs-intro hr {
        max-width: 150px
    }

    .section-jobs-intro .section-intro-text {
        font-size: 18px
    }

    .section-vacancies {
        padding-bottom: 80px
    }

    .vacancies-list-item {
        font-size: 18px
    }

    .vacancies-list-title h3 {
        font-size: 32px
    }
}

@media only screen and (max-width: 480px) {
    .section-jobs-intro {
        padding-top: 60px;
        padding-bottom: 40px
    }

    .section-jobs-intro hr {
        max-width: 100px
    }

    .section-jobs-intro .section-intro-text {
        font-size: 16px
    }

    .section-vacancies {
        padding-bottom: 40px
    }

    .vacancies-list-item {
        display: block;
        font-size: 16px
    }

    .vacancies-list-title {
        display: block;
        width: auto;
        padding-bottom: 5px
    }

    .vacancies-list-title h3 {
        font-size: 28px
    }

    .vacancies-list-description {
        padding-top: 0;
        display: block;
        width: auto;
        padding-left: 0;
        border-top: 0
    }
}

@media only screen and (max-width: 1024px) {
    .vacancy-article-share-controls {
        position: relative;
        right: auto;
        top: auto;
        margin: 20px auto
    }
}

@media only screen and (max-width: 768px) {
    .page-jobs-article-intro {
        padding-top: 120px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 480px) {
    .page-jobs-article {
        padding-bottom: 50px
    }

    .page-jobs-article-intro {
        padding-top: 60px;
        padding-bottom: 0;
        text-align: left
    }

    .page-jobs-article-intro .back-link-holder {
        text-align: left;
        padding-left: 10px
    }

    .page-jobs-article-intro hr {
        margin-left: 0
    }

    .b-text-vacancy-article h2 {
        font-size: 1.875em;
        line-height: 1.2
    }

    .form-apply .form-row > .form-field {
        width: 100%;
        padding-left: 0
    }

    .form-apply .form-row > .form-field:first-child {
        padding-right: 0
    }
}

@media only screen and (max-width: 1024px) {
    .rnd-block-list-item {
        margin: auto
    }

    .experiments-articles-list-li {
        width: 50%
    }
}

@media only screen and (max-width: 768px) {
    .section-technology-intro {
        padding-top: 120px
    }

    .section-technology-intro hr {
        max-width: 150px;
        margin-top: 26px;
        margin-bottom: 38px
    }

    .section-technology-intro .section-intro-text {
        font-size: 18px
    }

    .ill-technology {
        margin-top: 90px
    }

    .section-rnd .section-intro-text {
        font-size: 18px
    }

    .rnd-blocks-list {
        margin-top: 80px
    }

    .rnd-block-list-item {
        margin: auto
    }

    .section-rnd .dtcell {
        padding-top: 40px;
        padding-bottom: 55px
    }

    .section-technology-experiments {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .section-technology-experiments .section-intro-text {
        font-size: 18px
    }

    .section-technology-experiments .btn-tabs-group-holder {
        margin: 60px auto 40px
    }
}

@media only screen and (max-width: 480px) {
    .experiments-btn-tabs-group {
        width: 100%;
        max-width: 360px;
        margin: auto
    }

    .experiments-btn-tabs-group .btn {
        font-size: 16px;
        line-height: 1.25;
        width: 33.333333333333336%;
        min-width: 0;
        padding-left: 0;
        padding-right: 0
    }

    .section-technology-intro {
        padding-top: 60px
    }

    .section-technology-intro hr {
        max-width: 100px;
        margin-top: 15px;
        margin-bottom: 21px
    }

    .section-technology-intro .section-intro-text {
        font-size: 16px
    }

    .ill-technology {
        height: 280px;
        margin-top: 70px;
        margin-bottom: 20px
    }

    .section-rnd .section-intro-text {
        font-size: 16px
    }

    .rnd-blocks-list {
        margin-top: 40px
    }

    .rnd-block-list-item {
        width: 50%
    }

    .section-rnd .dtcell {
        padding-top: 20px;
        padding-bottom: 40px
    }

    .section-technology-experiments {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .section-technology-experiments .section-intro-text {
        font-size: 16px
    }

    .section-technology-experiments .btn-tabs-group-holder {
        margin: 35px auto 25px
    }

    .experiments-articles-list-li {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .section-related-articles {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .section-related-articles .section-intro-text {
        font-size: 18px
    }
}

@media only screen and (max-width: 480px) {
    .section-related-articles {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .section-related-articles .section-intro-text {
        font-size: 16px
    }
}

@media only screen and (max-width: 768px) {
    .section-technology-article {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .section-technology-article .article-date {
        font-size: 17px
    }

    .section-technology-article .article-hr {
        max-width: 150px;
        margin: 25px auto
    }

    .section-technology-article .article-title {
        font-size: 40px;
        margin: 30px auto 50px
    }

    .article-features-list-item-info {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }

    .article-features-list-item-contents {
        width: 100%;
        float: none
    }
}

@media only screen and (max-width: 480px) {
    .section-technology-article {
        padding-top: 50px;
        padding-bottom: 60px
    }

    .section-technology-article .article-date {
        font-size: 15px
    }

    .section-technology-article .article-hr {
        max-width: 100px;
        margin: 25px auto
    }

    .section-technology-article .article-title {
        font-size: 32px;
        margin: 40px auto 35px
    }

    .article-features-contents-item {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .section-page-works-intro {
        padding-top: 110px;
        padding-bottom: 30px
    }

    .section-page-works-intro .section-title {
        margin: auto
    }

    .section-page-works-intro hr {
        margin: 15px auto 20px
    }

    .section-page-works-intro .section-intro-text {
        font-size: 18px
    }

    .section-works-list .load-more {
        margin: 55px auto
    }

    .works-list-item {
        margin: 25px auto;
        font-size: 18px
    }

    .works-list-item .item-title {
        font-size: 53px;
        line-height: 1
    }

    .works-list-item .item-text {
        line-height: 1.2;
        opacity: .8
    }
}

@media only screen and (max-width: 569px) {
    .section-page-works-intro {
        padding-top: 60px;
        padding-bottom: 25px
    }

    .section-page-works-intro .section-intro-text {
        font-size: 16px
    }

    .section-works-list .load-more {
        margin: 45px auto
    }

    .works-list-item {
        margin: 15px auto;
        font-size: 16px
    }

    .works-list-item .item-title {
        font-size: 40px;
        margin-bottom: 12px
    }

    .works-list-item .item-description {
        left: 0;
        right: 0;
        width: 100%
    }

    .works-list-item .item-description:after {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .page-in-segments-we-cover {
        padding-top: 200px;
        padding-bottom: 200px
    }
}

@media only screen and (max-width: 768px) {
    .section-segments-we-cover {
        padding-top: 90px;
        padding-bottom: 80px
    }

    .section-segments-we-cover .section-intro-text {
        font-size: 18px
    }

    .segments-links-list {
        margin-top: 50px;
        max-width: 468px
    }

    .segments-links-list-li {
        width: 50%;
        margin: 15px 0
    }
}

@media only screen and (max-width: 480px) {
    .section-segments-we-cover {
        padding-top: 45px;
        padding-bottom: 40px
    }

    .section-segments-we-cover .section-intro-text {
        font-size: 16px
    }

    .segments-links-list {
        margin-top: 25px;
        max-width: 234px
    }

    .segments-links-list-li {
        width: 100%;
        margin: 0
    }
}

@media only screen and (max-width: 768px) {
    .section-index-featured-works .section-intro-text {
        font-size: 18px
    }

    .section-index-services {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .section-index-services .section-title {
        margin-bottom: 60px
    }

    .section-index-approach {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .section-index-approach .ill-approach {
        margin: 70px auto 60px
    }

    .index-service-links {
        margin-left: 0
    }

    .index-service-links-li {
        display: block;
        width: auto;
        padding-left: 0
    }
}

@media only screen and (max-width: 480px) {
    .section-index-featured-works .section-intro-text {
        font-size: 16px
    }

    .section-index-services {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .section-index-services .section-title {
        margin-bottom: 30px
    }

    .index-service-links {
        display: block
    }

    .index-service-links-li:first-child {
        padding-left: 0;
        padding-right: 0
    }

    .index-service-link {
        width: auto
    }

    .section-index-approach {
        padding-top: 50px;
        padding-bottom: 25px
    }

    .section-index-approach .ill-approach {
        margin: 35px auto 30px
    }
}

@media only screen and (max-width: 1200px) {
    .case-studies-list-item .item-title {
        font-size: 2.5em
    }
}

@media only screen and (max-width: 1024px) {
    .case-studies-list-item {
        font-size: 18px
    }
}

@media only screen and (max-width: 768px) {
    .case-studies-list-li {
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .case-studies-list-item {
        font-size: 16px
    }

    .case-studies-list-item .item-title {
        font-size: 1.875em
    }
}

@media only screen and (max-width: 768px) {
    .key-characteristics-list-li {
        width: 50%
    }
}

@media only screen and (max-width: 480px) {
    .key-characteristics-list-li {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .section-join-our-blog .section-text {
        font-size: 30px;
        line-height: 1.2
    }
}

@media only screen and (max-width: 480px) {
    .btn-join-our-blog span {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .section-index-intro .section-title {
        font-size: 44px
    }

    .section-index-cooperation {
        font-size: 18px
    }

    .section-index-cooperation .dtcell {
        padding-top: 80px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 480px) {
    .section-index-intro .section-title {
        font-size: 32px
    }

    .section-index-cooperation {
        font-size: 16px
    }

    .section-index-cooperation .dtcell {
        padding-top: 40px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 800px) {
    .segment-components-list-li {
        width: 50%;
        max-width: 325px
    }
}

@media only screen and (max-width: 768px) {
    .section-segment-article-intro {
        font-size: 18px
    }

    .section-segment-article-intro .section-title {
        font-size: 2em
    }
}

@media only screen and (max-width: 480px) {
    .section-segment-article-intro {
        font-size: 16px
    }

    .section-segment-article-intro .dtable {
        height: 500px
    }

    .segment-components-list-li {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .section-ready-to-contact .dtable {
        height: 550px
    }
}

@media only screen and (max-width: 480px) {
    .section-ready-to-contact .dtable {
        height: 400px
    }
}

@media only screen and (max-width: 800px) {
    .row-menu {
        display: none
    }
}

.skrollable.section-rnd .rnd-blocks-list {
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.skrollable.section-rnd .rnd-block-list-item {
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.skrollable.section-technology-experiments .section-title,
.skrollable.section-technology-experiments .section-intro-text,
.skrollable.section-technology-experiments .btn-tabs-group-holder,
.skrollable.section-technology-experiments .experiments-articles-list-holder {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s
}

.skrollable.section-related-articles .articles-list-item {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s
}

.skrollable.section-key-characteristics .section-title {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.skrollable.section-key-characteristics .key-characteristics-list-li {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s
}

.skrollable.section-segments-we-cover {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.skrollable.section-segments-we-cover .segments-links-list {
    -webkit-transform: translate(0, 40px);
    transform: translate(0, 40px);
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s
}

.skrollable.section-index-services {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.skrollable.section-index-services .section-title {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.skrollable.section-index-services .index-service-links-li {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s, -webkit-transform 0.6s
}

.skrollable.section-join-our-blog {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.skrollable.section-environment .section-title,
.skrollable.section-environment .section-intro-text {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.skrollable.section-environment .environment-image {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s
}

.skrollable.section-company-years {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.skrollable.section-company-years .section-title {
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.skrollable.section-operating-globally .section-title {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: opacity 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.skrollable.section-company-values .company-value-item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 40px);
    transform: translate(0, 40px);
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s
}

.skrollable-after.section-rnd .rnd-blocks-list {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollable-after.section-rnd .rnd-block-list-item {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(5) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(6) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(7) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(8) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(9) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s
}

.skrollable-after.section-rnd .rnd-block-list-item:nth-child(10) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.skrollable-after.section-technology-experiments .section-title,
.skrollable-after.section-technology-experiments .section-intro-text,
.skrollable-after.section-technology-experiments .btn-tabs-group-holder,
.skrollable-after.section-technology-experiments .experiments-articles-list-holder {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollable-after.section-technology-experiments .section-intro-text {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.skrollable-after.section-technology-experiments .btn-tabs-group-holder {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.skrollable-after.section-technology-experiments .experiments-articles-list-holder {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.skrollable-after.section-related-articles .articles-list-item {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(4) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(5) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(6) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(7) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(8) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(9) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.skrollable-after.section-related-articles .articles-list-item:nth-child(10) {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.skrollable-after.section-key-characteristics .section-title {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollable-after.section-key-characteristics .key-characteristics-list-li {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollable-after.section-key-characteristics .key-characteristics-list-li:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.skrollable-after.section-key-characteristics .key-characteristics-list-li:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.skrollable-after.section-key-characteristics .key-characteristics-list-li:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.skrollable-after.section-key-characteristics .key-characteristics-list-li:nth-child(4) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.skrollable-after.section-key-characteristics .key-characteristics-list-li:nth-child(5) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.skrollable-after.section-key-characteristics .key-characteristics-list-li:nth-child(6) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.skrollable-after.section-segments-we-cover {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.skrollable-after.section-segments-we-cover .segments-links-list {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollable-after.section-index-services {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.skrollable-after.section-index-services .section-title {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollable-after.section-index-services .index-service-links-li {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.skrollable-after.section-index-services .index-service-links-li:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.skrollable-after.section-index-services .index-service-links-li:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.skrollable-after.section-index-services .index-service-links-li:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.skrollable-after.section-join-our-blog {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.skrollable-after.section-environment .section-title,
.skrollable-after.section-environment .section-intro-text {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.skrollable-after.section-environment .environment-image {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px)
}

.skrollable-after.section-environment .environment-image:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.skrollable-after.section-environment .environment-image:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.skrollable-after.section-environment .environment-image:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.skrollable-after.section-environment .environment-image:nth-child(4) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.skrollable-after.section-environment .environment-image:nth-child(5) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.skrollable-after.section-environment .environment-image:nth-child(6) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.skrollable-after.section-environment .environment-image:nth-child(7) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.skrollable-after.section-environment .environment-image:nth-child(8) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.skrollable-after.section-environment .environment-image:nth-child(9) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.skrollable-after.section-environment .environment-image:nth-child(10) {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.skrollable-after.section-company-years {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.skrollable-after.section-company-years .section-title {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollable-after.section-operating-globally .section-title {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.skrollable-after.section-company-values .company-value-item {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.skrollable-after.section-company-values .company-value-item:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.skrollable-after.section-company-values .company-value-item:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.skrollable-after.section-company-values .company-value-item:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.skrollable-after.section-company-values .company-value-item:nth-child(4) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.is-mobile1 .console {
    position: fixed;
    left: 0;
    top: 0;
    max-width: 50%;
    height: 40px;
    font-size: 16px;
    line-height: 1.25;
    padding: 5px;
    background: #fff;
    color: #000;
    z-index: 10000
}

.is-mobile1 body {
    overflow: hidden
}

.is-mobile1 .mobile-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.is-mobile1 .mobile-scroller {
    position: absolute;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

.l-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ededed;
    z-index: 100;
    letter-spacing: 0.1em;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    visibility: visible;
    -webkit-transition: opacity 1.2s, visibility 1.2s;
    transition: opacity 1.2s, visibility 1.2s
}

.l-loader .text {
    font-size: 40px;
    line-height: 1;
    font-weight: 500;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 1.2s;
    transition: opacity 1.2s
}

.l-loader .letter {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.l-loader.loading-step-1 .letter {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.l-loader.loading-step-1 .letter:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.l-loader.loading-step-1 .letter:nth-child(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s
}

.l-loader.loading-step-1 .letter:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.l-loader.loading-step-1 .letter:nth-child(4) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.l-loader.loading-step-1 .letter:nth-child(5) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.l-loader.loading-step-1 .letter:nth-child(6) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s
}

.l-loader.loading-step-1 .letter:nth-child(7) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.l-loader.loading-step-1 .letter:nth-child(8) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s
}

.l-loader.loading-step-1 .letter:nth-child(9) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.l-loader.loading-step-1 .letter:nth-child(10) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s
}

.l-loader.loading-step-2 .letter-i .fake:before {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.l-loader.loading-step-3 {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.l-loader.loading-step-3 .text {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -3.33333px, 0);
        transform: translate3d(0, -3.33333px, 0)
    }
}

@keyframes bounce {

    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -3.33333px, 0);
        transform: translate3d(0, -3.33333px, 0)
    }
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}


input[type="checkbox"] {
    vertical-align: top;
    cursor: pointer
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-open .iScrollVerticalScrollbar {
    display: none
}

.fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1;
    -webkit-filter: none;
    filter: none
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: #16181c;
    background: rgba(0, 0, 0, 0.95)
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal button.close {
    position: absolute;
    right: 2px;
    top: -2px;
    margin: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 100;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    border: 4px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    background-color: transparent;
    width: 28px;
    height: 28px;
    text-indent: 100%;
    overflow: hidden;
    background-size: cover;
    outline: none
}

@media only screen and (max-width: 767px) {
    .modal button.close {
        margin: 15px;
        width: 20px;
        height: 20px
    }
}

.modal button.close span {
    position: absolute;
    top: 12px;
    left: -3px;
    width: 35px;
    height: 3px;
    background-color: #FFFFFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (max-width: 767px) {
    .modal button.close span {
        width: 25px;
        height: 2.5px;
        top: 9px
    }
}

.modal button.close span:first-child {
    position: absolute;
    top: 12px;
    left: -3px;
    width: 35px;
    height: 3px;
    background-color: #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width: 767px) {
    .modal button.close span:first-child {
        width: 25px;
        height: 2.5px;
        top: 9px
    }
}

.modal button.close:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80)
}

.modal .btn_orange {
    background-color: transparent
}

.modal .btn_orange:hover {
    background-color: #ff5300
}

.modal-dtable {
    display: table;
    width: 100%;
    height: 100%
}

.modal-dtcell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 40px
}

.modal-dialog {
    position: relative;
    margin: 30px auto
}

.modal-content {
    position: relative;
    outline: 0;
    color: #fff;
    text-align: center
}

.modal-header,
.modal-footer {
    padding: 15px
}

.svg button.close {
    background-image: url("../icon-close-53fac747db1605f1db1a57f3e47e2e72.svg")
}

.modal-subscribe .modal-dialog {
    width: auto
}

.form {
    color: #23252c;
    display: block;
    font-size: 18px;
    line-height: 1.222222222222222
}

.form-light {
    color: #fff
}

.form-light .form-input {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.3)
}

.form-light .form-field.active .form-input {
    border-bottom-color: #fff
}

.form-light div.checker.focus span,
.form-light div.checker span {
    border-color: #fff
}

div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1
}

div.checker {
    margin-right: 5px;
    width: 19px;
    height: 19px;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}

div.checker,
div.checker span,
div.checker input {
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 767px) {

    div.checker,
    div.checker span,
    div.checker input {
        width: 20px;
        height: 20px
    }
}

div.checker span {
    border: 1px solid #d6d8de;
    background-image: url("../v2/general/checked-f2555b4f5065d7a697d1eb1b4e3f8fff.png");
    display: inline-block;
    zoom: 1;
    text-align: center;
    -webkit-transition: border-color 300ms;
    transition: border-color 300ms
}

div.checker span.checked {
    background-position: center;
    background-size: 8px 8px
}

div.checker.hover span,
div.checker.focus span {
    border-color: #676d81;
    background-position: 20px 20px
}

div.checker.hover span.checked,
div.checker.focus span.checked {
    background-position: center
}

.form-subscribe {
    margin: auto;
    text-align: center;
    font-size: 16px;
    line-height: 1.25
}

.form-subscribe .field-subscribe-categories .form-checkbox-label {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 19px
}

.form-subscribe .field-subscribe-categories .form-checkbox-label:first-child {
    margin-left: 0
}

@media only screen and (max-width: 767px) {
    .form-subscribe .field-subscribe-categories .form-checkbox-label {
        text-align: left;
        display: block;
        margin-left: 0
    }
}

.form-subscribe .form-checkbox-group {
    display: block;
    margin-left: 14px;
    letter-spacing: -0.5em;
    margin-top: -10px
}

.form-subscribe .form-checkbox-group .form-checkbox-label {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    letter-spacing: normal
}

@media only screen and (max-width: 767px) {
    .form-subscribe .form-checkbox-group .form-checkbox-label {
        width: 100%
    }
}

.form-subscribe .form-input {
    text-align: center;
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 21px
}

.form-subscribe .field-email {
    margin: auto;
    max-width: 570px;
    text-align: center
}

.form-subscribe h3 {
    margin: 0 0;
    font-size: 48px;
    line-height: 1.25;
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-weight: normal
}

@media only screen and (max-width: 767px) {
    .form-subscribe h3 {
        font-size: 28px
    }
}

.form > .form-field:first-child,
.form > .form-row:first-child .form-field {
    margin-top: 0
}

.form-field {
    margin: 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-field .form-input_phone {
    text-indent: -20px;
    -webkit-transition: text-indent .3s ease-in;
    transition: text-indent .3s ease-in
}

.form-field.active .form-input_phone,
.form-field.filled .form-input_phone {
    text-indent: 0
}

.form-contacts .form-label,
.form-contacts .form-input-fake,
.form-contacts .form-input {
    font-size: 18px;
    color: #23252c
}

.form-contacts .form-input-fake,
.form-contacts .form-input {
    padding: 10px 0
}

.form-contacts .ui-selectmenu-button {
    line-height: 23px
}

.form-contacts .ui-selectmenu-button .ui-icon {
    top: 57%
}

.form-field .form-error-text {
    display: none
}

.form-field.active .form-label,
.form-field.filled .form-label {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.form-field.active .form-input {
    border-bottom-color: #23252c
}

.form-field.error .form-error-text {
    display: block
}

.form-field.error .form-input,
.form-field.error .ui-selectmenu-button {
    border-bottom-color: #f00
}

.form-input-holder {
    position: relative;
    font-size: 20px;
    line-height: 1.2;
    padding: 24px 0 0
}

.form-label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    -webkit-transform: translate(0, 35px);
    transform: translate(0, 35px);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    cursor: text;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 21px
}

.form-label.form-label-selectmenu {
    padding-right: 15px
}

.form-input-fake,
.form-input {
    font-size: 20px;
    line-height: 1.2;
    border: 0;
    padding: 9px 0;
    margin: 0;
    border-bottom: 1px solid rgba(35, 37, 44, 0.3);
    display: block;
    outline: none;
    width: 100%;
    background: transparent;
    -webkit-transition: border-color 300ms;
    transition: border-color 300ms;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.form-input-fake {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-height: 24px
}

.form-input-fake:after {
    content: '\00a0\00a0\00a0'
}

.form-error-text {
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    color: #f00;
    font-size: 13px;
    line-height: 1.214285714285714;
    letter-spacing: 0.8px;
    margin: 12px 0 0
}

.form-help-text {
    color: #9b9b9b
}

.label-file {
    cursor: pointer
}

.label-file input[type=file] {
    position: fixed;
    right: 100%;
    bottom: 100%
}

.form-checkbox-holder {
    padding: 24px 0 0
}

.form-checkbox-label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-checkbox-label .checker {
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px)
}

.form-controls {
    margin: 35px 0 0
}

select[data-customize="select"] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

#subscribe-complete {
    display: none
}

#subscribe-complete.confirmation h3 {
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-size: 48px;
    line-height: 1.25;
    font-weight: normal
}

#subscribe-complete.confirmation p {
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 19px
}

#subscribe-complete.confirmation img {
    height: 50px;
    display: inline-block;
    margin: 50px 0 0 0
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: 16px;
    background: #f7f7f7;
    color: black;
    font-size: 85%
}

.hljs-comment,
.hljs-quote {
    color: #006a00
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
    color: #aa0d91
}

.hljs-name {
    color: #008
}

.hljs-variable,
.hljs-template-variable {
    color: #660
}

.hljs-string {
    color: #c41a16
}

.hljs-regexp,
.hljs-link {
    color: #080
}

.hljs-title,
.hljs-tag,
.hljs-symbol,
.hljs-bullet,
.hljs-number,
.hljs-meta {
    color: #1c00cf
}

.hljs-section,
.hljs-class .hljs-title,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params {
    color: #5c2699
}

.hljs-attribute,
.hljs-subst {
    color: #000
}

.hljs-formula {
    background-color: #eee;
    font-style: italic
}

.hljs-addition {
    background-color: #baeeba
}

.hljs-deletion {
    background-color: #ffc8bd
}

.hljs-selector-id,
.hljs-selector-class {
    color: #9b703f
}

.hljs-doctag,
.hljs-strong {
    font-weight: bold
}

.hljs-emphasis {
    font-style: italic
}

.inline-codesnippet {
    padding: 0.2em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 3px;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace
}

.article-caption {
    margin: 0;
    font-style: italic;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    font-size: 0.888888888888889em
}

.segments-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.section-index-intro #particle-slider.bg {
    background: none
}

.section-index-intro .dtable {
    pointer-events: none
}

.blog-gallery .item-author,
.blog-article .item-author {
    color: #ffffff
}

.blog-gallery .item-title a {
    color: #ffffff;
    text-decoration: none
}

.blog-gallery .item-title a:hover {
    color: #f16522
}

.blog-article .item-category a,
.blog-gallery-item .item-category a {
    color: #ffffff;
    text-decoration: none
}

.blog-article .item-category a:hover,
.blog-gallery-item .item-category a:hover {
    color: #f16522;
    text-decoration: none
}

.blog-article .item-category .arrow,
.blog-gallery-item .item-category .arrow {
    color: #ffffff
}

.blog-article .item-title,
.blog-gallery-item .item-title {
    font-size: 48px;
    line-height: 1.25
}

.articles-list-item .item-category {
    opacity: 1
}

.articles-list-item .item-category a {
    color: #1d2028
}

.articles-list-item .item-category a:hover {
    color: #f16522;
    text-decoration: none
}

.section-index-cooperation .bg {
    background: none
}

@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .section-index-cooperation .bg {
        background-image: none
    }
}

.rnd-block-list-link:after {
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 2
}

.rnd-block-list-link:before {
    opacity: 1
}

.rnd-block-list-link span {
    z-index: 3
}

.confirmation .ic_confirmed {
    display: block;
    margin: 150px 0 22px
}

.confirmation .ic_confirmed:before {
    content: '';
    width: 100px;
    height: 100px;
    display: block;
    background: url(../ic_confirmed-e9f454d1b9fe94323f624cd66c7720c0.svg) no-repeat;
    margin: 0 auto;
    width: 28px;
    height: 21px
}

.confirmation#subscribe-complete {
    display: none
}

.confirmation#subscribe-complete .ic_confirmed {
    margin-top: 76px
}

.section-contact-form .confirmation {
    margin: 0 0 80px 0
}

.section-contact-form .confirmation .section-title {
    line-height: 1
}

.section-contact-form .confirmation .section-intro-text {
    margin: auto;
    opacity: 0.6;
    color: #23252C;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    line-height: 28px;
    font-size: 24px;
    text-align: center;
    line-height: 1
}

.section-index-cooperation .btn-read-on-blog {
    max-width: 220px
}

.section-page-services-intro .section-intro-text {
    line-height: 1.35
}

.section-segment-article-components .section-intro-text {
    line-height: 1.4
}

.case-studies-list-item .item-image {
    background-size: contain
}

.company-year-slide .parameter sup {
    vertical-align: top;
    position: relative;
    top: -1em;
    font-size: 15px
}

.company-year-slide .single .parameter {
    width: 100%
}

.company-year-slide .double .parameter {
    width: 50%
}

.section-environment .environment-images .environment-image.img4 img {
    height: initial
}

.blog-article-content .b-text img[style*="float: left"] {
    padding-right: 20px
}

.blog-article-content .b-text img[style*="float: right"] {
    padding-left: 20px
}

.page-contacts .section-title {
    font-size: 66px;
    line-height: 1.272727272727273
}

.segment-components-list .segment-components-list-li .segment-components-list-link {
    padding: 45px 33px 30px 33px !important
}

.segment-components-list .segment-components-list-li .segment-components-list-link .link-title {
    margin-top: 45px !important
}

.segment-components-list .segment-components-list-li .segment-components-list-link .link-icon {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}


.segment-components-list .segment-components-list-li .segment-components-list-link .link-icon .icon {
    height: 60px;
    width: 60px
}

/* Feature icons and segment hero art were lost with the Yalantis-era asset
   bundle; all 40 files 404. Rules stripped 8 Aug 2026 (roadmap 1.7 / D2).

   Both declarations below are required, not cosmetic:
   - background:none, because without it these <i> elements fall back to the
     base .icon sprite at 0 0 and render an unrelated glyph in a 60x60 box.
   - display:none on the container, because the icon box is now permanently
     empty and would otherwise leave a 60px void above every feature title.

   The heroes need no equivalent -- .section-segment-article-intro already
   carries background:#1d2028 behind them, so they degrade to a flat dark
   panel with the white heading still legible.

   To restore: drop this block and re-add per-icon background rules. The
   markup (span.link-icon > i.icon.icon-component-*) is untouched. */
.segment-components-list .segment-components-list-li .segment-components-list-link .link-icon .icon {
    background: none
}

.segment-components-list .segment-components-list-li .segment-components-list-link .link-icon {
    display: none
}

/* The card keeps its min-height:190px, so with the icon gone the title would
   sit top-aligned above a large gap. Centre it in the space instead. */
.segment-components-list .segment-components-list-li .segment-components-list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-technology-article .section-rnd {
    background-color: #17181d
}

.l-loader .text {
    font-family: "Satoshi", Helvetica, Arial, sans-serif;
    letter-spacing: -1px
}

.l-loader .text .letter-i .fake:before {
    clip: rect(0, 1em, 0.26em, 0)
}

.l-loader .text .letter-i .fake:after {
    clip: rect(0.2em, 3em, 1em, 0)
}

@media only screen and (max-width: 768px) {
    .blog-article-intro {
        min-height: 400px;
        height: auto
    }
}

.read-on-blog-holder a.btn-read-on-blog {
    max-width: 224px
}


.work-detail-image-container {
    width: 100%;
}

.work-detail-image-container img {
    display: block;
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 768px) {
    .work-detail-image-container img {
        display: block;
        width: 335px;
        margin-left: auto;
        margin-right: auto;
    }
}