@charset 'UTF-8';
@font-face {
    font-family: SegoeUI;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url(../fonts/SegoeUI.woff) format('woff')
}

@font-face {
    font-family: FuturaFuturisLightC;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    src: url(../fonts/FuturaFuturisLightC.woff) format('woff')
}

@font-face {
    font-family: FuturaFuturisC;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url(../fonts/FuturaFuturisC.woff) format('woff')
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

body, html {
    width: 100%
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: 400;
    font-style: normal
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.6em;
    font-weight: 400
}

q:after, q:before {
    content: ''
}

abbr, acronym, fieldset, img {
    border: 0
}

legend {
    color: #000
}

input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    padding: 0
}

select, select option {
    padding: 0
}

ol, ul {
    list-style: none
}

audio, canvas, img, video {
    vertical-align: middle
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: 0
}

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

button {
    cursor: pointer
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

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

body, html {
    height: 100%
}

body {
    position: relative;
    min-width: 1000px;
    min-height: 630px
}

.wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 100%
}

.container {
    position: relative;
    box-sizing: border-box;
    min-width: 980px;
    max-width: 1280px;
    margin: 0 auto;
    padding-right: 10px;
    padding-left: 10px
}

.page-content-block {
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 100%
}

.page-content-block-in {
    display: table;
    width: 100%;
    height: 100%
}

.page-content {
    display: table-cell;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 55px;
    vertical-align: top
}

.page-content-in {
    min-height: 445px;
    margin-top: 20px;
    margin-bottom: 20px
}

.page-content-in .container {
    padding-right: 24px;
    padding-left: 24px
}

.double-column .column {
    float: left;
    width: 45%;
    margin-left: 10%
}

.double-column .column:first-child {
    margin-left: 0
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

.career-city-list__item, .career-vacancies-list__item, .case-tabs-nav__item, .facebook, .input, .linkedin, .new-text-place--active .service-action-element--standby:after, .news-nav a, .news-nav a:before, .pager__link, .popup-close, .rslides_nav, .services-list-item__title, .textarea, .transition-third-sec, .twitter, a {
    transition: all .3s ease
}

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

.clearfix:after {
    clear: both
}

.button {
    font: 14px/35px FuturaFuturisLightC, sans-serif;
    display: inline-block;
    box-sizing: border-box;
    min-width: 174px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: none;
    background: #b0afaf;
    background: linear-gradient(to bottom, #b0afaf 0, #a09f9f 100%)
}

.button--active {
    background: #838181;
    background: linear-gradient(to bottom, #838181 0, #686666 100%)
}

.button--active:hover {
    background: #686666;
    background: linear-gradient(to bottom, #686666 0, #838181 100%)
}

.button--active:active {
    background: #838181;
    background: linear-gradient(to bottom, #838181 0, #686666 100%)
}

.input, .textarea {
    font-family: SegoeUI, sans-serif;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #e5ebeb;
    background: #fff;
    box-shadow: inset 6px 6px 6px -3px rgba(0, 0, 0, .04)
}

.input:focus, .textarea:focus {
    border-color: #b4d2d2
}

.input--error, .input--error:focus, .textarea--error, .textarea--error:focus {
    border-color: #f2989b
}

.input {
    line-height: 25px;
    height: 25px;
    padding: 0 10px
}

.textarea {
    height: 130px;
    padding: 5px 10px
}

.input--with_icon, .textarea--with_icon {
    padding-left: 40px
}

input::-webkit-input-placeholder {
    font-style: italic;
    color: #707070
}

input::-moz-placeholder {
    font-style: italic;
    color: #707070
}

input:-ms-input-placeholder {
    font-style: italic;
    color: #707070
}

textarea::-webkit-input-placeholder {
    font-style: italic;
    color: #707070
}

textarea::-moz-placeholder {
    font-style: italic;
    color: #707070
}

textarea:-ms-input-placeholder {
    font-style: italic;
    color: #707070
}

input:focus::-webkit-input-placeholder {
    transition: all 1s .2s ease;
    text-indent: -100%;
    opacity: 0
}

input:focus::-moz-placeholder {
    opacity: 0
}

input:focus:-ms-input-placeholder {
    opacity: 0
}

textarea:focus::-webkit-input-placeholder {
    transition: text-indent 1s .2s ease;
    text-indent: -100%
}

textarea:focus::-moz-placeholder {
    opacity: 0
}

textarea:focus:-ms-input-placeholder {
    opacity: 0
}

body {
    font: 13px/18px FuturaFuturisLightC, sans-serif;
    color: #000
}

a {
    text-decoration: none;
    color: #d72229
}

a:hover {
    text-decoration: underline
}

.list, .markered-list, .table, p {
    margin-bottom: 10px
}

.list:last-child, .markered-list:last-child, .table:last-child, p:last-child {
    margin-bottom: 0
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: FuturaFuturisC, sans-serif;
    color: #2a353b
}

.h1, h1 {
    font-size: 41px;
    line-height: 32px;
    margin-top: 55px;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase
}

.h2, h2 {
    font-size: 27px;
    line-height: 28px
}

.h3, h3 {
    font-size: 24px;
    line-height: 24px
}

.action-element {
    cursor: pointer
}

.action-element:after {
    display: inline-block;
    width: 12px;
    height: 13px;
    margin-left: 10px;
    content: '';
    cursor: pointer;
    white-space: nowrap;
    background: url(../images/sprite.png) -5px -222px no-repeat
}

.action-element:hover {
    text-decoration: none
}

.action-element:hover .action-element__text {
    border-bottom: 1px dashed #d72229
}

.action-element:hover:after {
    background-position: -5px -245px
}

.markered-list {
    font-size: 15px
}

.markered-list--big_text {
    font-size: 18px
}

.markered-list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px
}

.markered-list li:before {
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 10px;
    height: 1px;
    content: '';
    background-color: #d72229
}

.red {
    color: #d72229
}

.bold {
    font-weight: 700
}

.normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb45 {
    margin-bottom: 45px
}

.mb50 {
    margin-bottom: 50px
}

.mb55 {
    margin-bottom: 55px
}

.mb60 {
    margin-bottom: 60px
}

.mb65 {
    margin-bottom: 65px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.hide {
    display: none
}

.shade {
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    background: rgba(0, 0, 0, .5)
}

.popup-open {
    width: auto;
    margin-right: 17px
}

.popup-open body {
    overflow: hidden !important
}

.popup-open .footer, .popup-open .header {
    padding-right: 17px
}

.popup-block {
    position: fixed;
    z-index: 4;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: visible;
    width: 100%;
    height: 100%
}

.popup {
    position: absolute;
    z-index: 4;
    top: 0;
    right: -100%;
    left: auto;
    display: none;
    width: 50%;
    min-width: 740px;
    height: 100%;
    background: #f8f8f8;
    box-shadow: 0 0 122px 0 rgba(74, 88, 108, .54)
}

.popup .page-content-in {
    margin: 0
}

.full-screen-popup {
    position: absolute;
    z-index: 4;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    height: 100%
}

.full-screen-popup .popup-container {
    position: relative;
    box-sizing: border-box;
    min-width: 980px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 140px 80px 45px
}

.popup-container {
    position: relative;
    box-sizing: border-box;
    padding-right: 13.5%;
    padding-left: 13.5%
}

.popup-close {
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 50px;
    width: 28px;
    height: 28px;
    border: none;
    background-color: transparent;
    background-image: url(../images/icons/svg/popup-close.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 23px 23px
}

.popup-close:hover {
    background-size: 28px 28px
}

.popup-close--service {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle
}

body {
    background: url(../images/backgrounds/big-bg.jpg) center 0/cover no-repeat #f2f2f2
}

.page-404 {
    background: url(../images/backgrounds/404-bg.jpg) center 0/cover no-repeat #f2f2f2
}

.header {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    padding: 1px 0 0;
    background-color: #fff
}

.logo {
    position: relative;
    float: left;
    width: 223px;
    height: 42px;
    margin-top: 15px;
    outline: 0
}

.logo span {
    position: relative;
    display: block;
    overflow: hidden;
    width: 223px;
    height: 42px
}

.logo__image {
    position: relative;
    top: -55px;
    left: -75px
}

.main-menu {
    font-family: SegoeUI, sans-serif;
    font-size: 0;
    position: relative;
    margin-left: 223px;
    padding-top: 30px;
    text-align: right
}

.main-menu__item {
    font-size: 15.26px;
    display: inline-block;
    margin-left: 4.14%
}

.main-menu__item:first-child {
    margin-left: 0
}

.main-menu__item--big_indent {
    margin-left: 5.3%
}

.main-menu__link {
    text-decoration: none;
    color: #2a353b
}

.main-menu__link.active, .main-menu__link:hover {
    text-decoration: none;
    color: #d72229
}

.features-text-block {
    float: left;
    width: 38%
}

.features-text-block__title {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 41px;
    margin-bottom: 10px
}

.features-text-block__title .big-text {
    line-height: 40px;
    display: block
}

.features-text-block__title .big-text .action-element {
    cursor: text
}

.features-text-block__title .big-text .action-element:after {
    display: none
}

.features-text-block__title .small-text {
    font-size: 27px;
    line-height: 20px
}

.features-list-block {
    float: right;
    max-width: 53%;
    min-width: 530px
}

.features-list:after, .features-list:before {
    display: table;
    content: ''
}

.features-list:after {
    clear: both
}

.features-list__item {
    float: right;
    width: 280px;
    height: 125px;
    margin-bottom: 20px;
    margin-right: 20px
}

.features-list__item--odd {
    float: left;
    margin-right: 0
}

.features-list__title {
    margin-bottom: 10px;
    padding-top: 5px;
    cursor: pointer
}

.features-list__title:hover .action-element:after {
    background-position: -5px -245px
}

.features-list__text {
    font-size: 19px;
    line-height: 25px;
    box-sizing: border-box;
    width: 235px;
    margin: 0;
    padding: 10px 5px 0;
    color: #2a353b;
    border-top: 1px solid #d72229
}

.features-list__description {
    display: none
}

.we-do-block {
    margin-top: 30px
}

.we-do {
    position: relative;
    float: right;
    box-sizing: border-box;
    width: 355px;
    margin-right: 62px;
    padding: 0 10px;
    text-align: center
}

.rslides {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.rslides li {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    -webkit-backface-visibility: hidden
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left
}

.rslides_nav {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 29px;
    margin-top: -14px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px 26px
}

.rslides_nav:hover {
    background-size: 12px 29px
}

.rslides_nav.prev {
    left: 0;
    background-image: url(../images/icons/svg/arrow-left.svg)
}

.rslides_nav.next {
    right: 0;
    background-image: url(../images/icons/svg/arrow-right.svg)
}

.cases-list-row {
    text-align: center
}

.cases-list-row + .cases-list-row {
    margin-top: 100px
}

.cases-list-item {
    display: inline-block;
    width: 264px;
    margin: 0 5.5%
}

.cases-list-item__image {
    display: block;
    width: 264px;
    height: 84px;
    transition: none;
    text-decoration: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center 0
}

.cases-list-item__image:hover {
    background-position: center 100%
}

.cases-list-item__years {
    font-size: 17px;
    color: #a2a2a2
}

.case-detail {
    color: #2a353b
}

.case-detail__title {
    margin-bottom: 15px
}

.case-detail__years {
    font-size: 21px;
    margin-bottom: 60px;
    text-align: center;
    line-height: 30px;

}

.case-detail__left-block, .case-detail__right-block {
    width: 49.5%
}

.case-detail__left-block {
    float: left
}

.case-detail__right-block {
    float: right
}

.case-detail__const-subtitle, .case-detail__subtitle {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 35px;
    line-height: 30px;
    margin-bottom: 25px;
    color: #d72229
}

.case-tabs-nav {
    font-size: 16px;
    display: none;
    margin-bottom: 30px;
    text-align: center
}

.case-tabs-nav__item {
    position: relative;
    float: left;
    margin-right: 8%;
    padding: 0 14px;
    cursor: pointer
}

.case-tabs-nav__item--active {
    color: #d72229
}

.case-tabs-nav__item--active:after, .case-tabs-nav__item--active:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 6px;
    height: 12px;
    margin-top: -6px;
    content: ''
}

.case-tabs-nav__item--active:before {
    left: 0;
    background: url(../images/icons/svg/small-arrow-to-right.svg) no-repeat
}

.case-tabs-nav__item--active:after {
    right: 0;
    background: url(../images/icons/svg/small-arrow-to-left.svg) no-repeat
}

.case-tabs-nav__item:hover {
    color: #d72229
}

.case-tab + .case-tab {
    margin-top: 100px
}

.case-detail-features {
    font-size: 14px
}

.case-detail-features td {
    padding: 5px 0
}

.case-detail-features__name {
    font-family: FuturaFuturisC, sans-serif
}

.review-author {
    line-height: 16px;
    float: left;
    box-sizing: border-box;
    width: 41.62%;
    padding-right: 3.28%;
    color: #000
}

.review-text {
    font-family: arial, sans-serif;
    font-size: 11px;
    font-style: italic;
    line-height: 16px;
    float: left;
}

.case-detail-list {
    font-size: 19px;
    line-height: 22px
}

.case-detail-list li {
    position: relative;
    margin-bottom: 10px;
    line-height: initial;
    padding-left: 20px
}

.case-detail-list li:before {
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 10px;
    height: 1px;
    content: '';
    background-color: #d72229
}

.year-block {
    position: relative;
    padding-top: 4px
}

.year-block + .year-block {
    padding-top: 17px
}

.year {
    font-size: 14px;
    position: relative;
    z-index: 1;
    float: left;
    width: 52px;
    cursor: pointer;
    text-align: right;
    color: #2a353b
}

.year:hover {
    color: #d72229
}

.year:hover:after {
    background: url(../images/sprite.png) -5px -598px no-repeat
}

.year:active:after {
    background: url(../images/sprite.png) -5px -565px no-repeat
}

.year:after {
    position: absolute;
    top: -4px;
    right: -30px;
    left: auto;
    display: block;
    width: 17px;
    height: 23px;
    content: '';
    background: url(../images/sprite.png) -5px -565px no-repeat
}

.year--open {
    font-family: FuturaFuturisC, sans-serif;
    font-size: 21px;
    color: #d72229
}

.year--open:after, .year--open:hover:after {
    background: url(../images/sprite.png) -5px -631px no-repeat
}

.year-content {
    display: none;
    margin-left: 52px;
    padding-left: 48px
}

.year-content--active {
    display: block
}

.year-vertical-line {
    position: absolute;
    top: 0;
    left: 73px;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #f7979b
}

.month-block {
    padding-top: 30px
}

.month {
    font-size: 17px;
    line-height: 17px;
    position: relative;
    display: inline-block;
    color: #d72229
}

.month a {
    color: #d72229
}

.month a:hover {
    text-decoration: none;
    color: #ff4845;
    border-bottom: 1px dashed #ff4845
}

.month a:active {
    color: #d72229;
    border-bottom: none
}

.month:before {
    position: absolute;
    top: 1px;
    left: -32px;
    display: block;
    width: 12px;
    height: 17px;
    content: '';
    background: url(../images/sprite.png) -5px -314px no-repeat
}

.month--full:before {
    background: url(../images/sprite.png) -5px -341px no-repeat
}

.month--full:hover:before {
    background: url(../images/sprite.png) -5px -368px no-repeat
}

.month--full:active:before {
    background: url(../images/sprite.png) -5px -341px no-repeat
}

.month--open:before {
    background: url(../images/sprite.png) -5px -395px no-repeat
}

.month--open:hover:before {
    background: url(../images/sprite.png) -5px -422px no-repeat
}

.month--open:active:before {
    background: url(../images/sprite.png) -5px -395px no-repeat
}

.month-content {
    display: none
}

.month-content--open {
    display: block
}

.case-events {
    font-family: SegoeUI, sans-serif;
    font-size: 12px;
    margin-top: 15px
}

.case-events .event {
    position: relative;
    padding-left: 20px
}

.case-events .event:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 1px;
    content: '';
    background: url(../images/sprite.png) -5px -77px no-repeat
}

.case-events .event--full:before {
    top: 6px;
    height: 10px;
    background: url(../images/sprite.png) -5px -88px no-repeat
}

.case-events .event--open:before {
    height: 27px;
    background: url(../images/sprite.png) -5px -107px no-repeat
}

.case-events .event + .event {
    margin-top: 10px
}

.case-events .event-opener {
    font-weight: 700;
    margin-bottom: 0
}

.case-events .event-opener a {
    color: #2a353b
}

.case-events .event-opener a:hover {
    text-decoration: none;
    color: #d72229
}

.case-events .event-content {
    display: none;
    padding-left: 20px
}

.services-left-block {
    float: left;
    width: 44.21%
}

.services-list-item__title-block {
    margin-bottom: 15px
}

.services-list-item__title {
    display: inline-block;
    cursor: pointer
}

.services-list-item__title:hover {
    color: #d72229
}

.services-list-item__title--big {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 37px;
    line-height: 36px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d72229
}

.services-list-item__title--small {
    padding-left: 25px
}

.services-list-item__text {
    font-size: 14px
}

.services-list-item__text--in_services_list {
    margin-top: 20px;
    padding-left: 25px
}

.services-list-item + .services-list-item {
    margin-top: 60px
}

.services-list .services-list-item__text--in_services_list {
    display: none
}

.service-action-element {
    position: relative
}

.service-action-element--standby:before {
    position: absolute;
    top: 10px;
    left: -25px;
    display: inline-block;
    width: 12px;
    height: 12px;
    content: '';
    cursor: pointer;
    white-space: nowrap;
    background: url(../images/sprite.png) -5px -268px no-repeat
}

.services-right-block {
    float: right;
    width: 45.15%
}

.statistic-block {
    margin-top: 60px
}

.statistic {
    position: relative;
    float: right;
    box-sizing: border-box;
    width: 390px;
    margin-right: 50px;
    padding: 0 30px;
    text-align: right;
    color: #000
}

.statistic__text {
    font-family: FuturaFuturisC, sans-serif;
    font-size: 17px;
    line-height: 20px
}

.service-popup {
    background: url(../images/backgrounds/services-popup-bg.png) center 0 no-repeat
}

.service-detail .h1 {
    margin-top: 0
}

.service-detail__title {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 45px;
    line-height: 38px;
    margin-bottom: 50px;
    text-transform: none
}

.service-detail__left-block {
    float: left;
    width: 48%
}

.service-detail__right-block {
    float: right;
    width: 43%
}

.service-features-block {
    padding-left: 40px;
    border-left: 1px solid #d72229
}

.service-features-block__title {
    margin-bottom: 10px
}

.service-features-block__text {
    margin-bottom: 20px
}

.service-features-block + .service-features-block {
    margin-top: 90px
}

.service-feature {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding-right: 5%
}

.service-feature__title {
    font-family: FuturaFuturisC, sans-serif;
    font-size: 21px;
    margin-bottom: 5px;
    color: #d72229
}

.service-feature__text {
    font-size: 18px
}

.variable-area {
    position: relative
}

.variable-area--open:after {
    position: absolute;
    z-index: -2;
    top: auto;
    bottom: -158px;
    left: -40px;
    width: 100%;
    height: 750px;
    content: '';
    background: url(../images/backgrounds/services-variable-area-bg.png) 0 100%/100% auto no-repeat
}

.variable-area--open .services-list-item {
    margin-top: 0;
    margin-bottom: 30px
}

.variable-area--open .services-list .services-list-item__title {
    font-size: 18px;
    opacity: .58
}

.variable-area--open .services-list .services-list-item__title:hover {
    opacity: 1;
    color: #2a353b
}

.new-text-place--active {
    height: 160px
}

.new-text-place--active .red, .new-text-place--active .services-list-item__title:hover {
    color: #2a353b
}

.new-text-place--active .service-action-element--standby:before {
    display: none
}

.new-text-place--active .service-action-element--standby:after {
    display: inline-block;
    width: 17px;
    height: 17px;
    padding-left: 10px;
    content: '';
    cursor: pointer;
    white-space: nowrap;
    background-color: transparent;
    background-image: url(../images/icons/svg/popup-close.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 14px 14px
}

.new-text-place--active .services-list-item__title:hover .service-action-element--standby:after {
    background-size: 17px 17px
}

.variable-area-helper {
    position: relative;
    z-index: 1
}

.all-news-block {
    font-size: 17px;
    height: 105px;
    margin-bottom: 0;
    text-align: center
}

.all-news-block__link {
    text-decoration: none;
    color: #d12a2a
}

.all-news-block__link:hover {
    text-decoration: underline
}

.all-news-block__link:active {
    text-decoration: none
}

.last-news {
    margin: 0 auto 105px;
    text-align: center
}

.last-news--on_page {
    width: 74.3%;
    margin-bottom: 80px
}

.last-news--on_page .last-news__title {
    font-size: 28px;
    margin-bottom: 10px
}

.last-news__title {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 35px;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: none;
    color: #d72229
}

.last-news__announce {
    font-size: 16px;
    margin-bottom: 18px
}

.last-news__date {
    font-size: 14px;
    color: #d12a2a
}

.news-detail {
    font-size: 14px
}

.news-row + .news-row {
    margin-top: 45px
}

.news-item {
    float: left;
    width: 29.71%;
    margin-left: 5.4%
}

.news-item:first-child {
    margin-left: 0
}

.news-item__title {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 19px;
    margin-bottom: 10px
}

.news-item__title a:hover {
    text-decoration: underline
}

.news-item__title a:active {
    text-decoration: none
}

.news-item__announce {
    font-size: 14px
}

.news-item__date {
    font-size: 14px;
    color: #d12a2a
}

.archive-nav-block {
    height: 105px
}

.archive-nav {
    font-size: 0;
    margin-bottom: 10px;
    text-align: center
}

.archive-nav__item {
    font-size: 14px;
    display: inline
}

.archive-nav a {
    color: #2a353b
}

.archive-nav a:hover {
    text-decoration: none;
    color: #d72229
}

.archive-nav__item--active a {
    color: #d72229
}

.archive-nav--months {
    font-family: FuturaFuturisC, sans-serif
}

.archive-nav--months .archive-nav__item {
    margin: 0 10px
}

.archive-nav--months .archive-nav__item--active a {
    font-family: FuturaFuturisC, sans-serif
}

.archive-nav--years .archive-nav__item {
    margin: 0 6px
}

.archive-nav--years .archive-nav__item a {
    position: relative;
    padding: 0 16px
}

.archive-nav--years .archive-nav__item--active a:after, .archive-nav--years .archive-nav__item--active a:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 6px;
    height: 12px;
    margin-top: -7px;
    content: ''
}

.archive-nav--years .archive-nav__item--active a:before {
    left: 0;
    background: url(../images/icons/svg/small-arrow-to-right.svg) no-repeat
}

.archive-nav--years .archive-nav__item--active a:after {
    right: 0;
    background: url(../images/icons/svg/small-arrow-to-left.svg) no-repeat
}

.news-nav {
    font-size: 15px;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 12px;
    left: 0;
    text-align: center
}

.news-nav a {
    line-height: 29px;
    position: relative;
    display: inline-block;
    margin: 0 18px
}

.news-nav a:hover .news-nav__text {
    text-decoration: underline
}

.news-nav a:hover:before {
    background-size: 12px 29px
}

.news-nav a:before {
    position: absolute;
    top: 0;
    width: 12px;
    height: 29px;
    content: '';
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 10px 26px
}

.news-nav__prev {
    padding-left: 38px
}

.news-nav__prev:before {
    left: 0;
    background-image: url(../images/icons/svg/arrow-left.svg)
}

.news-nav__next {
    padding-right: 38px
}

.news-nav__next:before {
    right: 0;
    background-image: url(../images/icons/svg/arrow-right.svg)
}

.pager {
    margin-top: 140px;
    text-align: center
}

.pager__item {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 3px;
    margin-left: 3px;
    padding-top: 4px;
    vertical-align: middle
}

.pager__item--active {
    padding: 0
}

.pager__item--arrow {
    width: 10px;
    height: 29px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0
}

.pager__link {
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: top;
    background-color: #dbd9dd
}

.pager__link:hover {
    background-color: #d72229
}

.pager__link--active {
    width: 9px;
    height: 9px;
    background-color: #d72229
}

.pager__link--arrow {
    width: 12px;
    height: 29px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px 26px
}

.pager__link--arrow:hover {
    background-color: transparent;
    background-size: 12px 29px
}

.pager__link--arrow_prev {
    background-image: url(../images/icons/svg/arrow-left.svg)
}

.pager__link--arrow_next {
    background-image: url(../images/icons/svg/arrow-right.svg)
}

.news-popup {
    background: url(../images/backgrounds/news-popup-bg.png) 0 100%/100% auto no-repeat;
    background-position: top;
    background-color: white;
}

.news-popup .popup-close {
    top: 34px
}

.career-left-block {
    float: left;
    width: 57%
}

.career-title {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 37px;
    margin-bottom: 20px
}

.career-text {
    font-size: 16px;
    margin-bottom: 50px;
    color: #000
}

.career-features__item {
    display: inline-block;
    width: 46.3%;
    margin-bottom: 35px;
    vertical-align: top
}

.career-features__item--odd {
    margin-right: 6.5%
}

.career-features__title {
    font-size: 24px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #db3e45
}

.career-right-block {
    float: right;
    width: 38.53%
}

.career-city-list {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: left;
}

.career-city-list__item {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    cursor: pointer
}

.career-city-list__item--active {
    color: #d72229
}

.career-city-list__item--active:after, .career-city-list__item--active:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 6px;
    height: 12px;
    margin-top: -6px;
    content: ''
}

.career-city-list__item--active:before {
    left: 0;
    background: url(../images/icons/svg/small-arrow-to-right.svg) no-repeat
}

.career-city-list__item--active:after {
    right: 0;
    background: url(../images/icons/svg/small-arrow-to-left.svg) no-repeat
}

.career-city-list__item:hover {
    color: #d72229
}

.career-vacancies-block {
    display: none
}

.career-vacancies-block--active {
    display: block
}

.career-no-vacancy {
    font-size: 17px;
    margin-bottom: 30px;
    padding: 20px 0;
    border-top: 1px solid #d72229;
    border-bottom: 1px solid #d72229
}

.send-resume {
    font-family: FuturaFuturisC, sans-serif;
    font-size: 25px;
    color: #d72229
}

.send-resume-decor {
    width: 325px;
    padding: 30px 0 10px;
    border-top: 1px solid #d72229
}

.send-resume-decor--popup {
    height: 50px
}

.career-vacancies-list {
    font-family: FuturaFuturisC, sans-serif;
    font-size: 25px;
    margin-top: 45px;
    color: #2a353b
}

.career-vacancies-list__item {
    line-height: 25px;
    position: relative;
    margin-bottom: 25px;
    padding-left: 30px;
    color: #2a353b
}

.career-vacancies-list__item:before {
    position: absolute;
    top: 50%;
    left: 8px;
    width: 8px;
    height: 1px;
    content: '';
    background-color: #d72229
}

.career-vacancies-list__item:hover {
    color: #d72229
}

.resume-send-form {
    text-align: center
}

.resume-send-form__title {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 35px;
    line-height: 38px;
    margin-bottom: 140px;
    text-transform: none;
    color: #d72229
}

.resume-send-form__row {
    margin-bottom: 30px
}

.resume-send-form__label {
    font-size: 17px;
    display: block;
    margin-bottom: 10px
}

.resume-send-form__input {
    width: 292px;
    text-align: center
}

.career-popup {
    background: url(../images/backgrounds/career-popup-bg.png) 100% 100% no-repeat #f8f8f8
}

.vacancy-detail__title {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 35px;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: none;
    color: #d72229
}

.vacancy-detail__sub-title {
    font-size: 20px;
    margin-bottom: 10px
}

.contacts-city {
    font-size: 15px;
    margin-bottom: 70px;
    text-align: center
}

.contacts-city__item {
    display: inline;
    margin: 0 22px
}

.contacts-city__item a {
    position: relative;
    padding: 0 16px;
    color: #2a353b
}

.contacts-city__item a:hover {
    text-decoration: none;
    color: #d72229
}

.contacts-city__item--active a {
    color: #d72229
}

.contacts-city__item--active a:after, .contacts-city__item--active a:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 6px;
    height: 12px;
    margin-top: -6px;
    content: ' '
}

.contacts-city__item--active a:before {
    left: 0;
    background: url(../images/icons/svg/small-arrow-to-right.svg) no-repeat
}

.contacts-city__item--active a:after {
    right: 0;
    background: url(../images/icons/svg/small-arrow-to-left.svg) no-repeat
}

.city-features {
    margin-bottom: 25px;
    text-align: center
}

.city-features__item {
    font-size: 15px;
    display: inline-block;
    box-sizing: border-box;
    min-height: 95px;
    margin-left: 6.5%;
    padding-left: 2.5%;
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #db3e45
}

.city-features__item:first-child {
    margin-left: 0
}

.city-features__title {
    font-family: FuturaFuturisC, sans-serif;
    font-size: 17px
}

.city-features__phone {
    color: #000
}

.map {
    width: 100%;
    height: 450px
}

.page-404__title {
    font-size: 62px;
    line-height: 52px;
    margin-top: 150px;
    margin-bottom: 40px;
    text-align: center;
    color: #d5d6d7
}

.page-404__text {
    font-family: FuturaFuturisC, sans-serif;
    font-size: 41px;
    line-height: 40px;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #2a353b
}

.page-404__small-text {
    font-family: FuturaFuturisC, sans-serif;
    font-size: 21px;
    text-align: center;
    color: #2a353b
}

.page-404 .footer, .page-404 .header {
    background: 0 0;
    box-shadow: none
}

.footer {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    padding-top: 12px;
    background-color: #fff
}

.social-links {
    font-size: 0;
    float: left
}

.social-links__item {
    display: inline-block;
    margin-right: 12px;
    text-decoration: none
}

.social-links__item:hover .facebook, .social-links__item:hover .linkedin, .social-links__item:hover .twitter {
    fill: #7c7c7c
}

.copyright {
    font-family: SegoeUI, sans-serif;
    margin-left: 210px;
    padding-top: 7px;
    color: #999
}

.icon {
    position: relative
}

.facebook, .linkedin, .twitter {
    width: 29px;
    height: 29px;
    fill: #9b9b9b
}

@media screen and (max-height: 1000px) {
    .map {
        height: 400px
    }
}

@media screen and (max-height: 960px) {
    .pager {
        margin-top: 30px
    }

    .map {
        height: 300px
    }
}

@media screen and (max-height: 900px) {
    .last-news--on_page {
        margin-bottom: 40px
    }

    .all-news-block, .archive-nav-block {
        height: 65px
    }

    .case-tab + .case-tab {
        margin-top: 50px
    }
}

@media screen and (max-height: 860px) {
    .map {
        height: 200px
    }

    .resume-send-form__title {
        margin-bottom: 40px
    }

    .services-list-item--primary + .services-list-item--primary {
        margin-top: 20px
    }

    .cases-list-row + .cases-list-row {
        margin-top: 50px
    }
}

@media screen and (max-height: 820px) {
    .news-row + .news-row {
        margin-top: 20px
    }
}

@media screen and (max-height: 800px) {
    .h1, h1 {
        margin-top: 10px
    }

    .news-item__announce {
        display: none
    }

    .case-tab + .case-tab {
        margin-top: 20px
    }
}

@media screen and (max-height: 768px) {
    .contacts-city {
        margin-bottom: 40px
    }

    .city-features {
        margin-bottom: 20px
    }

    .map {
        height: 150px
    }

    .jq-file {
        margin-bottom: 105px
    }

    .jq-file.changed {
        height: 140px;
        margin-bottom: 0
    }

    .jq-file.changed .jq-file__name {
        height: 140px;
        padding-top: 110px;
        background-position: 50% 40px
    }

    .statistic-block {
        display: none
    }

    .case-tab + .case-tab {
        margin-top: 0 !important
    }

    .case-tabs-nav {
        display: block
    }

    .case-tab {
        display: none
    }

    .case-tab--active {
        display: block
    }

    .last-news {
        margin-bottom: 35px
    }
}

@media screen and (max-height: 768px) {
    .career-features__text {
        display: none
    }

    .cases-list-row + .cases-list-row {
        margin-top: 10px
    }
}

@media screen and (max-width: 1279px) {
    .h1, h1 {
        font-size: 34px !important;
        margin-top: 10px !important;
    }

    .markered-list--big_text {
        font-size: 15px
    }

    .main-page-title {
        font-size: 31px
    }

    .features-text-block__title .big-text {
        font-size: 34px
    }

    .features-text-block__title .small-text {
        font-size: 22px
    }

    .features-text-block__description {
        font-size: 12px
    }

    .features-list__item {
        margin-bottom: 5px
    }

    .features-list__title {
        font-size: 18px
    }

    .features-list__text {
        font-size: 16px;
        line-height: 18px
    }

    .we-do h2 {
        font-size: 18px;
        line-height: 19px
    }

    .services-list-item__title-block {
        margin-bottom: 5px
    }

    .services-list-item__title--big {
        font-size: 29px;
        padding-bottom: 5px
    }

    .services-list-item__title--small {
        font-size: 20px;
        line-height: 20px
    }

    .services-list-item__text {
        font-size: 13px
    }

    .service-detail__title {
        font-size: 37px
    }

    .service-features-block__title {
        font-size: 20px
    }

    .service-features-block__text {
        font-size: 12px
    }

    .service-feature__title {
        font-size: 18px
    }

    .service-feature__text {
        font-size: 16px;
        line-height: 15px
    }

    .all-news-block {
        font-size: 14px
    }

    .archive-nav {
        font-size: 12px
    }

    .last-news__title {
        font-size: 30px
    }

    .last-news--on_page .last-news__title {
        font-size: 24px;
        line-height: 32px
    }

    .last-news--on_page .last-news__announce, .last-news--on_page .last-news__date {
        font-size: 12px
    }

    .last-news__announce {
        font-size: 14px
    }

    .news-item__title {
        font-size: 17px
    }

    .news-item__announce, .news-item__date {
        font-size: 12px
    }

    .news-nav {
        font-size: 13px
    }

    .career-title {
        font-size: 32px
    }

    .career-text {
        font-size: 13px
    }

    .career-features__title, .career-vacancies-list {
        font-size: 20px
    }

    .career-vacancies-list {
        margin-top: 40px
    }

    .career-city-list {
        font-size: 12px
    }

    .career-no-vacancy {
        font-size: 14px
    }

    .send-resume {
        font-size: 21px
    }

    .resume-send-form__title, .vacancy-detail__title {
        font-size: 30px
    }

    .resume-send-form__label {
        font-size: 15px
    }

    .city-features__item, .contacts-city {
        font-size: 13px;
        line-height: 15px
    }

    .city-features__title {
        font-size: 15px
    }

    .case-tabs-nav {
        font-size: 13px
    }

    .cases-list-item {
        margin: 0 2.5%
    }

    .case-detail__subtitle {
        font-size: 21px
    }

    .pager__item--arrow {
        height: 26px
    }

    .pager__link--arrow {
        width: 10px;
        height: 26px;
        background-size: 8px 22px
    }

    .pager__link--arrow:hover {
        background-size: 10px 26px
    }

    .services-list-item__text--in_services_list {
        max-width: 269px;
    }
}

@media screen and (max-width: 1279px) and (max-height: 1080px) {
    .pager {
        margin-top: 30px
    }
}

@media screen and (max-width: 1279px) and (max-height: 1050px) {
    .news-row + .news-row {
        margin-top: 20px
    }
}

@media screen and (max-width: 1279px) and (max-height: 1024px) {
    .last-news--on_page {
        margin-bottom: 40px
    }

    .all-news-block, .archive-nav-block {
        height: 65px
    }
}

@media screen and (max-width: 1279px) and (max-height: 940px) {
    .statistic-block {
        display: none
    }
}

@media screen and (max-width: 1279px) and (max-height: 900px) {
    .news-item__announce {
        display: none
    }
}

@media screen and (max-height: 768px) {
    .career-features__text {
        display: none
    }
}

@media screen and (max-width: 1279px) and (max-height: 800px) {
    .services-list-item--primary + .services-list-item--primary {
        margin-top: 30px
    }
}

@media screen and (max-width: 1279px) and (max-height: 768px) {
    .last-news--on_page {
        margin-bottom: 20px
    }

    .last-news__announce {
        display: none
    }

    .service-features-block + .service-features-block {
        margin-top: 35px
    }
}

.jq-file {
    display: block !important;
    width: 174px;
    height: 35px;
    margin: 0 auto 180px
}

.jq-file input {
    font-size: 150px;
    line-height: 1em;
    width: 180px !important;
    height: 100px;
    cursor: default
}

.jq-file__name {
    font: 17px/30px FuturaFuturisLightC, sans-serif;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000
}

.jq-file.changed {
    height: 215px;
    margin-bottom: 0
}

.jq-file.changed .jq-file__name {
    height: 260px;
    padding-top: 160px;
    background: url(../images/icons/file-icon-all-format.png) 50% 85px no-repeat
}

.jq-file__browse {
    font: 14px/35px FuturaFuturisLightC, sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 174px;
    height: 35px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #d86485;
    background: #cd383d;
    background: linear-gradient(to bottom, #cd383d 0, #b21d23 100%)
}

.jq-file:hover .jq-file__browse {
    background: #b21d23;
    background: linear-gradient(to bottom, #b21d23 0, #cd383d 100%)
}

.jq-file:active .jq-file__browse {
    background: #cd383d;
    background: linear-gradient(to bottom, #cd383d 0, #b21d23 100%)
}

.jq-file.disabled .jq-file__name {
    color: #000
}

.jq-file.disabled, .jq-file.disabled .jq-file__browse {
    color: #888;
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none
}

body, html {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

#superContainer {
    position: relative;
    height: 100%;
    -ms-touch-action: none;
    touch-action: none
}

.fp-section {
    position: relative;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

.fp-slide, .fp-slidesContainer {
    display: block;
    height: 100%
}

.fp-slides {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
    transition: all .3s ease-out
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    width: 100%;
    table-layout: fixed
}

.fp-tableCell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.fp-slidesContainer {
    position: relative;
    float: left
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -38px;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-style: solid
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}

.fp-scrollable {
    overflow: scroll
}

.fp-notransition {
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    margin-top: -32px;
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1
}

#fp-nav.right {
    right: 17px
}

#fp-nav.left {
    left: 17px
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1
}

.fp-slidesNav.bottom {
    bottom: 17px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li, .fp-slidesNav ul li {
    position: relative;
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px
}

.fp-slidesNav ul li {
    display: inline-block
}

#fp-nav ul li a, .fp-slidesNav ul li a {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
    background: #333
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    border-radius: 50%;
    background: 0 0
}

#fp-nav ul li .fp-tooltip {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    position: absolute;
    top: -2px;
    display: block;
    overflow: hidden;
    width: 0;
    max-width: 220px;
    white-space: nowrap;
    opacity: 0;
    color: #fff
}

#fp-nav ul li:hover .fp-tooltip {
    width: auto;
    transition: opacity .2s ease-in;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 16px;
    height: auto
}

.mCSB_outside + .mCSB_scrollTools {
    left: -41px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    height: 100%;
    margin: 0 auto
}

.mCSB_scrollTools .mCSB_dragger {
    z-index: 1;
    width: 100%;
    height: 30px;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 13px;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 20px;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: 'alpha(opacity=0)';
    -ms-filter: 'alpha(opacity=0)'
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e6e6e6
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #d72229
}

/*developer style*/
.case-slider {
    position: relative;
    padding: 0 23px
}

.close--case {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    margin-bottom: 14px
}

.js-month-content-opener-plus {
    cursor: pointer
}

.markered-list--big_text {
    font-size: 14px
}

.case-detail-list {
    font-size: 14px
}

.review-text {
    display: table-cell;
    float: none;
    height: 200px;
    vertical-align: middle;
    width: 300px;
}

.cases-list-item:hover > p {
    color: #2a353b
}

.service-popup {
    background: url(../images/backgrounds/services-popup-bg.png) no-repeat center bottom;
    background-color: white

}

.js-event-opener {
    cursor: pointer
}

.full-screen-popup-service {
    z-index: 4;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    height: 100%
}

.news-item__title a:hover, .last-news__title a:hover {
    font-weight: bold;
    text-decoration: none
}

.news-detail * {
    font-family: FuturaFuturisLightC, sans-serif !important;
    font-size: 14px !important
}

.fullHeight {
    height: 100%
}

.pager {
    position: absolute;
    bottom: 25px;
    left: 46%
}

.notVisibility {
    visibility: hidden
}

.case-slider {
    height: 200px
}

.case-slider-item {
    height: 200px;
    padding: 0px 26px
}

.review-author {
    display: table-cell;
    float: none;
    height: 200px;
    margin-bottom: 0;
    vertical-align: middle
}

.case-detail__const-subtitle, .case-detail__subtitle {
    margin-bottom: 19px
}

.city-features__item {
    display: table-cell;
    min-height: 121px
}

@media screen and (max-height: 768px) {
    .career-features__title {
        cursor: pointer
    }

    .career-text {
        min-height: 110px
    }
}

.career-features__item--odd {
    margin-right: 2%
}

.career-features__item {
    width: 48%
}

.career-text {
    margin-bottom: 40px
}

.jq-file.changed .jq-file__name {
    width: 466px;
    height: 188px;
    margin-left: -150px
}

.jq-file.changed {
    overflow: visible !important
}

.rslides_nav {
    background-size: 12px 26px
}

.disable {
    color: #2a353b
}

.error_file {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    margin-left: -73px;
    width: 325px;
    font-size: 17px;
    color: #d72229
}

#resume_file-styler {
    overflow: visible !important
}

.city-features.city-features__item--active {
    display: table
}

.city-features {
    display: none
}

.map.city-features__item--active {
    display: block
}

.map {
    display: none
}

.case-tab + .case-tab {
    margin-top: 50px
}

.features-list__item {
    width: 280px;
    float: right
}

.features-list__item--odd {
    float: left
}

@media screen and (max-width: 1160px) {
    .features-list-block {
        max-width: 60%
    }

    .features-list__item {
        width: 277px
    }
}

.rslides_nav {
    width: 13px
}

.statistic__sign {
    font-size: 14px;
    position: absolute;
    top: auto;
    bottom: -30px;
    left: 0;
    width: 100%
}

.city-features__item {
    width: 258px
}

.features-text-block__description div, .features-text-block__description p {
    margin-top: 10px
}

.features-text-block__description .markered-list {
    font: 13px/18px FuturaFuturisLightC, sans-serif
}

.case-detail-features__name {
    width: 90px
}

.main-page h1 {
    font-size: 37px;
    line-height: 32px;
    margin-bottom: 50px;
    text-align: left;
    text-transform: none;
    color: #d72229
}

.vacancy-detail h1 {
    font-family: FuturaFuturisLightC, sans-serif;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 40px;
    text-transform: none;
    color: #d72229;
    font-size: 30px
}

.case-page-title h1 {
    display: inline
}

.case-page-title {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 55px
}

.last-news h1 {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 35px;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: none;
    color: #d72229
}

.service-detail h1 {
    font-family: FuturaFuturisLightC, sans-serif;
    font-size: 45px;
    line-height: 38px;
    margin-bottom: 50px;
    text-transform: none
}

.service-detail .case-page-title {
    margin-bottom: 50px
}

.services-list-item__text--in_services_list {
    max-width: 390px
}

.city-features {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 50px 0
}

.case-slider-quote {
    position: absolute;
    width: 25px;
    height: 19px;
    background: url(../images/icons/quote.png) no-repeat
}

.case-slider-left-quote {
    top: 0;
    left: 25px;
}

.case-slider-right-quote {
    bottom: 0;
    right: 32px;
}

.case-detail__close-container {
    position: relative
}

.close--case {
    position: absolute;
    top: 50%;
    right: -50px;
    left: auto;
    margin-top: -14px;
    vertical-align: middle
}

.case-detail__back-button {
    font-size: 14px;
    position: absolute;
    left: 30px
}

.case-detail__back-button:before {
    display: inline-block;
    width: 13px;
    height: 34px;
    margin-right: 25px;
    content: '';
    vertical-align: middle;
    background: url(../images/icons/svg/arrow-left.svg) 50% 50%/13px 34px no-repeat
}

.briefly .case-tab + .case-tab {
    margin-top: 0 !important
}

.briefly .case-tabs-nav {
    display: block
}

.briefly .case-tab {
    display: none
}

.briefly .case-tab--active {
    display: block
}

.more-link {
  background: url('../images/icons/svg/more-link-arrow.svg') no-repeat 100% 50% transparent;
  padding-right: 25px;
}

.markered-list-small {
    font-size: 13px;
    margin: 0 0 10px;
}

.numbered-list {
    margin: 10px 0 10px;
    list-style-type: decimal;
    padding: 0 0 0 12px;
}

.science-photo-block {
    display: block;
    min-height: 100px;
    padding-left: 130px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}