/* You can add global styles to this file, and also import other style files */
@font-face {
    font-family: sf_ui_displayblack;
    src:  url('../fonts/sf-ui-display-black_0-webfont.woff2');format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: sf_ui_displayheavy;
    src: url('../fonts/sf-ui-display-heavy_0-webfont.woff2');
    format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: sf_ui_textbold;
    src: url('../fonts/sf-ui-text-bold_0-webfont.woff2');format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: fallback;
}
@font-face {
    font-family: sf_ui_textmedium;
    src:url('../fonts/sf-ui-text-medium_0-webfont.woff2');format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}
body,
html {
    background-color: #fafafa;
    color: #474747;
    font-family: sf_ui_textregular, Helvetica, Arial, sans-serif;
    font-size: 17px;
    height: 100%;
    letter-spacing: -0.35px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
}
body::after {
    content: url(/i/preloader-earth.gif?v=1601533278940);
    display: none;
}
.page-loader {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 99;
}
.page-loader .preloader-image {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
html.loaded .page-loader {
    opacity: 0;
    pointer-events: none;
}
html.loaded {
    height: auto;
    overflow-y: visible;
}
a {
    color: inherit;
}
.wrapper {
    margin: 0 auto;
    max-width: 1440px;
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 767px) {
    .wrapper {
        padding-left: 19px;
        padding-right: 19px;
    }
}
.page-wrapper {
    background: #fafafa 0 -222px repeat;
    position: relative;
    z-index: 2;
}
.page-container {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.title {
    font-family: sf_ui_displayheavy, Helvetica, Arial, sans-serif;
    font-size: 66px;
    letter-spacing: -0.4px;
    line-height: 59px;
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .title {
        font-size: 66px;
        line-height: 57px;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .title {
        font-size: 52px;
        line-height: 56px;
    }
}
@media (max-width: 767px) {
    .title {
        font-size: 36px;
        line-height: 38px;
    }
}
.subtitle {
    animation-duration: 0.5s;
    font-family: sf_ui_displayblack, Helvetica, Arial, sans-serif;
    font-size: 34px;
    line-height: 40px;
}
@media (max-width: 767px) {
    .subtitle {
        font-size: 30px;
        line-height: 38px;
    }
}
.animated,
.wow {
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    visibility: hidden;
}
.detect-ipad-canvas {
    display: none;
}
.popup-container {
    opacity: 0;
}
.icon-svg {
    display: inline-block;
    fill-rule: evenodd;
    height: 20px;
    width: 20px;
}
.icon-light {
    fill: #fff;
}
@media (min-width: 1440px) {
    .awards-slider .swiper-awards-container,
    .clients-slider .slider-bg,
    .clients-slider .swiper-container {
        margin-left: -128px;
        margin-right: -128px;
    }
}
@media (min-width: 768px) and (max-width: 1439px) {
    .awards-slider .swiper-awards-container {
        margin-left: -64px;
        margin-right: -64px;
    }
}
.faqMarkup {
    display: none;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    -o-transition-property: transform,height;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s,-webkit-transform .2s;
    transition: top .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s top;
    transition: transform .2s,top .2s;
    transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s,-webkit-transform .2s;
    transition: left .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s left;
    transition: transform .2s,left .2s;
    transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    -o-transition: .2s transform,.2s right;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.ui-datepicker {
    display: none;
    padding: .2em .2em 0;
    width: 17em
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em 0;
    position: relative
}

.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center
}

.ui-datepicker table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0 0 .4em;
    width: 100%
}

.ui-datepicker th {
    border: 0;
    font-weight: 700;
    padding: .7em .3em;
    text-align: center
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-icon {
    background-repeat: no-repeat;
    display: block;
    left: .5em;
    overflow: hidden;
    text-indent: -99999px;
    top: .3em
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif
}

.ui-widget,.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    background: #fff;
    border: 1px solid #ddd;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    background: #e9e9e9;
    border: 1px solid #ddd;
    color: #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    background: #f6f6f6;
    border: 1px solid #c5c5c5;
    color: #454545;
    font-weight: 400
}

.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover {
    background: #ededed;
    border: 1px solid #ccc;
    color: #2b2b2b;
    font-weight: 400
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    background: #007fff;
    border: 1px solid #003eff;
    color: #fff;
    font-weight: 400
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    background-image: none;
    filter: alpha(Opacity=35);
    opacity: .35
}

.ui-icon {
    height: 16px;
    width: 16px
}

/* .ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png?v=30032020163021?v=0110202092124)
}

.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.png?v=30032020163021?v=0110202092124)
} */

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right {
    border-bottom-right-radius: 3px
}

.icon-list-item {
    fill: #fff;
    left: 0;
    position: absolute;
    top: 3px
}

.texture {
    position: relative
}

.texture:before {
    /*background-image: url(/i/texture.png?v=0110202092124);*/
    content: "";
    display: block;
    height: 100%;
    opacity: .4;
    position: absolute;
    width: 100%
}

.element-hidden,.image-hidden {
    display: none
}

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

.clearfix:after {
    clear: both
}

html {
    -ms-text-size-adjust: 100%
}

br {
    content: "";
    display: block
}

@media (min-width: 1500px) {
    br.medium-hide {
        display:none
    }
}

@media (min-width: 1440px) {
    br.mlg-hide {
        display:none
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    br.lg-hide {
        display:none
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    br.md-hide {
        display:none
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    br.sm-hide {
        display:none
    }
}

@media (max-width: 767px) {
    br.xs-hide {
        display:none
    }
}

p {
    margin: 0
}

img {
    vertical-align: top
}

input {
    color: inherit
}

.button,a,div,li {
    -webkit-tap-highlight-color: transparent
}

a {
    outline: 0;
    text-decoration: none
}

.text-link {
    border-bottom: 1px solid transparent;
    color: #0076bd;
    position: relative
}

.text-link.hovered {
    border-bottom-color: #0076bd
}

@-webkit-keyframes fadeInLeftLittle {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-170px);
        transform: translateX(-170px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftLittle {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-170px);
        transform: translateX(-170px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeftXS {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-60px,0,0);
        transform: translate3d(-60px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftXS {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-60px,0,0);
        transform: translate3d(-60px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRightXS {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(15px,0,0);
        transform: translate3d(15px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightXS {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(15px,0,0);
        transform: translate3d(15px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeftImmediate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftImmediate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutLeftImmediate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0)
    }
}

@keyframes fadeOutLeftImmediate {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0)
    }
}

@-webkit-keyframes stretchToFullWidth {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes stretchToFullWidth {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes topicBgFadeLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    99.9% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(210%);
        transform: translateX(210%)
    }
}

@keyframes topicBgFadeLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    99.9% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(210%);
        transform: translateX(210%)
    }
}

@-webkit-keyframes articleBgFadeLeft {
    0% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    99.9% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(55%,0,0);
        transform: translate3d(55%,0,0)
    }
}

@keyframes articleBgFadeLeft {
    0% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }

    99.9% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(55%,0,0);
        transform: translate3d(55%,0,0)
    }
}

@-webkit-keyframes imageFadeLeft {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes imageFadeLeft {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

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

    5% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

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

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

    5% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

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

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes rotate180deg {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg) scale(.1);
        transform: rotate(0deg) scale(.1)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }
}

@keyframes rotate180deg {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0deg) scale(.1);
        transform: rotate(0deg) scale(.1)
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }
}

@-webkit-keyframes rotateReverse180deg {
    0% {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(0deg) scale(.1);
        transform: rotate(0deg) scale(.1)
    }
}

@keyframes rotateReverse180deg {
    0% {
        opacity: 1;
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(0deg) scale(.1);
        transform: rotate(0deg) scale(.1)
    }
}

@-webkit-keyframes pulsation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }

    15% {
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes pulsation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }

    15% {
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes filterMask {
    0% {
        background: transparent
    }

    50% {
        background: #fff
    }

    to {
        background: transparent
    }
}

@keyframes filterMask {
    0% {
        background: transparent
    }

    50% {
        background: #fff
    }

    to {
        background: transparent
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media (prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset!important;
        animation: unset!important;
        -webkit-transition: none!important;
        -o-transition: none!important;
        transition: none!important
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.button {
    border-radius: 25px;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 23px;
    padding: 12px 23px 11px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: .45s ease-in-out;
    -o-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    -webkit-transition-property: background-color,color;
    -o-transition-property: background-color,color;
    transition-property: background-color,color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1180px) {
    .button {
        padding:12px 33px 11px
    }
}

.button:after {
    border: 2px solid #393939;
    border-radius: 25px;
    bottom: 1px;
    content: "";
    display: block;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: -2
}

.button.hidden {
    display: none
}

.button .icon-arrow-right {
    margin-right: 8px
}

.button .icon-arrow {
    fill: #393939;
    position: relative;
    stroke: #393939;
    stroke-width: .9px;
    top: 6px
}

.button .icon-arrow.icon-arrow-left,.button .icon-arrow.icon-arrow-right {
    margin-bottom: -2px;
    margin-top: -2px;
    will-change: transform
}

.button .icon-arrow.icon-arrow-right {
    left: 10px;
    top: 4px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.button .icon-arrow.icon-arrow-left {
    left: -8px;
    top: 3px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.button .icon-arrow.icon-arrow-up {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.button.button-scroll-link .icon-svg {
    fill: #393939;
    height: 17px;
    margin-left: 8px;
    margin-top: -10px;
    stroke: #393939;
    width: 10px
}

.button.button-light {
    color: #fff
}

.button.button-light:after {
    border-color: #fff
}

.button.button-light .icon-svg {
    fill: #fff;
    stroke: #fff
}

.button.button-light .button-hover-effect {
    background-color: #fff
}

.button.button-article-light {
    color: #5b6696
}

.button.button-article-light:after {
    border-color: #fff
}

.button.button-article-light.button-hovered {
    -webkit-transition-duration: 1.35s,.45s;
    -o-transition-duration: 1.35s,.45s;
    transition-duration: 1.35s,.45s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.button.button-article-light .button-hover-effect {
    background-color: transparent;
    border: 250px solid #fff
}

@media (max-width: 1023px) {
    .button.button-article-light .button-hover-effect {
        border:750px solid #fff
    }
}

.button.button-article,.button.button-article-light {
    letter-spacing: -.3px;
    padding-left: 42px;
    padding-right: 42px
}

.button .button-hover-effect {
    background-color: #393939;
    border-radius: 600px;
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    width: 0;
    z-index: -1
}

@media (max-width: 1180px) {
    .button .button-hover-effect {
        -webkit-transition:.45s ease-in-out;
        -o-transition: .45s ease-in-out;
        transition: .45s ease-in-out
    }
}

.button .button-overlay {
    border-radius: 25px;
    bottom: 1px;
    left: 1px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    top: 1px;
    z-index: 1
}

.button .button-text {
    position: relative;
    z-index: 2
}

.button.button-hovered {
    -webkit-transition-delay: 0ms,.18s;
    -o-transition-delay: 0ms,.18s;
    transition-delay: 0ms,.18s;
    -webkit-transition-duration: .45s,225ms;
    -o-transition-duration: .45s,225ms;
    transition-duration: .45s,225ms;
    -webkit-transition-property: background-color,color;
    -o-transition-property: background-color,color;
    transition-property: background-color,color;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.button.button-hovered .icon-arrow {
    -webkit-transition: 225ms ease-in-out 225ms;
    -o-transition: 225ms 225ms ease-in-out;
    transition: 225ms ease-in-out 225ms;
    -webkit-transition-property: fill,stroke;
    -o-transition-property: fill,stroke;
    transition-property: fill,stroke
}

.button.hovered {
    color: #fff;
    -webkit-transition-delay: 225ms,0ms;
    -o-transition-delay: 225ms,0ms;
    transition-delay: 225ms,0ms;
    -webkit-transition-duration: 225ms,.45s;
    -o-transition-duration: 225ms,.45s;
    transition-duration: 225ms,.45s
}

.button.hovered.button-light {
    color: #393939
}

.button.hovered.button-light .icon-svg {
    fill: #393939;
    stroke: #393939
}

.button.hovered.button-call .icon-svg {
    fill: #fff;
    stroke: #fff
}

.button.hovered.button-article-light {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    -webkit-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: 225ms;
    -o-transition-duration: 225ms;
    transition-duration: 225ms
}

.button.hovered .button-hover-effect {
    height: 750px;
    width: 750px
}

@media (max-width: 1023px) {
    .button.hovered .button-hover-effect {
        height:1500px;
        width: 1500px
    }
}

.button.hovered .icon-svg {
    fill: #fff;
    stroke: #fff
}

.button.hovered .icon-arrow {
    -webkit-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: .45s;
    -o-transition-duration: .45s;
    transition-duration: .45s
}

.button.button-nav {
    background-color: hsla(0,0%,100%,.2);
    height: 24px;
    margin: auto 0;
    padding: 8px 32px 6px 31px;
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 5
}

@media (max-width: 1024px) {
    .button.button-nav {
        background-color:transparent;
        color: #48b173;
        display: block;
        margin-top: 15px;
        min-width: 77.5%;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        -webkit-transition-duration: 225ms,0ms;
        -o-transition-duration: 225ms,0ms;
        transition-duration: 225ms,0ms;
        z-index: 0
    }
}

.button.button-nav:after {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

@media (max-width: 1024px) {
    .button.button-nav:after {
        border-color:#48b173
    }
}

@media (min-width: 1025px) {
    .button.button-nav:not(.hovered) {
        -webkit-transition-duration:225ms,0ms;
        -o-transition-duration: 225ms,0ms;
        transition-duration: 225ms,0ms
    }
}

.button.button-nav .button-hover-effect {
    background-color: hsla(0,0%,100%,.2)
}

@media (max-width: 1024px) {
    .button.button-nav .button-hover-effect {
        background-color:#48b173
    }
}

.button.button-transparent {
    background-color: transparent;
    -webkit-transition: background-color .28s;
    -o-transition: background-color .28s;
    transition: background-color .28s
}

.button.button-transparent.hovered {
    background-color: transparent;
    color: #fff
}

.button.button-transparent.hovered .icon-svg {
    fill: #fff;
    stroke: #fff
}

.button.button-transparent .button-hover-effect {
    background-color: hsla(0,0%,100%,.3)
}

.button.button-extra-wide {
    padding-left: 56px;
    padding-right: 56px
}

.button.no-animation,.button.no-animation .button-hover-effect,.button.no-animation .icon-svg,.button.no-animation .icon-svg.icon-arrow {
    -webkit-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: 0ms;
    -o-transition-duration: 0ms;
    transition-duration: 0ms
}

.button.send-pdf-button {
    margin-left: 24px;
    overflow: hidden
}

.button.send-pdf-button .button-text {
    margin-right: 0
}

.button-call,.button.button-call {
    background-color: hsla(0,0%,100%,.2);
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 38px;
    padding: 2px;
    pointer-events: visible;
    width: 38px
}

.button-call a,.button.button-call a {
    display: inline-block;
    height: 100%;
    pointer-events: visible;
    width: 100%
}

.button-call .icon-svg,.button.button-call .icon-svg {
    pointer-events: none
}

.button-call .icon-phone,.button.button-call .icon-phone {
    -webkit-animation: phoneRang 3s ease-in-out infinite;
    animation: phoneRang 3s ease-in-out infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-size: cover;
    display: block;
    height: 17px;
    margin: 8px;
    -webkit-perspective: none;
    perspective: none;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 17px
}

/*
html.webp .button-call .icon-phone,html.webp .button.button-call .icon-phone {
    background-image: url(/i/phone-icon-white.webp?v=0110202092124)
}

html.no-webp .button-call .icon-phone,html.no-webp .button.button-call .icon-phone {
    background-image: url(/i/phone-icon-white.png?v=0110202092124)
}
*/

.button-call.hovered .button-hover-effect,.button.button-call.hovered .button-hover-effect {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.button-call .button-hover-effect,.button.button-call .button-hover-effect {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s
}

.button-call-inner,.button.button-call-inner {
    margin: auto 30px auto 28px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .button-call-inner,.button.button-call-inner {
        margin-left:22px
    }
}

@media (max-width: 1024px) {
    .button-call-inner,.button.button-call-inner {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.button-call-outer,.button.button-call-outer {
    -webkit-animation: zoomIn 125ms ease-in-out both;
    animation: zoomIn 125ms ease-in-out both;
    border: 2px solid #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 34px;
    padding: 0;
    position: absolute;
    right: 88px;
    top: 16px;
    width: 34px
}

@media (min-width: 1025px) {
    .button-call-outer,.button.button-call-outer {
        display:none
    }
}

@media (max-width: 767px) {
    .button-call-outer,.button.button-call-outer {
        right:68px;
        top: 5vh;
    }
}

.button-call-outer:after,.button.button-call-outer:after {
    content: none
}

.button:not(.button-hovered).button-show-more:active,.button:not(.button-hovered).hovered:not(.button-show-more),html.no-touchevents .button:not(.button-hovered).button-show-more:hover {
    background-color: #393939;
    color: #fff
}

.button:not(.button-hovered).button-show-more:active.button-light:not(.button-nav):not(.button-transparent),.button:not(.button-hovered).hovered:not(.button-show-more).button-light:not(.button-nav):not(.button-transparent),html.no-touchevents .button:not(.button-hovered).button-show-more:hover.button-light:not(.button-nav):not(.button-transparent) {
    background-color: #fff;
    color: #393939
}

.button:not(.button-hovered).button-show-more:active.button-light:not(.button-nav):not(.button-transparent) .icon-svg,.button:not(.button-hovered).hovered:not(.button-show-more).button-light:not(.button-nav):not(.button-transparent) .icon-svg,html.no-touchevents .button:not(.button-hovered).button-show-more:hover.button-light:not(.button-nav):not(.button-transparent) .icon-svg {
    fill: #393939;
    stroke: #393939
}

.button:not(.button-hovered).button-show-more:active.button-transparent,.button:not(.button-hovered).hovered:not(.button-show-more).button-transparent,html.no-touchevents .button:not(.button-hovered).button-show-more:hover.button-transparent {
    background-color: hsla(0,0%,100%,.3)
}

.button:not(.button-hovered).button-show-more:active.button-nav,.button:not(.button-hovered).hovered:not(.button-show-more).button-nav,html.no-touchevents .button:not(.button-hovered).button-show-more:hover.button-nav {
    background-color: hsla(0,0%,100%,.4)
}

.button:not(.button-hovered).button-show-more:active.send-pdf-popup-button,.button:not(.button-hovered).hovered:not(.button-show-more).send-pdf-popup-button,html.no-touchevents .button:not(.button-hovered).button-show-more:hover.send-pdf-popup-button {
    background-color: #49b175;
    color: #fff
}

.button:not(.button-hovered).button-show-more:active .icon-svg,.button:not(.button-hovered).hovered:not(.button-show-more) .icon-svg,html.no-touchevents .button:not(.button-hovered).button-show-more:hover .icon-svg {
    fill: #fff;
    stroke: #fff
}

.button:not(.button-hovered).button-article-light {
    background-color: #fff;
    border: 2px solid #fff
}

.button:not(.button-hovered).button-article-light:after {
    border-color: transparent
}

.button:not(.button-hovered).button-article-light.hovered {
    background-color: transparent
}

.button:not(.button-hovered) .icon-arrow {
    -webkit-transition-duration: .45s;
    -o-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-transition-property: fill,stroke;
    -o-transition-property: fill,stroke;
    transition-property: fill,stroke
}

.form-wrapper {
    width: 100%
}

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

.form-field:after {
    clear: both
}

.form-field-col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

@media (max-width: 767px) {
    .form-field-col {
        float:none
    }
}

.form-field-l-col {
    padding-right: 3.2%;
    width: 54%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .form-field-l-col {
        padding-right:3.7%;
        width: 51.8%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .form-field-l-col {
        padding-right:8.1%;
        width: 54%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .form-field-l-col {
        padding-right:7.7%;
        width: 53.7%
    }
}

@media (max-width: 767px) {
    .form-field-l-col {
        padding-right:0;
        width: 100%
    }
}

.form-field-r-col {
    width: 46%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .form-field-r-col {
        width:48.2%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .form-field-r-col {
        width:46.3%
    }
}

@media (max-width: 767px) {
    .form-field-r-col {
        width:100%
    }
}

@media (max-width: 1179px) {
    .form-field-r-to-l {
        padding-right:0
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .form-field-r-to-l {
        width:46%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .form-field-r-to-l {
        width:46.2%
    }
}

.form-field-md {
    width: 100%
}

.form-field-sm {
    float: left;
    width: 50%
}

@media (max-width: 1179px) {
    .form-field-sm {
        float:none;
        width: 100%
    }
}

.form-group {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px
}

.form-group-left {
    padding-right: 3%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .form-group-left {
        padding-right:4.1%
    }
}

@media (max-width: 1179px) {
    .form-group-left {
        padding-right:0
    }
}

.form-group-right {
    padding-left: 3%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .form-group-right {
        padding-left:4.1%
    }
}

@media (max-width: 1179px) {
    .form-group-right {
        padding-left:0
    }
}

.form-group-btn {
    line-height: 0;
    margin-bottom: 0;
    margin-top: 40px
}

@media (max-width: 767px) {
    .form-group-btn {
        margin-top:62px
    }
}

.form-group-btn-submit {
    position: relative
}

.form-group-btn-submit:after,.form-group-btn-submit:before {
    content: " ";
    display: table
}

.form-group-btn-submit:after {
    clear: both
}

.form-group-btn-submit .button-submit-form {
    margin-right: 30px
}

.form-group-textarea {
    height: 230px;
    margin-top: -180px
}

@media (max-width: 1179px) {
    .form-group-textarea {
        margin-top:0
    }
}

@media (max-width: 767px) {
    .form-group-textarea {
        height:162px
    }
}

.form-group-required .form-control-label:after {
    color: #ed1c24;
    content: "*";
    display: inline;
    margin-left: 2px
}

.form-group-error:not(.is-active).form-group:not(.cookies) .form-control-label,.form-group-error:not(.is-active).form-group:not(.cookies) .form-start-project-label {
    color: #ee393e
}

.form-group-error:not(.is-active).form-group:not(.cookies) .form-control-label:after,.form-group-error:not(.is-active).form-group:not(.cookies) .form-start-project-label:after {
    content: ""
}

.form-group-error:not(.is-active).form-group:not(.cookies) .form-start-project-input {
    border-color: #ee393e
}

.form-group-error:not(.is-active).form-group:not(.cookies) .icon-start-your-project .icon-svg {
    fill: #ee393e
}

.form-group-error:not(.is-active).form-group:not(.cookies) .form-control {
    border-bottom: 3px solid #ee393e;
    color: #ee393e
}

.form-group-error:not(.is-active).form-group:not(.cookies) .form-control-input {
    padding-bottom: 13px
}

.form-group-error:not(.is-active).form-group:not(.cookies) .form-validation-warning {
    color: #ee393e
}

.form-group-error:not(.is-active).form-group:not(.cookies) .form-validation-warning.start-project {
    margin-left: 5px
}

.form-group-error.is-active .icon-start-your-project .icon-svg {
    fill: #fff
}

.contact-form[disabled] .form-field {
    opacity: .7
}

.form-control {
    -webkit-appearance: none;
    border: 1px solid #959595;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: -.2px;
    line-height: normal;
    padding: 15px 11px;
    width: 100%
}

.form-control::-webkit-input-placeholder {
    color: #393939;
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: -.2px
}

.form-control::-moz-placeholder {
    color: #393939;
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: -.2px
}

.form-control:-ms-input-placeholder {
    color: #393939;
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: -.2px
}

.form-control::-ms-input-placeholder {
    color: #393939;
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: -.2px
}

.form-control::placeholder {
    color: #393939;
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    letter-spacing: -.2px
}

.form-control:focus,.form-control:invalid {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.form-control:-webkit-autofill,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.form-control[disabled] {
    background-color: transparent
}

.form-control-input {
    font-size: 15px;
    line-height: 1
}

.form-control-label {
    display: block;
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 2
}

.form-control-textarea {
    height: 100%;
    resize: none
}

.form-group-checkbox {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4px
}

.form-group-checkbox input[type=checkbox]:checked~.form-control-label:before {
    background: url(/i/checkmark-icon.svg?v=0110202092124) no-repeat 50%;
    background-size: 65%
}

.form-group-checkbox input[type=checkbox]:disabled~.form-control-label {
    opacity: .7
}

.form-group-checkbox .form-control-label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 19px
}

@media (max-width: 767px) {
    .form-group-checkbox .form-control-label {
        margin-right:auto
    }
}

.form-group-checkbox .form-control-label:before {
    border: 1px solid #959595;
    content: "";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.form-group-checkbox input[type=checkbox] {
    display: none
}

.form-attachment-warning,.form-submit-warning {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutLeftImmediate;
    animation-name: fadeOutLeftImmediate;
    display: inline-block;
    font-family: sf_ui_textmedium,Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 15px;
    margin: 14px 10px 14px 0;
    opacity: 0
}

@media (max-width: 767px) {
    .form-attachment-warning,.form-submit-warning {
        font-size:13px;
        line-height: 17px;
        margin-bottom: 13px;
        margin-top: 13px
    }
}

@media (max-width: 600px) {
    .form-attachment-warning,.form-submit-warning {
        margin-bottom:-10px
    }
}

.form-attachment-warning.shown,.form-submit-warning.shown {
    -webkit-animation-name: fadeInLeftImmediate;
    animation-name: fadeInLeftImmediate;
    visibility: visible
}

.form-attachment-warning .data-error,.form-submit-warning .data-error {
    color: #ee393e
}

.form-attachment-warning .link,.form-submit-warning .link {
    color: #0076bd;
    position: relative
}

.form-attachment-warning .link:hover,.form-submit-warning .link:hover {
    text-decoration: underline
}

.form-submit-preloader {
    left: 155px;
    position: absolute;
    top: -2px;
    visibility: hidden
}

.form-submit-preloader img {
    height: 50px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 50px
}

.form-submit-preloader.shown {
    visibility: visible
}

.form-submit-preloader.shown+.form-attachment-warning.shown,.form-submit-preloader.shown+.form-submit-warning.shown {
    left: 220px;
    position: absolute;
    top: 2px
}

@media (max-width: 1023px) {
    .form-submit-preloader.shown+.form-attachment-warning.shown,.form-submit-preloader.shown+.form-submit-warning.shown {
        left:0;
        top: 45px
    }
}

.form-submit-preloader.shown img {
    opacity: 1;
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-device-width:767px) {
    .form-control-input,.form-control-textarea,input[type=text],select {
        font-size:16px;
        padding-top: 14px
    }
}

@media (min-width: 1180px) {
    .main-feedback-wrapper .form-field-l-col {
        width:100%
    }
}

.main-feedback-wrapper .form-group-textarea {
    margin-top: 0
}

html.popup-open {
    overflow-y: scroll
}

html.popup-open.fix-content-mobile {
    height: 100%;
    max-width: 100%;
    position: relative
}

html.popup-open.fix-content-mobile body {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

html.popup-open.fix-content-mobile .page-main-wrapper {
    max-height: 100%!important;
    position: relative
}

html.popup-open.fix-content-mobile .popup-container {
    position: absolute
}

html.popup-open body {
    overflow-y: hidden;
    position: fixed;
    width: 100%
}

html.open-message .popup-container {
    z-index: 2
}

html.open-message .popup-overlay-message {
    left: 0
}

html.open-message .popup-overlay {
    opacity: 0;
    visibility: hidden
}

html.open-message .popup-message {
    left: 50%
}

.popup-message,html.open-message .popup-message {
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.popup-message {
    color: #393939;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: 900;
    left: -150%;
    line-height: 2;
    position: fixed;
    text-align: center;
    -webkit-transition-duration: .45s;
    -o-transition-duration: .45s;
    transition-duration: .45s;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    z-index: 10001
}

@media (max-width: 480px) {
    .popup-message {
        text-align:center;
        -webkit-transition-duration: .9s;
        -o-transition-duration: .9s;
        transition-duration: .9s;
        width: 100%
    }
}

.popup-overlay-message {
    background-color: hsla(0,0%,100%,.8);
    bottom: 0;
    left: -100%;
    position: fixed;
    top: 0;
    -webkit-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: .9s;
    -o-transition-duration: .9s;
    transition-duration: .9s;
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    width: 100%;
    z-index: 10000
}

.popup-container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    visibility: hidden;
    z-index: 11000
}

@media (max-width: 1439px) {
    .popup-container {
        height:auto!important;
        max-height: 100%!important;
        overflow-x: hidden
    }
}

.popup-container::-webkit-scrollbar {
    width: 0
}

.popup-container.open {
    opacity: 1;
    -webkit-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    visibility: visible
}

.popup-container:focus {
    outline: none
}

.popup-container select option:disabled {
    cursor: auto
}

.popup-container .form-control-label {
    display: inline-block
}

.popup-container .form-group-error .form-control-label {
    display: block
}

.popup-container .form-group-btn-submit {
    z-index: 0
}

.popup-container .datetimepicker {
    background-image: url(/i/calendar.svg?v=0110202092124);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 8%;
    border: 1px solid #959595;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    height: 51px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-top: 16px;
    width: 100%
}

@media (max-width: 767px) {
    .popup-container .datetimepicker {
        background-size:20px
    }
}

.popup-container .datetimepicker[disabled] {
    background-color: transparent
}

.popup-container .datetimepicker:focus {
    outline: none
}

.popup-container .popup-content {
    background: #fff;
    position: relative
}

.popup-container .popup-content .date-field {
    position: relative
}

.popup-container .popup-content .time-field {
    margin-bottom: 45px
}

@media (max-width: 767px) {
    .popup-container .popup-content .time-field {
        margin-bottom:0
    }
}

.popup-container .popup-content .time-field select {
    background-color: #fff;
    background-image: url(/i/arrow.svg?v=0110202092124);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    font-size: 14px;
    height: 52px;
    line-height: 20px;
    min-width: 100%;
    padding-left: 10px
}

.popup-container .popup-content .time-field select::-ms-expand {
    display: none
}

.popup-container .popup-content .time-field .call-duration-message {
    color: #979797;
    font-size: 12px;
    margin-top: 15px;
    position: absolute
}

@media (max-width: 767px) {
    .popup-container .popup-content .time-field .call-duration-message {
        margin-bottom:7px;
        position: static
    }
}

.popup-container .popup-content .user-timezone-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #979797;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    height: 51px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    padding-left: 4%
}

@media (max-width: 767px) {
    .popup-container .popup-content .user-timezone-wrap {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 5px;
        margin-top: 0;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .popup-container .popup-content .user-timezone-wrap .timezone-info {
        margin-right:3px
    }
}

.popup-container .popup-loading {
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s
}

.popup-container .popup-loading.hide {
    opacity: 0;
    visibility: hidden
}

@media (min-width: 768px) and (max-width:1179px) {
    .popup-container .form-field-sm {
        float:left;
        width: 50%
    }
}

.popup-heading {
    color: #393939;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: 900;
    line-height: 30px;
    margin-bottom: 22px
}

@media (max-width: 767px) {
    .popup-heading {
        margin-bottom:10px
    }
}

.ui-datepicker-calendar td,.ui-datepicker-calendar th {
    width: 14.28571%
}

.ui-datepicker-calendar .ui-state-default {
    background-color: transparent;
    border: none;
    border-radius: 20px;
    text-align: center
}

.ui-datepicker-calendar .ui-state-default:hover {
    background-color: #0c9964;
    color: #fff
}

.ui-datepicker-calendar .ui-state-default.ui-state-active {
    background-color: #0c9964
}

.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
    background-color: #c8c8c8
}

.ui-datepicker-calendar .ui-datepicker-week-end {
    color: #0c9964
}

.ui-datepicker {
    border-radius: 0;
    width: 227px
}

@media (max-width: 767px) {
    .ui-datepicker {
        width:234px
    }
}

.ui-datepicker .ui-datepicker-header {
    background-color: transparent;
    border: none
}

.ui-datepicker .ui-datepicker-title {
    font-size: 14px
}

.ui-datepicker .ui-datepicker-next:hover,.ui-datepicker .ui-datepicker-prev:hover {
    background-color: transparent;
    background-position: 50% 60%;
    border: none;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
    background-image: url(/i/arrow.svg?v=0110202092124);
    background-position: 50% 60%;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
    top: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
    top: 2px
}

.ui-datepicker .ui-datepicker-next span {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ui-datepicker .ui-state-disabled span:hover {
    background: none;
    color: #454545
}

.popup-close,.start-project-popup-close {
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    z-index: 12000
}

@media (max-width: 767px) {
    .popup-close,.start-project-popup-close {
        right:0;
        top: 0
    }
}

.popup-close:after,.popup-close:before,.start-project-popup-close:after,.start-project-popup-close:before {
    background-color: #000;
    border-radius: 25px;
    content: "";
    height: 22px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 2px
}

.popup-close:before,.start-project-popup-close:before {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.popup-close:after,.start-project-popup-close:after {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.start-project-popup-close {
    height: 24px;
    right: 24px;
    top: 24px;
    width: 24px
}

@media (max-width: 767px) {
    .start-project-popup-close {
        right:18px;
        top: 18px
    }
}

.start-project-popup-close:after,.start-project-popup-close:before {
    background-color: #fff;
    height: 28px
}

.popup-schedule {
    width: 612px
}

@media (min-width: 600px) and (max-width:767px) {
    .popup-schedule {
        width:540px
    }
}

@media (max-width: 599px) {
    .popup-schedule {
        width:-webkit-calc(100% - 30px);
        width: calc(100% - 30px)
    }
}

.popup-schedule .popup-content {
    padding: 50px
}

@media (max-width: 767px) {
    .popup-schedule .popup-content {
        padding:30px 20px 50px
    }
}

.popup-schedule .form-group-btn {
    margin-top: 40px
}

.popup-schedule .form-group-textarea {
    height: 120px;
    margin-top: 0
}

.popup-schedule .form-control-textarea {
    height: 100px
}

.popup-schedule .button {
    color: #0d538a;
    padding: 12px 46px 11px
}

.popup-schedule .button:after {
    border-color: #0d538a;
    z-index: 0
}

.popup-schedule .button.hovered {
    color: #fff
}

.popup-schedule .button-hover-effect {
    background-color: #0d538a
}

.popup-schedule .form-group-left {
    padding-right: 4%
}

@media (max-width: 767px) {
    .popup-schedule .form-group-left {
        padding-right:0
    }
}

.popup-schedule .form-group-right {
    padding-left: 4%
}

@media (max-width: 767px) {
    .popup-schedule .form-group-right {
        padding-left:0
    }
}

.popup-schedule .form-submit-warning {
    margin-bottom: -8px
}

.popup-overlay {
    background-color: hsla(0,0%,100%,.8);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    visibility: hidden;
    z-index: 10000
}

.start-project-overlay,.thank-you-overlay {
    background-color: rgba(0,0,0,.6)
}

.send-pdf-overlay {
    background-color: hsla(0,0%,100%,.5)
}

.rating-popup-overlay {
    background-color: rgba(0,0,0,.5)
}

.popup-overlay-show,.rating-overlay-show {
    opacity: 1;
    -webkit-overflow-scrolling: touch;
    visibility: visible
}

.bg-video {
    background: 50% 0 no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.bg-video.bg-video-intro video {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover
}

.bg-video video {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition-duration: .75s;
    -o-transition-duration: .75s;
    transition-duration: .75s;
    visibility: hidden;
    width: 100%
}

@media (max-width: 1024px) {
    .bg-video video {
        display:none
    }
}

.bg-video video.shown {
    opacity: 1;
    visibility: visible
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 13px;
    list-style-type: none;
    margin: 100px 0 0;
    padding: 0
}

@media (max-width: 767px) {
    .pagination {
        margin-top:90px
    }
}

.pagination li {
    text-decoration: none;
    margin-right: 14px
}

@media (max-width: 767px) {
    .pagination li {
        margin-right:8px
    }
}

@media (max-width: 450px) {
    .pagination li {
        margin-right:5px
    }
}

.pagination .pagination-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid transparent;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition: .45s ease-in-out;
    -o-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    width: 40px
}

@media (max-width: 450px) {
    .pagination .pagination-item {
        height:36px;
        width: 36px
    }
}

.pagination .pagination-item:last-child {
    margin-right: 0
}

.pagination .pagination-item.hovered,.pagination .pagination-item.is-active {
    border-color: #393939
}

.pagination .pagination-item.ellipsis,.pagination .pagination-item.is-active {
    cursor: default;
    pointer-events: none
}

.pagination .pagination-item.btn-next,.pagination .pagination-item.btn-prev {
    border-color: #393939;
    line-height: 1;
    padding: 0 30px;
    text-transform: uppercase;
    width: auto
}

@media (max-width: 767px) {
    .pagination .pagination-item.btn-next,.pagination .pagination-item.btn-prev {
        padding:0;
        width: 40px
    }
}

@media (max-width: 450px) {
    .pagination .pagination-item.btn-next,.pagination .pagination-item.btn-prev {
        width:36px
    }
}

.pagination .pagination-item.btn-next.hovered,.pagination .pagination-item.btn-prev.hovered {
    color: #fff
}

.pagination .pagination-item.btn-next .icon-svg,.pagination .pagination-item.btn-prev .icon-svg {
    fill: #393939;
    position: relative;
    stroke: #393939;
    stroke-width: .9px;
    -webkit-transition: .45s ease-in-out;
    -o-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

@media (max-width: 767px) {
    .pagination .pagination-item.btn-next .button-text,.pagination .pagination-item.btn-prev .button-text {
        display:none
    }
}

.pagination .pagination-item.btn-prev .icon-svg {
    left: -10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (max-width: 767px) {
    .pagination .pagination-item.btn-prev .icon-svg {
        left:-2.5px
    }
}

.pagination .pagination-item.btn-next .icon-svg {
    left: 10px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media (max-width: 767px) {
    .pagination .pagination-item.btn-next .icon-svg {
        left:2.5px
    }
}

.pagination-blog .btn-next.hovered,.pagination-blog .btn-prev.hovered {
    background-color: #393939
}

.pagination-blog .btn-next.hovered .icon-svg,.pagination-blog .btn-prev.hovered .icon-svg {
    fill: #fff;
    stroke: #fff
}

.pagination-success-stories {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 60px
}

.pagination-success-stories .pagination-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 13px
}

@media (max-width: 767px) {
    .pagination-success-stories .pagination-wrapper {
        margin-top:90px
    }
}

.pagination-success-stories .pagination-wrapper .pagination-element {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #e5e5e5;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 14px;
    -webkit-transition: .45s ease-in-out;
    -o-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    width: 40px
}

@media (max-width: 767px) {
    .pagination-success-stories .pagination-wrapper .pagination-element {
        margin-right:8px
    }
}

@media (max-width: 450px) {
    .pagination-success-stories .pagination-wrapper .pagination-element {
        height:36px;
        margin-right: 5px;
        width: 36px
    }
}

.pagination-success-stories .pagination-wrapper .pagination-element:last-child {
    margin-right: 0
}

.pagination-success-stories .pagination-wrapper .pagination-element.active {
    background-color: #0076bd;
    border-color: #0076bd;
    color: #fff
}

.pagination-success-stories .pagination-wrapper .pagination-element.hovered {
    border-color: #393939
}

.pagination-success-stories .pagination-wrapper .pagination-element.active:hover,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-next:hover,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev:hover {
    color: #fff
}

.pagination-success-stories .pagination-wrapper .pagination-element.pagination-next,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev {
    border: none;
    padding: 0 0 8px;
    width: auto
}

@media (max-width: 767px) {
    .pagination-success-stories .pagination-wrapper .pagination-element.pagination-next,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev {
        padding:0;
        width: 40px
    }
}

@media (max-width: 450px) {
    .pagination-success-stories .pagination-wrapper .pagination-element.pagination-next,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev {
        width:36px
    }
}

.pagination-success-stories .pagination-wrapper .pagination-element.pagination-next .icon-pagination-arrow,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev .icon-pagination-arrow {
    position: relative;
    stroke: #393939;
    stroke-width: .9px;
    top: 5px;
    -webkit-transition: .45s ease-in-out;
    -o-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

@media (max-width: 450px) {
    .pagination-success-stories .pagination-wrapper .pagination-element.pagination-next .icon-pagination-arrow,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev .icon-pagination-arrow {
        top:4px
    }
}

.pagination-success-stories .pagination-wrapper .pagination-element.pagination-next .icon-svg,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev .icon-svg {
    height: 10px
}

@media (max-width: 767px) {
    .pagination-success-stories .pagination-wrapper .pagination-element.pagination-next .button-text,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev .button-text {
        display:none
    }
}

.pagination-success-stories .pagination-wrapper .pagination-element.pagination-next.hovered .icon-pagination-arrow,.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev.hovered .icon-pagination-arrow {
    stroke: rgba(57,57,57,.6)
}

.pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev .icon-pagination-arrow {
    left: -10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (max-width: 767px) {
    .pagination-success-stories .pagination-wrapper .pagination-element.pagination-prev .icon-pagination-arrow {
        left:-2.5px
    }
}

.pagination-success-stories .pagination-wrapper .pagination-element.pagination-next .icon-pagination-arrow {
    left: 10px
}

@media (max-width: 767px) {
    .pagination-success-stories .pagination-wrapper .pagination-element.pagination-next .icon-pagination-arrow {
        left:2.5px
    }
}

.pagination-success-stories .pagination-wrapper .pagination-element.disabled {
    pointer-events: none
}

.pagination-success-stories .pagination-wrapper .pagination-element.disabled.hovered {
    cursor: default
}

.pagination-success-stories .pagination-wrapper .pagination-element.disabled .icon-pagination-arrow {
    stroke: rgba(57,57,57,.3)
}

.pagination-success-stories .pagination-wrapper .pagination-tag.hovered {
    background-color: #0076bd;
    border-color: #0076bd;
    color: #fff
}

.pagination-feedback {
    margin-top: 23px
}

.pagination-feedback ul {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 13px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.pagination-feedback ul,.pagination-feedback ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pagination-feedback ul li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #e5e5e5;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 8px;
    margin-right: 18px;
    -webkit-transition: .45s ease-in-out;
    -o-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    width: 40px
}

.pagination-feedback ul li.paginationjs-next,.pagination-feedback ul li.paginationjs-prev {
    border-color: #0d538a;
    border-radius: 50%;
    height: 44px;
    padding: 0;
    width: 44px
}

.pagination-feedback ul li.paginationjs-next:active,.pagination-feedback ul li.paginationjs-prev:active {
    background-color: #0d538a
}

.pagination-feedback ul li.paginationjs-next:active svg,.pagination-feedback ul li.paginationjs-prev:active svg {
    stroke: #fff
}

.pagination-feedback ul li.paginationjs-next svg,.pagination-feedback ul li.paginationjs-prev svg {
    left: 0;
    stroke: #0d538a;
    -webkit-transition: .45s ease-in-out;
    -o-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    width: 7px
}

.pagination-feedback ul li.paginationjs-next svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination-feedback ul li.paginationjs-prev svg {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

html.no-touchevents .pagination-feedback .paginationjs-next.hovered,html.no-touchevents .pagination-feedback .paginationjs-prev.hovered {
    background-color: #0d538a
}

html.no-touchevents .pagination-feedback .paginationjs-next.hovered svg,html.no-touchevents .pagination-feedback .paginationjs-prev.hovered svg {
    stroke: #fff
}

.page-percentage {
    -webkit-animation: fadeInLeftXS .5s ease-in-out both;
    animation: fadeInLeftXS .5s ease-in-out both;
    color: #545454;
    display: none;
    font-family: sf_ui_textmedium,Helvetica,Arial,sans-serif;
    font-size: 12px;
    left: 29px;
    position: absolute;
    text-align: center;
    top: 156px;
    width: 32px;
    z-index: 2
}

@media (min-width: 1610px) {
    .page-percentage {
        display:block
    }
}

.page-percentage.hidden {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-name: fadeOutLeftImmediate;
    animation-name: fadeOutLeftImmediate
}

.page-percentage.sticky {
    position: fixed
}

.page-percentage:after,.page-percentage:before {
    border: 2px solid #545454;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%) rotate(45deg);
    -ms-transform: translateX(50%) rotate(45deg);
    transform: translateX(50%) rotate(45deg);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    width: 8px
}

.page-percentage:after {
    border-left-color: transparent;
    border-top-color: transparent;
    top: 17px
}

.page-percentage:before {
    border-bottom-color: transparent;
    border-right-color: transparent;
    top: -14px
}

.articles {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.articles .article:first-child:not(.article-bg-action) .title:before,.articles .article:first-of-type:not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,transparent));
    background: -o-linear-gradient(left,#fff 50%,transparent 50%);
    background: linear-gradient(90deg,#fff 50%,transparent 0)
}

.articles .article:first-child .title,.articles .article:first-of-type .title {
    color: #fff
}

.articles .article:first-child .title .link,.articles .article:first-of-type .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles .article:first-child .title .link:hover,.articles .article:first-of-type .title .link:hover {
    color: #fff
}

.articles .article:nth-child(2):not(.article-bg-action) .title:before,.articles .article:nth-of-type(2):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#b94790),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#b94790 50%,#fff 50%);
    background: linear-gradient(90deg,#b94790 50%,#fff 0)
}

.articles .article:nth-child(2) .title,.articles .article:nth-of-type(2) .title {
    color: #b94790
}

.articles .article:nth-child(2) .title .link,.articles .article:nth-of-type(2) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles .article:nth-child(2) .title .link:hover,.articles .article:nth-of-type(2) .title .link:hover {
    color: #b9124a
}

.articles .article:nth-child(3):not(.article-bg-action) .title:before,.articles .article:nth-of-type(3):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#853789),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#853789 50%,#fff 50%);
    background: linear-gradient(90deg,#853789 50%,#fff 0)
}

.articles .article:nth-child(3) .title,.articles .article:nth-of-type(3) .title {
    color: #853789
}

.articles .article:nth-child(3) .title .link,.articles .article:nth-of-type(3) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles .article:nth-child(3) .title .link:hover,.articles .article:nth-of-type(3) .title .link:hover {
    color: #890751
}

.articles .article:nth-child(4):not(.article-bg-action) .title:before,.articles .article:nth-of-type(4):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#5c3c8b),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#5c3c8b 50%,#fff 50%);
    background: linear-gradient(90deg,#5c3c8b 50%,#fff 0)
}

.articles .article:nth-child(4) .title,.articles .article:nth-of-type(4) .title {
    color: #5c3c8b
}

.articles .article:nth-child(4) .title .link,.articles .article:nth-of-type(4) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles .article:nth-child(4) .title .link:hover,.articles .article:nth-of-type(4) .title .link:hover {
    color: #22188b
}

.articles .article:nth-child(5):not(.article-bg-action) .title:before,.articles .article:nth-of-type(5):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#0e568e),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#0e568e 50%,#fff 50%);
    background: linear-gradient(90deg,#0e568e 50%,#fff 0)
}

.articles .article:nth-child(5) .title,.articles .article:nth-of-type(5) .title {
    color: #0e568e
}

.articles .article:nth-child(5) .title .link,.articles .article:nth-of-type(5) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles .article:nth-child(5) .title .link:hover,.articles .article:nth-of-type(5) .title .link:hover {
    color: #062c8e
}

.articles .article:nth-child(6):not(.article-bg-action) .title:before,.articles .article:nth-of-type(6):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,transparent));
    background: -o-linear-gradient(left,#fff 50%,transparent 50%);
    background: linear-gradient(90deg,#fff 50%,transparent 0)
}

.articles .article:nth-child(6) .title,.articles .article:nth-of-type(6) .title {
    color: #fff
}

.articles .article:nth-child(6) .title .link,.articles .article:nth-of-type(6) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles .article:nth-child(6) .title .link:hover,.articles .article:nth-of-type(6) .title .link:hover {
    color: #fff
}

.articles .article:nth-child(7):not(.article-bg-action) .title:before,.articles .article:nth-of-type(7):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#00758b),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#00758b 50%,#fff 50%);
    background: linear-gradient(90deg,#00758b 50%,#fff 0)
}

.articles .article:nth-child(7) .title,.articles .article:nth-of-type(7) .title {
    color: #00758b
}

.articles .article:nth-child(7) .title .link,.articles .article:nth-of-type(7) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles .article:nth-child(7) .title .link:hover,.articles .article:nth-of-type(7) .title .link:hover {
    color: #00518b
}

.articles .article:nth-child(8):not(.article-bg-action) .title:before,.articles .article:nth-of-type(8):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#149f81),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#149f81 50%,#fff 50%);
    background: linear-gradient(90deg,#149f81 50%,#fff 0)
}

.articles .article:nth-child(8) .title,.articles .article:nth-of-type(8) .title {
    color: #149f81
}

.articles .article:nth-child(8) .title .link,.articles .article:nth-of-type(8) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles .article:nth-child(8) .title .link:hover,.articles .article:nth-of-type(8) .title .link:hover {
    color: #039f4d
}

.articles.articles-cut .article:first-child:not(.article-bg-action) .title:before,.articles.articles-cut .article:first-of-type:not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#0d538a),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#0d538a 50%,#fff 50%);
    background: linear-gradient(90deg,#0d538a 50%,#fff 0)
}

.articles.articles-cut .article:first-child .title,.articles.articles-cut .article:first-of-type .title {
    color: #0d538a
}

.articles.articles-cut .article:first-child .title .link,.articles.articles-cut .article:first-of-type .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-cut .article:first-child .title .link:hover,.articles.articles-cut .article:first-of-type .title .link:hover {
    color: #fff
}

.articles.articles-cut .article:nth-child(2):not(.article-bg-action) .title:before,.articles.articles-cut .article:nth-of-type(2):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#00758b),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#00758b 50%,#fff 50%);
    background: linear-gradient(90deg,#00758b 50%,#fff 0)
}

.articles.articles-cut .article:nth-child(2) .title,.articles.articles-cut .article:nth-of-type(2) .title {
    color: #00758b
}

.articles.articles-cut .article:nth-child(2) .title .link,.articles.articles-cut .article:nth-of-type(2) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-cut .article:nth-child(2) .title .link:hover,.articles.articles-cut .article:nth-of-type(2) .title .link:hover {
    color: #b9124a
}

.articles.articles-cut .article:nth-child(3):not(.article-bg-action) .title:before,.articles.articles-cut .article:nth-of-type(3):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#018f8b),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#018f8b 50%,#fff 50%);
    background: linear-gradient(90deg,#018f8b 50%,#fff 0)
}

.articles.articles-cut .article:nth-child(3) .title,.articles.articles-cut .article:nth-of-type(3) .title {
    color: #018f8b
}

.articles.articles-cut .article:nth-child(3) .title .link,.articles.articles-cut .article:nth-of-type(3) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-cut .article:nth-child(3) .title .link:hover,.articles.articles-cut .article:nth-of-type(3) .title .link:hover {
    color: #890751
}

.articles.articles-cut .article:nth-child(4):not(.article-bg-action) .title:before,.articles.articles-cut .article:nth-of-type(4):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,transparent));
    background: -o-linear-gradient(left,#fff 50%,transparent 50%);
    background: linear-gradient(90deg,#fff 50%,transparent 0)
}

.articles.articles-cut .article:nth-child(4) .title,.articles.articles-cut .article:nth-of-type(4) .title {
    color: #fff
}

.articles.articles-cut .article:nth-child(4) .title .link,.articles.articles-cut .article:nth-of-type(4) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-cut .article:nth-child(4) .title .link:hover,.articles.articles-cut .article:nth-of-type(4) .title .link:hover {
    color: #22188b
}

.articles.articles-cut .article:nth-child(5):not(.article-bg-action) .title:before,.articles.articles-cut .article:nth-of-type(5):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#149f81),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#149f81 50%,#fff 50%);
    background: linear-gradient(90deg,#149f81 50%,#fff 0)
}

.articles.articles-cut .article:nth-child(5) .title,.articles.articles-cut .article:nth-of-type(5) .title {
    color: #149f81
}

.articles.articles-cut .article:nth-child(5) .title .link,.articles.articles-cut .article:nth-of-type(5) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-cut .article:nth-child(5) .title .link:hover,.articles.articles-cut .article:nth-of-type(5) .title .link:hover {
    color: #062c8e
}

.articles.articles-cut .article:nth-child(6):not(.article-bg-action) .title:before,.articles.articles-cut .article:nth-of-type(6):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#48b173),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#48b173 50%,#fff 50%);
    background: linear-gradient(90deg,#48b173 50%,#fff 0)
}

.articles.articles-cut .article:nth-child(6) .title,.articles.articles-cut .article:nth-of-type(6) .title {
    color: #48b173
}

.articles.articles-cut .article:nth-child(6) .title .link,.articles.articles-cut .article:nth-of-type(6) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-cut .article:nth-child(6) .title .link:hover,.articles.articles-cut .article:nth-of-type(6) .title .link:hover {
    color: #fff
}

.articles.articles-maintenance .article:first-child:not(.article-bg-action) .title:before,.articles.articles-maintenance .article:first-of-type:not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,transparent));
    background: -o-linear-gradient(left,#fff 50%,transparent 50%);
    background: linear-gradient(90deg,#fff 50%,transparent 0)
}

.articles.articles-maintenance .article:first-child .title,.articles.articles-maintenance .article:first-of-type .title {
    color: #fff
}

.articles.articles-maintenance .article:first-child .title .link,.articles.articles-maintenance .article:first-of-type .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-maintenance .article:first-child .title .link:hover,.articles.articles-maintenance .article:first-of-type .title .link:hover {
    color: #fff
}

.articles.articles-maintenance .article:nth-child(2):not(.article-bg-action) .title:before,.articles.articles-maintenance .article:nth-of-type(2):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#149f81),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#149f81 50%,#fff 50%);
    background: linear-gradient(90deg,#149f81 50%,#fff 0)
}

.articles.articles-maintenance .article:nth-child(2) .title,.articles.articles-maintenance .article:nth-of-type(2) .title {
    color: #149f81
}

.articles.articles-maintenance .article:nth-child(2) .title .link,.articles.articles-maintenance .article:nth-of-type(2) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-maintenance .article:nth-child(2) .title .link:hover,.articles.articles-maintenance .article:nth-of-type(2) .title .link:hover {
    color: #b9124a
}

.articles.articles-maintenance .article:nth-child(3):not(.article-bg-action) .title:before,.articles.articles-maintenance .article:nth-of-type(3):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#018f8b),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#018f8b 50%,#fff 50%);
    background: linear-gradient(90deg,#018f8b 50%,#fff 0)
}

.articles.articles-maintenance .article:nth-child(3) .title,.articles.articles-maintenance .article:nth-of-type(3) .title {
    color: #018f8b
}

.articles.articles-maintenance .article:nth-child(3) .title .link,.articles.articles-maintenance .article:nth-of-type(3) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-maintenance .article:nth-child(3) .title .link:hover,.articles.articles-maintenance .article:nth-of-type(3) .title .link:hover {
    color: #890751
}

.articles.articles-maintenance .article:nth-child(4):not(.article-bg-action) .title:before,.articles.articles-maintenance .article:nth-of-type(4):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#00758b),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#00758b 50%,#fff 50%);
    background: linear-gradient(90deg,#00758b 50%,#fff 0)
}

.articles.articles-maintenance .article:nth-child(4) .title,.articles.articles-maintenance .article:nth-of-type(4) .title {
    color: #00758b
}

.articles.articles-maintenance .article:nth-child(4) .title .link,.articles.articles-maintenance .article:nth-of-type(4) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-maintenance .article:nth-child(4) .title .link:hover,.articles.articles-maintenance .article:nth-of-type(4) .title .link:hover {
    color: #22188b
}

.articles.articles-blockchain .article:first-child:not(.article-bg-action) .title:before,.articles.articles-blockchain .article:first-of-type:not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,transparent));
    background: -o-linear-gradient(left,#fff 50%,transparent 50%);
    background: linear-gradient(90deg,#fff 50%,transparent 0)
}

.articles.articles-blockchain .article:first-child .title,.articles.articles-blockchain .article:first-of-type .title {
    color: #fff
}

.articles.articles-blockchain .article:first-child .title .link,.articles.articles-blockchain .article:first-of-type .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-blockchain .article:first-child .title .link:hover,.articles.articles-blockchain .article:first-of-type .title .link:hover {
    color: #fff
}

.articles.articles-blockchain .article:nth-child(2):not(.article-bg-action) .title:before,.articles.articles-blockchain .article:nth-of-type(2):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#0d538a),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#0d538a 50%,#fff 50%);
    background: linear-gradient(90deg,#0d538a 50%,#fff 0)
}

.articles.articles-blockchain .article:nth-child(2) .title,.articles.articles-blockchain .article:nth-of-type(2) .title {
    color: #0d538a
}

.articles.articles-blockchain .article:nth-child(2) .title .link,.articles.articles-blockchain .article:nth-of-type(2) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-blockchain .article:nth-child(2) .title .link:hover,.articles.articles-blockchain .article:nth-of-type(2) .title .link:hover {
    color: #b9124a
}

.articles.articles-blockchain .article:nth-child(3):not(.article-bg-action) .title:before,.articles.articles-blockchain .article:nth-of-type(3):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#373084),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#373084 50%,#fff 50%);
    background: linear-gradient(90deg,#373084 50%,#fff 0)
}

.articles.articles-blockchain .article:nth-child(3) .title,.articles.articles-blockchain .article:nth-of-type(3) .title {
    color: #373084
}

.articles.articles-blockchain .article:nth-child(3) .title .link,.articles.articles-blockchain .article:nth-of-type(3) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-blockchain .article:nth-child(3) .title .link:hover,.articles.articles-blockchain .article:nth-of-type(3) .title .link:hover {
    color: #890751
}

.articles.articles-blockchain .article:nth-child(4):not(.article-bg-action) .title:before,.articles.articles-blockchain .article:nth-of-type(4):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#5c3c8b),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#5c3c8b 50%,#fff 50%);
    background: linear-gradient(90deg,#5c3c8b 50%,#fff 0)
}

.articles.articles-blockchain .article:nth-child(4) .title,.articles.articles-blockchain .article:nth-of-type(4) .title {
    color: #5c3c8b
}

.articles.articles-blockchain .article:nth-child(4) .title .link,.articles.articles-blockchain .article:nth-of-type(4) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-blockchain .article:nth-child(4) .title .link:hover,.articles.articles-blockchain .article:nth-of-type(4) .title .link:hover {
    color: #22188b
}

.articles.articles-blockchain .article:nth-child(5):not(.article-bg-action) .title:before,.articles.articles-blockchain .article:nth-of-type(5):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#853789),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#853789 50%,#fff 50%);
    background: linear-gradient(90deg,#853789 50%,#fff 0)
}

.articles.articles-blockchain .article:nth-child(5) .title,.articles.articles-blockchain .article:nth-of-type(5) .title {
    color: #853789
}

.articles.articles-blockchain .article:nth-child(5) .title .link,.articles.articles-blockchain .article:nth-of-type(5) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-blockchain .article:nth-child(5) .title .link:hover,.articles.articles-blockchain .article:nth-of-type(5) .title .link:hover {
    color: #062c8e
}

.articles.articles-blockchain .article:nth-child(6):not(.article-bg-action) .title:before,.articles.articles-blockchain .article:nth-of-type(6):not(.article-bg-action) .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#a82582),color-stop(50%,#fff));
    background: -o-linear-gradient(left,#a82582 50%,#fff 50%);
    background: linear-gradient(90deg,#a82582 50%,#fff 0)
}

.articles.articles-blockchain .article:nth-child(6) .title,.articles.articles-blockchain .article:nth-of-type(6) .title {
    color: #a82582
}

.articles.articles-blockchain .article:nth-child(6) .title .link,.articles.articles-blockchain .article:nth-of-type(6) .title .link {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color
}

.articles.articles-blockchain .article:nth-child(6) .title .link:hover,.articles.articles-blockchain .article:nth-of-type(6) .title .link:hover {
    color: #fff
}

.articles .article {
    border-bottom: 1px solid hsla(0,0%,85.1%,.4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 144px;
    padding-top: 138px;
    width: 50%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .articles .article {
        padding-bottom:114px;
        padding-top: 108px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles .article {
        padding-bottom:116px;
        padding-top: 107px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles .article {
        padding-bottom:87px;
        padding-top: 77px
    }
}

@media (max-width: 767px) {
    .articles .article {
        padding-bottom:64px;
        padding-top: 57px;
        width: 100%
    }
}

@media (max-width: 1610px) {
    .articles .article:nth-child(2n) .container {
        padding-right:30px
    }
}

.articles .article:nth-child(2n) .container-inner {
    margin-left: 24.5%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .articles .article:nth-child(2n) .container-inner {
        margin-left:9.6%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles .article:nth-child(2n) .container-inner {
        margin-left:10.2%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles .article:nth-child(2n) .container-inner {
        margin-left:14.25%
    }
}

@media (max-width: 767px) {
    .articles .article:nth-child(2n) .container-inner {
        margin-left:0
    }
}

.articles .article:nth-child(odd) {
    border-right: 1px solid hsla(0,0%,85.1%,.4)
}

@media (max-width: 767px) {
    .articles .article:nth-child(odd) {
        border-right:none
    }
}

.articles .article:nth-child(odd) .container {
    float: right
}

@media (min-width: 1180px) and (max-width:1610px) {
    .articles .article:nth-child(odd) .container {
        padding-left:30px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles .article:nth-child(odd) .container {
        padding-left:49px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles .article:nth-child(odd) .container {
        padding-left:51px
    }
}

@media (max-width: 767px) {
    .articles .article:nth-child(odd) .container {
        float:none;
        padding-right: 20px
    }
}

.articles .article:nth-child(odd) .container-inner {
    margin-right: 25%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .articles .article:nth-child(odd) .container-inner {
        margin-right:5%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles .article:nth-child(odd) .container-inner {
        margin-right:8%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles .article:nth-child(odd) .container-inner {
        margin-right:7%
    }
}

@media (max-width: 767px) {
    .articles .article:nth-child(odd) .container-inner {
        margin-right:0
    }
}

.articles .article.last-odd {
    border-bottom-width: 0;
    border-right-width: 0
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles .article.last-odd {
        margin-bottom:-40px
    }
}

.articles .article .container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 720px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (max-width: 767px) {
    .articles .article .container {
        padding-left:20px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles.before-attention {
        padding-bottom:4px
    }
}

.articles.before-attention .article:last-child,.articles.before-attention .article:nth-last-child(2) {
    padding-bottom: 184px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .articles.before-attention .article:last-child,.articles.before-attention .article:nth-last-child(2) {
        padding-bottom:130px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles.before-attention .article:last-child,.articles.before-attention .article:nth-last-child(2) {
        padding-bottom:153px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles.before-attention .article:last-child,.articles.before-attention .article:nth-last-child(2) {
        padding-bottom:123px
    }
}

@media (max-width: 767px) {
    .articles.before-attention .article:last-child {
        padding-bottom:103px
    }
}

@media (max-width: 767px) {
    .articles.before-attention .article:nth-last-child(2) {
        padding-bottom:64px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles.before-attention .article:first-child,.articles.before-attention .article:nth-child(2) {
        padding-bottom:90px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles.before-attention .article:first-child,.articles.before-attention .article:nth-child(2) {
        padding-bottom:48px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .articles.before-attention .article.last-odd {
        padding-bottom:150px
    }
}

@media (min-width: 1440px) {
    .articles.articles-after-imaged .article:first-child,.articles.articles-after-imaged .article:nth-child(2) {
        padding-top:177px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .articles.articles-after-imaged .article:first-child,.articles.articles-after-imaged .article:nth-child(2) {
        padding-top:148px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles.articles-after-imaged .article:first-child,.articles.articles-after-imaged .article:nth-child(2) {
        padding-top:156px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles.articles-after-imaged .article:first-child,.articles.articles-after-imaged .article:nth-child(2) {
        padding-top:119px
    }
}

@media (max-width: 767px) {
    .articles.articles-after-imaged .article:first-child {
        padding-top:96px
    }
}

.articles.articles-after-imaged .article:nth-child(4) .button {
    margin-top: 7px;
    padding-left: 50px;
    padding-right: 53px
}

.articles .article.article-bg {
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    .articles .article.article-bg {
        min-height:320px
    }
}

.articles .article.article-bg.image,.articles .article.article-bg .image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 1439px) {
    .articles .article.article-bg.image.bg-blockchain-network {
        background-position-x:90%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles .article.article-bg.image.bg-blockchain-network {
        background-position-x:65%
    }
}

@media (max-width: 767px) {
    .articles .article.article-bg.image.bg-blockchain-network {
        background-position:100% 100%;
        background-size: 175%
    }
}

@media (max-width: 450px) {
    .articles .article.article-bg.image.bg-blockchain-network {
        background-size:cover
    }
}

.articles .article.article-bg .image {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.articles .article.article-bg .image.bg-roof,.articles .article.article-bg .image.bg-team {
    background-position-x: 0
}

.articles .article.article-bg .article-bg-fill {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    z-index: 3
}

.articles .article.article-bg .title {
    min-width: 100%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .articles .article.article-bg .title {
        max-width:80%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .articles .article.article-bg .title {
        max-width:90%
    }
}

.articles .article.article-bg .text {
    color: #fff
}

@media (min-width: 1180px) and (max-width:1439px) {
    .articles .article:nth-child(2n) .text {
        margin-right:0
    }
}

.articles .article.wow .title:before {
    bottom: 0;
    content: "";
    left: -2px;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    -webkit-transition: -webkit-transform ease-in-out;
    transition: -webkit-transform ease-in-out;
    -o-transition: transform ease-in-out;
    transition: transform ease-in-out;
    transition: transform ease-in-out,-webkit-transform ease-in-out;
    width: 201%
}

.articles .article .title {
    display: inline-block;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -.35px;
    line-height: 40px;
    margin-bottom: 27px;
    min-width: 100%;
    overflow: hidden;
    position: relative
}

@media (min-width: 768px) and (max-width:1439px) {
    .articles .article .title {
        margin-bottom:27px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles .article .title {
        max-width:97%
    }
}

@media (max-width: 767px) {
    .articles .article .title {
        font-size:30px;
        line-height: 38px;
        margin-bottom: 17px
    }
}

.articles .article .title.single-title {
    font-size: 44px;
    line-height: 50px
}

@media (max-width: 767px) {
    .articles .article .title.single-title {
        font-size:40px
    }
}

@media (min-width: 768px) {
    .articles .article .title.single-word-title {
        height:80px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles .article .title.wide span {
        letter-spacing:-.65px
    }
}

.articles .article .title.title-line {
    white-space: nowrap
}

.articles .article .text {
    letter-spacing: -.4px;
    margin-right: 3%
}

@media (min-width: 768px) and (max-width:1023px) {
    .articles .article .text {
        margin-right:6%
    }
}

.articles .article .text p+p {
    margin-top: 10px
}

.articles .article .button-article-light {
    margin-top: 38px;
    padding-left: 40px;
    padding-right: 48px
}

@media (min-width: 768px) and (max-width:1439px) {
    .articles .article .button-article-light {
        margin-top:19px
    }
}

@media (max-width: 767px) {
    .articles .article .button-article-light {
        margin-top:20px
    }
}

.articles .article .button-article-light:not(.button-hovered) {
    padding: 9px 46px 8px 38px
}

.hover-title-link {
    border-bottom: 2px solid transparent;
    line-height: 43px
}

.hover-title-link:active,.hover-title-link:hover {
    border-bottom-color: inherit
}

.articles .article.wow .article-bg-fill,.articles .article.wow .button,.articles .article.wow .text,.articles .article.wow .title,.articles .article.wow .title:before {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.articles .article.wow.animated:not(.article-bg-action) .title span {
    opacity: 1
}

.articles .article.wow.animated.article-bg-action .title {
    -webkit-animation-duration: .55s;
    animation-duration: .55s;
    -webkit-animation-name: fadeInLeftXS;
    animation-name: fadeInLeftXS
}

.articles .article.wow.animated .title:before {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-name: articleBgFadeLeft;
    animation-name: articleBgFadeLeft
}

.articles .article.wow.animated .button,.articles .article.wow.animated .text {
    -webkit-animation-duration: .55s;
    animation-duration: .55s;
    -webkit-animation-name: fadeInLeftXS;
    animation-name: fadeInLeftXS
}

.articles .article.wow.animated .article-bg-fill {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: topicBgFadeLeft;
    animation-name: topicBgFadeLeft
}

@media (max-width: 767px) {
    .articles .article.wow.animated:not(.article-bg-action) .title span {
        -webkit-transition-delay:.45s;
        -o-transition-delay: .45s;
        transition-delay: .45s
    }
}

.articles .wow-repeat.repeat-animation-delay.article-bg-action .title {
    -webkit-animation-delay: .5s!important;
    animation-delay: .5s!important
}

.articles .wow-repeat.repeat-animation-delay.article-bg-action .button {
    -webkit-animation-delay: 626.29129ms!important;
    animation-delay: 626.29129ms!important
}

.articles .wow-repeat.repeat-animation-delay .text {
    -webkit-animation-delay: 135ms;
    animation-delay: 135ms
}

.articles .wow-repeat.repeat-animation-delay .article-bg-fill {
    -webkit-animation-delay: 0ms!important;
    animation-delay: 0ms!important
}

.modificationDate {
    color: rgba(71,71,71,.5);
    line-height: 20px
}

@media (max-width: 767px) {
    .modificationDate {
        margin-bottom:20px
    }
}

@media (min-width: 768px) and (max-width:1439px) {
    .modificationDate {
        margin-bottom:30px
    }
}

@media (min-width: 1440px) {
    .modificationDate {
        margin-bottom:35px
    }
}

.imaged-articles .article-section:first-child .article-text,.imaged-articles .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#1abc9c 0,#1d88c6 100%);
    background: linear-gradient(489deg,#1abc9c,#1d88c6)
}

.imaged-articles .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.imaged-articles .article-section:first-child .section-list li:first-child .line,.imaged-articles .article-section:first-of-type .section-list li:first-child .line {
    background-color: #149f81
}

.imaged-articles .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #00758b
}

.imaged-articles .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #0d538a
}

.imaged-articles .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #00758b
}

.imaged-articles .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.imaged-articles .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #149f81
}

.imaged-articles .article-section:nth-child(2) .article-text,.imaged-articles .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,#623f95 0,#0189a3 100%);
    background: linear-gradient(489deg,#623f95,#0189a3)
}

.imaged-articles .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #5c3c8b
}

.imaged-articles .article-section:nth-child(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles .article-section:nth-child(2) .section-list li:nth-child(4) .line,.imaged-articles .article-section:nth-of-type(2) .section-list li:nth-child(4) .line {
    background-color: #00758b
}

.imaged-articles .article-section:nth-child(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles .article-section:nth-child(2) .section-list li:nth-child(5) .line,.imaged-articles .article-section:nth-of-type(2) .section-list li:nth-child(5) .line {
    background-color: #5c3c8b
}

.imaged-articles .article-section:nth-child(3) .article-text,.imaged-articles .article-section:nth-of-type(3) .article-text {
    background: -o-linear-gradient(321deg,#b94790 0,#623f95 100%);
    background: linear-gradient(489deg,#b94790,#623f95)
}

.imaged-articles .article-section:nth-child(3) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(3) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles .article-section:nth-child(3) .section-list li:first-child .line,.imaged-articles .article-section:nth-of-type(3) .section-list li:first-child .line {
    background-color: #5c3c8b
}

.imaged-articles .article-section:nth-child(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.imaged-articles .article-section:nth-child(3) .section-list li:nth-child(2) .line,.imaged-articles .article-section:nth-of-type(3) .section-list li:nth-child(2) .line {
    background-color: #853789
}

.imaged-articles .article-section:nth-child(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.imaged-articles .article-section:nth-child(3) .section-list li:nth-child(3) .line,.imaged-articles .article-section:nth-of-type(3) .section-list li:nth-child(3) .line {
    background-color: #b94790
}

.imaged-articles .article-section:nth-child(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.imaged-articles .article-section:nth-child(3) .section-list li:nth-child(4) .line,.imaged-articles .article-section:nth-of-type(3) .section-list li:nth-child(4) .line {
    background-color: #853789
}

.imaged-articles .article-section:nth-child(3) .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles .article-section:nth-of-type(3) .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles .article-section:nth-child(3) .section-list li:nth-child(5) .line,.imaged-articles .article-section:nth-of-type(3) .section-list li:nth-child(5) .line {
    background-color: #5c3c8b
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles {
        margin-bottom:-48px
    }
}

.imaged-articles.startup-solutions .article-section:first-child .article-text,.imaged-articles.startup-solutions .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#0189a3 0,#6d6bd6 100%);
    background: linear-gradient(489deg,#0189a3,#6d6bd6)
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #01817c;
    stroke: #01817c
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:first-child .line,.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:first-child .line {
    background-color: #01817c
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #00758b
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #0d538a
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #00758b
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.imaged-articles.startup-solutions .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.startup-solutions .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #149f81
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .article-text,.imaged-articles.startup-solutions .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,#623f95 0,#0189a3 100%);
    background: linear-gradient(489deg,#623f95,#0189a3)
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #5c3c8b
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:nth-child(4) .line,.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:nth-child(4) .line {
    background-color: #00758b
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.imaged-articles.startup-solutions .article-section:nth-child(2) .section-list li:nth-child(5) .line,.imaged-articles.startup-solutions .article-section:nth-of-type(2) .section-list li:nth-child(5) .line {
    background-color: #b94790
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .article-text,.imaged-articles.startup-solutions .article-section:nth-of-type(3) .article-text {
    background: -o-linear-gradient(321deg,#623f95 0,#b94790 100%);
    background: linear-gradient(489deg,#623f95,#b94790)
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:first-child .line,.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:first-child .line {
    background-color: #5c3c8b
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:nth-child(2) .line,.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:nth-child(2) .line {
    background-color: #853789
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:nth-child(3) .line,.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:nth-child(3) .line {
    background-color: #b94790
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:nth-child(4) .line,.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:nth-child(4) .line {
    background-color: #853789
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.startup-solutions .article-section:nth-child(3) .section-list li:nth-child(5) .line,.imaged-articles.startup-solutions .article-section:nth-of-type(3) .section-list li:nth-child(5) .line {
    background-color: #5c3c8b
}

.imaged-articles.erp-solutions .article-section:first-child .article-text,.imaged-articles.erp-solutions .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#1abc9c 0,#1d88c6 100%);
    background: linear-gradient(489deg,#1abc9c,#1d88c6)
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:first-child .line,.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:first-child .line {
    background-color: #149f81
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #00758b
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #0d538a
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #00758b
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.imaged-articles.erp-solutions .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.erp-solutions .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #149f81
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .article-text,.imaged-articles.erp-solutions .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,#623f95 0,#0189a3 100%);
    background: linear-gradient(489deg,#623f95,#0189a3)
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #5c3c8b
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:nth-child(4) .line,.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:nth-child(4) .line {
    background-color: #00758b
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.erp-solutions .article-section:nth-child(2) .section-list li:nth-child(5) .line,.imaged-articles.erp-solutions .article-section:nth-of-type(2) .section-list li:nth-child(5) .line {
    background-color: #5c3c8b
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .article-text,.imaged-articles.erp-solutions .article-section:nth-of-type(3) .article-text {
    background: -o-linear-gradient(321deg,#623f95 0,#b94790 100%);
    background: linear-gradient(489deg,#623f95,#b94790)
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:first-child .line,.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:first-child .line {
    background-color: #b94790
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:nth-child(2) .line,.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:nth-child(2) .line {
    background-color: #853789
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:nth-child(3) .line,.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:nth-child(3) .line {
    background-color: #b94790
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:nth-child(4) .line,.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:nth-child(4) .line {
    background-color: #853789
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.erp-solutions .article-section:nth-child(3) .section-list li:nth-child(5) .line,.imaged-articles.erp-solutions .article-section:nth-of-type(3) .section-list li:nth-child(5) .line {
    background-color: #5c3c8b
}

.imaged-articles.finance .article-section:first-child .article-text,.imaged-articles.finance .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#0189a3 0,#623f95 100%);
    background: linear-gradient(129deg,#0189a3,#623f95)
}

.imaged-articles.finance .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.finance .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.finance .article-section:first-child .section-list li:first-child .line,.imaged-articles.finance .article-section:first-of-type .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles.finance .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.finance .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.finance .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.finance .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.finance .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.finance .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.finance .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.finance .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #373084
}

.imaged-articles.finance .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.finance .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.finance .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.finance .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #5c3c8b
}

.imaged-articles.finance .article-section:nth-child(2) .article-text,.imaged-articles.finance .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,#623f95 0,#b94790 100%);
    background: linear-gradient(129deg,#623f95,#b94790)
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #7752bd;
    stroke: #7752bd
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #7752bd
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #86378c;
    stroke: #86378c
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #86378c
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #a82582;
    stroke: #a82582
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #a82582
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:nth-child(4) .line,.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:nth-child(4) .line {
    background-color: #b94790
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #86378c;
    stroke: #86378c
}

.imaged-articles.finance .article-section:nth-child(2) .section-list li:nth-child(5) .line,.imaged-articles.finance .article-section:nth-of-type(2) .section-list li:nth-child(5) .line {
    background-color: #86378c
}

.imaged-articles.construction .article-section:first-child .article-text,.imaged-articles.construction .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#a82782 0,#5d3e8d 100%);
    background: linear-gradient(489deg,#a82782,#5d3e8d)
}

.imaged-articles.construction .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.construction .article-section:first-child .section-list li:first-child .line,.imaged-articles.construction .article-section:first-of-type .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles.construction .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.construction .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.construction .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.construction .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.construction .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.construction .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #373084
}

.imaged-articles.construction .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.construction .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.construction .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #5c3c8b
}

.imaged-articles.construction .article-section:nth-child(2) .article-text,.imaged-articles.construction .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.construction .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #373285;
    stroke: #373285
}

.imaged-articles.construction .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.construction .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #373285
}

.imaged-articles.construction .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #1b6389;
    stroke: #1b6389
}

.imaged-articles.construction .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.construction .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #1b6389
}

.imaged-articles.construction .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #06888c;
    stroke: #06888c
}

.imaged-articles.construction .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.construction .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #06888c
}

.imaged-articles.construction .article-section:nth-child(3) .article-text,.imaged-articles.construction .article-section:nth-of-type(3) .article-text {
    background: -o-linear-gradient(321deg,#383185 0,#02908d 100%);
    background: linear-gradient(489deg,#383185,#02908d)
}

.imaged-articles.construction .article-section:nth-child(3) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:nth-of-type(3) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #373285;
    stroke: #373285
}

.imaged-articles.construction .article-section:nth-child(3) .section-list li:first-child .line,.imaged-articles.construction .article-section:nth-of-type(3) .section-list li:first-child .line {
    background-color: #373285
}

.imaged-articles.construction .article-section:nth-child(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:nth-of-type(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #1b6389;
    stroke: #1b6389
}

.imaged-articles.construction .article-section:nth-child(3) .section-list li:nth-child(2) .line,.imaged-articles.construction .article-section:nth-of-type(3) .section-list li:nth-child(2) .line {
    background-color: #1b6389
}

.imaged-articles.construction .article-section:nth-child(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.construction .article-section:nth-of-type(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #06888c;
    stroke: #06888c
}

.imaged-articles.construction .article-section:nth-child(3) .section-list li:nth-child(3) .line,.imaged-articles.construction .article-section:nth-of-type(3) .section-list li:nth-child(3) .line {
    background-color: #06888c
}

.imaged-articles.transportation .article-section:first-child .article-text,.imaged-articles.transportation .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#0f548b 0,#383185 100%);
    background: linear-gradient(489deg,#0f548b,#383185)
}

.imaged-articles.transportation .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.transportation .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.transportation .article-section:first-child .section-list li:first-child .line,.imaged-articles.transportation .article-section:first-of-type .section-list li:first-child .line {
    background-color: transparent
}

.imaged-articles.transportation .article-section:nth-child(2) .article-text,.imaged-articles.transportation .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.transportation .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.transportation .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.transportation .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.transportation .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .article-text,.imaged-articles.transportation .article-section:nth-of-type(3) .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:first-child .line,.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:first-child .line {
    background-color: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:nth-child(2) .line,.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:nth-child(2) .line {
    background-color: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:nth-child(3) .line,.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:nth-child(3) .line {
    background-color: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:nth-child(4) .line,.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:nth-child(4) .line {
    background-color: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.transportation .article-section:nth-child(3) .section-list li:nth-child(5) .line,.imaged-articles.transportation .article-section:nth-of-type(3) .section-list li:nth-child(5) .line {
    background-color: transparent
}

.imaged-articles.about {
    background-color: #fff;
    margin-bottom: -100px;
    padding-top: 120px
}

.imaged-articles.about .article-section:first-child .article-text,.imaged-articles.about .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.about .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.about .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #b8478f;
    stroke: #b8478f
}

.imaged-articles.about .article-section:first-child .section-list li:first-child .line,.imaged-articles.about .article-section:first-of-type .section-list li:first-child .line {
    background-color: #b8478f
}

.imaged-articles.about .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.about .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #853788;
    stroke: #853788
}

.imaged-articles.about .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.about .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #853788
}

.imaged-articles.about .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.about .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #5c3d89;
    stroke: #5c3d89
}

.imaged-articles.about .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.about .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #5c3d89
}

.imaged-articles.about .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.about .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #13568c;
    stroke: #13568c
}

.imaged-articles.about .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.about .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #13568c
}

.imaged-articles.about .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.about .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #0a758a;
    stroke: #0a758a
}

.imaged-articles.about .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.about .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #0a758a
}

@media (min-width: 320px) and (max-width:1439px) {
    .imaged-articles.about {
        margin-bottom:-200px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles.about {
        padding-top:50px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles.about {
        padding-top:120px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles.about {
        padding-top:70px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .imaged-articles.about {
        padding-top:30px
    }
}

.imaged-articles.ecommerce .article-section:first-child .article-text,.imaged-articles.ecommerce .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#0f548b 0,#383185 100%);
    background: linear-gradient(489deg,#0f548b,#383185)
}

.imaged-articles.ecommerce .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.ecommerce .article-section:first-child .section-list li:first-child .line,.imaged-articles.ecommerce .article-section:first-of-type .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles.ecommerce .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.ecommerce .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.ecommerce .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.ecommerce .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.ecommerce .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.ecommerce .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #373084
}

.imaged-articles.ecommerce .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.ecommerce .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.ecommerce .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #5c3c8b
}

.imaged-articles.ecommerce .article-section:nth-child(2) .article-text,.imaged-articles.ecommerce .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.ecommerce .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #6431a4;
    stroke: #6431a4
}

.imaged-articles.ecommerce .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.ecommerce .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #6431a4
}

.imaged-articles.ecommerce .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #8d25ab;
    stroke: #8d25ab
}

.imaged-articles.ecommerce .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.ecommerce .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #8d25ab
}

.imaged-articles.ecommerce .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #ac1f9f;
    stroke: #ac1f9f
}

.imaged-articles.ecommerce .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.ecommerce .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #ac1f9f
}

.imaged-articles.ecommerce .article-section:nth-child(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:nth-of-type(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #ac1f9f;
    stroke: #ac1f9f
}

.imaged-articles.ecommerce .article-section:nth-child(2) .section-list li:nth-child(4) .line,.imaged-articles.ecommerce .article-section:nth-of-type(2) .section-list li:nth-child(4) .line {
    background-color: #ac1f9f
}

.imaged-articles.ecommerce .article-section:nth-child(3) .article-text,.imaged-articles.ecommerce .article-section:nth-of-type(3) .article-text {
    background: -o-linear-gradient(321deg,#097a8e 0,#0f548b 100%);
    background: linear-gradient(489deg,#097a8e,#0f548b)
}

.imaged-articles.ecommerce .article-section:nth-child(3) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:nth-of-type(3) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #30b292;
    stroke: #30b292
}

.imaged-articles.ecommerce .article-section:nth-child(3) .section-list li:first-child .line,.imaged-articles.ecommerce .article-section:nth-of-type(3) .section-list li:first-child .line {
    background-color: #30b292
}

.imaged-articles.ecommerce .article-section:nth-child(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:nth-of-type(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0c9994;
    stroke: #0c9994
}

.imaged-articles.ecommerce .article-section:nth-child(3) .section-list li:nth-child(2) .line,.imaged-articles.ecommerce .article-section:nth-of-type(3) .section-list li:nth-child(2) .line {
    background-color: #0c9994
}

.imaged-articles.ecommerce .article-section:nth-child(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:nth-of-type(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #097a8e;
    stroke: #097a8e
}

.imaged-articles.ecommerce .article-section:nth-child(3) .section-list li:nth-child(3) .line,.imaged-articles.ecommerce .article-section:nth-of-type(3) .section-list li:nth-child(3) .line {
    background-color: #097a8e
}

.imaged-articles.ecommerce .article-section:nth-child(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.ecommerce .article-section:nth-of-type(3) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #0f548b;
    stroke: #0f548b
}

.imaged-articles.ecommerce .article-section:nth-child(3) .section-list li:nth-child(4) .line,.imaged-articles.ecommerce .article-section:nth-of-type(3) .section-list li:nth-child(4) .line {
    background-color: #0f548b
}

.imaged-articles.real-estate .article-section:first-child .article-text,.imaged-articles.real-estate .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#0f548b 0,#383185 100%);
    background: linear-gradient(489deg,#0f548b,#383185)
}

.imaged-articles.real-estate .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.real-estate .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.real-estate .article-section:first-child .section-list li:first-child .line,.imaged-articles.real-estate .article-section:first-of-type .section-list li:first-child .line {
    background-color: transparent
}

.imaged-articles.real-estate .article-section:nth-child(2) .article-text,.imaged-articles.real-estate .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.real-estate .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.real-estate .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #0c9994;
    stroke: #0c9994
}

.imaged-articles.real-estate .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.real-estate .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #0c9994
}

.imaged-articles.real-estate .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.real-estate .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #097a8e;
    stroke: #097a8e
}

.imaged-articles.real-estate .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.real-estate .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #097a8e
}

.imaged-articles.real-estate .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.real-estate .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0f548b;
    stroke: #0f548b
}

.imaged-articles.real-estate .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.real-estate .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #0f548b
}

.imaged-articles.real-estate .article-section:nth-child(3) .article-text,.imaged-articles.real-estate .article-section:nth-of-type(3) .article-text {
    background: -o-linear-gradient(321deg,#097a8e 0,#0f548b 100%);
    background: linear-gradient(489deg,#097a8e,#0f548b)
}

.imaged-articles.real-estate .article-section:nth-child(3) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.real-estate .article-section:nth-of-type(3) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #0c9994;
    stroke: #0c9994
}

.imaged-articles.real-estate .article-section:nth-child(3) .section-list li:first-child .line,.imaged-articles.real-estate .article-section:nth-of-type(3) .section-list li:first-child .line {
    background-color: #0c9994
}

.imaged-articles.real-estate .article-section:nth-child(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.real-estate .article-section:nth-of-type(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #097a8e;
    stroke: #097a8e
}

.imaged-articles.real-estate .article-section:nth-child(3) .section-list li:nth-child(2) .line,.imaged-articles.real-estate .article-section:nth-of-type(3) .section-list li:nth-child(2) .line {
    background-color: #097a8e
}

.imaged-articles.real-estate .article-section:nth-child(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.real-estate .article-section:nth-of-type(3) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0f548b;
    stroke: #0f548b
}

.imaged-articles.real-estate .article-section:nth-child(3) .section-list li:nth-child(3) .line,.imaged-articles.real-estate .article-section:nth-of-type(3) .section-list li:nth-child(3) .line {
    background-color: #0f548b
}

.imaged-articles.dev-ops .article-section:first-child .article-text,.imaged-articles.dev-ops .article-section:first-of-type .article-text,.imaged-articles.saas .article-section:first-child .article-text,.imaged-articles.saas .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#8a4ebf 0,#6d6bd6 100%);
    background: linear-gradient(129deg,#8a4ebf,#6d6bd6)
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.dev-ops .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:first-child .line,.imaged-articles.dev-ops .article-section:first-of-type .section-list li:first-child .line,.imaged-articles.saas .article-section:first-child .section-list li:first-child .line,.imaged-articles.saas .article-section:first-of-type .section-list li:first-child .line {
    background-color: #373084
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(2) .line,.imaged-articles.saas .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(3) .line,.imaged-articles.saas .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #00758b
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #018f8b;
    stroke: #018f8b
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(4) .line,.imaged-articles.saas .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #018f8b
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(5) .line,.imaged-articles.saas .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #149f81
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(6) .icon-svg:not(.icon-line),.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(6) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-child .section-list li:nth-child(6) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(6) .icon-svg:not(.icon-line) {
    fill: #48b173;
    stroke: #48b173
}

.imaged-articles.dev-ops .article-section:first-child .section-list li:nth-child(6) .line,.imaged-articles.dev-ops .article-section:first-of-type .section-list li:nth-child(6) .line,.imaged-articles.saas .article-section:first-child .section-list li:nth-child(6) .line,.imaged-articles.saas .article-section:first-of-type .section-list li:nth-child(6) .line {
    background-color: #48b173
}

.imaged-articles.dev-ops .article-section:nth-child(2) .article-text,.imaged-articles.dev-ops .article-section:nth-of-type(2) .article-text,.imaged-articles.saas .article-section:nth-child(2) .article-text,.imaged-articles.saas .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,#8a4ebf 0,#6d6bd6 100%);
    background: linear-gradient(129deg,#8a4ebf,#6d6bd6)
}

.imaged-articles.dev-ops .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.dev-ops .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.imaged-articles.dev-ops .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.dev-ops .article-section:nth-of-type(2) .section-list li:first-child .line,.imaged-articles.saas .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.saas .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #149f81
}

.imaged-articles.dev-ops .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.dev-ops .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.dev-ops .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.dev-ops .article-section:nth-of-type(2) .section-list li:nth-child(2) .line,.imaged-articles.saas .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.saas .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #00758b
}

.imaged-articles.dev-ops .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.dev-ops .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.saas .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.dev-ops .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.dev-ops .article-section:nth-of-type(2) .section-list li:nth-child(3) .line,.imaged-articles.saas .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.saas .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #0d538a
}

.imaged-articles.business-automation .article-section:first-child .article-text,.imaged-articles.business-automation .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.business-automation .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.business-automation .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #097a8e;
    stroke: #097a8e
}

.imaged-articles.business-automation .article-section:first-child .section-list li:first-child .line,.imaged-articles.business-automation .article-section:first-of-type .section-list li:first-child .line {
    background-color: #097a8e
}

.imaged-articles.business-automation .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.business-automation .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0f548b;
    stroke: #0f548b
}

.imaged-articles.business-automation .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.business-automation .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #0f548b
}

.imaged-articles.business-automation .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.business-automation .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #3c2b95;
    stroke: #3c2b95
}

.imaged-articles.business-automation .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.business-automation .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #3c2b95
}

.imaged-articles.business-automation .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.business-automation .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #8d25ab;
    stroke: #8d25ab
}

.imaged-articles.business-automation .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.business-automation .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #8d25ab
}

.imaged-articles.business-automation .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.business-automation .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #ac1f9f;
    stroke: #ac1f9f
}

.imaged-articles.business-automation .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.business-automation .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #ac1f9f
}

.imaged-articles.energy .article-section:first-child .article-text,.imaged-articles.energy .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.energy .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.energy .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.energy .article-section:first-child .section-list li:first-child .line,.imaged-articles.energy .article-section:first-of-type .section-list li:first-child .line {
    background-color: transparent
}

.imaged-articles.entertainment .article-section:first-child .article-text,.imaged-articles.entertainment .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#0f548b 0,#383185 100%);
    background: linear-gradient(489deg,#0f548b,#383185)
}

.imaged-articles.entertainment .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.entertainment .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.entertainment .article-section:first-child .section-list li:first-child .line,.imaged-articles.entertainment .article-section:first-of-type .section-list li:first-child .line {
    background-color: transparent
}

.imaged-articles.entertainment .article-section:nth-child(2) .article-text,.imaged-articles.entertainment .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #30b292;
    stroke: #30b292
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #30b292
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #097a8e;
    stroke: #097a8e
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #097a8e
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #3c2b95;
    stroke: #3c2b95
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #3c2b95
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #8d25ab;
    stroke: #8d25ab
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(4) .line,.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(4) .line {
    background-color: #8d25ab
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #0c9994;
    stroke: #0c9994
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(5) .line,.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(5) .line {
    background-color: #0c9994
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(6) .icon-svg:not(.icon-line),.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(6) .icon-svg:not(.icon-line) {
    fill: #0f548b;
    stroke: #0f548b
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(6) .line,.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(6) .line {
    background-color: #0f548b
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(7) .icon-svg:not(.icon-line),.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(7) .icon-svg:not(.icon-line) {
    fill: #6431a4;
    stroke: #6431a4
}

.imaged-articles.entertainment .article-section:nth-child(2) .section-list li:nth-child(7) .line,.imaged-articles.entertainment .article-section:nth-of-type(2) .section-list li:nth-child(7) .line {
    background-color: #6431a4
}

.imaged-articles.entertainment .article-section:nth-child(3) .article-text,.imaged-articles.entertainment .article-section:nth-of-type(3) .article-text {
    background: -o-linear-gradient(321deg,#383185 0,#6431a4 100%);
    background: linear-gradient(489deg,#383185,#6431a4)
}

.imaged-articles.entertainment .article-section:nth-child(3) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.entertainment .article-section:nth-of-type(3) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: transparent;
    stroke: transparent
}

.imaged-articles.entertainment .article-section:nth-child(3) .section-list li:first-child .line,.imaged-articles.entertainment .article-section:nth-of-type(3) .section-list li:first-child .line {
    background-color: transparent
}

.imaged-articles.saas .article-section {
    margin-bottom: 0
}

@media (min-width: 768px) and (max-width:1179px) {
    .imaged-articles.saas .article-section {
        margin-bottom:45px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .imaged-articles.saas .article-section {
        margin-bottom:-15px
    }
}

.imaged-articles.legacy-software .article-section:first-child .article-text,.imaged-articles.legacy-software .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#018f8b 0,#373084 100%);
    background: linear-gradient(129deg,#018f8b,#373084)
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.legacy-software .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:first-child .line,.imaged-articles.legacy-software .article-section:first-of-type .section-list li:first-child .line {
    background-color: #149f81
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.legacy-software .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.legacy-software .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #00758b
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.legacy-software .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.legacy-software .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #0d538a
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.legacy-software .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.legacy-software .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #373084
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.legacy-software .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.legacy-software .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.legacy-software .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #5c3c8b
}

.imaged-articles.wholesale-and-retail .article-section:first-child .article-text,.imaged-articles.wholesale-and-retail .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#8a4ebf 0,#6d6bd6 100%);
    background: linear-gradient(129deg,#8a4ebf,#6d6bd6)
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:first-child .line,.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:first-child .line {
    background-color: #b94790
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #a82582;
    stroke: #a82582
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #a82582
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #853789
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #5c3c8b
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #373084
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(6) .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(6) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(6) .line,.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(6) .line {
    background-color: #0d538a
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(7) .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(7) .icon-svg:not(.icon-line) {
    fill: #0e568e;
    stroke: #0e568e
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(7) .line,.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(7) .line {
    background-color: #0e568e
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(8) .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(8) .icon-svg:not(.icon-line) {
    fill: #1d88c6;
    stroke: #1d88c6
}

.imaged-articles.wholesale-and-retail .article-section:first-child .section-list li:nth-child(8) .line,.imaged-articles.wholesale-and-retail .article-section:first-of-type .section-list li:nth-child(8) .line {
    background-color: #1d88c6
}

.imaged-articles.wholesale-and-retail .article-section:nth-child(2) .article-text,.imaged-articles.wholesale-and-retail .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,#8a4ebf 0,#6d6bd6 100%);
    background: linear-gradient(129deg,#8a4ebf,#6d6bd6)
}

.imaged-articles.wholesale-and-retail .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #0e568e;
    stroke: #0e568e
}

.imaged-articles.wholesale-and-retail .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.wholesale-and-retail .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #0e568e
}

.imaged-articles.wholesale-and-retail .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.wholesale-and-retail .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.wholesale-and-retail .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #373084
}

.imaged-articles.wholesale-and-retail .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.wholesale-and-retail .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.imaged-articles.wholesale-and-retail .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.wholesale-and-retail .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #853789
}

.imaged-articles.iot .article-section:first-child .article-text,.imaged-articles.iot .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#10538b 0,#5d3e8d 100%);
    background: linear-gradient(489deg,#10538b,#5d3e8d)
}

.imaged-articles.iot .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.iot .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #0c9994;
    stroke: #0c9994
}

.imaged-articles.iot .article-section:first-child .section-list li:first-child .line,.imaged-articles.iot .article-section:first-of-type .section-list li:first-child .line {
    background-color: #0c9994
}

.imaged-articles.iot .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.iot .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #097a8e;
    stroke: #097a8e
}

.imaged-articles.iot .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.iot .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #097a8e
}

.imaged-articles.iot .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.iot .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0f548b;
    stroke: #0f548b
}

.imaged-articles.iot .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.iot .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #0f548b
}

.imaged-articles.iot .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.iot .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #3c2b95;
    stroke: #3c2b95
}

.imaged-articles.iot .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.iot .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #3c2b95
}

.imaged-articles.big-data {
    margin-bottom: -300px
}

.imaged-articles.big-data .article-section:first-child .article-text,.imaged-articles.big-data .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#623f95 0,#b94790 100%);
    background: linear-gradient(129deg,#623f95,#b94790)
}

.imaged-articles.big-data .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.big-data .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #7752bd;
    stroke: #7752bd
}

.imaged-articles.big-data .article-section:first-child .section-list li:first-child .line,.imaged-articles.big-data .article-section:first-of-type .section-list li:first-child .line {
    background-color: #7752bd
}

.imaged-articles.big-data .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.big-data .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #86378c;
    stroke: #86378c
}

.imaged-articles.big-data .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.big-data .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #86378c
}

.imaged-articles.big-data .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.big-data .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #5f3b86;
    stroke: #5f3b86
}

.imaged-articles.big-data .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.big-data .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #5f3b86
}

.imaged-articles.big-data .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.big-data .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.imaged-articles.big-data .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.big-data .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #b94790
}

.imaged-articles.big-data .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.big-data .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #86378c;
    stroke: #86378c
}

.imaged-articles.big-data .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.big-data .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #86378c
}

.imaged-articles.big-data-services .article-section:first-child .article-text,.imaged-articles.big-data-services .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#8a4ebf 0,#6d6bd6 100%);
    background: linear-gradient(129deg,#8a4ebf,#6d6bd6)
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.big-data-services .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758c;
    stroke: #00758c
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:first-child .line,.imaged-articles.big-data-services .article-section:first-of-type .section-list li:first-child .line {
    background-color: #00758c
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #86378c;
    stroke: #86378c
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #86378c
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #b94790
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #373084
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(6) .icon-svg:not(.icon-line),.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(6) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.big-data-services .article-section:first-child .section-list li:nth-child(6) .line,.imaged-articles.big-data-services .article-section:first-of-type .section-list li:nth-child(6) .line {
    background-color: #5c3c8b
}

@media (min-width: 1440px) {
    .imaged-articles.big-data-services {
        margin-bottom:70px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles.big-data-services {
        margin-bottom:60px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles.big-data-services {
        margin-bottom:95px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles.big-data-services {
        margin-bottom:45px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .imaged-articles.big-data-services {
        margin-bottom:135px
    }
}

.imaged-articles.software-prototyping .article-section:first-child .article-text,.imaged-articles.software-prototyping .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#a82782 0,#5d3e8d 100%);
    background: linear-gradient(489deg,#a82782,#5d3e8d)
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:first-child .line,.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #373084
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #5c3c8b
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:nth-child(5) .icon-svg:not(.icon-line),.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.software-prototyping .article-section:first-child .section-list li:nth-child(5) .line,.imaged-articles.software-prototyping .article-section:first-of-type .section-list li:nth-child(5) .line {
    background-color: #5c3c8b
}

.imaged-articles.software-prototyping .article-section:nth-child(2) .article-text,.imaged-articles.software-prototyping .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.software-prototyping .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.software-prototyping .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.software-prototyping .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.software-prototyping .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles.software-prototyping .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.software-prototyping .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.software-prototyping .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.software-prototyping .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #00758b
}

.imaged-articles.software-prototyping .article-section:nth-child(3) .article-text,.imaged-articles.software-prototyping .article-section:nth-of-type(3) .article-text {
    background: -o-linear-gradient(321deg,#383185 0,#02908d 100%);
    background: linear-gradient(489deg,#383185,#02908d)
}

.imaged-articles.software-prototyping .article-section:nth-child(3) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.software-prototyping .article-section:nth-of-type(3) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.software-prototyping .article-section:nth-child(3) .section-list li:first-child .line,.imaged-articles.software-prototyping .article-section:nth-of-type(3) .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles.software-prototyping .article-section:nth-child(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.software-prototyping .article-section:nth-of-type(3) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.software-prototyping .article-section:nth-child(3) .section-list li:nth-child(2) .line,.imaged-articles.software-prototyping .article-section:nth-of-type(3) .section-list li:nth-child(2) .line {
    background-color: #00758b
}

.imaged-articles.cloud .article-section:first-child .article-text,.imaged-articles.cloud .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#018f8b 0,#6d6bd6 100%);
    background: linear-gradient(129deg,#018f8b,#6d6bd6)
}

.imaged-articles.cloud .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.cloud .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.imaged-articles.cloud .article-section:first-child .section-list li:first-child .line,.imaged-articles.cloud .article-section:first-of-type .section-list li:first-child .line {
    background-color: #149f81
}

.imaged-articles.cloud .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.cloud .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.cloud .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.cloud .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #00758b
}

.imaged-articles.cloud .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.cloud .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.cloud .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.cloud .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #0d538a
}

.imaged-articles.cloud .article-section:nth-child(2) .article-text,.imaged-articles.cloud .article-section:nth-of-type(2) .article-text {
    background: -o-linear-gradient(321deg,#623f95 0,#0189a3 100%);
    background: linear-gradient(129deg,#623f95,#0189a3)
}

.imaged-articles.cloud .article-section:nth-child(2) .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.cloud .article-section:nth-of-type(2) .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.imaged-articles.cloud .article-section:nth-child(2) .section-list li:first-child .line,.imaged-articles.cloud .article-section:nth-of-type(2) .section-list li:first-child .line {
    background-color: #00758b
}

.imaged-articles.cloud .article-section:nth-child(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.cloud .article-section:nth-of-type(2) .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.cloud .article-section:nth-child(2) .section-list li:nth-child(2) .line,.imaged-articles.cloud .article-section:nth-of-type(2) .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.cloud .article-section:nth-child(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.cloud .article-section:nth-of-type(2) .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.imaged-articles.cloud .article-section:nth-child(2) .section-list li:nth-child(3) .line,.imaged-articles.cloud .article-section:nth-of-type(2) .section-list li:nth-child(3) .line {
    background-color: #373084
}

.imaged-articles.cloud .article-section:nth-child(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.cloud .article-section:nth-of-type(2) .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.cloud .article-section:nth-child(2) .section-list li:nth-child(4) .line,.imaged-articles.cloud .article-section:nth-of-type(2) .section-list li:nth-child(4) .line {
    background-color: #5c3c8b
}

.imaged-articles.cloud .article-section:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.imaged-articles.imaged-articles-colored-bg .article-section:nth-child(odd):after {
    background-color: #fff;
    bottom: -40px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 40px
}

.imaged-articles.imaged-articles-1 .article-section:first-child .article-text,.imaged-articles.imaged-articles-1 .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#623f95 0,#0189a3 100%);
    background: linear-gradient(489deg,#623f95,#0189a3)
}

.imaged-articles.imaged-articles-2 .article-section:first-child .article-text,.imaged-articles.imaged-articles-2 .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,#223b9c 0,#da08a2 100%);
    background: linear-gradient(489deg,#223b9c,#da08a2)
}

.imaged-articles.imaged-articles-3 {
    margin-bottom: -67px;
    margin-top: 40px
}

.imaged-articles.imaged-articles-3 .article-section:first-child .article-text,.imaged-articles.imaged-articles-3 .article-section:first-of-type .article-text {
    background: -o-linear-gradient(321deg,transparent 0,transparent 100%);
    background: linear-gradient(489deg,transparent,transparent)
}

.imaged-articles.imaged-articles-3 .article-section:first-child .section-list li:first-child .icon-svg:not(.icon-line),.imaged-articles.imaged-articles-3 .article-section:first-of-type .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #01738b;
    stroke: #01738b
}

.imaged-articles.imaged-articles-3 .article-section:first-child .section-list li:first-child .line,.imaged-articles.imaged-articles-3 .article-section:first-of-type .section-list li:first-child .line {
    background-color: #01738b
}

.imaged-articles.imaged-articles-3 .article-section:first-child .section-list li:nth-child(2) .icon-svg:not(.icon-line),.imaged-articles.imaged-articles-3 .article-section:first-of-type .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.imaged-articles.imaged-articles-3 .article-section:first-child .section-list li:nth-child(2) .line,.imaged-articles.imaged-articles-3 .article-section:first-of-type .section-list li:nth-child(2) .line {
    background-color: #0d538a
}

.imaged-articles.imaged-articles-3 .article-section:first-child .section-list li:nth-child(3) .icon-svg:not(.icon-line),.imaged-articles.imaged-articles-3 .article-section:first-of-type .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #223b9c;
    stroke: #223b9c
}

.imaged-articles.imaged-articles-3 .article-section:first-child .section-list li:nth-child(3) .line,.imaged-articles.imaged-articles-3 .article-section:first-of-type .section-list li:nth-child(3) .line {
    background-color: #223b9c
}

.imaged-articles.imaged-articles-3 .article-section:first-child .section-list li:nth-child(4) .icon-svg:not(.icon-line),.imaged-articles.imaged-articles-3 .article-section:first-of-type .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.imaged-articles.imaged-articles-3 .article-section:first-child .section-list li:nth-child(4) .line,.imaged-articles.imaged-articles-3 .article-section:first-of-type .section-list li:nth-child(4) .line {
    background-color: #5c3c8b
}

@media (max-width: 1439px) {
    .imaged-articles.imaged-articles-3 {
        margin-bottom:-35px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles.imaged-articles-3 {
        margin-top:-40px
    }
}

@media (max-width: 1023px) {
    .imaged-articles.imaged-articles-3 {
        margin-bottom:-80px
    }
}

@media (max-width: 767px) {
    .imaged-articles.imaged-articles-3 {
        margin-bottom:-150px
    }
}

.imaged-articles.imaged-articles-3 .article-text {
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    color: #474747
}

.imaged-articles.imaged-articles-3 .article-image {
    height: 530px;
    left: 50%;
    margin-left: 27px
}

@media (max-width: 1439px) {
    .imaged-articles.imaged-articles-3 .article-image {
        height:440px;
        margin-left: 0
    }
}

@media (max-width: 1179px) {
    .imaged-articles.imaged-articles-3 .article-image {
        left:auto;
        right: 0;
        width: 512px
    }
}

@media (max-width: 1023px) {
    .imaged-articles.imaged-articles-3 .article-image {
        width:252px
    }
}

.imaged-articles .article-section {
    margin-bottom: -40px;
    position: relative
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section {
        margin-bottom:-35px
    }
}

.imaged-articles .article-section.single-title .section-info-list.divider {
    top: -260px
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.single-title .section-info-list.divider {
        top:-170px
    }
}

.imaged-articles .article-section.imposition {
    margin-bottom: -56px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.imposition {
        margin-bottom:-38px;
        margin-top: -38px
    }
}

@media (max-width: 1023px) {
    .imaged-articles .article-section.imposition {
        margin-bottom:-38px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section.imposition {
        margin-bottom:-148px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.imposition:first-child,.imaged-articles .article-section.imposition:first-of-type {
        margin-bottom:-40px
    }
}

.imaged-articles .article-section.imposition:nth-child(2):not(.article-section-finance-first):not(.article-section-right) .article-text,.imaged-articles .article-section.imposition:nth-of-type(2):not(.article-section-finance-first):not(.article-section-right) .article-text {
    background: -o-linear-gradient(135deg,#623f95 0,#0189a3 100%);
    background: linear-gradient(315deg,#623f95,#0189a3)
}

.imaged-articles .article-section.imposition.article-section-finance-first,.imaged-articles .article-section.imposition.article-section-finance-third,.imaged-articles .article-section.imposition:nth-child(2),.imaged-articles .article-section.imposition:nth-of-type(2) {
    margin-bottom: -40px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.imposition.article-section-finance-first,.imaged-articles .article-section.imposition.article-section-finance-third,.imaged-articles .article-section.imposition:nth-child(2),.imaged-articles .article-section.imposition:nth-of-type(2) {
        margin-bottom:-35px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.imposition.article-section-finance-first,.imaged-articles .article-section.imposition.article-section-finance-third,.imaged-articles .article-section.imposition:nth-child(2),.imaged-articles .article-section.imposition:nth-of-type(2) {
        margin-bottom:-38px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.imposition.article-section-finance-first,.imaged-articles .article-section.imposition.article-section-finance-third,.imaged-articles .article-section.imposition:nth-child(2),.imaged-articles .article-section.imposition:nth-of-type(2) {
        margin-bottom:-27px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section.imposition.article-section-finance-first,.imaged-articles .article-section.imposition.article-section-finance-third,.imaged-articles .article-section.imposition:nth-child(2),.imaged-articles .article-section.imposition:nth-of-type(2) {
        margin-bottom:-150px
    }
}

@media (min-width: 1440px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .article-text,.imaged-articles .article-section.imposition.article-section-finance-third .article-text,.imaged-articles .article-section.imposition:nth-child(2) .article-text,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text {
        height:476px;
        min-height: 476px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .article-text,.imaged-articles .article-section.imposition.article-section-finance-third .article-text,.imaged-articles .article-section.imposition:nth-child(2) .article-text,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text {
        width:50.3%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .article-text,.imaged-articles .article-section.imposition.article-section-finance-third .article-text,.imaged-articles .article-section.imposition:nth-child(2) .article-text,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text {
        height:492px;
        min-height: 492px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .article-text,.imaged-articles .article-section.imposition.article-section-finance-third .article-text,.imaged-articles .article-section.imposition:nth-child(2) .article-text,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text {
        height:476px;
        min-height: 476px
    }
}

.imaged-articles .article-section.imposition.article-section-finance-first .article-text .container,.imaged-articles .article-section.imposition.article-section-finance-third .article-text .container,.imaged-articles .article-section.imposition:nth-child(2) .article-text .container,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text .container {
    margin-bottom: 23%;
    margin-top: 136px
}

@media (max-width: 767px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .article-text .container,.imaged-articles .article-section.imposition.article-section-finance-third .article-text .container,.imaged-articles .article-section.imposition:nth-child(2) .article-text .container,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text .container {
        margin-bottom:102px;
        margin-top: 56px
    }
}

@media (min-width: 1440px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .article-text-right,.imaged-articles .article-section.imposition.article-section-finance-third .article-text-right,.imaged-articles .article-section.imposition:nth-child(2) .article-text-right,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text-right {
        height:auto;
        min-height: 552px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .article-text-right,.imaged-articles .article-section.imposition.article-section-finance-third .article-text-right,.imaged-articles .article-section.imposition:nth-child(2) .article-text-right,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text-right {
        width:50.3%
    }
}

@media (min-width: 768px) and (max-width:1440px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .article-text-right,.imaged-articles .article-section.imposition.article-section-finance-third .article-text-right,.imaged-articles .article-section.imposition:nth-child(2) .article-text-right,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text-right {
        height:auto;
        min-height: 600px
    }
}

.imaged-articles .article-section.imposition.article-section-finance-first .article-text-right .container,.imaged-articles .article-section.imposition.article-section-finance-third .article-text-right .container,.imaged-articles .article-section.imposition:nth-child(2) .article-text-right .container,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text-right .container {
    margin-bottom: 23%;
    margin-top: 136px
}

@media (max-width: 767px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .article-text-right .container,.imaged-articles .article-section.imposition.article-section-finance-third .article-text-right .container,.imaged-articles .article-section.imposition:nth-child(2) .article-text-right .container,.imaged-articles .article-section.imposition:nth-of-type(2) .article-text-right .container {
        margin-bottom:102px;
        margin-top: 56px
    }
}

.imaged-articles .article-section.imposition.article-section-finance-first .divider,.imaged-articles .article-section.imposition.article-section-finance-third .divider,.imaged-articles .article-section.imposition:nth-child(2) .divider,.imaged-articles .article-section.imposition:nth-of-type(2) .divider {
    top: -191px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .divider,.imaged-articles .article-section.imposition.article-section-finance-third .divider,.imaged-articles .article-section.imposition:nth-child(2) .divider,.imaged-articles .article-section.imposition:nth-of-type(2) .divider {
        top:-154px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .divider,.imaged-articles .article-section.imposition.article-section-finance-third .divider,.imaged-articles .article-section.imposition:nth-child(2) .divider,.imaged-articles .article-section.imposition:nth-of-type(2) .divider {
        top:-157px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .divider,.imaged-articles .article-section.imposition.article-section-finance-third .divider,.imaged-articles .article-section.imposition:nth-child(2) .divider,.imaged-articles .article-section.imposition:nth-of-type(2) .divider {
        top:-115px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section.imposition.article-section-finance-first .divider,.imaged-articles .article-section.imposition.article-section-finance-third .divider,.imaged-articles .article-section.imposition:nth-child(2) .divider,.imaged-articles .article-section.imposition:nth-of-type(2) .divider {
        top:-220px
    }
}

.imaged-articles .article-section.imposition.article-section-finance-first {
    margin-top: 40px
}

@media (max-width: 1439px) {
    .imaged-articles .article-section.imposition.article-section-finance-first {
        margin-top:0
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.imposition.article-section-finance-first {
        margin-top:-40px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section.imposition.article-section-finance-first {
        margin-bottom:-220px
    }
}

.imaged-articles .article-section.imposition.article-section-finance-third {
    background-color: #fff;
    margin-bottom: 0;
    padding-top: 110px
}

@media (min-width: 768px) and (max-width:1439px) {
    .imaged-articles .article-section.imposition.article-section-finance-third {
        padding-bottom:80px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .imaged-articles .article-section.imposition.article-section-finance-third {
        padding-top:10px
    }
}

.imaged-articles .article-section.imposition.article-section-finance-third .article-text {
    background: -o-linear-gradient(315deg,#8a4ebf 0,#6d6bd6 100%);
    background: linear-gradient(135deg,#8a4ebf,#6d6bd6)
}

.imaged-articles .article-section.imposition.before-projects {
    margin-bottom: 55px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.imposition.before-projects {
        margin-bottom:60px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.imposition.before-projects {
        margin-bottom:100px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.imposition.before-projects {
        margin-bottom:65px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section.imposition.before-projects {
        margin-bottom:-20px
    }
}

.imaged-articles .article-section.article-steps {
    margin-bottom: -150px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.article-steps {
        margin-bottom:-190px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .imaged-articles .article-section.article-steps {
        margin-bottom:-170px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section.article-steps {
        margin-bottom:-260px
    }
}

.imaged-articles .article-section.article-steps .article-text {
    background: -o-linear-gradient(135deg,#b94790 0,#623f95 100%);
    background: linear-gradient(315deg,#b94790,#623f95)
}

@media (min-width: 1180px) {
    .imaged-articles .article-section.article-steps .article-text {
        min-height:550px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.article-steps .article-text {
        width:50%
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .imaged-articles .article-section.article-steps .article-text {
        min-height:505px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-steps .article-text .container {
        margin-top:136px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section.article-steps .article-text .container {
        margin-bottom:88px;
        margin-top: 40px;
        padding-left: 30px;
        padding-right: 29px
    }
}

.imaged-articles .article-section.article-steps .article-text .text {
    margin-right: 21%
}

@media (min-width: 1024px) and (max-width:1439px) {
    .imaged-articles .article-section.article-steps .article-text .text {
        margin-right:12%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-steps .article-text .text {
        margin-right:17%
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section.article-steps .article-text .text {
        margin-bottom:90px;
        margin-right: 0
    }
}

.imaged-articles .article-section:first-child .beside-balloons {
    background: -o-linear-gradient(135deg,#6d6bd6 0,#0189a3 100%);
    background: linear-gradient(315deg,#6d6bd6,#0189a3)
}

.imaged-articles .article-section.article-section-left .article-text,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-text {
    float: right
}

.imaged-articles .article-section.article-section-left .article-image,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-image {
    left: 0;
    right: 47.45%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.article-section-left .article-image,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-image {
        right:45.5%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.article-section-left .article-image,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-image {
        right:50%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-left .article-image,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-image {
        right:66.5%
    }
}

.imaged-articles .article-section.article-section-left .article-image-construction,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-image-construction {
    left: 0;
    min-height: 534px;
    right: 47.45%
}

@media (min-width: 1440px) and (max-width:1920px) {
    .imaged-articles .article-section.article-section-left .article-image-construction,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-image-construction {
        right:50%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.article-section-left .article-image-construction,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-image-construction {
        min-height:540px;
        right: 49.5%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.article-section-left .article-image-construction,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-image-construction {
        min-height:505px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-left .article-image-construction,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .article-image-construction {
        min-height:445px;
        right: 66%
    }
}

.imaged-articles .article-section.article-section-left .transportation-article-image,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .transportation-article-image {
    left: 0;
    min-height: 490px;
    right: 47.45%
}

@media (min-width: 1024px) and (max-width:1920px) {
    .imaged-articles .article-section.article-section-left .transportation-article-image,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .transportation-article-image {
        right:49.85%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.article-section-left .transportation-article-image,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .transportation-article-image {
        min-height:515px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-left .transportation-article-image,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .transportation-article-image {
        min-height:420px;
        right: 66%
    }
}

@media (min-width: 768px) and (max-width:1610px) {
    .imaged-articles .article-section.article-section-left .container,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .container {
        padding-right:30px
    }
}

@media (min-width: 1610px) {
    .imaged-articles .article-section.article-section-left .text,.imaged-articles .article-section.article-section-left .title,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .text,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .title {
        margin-left:18.5%
    }
}

@media (min-width: 1180px) and (max-width:1610px) {
    .imaged-articles .article-section.article-section-left .text,.imaged-articles .article-section.article-section-left .title,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .text,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .title {
        margin-left:10%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-left .text,.imaged-articles .article-section.article-section-left .title,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .text,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .title {
        margin-left:11%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.article-section-left .text,.imaged-articles .article-section.article-section-left .title,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .text,.imaged-articles .article-section:nth-child(2n):not(.article-section-right) .title {
        margin-left:11%
    }
}

@media (min-width: 1440px) {
    .imaged-articles .article-section.article-section-left .title {
        margin-right:0
    }
}

.imaged-articles .article-section.article-section-software-prototyping-third .section-info-list.divider {
    top: -270px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .imaged-articles .article-section.article-section-software-prototyping-third .section-info-list.divider {
        top:-160px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-software-prototyping-third .section-info-list.divider {
        top:-200px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section.article-section-software-prototyping-third .section-info-list.divider {
        top:-220px
    }
}

.imaged-articles .article-section.article-section-right .container,.imaged-articles .article-section:nth-child(odd):not(.article-section-left) .container {
    float: right;
    position: relative
}

@media (min-width: 768px) and (max-width:1610px) {
    .imaged-articles .article-section.article-section-right .container,.imaged-articles .article-section:nth-child(odd):not(.article-section-left) .container {
        margin-left:3.8%;
        padding-left: 30px
    }
}

.imaged-articles .article-section.article-section-right .container.big-image-container,.imaged-articles .article-section:nth-child(odd):not(.article-section-left) .container.big-image-container {
    float: none
}

@media (min-width: 768px) and (max-width:1610px) {
    .imaged-articles .article-section.article-section-right .container.big-image-container,.imaged-articles .article-section:nth-child(odd):not(.article-section-left) .container.big-image-container {
        margin-left:auto
    }
}

@media (min-width: 1180px) {
    .imaged-articles .article-section.article-section-right .text,.imaged-articles .article-section:nth-child(odd):not(.article-section-left) .text {
        margin-right:28%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.article-section-right .text,.imaged-articles .article-section:nth-child(odd):not(.article-section-left) .text {
        margin-right:13%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-right .text,.imaged-articles .article-section:nth-child(odd):not(.article-section-left) .text {
        margin-right:8%
    }
}

@media (min-width: 1180px) {
    .imaged-articles .article-section.article-section-construction-second .text,.imaged-articles .article-section.article-section-right .text.wide-text,.imaged-articles .article-section.article-section-software-prototyping-second .text,.imaged-articles .article-section:nth-child(odd):not(.article-section-left) .text.wide-text {
        margin-right:10%
    }
}

@media (min-width: 1180px) {
    .imaged-articles .article-section.article-section-ecommerce-second .text,.imaged-articles .article-section.article-section-real-estate-second .text {
        margin-right:17%
    }
}

.imaged-articles .article-section.article-section-industry .article-image {
    left: 0;
    right: 52.55%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.article-section-industry .article-image {
        width:45.5%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.article-section-industry .article-image {
        right:50%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-industry .article-image {
        right:66.5%
    }
}

.imaged-articles .article-section.article-section-industry .article-image .container {
    float: right!important
}

@media (min-width: 768px) and (max-width:1610px) {
    .imaged-articles .article-section.article-section-industry .article-image .container {
        margin-left:3.8%;
        padding-left: 10px
    }
}

.imaged-articles .article-section.article-section-industry .article-image .title {
    margin-left: 0;
    margin-top: 175px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .imaged-articles .article-section.article-section-industry .article-image .title {
        margin-top:90px
    }
}

.imaged-articles .article-section.article-section-industry .article-text {
    background: -o-linear-gradient(321deg,#0189a3 0,#623f95 100%);
    background: linear-gradient(129deg,#0189a3,#623f95);
    width: 52.55%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.article-section-industry .article-text {
        width:54.55%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.article-section-industry .article-text {
        width:50%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-industry .article-text {
        width:66.5%
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .imaged-articles .article-section.article-section-industry .article-text {
        width:100%
    }
}

.imaged-articles .article-section.article-section-industry .article-text .container {
    margin-top: 245px
}

@media (min-width: 768px) and (max-width:1610px) {
    .imaged-articles .article-section.article-section-industry .article-text .container {
        margin-left:3.8%;
        padding-left: 30px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-section.article-section-industry .article-text .container {
        margin-top:240px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-section.article-section-industry .article-text .container {
        margin-bottom:90px;
        margin-top: 230px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-industry .article-text .container {
        margin-bottom:90px;
        margin-top: 255px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .imaged-articles .article-section.article-section-industry .article-text .container {
        margin-bottom:75px;
        margin-top: 175px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section.article-section-industry .article-text .container .title {
        margin-bottom:35px;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .imaged-articles .article-section.article-section-industry .article-text .container .title {
        margin-right:0
    }
}

@media (min-width: 1500px) {
    .imaged-articles .article-section.article-section-industry .article-text .container .text {
        margin-left:33%
    }
}

@media (min-width: 1440px) and (max-width:1500px) {
    .imaged-articles .article-section.article-section-industry .article-text .container .text {
        margin-left:22%
    }
}

@media (max-width: 1439px) {
    .imaged-articles .article-section.article-section-industry .article-text .container .text {
        margin-left:0
    }
}

.imaged-articles .big-icons-content {
    text-align: center
}

.imaged-articles .article-wrapper {
    position: relative
}

.imaged-articles .article-wrapper:after,.imaged-articles .article-wrapper:before {
    content: " ";
    display: table
}

.imaged-articles .article-wrapper:after {
    clear: both
}

.imaged-articles .article-wrapper+.section-info-list {
    margin-top: 148px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .imaged-articles .article-wrapper+.section-info-list {
        margin-top:119px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-wrapper+.section-info-list {
        margin-top:90px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-wrapper+.section-info-list {
        margin-top:183px
    }
}

.imaged-articles .article-wrapper+.section-info-list.divider {
    padding-bottom: 0;
    position: relative;
    top: -208px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .imaged-articles .article-wrapper+.section-info-list.divider {
        top:-160px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-wrapper+.section-info-list.divider {
        top:-130px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-wrapper+.section-info-list.divider {
        top:-220px
    }
}

.imaged-articles .article-wrapper+.section-info-list.divider .wrapper {
    max-width: 1540px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .wrapper {
        padding-left:0;
        padding-right: 0
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-5-columns {
        padding:51px 35px 0 29px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-5-columns {
        padding:50px 30px 0
    }
}

.imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-5-columns li {
    margin-bottom: 54px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-5-columns li {
        margin-bottom:72px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-5-columns li {
        margin-bottom:54px;
        margin-right: 7.8%;
        width: 28.1%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-5-columns li:nth-child(4),.imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-5-columns li:nth-child(5) {
        margin-bottom:54px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-5-columns li:nth-child(3),.imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-5-columns li:nth-of-type(3) {
        margin-right:0
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .wrapper .section-list-4-columns {
        padding:51px 35px 0 29px
    }
}

.imaged-articles .article-wrapper+.section-info-list.divider .section-list {
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    padding: 50px 50px 0;
    z-index: 3
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .section-list {
        padding:49px 0 0 30px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .section-list {
        padding:50px 20px 0
    }
}

.imaged-articles .article-wrapper+.section-info-list.divider .section-list li {
    margin-bottom: 54px
}

.imaged-articles .article-wrapper+.section-info-list.divider .section-list-big {
    padding: 100px 100px 50px
}

@media (max-width: 767px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .section-list-big {
        padding:100px 40px 0
    }
}

.imaged-articles .article-wrapper+.section-info-list.divider .section-list-centered {
    padding: 55px 30px 0
}

@media (min-width: 1440px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .section-list-centered {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .section-list-centered {
        padding:50px 50px 0
    }
}

@media (min-width: 1440px) {
    .imaged-articles .article-wrapper+.section-info-list.divider .section-list-centered li:last-child {
        margin-right:0
    }
}

.imaged-articles.transportation .article-section .article-wrapper+.section-info-list {
    margin-top: 100px
}

.imaged-articles.transportation .article-section:nth-child(2) .article-wrapper+.section-info-list {
    margin-top: 0;
    padding-bottom: 50px
}

.imaged-articles.transportation .article-section:nth-child(3) {
    margin-bottom: -180px
}

@media (max-width: 1439px) {
    .imaged-articles.transportation .article-section:nth-child(3) {
        margin-bottom:-250px
    }
}

.imaged-articles.transportation .article-section:nth-child(3) .article-wrapper+.section-info-list {
    margin-top: 230px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles.transportation .article-section:nth-child(3) .article-wrapper+.section-info-list {
        margin-top:160px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles.transportation .article-section:nth-child(3) .article-wrapper+.section-info-list {
        margin-top:100px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles.transportation .article-section:nth-child(3) .article-wrapper+.section-info-list {
        margin-top:140px
    }
}

@media (max-width: 767px) {
    .imaged-articles.transportation .article-section:nth-child(3) .article-wrapper+.section-info-list {
        margin-top:310px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles.about .article-section .article-wrapper+.section-info-list {
        margin-top:160px
    }
}

@media (max-width: 767px) {
    .imaged-articles.about .article-section .article-wrapper+.section-info-list {
        margin-top:310px
    }
}

.imaged-articles .article-text {
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    color: #fff;
    min-height: 490px;
    overflow: hidden;
    position: relative;
    width: 47.45%;
    z-index: 3
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-text {
        width:45.5%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-text {
        width:50%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-text {
        min-height:420px;
        width: 66.5%
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-text {
        min-height:245px;
        width: 100%
    }
}

.imaged-articles .article-text:not(.transparent-block) .text-link {
    border-bottom: 1px solid;
    color: inherit
}

.imaged-articles .article-text:not(.transparent-block) .text-link.hovered,.imaged-articles .article-text:not(.transparent-block) .text-link:active {
    border-bottom-color: transparent
}

.imaged-articles .article-text a:not(.hover-title-link):not(.text-link) {
    border-bottom: 1px solid hsla(0,0%,100%,.7);
    position: relative
}

.imaged-articles .article-text a:not(.hover-title-link):not(.text-link):hover {
    border-bottom-color: #fff
}

.imaged-articles .article-text .container {
    margin-bottom: 100px;
    margin-top: 139px
}

@media (min-width: 1440px) {
    .imaged-articles .article-text .container {
        max-width:672px
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .imaged-articles .article-text .container {
        margin-top:139px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-text .container {
        margin-bottom:70px;
        margin-top: 78px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-text .container {
        margin-bottom:64px;
        margin-top: 57px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.imaged-articles .article-text .container.single-title {
    margin-top: 170px
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-text .container.single-title {
        margin-top:130px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .imaged-articles .article-text .container.single-title {
        margin-top:60px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-text .container.single-title .title {
        margin-bottom:65px
    }
}

.imaged-articles .article-text .container.single-title .text {
    visibility: hidden
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-text .container.single-title .text {
        margin-bottom:100px
    }
}

@media (min-width: 320px) and (max-width:1023px) {
    .imaged-articles .article-text .container.single-title .text {
        margin-bottom:50px;
        visibility: visible
    }
}

.imaged-articles .article-text .container.single-text {
    margin-top: 170px
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-text .container.single-text {
        margin-top:130px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .imaged-articles .article-text .container.single-text {
        margin-top:60px
    }
}

.imaged-articles .article-text .container.single-text .title {
    display: none
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-text .container.single-text .title {
        margin-bottom:65px
    }
}

@media (min-width: 320px) and (max-width:1023px) {
    .imaged-articles .article-text .container.single-text .title {
        display:block
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-text .container.single-text .text {
        margin-bottom:100px
    }
}

@media (min-width: 320px) and (max-width:1023px) {
    .imaged-articles .article-text .container.single-text .text {
        margin-bottom:50px
    }
}

@media (min-width: 1440px) {
    .imaged-articles .article-text .big-container {
        margin-top:100px
    }
}

@media (min-width: 1440px) {
    .imaged-articles .article-text .wide-container {
        max-width:740px
    }
}

.imaged-articles .article-text .title {
    margin-right: 30px
}

.imaged-articles .article-text .text p {
    margin-bottom: 10px
}

@media (min-width: 1180px) {
    .imaged-articles .article-text.article-text-half {
        min-height:540px;
        width: 50%
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .imaged-articles .article-text.article-text-half {
        min-height:535px
    }
}

.imaged-articles .article-text.article-text-half+.article-image {
    bottom: -95px;
    left: 49.45%;
    right: -5px
}

@media (min-width: 768px) and (max-width:1179px) {
    .imaged-articles .article-text.article-text-half+.article-image {
        bottom:-40px;
        left: 31.45%
    }
}

.imaged-articles .article-text.article-text-half .container {
    max-width: 720px
}

@media (min-width: 1500px) {
    .imaged-articles .article-text.article-text-half .container {
        width:720px
    }
}

@media (min-width: 1440px) {
    .imaged-articles .article-text.article-text-half .container {
        margin-left:3.9%;
        padding-left: 30px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-text.article-text-half .container {
        margin-bottom:95px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-text.article-moiety {
        width:50%
    }
}

.imaged-articles .article-text.transparent-block {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #474747
}

.imaged-articles .article-section-software-prototyping-third .article-text {
    min-height: 630px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .imaged-articles .article-section-software-prototyping-third .article-text {
        min-height:480px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-section-software-prototyping-third .article-text {
        min-height:540px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-section-software-prototyping-third .article-text {
        min-height:246px
    }
}

@media (min-width: 1440px) {
    .imaged-articles .construction-container-second,.imaged-articles .software-prototyping-container-second,.imaged-articles .transportation-container-second {
        margin-right:90px
    }
}

@media (min-width: 1440px) {
    .imaged-articles .ecommerce-container-second,.imaged-articles .real-estate-container-second {
        margin-right:45px
    }
}

@media (min-width: 1180px) and (max-width:1920px) {
    .imaged-articles .article-text-right {
        width:50%
    }
}

.imaged-articles .article-image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 40px;
    left: 47.45%;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 2
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-image {
        background-position:101%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-image {
        left:50%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-image {
        left:65.5%
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-image {
        display:none
    }
}

@media (min-width: 1180px) and (max-width:1920px) {
    .imaged-articles .article-image.article-image-construction-second,.imaged-articles .article-image.transportation-article-image-second {
        left:50%
    }
}

@media (min-width: 1440px) {
    .imaged-articles .article-image.transportation-article-image-second {
        max-height:565px
    }
}

.imaged-articles .article-image.big-height {
    bottom: -86px;
    height: 525px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles .article-image.big-height {
        bottom:-31px;
        height: 492px;
        min-height: 492px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-image.big-height {
        bottom:-54px;
        height: 490px
    }
}

.imaged-articles .article-image.same-height {
    bottom: 0;
    top: 0
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .article-image.article-image-alone {
        background-position:100%;
        left: 45.45%
    }
}

.imaged-articles .article-image .container {
    color: #fff;
    float: left!important;
    margin-bottom: 100px;
    margin-top: 70px
}

@media (min-width: 1440px) {
    .imaged-articles .article-image .container {
        max-width:672px
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .imaged-articles .article-image .container {
        margin-top:139px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .imaged-articles .article-image .container {
        margin-bottom:70px;
        margin-top: 78px
    }
}

@media (max-width: 767px) {
    .imaged-articles .article-image .container {
        margin-bottom:64px;
        margin-top: 57px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 1500px) {
    .imaged-articles .article-image .container .single-text {
        margin-left:33%
    }
}

@media (min-width: 1440px) and (max-width:1500px) {
    .imaged-articles .article-image .container .single-text {
        margin-left:22%
    }
}

@media (max-width: 1439px) {
    .imaged-articles .article-image .container .single-text {
        margin-left:0;
        padding-right: 30px
    }
}

@media (max-width: 1023px) {
    .imaged-articles .article-image .container .single-text {
        display:none
    }
}

@media (min-width: 1500px) {
    .imaged-articles .article-image .container .single-title {
        margin-left:33%
    }
}

@media (min-width: 1440px) and (max-width:1500px) {
    .imaged-articles .article-image .container .single-title {
        margin-left:22%
    }
}

@media (max-width: 1439px) {
    .imaged-articles .article-image .container .single-title {
        margin-left:0;
        padding-right: 30px
    }
}

@media (max-width: 1023px) {
    .imaged-articles .article-image .container .single-title {
        display:none
    }
}

@media (min-width: 1180px) and (max-width:1920px) {
    .imaged-articles.article-image-construction-second {
        left:50%
    }
}

@media (min-width: 1180px) and (max-width:1920px) {
    .imaged-articles.article-image-software-prototyping-second {
        left:52.5%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .article-image.bg-harbor {
        background-position:0 0
    }
}

.article-image.bg-wholesale {
    background-position-x: 0
}

@media (min-width: 1024px) {
    .article-image.bg-glasses {
        background-position-x:0
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .article-image.bg-glasses {
        background-position-x:45%
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .article-image.bg-road.big-height {
        background-position-x:37%;
        min-height: 490px
    }
}

.article-image.bg-construction-management.big-height,.article-image.bg-working-with-client.big-height,.article-image.media-and-entertainment.big-height {
    min-height: 565px
}

.article-image.energy-landscape {
    left: 55%
}

@media (min-width: 1440px) {
    .article-image.energy-landscape {
        min-height:565px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .article-image.energy-landscape {
        left:68%
    }
}

.article-image.transportation-logistics {
    min-height: 605px
}

@media (min-width: 1440px) {
    .article-image.transportation-logistics {
        width:50%
    }
}

.article-image.all-shapes-and-sizes,.article-image.solutions-for-shops {
    margin-left: 2.5%;
    width: 49.9%
}

@media (min-width: 1024px) and (max-width:1179px) {
    .article-image.all-shapes-and-sizes,.article-image.solutions-for-shops {
        width:50%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .article-image.all-shapes-and-sizes,.article-image.solutions-for-shops {
        background-position-x:80%
    }
}

.article-image.all-shapes-and-sizes.big-height,.article-image.solutions-for-shops.big-height {
    min-height: 565px;
    right: 0
}

@media (min-width: 768px) and (max-width:1179px) {
    .article-image.all-shapes-and-sizes {
        background-position-x:100%
    }
}

.article-image.bg-people-big {
    min-height: 582px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .article-image.bg-people-big {
        background-position-x:0
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .article-image.bg-people-big {
        background-position-x:10%;
        background-position-y: 0;
        background-size: 195%;
        min-height: 505px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .article-image.bg-people-big {
        background-position-x:7%;
        min-height: 505px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .article-image.bg-software-project {
        background-position-x:80%
    }
}

.article-image.bg-software-project.big-height {
    min-height: 565px
}

@media (min-width: 768px) and (max-width:1023px) {
    .article-image.bg-depot,.article-image.bg-scale {
        background-position-x:37%
    }
}

.article-image.bg-measures {
    min-height: 582px
}

@media (max-width: 1179px) {
    .article-image.bg-office {
        background-position-x:100%
    }
}

@media (max-width: 1179px) {
    .article-image.bg-construction.big-height {
        min-height:525px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .article-image.bg-custom-software {
        background-position-x:20%
    }
}

.article-image.bg-market-graph {
    background-position-x: 0
}

@media (max-width: 1439px) {
    .article-image.bg-hikers {
        background-position-x:115%
    }
}

@media (max-width: 1179px) {
    .article-image.bg-hikers {
        background-position-x:85%
    }
}

@media (max-width: 1023px) {
    .article-image.bg-hikers {
        background-position-x:65%
    }
}

.article-image.bg-medical-record:after {
    background-image: -o-linear-gradient(327deg,rgba(185,71,144,.1) 0,rgba(98,63,149,.2) 100%);
    background-image: linear-gradient(123deg,rgba(185,71,144,.1),rgba(98,63,149,.2));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.article-image.bg-server-room {
    background-position-x: 50%
}

@media (min-width: 768px) and (max-width:1179px) {
    .article-image.bg-server-room {
        background-position-x:20%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .article-image.bg-abstract-code {
        background-position-x:50%
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .article-image.bg-abstract-code {
        background-position-x:0
    }
}

.article-image.bg-rocket {
    background-position-x: 70%
}

@media (min-width: 768px) and (max-width:1023px) {
    .article-image.bg-software-prototyping {
        background-position-x:80%
    }
}

@media (max-width: 1179px) {
    .article-image.bg-software-prototyping.big-height {
        min-height:590px
    }
}

.article-image.bg-syberry-meeting {
    background-position-y: 65%
}

@media (min-width: 1024px) and (max-width:1439px) {
    .article-image.bg-syberry-meeting {
        background-position-x:65%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .article-image.bg-syberry-meeting {
        background-position-x:75%
    }
}

@media (max-width: 1179px) {
    .article-image.bg-syberry-meeting.big-height {
        min-height:590px
    }
}

.article-image.bg-iot.big-height {
    height: 510px
}

@media (min-width: 768px) and (max-width:1439px) {
    .article-image.bg-iot.big-height {
        height:525px
    }
}

.article-image.bg-two-main-forms.big-height {
    height: 583px
}

@media (min-width: 768px) and (max-width:1439px) {
    .article-image.bg-two-main-forms.big-height {
        height:525px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .article-image.bg-cloud-upload-icons {
        background-position-x:62%
    }
}

@media (max-width: 1439px) {
    .article-image.bg-laptop-screen {
        background-position-x:35%
    }
}

@media (max-width: 1179px) {
    .article-image.bg-laptop-screen {
        background-position-x:0
    }
}

.article-image.bg-clouds-eagles {
    background-size: 170%
}

@media (max-width: 1439px) {
    .article-image.bg-clouds-eagles {
        background-position-x:80%;
        background-size: 250%
    }
}

@media (max-width: 1179px) {
    .article-image.bg-clouds-eagles {
        background-position-x:65%;
        background-size: 345%
    }
}

@media (max-width: 1023px) {
    .article-image.bg-clouds-eagles {
        background-size:cover
    }
}

.imaged-articles .title {
    display: inline-block;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 33px;
    overflow: hidden;
    position: relative
}

@media (max-width: 767px) {
    .imaged-articles .title {
        font-size:30px;
        line-height: 38px;
        margin-bottom: 24px
    }
}

.imaged-articles .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,transparent));
    background: -o-linear-gradient(left,#fff 50%,transparent 50%);
    background: linear-gradient(90deg,#fff 50%,transparent 0);
    bottom: 0;
    content: "";
    left: -2px;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    -webkit-transition: -webkit-transform ease-in-out;
    transition: -webkit-transform ease-in-out;
    -o-transition: transform ease-in-out;
    transition: transform ease-in-out;
    transition: transform ease-in-out,-webkit-transform ease-in-out;
    width: 201%
}

.imaged-articles .title span {
    opacity: 0
}

.imaged-articles .text {
    letter-spacing: -.4px
}

.imaged-articles .text .steps-description {
    bottom: -75px;
    display: block;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 26px;
    line-height: 36px;
    position: relative
}

@media (min-width: 1180px) and (max-width:1439px) {
    .imaged-articles .text .steps-description {
        bottom:-50px
    }
}

@media (min-width: 1180px) {
    .imaged-articles .text .steps-description {
        margin-right:-10%
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .imaged-articles .text .steps-description {
        bottom:-40px
    }
}

@media (max-width: 767px) {
    .imaged-articles .text .steps-description {
        bottom:0;
        font-size: 22px;
        margin-top: 60px
    }
}

.article-section .text,.article-section .title {
    visibility: hidden
}

.article-section .animated.container .text,.article-section .animated.container .title {
    visibility: visible
}

.article-section .animated.container .text:before,.article-section .animated.container .title:before {
    -webkit-animation: articleBgFadeLeft .9s ease-in-out both;
    animation: articleBgFadeLeft .9s ease-in-out both
}

@media (max-width: 1023px) {
    .article-section .animated.container .text:before,.article-section .animated.container .title:before {
        -webkit-animation-delay:.4s;
        animation-delay: .4s
    }
}

.article-section .animated.container .text span,.article-section .animated.container .title span {
    opacity: 1;
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
    transition-delay: .45s
}

@media (max-width: 1023px) {
    .article-section .animated.container .text span,.article-section .animated.container .title span {
        -webkit-transition-delay:.8s;
        -o-transition-delay: .8s;
        transition-delay: .8s
    }
}

.article-section .animated.container .text .steps-description,.article-section .animated.container .title .steps-description {
    -webkit-animation: fadeInLeftXS .55s ease-in-out .45s both;
    animation: fadeInLeftXS .55s ease-in-out .45s both
}

@media (max-width: 1023px) {
    .article-section .animated.container .text .steps-description,.article-section .animated.container .title .steps-description {
        -webkit-transition-delay:.8s;
        -o-transition-delay: .8s;
        transition-delay: .8s
    }
}

.article-section .animated.container .text {
    -webkit-animation: fadeInLeftXS .55s ease-in-out 135ms both;
    animation: fadeInLeftXS .55s ease-in-out 135ms both
}

@media (max-width: 1023px) {
    .article-section .animated.container .text {
        -webkit-animation:fadeInLeftXS .55s ease-in-out .7s both;
        animation: fadeInLeftXS .55s ease-in-out .7s both
    }
}

.big-imaged-articles {
    background-repeat: no-repeat;
    margin-bottom: 130px;
    position: relative;
    z-index: 2
}

@media (min-width: 1180px) and (max-width:1439px) {
    .big-imaged-articles {
        margin-bottom:0
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .big-imaged-articles {
        margin-bottom:300px
    }
}

@media (min-width: 320px) and (max-width:1023px) {
    .big-imaged-articles {
        margin-bottom:180px
    }
}

.big-imaged-articles .big-image-container>.title {
    color: #fff;
    margin-bottom: 0;
    margin-top: 105px;
    width: 60%
}

@media (min-width: 768px) and (max-width:1439px) {
    .big-imaged-articles .big-image-container>.title {
        width:90%
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .big-imaged-articles .big-image-container>.title {
        width:100%
    }
}

.big-imaged-articles .big-image-container>.text {
    color: #fff;
    margin: 42px 0 25px;
    width: 39%
}

@media (min-width: 768px) and (max-width:1439px) {
    .big-imaged-articles .big-image-container>.text {
        width:95%
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .big-imaged-articles .big-image-container>.text {
        width:100%
    }
}

.big-imaged-articles .big-image-container>.text p {
    padding-bottom: 30px
}

@media (min-width: 1440px) {
    .big-imaged-articles.bg-customization-existing-systems {
        background-position-y:40%;
        height: 900px
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .big-imaged-articles.bg-customization-existing-systems {
        margin-bottom:180px
    }
}

@media (min-width: 320px) and (max-width:1023px) {
    .big-imaged-articles.bg-customization-existing-systems {
        margin-bottom:130px
    }
}

.big-imaged-articles.bg-customization-existing-systems .big-image-container>.title {
    margin-top: 40px
}

@media (min-width: 1440px) {
    .big-imaged-articles.bg-customization-existing-systems .big-image-container>.title {
        margin-top:80px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .big-imaged-articles.bg-additional-benefits {
        background-position-x:20%
    }
}

.big-imaged-articles.bg-additional-benefits .big-image-container>.title {
    margin-top: 215px
}

.background-articles.success-stories-wrapper {
    position: relative
}

.background-articles.success-stories-wrapper .bg-article-section-1 {
    background-color: #fbfbfb
}

.background-articles.success-stories-wrapper .bg-article-section-2 {
    background-color: #831d65
}

.background-articles.success-stories-wrapper .bg-article-section-3 {
    background-color: #f46a66
}

.background-articles.success-stories-wrapper .bg-article-section-4 {
    background-color: #1e9d51
}

.background-articles.success-stories-wrapper .bg-article-section-5 {
    background-color: #375dcf
}

.background-articles.success-stories-wrapper .bg-article-section-6 {
    background-color: #b4393a
}

.background-articles.success-stories-wrapper .bg-article-section-7 {
    background-color: #39bcd7
}

.background-articles.success-stories-wrapper .bg-article-section-8 {
    background-color: #5d3e8d
}

.background-articles.success-stories-wrapper .bg-article-section-9 {
    background-color: #1397cf
}

.background-articles .buttons-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 45px;
    position: absolute
}

@media (min-width: 320px) and (max-width:1023px) {
    .background-articles .buttons-wrapper {
        margin-top:20px
    }
}

.background-articles .back-button-wrapper {
    background: none;
    border: none;
    cursor: pointer;
    margin-top: 20px;
    outline: none;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%
}

@media (max-width: 767px) {
    .background-articles .back-button-wrapper {
        margin-left:19px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .background-articles .back-button-wrapper {
        margin-left:30px
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .background-articles .back-button-wrapper {
        margin-left:120px
    }
}

@media (min-width: 1440px) {
    .background-articles .back-button-wrapper {
        margin-left:calc((100vw - 1440px)/2 + 105px)
    }
}

.background-articles .back-button-wrapper svg {
    display: inline-block;
    fill: #fff;
    height: 10px;
    margin-right: 8px;
    stroke: #fff;
    width: 15px
}

.background-articles .back-button-wrapper:hover {
    border-bottom-color: #fff
}

.background-articles .back-button-wrapper:hover:after {
    background-color: #fff;
    bottom: -3px;
    content: "";
    display: block;
    height: 2px;
    left: 23px;
    position: absolute;
    width: 107px
}

.background-articles .back-button-wrapper .back-button-title {
    color: #fff;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 13px;
    text-transform: uppercase
}

.background-articles .bg-article-section .bg-article-wrapper {
    color: #fff
}

.background-articles .bg-article-section-1 {
    position: relative;
    z-index: 2
}

.background-articles .bg-article-section-1 .bg-article-wrapper {
    color: #474747
}

.background-articles .bg-article-section-1 .back-button-wrapper svg {
    fill: #474747;
    stroke: #474747
}

.background-articles .bg-article-section-1 .back-button-wrapper:hover {
    border-bottom-color: #474747
}

.background-articles .bg-article-section-1 .back-button-wrapper:hover:after {
    background-color: #474747
}

.background-articles .bg-article-section-1 .back-button-wrapper .back-button-title {
    color: #474747
}

.background-articles .button-text {
    margin-right: 15px
}

@media (max-width: 414px) {
    .background-articles .button {
        padding:9px 16px 8px
    }
}

.background-articles .button .icon-arrow {
    height: 16px;
    padding-top: 3px;
    top: 0;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    width: 10px
}

.bg-article-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 880px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 1180px) and (max-width:1439px) {
    .bg-article-wrapper {
        height:680px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .bg-article-wrapper {
        height:700px
    }
}

@media (min-width: 320px) and (max-width:1023px) {
    .bg-article-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }
}

.bg-article-wrapper.image-left {
    color: #474747;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (min-width: 320px) and (max-width:1023px) {
    .bg-article-wrapper.image-left {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.bg-article-text {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 90px;
    padding-left: 105px;
    position: relative;
    width: 44%;
    z-index: 5
}

@media (min-width: 1024px) and (max-width:1439px) {
    .bg-article-text {
        padding-left:90px;
        width: 55%
    }
}

@media (min-width: 320px) and (max-width:1023px) {
    .bg-article-text {
        padding:50px 30px 0;
        width: 100%
    }
}

.bg-article-title {
    margin-bottom: 35px;
    width: 85%
}

.bg-article-description {
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
    width: 81%
}

@media (min-width: 320px) and (max-width:767px) {
    .bg-article-description {
        width:100%
    }
}

.bg-article-description.additional-description {
    display: none
}

.button-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2
}

.bg-article-tags {
    font-family: sf_ui_textmedium,Helvetica,Arial,sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.bg-article-container-image {
    width: 56%
}

@media (max-width: 1610px) {
    .bg-article-container-image {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .bg-article-container-image {
        padding-top:20px;
        width: 45%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .bg-article-container-image {
        width:70%
    }
}

@media (min-width: 320px) and (max-width:1023px) {
    .bg-article-container-image {
        padding-bottom:90px;
        padding-top: 90px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .bg-article-container-image {
        width:100%
    }
}

.bg-article-image {
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width: 320px) and (max-width:1023px) {
    .bg-article-image {
        padding-top:60px
    }
}

@media (min-width: 1610px) {
    .telephonic-appearance {
        margin:50px 0 0 150px;
        width: 85%
    }
}

@media (min-width: 1610px) {
    .crowdfunding-platform {
        right:50px;
        width: 110%
    }
}

@media (min-width: 1610px) {
    .digital-rights {
        right:130px;
        width: 125%
    }
}

@media (min-width: 1610px) {
    .erp-solution {
        top:30px;
        width: 82%
    }
}

@media (min-width: 1610px) {
    .electronic-medical-record {
        bottom:30px;
        left: 100px;
        width: 92%
    }
}

@media (min-width: 1610px) {
    .campus-investment-system {
        right:50px;
        width: 108%
    }
}

@media (min-width: 1610px) {
    .hr-talent {
        left:100px;
        width: 92%
    }
}

@media (min-width: 1610px) {
    .healthcare-system {
        left:180px;
        width: 30%
    }
}

@media (min-width: 320px) and (max-width:1610px) {
    .healthcare-system {
        width:30%
    }
}

@media (min-width: 1610px) {
    .steel-etimation {
        left:100px
    }
}

@media (min-width: 1610px) {
    .mission-control {
        bottom:15px;
        right: 100px;
        width: 82%
    }
}

@media (min-width: 1610px) {
    .integrated-medical {
        left:215px;
        width: 44%
    }
}

@media (min-width: 320px) and (max-width:1610px) {
    .integrated-medical {
        width:55%
    }
}

@media (min-width: 1610px) {
    .expert-teeth {
        left:150px;
        width: 40%
    }
}

@media (min-width: 320px) and (max-width:1610px) {
    .expert-teeth {
        width:55%
    }
}

@media (min-width: 1610px) {
    .cms-for-schools {
        right:100px;
        width: 130%
    }
}

.section-light {
    background-color: #fff
}

.sections {
    position: relative
}

.sections .container-column {
    width: 50%
}

@media (max-width: 767px) {
    .sections .container-column {
        width:100%
    }
}

.sections.container-row .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .sections.container-row .wrapper {
        display:block;
        padding: 0
    }
}

.sections .button.wow,.sections .description.wow {
    -webkit-animation-duration: .55s;
    animation-duration: .55s;
    -webkit-animation-name: fadeInLeftXS;
    animation-name: fadeInLeftXS
}

.sections .description {
    letter-spacing: -.4px
}

.sections .topic-name {
    display: inline-block;
    overflow: hidden;
    position: relative
}

@media (min-width: 1180px) and (max-width:1439px) {
    .sections .topic-name.wide-lg {
        letter-spacing:-.9px
    }
}

.attention-section {
    border-bottom: 1px solid hsla(0,0%,85.1%,.4);
    padding-bottom: 80px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section {
        padding-bottom:118px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section {
        padding-bottom:72px
    }
}

@media (max-width: 767px) {
    .attention-section {
        padding-bottom:54px
    }
}

.attention-section.attention-before-slider {
    margin-bottom: 75px
}

@media (min-width: 1439px) {
    .attention-section.inner-attention {
        padding-bottom:120px
    }
}

.attention-section.before-attention {
    padding-bottom: 160px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .attention-section.before-attention {
        padding-bottom:120px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section.before-attention {
        padding-bottom:112px
    }
}

@media (max-width: 767px) {
    .attention-section.before-attention {
        padding-bottom:95px
    }
}

.attention-section.before-section-list {
    margin-bottom: 110px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .attention-section.before-section-list {
        margin-bottom:80px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section.before-section-list {
        margin-bottom:72px
    }
}

@media (max-width: 767px) {
    .attention-section.before-section-list {
        margin-bottom:55px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .attention-section.attention-imposition {
        padding-bottom:120px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section.attention-imposition {
        padding-bottom:112px
    }
}

@media (max-width: 767px) {
    .attention-section.attention-imposition {
        padding-bottom:95px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section.inner-attention-md {
        padding-bottom:80px
    }
}

.attention-section.attention-section-with-border {
    border-top: 1px solid hsla(0,0%,85.1%,.4)
}

.attention-section.attention-section-title {
    border-bottom: none;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .attention-section.attention-section-title .description {
        margin-top:51px
    }
}

.attention-section.attention-section-articles {
    border-bottom: none
}

@media (min-width: 1440px) {
    .attention-section.wrapper,.attention-section .wrapper {
        display:table;
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px)
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .attention-section.wrapper,.attention-section .wrapper {
        display:table;
        width: 100%
    }
}

@media (max-width: 767px),(min-width:1180px) and (max-width:1439px) {
    .attention-section.wrapper,.attention-section .wrapper {
        padding-left:0;
        padding-right: 0
    }
}

@media (max-width: 1023px) {
    .attention-section.container-row {
        display:block
    }
}

@media (min-width: 1024px) {
    .attention-section .container-column {
        display:table-cell;
        width: 50%
    }
}

@media (max-width: 1023px) {
    .attention-section .container-column {
        width:100%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section .container-column.container-column-topic {
        width:572px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section .container-column.container-column-topic {
        width:81%
    }
}

@media (max-width: 767px) {
    .attention-section .container-column.container-column-topic {
        width:93.4%
    }
}

.attention-section .container-column.container-column-topic.animated .subtitle-topic {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.attention-section .container-column.container-column-topic.animated .button,.attention-section .container-column.container-column-topic.animated .subtitle-topic {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.attention-section .container-column.container-column-topic.animated .subtitle-topic {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: stretchToFullWidth;
    animation-name: stretchToFullWidth
}

.attention-section .container-column.container-column-topic.animated .button {
    -webkit-animation-duration: .55s;
    animation-duration: .55s
}

.attention-section .container-column.container-column-topic.animated .button,.attention-section .container-column.container-column-topic.animated .button:after {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.attention-section .container-column.container-column-topic.only-topic {
    float: left
}

.attention-section .container-column.container-column-text {
    display: table-cell;
    vertical-align: middle
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section .container-column.container-column-text {
        width:40%
    }
}

@media (max-width: 1023px) {
    .attention-section .container-column.container-column-text {
        width:100%
    }
}

@media (max-width: 767px) {
    .attention-section .container-column.container-column-text {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        padding-left: 19px;
        padding-right: 19px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section .container-column.container-column-text.container-column-text-high .description {
        margin-top:70px
    }
}

@media (max-width: 767px) {
    .attention-section .container-column.container-column-text.container-column-text-high .description {
        margin-top:48px
    }
}

.attention-section .subtitle-topic {
    background: #fff;
    -webkit-box-shadow: 0 0 45px rgba(0,0,0,.35);
    box-shadow: 0 0 45px rgba(0,0,0,.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    line-height: 40px;
    margin-top: -40px;
    padding: 97px 0 96px 18%;
    position: relative;
    z-index: 5
}

@media (min-width: 1180px) and (max-width:1439px) {
    .attention-section .subtitle-topic {
        padding-bottom:97px;
        padding-left: 8.3%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section .subtitle-topic {
        padding-bottom:94px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .attention-section .subtitle-topic {
        padding-left:60px
    }
}

@media (max-width: 767px) {
    .attention-section .subtitle-topic {
        font-size:30px;
        line-height: 1.33;
        padding: 55px 0 51px 19px
    }
}

.attention-section .subtitle-topic.subtitle-middle,.attention-section .subtitle-topic.subtitle-middle-desktop {
    top: -80px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .attention-section .subtitle-topic.subtitle-middle-desktop {
        top:-143px
    }
}

@media (max-width: 1179px) {
    .attention-section .subtitle-topic.subtitle-middle-desktop {
        top:0
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .attention-section .subtitle-topic.subtitle-wide .text {
        padding-right:0
    }
}

.attention-section .subtitle-topic .text {
    letter-spacing: -.25px;
    margin-bottom: 52px;
    padding-right: 79px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .attention-section .subtitle-topic .text {
        padding-right:55px
    }
}

@media (max-width: 767px) {
    .attention-section .subtitle-topic .text {
        padding-right:12px
    }
}

.attention-section .subtitle-topic .text-only {
    margin-bottom: 0
}

.attention-section .subtitle-topic .topic-name:after {
    background-color: #393939
}

.attention-section .subtitle-topic .button {
    margin: 15px 30px 10px 0;
    text-align: center
}

@media (max-width: 1439px) {
    .attention-section .subtitle-topic .button {
        margin-right:32px
    }
}

@media (max-width: 1023px) {
    .attention-section .subtitle-topic .button {
        margin-bottom:0
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section .subtitle-topic .button {
        margin-top:25px
    }
}

@media (max-width: 767px) {
    .attention-section .subtitle-topic .button {
        margin-top:36px
    }
}

@media (max-width: 450px) {
    .attention-section .subtitle-topic .button {
        margin-right:10px
    }
}

.attention-section .subtitle-topic .button .icon-arrow-right {
    height: 16px;
    margin-bottom: 0;
    margin-top: 0;
    width: 12px
}

.attention-section .description {
    -webkit-animation-delay: 125ms;
    animation-delay: 125ms;
    -webkit-animation-duration: .55s;
    animation-duration: .55s;
    margin: 0 0 0 24.3%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .attention-section .description {
        margin-left:9.2%;
        width: 85%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section .description {
        margin-left:14.5%
    }
}

@media (max-width: 1023px) {
    .attention-section .description {
        margin-left:0;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section .description {
        margin-top:71px
    }
}

@media (max-width: 767px) {
    .attention-section .description {
        margin-top:51px
    }
}

@media (min-width: 1024px) {
    .attention-section .description.high-description {
        padding-top:65px
    }
}

.attention-section .description p+p {
    margin-top: 9px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section .description .hidden-description {
        display:none
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section.topic-with-buttons .container-column-text {
        width:40%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section.topic-with-buttons .container-column-topic {
        width:59.3%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section.topic-with-buttons .container-column-topic {
        width:80.8%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section.topic-with-buttons .subtitle-topic {
        padding-bottom:99px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .attention-section.topic-with-buttons .subtitle-topic {
        padding-left:10.2%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section.topic-with-buttons .subtitle-topic {
        line-height:40px;
        padding-bottom: 110px;
        padding-top: 98px
    }
}

@media (max-width: 767px) {
    .attention-section.topic-with-buttons .subtitle-topic {
        line-height:38px;
        padding-bottom: 70px
    }
}

@media (min-width: 1180px) {
    .attention-section.topic-with-buttons .subtitle-topic .text {
        margin-bottom:37px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section.topic-with-buttons .subtitle-topic .text {
        margin-bottom:36px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .attention-section.topic-with-buttons .subtitle-topic .text {
        margin-bottom:25px
    }
}

@media (max-width: 767px) {
    .attention-section.topic-with-buttons .subtitle-topic .text {
        margin-bottom:16px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .attention-section.topic-with-buttons .description {
        margin-left:14%
    }
}

.section-title {
    padding-bottom: 62px;
    padding-top: 57px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-title {
        padding-bottom:112px;
        padding-top: 106px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-title {
        padding-bottom:83px;
        padding-top: 75px
    }
}

@media (min-width: 1440px) {
    .section-title {
        padding-bottom:143px;
        padding-top: 138px
    }
}

.section-title .title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 30px;
    line-height: 38px
}

@media (min-width: 768px) {
    .section-title .title {
        font-size:34px;
        line-height: 40px
    }
}

.section-title .wrapper:after,.section-title .wrapper:before {
    content: " ";
    display: table
}

.section-title .wrapper:after {
    clear: both
}

@media (min-width: 768px) {
    .section-title .container-column {
        float:left;
        width: 50%
    }
}

.section-title .container-column:nth-child(2n) .description {
    margin-top: 25px
}

@media (min-width: 1440px) {
    .section-title .container-column:nth-child(2n) .description {
        margin-left:24%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-title .container-column:nth-child(2n) .description {
        margin-left:9.2%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-title .container-column:nth-child(2n) .description {
        margin-left:10.25%
    }
}

@media (min-width: 1024px) {
    .section-title .container-column:nth-child(2n) .description {
        margin-top:72px
    }
}

.section-title .description {
    margin: 33px 0 0
}

@media (min-width: 1440px) {
    .section-title .description {
        max-width:75%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-title .description {
        max-width:95%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-title .description {
        max-width:90%
    }
}

.section-title .description.description-wide {
    max-width: 100%
}

.section-title.wow .title {
    overflow: hidden;
    position: relative
}

.section-title.wow .title:before {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,transparent));
    background: -o-linear-gradient(left,#fff 50%,transparent 50%);
    background: linear-gradient(90deg,#fff 50%,transparent 0);
    bottom: 0;
    content: "";
    left: -2px;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    -webkit-transition: -webkit-transform ease-in-out;
    transition: -webkit-transform ease-in-out;
    -o-transition: transform ease-in-out;
    transition: transform ease-in-out;
    transition: transform ease-in-out,-webkit-transform ease-in-out;
    width: 201%
}

.section-title.wow .title span {
    opacity: 0
}

.section-title.wow .description,.section-title.wow .title {
    visibility: hidden
}

.section-title.wow.animated .description,.section-title.wow.animated .title {
    visibility: visible
}

.section-title.wow.animated .title:before {
    -webkit-animation: articleBgFadeLeft .9s ease-in-out both;
    animation: articleBgFadeLeft .9s ease-in-out both
}

@media (max-width: 1023px) {
    .section-title.wow.animated .title:before {
        -webkit-animation-delay:.4s;
        animation-delay: .4s
    }
}

.section-title.wow.animated .title span {
    opacity: 1;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

@media (min-width: 1024px) {
    .section-title.wow.animated .title span {
        -webkit-transition-delay:.45s;
        -o-transition-delay: .45s;
        transition-delay: .45s
    }
}

.section-title.wow.animated .description {
    -webkit-animation: fadeInLeftXS .55s ease-in-out .7s both;
    animation: fadeInLeftXS .55s ease-in-out .7s both
}

@media (min-width: 1024px) {
    .section-title.wow.animated .description {
        -webkit-animation:fadeInLeftXS .55s ease-in-out 135ms both;
        animation: fadeInLeftXS .55s ease-in-out 135ms both
    }
}

.section-background {
    background: 50% 50% no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
    z-index: 2
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-background.mountain-sunset-bg {
        background-position-x:35%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-background.mountain-sunset-bg {
        background-position-x:34.6%
    }
}

@media (max-width: 767px) {
    .section-background.mountain-sunset-bg {
        background-position-x:55%
    }
}

.section-background.rock-sunset-bg {
    background-position-x: 45%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-background.rock-sunset-bg {
        background-position-x:40%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-background.rock-sunset-bg {
        background-position-x:33%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-background.rock-sunset-bg {
        background-position-x:35%
    }
}

@media (max-width: 767px) {
    .section-background.rock-sunset-bg {
        background-position-x:26.2%
    }
}

@media (max-width: 1439px) {
    .section-background.operating-room-bg {
        background-position-x:21%
    }
}

@media (max-width: 1179px) {
    .section-background.operating-room-bg {
        background-position-x:0
    }
}

@media (max-width: 1023px) {
    .section-background.operating-room-bg {
        background-position-x:15%
    }
}

@media (max-width: 767px) {
    .section-background.operating-room-bg {
        background-position-x:50%
    }
}

.section-background.night-city-bg {
    background-position-x: 68%
}

@media (max-width: 767px) {
    .section-background.night-city-bg {
        background-position-x:100%
    }
}

@media (min-width: 1440px) {
    .section-background.night-city-bg.little-content {
        background-position-x:85%;
        background-size: 110%
    }
}

@media (min-width: 450px) and (max-width:767px) {
    .section-background.night-city-bg.little-content {
        background-position-y:100%;
        background-size: 260%
    }
}

@media (max-width: 450px) {
    .section-background.night-city-bg.little-content {
        background-size:cover
    }
}

@media (min-width: 768px) and (max-width:1439px) {
    .section-background.peak-bg {
        background-position-x:33%
    }
}

.section-background.success-bg {
    background-position-y: 100%
}

.section-info-list {
    padding-bottom: 48px;
    position: relative
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-info-list {
        padding-bottom:76px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-info-list {
        padding-bottom:86px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-list {
        padding-bottom:69px
    }
}

@media (min-width: 1440px) {
    .section-info-list {
        padding-bottom:111px
    }
}

.section-info-list.before-projects {
    padding-bottom: 200px
}

@media (min-width: 1440px) {
    .section-info-list.section-bottom-more-mlg {
        padding-bottom:168px
    }
}

.section-info-list.section-info-without-picture {
    padding-bottom: 130px;
    padding-top: 55px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-info-list.section-info-without-picture {
        padding-bottom:135px;
        padding-top: 80px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-list.section-info-without-picture {
        padding-bottom:110px;
        padding-top: 75px
    }
}

@media (min-width: 1440px) {
    .section-info-list.section-info-without-picture {
        padding-bottom:170px;
        padding-top: 110px
    }
}

@media (min-width: 1440px) {
    .section-info-list.section-info-without-picture .section-list li {
        width:23.2%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-info-list.section-info-without-picture .section-list li:nth-child(3) {
        margin-right:3.2%
    }
}

.section-info-list.section-list-before-advantages {
    padding-bottom: 3px
}

@media (min-width: 1440px) {
    .section-info-list.section-list-before-advantages {
        padding-bottom:74px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-info-list.section-list-before-advantages {
        padding-bottom:43px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-info-list.section-list-before-advantages {
        padding-bottom:53px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-list.section-list-before-advantages {
        padding-bottom:26px
    }
}

.section-info-list.section-list-before-form {
    margin-bottom: -72px;
    padding-bottom: 0
}

@media (min-width: 1180px) {
    .section-info-list.section-list-before-form {
        margin-bottom:-80px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-info-list.section-list-before-form {
        margin-bottom:-65px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-list.section-list-before-form {
        margin-bottom:-60px
    }
}

.section-info-list.divider-steps {
    padding-bottom: 0;
    position: relative;
    top: -307px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-info-list.divider-steps {
        margin-bottom:60px;
        top: -200px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-info-list.divider-steps {
        margin-bottom:90px;
        top: -158px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-list.divider-steps {
        margin-bottom:86px;
        top: -130px
    }
}

@media (min-width: 1440px) {
    .section-info-list.divider-steps {
        top:-230px
    }
}

.section-info-list.divider-steps .section-list {
    z-index: 3
}

.section-info-list.divider-steps .section-list li {
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    position: relative;
    z-index: 1
}

@media (min-width: 1440px) {
    .section-info-list.divider-steps .section-list li {
        margin-right:1.25%;
        padding: 23px 23px 42px;
        width: 19%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-info-list.divider-steps .section-list li {
        margin-bottom:56px;
        margin-right: 5%;
        padding: 23px 20px 45px;
        width: 30%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-info-list.divider-steps .section-list li {
        margin-bottom:49px;
        margin-right: 5%;
        padding: 23px 20px 54px;
        width: 30%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-list.divider-steps .section-list li {
        margin-bottom:55px;
        margin-right: 8%;
        padding: 21px 20px 55px;
        width: 46%
    }
}

@media (max-width: 767px) {
    .section-info-list.divider-steps .section-list li {
        margin-bottom:30px;
        margin-right: 0;
        padding: 21px 20px 66px;
        width: 100%
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-info-list.divider-steps .section-list li:nth-child(3) {
        margin-right:0
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-list.divider-steps .section-list li:nth-child(2),.section-info-list.divider-steps .section-list li:nth-child(4) {
        margin-right:0
    }
}

.section-info-list.divider-steps .section-list li:last-child {
    margin-right: 0
}

.section-info-list.divider-steps .section-list li .line {
    display: inline-block;
    height: 2px;
    position: absolute;
    width: 66px
}

.section-info-list.divider-steps .section-list li .icon-svg {
    margin-top: 27px
}

.section-info-list.divider-steps .section-list li .icon-line {
    fill: #74599c;
    position: absolute;
    right: -36px;
    top: -13px;
    width: 55px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-info-list.divider-steps .section-list li .icon-line {
        right:-20%;
        width: 23%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-list.divider-steps .section-list li .icon-line {
        right:-20.2%;
        top: -15px;
        width: 24%
    }
}

@media (max-width: 767px) {
    .section-info-list.divider-steps .section-list li .icon-line {
        left:50%;
        top: 94.5%;
        -webkit-transform: rotate(90deg) translateY(26px);
        -ms-transform: rotate(90deg) translateY(26px);
        transform: rotate(90deg) translateY(26px);
        width: 54px
    }
}

.section-info-list.divider-steps .section-list li .icon-line.icon-line-double {
    display: none
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-info-list.divider-steps .section-list li .icon-line.icon-line-double {
        display:block;
        right: 96%
    }
}

.section-info-list.divider-steps .section-list li .icon-line.icon-line-tablet {
    display: none
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-list.divider-steps .section-list li .icon-line.icon-line-tablet {
        display:block;
        right: 96%
    }
}

.section-info-list.divider-steps .section-list li.index-0 {
    z-index: 0
}

.section-info-list.divider-steps .section-list li.index-1 {
    z-index: -1
}

.section-info-list.divider-steps .section-list li.index-2 {
    z-index: -2
}

.section-info-list.divider-steps .section-list li.index-3 {
    z-index: -3
}

.section-info-list.divider-steps .section-list li.index-4 {
    z-index: -4
}

.section-info-list.divider-steps .section-list li.index-5 {
    z-index: -5
}

.section-info-list.section-info-list-hidden {
    display: none
}

.section-info-image:after,.section-info-image:before {
    content: " ";
    display: table
}

.section-info-image:after {
    clear: both
}

.section-info-image .image-wrapper {
    display: none
}

@media (min-width: 1440px) {
    .section-info-image .image-wrapper {
        display:block;
        float: right;
        height: 527px;
        margin: 92px -16.7% 0 0;
        position: relative;
        width: 370px
    }
}

.section-info-image .image-wrapper.image-sm {
    width: 420px
}

.section-info-image .image-wrapper.image-md {
    height: 506px;
    margin-right: -18%;
    margin-top: 62px;
    width: 460px
}

.section-info-image .image-wrapper.image-lg {
    height: 510px;
    margin-right: -16.7%;
    margin-top: 110px;
    width: 558px
}

.section-info-image .image-wrapper.image-xlg {
    height: 840px;
    margin-right: -16.7%;
    margin-top: 175px;
    width: 500px
}

.section-info-image .image-wrapper.image-medium {
    height: 611px;
    margin-right: -18%;
    margin-top: 183px;
    width: 500px
}

.section-info-image .image-wrapper .container {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.section-info-image .image-wrapper .container-bg {
    -webkit-animation-duration: 175ms;
    animation-duration: 175ms;
    -webkit-animation-name: stretchToFullWidth;
    animation-name: stretchToFullWidth;
    background-color: #fff
}

.section-info-image .image-wrapper .container-image {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-name: imageFadeLeft;
    animation-name: imageFadeLeft
}

.section-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.section-list li:first-child .line {
    background-color: #b94790
}

.section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #7752bd;
    stroke: #7752bd
}

.section-list li:nth-child(2) .line {
    background-color: #7752bd
}

.section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.section-list li:nth-child(3) .line {
    background-color: #00758b
}

.section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.section-list li:nth-child(4) .line {
    background-color: #149f81
}

.section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.section-list li:nth-child(5) .line {
    background-color: #373084
}

.section-list li:nth-child(6) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.section-list li:nth-child(6) .line {
    background-color: #0d538a
}

.section-list li:nth-child(7) .icon-svg:not(.icon-line) {
    fill: #86378c;
    stroke: #86378c
}

.section-list li:nth-child(7) .line {
    background-color: #86378c
}

.section-list li:nth-child(8) .icon-svg:not(.icon-line) {
    fill: #a82582;
    stroke: #a82582
}

.section-list li:nth-child(8) .line {
    background-color: #a82582
}

.section-list li {
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 56px;
    padding-right: 0;
    width: 100%
}

@media (min-width: 1440px) {
    .section-list li {
        margin-bottom:74px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-list li {
        margin-bottom:75px
    }
}

@media (min-width: 1024px) {
    .section-list li {
        margin-right:2.9%;
        padding-right: 10px;
        width: 23%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-list li {
        margin-bottom:64px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list li {
        margin-bottom:54px;
        padding-right: 50px;
        width: 50%
    }
}

.section-list li.wow {
    -webkit-animation-name: fadeInLeftXS;
    animation-name: fadeInLeftXS
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list li:nth-child(2n),.section-list li:nth-of-type(2n) {
        padding-left:51px;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .section-list li:nth-child(4n),.section-list li:nth-of-type(4n) {
        margin-right:-2.9%;
        padding-right: 0
    }
}

.section-list .name {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 22px;
    letter-spacing: .3px;
    line-height: 1.2;
    margin-bottom: 25px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-list .name {
        margin-bottom:26px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list .name {
        max-width:94%
    }
}

@media (min-width: 1180px) {
    .section-list .name.wide {
        letter-spacing:.1px;
        margin-right: -19px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-list .name.wide {
        letter-spacing:.1px;
        margin-right: -20px
    }
}

@media (max-width: 767px) {
    .section-list .name.wide {
        letter-spacing:.1px;
        margin-right: -5px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list .name.wide-sm {
        letter-spacing:-.05px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-list .name.extra-wide {
        letter-spacing:-.8px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list .name.extra-wide-sm {
        letter-spacing:-.5px
    }
}

@media (min-width: 1440px) {
    .section-list .name.two-lines-mlg {
        min-height:52px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-list .name.two-lines-lg {
        min-height:52px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-list .name.two-lines-md {
        min-height:52px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list .name.two-lines-sm {
        min-height:52px
    }
}

.section-list .description {
    letter-spacing: -.4px
}

.section-list .description p+p {
    margin-top: 10px
}

.section-list.section-list-image {
    margin-top: 54px
}

@media (min-width: 1440px) {
    .section-list.section-list-image {
        float:left;
        margin-top: 109px;
        max-width: 84.7%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-list.section-list-image {
        margin-top:81px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-list.section-list-image {
        margin-top:80px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-image {
        margin-top:74px
    }
}

@media (min-width: 1440px) and (max-width:1610px) {
    .section-list.section-list-image.section-list-image-lg {
        max-width:72%
    }
}

@media (min-width: 1610px) {
    .section-list.section-list-image.section-list-image-lg {
        max-width:73.9%
    }
}

@media (min-width: 1440px) and (max-width:1610px) {
    .section-list.section-list-image.section-list-image-md {
        max-width:79%
    }
}

@media (min-width: 1610px) {
    .section-list.section-list-image.section-list-image-md {
        max-width:82%
    }
}

@media (min-width: 1440px) {
    .section-list.section-list-image li {
        margin-right:1.95%;
        padding-right: 1.7%
    }
}

@media (min-width: 1180px) {
    .section-list.section-list-2-columns li {
        margin-right:4%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-list.section-list-2-columns li {
        margin-right:7%;
        padding-right: 25px
    }
}

@media (min-width: 768px) {
    .section-list.section-list-2-columns li {
        width:48%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-2-columns li:nth-child(odd),.section-list.section-list-2-columns li:nth-of-type(odd) {
        padding-right:38px
    }
}

@media (min-width: 1180px) {
    .section-list.section-list-2-columns li:nth-child(2n),.section-list.section-list-2-columns li:nth-of-type(2n) {
        margin-right:-4%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-list.section-list-2-columns li:nth-child(2n),.section-list.section-list-2-columns li:nth-of-type(2n) {
        margin-right:-7%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-2-columns li:nth-child(2n),.section-list.section-list-2-columns li:nth-of-type(2n) {
        padding-left:37px
    }
}

@media (min-width: 1440px) {
    .section-list.section-list-3-columns li {
        margin-right:1.7%;
        width: 32.2%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-list.section-list-3-columns li {
        padding-right:0
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-list.section-list-3-columns li {
        margin-right:5.5%;
        width: 29.5%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-list.section-list-3-columns li {
        padding-right:9px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-3-columns li:nth-child(2n),.section-list.section-list-3-columns li:nth-of-type(2n) {
        padding-left:41px;
        padding-right: 4%
    }
}

@media (min-width: 1440px) {
    .section-list.section-list-3-columns li:nth-child(3n),.section-list.section-list-3-columns li:nth-of-type(3n) {
        margin-right:0
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-list.section-list-3-columns li:nth-child(3n),.section-list.section-list-3-columns li:nth-of-type(3n) {
        margin-right:0;
        padding-right: 0
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-list.section-list-4-columns li {
        margin-right:3.2%;
        padding-right: 2%;
        width: 32%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-4-columns li {
        margin-right:0;
        padding-right: 7%;
        width: 50%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-4-columns li:nth-child(2n),.section-list.section-list-4-columns li:nth-of-type(2n) {
        padding-left:41px;
        padding-right: 4%
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-list.section-list-4-columns li:nth-child(3n) {
        margin-right:-3%
    }
}

@media (min-width: 1440px) {
    .section-list.section-list-5-columns li {
        margin-right:2.6%;
        padding-right: 0;
        width: 18%
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-list.section-list-5-columns li {
        margin-right:3.2%;
        padding-right: 2%;
        width: 32%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-5-columns li {
        margin-right:0;
        padding-right: 7%;
        width: 50%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-5-columns li:nth-child(2n),.section-list.section-list-5-columns li:nth-of-type(2n) {
        padding-left:41px;
        padding-right: 4%
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-list.section-list-5-columns li:nth-child(3n),.section-list.section-list-5-columns li:nth-of-type(3n) {
        margin-right:-3%
    }
}

@media (min-width: 1440px) {
    .section-list.section-list-5-columns li:nth-child(5n),.section-list.section-list-5-columns li:nth-of-type(5n) {
        margin-right:-2%
    }
}

@media (min-width: 1440px) {
    .section-list.syberry-team-list {
        margin-bottom:10px
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .section-list.syberry-team-list {
        margin-bottom:-36px
    }
}

@media (max-width: 1023px) {
    .section-list.syberry-team-list {
        margin-bottom:-40px
    }
}

.section-list.section-list-8-colors {
    margin-bottom: -4px
}

.section-list.section-list-8-colors li:first-child .icon-svg:not(.icon-line) {
    fill: #7752bd;
    stroke: #7752bd
}

.section-list.section-list-8-colors li:first-child .line {
    background-color: #7752bd
}

.section-list.section-list-8-colors li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #914a97;
    stroke: #914a97
}

.section-list.section-list-8-colors li:nth-child(2) .line {
    background-color: #914a97
}

.section-list.section-list-8-colors li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #a92683;
    stroke: #a92683
}

.section-list.section-list-8-colors li:nth-child(3) .line {
    background-color: #a92683
}

.section-list.section-list-8-colors li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #38719f;
    stroke: #38719f
}

.section-list.section-list-8-colors li:nth-child(4) .line {
    background-color: #38719f
}

.section-list.section-list-8-colors li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.section-list.section-list-8-colors li:nth-child(5) .line {
    background-color: #00758b
}

.section-list.section-list-8-colors li:nth-child(6) .icon-svg:not(.icon-line) {
    fill: #018f8b;
    stroke: #018f8b
}

.section-list.section-list-8-colors li:nth-child(6) .line {
    background-color: #018f8b
}

.section-list.section-list-8-colors li:nth-child(7) .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.section-list.section-list-8-colors li:nth-child(7) .line {
    background-color: #149f81
}

.section-list.section-list-8-colors li:nth-child(8) .icon-svg:not(.icon-line) {
    fill: #48b173;
    stroke: #48b173
}

.section-list.section-list-8-colors li:nth-child(8) .line {
    background-color: #48b173
}

.section-list.section-list-8-colors+.wide {
    width: 420px
}

.section-list.section-list-8-colors+.image-wrapper {
    height: 610px;
    margin-top: 157px
}

.section-list.section-list-9-colors li:first-child .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.section-list.section-list-9-colors li:first-child .line {
    background-color: #149f81
}

.section-list.section-list-9-colors li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #018f8b;
    stroke: #018f8b
}

.section-list.section-list-9-colors li:nth-child(2) .line {
    background-color: #018f8b
}

.section-list.section-list-9-colors li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.section-list.section-list-9-colors li:nth-child(3) .line {
    background-color: #00758b
}

.section-list.section-list-9-colors li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #1d88c6;
    stroke: #1d88c6
}

.section-list.section-list-9-colors li:nth-child(4) .line {
    background-color: #1d88c6
}

.section-list.section-list-9-colors li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #0e568e;
    stroke: #0e568e
}

.section-list.section-list-9-colors li:nth-child(5) .line {
    background-color: #0e568e
}

.section-list.section-list-9-colors li:nth-child(6) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.section-list.section-list-9-colors li:nth-child(6) .line {
    background-color: #0d538a
}

.section-list.section-list-9-colors li:nth-child(7) .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.section-list.section-list-9-colors li:nth-child(7) .line {
    background-color: #373084
}

.section-list.section-list-9-colors li:nth-child(8) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.section-list.section-list-9-colors li:nth-child(8) .line {
    background-color: #5c3c8b
}

.section-list.section-list-9-colors li:nth-child(9) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.section-list.section-list-9-colors li:nth-child(9) .line {
    background-color: #853789
}

.section-list.section-list-7-colors li:first-child .icon-svg:not(.icon-line) {
    fill: #373084;
    stroke: #373084
}

.section-list.section-list-7-colors li:first-child .line {
    background-color: #373084
}

.section-list.section-list-7-colors li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.section-list.section-list-7-colors li:nth-child(2) .line {
    background-color: #5c3c8b
}

.section-list.section-list-7-colors li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.section-list.section-list-7-colors li:nth-child(3) .line {
    background-color: #853789
}

.section-list.section-list-7-colors li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.section-list.section-list-7-colors li:nth-child(4) .line {
    background-color: #b94790
}

.section-list.section-list-7-colors li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #c36ba3;
    stroke: #c36ba3
}

.section-list.section-list-7-colors li:nth-child(5) .line {
    background-color: #c36ba3
}

.section-list.section-list-7-colors li:nth-child(6) .icon-svg:not(.icon-line) {
    fill: #cf82b3;
    stroke: #cf82b3
}

.section-list.section-list-7-colors li:nth-child(6) .line {
    background-color: #cf82b3
}

.section-list.section-list-7-colors li:nth-child(7) .icon-svg:not(.icon-line) {
    fill: #df99c3;
    stroke: #df99c3
}

.section-list.section-list-7-colors li:nth-child(7) .line {
    background-color: #df99c3
}

.section-list.section-list-5-colors li:first-child .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.section-list.section-list-5-colors li:first-child .line {
    background-color: #0d538a
}

.section-list.section-list-5-colors li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #018f8b;
    stroke: #018f8b
}

.section-list.section-list-5-colors li:nth-child(2) .line {
    background-color: #018f8b
}

.section-list.section-list-5-colors li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.section-list.section-list-5-colors li:nth-child(3) .line {
    background-color: #149f81
}

.section-list.section-list-5-colors li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #48b173;
    stroke: #48b173
}

.section-list.section-list-5-colors li:nth-child(4) .line {
    background-color: #48b173
}

.section-list.section-list-5-colors li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #b94790;
    stroke: #b94790
}

.section-list.section-list-5-colors li:nth-child(5) .line {
    background-color: #b94790
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-sm-inline li {
        padding-right:0;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-list.section-list-sm-inline li:nth-child(2n),.section-list.section-list-sm-inline li:nth-of-type(2n) {
        padding-left:0;
        padding-right: 0
    }
}

.section-list.same-height .icon-svg {
    height: 45px;
    margin-bottom: 26px;
    margin-top: 0;
    max-width: 43px
}

.section-list .icon-svg {
    margin-bottom: 26px;
    stroke-width: .02px
}

.section-list .icon-construction-commercial {
    height: 136px;
    max-width: 125px;
    width: 125px
}

.section-list .icon-construction-home,.section-list .icon-construction-special {
    height: 125px;
    margin-top: 11px;
    max-width: 125px;
    width: 125px
}

.section-list .icon-augmented-reality,.section-list .icon-businesses,.section-list .icon-cooking,.section-list .icon-fashion,.section-list .icon-music-streaming,.section-list .icon-newspaper,.section-list .icon-scissors,.section-list .icon-social-media,.section-list .icon-temporary-agency,.section-list .icon-video-lecture,.section-list .icon-videogame {
    height: 96px;
    width: 96px
}

.section-list .icon-big-hook,.section-list .icon-team-with-light-bulb,.section-list .icon-two-partnership {
    height: 128px;
    width: 128px
}

.section-list .icon-finance,.section-list .icon-finance-banking {
    height: 41px;
    margin-top: 1px;
    stroke-width: .3px;
    width: 54px
}

.section-list .icon-healthcare {
    height: 41px;
    margin-top: 1px;
    stroke-width: .4px;
    width: 44px
}

.section-list .icon-healthcare-lock {
    height: 41px;
    margin-top: 1px;
    stroke-width: .1px;
    width: 28px
}

.section-list .icon-bottlenecks,.section-list .icon-continuity,.section-list .icon-streamline {
    height: 41px;
    margin-top: 1px;
    stroke-width: .1px;
    width: 44px
}

.section-list .icon-hook {
    height: 40px;
    width: 40px
}

.section-list .icon-wholesale-retail {
    height: 42px;
    stroke-width: .2px;
    width: 42px
}

.section-list .icon-energy {
    height: 41px;
    margin-bottom: 27px;
    stroke-width: .4px;
    width: 45px
}

.section-list .icon-education-training {
    height: 52px;
    margin-bottom: 16px;
    width: 55px
}

.section-list .icon-transportation {
    height: 41px;
    margin-top: 1px;
    width: 56px
}

.section-list .icon-entertainment {
    height: 41px;
    margin-top: 1px;
    width: 41px
}

.section-list .icon-emerging-startups {
    height: 41px;
    margin-bottom: 27px;
    stroke-width: .4px;
    width: 41px
}

.section-list .icon-construction-customer,.section-list .icon-construction-field,.section-list .icon-construction-tools {
    height: 50px;
    width: 50px
}

.section-list .icon-construction-build {
    height: 50px;
    width: 49px
}

.section-list .icon-process {
    height: 42px;
    margin-bottom: 26px;
    stroke-width: .1px;
    width: 42px
}

.section-list .icon-multimedia {
    height: 45px;
    margin-bottom: 23px;
    margin-top: -1px;
    stroke-width: .1px;
    width: 45px
}

.section-list .icon-e-commerce {
    height: 44px;
    margin-bottom: 23px;
    stroke-width: .1px;
    width: 52px
}

.section-list .icon-social-apps {
    height: 42px;
    margin-bottom: 24px;
    margin-top: 1px;
    stroke-width: .1px;
    width: 48px
}

.section-list .icon-corporate-solutions {
    height: 43px;
    margin-bottom: 24px;
    stroke-width: .01px;
    width: 43px
}

.section-list .icon-leisure-apps {
    height: 42px;
    margin-bottom: 25px;
    stroke-width: .1px;
    width: 46px
}

.section-list .icon-news-apps {
    height: 42px;
    margin-bottom: 25px;
    stroke-width: .1px;
    width: 42px
}

.section-list .icon-news-apps+.name {
    margin-right: -10px
}

.section-list .icon-exclusive-apps {
    height: 44px;
    margin-bottom: 25px;
    stroke-width: .1px;
    width: 47px
}

.section-list .icon-inventory {
    height: 44px;
    width: 42px
}

.section-list .icon-employees {
    height: 44px;
    width: 57px
}

.section-list .icon-one-stop-payments {
    height: 44px;
    width: 48px
}

.section-list .icon-employee-tools {
    height: 44px;
    width: 41px
}

.section-list .icon-customer-feedback {
    height: 44px;
    stroke-width: .2px;
    width: 48px
}

.section-list .icon-timekeeping {
    height: 42px;
    margin-bottom: 25px;
    width: 43px
}

.section-list .icon-orders-and-shipping {
    height: 41px;
    width: 66px
}

.section-list .icon-dashboard {
    height: 44px;
    margin-bottom: 23px;
    width: 43px
}

.section-list .icon-growth-opportunities {
    height: 46px;
    margin-bottom: 20px;
    width: 40px
}

.section-list .icon-requirements {
    height: 43px;
    width: 33px
}

.section-list .icon-scalability-advantage {
    height: 45px;
    width: 46px
}

.section-list .icon-build-quality {
    height: 45px;
    width: 37px
}

.section-list .icon-design {
    height: 43px;
    width: 35px
}

.section-list .icon-development {
    height: 43px;
    width: 45px
}

.section-list .icon-support {
    height: 43px;
    margin-bottom: 26px;
    width: 45px
}

.section-list .icon-advanced-app,.section-list .icon-enterprise-app,.section-list .icon-legacy-systems,.section-list .icon-mobile-app,.section-list .icon-saas-app {
    height: 43px;
    margin-bottom: 24px;
    width: 45px
}

.section-list .icon-legacy-systems {
    stroke-width: .5px
}

.section-list .icon-product-dev {
    height: 46px;
    margin-bottom: 21px;
    width: 50px
}

.section-list .icon-execution,.section-list .icon-planning {
    height: 40px;
    margin-bottom: 27px;
    stroke-width: .1px;
    width: 40px
}

.section-list .icon-maintenance {
    height: 40px;
    margin-bottom: 27px;
    stroke-width: .1px;
    width: 47px
}

.section-list .icon-advantages,.section-list .icon-integrate,.section-list .icon-no-fees,.section-list .icon-ownership,.section-list .icon-tailored-fit {
    height: 43px;
    width: 43px
}

.section-list .icon-culture,.section-list .icon-transparent-pricing,.section-list .icon-virtual-infrastructure {
    height: 42px;
    width: 43px
}

.section-list .icon-gear {
    height: 41px;
    margin-top: 1px;
    width: 41px
}

.section-list .icon-rapid-times {
    height: 42px;
    width: 37px
}

.section-list .icon-efficient-service {
    height: 42px;
    stroke-width: .2px;
    width: 48px
}

.section-list .icon-lock {
    stroke-width: 1px;
    width: 29px
}

.section-list .icon-health-heart {
    height: 41px;
    margin-top: 1px;
    width: 46px
}

.section-list .icon-health-digital,.section-list .icon-health-plus {
    height: 44px;
    margin-top: -2px;
    width: 44px
}

.section-list .icon-experience {
    width: 30px
}

.section-list .icon-sand-clock {
    width: 31px
}

.section-list .icon-top-talent {
    width: 37px
}

.section-list .icon-protect {
    width: 44px
}

.section-list .icon-data {
    height: 48px;
    margin-bottom: 24px;
    margin-top: -2px;
    width: 31px
}

.section-list .icon-banking-digitization {
    width: 41px
}

.section-list .icon-system-modernization {
    width: 43px
}

.section-list .icon-blockchain,.section-list .icon-management,.section-list .icon-team {
    width: 44px
}

.section-list .icon-effective-solutions {
    width: 51px
}

.section-list .icon-digital-makeover {
    width: 33px
}

.section-list .icon-process-automation {
    height: 42px;
    width: 42px
}

.section-list .icon-documents {
    height: 44px;
    margin-top: -2px;
    width: 34px
}

.section-list .icon-scalability {
    height: 45px;
    margin-top: -3px;
    width: 34px
}

.section-list .icon-audit-consulting {
    height: 41px;
    margin-top: 1px;
    width: 45px
}

.section-list .icon-cloud-migration {
    height: 30px;
    margin-bottom: 32px;
    margin-top: 6px;
    width: 45px
}

.section-list .icon-infrastructure-design {
    height: 29px;
    margin-bottom: 33px;
    margin-top: 6px;
    width: 45px
}

.section-list .icon-operational-systems {
    height: 42px;
    width: 45px
}

.section-list .icon-systems-load {
    height: 35px;
    margin-bottom: 30px;
    margin-top: 3px;
    width: 45px
}

.section-list .icon-maintenance-cost {
    height: 45px;
    width: 50px
}

.section-list .icon-audit-consulting,.section-list .icon-cloud-migration,.section-list .icon-operational-systems,.section-list .icon-systems-load {
    stroke-width: 0
}

.section-list .icon-cloud-providers,.section-list .icon-cloud-services,.section-list .icon-compliance-gaps,.section-list .icon-currently-capacity,.section-list .icon-employee-dissatisfaction,.section-list .icon-incompatibility,.section-list .icon-inflexibility,.section-list .icon-mosaic,.section-list .icon-network-automation {
    height: 45px;
    width: 45px
}

.section-list .icon-robot {
    height: 47px;
    stroke-width: .5px;
    width: 39px
}

.section-list .icon-intuitive-user-experience,.section-list .icon-logic-preservation {
    height: 47px;
    stroke-width: .5px;
    width: 27px
}

.section-list .icon-cutting-edge-technology,.section-list .icon-system-integration {
    height: 47px;
    stroke-width: .5px;
    width: 47px
}

.section-list .icon-operations-consolidation {
    height: 47px;
    stroke-width: .5px;
    width: 45px
}

.section-list .icon-business-outcomes {
    height: 47px;
    stroke-width: .5px;
    width: 36px
}

.section-list .icon-current-problems {
    height: 45px;
    width: 33px
}

.section-list .icon-needs {
    height: 45px;
    width: 40px
}

.section-list .icon-make-decision {
    height: 45px;
    width: 41px
}

.section-list .icon-customer-service,.section-list .icon-sales-marketing {
    height: 41px;
    width: 40px
}

.section-list .icon-inventory-management {
    height: 41px;
    width: 52px
}

.section-list .icon-security-big-data {
    height: 41px;
    width: 39px
}

.section-list .icon-process-optimization {
    height: 41px;
    width: 47px
}

.section-list .icon-full-stack,.section-list .icon-technology-agnostic-analysis {
    height: 58px;
    width: 59px
}

.section-list .icon-cloud-managed-services,.section-list .icon-ongoing-maintenance,.section-list .icon-predictive-analytics {
    height: 58px;
    width: 58px
}

.section-list .icon-business-intelligence {
    height: 58px;
    width: 79px
}

.section-list .icon-pad-lock,.section-list .icon-software-prototyping-feedback,.section-list .icon-software-prototyping-pen,.section-list .icon-software-prototyping-project,.section-list .icon-software-prototyping-search {
    height: 50px;
    width: 50px
}

.section-list .icon-computer,.section-list .icon-customer-call,.section-list .icon-data-search,.section-list .icon-development-solutions,.section-list .icon-initiate,.section-list .icon-intersect,.section-list .icon-investment,.section-list .icon-laptop,.section-list .icon-molecular,.section-list .icon-plan,.section-list .icon-project-management,.section-list .icon-quality-control-checklist,.section-list .icon-smartphone,.section-list .icon-smartphone-with-arm,.section-list .icon-software-prototyping-goal,.section-list .icon-software-prototyping-monitor,.section-list .icon-team-management,.section-list .icon-team-relationship,.section-list .icon-warranty {
    height: 48px;
    width: 48px
}

.section-list .icon-idea,.section-list .icon-income,.section-list .icon-industry-experience,.section-list .icon-quality-assurance,.section-list .icon-transparency {
    height: 64px;
    width: 64px
}

.section-list .icon-roadmap-planning {
    height: 48px;
    width: 53px
}

.section-list .icon-software-prototyping-vector {
    height: 47px;
    width: 47px
}

.icon-analysis,.icon-purpose,.icon-raise {
    height: 40px;
    width: 40px
}

.icon-rocket {
    height: 40px;
    width: 33px
}

.icon-hierarchy {
    height: 40px;
    width: 37px
}

.icon-handshake {
    height: 26px;
    margin-top: 10px;
    width: 40px
}

.icon-accounting {
    height: 47px;
    stroke-width: 1px;
    width: 50px
}

.icon-authenticating {
    height: 50px;
    stroke-width: 1px;
    width: 42px
}

.icon-blockchain-impact {
    height: 80px;
    stroke-width: 1px;
    width: 80px
}

.icon-exchanging-value,.icon-insuring-value {
    height: 48px;
    stroke-width: 1px;
    width: 50px
}

.icon-funding {
    height: 50px;
    stroke-width: 1px;
    width: 46px
}

.icon-lending-value {
    height: 50px;
    stroke-width: 1px;
    width: 49px
}

.icon-moving-value {
    height: 50px;
    stroke-width: 1px;
    width: 48px
}

.icon-storing-value {
    height: 37px;
    stroke-width: 1px;
    width: 50px
}

.icon-faster-time {
    height: 61px;
    width: 82px
}

.icon-scalability-advantage {
    height: 70px;
    width: 71px
}

.icon-low-cost {
    height: 64px;
    width: 78px
}

.icon-security {
    height: 74px;
    width: 74px
}

.icon-coins {
    height: 66px;
    width: 73px
}

.icon-app-delivery,.icon-app-reliability {
    height: 60px;
    width: 60px
}

.icon-complexify-impact,.icon-team-collaboration {
    height: 57px;
    width: 60px
}

.icon-build-quality {
    height: 60px;
    width: 49px
}

.icon-acquire-customers {
    height: 44px;
    width: 40px
}

.icon-transform-processes {
    height: 37px;
    width: 41px
}

.icon-create-business-models {
    height: 37px;
    margin-left: 10px;
    width: 46px
}

.icon-optimize-operations {
    height: 39px;
    width: 46px
}

.icon-manage-risk {
    height: 40px;
    width: 41px
}

.icon-maximize-insight {
    height: 40px;
    width: 42px
}

.icon-retail {
    height: 36px;
    stroke-width: .02px;
    width: 43px
}

.icon-government {
    height: 32px;
    stroke-width: .02px;
    width: 41px
}

.icon-finance {
    height: 39px;
    stroke-width: .02px;
    width: 39px
}

.icon-media {
    height: 29px;
    stroke-width: .02px;
    width: 29px
}

.icon-insurance {
    height: 35px;
    stroke-width: .02px;
    width: 43px
}

.icon-education-big-data {
    height: 49px;
    stroke-width: .02px;
    width: 53px
}

.icon-healthcare-big-data {
    height: 54px;
    stroke-width: .02px;
    width: 55px
}

.icon-telecom {
    height: 54px;
    stroke-width: .02px;
    width: 29px
}

.icon-transportation {
    height: 44px;
    stroke-width: .02px;
    width: 34px
}

.icon-energy-big-data {
    height: 49px;
    stroke-width: .02px;
    width: 34px
}

.section-info-question {
    padding-bottom: 23px;
    padding-top: 20px;
    text-align: center
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-info-question {
        padding-bottom:59px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-info-question {
        padding-bottom:38px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-info-question {
        padding-bottom:45px
    }
}

@media (max-width: 767px) {
    .section-info-question {
        padding-bottom:58px;
        padding-top: 10px
    }
}

.section-info-question .question {
    font-size: 25px
}

@media (min-width: 1440px) {
    .section-info-question .question {
        max-width:84.7%
    }
}

@media (max-width: 767px) {
    .section-info-question .question {
        font-size:20px;
        padding-left: 19px;
        padding-right: 19px
    }
}

.section-info-question .inline-link {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    text-decoration: underline
}

.section-info-question .inline-link.hovered {
    text-decoration: none
}

.hover-block {
    display: block;
    height: 100%;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: background-color,-webkit-box-shadow;
    transition-property: background-color,-webkit-box-shadow;
    -o-transition-property: background-color,box-shadow;
    transition-property: background-color,box-shadow;
    transition-property: background-color,box-shadow,-webkit-box-shadow;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100%
}

.hover-block.hovered {
    background-color: #fff;
    -webkit-box-shadow: 5px 10px 0 20px #fff,5px -10px 0 20px #fff,5px 10px 10px 25px rgba(0,0,0,.1),5px -10px 10px 25px rgba(0,0,0,.1);
    box-shadow: 5px 10px 0 20px #fff,5px -10px 0 20px #fff,5px 10px 10px 25px rgba(0,0,0,.1),5px -10px 10px 25px rgba(0,0,0,.1)
}

@media (max-width: 1439px) {
    .hover-block.hovered {
        -webkit-box-shadow:0 20px 0 10px #fff,0 -20px 0 10px #fff,0 -20px 15px 10px rgba(0,0,0,.1),0 20px 15px 10px rgba(0,0,0,.1);
        box-shadow: 0 20px 0 10px #fff,0 -20px 0 10px #fff,0 -20px 15px 10px rgba(0,0,0,.1),0 20px 15px 10px rgba(0,0,0,.1)
    }
}

.hover-link {
    border-bottom: 2px solid transparent
}

.hover-link.hovered {
    border-bottom-color: #474747
}

.section-list-with-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 335px;
    position: relative;
    top: 170px
}

@media (min-width: 320px) and (max-width:1439px) {
    .section-list-with-line {
        margin-bottom:250px;
        top: 80px
    }
}

.section-list-with-line.business-automation .block-with-line:first-child .vertical-line {
    border-color: #097a8e
}

.section-list-with-line.business-automation .block-with-line:first-child li {
    color: #097a8e
}

.section-list-with-line.business-automation .block-with-line:nth-child(2) .vertical-line {
    border-color: #3c2b95
}

.section-list-with-line.business-automation .block-with-line:nth-child(2) li {
    color: #3c2b95
}

.section-list-with-line.business-automation .block-with-line:nth-child(3) .vertical-line {
    border-color: #ac1f9f
}

.section-list-with-line.business-automation .block-with-line:nth-child(3) li {
    color: #ac1f9f
}

.block-with-line {
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    padding: 40px;
    width: 31%
}

@media (min-width: 768px) and (max-width:1179px) {
    .block-with-line {
        width:47%
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .block-with-line {
        width:100%
    }
}

.block-with-line-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding-left: 20px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .block-with-line-wrapper {
        padding-left:10px
    }
}

.block-with-line-wrapper li {
    margin-bottom: 20px
}

.block-with-line-wrapper li span {
    color: #000;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif
}

.vertical-line {
    border-style: solid;
    border-width: 2px;
    height: 100%;
    margin-right: 20px
}

.intro:not(.not-found) {
    height: 100vh;
    position: relative
}

@media (min-width: 1180px) {
    .intro:not(.not-found) {
        min-height:720px
    }
}

.intro:not(.not-found) .intro-wrapper {
    height: 100vh;
    left: 19px;
    margin: 0 auto;
    max-width: 1440px;
    pointer-events: none;
    position: fixed;
    right: 19px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .intro:not(.not-found) .intro-wrapper {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (min-width: 1500px) {
    .intro:not(.not-found) .intro-wrapper {
        width:100%
    }
}

@media (min-width: 1180px) {
    .intro:not(.not-found) .intro-wrapper {
        min-height:720px
    }
}

@media (min-width: 768px) {
    .intro:not(.not-found) .intro-wrapper {
        left:30px;
        right: 30px
    }
}

.intro:not(.not-found) .intro-wrapper.is-hidden {
    position: absolute;
    -webkit-transform: translate3d(0,-webkit-calc(100vh + 40px),0);
    transform: translate3d(0,calc(100vh + 40px),0);
    visibility: hidden
}

.intro:not(.not-found) .intro-wrapper.is-hidden .intro-content {
    pointer-events: none
}

.intro:not(.not-found) .intro-wrapper.intro-wrapper-no-fixed {
    position: absolute
}

.intro:not(.not-found) .intro-content {
    color: #fff;
    left: 0;
    margin: -2px 0 0;
    max-width: 1440px;
    opacity: 1;
    pointer-events: visible;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1440px) {
    .intro:not(.not-found) .intro-content {
        margin-top:16px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro:not(.not-found) .intro-content {
        margin-top:28px
    }
}

@media (max-width: 1024px) {
    .intro:not(.not-found) .intro-content {
        -webkit-transition:-webkit-transform .25s ease-in 125ms;
        transition: -webkit-transform .25s ease-in 125ms;
        -o-transition: transform .25s 125ms ease-in;
        transition: transform .25s ease-in 125ms;
        transition: transform .25s ease-in 125ms,-webkit-transform .25s ease-in 125ms
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro:not(.not-found) .intro-content {
        margin-top:1px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro:not(.not-found) .intro-content {
        margin-top:0;
        top: 48.2%
    }
}

@media screen and (max-width: 767px) and (orientation:landscape) {
    .intro {
        min-height:450px
    }
}

@media (max-height: 480px) {
    .intro:not(.is-disabled) .title div+div {
        display:none
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.is-disabled {
        min-height:640px
    }
}

.intro.is-disabled.not-found {
    min-height: 100vh
}

.intro.is-disabled.not-found .intro-wrapper {
    min-height: 100vh;
    position: static
}

.intro.is-disabled .intro-wrapper {
    min-height: 450px;
    position: absolute
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.is-disabled .intro-wrapper {
        min-height:640px
    }
}

.intro.is-disabled .intro-content {
    filter: alpha(opacity=1)!important;
    opacity: 1!important
}

.intro.not-found {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto
}

.intro.not-found:before {
    display: none
}

html.webp .intro.not-found {
    background-image: url(/i/intro/404-intro.webp?v=0110202092124)
}

html.no-webp .intro.not-found {
    background-image: url(/i/intro/404-intro.jpg?v=0110202092124)
}

.intro.not-found .button {
    margin-top: 40px
}

.intro.not-found .intro-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1440px;
    min-height: 100vh;
    padding: 100px 30px 0
}

@media (min-width: 1500px) {
    .intro.not-found .intro-wrapper {
        padding-left:0;
        padding-right: 0
    }
}

@media (max-width: 1180px) {
    .intro.not-found .intro-wrapper {
        padding-top:70px
    }
}

@media (max-width: 767px) {
    .intro.not-found .intro-wrapper {
        padding-left:19px;
        padding-right: 19px;
        padding-top: 80px
    }
}

.intro.not-found .intro-content {
    color: #fff;
    margin: auto 0
}

.intro.not-found .intro-content>.title {
    margin-top: 0
}

.intro .title {
    line-height: 38px;
    margin-bottom: 25px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro .title {
        margin-bottom:25px
    }
}

@media (min-width: 1024px) {
    .intro .title {
        line-height:1;
        margin-bottom: 56px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro .title {
        margin-bottom:26px
    }
}

@media (max-width: 1023px) {
    .intro .title {
        letter-spacing:-.21px;
        font-size:30px;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro .title {
        line-height:57px;
        margin-bottom: 25px;
        margin-left: -1px;
        max-width: 700px
    }
}

@media (max-width: 480px) and (max-height:767px) {
    .intro .title div+div {
        display:none
    }
}

.intro .subtitle {
    font-family: sf_ui_displayheavy,Helvetica,Arial,sans-serif;
    line-height: 44px
}

@media (max-width: 767px) {
    .intro .subtitle {
        font-size:20px;
        letter-spacing: 0;
        line-height: 26px
    }
}

.intro .button {
    margin: 70px 0 0 2px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro .button {
        margin-left:0;
        margin-top: 69px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .intro .button {
        margin-left:1px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro .button {
        margin-top:40px
    }
}

@media (max-width: 767px) {
    .intro .button {
        margin-top:43px
    }
    .title-m {
        -webkit-animation: fadeInLeftLittle .5s ease-in-out both;
        animation: fadeInLeftLittle .5s ease-in-out both;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform;
        font-size:30px;
    }
}

html.loaded .intro .intro-content.animated {
    visibility: visible
}

html.loaded .intro .intro-content.animated .button,html.loaded .intro .intro-content.animated .conversion-actions.not-found,html.loaded .intro .intro-content.animated .subtitle,html.loaded .intro .intro-content.animated .title {
    -webkit-animation: fadeInLeftLittle .5s ease-in-out both;
    animation: fadeInLeftLittle .5s ease-in-out both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

html.loaded .intro .intro-content.animated .subtitle {
    -webkit-animation-delay: 45ms;
    animation-delay: 45ms
}

html.loaded .intro .intro-content.animated .button,html.loaded .intro .intro-content.animated .conversion-actions.not-found {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}

.intro {
    position: relative
}

.intro:before {
    /*background: url(/i/texture.png?v=0110202092124);*/
    content: "";
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.intro.inner-intro,.intro.inner-intro .intro-wrapper {
    height: 465px;
    margin-top: 59px
}

@media (min-width: 1180px) {
    .intro.inner-intro,.intro.inner-intro .intro-wrapper {
        min-height:auto
    }
}

@media (min-width: 1024px) {
    .intro.inner-intro,.intro.inner-intro .intro-wrapper {
        height:490px;
        margin-top: 70px
    }
}

.intro.inner-intro .intro-wrapper {
    margin-top: 0
}

.intro.inner-intro {
    background: no-repeat top;
    background-size: cover
}

@media (min-width: 1180px) {
    .intro.inner-intro.narrow-subtitle {
        max-width:46%
    }
}

@media (max-width: 1023px) {
    .intro.inner-intro.tall-inner-intro {
        height:455px
    }
}

.intro.inner-intro .intro-content {
    top: 35.2%
}

@media (min-width: 1440px) {
    .intro.inner-intro .intro-content {
        top:33.7%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro.inner-intro .intro-content {
        top:31.5%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.inner-intro .intro-content {
        top:36.5%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.inner-intro .intro-content {
        top:36%
    }
}

.intro.inner-intro .title {
    font-size: 66px;
    letter-spacing: .5px;
    margin: 0 0 27px
}

@media (min-width: 1440px) {
    .intro.inner-intro .title {
        max-width:58%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro.inner-intro .title {
        max-width:68%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.inner-intro .title {
        font-size:61px;
        max-width: 78%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.inner-intro .title {
        max-width:620px
    }
}

@media (max-width: 1023px) {
    .intro.inner-intro .title {
        margin-bottom:25px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.inner-intro .title {
        font-size:52px
    }
}

@media (max-width: 767px) {
    .intro.inner-intro .title {
        font-size:34px;
        max-width: 72%
    }
}

@media (min-width: 1180px) {
    .intro.inner-intro .title.narrow-title {
        max-width:67%
    }
}

.intro.inner-intro .title.wide-title {
    max-width: 100%
}

@media (min-width: 1440px) {
    .intro.inner-intro .title.wide-title {
        max-width:63%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro.inner-intro .title.wide-title {
        max-width:81%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.inner-intro .title.wide-title {
        max-width:80%
    }
}

@media (min-width: 1440px) {
    .intro.inner-intro .title.extra-wide-mlg {
        max-width:80%
    }
}

@media (max-width: 767px) {
    .intro.inner-intro .title.extra-wide-xs {
        letter-spacing:-.4px
    }
}

.intro.inner-intro .subtitle {
    letter-spacing: .1px;
    line-height: 26px;
    margin: 0;
    max-width: 46%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro.inner-intro .subtitle {
        max-width:60%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.inner-intro .subtitle {
        max-width:64%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.inner-intro .subtitle {
        font-size:30px;
        max-width: 75%
    }
}

@media (min-width: 768px) {
    .intro.inner-intro .subtitle {
        line-height:40px
    }
}

@media (max-width: 480px) {
    .intro.inner-intro .subtitle {
        max-width:88%
    }
}

.intro.inner-intro .subtitle.wide-subtitle {
    max-width: 95%
}

@media (min-width: 1440px) {
    .intro.inner-intro .subtitle.wide-subtitle {
        max-width:60%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro.inner-intro .subtitle.wide-subtitle {
        max-width:70%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.inner-intro .subtitle.wide-subtitle {
        max-width:81%
    }
}

.intro.contact-us {
    background-image: url(/i/intro/contact-us-bg.jpg?v=0110202092124)
}

@media (min-width: 1440px) {
    .intro.contact-us {
        background-position-y:50%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro.contact-us {
        background-position-y:100%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.iot {
        background-position-x:59%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.iot {
        background-position-x:68%
    }
}

@media (max-width: 767px) {
    .intro.iot {
        background-position-x:0
    }
}

html.webp .intro.iot {
    background-image: url(/i/intro/iot-intro.webp?v=0110202092124)
}

html.no-webp .intro.iot {
    background-image: url(/i/intro/iot-intro.jpg?v=0110202092124)
}

.intro.team {
    background-image: url(/i/intro/team-intro-bg.jpg?v=0110202092124)
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.team {
        background-position-x:51%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.team {
        background-position-x:54%
    }
}

@media (max-width: 767px) {
    .intro.team {
        background-position:70%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro.quality-assurance {
        background-position-x:66%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.quality-assurance {
        background-position-x:54.5%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.quality-assurance {
        background-position-x:73%
    }
}

@media (max-width: 767px) {
    .intro.quality-assurance {
        background-position-x:71%
    }
}

html.webp .intro.quality-assurance {
    background-image: url(/i/intro/quality-assurance-bg.webp?v=0110202092124)
}

html.no-webp .intro.quality-assurance {
    background-image: url(/i/intro/quality-assurance-bg.jpg?v=0110202092124)
}

.intro.erp-solutions {
    background-image: url(/i/intro/erp-solutions-bg.jpg?v=0110202092124)
}

.intro.blockchain {
    background-image: url(/i/intro/blockchain-bg.jpg?v=0110202092124)
}

@media (max-width: 767px) {
    .intro.blockchain {
        background-position-x:20%
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .intro.startup-solutions {
        background-position-x:23%
    }
}

@media (max-width: 767px) {
    .intro.startup-solutions {
        background-position-x:36%
    }
}

html.webp .intro.startup-solutions {
    background-image: url(/i/intro/startup-solutions-bg.webp?v=0110202092124)
}

html.no-webp .intro.startup-solutions {
    background-image: url(/i/intro/startup-solutions-bg.jpg?v=0110202092124)
}

@media (min-width: 1024px) and (max-width:1439px) {
    .intro.mid-sized-business {
        background-position-x:62%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.mid-sized-business {
        background-position-x:64%
    }
}

@media (max-width: 767px) {
    .intro.mid-sized-business {
        background-position-x:71%
    }
}

html.webp .intro.mid-sized-business {
    background-image: url(/i/intro/mid-sized-business-bg.webp?v=0110202092124)
}

html.no-webp .intro.mid-sized-business {
    background-image: url(/i/intro/mid-sized-business-bg.jpg?v=0110202092124)
}

.intro.wholesale-retail {
    background-image: url(/i/intro/wholesale-retail-bg.jpg?v=0110202092124);
    background-position-y: 50%
}

.intro.education {
    background-position-y: 44%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro.education {
        background-position-y:70%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.education {
        background-position-y:100%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.education {
        background-position-y:67%;
        background-size: 145%
    }
}

@media (max-width: 767px) {
    .intro.education {
        background-position-x:15%;
        background-size: 255%
    }
}

html.webp .intro.education {
    background-image: url(/i/intro/education-bg.webp?v=0110202092124)
}

html.no-webp .intro.education {
    background-image: url(/i/intro/education-bg.jpg?v=0110202092124)
}

.intro.construction {
    background-image: url(/i/intro/construction-bg.jpg?v=0110202092124);
    background-position-x: 60%
}

.intro.transportation {
    background-image: url(/i/intro/transportation-bg.jpg?v=0110202092124)
}

.intro.success-stories {
    background-image: url(/i/intro/success-stories.jpg?v=0110202092124)
}

@media (min-width: 768px) and (max-width:1179px) {
    .intro.success-stories {
        background-position-x:30%
    }
}

@media (max-width: 767px) {
    .intro.success-stories {
        background-position-x:0
    }
}

.intro.ecommerce {
    background-position-x: 75%
}

@media (min-width: 768px) {
    .intro.ecommerce {
        background-position-x:65%
    }
}

html.webp .intro.ecommerce {
    background-image: url(/i/intro/ecommerce-bg.webp?v=0110202092124)
}

html.no-webp .intro.ecommerce {
    background-image: url(/i/intro/ecommerce-bg.jpg?v=0110202092124)
}

.intro.real-estate {
    background-image: url(/i/intro/metropolis.jpg?v=0110202092124)
}

.intro.entertainment {
    background-image: url(/i/intro/entertainment-bg.jpg?v=0110202092124)
}

.intro.business-automation {
    background-position-x: 0
}

@media (min-width: 1610px) {
    .intro.business-automation {
        background-position-y:0;
        background-size: 118%
    }
}

html.webp .intro.business-automation {
    background-image: url(/i/intro/business-process-bg.webp?v=0110202092124)
}

html.no-webp .intro.business-automation {
    background-image: url(/i/intro/business-process-bg.jpg?v=0110202092124)
}

.intro.energy {
    background-image: url(/i/intro/energy-bg.jpg?v=0110202092124);
    background-position-x: 0
}

@media (min-width: 1024px) {
    .intro.energy {
        background-position-x:25%
    }
}

.intro.custom-soft-dev {
    background-image: url(/i/intro/custom-software-development-bg.jpg?v=0110202092124);
    background-position-y: 50%
}

@media (max-width: 767px) {
    .intro.custom-soft-dev {
        background-position-x:18%
    }
}

.intro.mobile-development {
    background-image: url(/i/intro/mobile-development-bg.jpg?v=0110202092124)
}

@media (min-width: 1180px) and (max-width:1439px) {
    .intro.mobile-development {
        background-position-x:64%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.mobile-development {
        background-position-x:53%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .intro.mobile-development {
        background-position-x:62%;
        background-position-y: 0;
        background-size: 250%
    }
}

@media (max-width: 767px) {
    .intro.mobile-development {
        background-position-x:67%;
        background-position-y: 23%
    }
}

.intro.legacy-software-migration {
    background-image: url(/i/intro/legacy-software-migration-bg.jpg?v=0110202092124);
    background-position-x: 30%;
    background-position-y: 35%
}

.intro.big-data {
    background-position-y: 20%
}

html.webp .intro.big-data {
    background-image: url(/i/intro/big-data-bg.webp?v=0110202092124)
}

html.no-webp .intro.big-data {
    background-image: url(/i/intro/big-data-bg.jpg?v=0110202092124)
}

.intro.software-prototyping {
    background-image: url(/i/intro/software-prototyping-bg.jpg?v=0110202092124)
}

@media (min-width: 1440px) and (max-width:1920px) {
    .intro.software-prototyping {
        background-position-x:97%
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .intro.software-prototyping {
        background-position-x:95%
    }
}

@media (max-width: 1023px) {
    .intro.software-prototyping {
        background-position-x:75%
    }
}

.intro.about {
    background-image: url(/i/intro/syberry-building-bg.jpg?v=0110202092124)
}

@media (max-width: 1439px) {
    .intro.about {
        background-position-x:15%
    }
}

html.webp .intro.support-maintenance-program {
    background-image: url(/i/intro/software-maintenance-program-bg.webp?v=0110202092124)
}

html.no-webp .intro.support-maintenance-program {
    background-image: url(/i/intro/software-maintenance-program-bg.jpg?v=0110202092124)
}

@media (min-width: 1024px) and (max-width:1179px) {
    .intro.product-development {
        background-position-x:43%
    }
}

html.webp .intro.product-development {
    background-image: url(/i/intro/product-development-bg.webp?v=0110202092124)
}

html.no-webp .intro.product-development {
    background-image: url(/i/intro/product-development-bg.jpg?v=0110202092124)
}

.intro.saas-solutions {
    background-position-y: 50%
}

html.webp .intro.saas-solutions {
    background-image: url(/i/intro/saas-bg.webp?v=0110202092124)
}

html.no-webp .intro.saas-solutions {
    background-image: url(/i/intro/saas-bg.jpg?v=0110202092124)
}

.intro.our-blog {
    background-position-y: 100%
}

.intro.our-blog:before {
    display: none
}

html.webp .intro.our-blog {
    background-image: url(/i/intro/blog-bg.webp?v=0110202092124)
}

html.no-webp .intro.our-blog {
    background-image: url(/i/intro/blog-bg.jpg?v=0110202092124)
}

.intro.cloud {
    background-image: url(/i/intro/cloud-bg.jpg?v=0110202092124);
    background-position-y: 50%
}

@media (max-width: 1439px) {
    .intro.cloud {
        background-size:auto
    }
}

.intro.dev-ops {
    background-image: url(/i/intro/dev-ops-bg.jpg?v=0110202092124);
    background-position-y: 78%
}

@media (min-width: 1024px) {
    .intro.dev-ops {
        background-position-y:50%
    }
}

@media (min-width: 451px) and (max-width:1023px) {
    .intro.dev-ops {
        background-position-y:100%
    }
}

@media (min-width: 768px) and (max-width:1439px) {
    .intro.healthcare {
        background-position-x:46%
    }
}

@media (max-width: 767px) {
    .intro.healthcare {
        background-position-x:0
    }
}

html.webp .intro.healthcare {
    background-image: url(/i/intro/healthcare-bg.webp?v=0110202092124)
}

html.no-webp .intro.healthcare {
    background-image: url(/i/intro/healthcare-bg.jpg?v=0110202092124)
}

.intro.financial-services-solutions {
    background-image: url(/i/intro/finance-bg.jpg?v=0110202092124);
    background-position-y: 75%
}

@media (max-width: 1439px) {
    .intro.financial-services-solutions {
        background-position-x:0;
        background-position-y: 100%
    }
}

.intro.blog-intro {
    background: #fff;
    height: auto;
    min-height: auto;
    padding: 0 0 25px
}

@media (min-width: 1180px) {
    .intro.blog-intro {
        padding-bottom:75px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .intro.blog-intro {
        padding-bottom:50px
    }
}

.intro.blog-intro .intro-wrapper,.intro.blog-intro .intro-wrapper.is-hidden {
    height: inherit;
    left: 0;
    margin-top: 0;
    min-height: auto;
    position: inherit
}

@media (min-width: 768px) and (max-width:1179px) {
    .intro.blog-intro .intro-wrapper,.intro.blog-intro .intro-wrapper.is-hidden {
        left:0;
        padding: 0 30px
    }
}

@media (max-width: 767px) {
    .intro.blog-intro .intro-wrapper,.intro.blog-intro .intro-wrapper.is-hidden {
        padding:0 20px
    }
}

.intro.blog-intro .intro-wrapper.intro-wrapper-no-fixed {
    position: inherit
}

.intro.blog-intro .intro-content {
    color: #000;
    margin: 0;
    position: inherit;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media (min-width: 1024px) {
    .intro.blog-intro .intro-content {
        text-align:center
    }
}

.intro.blog-intro .intro-content .title {
    color: #393939;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 48px;
    letter-spacing: -.8px;
    line-height: 1.4;
    margin: 0 auto;
    max-width: 57%
}

.intro.blog-intro .intro-content .wide-title {
    max-width: 67%
}

@media (min-width: 1024px) and (max-width:1439px) {
    .intro.blog-intro .intro-content .title,.intro.blog-intro .intro-content .wide-title {
        max-width:80%
    }
}

@media (max-width: 1023px) {
    .intro.blog-intro .intro-content .title,.intro.blog-intro .intro-content .wide-title {
        max-width:100%
    }
}

@media (max-width: 767px) {
    .intro.blog-intro .intro-content .title,.intro.blog-intro .intro-content .wide-title {
        font-size:28px
    }
}

.intro.nda-page {
    background-image: url(/i/intro/signing-agreement.jpg?v=0110202092124)
}

.clients-section {
    background-color: #fff;
    padding-bottom: 152px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .clients-section {
        padding-bottom:121px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .clients-section {
        padding-bottom:82px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .clients-section {
        padding-bottom:92px
    }
}

@media (max-width: 767px) {
    .clients-section {
        padding-bottom:72px
    }
}

.clients-section.before-projects {
    padding-bottom: 230px
}

.clients-section.before-geography {
    background-color: transparent;
    padding-bottom: 250px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .clients-section.before-geography {
        padding-bottom:285px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .clients-section.before-geography {
        padding-bottom:122px
    }
}

@media (min-width: 1024px) and (max-width:1023px) {
    .clients-section.before-geography {
        padding-bottom:106px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .clients-section.before-geography {
        padding-bottom:120px
    }
}

@media (max-width: 767px) {
    .clients-section.before-geography {
        padding-bottom:87px
    }
}

.clients-section .subtitle-topic {
    z-index: 21
}

.clients-slider-wrapper.animated .clients-slider {
    -webkit-animation: fadeIn 175ms ease-in-out .4s both;
    animation: fadeIn 175ms ease-in-out .4s both
}

.clients-slider {
    margin-top: 102px;
    position: relative
}

@media (min-width: 1024px) and (max-width:1179px) {
    .clients-slider {
        margin-top:81px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .clients-slider {
        margin-top:86px
    }
}

@media (max-width: 767px) {
    .clients-slider {
        margin-top:55px
    }
}

.clients-slider .slider-bg,.clients-slider .swiper-container {
    margin-bottom: 0;
    margin-top: 0;
    position: relative
}

.clients-slider .slider-bg {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 767px) {
    .clients-slider .slider-bg {
        margin-left:-68%;
        margin-right: 11%
    }
}

.clients-slider .slider-bg .col {
    height: 100%;
    position: relative;
    width: 20%
}

@media (max-width: 1179px) {
    .clients-slider .slider-bg .col {
        width:33.33333%
    }
}

@media (max-width: 767px) {
    .clients-slider .slider-bg .col {
        width:50%
    }
}

@media (max-width: 1179px) {
    .clients-slider .slider-bg .col:nth-child(2),.clients-slider .slider-bg .col:nth-child(3) {
        display:none
    }
}

@media (max-width: 767px) {
    .clients-slider .slider-bg .col:last-child {
        display:none
    }
}

@media (max-width: 1439px) {
    .clients-slider .slider-bg .col:last-child .cross {
        display:none
    }
}

.clients-slider .slider-bg .cross {
    height: 27px;
    position: absolute;
    right: -14px;
    width: 27px
}

.clients-slider .slider-bg .cross:after,.clients-slider .slider-bg .cross:before {
    background-color: hsla(0,0%,85.1%,.7);
    content: "";
    display: block;
    height: 1px;
    width: 27px
}

.clients-slider .slider-bg .cross:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.clients-slider .slider-bg .cross-top {
    top: 11px
}

.clients-slider .slider-bg .cross-bottom {
    bottom: -14px
}

.clients-slider .swiper-container:after,.clients-slider .swiper-container:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 290px;
    z-index: 10
}

@media (max-width: 1439px) {
    .clients-slider .swiper-container:after,.clients-slider .swiper-container:before {
        display:none
    }
}

.clients-slider .swiper-container:before {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),to(hsla(0,0%,100%,0)));
    background-image: -o-linear-gradient(left,#fff 50%,hsla(0,0%,100%,0) 100%);
    background-image: linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));
    left: 0
}

.clients-slider .swiper-container:after {
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,#fff));
    background-image: -o-linear-gradient(left,hsla(0,0%,100%,0) 0,#fff 50%);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%);
    right: 0
}

.clients-slider .swiper-container.grey-background:before {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#fafafa),to(hsla(0,0%,98%,0)));
    background-image: -o-linear-gradient(left,#fafafa 50%,hsla(0,0%,98%,0) 100%);
    background-image: linear-gradient(90deg,#fafafa 50%,hsla(0,0%,98%,0));
    left: 0
}

.clients-slider .swiper-container.grey-background:after {
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,98%,0)),color-stop(50%,#fafafa));
    background-image: -o-linear-gradient(left,hsla(0,0%,98%,0) 0,#fafafa 50%);
    background-image: linear-gradient(90deg,hsla(0,0%,98%,0),#fafafa 50%);
    right: 0
}

.clients-slider .swiper-slide {
    margin-bottom: 47px;
    margin-top: 47px;
    min-height: 131px;
    text-align: center
}

.clients-slider .swiper-slide.swiper-slide-active .logo-wrap .active,.clients-slider .swiper-slide.swiper-slide-duplicate-active .logo-wrap .active {
    opacity: 1;
    -webkit-transform: translate3d(-50%,-50%,0) scale(1);
    transform: translate3d(-50%,-50%,0) scale(1);
    visibility: visible
}

@media (max-width: 1439px) {
    .clients-slider .swiper-slide.swiper-slide-active .logo-wrap .active,.clients-slider .swiper-slide.swiper-slide-duplicate-active .logo-wrap .active {
        -webkit-transform:translate3d(-50%,-50%,0) scale(.8);
        transform: translate3d(-50%,-50%,0) scale(.8)
    }
}

.clients-slider .swiper-slide.swiper-slide-active .logo-wrap .inactive,.clients-slider .swiper-slide.swiper-slide-duplicate-active .logo-wrap .inactive {
    opacity: 0;
    visibility: hidden
}

.clients-slider .swiper-slide .logo-wrap {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.clients-slider .swiper-slide .logo-wrap img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity,visibility .25s ease,-webkit-transform;
    transition: opacity,visibility .25s ease,-webkit-transform;
    -o-transition: transform,opacity,visibility .25s ease;
    transition: transform,opacity,visibility .25s ease;
    transition: transform,opacity,visibility .25s ease,-webkit-transform;
    will-change: transform,opacity,visibility
}

@media (max-width: 767px) {
    .clients-slider .swiper-slide .logo-wrap img {
        -webkit-transition-duration:.4375s;
        -o-transition-duration: .4375s;
        transition-duration: .4375s
    }
}

.clients-slider .swiper-slide .logo-wrap .active {
    opacity: 0;
    -webkit-transform: translate3d(-45%,-50%,0) scale(.8);
    transform: translate3d(-45%,-50%,0) scale(.8);
    -webkit-transition-duration: .32s;
    -o-transition-duration: .32s;
    transition-duration: .32s;
    visibility: hidden
}

@media (max-width: 1439px) {
    .clients-slider .swiper-slide .logo-wrap .active {
        -webkit-transform:translate3d(-45%,-50%,0) scale(.6);
        transform: translate3d(-45%,-50%,0) scale(.6)
    }
}

@media (max-width: 767px) {
    .clients-slider .swiper-slide .logo-wrap .active {
        -webkit-transition-duration:352ms;
        -o-transition-duration: 352ms;
        transition-duration: 352ms
    }
}

.clients-slider .swiper-slide .logo-wrap .inactive {
    opacity: .6;
    -webkit-transform: translate3d(-50%,-50%,0) scale(.8);
    transform: translate3d(-50%,-50%,0) scale(.8);
    visibility: visible
}

@media (max-width: 1439px) {
    .clients-slider .swiper-slide .logo-wrap .inactive {
        -webkit-transform:translate3d(-50%,-50%,0) scale(.6);
        transform: translate3d(-50%,-50%,0) scale(.6)
    }
}

.clients-slider .swiper-slide .active {
    visibility: hidden
}

.clients-slider .swiper-slide .inactive {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.awards-slider-section {
    background-color: #fff;
    margin-top: -25px;
    padding-bottom: 205px
}

.awards-slider-section .title {
    font-size: 48px;
    text-align: center
}

.awards-slider {
    margin-top: 50px
}

@media (min-width: 320px) and (max-width:1023px) {
    .awards-slider {
        margin-top:5px
    }
}

.awards-slider .swiper-awards-container {
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.awards-slider .swiper-awards-container:after,.awards-slider .swiper-awards-container:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 290px;
    z-index: 10
}

@media (max-width: 1439px) {
    .awards-slider .swiper-awards-container:after,.awards-slider .swiper-awards-container:before {
        display:none
    }
}

.awards-slider .swiper-awards-container:before {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),to(hsla(0,0%,100%,0)));
    background-image: -o-linear-gradient(left,#fff 50%,hsla(0,0%,100%,0) 100%);
    background-image: linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));
    left: 0
}

.awards-slider .swiper-awards-container:after {
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,#fff));
    background-image: -o-linear-gradient(left,hsla(0,0%,100%,0) 0,#fff 50%);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%);
    right: 0
}

.awards-slider .swiper-awards-container .swiper-wrapper {
    margin-bottom: 60px
}

.awards-slider .swiper-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(57,57,57,.8);
    margin: 47px 0 0;
    min-height: 335px;
    padding: 0 30px;
    text-align: center;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: -webkit-transform .45s ease;
    transition: -webkit-transform .45s ease;
    -o-transition: transform .45s ease;
    transition: transform .45s ease;
    transition: transform .45s ease,-webkit-transform .45s ease;
    will-change: transform
}

@media (max-width: 1439px) {
    .awards-slider .swiper-slide {
        -webkit-transform:scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }
}

@media (max-width: 767px) {
    .awards-slider .swiper-slide {
        margin:0;
        padding: 0
    }
}

.awards-slider .swiper-slide:not(.swiper-slide-active) .logo-img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.awards-slider .swiper-slide.swiper-slide-active,.awards-slider .swiper-slide.swiper-slide-duplicate-active {
    color: #393939;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (max-width: 1439px) {
    .awards-slider .swiper-slide.swiper-slide-active,.awards-slider .swiper-slide.swiper-slide-duplicate-active {
        -webkit-transform:scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
}

.awards-slider .swiper-slide.swiper-slide-active .logo-img,.awards-slider .swiper-slide.swiper-slide-duplicate-active .logo-img {
    opacity: 1
}

.awards-slider .swiper-slide.swiper-slide-next,.awards-slider .swiper-slide.swiper-slide-prev {
    color: rgba(57,57,57,.9);
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

@media (max-width: 1439px) {
    .awards-slider .swiper-slide.swiper-slide-next,.awards-slider .swiper-slide.swiper-slide-prev {
        -webkit-transform:scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

.awards-slider .swiper-slide .logo-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 335px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 40px;
    max-width: 100%;
    width: 335px
}

.awards-slider .swiper-slide .logo-img {
    max-height: 100%;
    max-width: 100%;
    opacity: .3
}

html.ie .awards-slider .swiper-slide .logo-img {
    max-width: 320px
}

@media (max-width: 1439px) {
    html.ie .awards-slider .swiper-slide .logo-img {
        max-width:190px
    }
}

.awards-slider .swiper-slide .award-title {
    font-family: sf_ui_displayheavy,Helvetica,Arial,sans-serif;
    font-size: 24px;
    margin-bottom: 10px
}

.awards-slider .swiper-slide .award-subtitle {
    font-family: sf_ui_textmedium,Helvetica,Arial,sans-serif;
    font-size: 18px
}

.technologies-slider-block {
    border-bottom: none;
    min-height: 400px;
    padding-bottom: 180px
}

.technologies-slider-block .wrapper {
    margin-bottom: 155px
}

@media (min-width: 768px) {
    .technologies-slider-block .wrapper {
        margin-bottom:170px
    }
}

.technologies-slider-block .container-column {
    float: left
}

.technologies-slider-block .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.technologies-slider-block .swiper-slide {
    height: 256px;
    -webkit-transform: translateY(13%);
    -ms-transform: translateY(13%);
    transform: translateY(13%);
    width: 256px
}

.technologies-slider-block .swiper-slide.swiper-slide-1:after {
    background-position: 25% 0
}

.technologies-slider-block .swiper-slide.swiper-slide-2:after {
    background-position: 50% 0
}

.technologies-slider-block .swiper-slide.swiper-slide-3:after {
    background-position: 75% 0
}

.technologies-slider-block .swiper-slide.swiper-slide-4:after {
    background-position: 100% 0
}

.technologies-slider-block .swiper-slide.swiper-slide-5:after {
    background-position: 0 0
}

.technologies-slider-block .swiper-slide.swiper-slide-6:after {
    background-position: 25% 0
}

.technologies-slider-block .swiper-slide.swiper-slide-7:after {
    background-position: 50% 0
}

.technologies-slider-block .swiper-slide.swiper-slide-8:after {
    background-position: 75% 0
}

@media (min-width: 768px) and (max-width:1179px) {
    .technologies-slider-block .swiper-slide {
        height:300px;
        width: 300px
    }
}

@media (min-width: 1180px) {
    .technologies-slider-block .swiper-slide {
        height:384px;
        width: 384px
    }
}

.technologies-slider-block .swiper-slide:after {
    background-image: url(/i/technologies-slider-bg.svg?v=0110202092124);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 110%;
    left: -5%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 30
}

@media (min-width: 1180px) {
    .technologies-slider-block .swiper-slide:after {
        height:130%;
        left: -15%;
        top: -15%;
        width: 130%
    }
}

.technologies-slider-block .swiper-slide:hover {
    z-index: 2
}

.technologies-slider-block .swiper-slide:hover .slide-wrapper {
    background-image: url(/i/technologies-slide-bg-active.svg?v=0110202092124);
    background-size: 118%;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.technologies-slider-block .swiper-slide:hover .logo-image {
    -webkit-transform: translate(-50%,-50%) scale(.85);
    -ms-transform: translate(-50%,-50%) scale(.85);
    transform: translate(-50%,-50%) scale(.85)
}

.technologies-slider-block .swiper-slide:nth-child(2n) {
    -webkit-transform: translateY(-26%);
    -ms-transform: translateY(-26%);
    transform: translateY(-26%)
}

@media (max-width: 1179px) {
    .technologies-slider-block .swiper-slide.swiper-slide-3:after {
        top:-15%
    }
}

.technologies-slider-block .slide-wrapper {
    background-image: url(/i/technologies-slide-bg.svg?v=0110202092124);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    width: 100%
}

.technologies-slider-block .slide-wrapper .logo-image {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 60%
}

.technologies-slider-block .slide-wrapper .logo-image.aws {
    top: 55%
}

.technologies-slider-block .slide-wrapper .logo-image.python {
    width: 70%
}

.technologies-slider-block .slide-wrapper .logo-image.c-sharp {
    width: 52%
}

.technologies-slider-block .slide-wrapper .logo-image.php {
    width: 65%
}

.technologies-slider-block .slide-wrapper .logo-image.microsoft-net {
    left: 52%;
    width: 50%
}

.technologies-slider-block .slide-wrapper .logo-image.java {
    top: 47%
}

.technologies-slider-block .slide-wrapper .logo-image.html {
    width: 36%
}

.sliders-wrapper {
    position: relative
}

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

@media (max-width: 600px) {
    .projects-section .mobile-hidden {
        display:none
    }
}

.projects-section .project {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project {
        padding-top:139px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project {
        padding-top:109px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .projects-section .project {
        will-change:transform
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project {
        padding-top:61px
    }
}

@media (max-width: 767px) {
    .projects-section .project {
        padding-top:78px
    }
}

.projects-section .project,.projects-section .project-group {
    min-height: 320px
}

@media (min-width: 1440px) {
    .projects-section .project,.projects-section .project-group {
        min-height:688px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project,.projects-section .project-group {
        min-height:556px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project,.projects-section .project-group {
        min-height:512px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project,.projects-section .project-group {
        min-height:384px
    }
}

.projects-section .project-group.project-narrow,.projects-section .project.project-narrow {
    min-height: 344px
}

@media (min-width: 601px) and (max-width:1179px) {
    .projects-section .project-group.project-narrow,.projects-section .project.project-narrow {
        min-height:340px
    }
}

@media (max-width: 600px) {
    .projects-section .project-group.project-narrow,.projects-section .project.project-narrow {
        min-height:320px
    }
}

.projects-section .project-group.project-narrow.project-column-left .content,.projects-section .project.project-narrow.project-column-left .content {
    padding-left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1440px) {
    .projects-section .project-group.project-narrow.project-column-left .content,.projects-section .project.project-narrow.project-column-left .content {
        padding-left:8.6%
    }
}

@media (min-width: 768px) and (max-width:1439px) {
    .projects-section .project-group.project-narrow.project-column-left .content,.projects-section .project.project-narrow.project-column-left .content {
        padding-left:30px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group.project-narrow.project-column-right,.projects-section .project.project-narrow.project-column-right {
        padding-left:1.4%
    }
}

.projects-section .project-group.project-narrow .content,.projects-section .project.project-narrow .content {
    padding-left: 9.4%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group.project-narrow .content,.projects-section .project.project-narrow .content {
        padding-left:10.2%
    }
}

@media (max-width: 767px) {
    .projects-section .project-group.project-narrow .content,.projects-section .project.project-narrow .content {
        padding-left:20px
    }
}

.projects-section .project-group.project-narrow .project-name,.projects-section .project.project-narrow .project-name {
    max-width: 480px
}

@media (max-width: 767px) {
    .projects-section .project-group.project-narrow .project-name,.projects-section .project.project-narrow .project-name {
        margin-bottom:0
    }
}

@media (min-width: 1440px) {
    .projects-section .project-group.project-column-full .content,.projects-section .project.project-column-full .content {
        margin-left:12.2%;
        top: 195px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project-group.project-column-full .content,.projects-section .project.project-column-full .content {
        margin-left:2.7%;
        top: 178px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group.project-column-full .content,.projects-section .project.project-column-full .content {
        margin-left:30px;
        top: 129px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group.project-column-full .content,.projects-section .project.project-column-full .content {
        margin-left:30px;
        top: 159px
    }
}

@media (max-width: 767px) {
    .projects-section .project-group.project-column-full .content,.projects-section .project.project-column-full .content {
        margin-left:0;
        margin-top: 20px;
        padding-left: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.projects-section .project-group.project-column-full .project-name,.projects-section .project.project-column-full .project-name {
    max-width: 555px
}

@media (min-width: 768px) and (max-width:1024px) {
    .projects-section .project-group.project-column-full .project-name,.projects-section .project.project-column-full .project-name {
        margin-bottom:33px;
        margin-top: -9px
    }
}

@media (max-width: 767px) {
    .projects-section .project-group.project-column-full .project-name,.projects-section .project.project-column-full .project-name {
        margin-bottom:0;
        margin-right: 40px;
        margin-top: 0;
        max-width: 360px
    }
}

.projects-section .project-group.project-column-full .project-description,.projects-section .project.project-column-full .project-description {
    max-width: 734px
}

@media (max-width: 767px) {
    .projects-section .project-group.project-column-full .project-description,.projects-section .project.project-column-full .project-description {
        display:none
    }
}

.projects-section .project-group.project-column-full .project-description p,.projects-section .project.project-column-full .project-description p {
    margin-bottom: 10px
}

.projects-section .project-group.project-column-full .project-technologies .underline,.projects-section .project.project-column-full .project-technologies .underline {
    display: inline;
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    position: relative
}

.projects-section .project-group.project-column-full .project-technologies .underline:after,.projects-section .project.project-column-full .project-technologies .underline:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    opacity: .5;
    position: absolute;
    right: 0;
    width: 100%
}

.projects-section .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;
    position: absolute;
    top: 50px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0ms;
    -o-transition-duration: 0ms;
    transition-duration: 0ms;
    width: 100%;
    z-index: 2
}

@media (min-width: 1440px) {
    .projects-section .content {
        top:151px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .content {
        top:85px
    }
}

@media (min-width: 1440px) {
    .projects-section .content.project-sm {
        top:45px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .content.project-sm {
        top:20px
    }
}

.projects-section .project-column {
    width: 100%
}

@media (min-width: 1180px) {
    .projects-section .project-column {
        left:-1px;
        right: -1px
    }
}

@media (min-width: 768px) {
    .projects-section .project-column {
        width:50%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-column.project {
        padding-top:85px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .projects-section .project-column.project-group {
        width:100%
    }
}

.projects-section .project-column-full {
    min-height: 361px;
    width: 100%
}

@media (min-width: 1440px) {
    .projects-section .project-column-full {
        min-height:694px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project-column-full {
        min-height:639px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-column-full {
        min-height:519px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-column-full {
        min-height:478px
    }
}

.projects-section .project-column-full .project-description {
    display: block
}

@media (max-width: 767px) {
    .projects-section .project-column-full .project-name {
        font-size:34px
    }
}

.projects-section .project-column-left .content {
    padding-left: 20px;
    padding-right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1440px) {
    .projects-section .project-column-left .content {
        padding-left:24.8%;
        padding-right: 20%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project-column-left .content {
        padding-left:5%;
        padding-right: 14%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-column-left .content {
        padding-left:9.5%;
        padding-right: 9%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-column-left .content {
        padding-left:13%;
        padding-right: 16%
    }
}

.projects-section .project-column-right .content {
    padding-left: 20px;
    padding-right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1440px) {
    .projects-section .project-column-right .content {
        padding-left:18.4%;
        padding-right: 26%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project-column-right .content {
        padding-left:9%;
        padding-right: 11%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-column-right .content {
        padding-left:9.8%;
        padding-right: 12%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-column-right .content {
        padding-left:12.8%;
        padding-right: 10%
    }
}

.projects-section .project-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group {
        height:768px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .projects-section .project-group {
        position:relative
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group {
        height:576px
    }
}

.projects-section .project-group .content {
    padding-left: 18.4%;
    padding-right: 6.2%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project-group .content {
        padding-left:9.9%
    }
}

@media (max-width: 767px) {
    .projects-section .project-group .content {
        padding-left:20px;
        padding-right: 20px
    }
}

.projects-section .project-group .project {
    min-height: 344px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project-group .project {
        min-height:286px
    }
}

@media (max-width: 767px) {
    .projects-section .project-group .project {
        min-height:320px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group .project:nth-child(2),.projects-section .project-group .project:nth-of-type(2) {
        min-height:512px;
        -webkit-transform: translate3d(-100%,256px,0);
        transform: translate3d(-100%,256px,0)
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group .project:nth-child(2),.projects-section .project-group .project:nth-of-type(2) {
        min-height:384px;
        -webkit-transform: translate3d(-100%,192px,0);
        transform: translate3d(-100%,192px,0)
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group .project:nth-child(2) .project-name,.projects-section .project-group .project:nth-of-type(2) .project-name {
        max-width:60%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group .project:nth-child(2) .content,.projects-section .project-group .project:nth-of-type(2) .content {
        padding-left:10%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group .project:nth-child(2) .content,.projects-section .project-group .project:nth-of-type(2) .content {
        padding-left:13%;
        padding-right: 9.2%
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .projects-section .project-group .project:nth-child(3),.projects-section .project-group .project:nth-of-type(3) {
        -webkit-transform:translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group .project:first-child,.projects-section .project-group .project:first-of-type,.projects-section .project-group .project:nth-child(3),.projects-section .project-group .project:nth-of-type(3) {
        height:256px;
        min-height: 256px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group .project:first-child,.projects-section .project-group .project:first-of-type,.projects-section .project-group .project:nth-child(3),.projects-section .project-group .project:nth-of-type(3) {
        height:192px;
        min-height: 192px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group .project:first-child .content,.projects-section .project-group .project:first-of-type .content,.projects-section .project-group .project:nth-child(3) .content,.projects-section .project-group .project:nth-of-type(3) .content {
        padding-left:10%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group .project:first-child .content,.projects-section .project-group .project:first-of-type .content,.projects-section .project-group .project:nth-child(3) .content,.projects-section .project-group .project:nth-of-type(3) .content {
        padding-left:13%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group .project:last-child {
        min-height:512px;
        padding-top: 109px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .projects-section .project-group .project:last-child {
        width:100%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group .project:last-child {
        min-height:384px;
        padding-top: 62px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .projects-section .project-group .project:last-child .content {
        left:0;
        padding-right: 0
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group .project:last-child .content {
        max-width:585px;
        padding-left: 4.8%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group .project:last-child .content {
        max-width:355px;
        padding-left: 6.4%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group+.project-column-right {
        height:512px;
        min-height: 512px;
        -webkit-transform: translate3d(100%,-768px,0);
        transform: translate3d(100%,-768px,0)
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group+.project-column-right {
        height:384px;
        min-height: 384px;
        -webkit-transform: translate3d(100%,-576px,0);
        transform: translate3d(100%,-576px,0)
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .projects-section .project-group+.project-column-right {
        width:50%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group+.project-column-right .content {
        padding-left:10%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group+.project-column-right .content {
        padding-left:13%
    }
}

.projects-section .project {
    color: #fff
}

.projects-section .project-dark {
    color: #393939
}

.projects-section .project-main .project-name {
    max-width: 265px
}

@media (min-width: 768px) {
    .projects-section .project-main .project-name {
        max-width:100%
    }
}

.projects-section .project-name {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

@media (min-width: 768px) {
    .projects-section .project-name {
        font-size:34px;
        line-height: 40px;
        max-width: 360px
    }
}

@media (max-width: 767px) {
    .projects-section .project-name {
        font-size:34px;
        line-height: 38px;
        margin-bottom: 0;
        max-width: 265px
    }
}

.projects-section .project-description {
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -.39px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 33px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project-description {
        margin-bottom:9px
    }
}

@media (max-width: 1023px) {
    .projects-section .project-description {
        display:none
    }
}

.projects-section .project-technologies {
    -webkit-font-smoothing: antialiased;
    line-height: 26px;
    margin-bottom: 1px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .projects-section .project-technologies {
        line-height:24px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-technologies {
        margin-top:33px
    }
}

@media (max-width: 767px) {
    .projects-section .project-technologies {
        display:none
    }
}

.projects-section .project-technologies span {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif
}

.projects-section .project-technologies a {
    color: #fff;
    text-decoration: underline
}

.projects-section .project-technologies a:hover {
    text-decoration: none
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group+.project-column-right .project-name {
        max-width:66%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group+.project-column-right .project-name {
        max-width:72%
    }
}

.projects-section .project-group .project-name {
    max-width: 260px
}

@media (min-width: 768px) and (max-width:1179px) {
    .projects-section .project-group .project-name.project-name-lg {
        max-width:350px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group .project:first-child .project-name,.projects-section .project-group .project:first-of-type .project-name,.projects-section .project-group .project:nth-child(3) .project-name,.projects-section .project-group .project:nth-of-type(3) .project-name {
        margin-bottom:0
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group .project:first-child .button,.projects-section .project-group .project:first-of-type .button,.projects-section .project-group .project:nth-child(3) .button,.projects-section .project-group .project:nth-of-type(3) .button {
        display:none
    }
}

@media (min-width: 1180px) {
    .projects-section .project-group .project:nth-child(2) .project-description,.projects-section .project-group .project:nth-of-type(2) .project-description {
        display:none
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .projects-section .project-group .project:nth-child(2) .project-description,.projects-section .project-group .project:nth-of-type(2) .project-description {
        margin-bottom:33px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .projects-section .project-group .project:nth-child(2) .project-description,.projects-section .project-group .project:nth-of-type(2) .project-description {
        display:block;
        margin-bottom: 45px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .projects-section .project-group .project:last-child .project-name {
        max-width:100%
    }
}

@media (min-width: 1180px) {
    .projects-section .project-group .project:last-child .project-description,.projects-section .project-group .project:last-child .project-technologies {
        display:none
    }
}

.projects-section .project-version {
    font-size: 14px;
    padding-bottom: 20px;
    visibility: hidden
}

@media (max-width: 1023px) {
    .projects-section .project-version {
        display:none
    }
}

.wrapper-project-header {
    margin-left: 12.2%;
    width: 100%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .wrapper-project-header {
        margin-left:0
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .wrapper-project-header {
        margin-left:30px
    }
}

.wrapper-project-header .project-header {
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    line-height: 38px;
    max-width: 720px;
    padding-bottom: 68px;
    padding-left: 128px;
    padding-top: 68px;
    position: absolute;
    top: -96px;
    width: 50%;
    z-index: 2
}

@media (max-width: 1439px) {
    .wrapper-project-header .project-header {
        padding-left:50px;
        width: 50%
    }
}

@media (max-width: 1024px) and (max-width:1179px) {
    .wrapper-project-header .project-header {
        left:30px;
        padding-bottom: 68px;
        padding-left: 57px;
        padding-top: 69px;
        top: -85px;
        width: 61%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .wrapper-project-header .project-header {
        top:-90px
    }
}

@media (max-width: 768px) {
    .wrapper-project-header .project-header {
        width:81.4%
    }
}

@media (max-width: 767px) {
    .wrapper-project-header .project-header {
        left:0;
        padding-left: 20px;
        top: -145px;
        width: 93.4%
    }
}

@media (max-width: 450px) {
    .wrapper-project-header .project-header {
        font-size:30px;
        padding-bottom: 45px;
        padding-top: 45px;
        top: -132px;
        width: 94.1%
    }
}

.wrapper-project-header .project-header .header-text {
    display: inline-block;
    overflow: hidden;
    padding-right: 5px;
    position: relative
}

@media (max-width: 450px) {
    .wrapper-project-header .project-header .header-text {
        max-width:84%
    }
}

.projects-section {
    position: relative;
    z-index: 10
}

.projects-section:not(.hide-tint):hover a.project:after {
    opacity: 1
}

.projects-section:not(.hide-tint):hover a.project.hovered:after {
    opacity: 0
}

.projects-section .project .image {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -1px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    -webkit-transition: -webkit-transform 2.5s;
    transition: -webkit-transform 2.5s;
    -o-transition: transform 2.5s;
    transition: transform 2.5s;
    transition: transform 2.5s,-webkit-transform 2.5s;
    z-index: 1
}

.projects-section .project .image.project-personnel-management {
    background-position-y: 50%
}

.projects-section .project .image.project-control-platform {
    background-size: cover
}

.projects-section .project .image.project-integrated-medical-consumables-tracker {
    background-position-x: 0
}

.projects-section a.project {
    display: block;
    position: relative
}

.projects-section a.project:after {
    background-color: rgba(0,0,0,.4);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .8s;
    -o-transition: opacity .8s;
    transition: opacity .8s;
    width: 100%;
    z-index: 1
}

.projects-section a.project.hovered .project-name {
    text-decoration: underline;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.projects-section-with-scale a.project.hovered .image {
    -webkit-transform: scale(1.03) translateZ(0);
    transform: scale(1.03) translateZ(0)
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .projects-section .project.hovered .image,.projects-section .project .image {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@supports (-ms-ime-align:auto) {
    .projects-section .project.hovered .image,.projects-section .project .image {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-document url-prefix() {
    .projects-section .project .image {
        filter: blur(0);
        margin: -10px -20px
    }
}

.acquaintance-section {
    background-color: #fff
}

.acquaintance-section .acquaintance-sect-wrapper {
    padding-top: 0
}

.acquaintance-section.overflow-itself .acquaintance-sect-wrapper {
    padding-top: 70px
}

@media (min-width: 1440px) {
    .acquaintance-section.overflow-itself .acquaintance-sect-wrapper {
        padding-top:230px
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .acquaintance-section.overflow-itself .acquaintance-sect-wrapper {
        padding-top:120px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .acquaintance-section.overflow-itself .acquaintance-sect-wrapper {
        padding-top:80px
    }
}

@media (max-width: 1179px) {
    .acquaintance-section.overflow-itself .contact-form-wrapper {
        margin-top:0
    }
}

.acquaintance-section.previous-divider .acquaintance-sect-wrapper {
    padding-top: 110px
}

@media (min-width: 1440px) {
    .acquaintance-section.previous-divider .acquaintance-sect-wrapper {
        padding-top:318px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .acquaintance-section.previous-divider .acquaintance-sect-wrapper {
        padding-top:208px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .acquaintance-section.previous-divider .acquaintance-sect-wrapper {
        padding-top:184px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .acquaintance-section.previous-divider .acquaintance-sect-wrapper {
        padding-top:462px
    }
}

.acquaintance-sect-wrapper {
    padding-top: 70px
}

@media (min-width: 1440px) {
    .acquaintance-sect-wrapper {
        padding-top:230px
    }
}

@media (min-width: 1024px) and (max-width:1439px) {
    .acquaintance-sect-wrapper {
        padding-top:120px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .acquaintance-sect-wrapper {
        padding-top:90px
    }
}

.acquaintance-sect-wrapper .contact-form-section {
    border-bottom: none
}

.acquaintance-sect-wrapper .contact-form-section.main-contact-form-section {
    padding-bottom: 70px
}

@media (min-width: 1440px) {
    .acquaintance-sect-wrapper .contact-form-section.main-contact-form-section {
        padding-top:120px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .acquaintance-sect-wrapper .contact-form-section.main-contact-form-section {
        padding-bottom:110px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .acquaintance-sect-wrapper .contact-form-section.main-contact-form-section {
        padding-bottom:120px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .acquaintance-sect-wrapper .contact-form-section.main-contact-form-section {
        padding-bottom:80px
    }
}

@media (max-width: 767px),(min-width:1180px) and (max-width:1439px) {
    .acquaintance-sect-wrapper .contact-form-section .wrapper {
        padding-left:0;
        padding-right: 0
    }
}

.imaged-articles+.acquaintance-section {
    margin-top: 40px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .imaged-articles+.acquaintance-section {
        margin-top:48px
    }
}

.promise-sect-wrapper {
    background-color: #fff;
    margin-top: -40px
}

.promise-sect-wrapper.after-info-list {
    margin-top: -65px
}

@media (max-width: 1439px) {
    .promise-sect-wrapper.after-info-list {
        margin-top:0
    }
}

.promise-to-customers {
    position: relative;
    z-index: 20
}

.promise-to-customers.promise-background,.promise-to-customers.promise-background-our-team {
    background: url(/i/video-bg.jpg?v=0110202092124) no-repeat bottom;
    background-size: cover
}

@media (max-width: 767px) {
    .promise-to-customers.promise-background,.promise-to-customers.promise-background-our-team {
        background-image:url(/i/video-bg-768.jpg?v=0110202092124);
        background-position-x: 15%;
        background-position-y: 15%
    }
}

.promise-to-customers.promise-background-our-team {
    background: url(/i/laptops-bg.jpg?v=0110202092124) no-repeat center 83%
}

@media (min-width: 768px) and (max-width:1439px) {
    .promise-to-customers.promise-background-our-team {
        background-position-y:86%
    }
}

.promise-to-customers.after-projects-block {
    margin-top: 0
}

.promise-to-customers .promise-text {
    color: #fff;
    padding: 140px 50% 175px 0;
    position: relative
}

@media (min-width: 1180px) and (max-width:1439px) {
    .promise-to-customers .promise-text {
        padding:138px 34.4% 133px 1.7%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .promise-to-customers .promise-text {
        padding:109px 34.5% 88px 2%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .promise-to-customers .promise-text {
        padding:98px 30% 76px 2.7%
    }
}

@media (max-width: 767px) {
    .promise-to-customers .promise-text {
        padding:101px 0
    }
}

.promise-to-customers .promise-title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    letter-spacing: -.4px;
    line-height: 40px;
    margin-bottom: 26px
}

@media (max-width: 767px) {
    .promise-to-customers .promise-title {
        font-size:30px;
        line-height: 36px;
        margin-bottom: 17px;
        margin-right: 75px
    }
}

.promise-to-customers .promise-desc {
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 17px;
    letter-spacing: -.4px;
    margin: 0
}

.promise-to-customers .promise-desc.is-ticked .desc-paragraph {
    padding-left: 34px;
    position: relative
}

.promise-to-customers .promise-desc.is-ticked .desc-paragraph:before {
    background: url(/i/list-item.svg?v=0110202092124) no-repeat 50% 50%/contain;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 20px
}

.promise-to-customers .promise-desc .desc-paragraph {
    display: inline-block;
    margin-bottom: 10px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .promise-to-customers .promise-desc .desc-paragraph {
        margin-bottom:11px
    }
}

.promise-to-customers .promise-desc .desc-big-paragraph {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .2px;
    margin-bottom: 28px;
    margin-top: 31px
}

.promise-sect-wrapper .animated .promise-text {
    -webkit-animation: fadeInLeftLittle .55s ease-in-out .33333333s both;
    animation: fadeInLeftLittle .55s ease-in-out .33333333s both
}

@media (max-width: 1439px) {
    .promise-sect-wrapper .animated .promise-text {
        -webkit-animation-name:fadeInLeftXS;
        animation-name: fadeInLeftXS
    }
}

.promise-sect-wrapper .animated .promise-desc {
    -webkit-animation: fadeInLeftLittle .55s ease-in-out .33333333s both;
    animation: fadeInLeftLittle .55s ease-in-out .33333333s both
}

@media (max-width: 1439px) {
    .promise-sect-wrapper .animated .promise-desc {
        -webkit-animation-name:fadeInLeftXS;
        animation-name: fadeInLeftXS
    }
}

.contact-form-section {
    background-color: #fff
}

.contact-form-section .motivation {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 41px;
    padding-top: 13px;
    width: 100%
}

@media (max-width: 767px),(min-width:1024px) and (max-width:1439px) {
    .contact-form-section .motivation {
        padding-right:0
    }
}

@media (max-width: 1023px) {
    .contact-form-section .motivation {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .contact-form-section .motivation {
        margin-top:-4px;
        padding-top: 0
    }
}

@media (max-width: 767px) {
    .contact-form-section .motivation {
        padding-top:0
    }
}

.contact-form-section .motivation.center {
    text-align: center
}

.contact-form-section .motivation.center .topic-name.motivation-text {
    display: block;
    font-size: 32px;
    margin-bottom: 15px
}

.contact-form-section .motivation.center .subtitle {
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 1.15;
    margin-bottom: 40px
}

.contact-form-section .motivation .motivation-text {
    color: #393939;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 15px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .contact-form-section .motivation .motivation-text {
        margin-bottom:40px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .contact-form-section .motivation .motivation-text {
        margin-bottom:15px
    }
}

@media (max-width: 1023px) {
    .contact-form-section .motivation .motivation-text {
        margin-bottom:68px
    }
}

@media (max-width: 767px) {
    .contact-form-section .motivation .motivation-text {
        font-size:30px;
        line-height: 38px
    }
}

.contact-form-section .motivation .contact-mail {
    color: #0076bd;
    display: inline-block;
    font-weight: 600;
    margin-top: 13px;
    text-decoration: underline
}

.contact-form-section .motivation .button.our-team-mail {
    background: -o-linear-gradient(304deg,#4cabba 0,#5e33bb 100%),#fff;
    background: linear-gradient(146deg,#4cabba,#5e33bb),#fff;
    color: #fff;
    padding: 11px 33px;
    text-transform: none
}

.contact-form-section .motivation .button.our-team-mail.hovered,.contact-form-section .motivation .button.our-team-mail.hovered.no-animation {
    color: #393939
}

.contact-form-section .motivation .button.our-team-mail .button-hover-effect {
    background-color: #fff
}

.contact-form-section .motivation .button.our-team-mail .button-overlay {
    bottom: 2px;
    left: 2px;
    right: 2px;
    top: 2px
}

.contact-form-section.team-form .contact-form-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 0;
    padding: 0 20px
}

.contact-form-section.team-form .contact-form-wrapper .motivation-text {
    margin-bottom: 25px
}

@media (min-width: 320px) and (max-width:767px) {
    .contact-form-section.team-form .contact-form-wrapper .motivation-text {
        margin-bottom:15px
    }
}

.contact-form-section.team-form .form-wrapper {
    display: none
}

.contact-form-wrapper {
    background: #fff;
    -webkit-box-shadow: 0 0 45px rgba(0,0,0,.35);
    box-shadow: 0 0 45px rgba(0,0,0,.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 41px;
    margin-top: -80px;
    padding: 54px 8.9% 63px 9.1%;
    position: relative;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    z-index: 30
}

@media (min-width: 1180px) and (max-width:1439px) {
    .contact-form-wrapper {
        margin-top:0;
        padding: 54px 4.2% 63px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .contact-form-wrapper {
        padding:54px 4.2% 63px 4.8%
    }
}

@media (max-width: 767px) {
    .contact-form-wrapper {
        margin-right:21px
    }
}

.contact-form-wrapper .form-control-label {
    margin-right: 0
}

@media (min-width: 1180px) and (max-width:1439px) {
    .contact-form-wrapper .form-field-l-col {
        padding-right:1.7%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .contact-form-wrapper .form-field-r-col {
        margin-left:21px;
        width: 46.2%
    }
}

@media (max-width: 1023px) {
    .contact-form-wrapper .form-wrapper {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.contact-form-wrapper .contact-form {
    margin-top: 16px;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    width: 100%
}

@media (min-width: 1440px) {
    .contact-form-wrapper .contact-form {
        margin-bottom:16px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .contact-form-wrapper .contact-form {
        margin-bottom:15px;
        margin-top: -8px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .contact-form-wrapper .contact-form {
        margin-bottom:16px;
        margin-top: 17px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .contact-form-wrapper .contact-form {
        margin-top:-40px
    }
}

@media (max-width: 767px) {
    .contact-form-wrapper .contact-form {
        margin-top:-37px
    }
}

.contact-form-wrapper .button-submit-form {
    float: left;
    padding-left: 52px;
    padding-right: 55px
}

.contact-form-wrapper .button-submit-form.hovered,.contact-form-wrapper .button-submit-form.hovered .button-text {
    color: #fff
}

.contact-form-wrapper .button-overlay {
    right: 1px
}

.contact-form-wrapper .form-attachment-warning,.contact-form-wrapper .form-submit-warning {
    display: block;
    position: absolute
}

.contact-form-wrapper .form-attachment-warning.shown,.contact-form-wrapper .form-submit-warning.shown {
    position: static
}

.contact-form-wrapper .form-group-btn {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .contact-form-wrapper .form-group-btn {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 15px;
        margin-top: 25px
    }
}

@media (max-width: 767px) {
    .contact-form-wrapper .button-submit-form {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.contact-form-wrapper .form-submit-preloader {
    margin-left: 30px;
    position: static
}

@media (max-width: 767px) {
    .contact-form-wrapper .form-submit-preloader {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.contact-form-wrapper .form-group-textarea {
    display: inline-block
}

.contact-form-wrapper .checkbox-label-text {
    font-size: 15px;
    line-height: 19px
}

.main-feedback-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 320px) and (max-width:1179px) {
    .main-feedback-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .main-feedback-wrapper .rating-form {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

@media (min-width: 1180px) {
    .main-feedback-wrapper .contact-form-wrapper {
        width:65%
    }
}

.main-feedback-wrapper .form-group-textarea {
    height: 260px
}

.main-feedback-wrapper .form-control-textarea {
    height: 230px
}

@media (min-width: 1180px) {
    .main-feedback-wrapper .form-field-l-col {
        padding-right:0
    }
}

.main-feedback-wrapper .form-field-r-col {
    height: 256px;
    margin-bottom: 20px
}

@media (min-width: 1180px) {
    .main-feedback-wrapper .form-field-r-col {
        margin-left:0;
        width: 100%
    }
}

.main-feedback-wrapper .button {
    color: #0d538a
}

.main-feedback-wrapper .button:after {
    border-color: #0d538a
}

.main-feedback-wrapper .button.hovered {
    color: #fff
}

.main-feedback-wrapper .button-hover-effect {
    background-color: #0d538a
}

.contact-form-separator {
    margin-bottom: 64px
}

.footer {
    background-color: #222;
    color: #feffff;
    position: relative
}

.footer:before {
    /*background: #56516a;*/
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 90px
}

@media (min-width: 1024px) {
    .footer:before {
        top:165px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer:before {
        top:142px
    }
}

.footer .footer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer .footer-column {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative
}

@media (min-width: 1180px) {
    .footer .footer-column {
        -webkit-flex-basis:20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .footer .footer-column {
        -webkit-flex-basis:19.5%;
        -ms-flex-preferred-size: 19.5%;
        flex-basis: 19.5%
    }
}

.footer .footer-column:before {
    background: #56516a;
    bottom: 60px;
    content: "";
    position: absolute;
    right: 5px;
    top: 135px;
    width: 1px;
    z-index: 2
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer .footer-column:before {
        left:280px;
        right: auto
    }
}

@media (max-width: 767px) {
    .footer .footer-column:before {
        display:none
    }
}

@media (max-width: 1023px) {
    .footer .footer-column:after {
        background:#56516a;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        width: 1px;
        z-index: 2
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer .footer-column:after {
        height:62px;
        top: 112px
    }
}

@media (max-width: 767px) {
    .footer .footer-column:after {
        height:45px;
        top: 68px
    }
}

.footer .footer-column:first-child {
    -webkit-flex-basis: 24%;
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    padding-right: 0
}

@media (min-width: 1920px) {
    .footer .footer-column:first-child {
        padding-right:38px
    }
}

@media (min-width: 1440px) and (max-width:1919px) {
    .footer .footer-column:first-child {
        padding-right:41px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .footer .footer-column:first-child {
        -webkit-flex-basis:22%;
        -ms-flex-preferred-size: 22%;
        flex-basis: 22%;
        padding-right: 22px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .footer .footer-column:first-child {
        -webkit-flex-basis:23%;
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
        padding-right: 17px
    }
}

.footer .footer-column:first-child:before {
    bottom: 0;
    top: 0
}

.footer .footer-column:last-child:before {
    display: none
}

@media (max-width: 1023px) {
    .footer .hidden-sm {
        display:none
    }
}

.footer .region {
    padding: 110px 20px 75px;
    position: relative
}

@media (min-width: 1440px) {
    .footer .region {
        padding-left:40px;
        padding-right: 40px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .footer .region {
        padding-left:14px;
        padding-right: 14px
    }
}

.footer .region-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 340px;
    padding-bottom: 70px;
    padding-left: 0;
    padding-top: 60px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .footer .region-info {
        -webkit-flex-basis:22%;
        -ms-flex-preferred-size: 22%;
        flex-basis: 22%
    }
}

@media (max-width: 1023px) {
    .footer .region-info {
        -webkit-box-flex:1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer .region-info {
        padding-bottom:60px;
        padding-top: 34px
    }
}

@media (max-width: 767px) {
    .footer .region-info {
        padding-bottom:20px;
        padding-right: 0;
        padding-top: 20px
    }
}

.footer .mobile-blocks-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

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

@media (min-width: 1024px) {
    .footer .mobile-blocks-wrap .region-mobile {
        display:none
    }
}

@media (max-width: 1023px) {
    .footer .mobile-blocks-wrap .region-mobile {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        margin: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer .mobile-blocks-wrap .region-mobile {
        -webkit-flex-basis:280px;
        -ms-flex-preferred-size: 280px;
        flex-basis: 280px;
        max-width: 280px;
        padding-left: 50px
    }
}

@media (max-width: 767px) {
    .footer .mobile-blocks-wrap .region-mobile {
        margin-bottom:47px;
        padding-left: 20px
    }
}

.footer .mobile-blocks-wrap .region-mobile .block-title {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .footer .mobile-blocks-wrap .region-mobile .block-title {
        margin-bottom:25px
    }
}

.footer .contacts-title {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    margin-bottom: 28px
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer .contacts-title {
        color:hsla(0,0%,100%,.5);
        font-size: 22px;
        margin-bottom: 25px
    }
}

@media (max-width: 767px) {
    .footer .contacts-title {
        color:hsla(0,0%,100%,.5);
        font-size: 18px;
        margin-bottom: 10px
    }
}

.footer .info-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) and (max-width:1179px) {
    .footer .info-wrap {
        font-size:14px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer .info-wrap {
        padding-left:50px;
        width: 50%
    }
}

@media (max-width: 767px) {
    .footer .info-wrap {
        font-size:12px;
        padding-left: 20px;
        width: 90%
    }
}

.footer .info-wrap:before {
    background: #56516a;
    content: "";
    display: block;
    height: 1px;
    left: -20px;
    position: absolute;
    top: -23px;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    z-index: 2
}

@media (min-width: 768px) {
    .footer .info-wrap:before {
        display:none
    }
}

.footer .info-wrap:after {
    background: #56516a;
    content: "";
    display: block;
    height: 45px;
    left: 0;
    position: absolute;
    top: -45px;
    width: 1px
}

@media (min-width: 768px) {
    .footer .info-wrap:after {
        display:none
    }
}

.footer .info-row {
    margin-bottom: 0;
    padding-left: 22px;
    position: relative
}

@media (min-width: 768px) {
    .footer .info-row {
        margin-bottom:15px;
        padding-left: 37px
    }
}

.footer .info-row.additional-info {
    color: hsla(0,0%,100%,.6);
    padding-left: 37px
}

@media (max-width: 767px) {
    .footer .info-row.additional-info {
        margin-bottom:7px;
        padding-left: 22px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer .info-row.additional-info br {
        display:none
    }
}

.footer .info-row.additional-info .inner-link {
    border-bottom: 1px solid transparent
}

.footer .info-row.additional-info .inner-link.hovered,.footer .info-row.additional-info .inner-link:hover {
    border-color: hsla(0,0%,100%,.6)
}

.footer .info-row .icon-svg {
    fill: hsla(0,0%,100%,.6);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 17px;
    -ms-flex: 0 0 17px;
    flex: 0 0 17px;
    height: 17px;
    left: 0;
    margin-top: 5px;
    position: absolute
}

@media (max-width: 767px) {
    .footer .info-row .icon-svg {
        -webkit-flex-basis:12px;
        -ms-flex-preferred-size: 12px;
        flex-basis: 12px;
        height: 12px;
        margin-left: -5px
    }
}

.footer .info-row .icon-phone {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.footer .copyright {
    color: hsla(0,0%,100%,.6);
    margin-bottom: 4px;
    position: relative
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer .copyright {
        margin-bottom:-1px
    }
}

@media (max-width: 767px) {
    .footer .copyright {
        margin-top:30px
    }
}

.footer .copyright:before {
    background: #56516a;
    content: "";
    display: block;
    height: 1px;
    left: -40px;
    position: absolute;
    top: -9px;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    z-index: 2
}

@media (min-width: 768px) {
    .footer .copyright:before {
        display:none
    }
}

.footer .copyright:after {
    background: #56516a;
    content: "";
    display: block;
    height: 45px;
    left: -20px;
    position: absolute;
    top: -31px;
    width: 1px
}

@media (min-width: 768px) {
    .footer .copyright:after {
        display:none
    }
}

.footer .logo {
    margin-bottom: 35px
}

@media (min-width: 768px) {
    .footer .logo {
        margin-bottom:55px
    }
}

.footer .icon-logotype-colored-white {
    height: 50px;
    width: 132px
}

@media (min-width: 768px) {
    .footer .icon-logotype-colored-white {
        height:75px;
        width: 195px
    }
}

.footer .block-title {
    color: hsla(0,0%,100%,.5);
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 18px;
    margin-bottom: 55px
}

@media (min-width: 768px) {
    .footer .block-title {
        font-size:22px
    }
}

.footer .menu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.footer .list-item {
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .footer .list-item {
        margin-bottom:20px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .footer .list-item {
        margin-bottom:25px
    }
}

.footer .list-item:last-child {
    margin-bottom: 0
}

.footer .menu-link {
    border-bottom: 1px solid transparent;
    font-size: 17px;
    padding-top: 5px;
    text-decoration: none
}

@media (min-width: 1024px) and (max-width:1179px) {
    .footer .menu-link {
        font-size:15px
    }
}

@media (max-width: 767px) {
    .footer .menu-link {
        font-size:15px
    }
}

.footer .menu-link.hovered {
    border-color: #fff
}

.outer-links-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0
}

@media (min-width: 1024px) {
    .outer-links-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 50px
    }
}

@media (max-width: 767px) {
    .outer-links-wrapper {
        margin:25px 0 10px
    }
}

.social-links-wrapper,.social-links-wrapper .social-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.social-links-wrapper .social-link {
    background-color: #c9c9c9;
    border-radius: 50%;
    height: 28px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 25px;
    width: 28px
}

.social-links-wrapper .social-link:hover {
    background-color: #b9b9b9
}

.social-links-wrapper .social-link .icon-svg {
    fill: #222
}

.social-links-wrapper .social-link .icon-linkedin {
    height: 16px;
    width: 18px
}

.social-links-wrapper .social-link .icon-twitter {
    height: 20px;
    width: 20px
}

.clutch-widget-wrapper {
    margin-right: 20px
}

@media (min-width: 1024px) {
    .clutch-widget-wrapper {
        margin-top:30px
    }
}

.clutch-widget-wrapper .clutch-link {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.clutch-widget-wrapper .clutch-reviews-wrapper {
    margin-left: 7px
}

.clutch-widget-wrapper .clutch-reviews-wrapper .clutch-reviews-stars {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 65px
}

.clutch-widget-wrapper .clutch-reviews-wrapper .clutch-reviews-stars .icon-star {
    /*background: url(/i/footer-clutch-reviews-star.svg?v=0110202092124) no-repeat 50%/contain;*/
    height: 12px;
    width: 12px
}

.clutch-widget-wrapper .clutch-reviews-wrapper .clutch-reviews-count {
    color: #525c5f;
    font-family: sf_ui_textmedium,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase
}

.expire-hover-link {
    border-bottom: 1px solid transparent
}

.expire-hover-link:active,html.no-touchevents .expire-hover-link:hover {
    border-color: #fff
}

@media (min-width: 1025px) {
    html.loaded .navigation-panel.navigation-animated {
        -webkit-animation:fadeInDown .5s ease-in-out backwards;
        animation: fadeInDown .5s ease-in-out backwards
    }
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .sub-navigation-wrapper,.inner-page .navigation-desktop .sub-navigation-wrapper {
        padding-top:0
    }
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .sub-navigation-wrapper .dropdown-list,.inner-page .navigation-desktop .sub-navigation-wrapper .dropdown-list {
        margin-top:13px;
        padding-top: 57px
    }
}

.navigation-panel {
    font-size: 16px;
    letter-spacing: -.3px;
    position: absolute;
    top: .02px;
    width: 100%!important;
    z-index: 4
}

@media (max-width: 1023px) {
    .navigation-panel.popup-active {
        z-index:0
    }
}

@media (min-width: 1180px) {
    .navigation-panel .navigation-container {
        height:70px
    }
}

.navigation-panel .navigation-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1440px;
    padding: 6px 30px
}

@media (max-width: 1024px) {
    .navigation-panel .navigation-wrapper {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 100px;
        padding-left: 70px;
        padding-right: 20px
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .navigation-panel .navigation-wrapper {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 16px
    }
}

@media (max-width: 767px) {
    .navigation-panel .navigation-wrapper {
        padding-right:11px;
        padding-top: 11px
    }
}

.navigation-panel .sub-navigation-panel {
    cursor: auto;
    max-height: 0;
    opacity: 0
}

@media (min-width: 1025px) {
    .navigation-panel .sub-navigation-panel {
        left:0;
        overflow: hidden;
        position: absolute;
        right: 0;
        -webkit-transition-duration: 1.2s,.3s;
        -o-transition-duration: 1.2s,.3s;
        transition-duration: 1.2s,.3s;
        -webkit-transition-property: max-height,opacity;
        -o-transition-property: max-height,opacity;
        transition-property: max-height,opacity
    }
}

@media (max-width: 1024px) {
    .navigation-panel .sub-navigation-panel {
        padding-right:15px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition-delay: 0ms,0ms,90ms;
        -o-transition-delay: 0ms,0ms,90ms;
        transition-delay: 0ms,0ms,90ms;
        -webkit-transition-duration: .4s,225ms,225ms;
        -o-transition-duration: .4s,225ms,225ms;
        transition-duration: .4s,225ms,225ms;
        -webkit-transition-property: max-height,opacity,-webkit-transform;
        transition-property: max-height,opacity,-webkit-transform;
        -o-transition-property: max-height,transform,opacity;
        transition-property: max-height,transform,opacity;
        transition-property: max-height,transform,opacity,-webkit-transform;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out
    }
}

.navigation-panel .sub-navigation-wrapper {
    padding-top: 28px
}

@media (max-width: 1024px) {
    .navigation-panel .sub-navigation-wrapper {
        margin-bottom:-2px;
        padding-top: 18px;
        pointer-events: none
    }
}

.navigation-panel .sub-navigation-wrapper ul {
    background-color: #fff;
    letter-spacing: -.35px;
    line-height: 20px;
    padding: 42px 0 54px 25.9%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .navigation-panel .sub-navigation-wrapper ul {
        padding-left:25.5%
    }
}

@media (max-width: 1024px) {
    .navigation-panel .sub-navigation-wrapper ul {
        background-color:transparent;
        padding: 0
    }
}

.navigation-panel .sub-navigation-wrapper li {
    padding: 18px 0 2px;
    text-transform: none;
    vertical-align: text-top;
    width: 28.8%
}

@media (min-width: 1025px) and (max-width:1439px) {
    .navigation-panel .sub-navigation-wrapper li {
        width:33.3%
    }
}

@media (max-width: 1024px) {
    .navigation-panel .sub-navigation-wrapper li {
        padding-bottom:20px;
        padding-top: 0;
        width: auto
    }

    .navigation-panel .sub-navigation-wrapper li:last-child,.navigation-panel .sub-navigation-wrapper li:last-of-type {
        padding-bottom: 0
    }
}

@media (max-width: 1024px) {
    .navigation-panel .sub-navigation-wrapper li:before {
        -webkit-transition-delay:0ms;
        -o-transition-delay: 0ms;
        transition-delay: 0ms
    }
}

@media (min-width: 1025px) and (max-width:1439px) {
    .navigation-panel .sub-navigation-wrapper li:nth-child(3n),.navigation-panel .sub-navigation-wrapper li:nth-of-type(3n) {
        width:auto
    }
}

.navigation-panel .sub-navigation-wrapper .nav-inner-item {
    display: inline-block;
    max-width: 230px
}

@media (max-width: 1024px) {
    .navigation-panel .sub-navigation-wrapper .nav-inner-item {
        padding-right:31px
    }
}

.navigation-panel .sub-navigation-wrapper a {
    color: #474747;
    vertical-align: text-top
}

@media (max-width: 1024px) {
    .navigation-panel .sub-navigation-wrapper a {
        color:#fff;
        -webkit-transition-delay: 0ms;
        -o-transition-delay: 0ms;
        transition-delay: 0ms
    }
}

.navigation-panel .navigation-logos {
    padding: 24px 0 8px
}

@media (min-width: 768px) and (max-width:1024px) {
    .navigation-panel .navigation-logos {
        padding-top:14px
    }
}

@media (max-width: 767px) {
    .navigation-panel .navigation-logos {
        padding-bottom:5px;
        padding-top: 12px
    }
}

@media (max-width: 1024px) {
    .navigation-panel.navigation-desktop .navigation-logos {
        display:none
    }
}

@media (min-width: 1025px) {
    .navigation-panel.navigation-mobile,.navigation-panel.navigation-mobile .navigation-logos {
        display:none
    }
}

@media (min-width: 1180px) {
    .navigation-panel .button-call {
        overflow:hidden;
        position: relative;
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease;
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .navigation-panel .button-call .tel-from-btn:first-child {
        opacity: 1;
        -webkit-transition: opacity .6s ease;
        -o-transition: opacity .6s ease;
        transition: opacity .6s ease;
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .navigation-panel .button-call:hover {
        text-align: center;
        -webkit-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease;
        width: 143px
    }

    .navigation-panel .button-call:hover .hover-phone {
        margin-right: 0;
        opacity: 1;
        -webkit-transition: opacity .6s ease;
        -o-transition: opacity .6s ease;
        transition: opacity .6s ease
    }

    .navigation-panel .button-call:hover .tel-from-btn:first-child {
        opacity: 0;
        text-align: left;
        -webkit-transition: opacity .6s ease;
        -o-transition: opacity .6s ease;
        transition: opacity .6s ease
    }
}

@media (min-width: 1180px) {
    .navigation-panel .button-call .hover-phone {
        color:#fff;
        font-size: 14px;
        margin-right: -15px;
        opacity: 0;
        position: absolute;
        right: 0;
        top: -15px;
        -webkit-transition: opacity .6s ease;
        -o-transition: opacity .6s ease;
        transition: opacity .6s ease;
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
        white-space: nowrap
    }
}

@media (max-width: 1179px) {
    .navigation-panel .button-call .hover-phone {
        display:none
    }
}

.navigation-panel .logo {
    display: inline-block;
    pointer-events: visible
}

.navigation-panel .logo .icon-logotype {
    height: 43px;
    width: 125px
}

@media (max-width: 767px) {
    .navigation-panel .logo .icon-logotype {
        display:block;
        width: 110px
    }
}

.navigation-panel .logo .icon-logotype-mobile {
    display: none!important;
    height: 36px;
    width: 41px
}

.navigation-panel .logo .icon-logotype-colored {
    display: none
}

.navigation-panel .menu-trigger {
    cursor: pointer;
    display: block;
    pointer-events: visible;
    position: absolute;
    right: 20px;
    top: 5.5vh;
    z-index: 999
}

@media (min-width: 1025px) {
    .navigation-panel .menu-trigger {
        display:none
    }
}

@media (min-width: 768px) {
    .navigation-panel .menu-trigger {
        right:30px;
        top: 26px
    }
}

@media (max-width: 1023px) {
    .navigation-panel.popup-active .menu-trigger {
        z-index:0
    }
}

.navigation-panel .close-hamburger-menu {
    cursor: pointer;
    display: inline-block;
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(.1);
    -ms-transform: rotate(0deg) scale(.1);
    transform: rotate(0deg) scale(.1);
    -webkit-transition: all .25s 0ms;
    -o-transition: all .25s 0ms;
    transition: all .25s 0ms
}

@media (max-width: 1024px) {
    .navigation-panel .close-hamburger-menu {
        margin-bottom:5px;
        margin-left: auto;
        margin-right: 9px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.navigation-panel .icon-close {
    fill-rule: nonzero;
    vertical-align: middle
}

.navigation-panel .icon-menu-trigger {
    height: 18px;
    width: 28px
}

.scroll-progress-bar {
    position: absolute;
    top: 65px;
    width: 100%;
    z-index: 2
}

@media (min-width: 1024px) {
    .scroll-progress-bar {
        display:none
    }
}

.scroll-progress-background {
    background: -webkit-gradient(linear,left top,right top,from(#52af75),color-stop(25%,#2a9e81),color-stop(50%,#15758a),color-stop(75%,#15758a),to(#5a4089));
    background: -o-linear-gradient(left,#52af75 0,#2a9e81 25%,#15758a 50%,#15758a 75%,#5a4089 100%);
    background: linear-gradient(90deg,#52af75,#2a9e81 25%,#15758a 50%,#15758a 75%,#5a4089);
    height: 11px
}

#scroll-progress-indicator {
    background-color: #ededed;
    height: 11px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

html.loaded .inner-page .navigation-panel {
    -webkit-animation: none;
    animation: none;
    width: 100%!important
}

@media (min-width: 1025px) {
    .inner-page .navigation-desktop .navigation-container {
        background-color:#fff;
        -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.23);
        box-shadow: 0 1px 7px 0 rgba(0,0,0,.23)
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .nav-menu {
        height:70px;
        margin-top: 0
    }

    .inner-page .navigation-desktop .navigation-container .nav-menu>ul {
        margin-bottom: 0;
        margin-top: 8px
    }

    .inner-page .navigation-desktop .navigation-container .nav-menu>ul>li>a:hover:after {
        background-color: #48b173
    }
}

@media (min-width: 1025px) {
    .inner-page .navigation-desktop .navigation-container .icon-menu-trigger {
        fill:#393939
    }

    .inner-page .navigation-desktop .navigation-container .logo .icon-light {
        display: none
    }

    .inner-page .navigation-desktop .navigation-container .icon-logotype-colored {
        display: block
    }

    .inner-page .navigation-desktop .navigation-container .navigation-wrapper {
        padding-bottom: 0;
        padding-top: 0
    }

    .inner-page .navigation-desktop .navigation-container .nav-menu>ul>li {
        color: #393939;
        padding-bottom: 13px;
        padding-top: 5px
    }

    .inner-page .navigation-desktop .navigation-container .nav-menu>ul>li:hover .amp-sub-navigation-panel {
        opacity: 1;
        overflow: visible
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .submenu>a:before {
        border-bottom-color:#393939;
        border-right-color: #393939
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .navigation-logos {
        padding-top:16px
    }
}

@media (min-width: 1025px) {
    html.webp .inner-page .navigation-desktop .navigation-container .icon-phone {
        background-image:url(/i/phone-icon-black.webp?v=0110202092124)
    }

    html.no-webp .inner-page .navigation-desktop .navigation-container .icon-phone {
        background-image: url(/i/phone-icon-black.png?v=0110202092124)
    }

    .inner-page .navigation-desktop .navigation-container .amp-icon-phone {
        background-image: url(/i/phone-icon-black.png?v=0110202092124);
        background-size: cover;
        display: block;
        height: 17px;
        margin: 8px;
        -webkit-perspective: none;
        perspective: none;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        width: 17px
    }

    .inner-page .navigation-desktop .navigation-container .hover-phone {
        color: #48b173;
        margin: 0
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .button-nav {
        background-color:transparent;
        color: #48b173;
        text-align: center
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .button-nav:after {
        border-color:#48b173
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .button-nav.hovered,.inner-page .navigation-desktop .navigation-container .button-nav:not(.button-hovered):hover {
        background-color:#48b173;
        color: #fff
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .button-nav .button-hover-effect {
        background-color:#48b173
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .button-nav.button-call:after {
        border-color:transparent;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition-duration: .15s;
        -o-transition-duration: .15s;
        transition-duration: .15s
    }
}

@media (min-width: 1025px) {
    .inner-page .navigation-desktop .navigation-container .button-nav.button-call .button-hover-effect {
        visibility:hidden
    }

    .inner-page .navigation-desktop .navigation-container .button-nav.button-call.hovered,.inner-page .navigation-desktop .navigation-container .button-nav.button-call:not(.button-hovered):hover {
        background-color: transparent
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .button-nav.button-call.hovered:after,.inner-page .navigation-desktop .navigation-container .button-nav.button-call:not(.button-hovered):hover:after {
        border-color:#393939;
        content: "";
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@media (min-width: 1025px) and (min-width:1025px) {
    .inner-page .navigation-desktop .navigation-container .button-nav.button-call.hovered.no-border:after,.inner-page .navigation-desktop .navigation-container .button-nav.button-call:not(.button-hovered):hover.no-border:after {
        border-color:transparent;
        content: ""
    }
}

@media (min-width: 1025px) {
    .inner-page .navigation-desktop .navigation-container .button-call,.inner-page .navigation-desktop .navigation-container .button.button-call {
        border-radius:10%
    }
}

@media (min-width: 1025px) and (max-width:1024px) {
    .inner-page .navigation-desktop .navigation-container .button-call,.inner-page .navigation-desktop .navigation-container .button.button-call {
        border-radius:25px
    }
}

@media (min-width: 1025px) {
    .inner-page .navigation-desktop .navigation-container .button-call-outer {
        border-color:#393939
    }
}

@media (min-width: 1025px) {
    .inner-page .navigation-desktop .navigation-container .sub-navigation-panel {
        background-color:#fff;
        z-index: -1
    }
}

@media (max-width: 1024px) {
    .inner-page .navigation-mobile .navigation-container {

        -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.23);
        box-shadow: 0 1px 7px 0 rgba(0,0,0,.23)
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .nav-menu {
        height:70px;
        margin-top: 0
    }

    .inner-page .navigation-mobile .navigation-container .nav-menu>ul {
        margin-bottom: 0;
        margin-top: 8px
    }

    .inner-page .navigation-mobile .navigation-container .nav-menu>ul>li>a:hover:after {
        background-color: #48b173
    }
}

@media (max-width: 1024px) {
    .inner-page .navigation-mobile .navigation-container .icon-menu-trigger {
        fill:#393939
    }

    .inner-page .navigation-mobile .navigation-container .logo .icon-light {
        display: none
    }

    .inner-page .navigation-mobile .navigation-container .icon-logotype-colored {
        display: block
    }

    .inner-page .navigation-mobile .navigation-container .navigation-wrapper {
        padding-bottom: 0;
        padding-top: 0
    }

    .inner-page .navigation-mobile .navigation-container .nav-menu>ul>li {
        color: #393939;
        padding-bottom: 13px;
        padding-top: 5px
    }

    .inner-page .navigation-mobile .navigation-container .nav-menu>ul>li:hover .amp-sub-navigation-panel {
        opacity: 1;
        overflow: visible
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .submenu>a:before {
        border-bottom-color:#393939;
        border-right-color: #393939
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .navigation-logos {
        padding-top:16px
    }
}

@media (max-width: 1024px) {
    html.webp .inner-page .navigation-mobile .navigation-container .icon-phone {
        background-image:url(/i/phone-icon-black.webp?v=0110202092124)
    }

    html.no-webp .inner-page .navigation-mobile .navigation-container .icon-phone {
        background-image: url(/i/phone-icon-black.png?v=0110202092124)
    }

    .inner-page .navigation-mobile .navigation-container .amp-icon-phone {
        background-image: url(/i/phone-icon-black.png?v=0110202092124);
        background-size: cover;
        display: block;
        height: 17px;
        margin: 8px;
        -webkit-perspective: none;
        perspective: none;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        width: 17px
    }

    .inner-page .navigation-mobile .navigation-container .hover-phone {
        color: #48b173;
        margin: 0
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .button-nav {
        background-color:transparent;
        color: #48b173;
        text-align: center
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .button-nav:after {
        border-color:#48b173
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .button-nav.hovered,.inner-page .navigation-mobile .navigation-container .button-nav:not(.button-hovered):hover {
        background-color:#48b173;
        color: #fff
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .button-nav .button-hover-effect {
        background-color:#48b173
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .button-nav.button-call:after {
        border-color:transparent;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition-duration: .15s;
        -o-transition-duration: .15s;
        transition-duration: .15s
    }
}

@media (max-width: 1024px) {
    .inner-page .navigation-mobile .navigation-container .button-nav.button-call .button-hover-effect {
        visibility:hidden
    }

    .inner-page .navigation-mobile .navigation-container .button-nav.button-call.hovered,.inner-page .navigation-mobile .navigation-container .button-nav.button-call:not(.button-hovered):hover {
        background-color: transparent
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .button-nav.button-call.hovered:after,.inner-page .navigation-mobile .navigation-container .button-nav.button-call:not(.button-hovered):hover:after {
        border-color:#393939;
        content: "";
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@media (max-width: 1024px) and (min-width:1025px) {
    .inner-page .navigation-mobile .navigation-container .button-nav.button-call.hovered.no-border:after,.inner-page .navigation-mobile .navigation-container .button-nav.button-call:not(.button-hovered):hover.no-border:after {
        border-color:transparent;
        content: ""
    }
}

@media (max-width: 1024px) {
    .inner-page .navigation-mobile .navigation-container .button-call,.inner-page .navigation-mobile .navigation-container .button.button-call {
        border-radius:10%
    }
}

@media (max-width: 1024px) and (max-width:1024px) {
    .inner-page .navigation-mobile .navigation-container .button-call,.inner-page .navigation-mobile .navigation-container .button.button-call {
        border-radius:25px
    }
}

@media (max-width: 1024px) {
    .inner-page .navigation-mobile .navigation-container .button-call-outer {
        /*border-color:#393939*/
    }
}

@media (max-width: 767px) {
    .inner-page .navigation-mobile .navigation-container .navigation-logos {
        padding-bottom:4px
    }
}

.inner-page .navigation-mobile .navigation-container .sub-navigation-panel {
    background-color: #fff
}

@media (min-width: 1025px) {
    html.loaded .navigation-panel.navigation-animated.floating {
        -webkit-animation-duration:0ms;
        animation-duration: 0ms;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }
}

.floating-nav-header.floating {
    opacity: 0;
    position: fixed;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.floating-nav-header.floating.not-transparent {
    opacity: 1
}

@media (min-width: 768px) and (max-width:1023px) {
    .floating-nav-header.floating.not-transparent {
        -webkit-transform:translate3d(0,-92%,0);
        transform: translate3d(0,-92%,0)
    }
}

.floating-nav-header.floating .navigation-container {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.23);
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.23)
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .nav-menu {
        height:70px;
        margin-top: 0
    }

    .floating-nav-header.floating .navigation-container .nav-menu>ul {
        margin-bottom: 0;
        margin-top: 8px
    }

    .floating-nav-header.floating .navigation-container .nav-menu>ul>li>a:hover:after {
        background-color: #48b173
    }
}

.floating-nav-header.floating .navigation-container .icon-menu-trigger {
    fill: #393939
}

.floating-nav-header.floating .navigation-container .logo .icon-light {
    /*display: none*/
}

.floating-nav-header.floating .navigation-container .icon-logotype-colored {
    display: block
}

.floating-nav-header.floating .navigation-container .navigation-wrapper {
    padding-bottom: 0;
    padding-top: 0
}

.floating-nav-header.floating .navigation-container .nav-menu>ul>li {
    color: #393939;
    padding-bottom: 13px;
    padding-top: 5px
}

.floating-nav-header.floating .navigation-container .nav-menu>ul>li:hover .amp-sub-navigation-panel {
    opacity: 1;
    overflow: visible
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .submenu>a:before {
        border-bottom-color:#393939;
        border-right-color: #393939
    }
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .navigation-logos {
        padding-top:8px
    }
}

html.webp .floating-nav-header.floating .navigation-container .icon-phone {
    background-image: url(/i/phone-icon-black.webp?v=0110202092124)
}

html.no-webp .floating-nav-header.floating .navigation-container .icon-phone {
    background-image: url(/i/phone-icon-black.png?v=0110202092124)
}

.floating-nav-header.floating .navigation-container .amp-icon-phone {
    background-image: url(/i/phone-icon-black.png?v=0110202092124);
    background-size: cover;
    display: block;
    height: 17px;
    margin: 8px;
    -webkit-perspective: none;
    perspective: none;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 17px
}

.floating-nav-header.floating .navigation-container .hover-phone {
    color: #48b173;
    margin: 0
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .button-nav {
        background-color:transparent;
        color: #48b173;
        text-align: center
    }
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .button-nav:after {
        border-color:#48b173
    }
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .button-nav.hovered,.floating-nav-header.floating .navigation-container .button-nav:not(.button-hovered):hover {
        background-color:#48b173;
        color: #fff
    }
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .button-nav .button-hover-effect {
        background-color:#48b173
    }
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .button-nav.button-call:after {
        border-color:transparent;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition-duration: .15s;
        -o-transition-duration: .15s;
        transition-duration: .15s
    }
}

.floating-nav-header.floating .navigation-container .button-nav.button-call .button-hover-effect {
    visibility: hidden
}

.floating-nav-header.floating .navigation-container .button-nav.button-call.hovered,.floating-nav-header.floating .navigation-container .button-nav.button-call:not(.button-hovered):hover {
    background-color: transparent
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .button-nav.button-call.hovered:after,.floating-nav-header.floating .navigation-container .button-nav.button-call:not(.button-hovered):hover:after {
        border-color:#393939;
        content: "";
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .navigation-container .button-nav.button-call.hovered.no-border:after,.floating-nav-header.floating .navigation-container .button-nav.button-call:not(.button-hovered):hover.no-border:after {
        border-color:transparent;
        content: ""
    }
}

.floating-nav-header.floating .navigation-container .button-call,.floating-nav-header.floating .navigation-container .button.button-call {
    border-radius: 10%
}

@media (max-width: 1024px) {
    .floating-nav-header.floating .navigation-container .button-call,.floating-nav-header.floating .navigation-container .button.button-call {
        border-radius:25px
    }
}

.floating-nav-header.floating .navigation-container .button-call-outer {
    border-color: #393939
}

@media (min-width: 1025px) {
    .floating-nav-header.floating .sub-navigation-panel {
        z-index:-1
    }
}

.floating-nav-header.floating-header-active,.floating-nav-header.floating-header-hide {
    -webkit-transition: opacity .5s ease-in-out,-webkit-transform .5s;
    transition: opacity .5s ease-in-out,-webkit-transform .5s;
    -o-transition: transform .5s,opacity .5s ease-in-out;
    transition: transform .5s,opacity .5s ease-in-out;
    transition: transform .5s,opacity .5s ease-in-out,-webkit-transform .5s
}

@media (min-width: 1025px) {
    .floating-nav-header.floating-header-active .sub-navigation-panel,.floating-nav-header.floating-header-hide .sub-navigation-panel {
        background-color:#fff
    }
}

.floating-nav-header .floating.floating-header-hide {
    -webkit-transform: translate3d(0,-110%,0);
    transform: translate3d(0,-110%,0)
}

.floating-nav-header.floating-header-hide {
    pointer-events: none
}

@media (min-width: 1025px) {
    .floating-nav-header.floating-header-hide .sub-navigation-panel {
        -webkit-animation-name:fadeOutUp .5s ease-in-out both;
        animation-name: fadeOutUp .5s ease-in-out both
    }
}

.floating-nav-header.floating-header-hide .button-call,.floating-nav-header.floating-header-hide .logo,.floating-nav-header.floating-header-hide .toggle-button {
    pointer-events: none
}

.floating-nav-header.floating-header-active {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media (max-width: 1024px) {
    .slideout-menu,.slideout-wrapper {
        visibility:hidden
    }

    .slideout-menu {
        background-color: #202020;
        bottom: 0;
        display: none;
        min-height: 100vh;
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        width: 286px;
        z-index: 1
    }
}

@media (max-width: 767px) {
    .slideout-menu {
        width:276px
    }
}

@media (max-width: 1024px) {
    .slideout-menu-left {
        left:0
    }
}

@media (max-width: 1024px) {
    .slideout-menu-right {
        right:0
    }
}

@media (max-width: 1024px) {
    .slideout-panel {
        background-color:#fff;
        min-height: 100vh;
        position: relative;
        z-index: 1
    }
}

@media (max-width: 1024px) {
    html.slideout-open,html.slideout-open body {
        overflow:hidden
    }
}

@media (max-width: 1024px) {
    html.slideout-open .slideout-panel {
        overflow-y:hidden
    }
}

@media (min-width: 1025px) {
    html.slideout-open .slideout-panel {
        -webkit-transform:translateX(0)!important;
        -ms-transform: translateX(0)!important;
        transform: translateX(0)!important
    }
}

.slideout-open body {
    height: 100%;
    width: 100%
}

.slideout-open .page-overlay {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10000
}

.slideout-open .slideout-wrapper {
    visibility: visible
}

@media (max-width: 1024px) {
    .slideout-open .slideout-menu {
        display:block;
        visibility: visible
    }
}

.slideout-open .navigation-panel .nav-menu>ul>li {
    color: #8e8e8e;
    pointer-events: none
}

@media (min-width: 1025px) {
    .slideout-open .navigation-panel .nav-menu>ul>li {
        color:#fff;
        pointer-events: auto
    }
}

.slideout-open .navigation-panel .nav-menu>ul>li.submenu:after {
    border-bottom-color: #8e8e8e;
    border-right-color: #8e8e8e
}

.slideout-open .navigation-panel .nav-menu>ul>li.hover {
    color: #fff
}

.slideout-open .navigation-panel .nav-menu>ul>li.hover:after {
    border-bottom-color: #fff;
    border-right-color: #fff;
    -webkit-transform: rotate(225deg) translate(-4px,-4px);
    -ms-transform: rotate(225deg) translate(-4px,-4px);
    transform: rotate(225deg) translate(-4px,-4px)
}

@media (min-width: 1025px) {
    .slideout-open .inner-page .navigation-panel.floating-nav-header .nav-menu li.hover,.slideout-open .navigation-panel.floating-header-active .nav-menu li.hover {
        color:#393939
    }
}

@media (max-width: 1024px) {
    .slideout-open .close-hamburger-menu {
        -webkit-animation:rotate180deg .25s ease-in-out 125ms both;
        animation: rotate180deg .25s ease-in-out 125ms both
    }
}

.slideout-open .button-call {
    min-width: 0
}

.slideout-open .button-call:after {
    border-color: #fff
}

.slideout-open .button-call.hovered {
    background-color: transparent
}

.slideout-open .button-call .button-hover-effect {
    visibility: hidden
}

@media (max-width: 1024px) {
    .slideout-open .button-call-outer {
        -webkit-animation-delay:125ms;
        animation-delay: 125ms;
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut
    }

    .slideout-open .button-call-outer a {
        pointer-events: none
    }
}

@media (max-width: 1024px) {
    .slideout-open .button-call-inner {
        -webkit-animation:zoomIn .25s ease-in-out 125ms both;
        animation: zoomIn .25s ease-in-out 125ms both;
        margin-left: auto;
        margin-right: -51px
    }
}

@media (max-width: 767px) {
    .slideout-open .button-call-inner {
        margin-right:-53px
    }
}

.slideout-open .nav-menu>ul li:first-child {
    -webkit-animation-delay: 87.5ms;
    animation-delay: 87.5ms
}

.slideout-open .nav-menu>ul li:nth-child(2) {
    -webkit-animation-delay: 175ms;
    animation-delay: 175ms
}

.slideout-open .nav-menu>ul li:nth-child(3) {
    -webkit-animation-delay: .2625s;
    animation-delay: .2625s
}

.slideout-open .nav-menu>ul li:nth-child(4) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.slideout-open .nav-menu>ul li:nth-child(5) {
    -webkit-animation-delay: .4375s;
    animation-delay: .4375s
}

.slideout-open .nav-menu>ul>li {
    -webkit-animation: fadeInRightXS .5s ease-out both;
    animation: fadeInRightXS .5s ease-out both
}

@media (max-width: 1024px) {
    .slideout-closing .button-call-outer {
        -webkit-animation:zoomIn 125ms ease-in-out .25s both;
        animation: zoomIn 125ms ease-in-out .25s both
    }
}

@media (max-width: 1024px) {
    .slideout-closing .button-call-inner {
        -webkit-animation-delay:0ms;
        animation-delay: 0ms;
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut
    }
}

@media (max-width: 1024px) {
    .slideout-closing .close-hamburger-menu {
        -webkit-animation-delay:0ms;
        animation-delay: 0ms;
        -webkit-animation-name: rotateReverse180deg;
        animation-name: rotateReverse180deg
    }
}

.navigation-panel .nav-menu {
    margin: 0 0 0 auto
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu {
        margin-left:0;
        margin-top: 41px;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: 100%
    }
}

.navigation-panel .nav-menu li {
    display: inline-block;
    list-style: none;
    outline: 0
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu li {
        display:block;
        position: relative
    }
}

@media (min-width: 1025px) and (max-width:1090px) {
    .navigation-panel .nav-menu li.submenu {
        margin-right:10px
    }
}

@media (min-width: 1090px) {
    .navigation-panel .nav-menu li.submenu {
        margin-right:15px
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu li.submenu {
        -webkit-transition-delay:.2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu li.submenu:before {
        background-color:#48b173;
        content: "";
        height: 13px;
        left: 0;
        position: absolute;
        top: 5px;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transition: -webkit-transform .15s ease-in-out;
        transition: -webkit-transform .15s ease-in-out;
        -o-transition: transform .15s ease-in-out;
        transition: transform .15s ease-in-out;
        transition: transform .15s ease-in-out,-webkit-transform .15s ease-in-out;
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
        width: 2px
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu li.submenu:after {
        border-radius:2px;
        border-color: transparent #fff #fff transparent;
        border-style: solid;
        border-width: 2px;
        content: "";
        display: block;
        height: 4px;
        position: absolute;
        right: 9px;
        top: 6px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: 0ms .35s;
        -o-transition: 0ms .35s;
        transition: 0ms .35s;
        width: 4px
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu li.submenu.hover.submenu:after,.navigation-panel .nav-menu li.submenu a {
        -webkit-transition-delay:.2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu li.submenu.hover.submenu a,.navigation-panel .nav-menu li.submenu.hover:before {
        -webkit-transition-delay:0ms;
        -o-transition-delay: 0ms;
        transition-delay: 0ms
    }

    .navigation-panel .nav-menu li.submenu.hover:before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu li.submenu.hover>a {
        -webkit-transform:translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
        width: 90%
    }
}

.navigation-panel .nav-menu li.submenu.hover .sub-navigation-panel a {
    pointer-events: visible
}

.navigation-panel .nav-menu li.submenu-without-inner-list:after {
    display: none
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu li.submenu-without-inner-list .link-without-inner-list:active {
        color:#fff
    }
}

@media (min-width: 1440px) {
    .navigation-panel .nav-menu .submenu {
        padding-right:0
    }
}

.navigation-panel .nav-menu .submenu>.link-without-inner-list:before {
    display: none
}

.navigation-panel .nav-menu .submenu>a {
    display: inline-block
}

@media (min-width: 1440px) {
    .navigation-panel .nav-menu .submenu>a {
        padding-right:22px
    }
}

@media (min-width: 1025px) and (max-width:1439px) {
    .navigation-panel .nav-menu .submenu>a {
        padding-right:17px
    }
}

@media (min-width: 1025px) and (max-width:1090px) {
    .navigation-panel .nav-menu .submenu>a {
        padding-right:15px
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu .submenu>a {
        pointer-events:visible;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .navigation-panel .nav-menu .submenu>a:before {
        /*border-radius:2px;*/
        border-color: transparent #fff #fff transparent;
        border-style: solid;
        border-width: 3px;
        content: "";
        display: block;
        height: 4px;
        position: absolute;
        top: 18px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 6px;
    }
}

@media (min-width: 1440px) {
    .navigation-panel .nav-menu .submenu>a:before {
        right:8px
    }
}

@media (min-width: 1025px) and (max-width:1439px) {
    .navigation-panel .nav-menu .submenu>a:before {
        right:4px
    }
}

@media (min-width: 1025px) and (max-width:1090px) {
    .navigation-panel .nav-menu .submenu>a:before {
        right:2px
    }
}

@media (min-width: 1440px) {
    .navigation-panel .nav-menu .submenu>a:after {
        width:-webkit-calc(99% - 22px);
        width: calc(99% - 22px)
    }
}

@media (min-width: 1025px) and (max-width:1439px) {
    .navigation-panel .nav-menu .submenu>a:after {
        width:-webkit-calc(99% - 17px);
        width: calc(99% - 17px)
    }
}

@media (min-width: 1025px) and (max-width:1090px) {
    .navigation-panel .nav-menu .submenu>a:after {
        width:-webkit-calc(99% - 15px);
        width: calc(99% - 15px)
    }
}

@media (max-width: 1179px) {
    .navigation-panel .nav-menu a {
        -webkit-transform:translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .15s ease-in-out;
        transition: -webkit-transform .15s ease-in-out;
        -o-transition: transform .15s ease-in-out;
        transition: transform .15s ease-in-out;
        transition: transform .15s ease-in-out,-webkit-transform .15s ease-in-out
    }
}

.navigation-panel .nav-menu>ul {
    cursor: default;
    margin: 18px 0 16px;
    padding: 0
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu>ul {
        margin-top:17px
    }
}

.navigation-panel .nav-menu>ul>li {
    color: #fff;
    padding: 4px 22px 6px;
    text-transform: capitalize;
    vertical-align: middle
}

@media (min-width: 1025px) and (max-width:1439px) {
    .navigation-panel .nav-menu>ul>li {
        padding-left:17px;
        padding-right: 17px
    }
}

@media (min-width: 1025px) and (max-width:1090px) {
    .navigation-panel .nav-menu>ul>li {
        padding-left:15px;
        padding-right: 15px
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu>ul>li {
        margin:0 0 28px;
        opacity: .5;
        padding: 0;
        -webkit-transition: .15s ease-in-out;
        -o-transition: .15s ease-in-out;
        transition: .15s ease-in-out
    }
}

@media (min-width: 1025px) {
    .navigation-panel .nav-menu>ul>li.submenu {
        padding-right:0
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu>ul>li:before {
        left:1px;
        top: 6px
    }
}

.navigation-panel .nav-menu>ul>li>a {
    padding: 11px 0;
    position: relative
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu>ul>li>a {
        padding:0;
        pointer-events: visible
    }
}

@media (min-width: 1025px) {
    .navigation-panel .nav-menu>ul>li>a:after {
        background-color:transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 1%;
        position: absolute;
        -webkit-transition: background-color .28s ease;
        -o-transition: background-color .28s ease;
        transition: background-color .28s ease;
        width: 99%
    }
}

@media (min-width: 1025px) {
    .navigation-panel .nav-menu>ul>li>a:hover:after {
        background-color:#fff
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu>ul>li.hover {
        opacity:1;
        -webkit-transition-delay: 0ms;
        -o-transition-delay: 0ms;
        transition-delay: 0ms
    }
}

@media (min-width: 1025px) {
    .navigation-panel .nav-menu>ul>li.hover>a:after {
        background-color:#fff
    }
}

@media (min-width: 1025px) {
    .navigation-panel .nav-menu>ul>li.hover .sub-navigation-panel {
        -webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.25);
        box-shadow: 0 4px 5px -2px rgba(0,0,0,.25);
        max-height: 750px;
        opacity: 1;
        -webkit-transition-duration: 1.3s,.6s;
        -o-transition-duration: 1.3s,.6s;
        transition-duration: 1.3s,.6s;
        -webkit-transition-property: max-height,opacity;
        -o-transition-property: max-height,opacity;
        transition-property: max-height,opacity
    }
}

@media (max-width: 1024px) {
    .navigation-panel .nav-menu>ul>li.hover .sub-navigation-panel {
        max-height:750px;
        opacity: 1;
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s;
        -webkit-transition-duration: .4s,225ms,225ms;
        -o-transition-duration: .4s,225ms,225ms;
        transition-duration: .4s,225ms,225ms;
        width: 90%
    }
}

@media (min-width: 1024px) {
    .navigation-panel .nav-menu>ul.menu-open li .sub-navigation-panel {
        -webkit-transition:none;
        -o-transition: none;
        transition: none
    }
}

@media (min-width: 1025px) {
    .navigation-panel .sub-navigation-panel li a:hover {
        color:#48b173
    }
}

@media (max-width: 1024px) {
    .navigation-panel .sub-navigation-panel li.hover a {
        color:#48b173
    }
}

@media (min-width: 1025px) {
    html.unload .sub-navigation-panel {
        -webkit-box-shadow:0 4px 5px -2px rgba(0,0,0,.25);
        box-shadow: 0 4px 5px -2px rgba(0,0,0,.25);
        opacity: 1
    }
}

html.ie .sub-navigation-wrapper {
    visibility: hidden
}

html.ie .submenu.hover .sub-navigation-wrapper {
    opacity: 1;
    overflow: visible;
    visibility: visible
}

.breadcrumbs {
    margin-bottom: 10px;
    margin-top: 70px;
    max-width: 1440px;
    padding: 35px 30px 0;
    z-index: 1
}

@media (max-width: 1023px) {
    .breadcrumbs {
        margin-bottom:20px;
        padding-top: 20px
    }
}

@media (max-width: 767px) {
    .breadcrumbs {
        margin-top:62px;
        padding-left: 19px;
        padding-right: 19px
    }
}

.breadcrumbs-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.breadcrumbs-list>li {
    color: #fff
}

.breadcrumbs-list>li>a {
    border-bottom: 1px solid transparent;
    color: hsla(0,0%,100%,.75)
}

.breadcrumbs-list>li>a:focus,.breadcrumbs-list>li>a:hover {
    border-bottom-color: hsla(0,0%,100%,.75)
}

.breadcrumbs-list>li:not(:last-child) {
    margin-right: 10px;
    padding-right: 14px;
    position: relative
}

.breadcrumbs-list>li:not(:last-child):after {
    border-color: hsla(0,0%,100%,.5) hsla(0,0%,100%,.5) transparent transparent;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 8px
}

@media (max-width: 767px) {
    .blog-intro .breadcrumbs {
        margin-bottom:15px
    }
}

@media (min-width: 768px) {
    .blog-intro .breadcrumbs {
        margin-bottom:20px
    }
}

.blog-intro .breadcrumbs-list>li {
    color: #0f558c
}

.blog-intro .breadcrumbs-list>li>a {
    color: rgba(71,71,71,.5)
}

.blog-intro .breadcrumbs-list>li>a:focus,.blog-intro .breadcrumbs-list>li>a:hover {
    border-bottom-color: rgba(71,71,71,.5)
}

.blog-intro .breadcrumbs-list>li:not(:last-child):after {
    border-right-color: rgba(71,71,71,.5);
    border-top-color: rgba(71,71,71,.5)
}

.hidden-breadcrumbs {
    display: none
}

.locations {
    background: -o-linear-gradient(327deg,#1c92be 0,#6727c2 100%);
    background: linear-gradient(483deg,#1c92be,#6727c2);
    background-color: #fff;
    margin-bottom: -88px
}

@media (min-width: 1610px) {
    .locations {
        margin-bottom:0;
        max-height: 425px;
        z-index: 3
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .locations {
        margin-bottom:-111px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .locations {
        margin-bottom:-436px
    }
}

@media (max-width: 767px) {
    .locations {
        margin-bottom:-80px
    }
}

.offices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
    margin-top: -58px
}

@media (max-width: 1179px) {
    .offices {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 767px) {
    .offices {
        margin-top:41px
    }
}

.offices .location {
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 28%;
    z-index: 1
}

@media (min-width: 1180px) and (max-width:1439px) {
    .offices .location {
        width:23.6%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .offices .location {
        margin-bottom:49px;
        width: 46.1%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .offices .location {
        margin-bottom:55px;
        width: 46.1%
    }
}

@media (max-width: 767px) {
    .offices .location {
        margin-bottom:41px;
        width: 100%
    }
}

.offices .location-image {
    background: no-repeat 50% 50%;
    background-size: cover;
    height: 270px;
    position: relative;
    width: 100%;
    z-index: 10
}

@media (min-width: 1180px) and (max-width:1439px) {
    .offices .location-image {
        height:270px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .offices .location-image {
        height:230px
    }
}

@media (max-width: 1023px) {
    .offices .location-image {
        height:220px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .offices .location-image.austin {
        background-position-y:70%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .offices .location-image.austin {
        background-position-y:20%
    }
}

@media (max-width: 767px) {
    .offices .location-image.new-york {
        background-position-y:27%
    }
}

.offices .location-image.belarus {
    background-position-x: 0
}

@media (max-width: 1179px) {
    .offices .location-image.poland {
        background-position-y:25%
    }
}

@media (max-width: 767px) {
    .offices .location-image.poland {
        background-position-y:38%
    }
}

.offices .office-details {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 32px 12px 40px 7.6%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .offices .office-details {
        padding-left:7.5%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .offices .office-details {
        padding-bottom:29px;
        padding-left: 19px;
        padding-top: 31px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .offices .office-details {
        padding:32px 20px 31px
    }
}

@media (max-width: 767px) {
    .offices .office-details {
        border-top-width:0;
        padding-bottom: 32px;
        padding-left: 20px;
        padding-top: 32px
    }
}

.offices .office-details .country {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 22px;
    letter-spacing: .4px
}

.offices .office-details .mailing-address {
    margin-top: 28px;
    min-height: 48px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .offices .office-details .mailing-address {
        margin-top:19px;
        min-height: 23px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .offices .office-details .mailing-address {
        margin-top:16px;
        min-height: 30px
    }
}

@media (max-width: 767px) {
    .offices .office-details .mailing-address {
        margin-top:16px;
        min-height: 28px
    }
}

.offices .office-details .business-hours {
    margin-top: 10px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .offices .office-details .business-hours {
        margin-top:12px
    }
}

.offices .office-details .business-hours .title-text {
    display: inline-block;
    width: 100%
}

.offices .office-details .business-hours .title-text,.offices .office-details .working-days {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif
}

@media (min-width: 1179px) {
    .offices .office-details .working-days {
        display:inline-block;
        width: 100%
    }
}

@media (max-width: 1023px) {
    .offices .office-details .working-days {
        display:block
    }
}

.offices .office-details .tel {
    color: #ba4791;
    display: inline-block;
    margin-bottom: 12px;
    margin-top: 11px;
    position: relative
}

.offices .office-details .tel:after {
    background-color: #ba4791;
    bottom: 3px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.offices .office-details .email,.offices .office-details .map-location {
    color: #ba4791;
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase
}

.offices .office-details .email .text,.offices .office-details .map-location .text {
    display: inline-block;
    margin-left: 4px;
    margin-right: 15px;
    position: relative
}

@media (max-width: 767px) {
    .offices .office-details .email .text,.offices .office-details .map-location .text {
        margin-bottom:11px
    }
}

.offices .office-details .email .text:after,.offices .office-details .map-location .text:after {
    background-color: #ba4791;
    bottom: 3px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.offices .office-details .email .icon-svg,.offices .office-details .map-location .icon-svg {
    -webkit-backface-visibility: hidden;
    fill: #ba4791;
    pointer-events: none
}

.offices .office-details .email .icon-svg {
    height: 10px;
    width: 12px
}

.offices .office-details .map-location .icon-svg {
    height: 12px;
    width: 9px
}

.offices .office-details .email,.offices .office-details .map-location,.offices .office-details .tel {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif
}

html.no-touchevents .offices .email .text:hover:after,html.no-touchevents .offices .map-location .text:hover:after,html.no-touchevents .offices .tel a:hover:after,html.touchevents .offices .email .text.hovered:after,html.touchevents .offices .map-location .text.hovered:after,html.touchevents .offices .tel.hovered:after {
    visibility: visible
}

.advantage-points {
    background-color: #fff;
    padding-top: 150px;
    position: relative
}

@media (min-width: 1024px) and (max-width:1439px) {
    .advantage-points {
        padding-top:120px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .advantage-points {
        padding-top:90px
    }
}

@media (max-width: 767px) {
    .advantage-points {
        padding-top:71px
    }
}

.advantage-points.advantage-points-before-projects {
    margin-bottom: 250px;
    padding-top: 0
}

@media (max-width: 1439px) {
    .advantage-points.advantage-points-before-projects {
        margin-bottom:220px
    }
}

@media (max-width: 1179px) {
    .advantage-points.advantage-points-before-projects {
        margin-bottom:210px
    }
}

@media (max-width: 1023px) {
    .advantage-points.advantage-points-before-projects {
        margin-bottom:180px
    }
}

@media (max-width: 767px) {
    .advantage-points.advantage-points-before-projects {
        margin-bottom:205px
    }
}

.advantage-points.after-section-list {
    padding-top: 0
}

.advantage-points.after-section-list .rock-sunset-bg {
    padding-bottom: 132px;
    padding-top: 138px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .advantage-points.after-section-list .rock-sunset-bg {
        padding-bottom:90px;
        padding-top: 108px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .advantage-points.after-section-list .rock-sunset-bg {
        padding-bottom:78px;
        padding-top: 105px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .advantage-points.after-section-list .rock-sunset-bg {
        padding-bottom:96px;
        padding-top: 76px
    }
}

@media (max-width: 767px) {
    .advantage-points.after-section-list .rock-sunset-bg {
        padding-bottom:83px;
        padding-top: 57px
    }
}

@media (max-width: 767px) {
    .advantage-points.after-section-list .rock-sunset-bg .advantages-title {
        font-size:30px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .advantage-points.after-section-list .rock-sunset-bg .advantages-list-wrapper {
        margin-right:6px;
        width: 46.6%
    }
}

.advantage-points.after-section-list .rock-sunset-bg .advantages-list {
    margin-top: 34px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .advantage-points.after-section-list .rock-sunset-bg .advantages-list {
        margin-right:0
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .advantage-points.after-section-list .rock-sunset-bg .advantages-list {
        margin-top:24px
    }
}

@media (max-width: 767px) {
    .advantage-points.after-section-list .rock-sunset-bg .advantages-list {
        margin-top:23px
    }
}

.advantage-points.after-section-list .rock-sunset-bg .advantages-list .point {
    margin-bottom: 25px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .advantage-points.after-section-list .rock-sunset-bg .advantages-list .point {
        margin-bottom:27px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .advantage-points.after-section-list .rock-sunset-bg .advantages-list .point {
        margin-bottom:20px
    }
}

@media (max-width: 767px) {
    .advantage-points.after-section-list .rock-sunset-bg .advantages-list .point {
        margin-top:24px
    }
}

.advantage-points .advantages {
    padding: 145px 0 116px
}

@media (min-width: 768px) and (max-width:1023px) {
    .advantage-points .advantages {
        padding-bottom:71px;
        padding-top: 106px
    }
}

@media (max-width: 767px) {
    .advantage-points .advantages {
        padding-bottom:85px;
        padding-top: 65px
    }
}

.advantage-points .advantages.advantages-narrow {
    padding: 68px 0 77px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .advantage-points .advantages.advantages-narrow {
        padding:105px 0 90px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .advantage-points .advantages.advantages-narrow {
        padding:85px 0 78px
    }
}

@media (max-width: 767px) {
    .advantage-points .advantages.advantages-narrow {
        padding-bottom:103px;
        padding-top: 56px
    }
}

.advantage-points .advantages.technology-software-bg {
    padding: 135px 0 145px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .advantage-points .advantages.technology-software-bg {
        padding-bottom:115px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .advantage-points .advantages.technology-software-bg {
        padding-bottom:135px;
        padding-top: 100px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .advantage-points .advantages.technology-software-bg {
        padding-bottom:105px;
        padding-top: 55px
    }
}

.advantage-points .advantages .advantages-list-wrapper {
    float: right;
    width: 37.8%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .advantage-points .advantages .advantages-list-wrapper {
        width:45.3%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .advantage-points .advantages .advantages-list-wrapper {
        width:45%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .advantage-points .advantages .advantages-list-wrapper {
        width:55.6%
    }
}

@media (max-width: 767px) {
    .advantage-points .advantages .advantages-list-wrapper {
        width:100%
    }
}

.advantage-points .advantages .advantages-title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    line-height: 40px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .advantage-points .advantages .advantages-title {
        max-width:76%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .advantage-points .advantages .advantages-title {
        max-width:89%
    }
}

.advantage-points .advantages .advantages-description {
    font-family: sf_ui_textregular,Helvetica,Arial,sans-serif;
    font-size: 17px;
    letter-spacing: -.4px;
    margin-top: 34px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .advantage-points .advantages .advantages-description {
        max-width:89%
    }
}

.advantage-points .advantages .advantages-description a {
    border-bottom: 1px solid hsla(0,0%,100%,.7);
    position: relative
}

.advantage-points .advantages .advantages-description a.hovered {
    border-bottom-color: transparent
}

.advantage-points .advantages .advantages-list {
    list-style: none;
    margin: 44px 0 0;
    padding-left: 0
}

@media (min-width: 1180px) and (max-width:1439px) {
    .advantage-points .advantages .advantages-list {
        margin:34px 0 0
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .advantage-points .advantages .advantages-list {
        margin-right:10px;
        margin-top: 36px
    }
}

@media (max-width: 1023px) {
    .advantage-points .advantages .advantages-list {
        margin-top:23px
    }
}

.advantage-points .advantages .advantages-list .point {
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 17px;
    padding-left: 34px;
    position: relative
}

@media (min-width: 1180px) and (max-width:1439px) {
    .advantage-points .advantages .advantages-list .point {
        margin-bottom:25px
    }
}

@media (max-width: 1023px) {
    .advantage-points .advantages .advantages-list .point {
        line-height:20px;
        margin-bottom: 31px
    }
}

@media (max-width: 767px) {
    .advantage-points .advantages .advantages-list .point {
        margin-bottom:20px
    }
}

.advantage-points .advantages .advantages-list .point .new-line {
    display: block;
    letter-spacing: .5px;
    margin-bottom: 10px
}

.development-process.development-process-white {
    background-color: #fff
}

.development-process .infographic {
    margin: 0 auto;
    max-width: 1132px;
    padding: 97px 0 251px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .development-process .infographic {
        padding:73px 2.6% 219px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .development-process .infographic {
        padding:76px 2.8% 205px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .development-process .infographic {
        padding:67px 3.7% 167px
    }
}

@media (max-width: 767px) {
    .development-process .infographic {
        padding-bottom:195px;
        padding-top: 55px
    }
}

.development-process .infographic .graphic-wrapper {
    padding: 52px 0;
    position: relative
}

@media (min-width: 1024px) and (max-width:1179px) {
    .development-process .infographic .graphic-wrapper {
        padding-bottom:47px;
        padding-top: 47px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .development-process .infographic .graphic-wrapper {
        padding-bottom:44px;
        padding-top: 44px
    }
}

@media (max-width: 767px) {
    .development-process .infographic .graphic-wrapper {
        margin:0 auto;
        max-width: 375px;
        padding-bottom: 0;
        padding-top: 0;
        width: 87.6%
    }
}

.development-process .infographic .graphic-wrapper .inline-svg,.development-process .infographic .graphic-wrapper img {
    width: 100%
}

@media (min-width: 768px) and (max-width:1023px) {
    .development-process .infographic .graphic-wrapper .inline-svg,.development-process .infographic .graphic-wrapper img {
        width:101%
    }
}

.development-process .infographic .graphic-wrapper .inline-svg.horizontal,.development-process .infographic .graphic-wrapper img.horizontal {
    display: block
}

@media (max-width: 767px) {
    .development-process .infographic .graphic-wrapper .inline-svg.horizontal,.development-process .infographic .graphic-wrapper img.horizontal {
        display:none
    }
}

.development-process .infographic .graphic-wrapper .inline-svg.vertical,.development-process .infographic .graphic-wrapper img.vertical {
    display: none;
    width: 41%
}

@media (max-width: 767px) {
    .development-process .infographic .graphic-wrapper .inline-svg.vertical,.development-process .infographic .graphic-wrapper img.vertical {
        display:block
    }
}

.development-process .infographic .processes-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.development-process .infographic .processes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-left: 1.35%;
    padding-right: 1.35%
}

.development-process .infographic .processes .process:first-child .process-title {
    color: #14908e
}

.development-process .infographic .processes .process:nth-child(2) .process-title {
    color: #09768d
}

.development-process .infographic .processes .process:nth-child(3) .process-title {
    color: #0e548f
}

.development-process .infographic .processes .process:nth-child(4) .process-title {
    color: #383085
}

.development-process .infographic .processes .process:nth-child(5) .process-title {
    color: #5d3e8e
}

.development-process .infographic .processes .process:nth-child(6) .process-title {
    color: #85378b
}

.development-process .infographic .processes .process:nth-child(7) .process-title {
    color: #b8478f
}

@media (max-width: 767px) {
    .development-process .infographic .processes {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 45%;
        padding: 3.5% 0;
        width: 55%
    }
}

.development-process .infographic .process {
    height: 100%;
    position: relative;
    text-transform: uppercase;
    width: 14.28571%
}

@media (max-width: 767px) {
    .development-process .infographic .process {
        height:14.28571%;
        width: 100%
    }
}

.development-process .infographic .process:nth-child(2n - 1) .process-title {
    top: 0
}

.development-process .infographic .process:nth-child(2n) .process-title {
    bottom: 0
}

.development-process .infographic .process .process-title {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 20px;
    min-height: 40px;
    position: absolute;
    text-align: center;
    width: 100%
}

@media (max-width: 767px) {
    .development-process .infographic .process .process-title {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
}

.development-process .infographic .process .process-title .name {
    margin: auto
}

.development-process.mobile-development-process .process:nth-child(6) .process-title {
    -webkit-transform: translateX(-13px);
    -ms-transform: translateX(-13px);
    transform: translateX(-13px)
}

@media (min-width: 768px) {
    .development-process.mobile-development-process .process:nth-child(6) .process-title {
        -webkit-transform:translateX(-23%);
        -ms-transform: translateX(-23%);
        transform: translateX(-23%);
        width: 200%
    }
}

.infographic.lifecycle {
    max-width: 1236px;
    padding: 84px 0 194px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .infographic.lifecycle {
        max-width:1164px;
        padding: 59px 0 195px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .infographic.lifecycle {
        max-width:1000px;
        padding: 61px 0 190px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic.lifecycle {
        padding:64px 15px 156px
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle {
        padding:46px 0 179px
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .graphic-wrapper {
        width:315px
    }
}

.infographic.lifecycle .graphic-wrapper .inline-svg.vertical,.infographic.lifecycle .graphic-wrapper img.vertical {
    width: 100%
}

@media (max-width: 1023px) {
    .infographic.lifecycle .graphic-wrapper .inline-svg.horizontal,.infographic.lifecycle .graphic-wrapper img.horizontal {
        display:none
    }
}

.infographic.lifecycle .graphic-wrapper .inline-svg.horizontal-tablet,.infographic.lifecycle .graphic-wrapper img.horizontal-tablet {
    display: none
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic.lifecycle .graphic-wrapper .inline-svg.horizontal-tablet,.infographic.lifecycle .graphic-wrapper img.horizontal-tablet {
        display:block
    }
}

.infographic.lifecycle .process-numbers-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.infographic.lifecycle .process-numbers-wrapper .processes-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-left: 4.15%;
    padding-right: 4.15%
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic.lifecycle .process-numbers-wrapper .processes-list {
        padding-left:5.3%;
        padding-right: 8.1%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .processes-list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 39px;
        width: 141px
    }
}

.infographic.lifecycle .process-numbers-wrapper .process-numbers {
    height: 100%;
    position: relative;
    width: 14.28571%
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers {
        max-height:128px;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers:nth-child(2n - 1) {
        top:-.3%
    }
}

.infographic.lifecycle .process-numbers-wrapper .process-numbers:nth-child(2n - 1) .index-number {
    top: 18.7%
}

.infographic.lifecycle .process-numbers-wrapper .process-numbers:nth-child(2n) .index-number {
    bottom: 37.2%
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers:nth-child(2n) .index-number {
        bottom:38.1%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers:nth-child(2n) .index-number {
        right:0
    }
}

.infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number {
    color: #fff;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 20px;
    position: absolute
}

@media (min-width: 1024px) and (max-width:1179px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number {
        font-size:16px
    }
}

@media (max-width: 1023px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number {
        font-size:14.53px
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number.index-01 {
        top:44%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number.index-02 {
        top:35%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number.index-03 {
        top:24.7%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number.index-04 {
        top:15.2%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number.index-05 {
        top:9.3%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number.index-06 {
        top:-1.1%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process-numbers-wrapper .process-numbers .index-number.index-07 {
        top:-6%
    }
}

.infographic.lifecycle .graphic-wrapper {
    padding: 0
}

.infographic.lifecycle .processes {
    padding-left: 4%;
    padding-right: 4%
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic.lifecycle .processes {
        padding-left:6.5%;
        padding-right: 6%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .processes {
        margin-left:0;
        width: 290px
    }
}

.infographic.lifecycle .process {
    text-transform: none
}

.infographic.lifecycle .process:nth-child(2n - 1) .process-title {
    top: 35.9%
}

@media (min-width: 768px) and (max-width:1439px) {
    .infographic.lifecycle .process:nth-child(2n - 1) .process-title {
        top:35.9%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process:nth-child(2n - 1) .process-title {
        left:-18%
    }
}

.infographic.lifecycle .process:nth-child(2n) .process-title {
    bottom: 16.6%
}

@media (max-width: 767px) {
    .infographic.lifecycle .process:nth-child(2n) .process-title {
        right:-28%
    }
}

.infographic.lifecycle .process .process-title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 16px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .infographic.lifecycle .process .process-title {
        font-size:12.95px;
        line-height: 12.95px
    }
}

@media (max-width: 1023px) {
    .infographic.lifecycle .process .process-title {
        font-size:11.62px;
        line-height: 13px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .infographic.lifecycle .process .process-title .name {
        letter-spacing:.5px
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process .process-title.process-title-01 {
        top:36.9%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process .process-title.process-title-02 {
        bottom:-31.6%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process .process-title.process-title-03 {
        top:25%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process .process-title.process-title-04 {
        bottom:-10.4%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process .process-title.process-title-05 {
        top:10.9%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process .process-title.process-title-06 {
        bottom:-1.4%
    }
}

@media (max-width: 767px) {
    .infographic.lifecycle .process .process-title.process-title-07 {
        top:.9%
    }
}

.infographic.mobile .processes .process .process-title {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

html.ie .development-process .process .process-title {
    display: block
}

@media (max-width: 767px) {
    html.ie .development-process .process .process-title .name {
        position:relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.legacy-system-replacement-process .section-info-list {
    margin-bottom: 140px;
    margin-top: 60px;
    top: 0
}

@media (min-width: 1024px) and (max-width:1439px) {
    .legacy-system-replacement-process .section-info-list {
        margin-bottom:160px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .legacy-system-replacement-process .section-info-list {
        margin-bottom:125px;
        margin-top: 70px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .legacy-system-replacement-process .section-info-list {
        margin-bottom:170px
    }
}

.legacy-system-replacement-process .section-info-list .section-list li:first-child .icon-svg:not(.icon-line) {
    fill: #149f81;
    stroke: #149f81
}

.legacy-system-replacement-process .section-info-list .section-list li:first-child .line {
    background-color: #149f81
}

.legacy-system-replacement-process .section-info-list .section-list li:nth-child(2) .icon-svg:not(.icon-line) {
    fill: #00758b;
    stroke: #00758b
}

.legacy-system-replacement-process .section-info-list .section-list li:nth-child(2) .line {
    background-color: #00758b
}

.legacy-system-replacement-process .section-info-list .section-list li:nth-child(3) .icon-svg:not(.icon-line) {
    fill: #0d538a;
    stroke: #0d538a
}

.legacy-system-replacement-process .section-info-list .section-list li:nth-child(3) .line {
    background-color: #0d538a
}

.legacy-system-replacement-process .section-info-list .section-list li:nth-child(4) .icon-svg:not(.icon-line) {
    fill: #853789;
    stroke: #853789
}

.legacy-system-replacement-process .section-info-list .section-list li:nth-child(4) .line {
    background-color: #853789
}

.legacy-system-replacement-process .section-info-list .section-list li:nth-child(5) .icon-svg:not(.icon-line) {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.legacy-system-replacement-process .section-info-list .section-list li:nth-child(5) .line {
    background-color: #5c3c8b
}

@media (min-width: 768px) and (max-width:1023px) {
    .legacy-system-replacement-process .section-info-list .section-list li {
        padding:21px 20px 55px
    }
}

.section-stickers {
    background-size: cover;
    padding-bottom: 65px;
    position: relative;
    z-index: 3
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-stickers {
        padding-bottom:100px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers {
        margin-bottom:218px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .section-stickers {
        padding-bottom:88px
    }
}

@media (max-width: 1023px) {
    .section-stickers {
        margin-bottom:158px
    }
}

@media (max-width: 600px) {
    .section-stickers {
        margin-bottom:150px
    }
}

.section-stickers:before {
    /*background: url(/i/texture.png?v=0110202092124);*/
    content: "";
    display: block;
    height: 100%;
    opacity: .3;
    position: absolute;
    width: 100%
}

@media (min-width: 768px) and (max-width:1179px) {
    .section-stickers.stickers-handshake,.section-stickers.stickers-healthcare {
        margin-bottom:80px;
        padding-bottom: 245px
    }
}

@media (max-width: 767px) {
    .section-stickers.stickers-handshake,.section-stickers.stickers-healthcare {
        margin-bottom:40px
    }
}

.section-stickers .wrapper:after,.section-stickers .wrapper:before {
    content: " ";
    display: table
}

.section-stickers .wrapper:after {
    clear: both
}

@media (max-width: 600px) {
    .section-stickers .wrapper {
        padding-bottom:35px
    }
}

.section-stickers.stickers-mobile {
    background: -o-linear-gradient(135deg,#6727c2 0,#04aebd 100%);
    background: linear-gradient(315deg,#6727c2,#04aebd)
}

.section-stickers.stickers-mobile .sticker:first-child .icon-svg {
    fill: #018f8b;
    stroke: #018f8b
}

.section-stickers.stickers-mobile .sticker:first-child .line {
    background-color: #018f8b
}

.section-stickers.stickers-mobile .sticker:nth-child(2) .icon-svg {
    fill: #00758b;
    stroke: #00758b
}

.section-stickers.stickers-mobile .sticker:nth-child(2) .line {
    background-color: #00758b
}

.section-stickers.stickers-mobile .sticker:nth-child(3) .icon-svg {
    fill: #7752bd;
    stroke: #7752bd
}

.section-stickers.stickers-mobile .sticker:nth-child(3) .line {
    background-color: #7752bd
}

.section-stickers.stickers-mobile .sticker:nth-child(4) .icon-svg {
    fill: #853789;
    stroke: #853789
}

.section-stickers.stickers-mobile .sticker:nth-child(4) .line {
    background-color: #853789
}

.section-stickers.stickers-custom {
    background: -o-linear-gradient(135deg,#6d6bd6 0,#8a4ebf 100%);
    background: linear-gradient(315deg,#6d6bd6,#8a4ebf)
}

.section-stickers.stickers-custom .sticker:first-child .icon-svg {
    fill: #bb4d93;
    stroke: #bb4d93
}

.section-stickers.stickers-custom .sticker:first-child .line {
    background-color: #bb4d93
}

.section-stickers.stickers-custom .sticker:nth-child(2) .icon-svg {
    fill: #853789;
    stroke: #853789
}

.section-stickers.stickers-custom .sticker:nth-child(2) .line {
    background-color: #853789
}

.section-stickers.stickers-custom .sticker:nth-child(3) .icon-svg {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.section-stickers.stickers-custom .sticker:nth-child(3) .line {
    background-color: #5c3c8b
}

.section-stickers.stickers-custom .sticker:nth-child(4) .icon-svg {
    fill: #7752bd;
    stroke: #7752bd
}

.section-stickers.stickers-custom .sticker:nth-child(4) .line {
    background-color: #7752bd
}

.section-stickers.stickers-about {
    background: -o-linear-gradient(135deg,#5e33bb 0,#4cabba 100%);
    background: linear-gradient(315deg,#5e33bb,#4cabba)
}

.section-stickers.stickers-about .sticker:first-child .icon-svg {
    fill: #bb4d93;
    stroke: #bb4d93
}

.section-stickers.stickers-about .sticker:first-child .line {
    background-color: #bb4d93
}

.section-stickers.stickers-about .sticker:nth-child(2) .icon-svg {
    fill: #853789;
    stroke: #853789
}

.section-stickers.stickers-about .sticker:nth-child(2) .line {
    background-color: #853789
}

.section-stickers.stickers-about .sticker:nth-child(3) .icon-svg {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.section-stickers.stickers-about .sticker:nth-child(3) .line {
    background-color: #5c3c8b
}

.section-stickers.stickers-about .sticker:nth-child(4) .icon-svg {
    fill: #7752bd;
    stroke: #7752bd
}

.section-stickers.stickers-about .sticker:nth-child(4) .line {
    background-color: #7752bd
}

@media (min-width: 320px) and (max-width:1439px) {
    .section-stickers.stickers-about {
        margin-bottom:0
    }
}

.section-stickers.stickers-maintenance {
    background: -o-linear-gradient(135deg,#6727c2 0,#04aebd 100%);
    background: linear-gradient(315deg,#6727c2,#04aebd)
}

.section-stickers.stickers-maintenance .sticker:first-child .icon-svg {
    fill: #018f8b;
    stroke: #018f8b
}

.section-stickers.stickers-maintenance .sticker:first-child .line {
    background-color: #018f8b
}

.section-stickers.stickers-maintenance .sticker:nth-child(2) .icon-svg {
    fill: #00758b;
    stroke: #00758b
}

.section-stickers.stickers-maintenance .sticker:nth-child(2) .line {
    background-color: #00758b
}

.section-stickers.stickers-maintenance .sticker:nth-child(3) .icon-svg {
    fill: #7752bd;
    stroke: #7752bd
}

.section-stickers.stickers-maintenance .sticker:nth-child(3) .line {
    background-color: #7752bd
}

.section-stickers.stickers-maintenance .sticker:nth-child(4) .icon-svg {
    fill: #853789;
    stroke: #853789
}

.section-stickers.stickers-maintenance .sticker:nth-child(4) .line {
    background-color: #853789
}

.section-stickers.stickers-healthcare,.section-stickers.stickers-product-development {
    background: -o-linear-gradient(135deg,#1d88c6 0,#1abc9c 100%);
    background: linear-gradient(315deg,#1d88c6,#1abc9c)
}

.section-stickers.stickers-healthcare .sticker:first-child .icon-svg,.section-stickers.stickers-product-development .sticker:first-child .icon-svg {
    fill: #018f8b;
    stroke: #018f8b
}

.section-stickers.stickers-healthcare .sticker:first-child .line,.section-stickers.stickers-product-development .sticker:first-child .line {
    background-color: #018f8b
}

.section-stickers.stickers-healthcare .sticker:nth-child(2) .icon-svg,.section-stickers.stickers-product-development .sticker:nth-child(2) .icon-svg {
    fill: #00758b;
    stroke: #00758b
}

.section-stickers.stickers-healthcare .sticker:nth-child(2) .line,.section-stickers.stickers-product-development .sticker:nth-child(2) .line {
    background-color: #00758b
}

.section-stickers.stickers-healthcare .sticker:nth-child(3) .icon-svg,.section-stickers.stickers-product-development .sticker:nth-child(3) .icon-svg {
    fill: #7752bd;
    stroke: #7752bd
}

.section-stickers.stickers-healthcare .sticker:nth-child(3) .line,.section-stickers.stickers-product-development .sticker:nth-child(3) .line {
    background-color: #7752bd
}

.section-stickers.stickers-healthcare .sticker:nth-child(4) .icon-svg,.section-stickers.stickers-product-development .sticker:nth-child(4) .icon-svg {
    fill: #853789;
    stroke: #853789
}

.section-stickers.stickers-healthcare .sticker:nth-child(4) .line,.section-stickers.stickers-product-development .sticker:nth-child(4) .line {
    background-color: #853789
}

.section-stickers.stickers-handshake {
    background: -o-linear-gradient(135deg,#b94790 0,#623f95 100%);
    background: linear-gradient(315deg,#b94790,#623f95)
}

.section-stickers.stickers-handshake .sticker:first-child .icon-svg {
    fill: #bb4d93;
    stroke: #bb4d93
}

.section-stickers.stickers-handshake .sticker:first-child .line {
    background-color: #bb4d93
}

.section-stickers.stickers-handshake .sticker:nth-child(2) .icon-svg {
    fill: #853789;
    stroke: #853789
}

.section-stickers.stickers-handshake .sticker:nth-child(2) .line {
    background-color: #853789
}

.section-stickers.stickers-handshake .sticker:nth-child(3) .icon-svg {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.section-stickers.stickers-handshake .sticker:nth-child(3) .line {
    background-color: #5c3c8b
}

.section-stickers.stickers-handshake .sticker:nth-child(4) .icon-svg {
    fill: #7752bd;
    stroke: #7752bd
}

.section-stickers.stickers-handshake .sticker:nth-child(4) .line {
    background-color: #7752bd
}

.section-stickers.stickers-business-automation .sticker:first-child .icon-svg {
    fill: #018f8b;
    stroke: #018f8b
}

.section-stickers.stickers-business-automation .sticker:first-child .line {
    background-color: #018f8b
}

.section-stickers.stickers-business-automation .sticker:nth-child(2) .icon-svg {
    fill: #00758b;
    stroke: #00758b
}

.section-stickers.stickers-business-automation .sticker:nth-child(2) .line {
    background-color: #00758b
}

.section-stickers.stickers-business-automation .sticker:nth-child(3) .icon-svg {
    fill: #7752bd;
    stroke: #7752bd
}

.section-stickers.stickers-business-automation .sticker:nth-child(3) .line {
    background-color: #7752bd
}

.section-stickers.stickers-business-automation .sticker:nth-child(4) .icon-svg {
    fill: #853789;
    stroke: #853789
}

.section-stickers.stickers-business-automation .sticker:nth-child(4) .line {
    background-color: #853789
}

.section-stickers.stickers-entertainment .sticker:first-child .icon-svg {
    fill: #097a8e;
    stroke: #097a8e
}

.section-stickers.stickers-entertainment .sticker:first-child .line {
    background-color: #097a8e
}

.section-stickers.stickers-entertainment .sticker:nth-child(2) .icon-svg {
    fill: #0f548b;
    stroke: #0f548b
}

.section-stickers.stickers-entertainment .sticker:nth-child(2) .line {
    background-color: #0f548b
}

.section-stickers.stickers-entertainment .sticker:nth-child(3) .icon-svg {
    fill: #3c2b95;
    stroke: #3c2b95
}

.section-stickers.stickers-entertainment .sticker:nth-child(3) .line {
    background-color: #3c2b95
}

.section-stickers.stickers-entertainment .sticker:nth-child(4) .icon-svg {
    fill: #6431a4;
    stroke: #6431a4
}

.section-stickers.stickers-entertainment .sticker:nth-child(4) .line {
    background-color: #6431a4
}

.section-stickers .section-title {
    color: #fff;
    padding-bottom: 145px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-stickers .section-title {
        padding-left:20px;
        padding-top: 138px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers .section-title {
        float:left;
        max-width: 47%;
        padding-left: 20px;
        padding-top: 100px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-stickers .section-title {
        padding-top:100px
    }
}

@media (max-width: 1023px) {
    .section-stickers .section-title {
        max-width:55%
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .section-stickers .section-title {
        float:left;
        padding-left: 20px
    }
}

@media (max-width: 600px) {
    .section-stickers .section-title {
        max-width:100%
    }
}

@media (max-width: 767px) {
    .section-stickers .section-title {
        padding-bottom:65px
    }
}

.section-stickers .section-title .title {
    display: inline-block;
    position: relative
}

@media (max-width: 767px) {
    .section-stickers .section-title .title {
        font-size:34px;
        line-height: 40px;
        max-width: 80%;
        padding-bottom: 10px
    }
}

@media (max-width: 767px) {
    .section-stickers .section-title .description {
        margin-top:14px
    }
}

@media (max-width: 600px) {
    .section-stickers .section-title .description {
        margin-bottom:62px
    }
}

.section-stickers .section-title .description .text-link {
    border-bottom: 1px solid;
    color: inherit
}

.section-stickers .section-title .description .text-link.hovered,.section-stickers .section-title .description .text-link:active {
    border-bottom-color: transparent
}

.section-stickers .section-title .description,.section-stickers .section-title .title {
    visibility: hidden
}

.section-stickers .section-title .animated.container .description,.section-stickers .section-title .animated.container .title {
    visibility: visible
}

.section-stickers .section-title .animated.container .description:before,.section-stickers .section-title .animated.container .title:before {
    -webkit-animation: articleBgFadeLeft .9s ease-in-out both;
    animation: articleBgFadeLeft .9s ease-in-out both
}

.section-stickers .section-title .animated.container .description span,.section-stickers .section-title .animated.container .title span {
    opacity: 1;
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
    transition-delay: .45s
}

.section-stickers .section-title .animated.container .description {
    -webkit-animation: fadeInLeftXS .55s ease-in-out 135ms both;
    animation: fadeInLeftXS .55s ease-in-out 135ms both
}

.section-stickers .icon-svg {
    stroke-width: .1px
}

@media (max-width: 1024px) {
    .section-stickers .icon-svg {
        margin-top:-20px
    }
}

.section-stickers .image-wrapper {
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    float: right;
    position: relative
}

@media (min-width: 1440px) {
    .section-stickers .image-wrapper {
        margin-right:50px;
        width: 910px
    }
}

@media (max-width: 600px) {
    .section-stickers .image-wrapper {
        display:none
    }
}

.section-stickers .image-wrapper.about {
    background-image: url(/i/sticker/syberry-laptop.jpg?v=0110202092124)
}

@media (min-width: 1440px) {
    .section-stickers .image-wrapper.about {
        height:524px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-stickers .image-wrapper.about {
        height:524px;
        width: 765px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers .image-wrapper.about {
        background-position-x:20%;
        height: 528px;
        margin-right: -30px;
        margin-top: -40px;
        width: 512px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .section-stickers .image-wrapper.about {
        background-position-x:10%;
        height: 525px;
        margin-right: -30px;
        margin-top: -40px;
        width: 252px
    }
}

@media (min-width: 1440px) {
    .section-stickers .image-wrapper.custom-software {
        background-image:url(/i/sticker/wagon.jpg?v=0110202092124);
        height: 468px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-stickers .image-wrapper.custom-software {
        background-image:url(/i/sticker/wagon-1439.jpg?v=0110202092124);
        height: 494px;
        width: 765px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers .image-wrapper.custom-software {
        background-image:url(/i/sticker/wagon-md.jpg?v=0110202092124);
        height: 527px;
        margin-right: -30px;
        margin-top: -40px;
        width: 512px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .section-stickers .image-wrapper.custom-software {
        background-image:url(/i/sticker/wagon-sm.jpg?v=0110202092124);
        height: 525px;
        margin-right: -30px;
        margin-top: -40px;
        width: 252px
    }
}

@media (min-width: 1180px) {
    .section-stickers .image-wrapper.mobile {
        background-image:url(/i/sticker/make-photo.jpg?v=0110202092124);
        height: 525px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-stickers .image-wrapper.mobile {
        width:765px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers .image-wrapper.mobile {
        background-image:url(/i/sticker/make-photo-tablet.jpg?v=0110202092124);
        height: 550px;
        margin-right: -30px;
        margin-top: -40px;
        width: 512px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .section-stickers .image-wrapper.mobile {
        background-image:url(/i/sticker/make-photo-sm.jpg?v=0110202092124);
        height: 555px;
        margin-right: -30px;
        margin-top: -40px;
        width: 252px
    }
}

.section-stickers .image-wrapper.maintenance {
    background-image: url(/i/sticker/connect.jpg?v=0110202092124);
    background-position-x: 100%
}

@media (min-width: 1440px) {
    .section-stickers .image-wrapper.maintenance {
        height:580px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-stickers .image-wrapper.maintenance {
        height:494px;
        width: 765px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers .image-wrapper.maintenance {
        height:550px;
        margin-right: -30px;
        margin-top: -40px;
        width: 512px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .section-stickers .image-wrapper.maintenance {
        height:525px;
        margin-right: -30px;
        margin-top: -40px;
        width: 252px
    }
}

.section-stickers .image-wrapper.product-development {
    background-image: url(/i/sticker/people.jpg?v=0110202092124)
}

@media (min-width: 1440px) {
    .section-stickers .image-wrapper.product-development {
        height:579px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-stickers .image-wrapper.product-development {
        height:579px;
        width: 765px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers .image-wrapper.product-development {
        background-image:url(/i/sticker/people-tablet.jpg?v=0110202092124);
        height: 502px;
        margin-right: -30px;
        margin-top: -40px;
        width: 512px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .section-stickers .image-wrapper.product-development {
        background-image:url(/i/sticker/people-sm.jpg?v=0110202092124);
        height: 514px;
        margin-right: -30px;
        margin-top: -40px;
        width: 254px
    }
}

@media (min-width: 1440px) {
    .section-stickers .image-wrapper.healthcare {
        background-image:url(/i/sticker/phonendoscope.jpg?v=0110202092124);
        height: 560px;
        margin-top: -80px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-stickers .image-wrapper.healthcare {
        background-image:url(/i/sticker/phonendoscope.jpg?v=0110202092124);
        background-position-x: 100%;
        height: 490px;
        width: 725px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers .image-wrapper.healthcare {
        background-image:url(/i/sticker/phonendoscope-tablet.jpg?v=0110202092124);
        height: 550px;
        margin-right: -30px;
        margin-top: -40px;
        width: 512px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .section-stickers .image-wrapper.healthcare {
        background-image:url(/i/sticker/phonendoscope-sm.jpg?v=0110202092124);
        height: 574px;
        margin-right: -30px;
        margin-top: -40px;
        width: 252px
    }
}

@media (min-width: 1440px) {
    .section-stickers .image-wrapper.handshake {
        height:560px;
        margin-top: -80px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .section-stickers .image-wrapper.handshake {
        height:490px;
        width: 725px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers .image-wrapper.handshake {
        height:460px;
        margin-right: -30px;
        margin-top: -40px;
        width: 512px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .section-stickers .image-wrapper.handshake {
        height:470px;
        margin-right: -30px;
        margin-top: -40px;
        width: 252px
    }
}

@media (min-width: 1180px) {
    html.webp .section-stickers .image-wrapper.handshake {
        background-image:url(/i/sticker/handshake.webp?v=0110202092124)
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    html.webp .section-stickers .image-wrapper.handshake {
        background-image:url(/i/sticker/handshake-tablet.webp?v=0110202092124)
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    html.webp .section-stickers .image-wrapper.handshake {
        background-image:url(/i/sticker/handshake-sm.webp?v=0110202092124)
    }
}

@media (min-width: 1180px) {
    html.no-webp .section-stickers .image-wrapper.handshake {
        background-image:url(/i/sticker/handshake.jpg?v=0110202092124)
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    html.no-webp .section-stickers .image-wrapper.handshake {
        background-image:url(/i/sticker/handshake-tablet.jpg?v=0110202092124)
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    html.no-webp .section-stickers .image-wrapper.handshake {
        background-image:url(/i/sticker/handshake-sm.jpg?v=0110202092124)
    }
}

.section-stickers .container-column {
    float: left
}

@media (max-width: 1179px) {
    .section-stickers .container-column {
        width:100%
    }
}

.stickers-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 27px;
    margin-top: 100px;
    position: relative
}

@media (min-width: 1180px) and (max-width:1439px) {
    .stickers-wrapper {
        -webkit-box-pack:end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: 32px
    }
}

@media (max-width: 1179px) {
    .stickers-wrapper {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .stickers-wrapper {
        margin-bottom:-335px;
        margin-left: 0;
        top: -158px
    }
}

@media (max-width: 1023px) {
    .stickers-wrapper {
        margin-bottom:-170px;
        margin-left: 0;
        margin-top: -60px
    }
}

.sticker {
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin-bottom: 55px;
    padding: 20px 23px 45px;
    width: 46%
}

@media (max-width: 1610px) {
    .sticker {
        width:44%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .sticker {
        margin-bottom:22px;
        padding: 20px 14px 32px 19px;
        width: 45.7%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .sticker {
        margin-bottom:51px;
        min-height: 100%;
        padding: 18px 18px 26px;
        width: 46.6%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .sticker {
        min-height:100%;
        padding: 22px 16px 17px 20px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .sticker {
        margin-bottom:41px;
        padding: 19px 16px 31px 19px;
        width: 47.2%
    }
}

@media (max-width: 600px) {
    .sticker {
        height:100%;
        margin-bottom: 40px;
        margin-right: 0;
        padding: 19px 18px 44px 20px;
        width: 100%
    }
}

.sticker:nth-child(odd) {
    margin-right: 8%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .sticker:nth-child(odd) {
        margin-right:4.4%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .sticker:nth-child(odd) {
        margin-right:6.5%
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .sticker:nth-child(odd) {
        margin-right:5.4%
    }
}

@media (max-width: 600px) {
    .sticker:nth-child(odd) {
        margin-right:0
    }
}

@media (max-width: 600px) {
    .sticker:first-child,.sticker:nth-child(2),.sticker:nth-child(3),.sticker:nth-child(4) {
        height:100%;
        margin-right: 0;
        width: 100%
    }
}

.sticker .icon-svg {
    stroke-width: .1px
}

.sticker .line {
    display: block;
    height: 2px;
    margin-bottom: 51px;
    width: 90px
}

.sticker .icon-integrate,.sticker .icon-protect,.sticker .icon-system-modernization,.sticker .icon-top-talent {
    height: 41px;
    width: 41px
}

.sticker .icon-build {
    height: 52px;
    margin-bottom: -6px;
    margin-top: -20px;
    width: 46px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .sticker .icon-build {
        margin-bottom:-12px
    }
}

@media (min-width: 1180px) {
    .sticker .icon-build {
        margin-top:-5px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .sticker .icon-build {
        margin-bottom:-12px
    }
}

@media (max-width: 600px) {
    .sticker .icon-build {
        margin-bottom:-12px
    }
}

.sticker .icon-streamline {
    height: 42px;
    margin-top: -20px;
    width: 42px
}

@media (min-width: 1025px) {
    .sticker .icon-streamline {
        margin-top:-2px
    }
}

.sticker .icon-create {
    height: 44px;
    margin-bottom: -1px;
    margin-top: -20px;
    width: 24px
}

@media (min-width: 1025px) {
    .sticker .icon-create {
        margin-top:-3px
    }
}

.sticker .icon-finance,.sticker .icon-finance-banking {
    height: 41px;
    stroke-width: .3px;
    width: 54px
}

.sticker .icon-bottlenecks,.sticker .icon-exclusive-apps,.sticker .icon-fast-responses,.sticker .icon-focused,.sticker .icon-full-scale,.sticker .icon-full-scale-dev,.sticker .icon-healthcare-lock,.sticker .icon-no-fees,.sticker .icon-ownership,.sticker .icon-process,.sticker .icon-process-automation {
    height: 41px;
    width: 42px
}

.sticker .icon-independent {
    height: 40px;
    width: 42px
}

.sticker .icon-maximaze-resources {
    height: 41px;
    stroke-width: .01px;
    width: 42px
}

.sticker .icon-partnership {
    height: 41px;
    width: 55px
}

.sticker .icon-health-care {
    height: 42px;
    margin-top: -21px;
    width: 50px
}

@media (min-width: 1025px) {
    .sticker .icon-health-care {
        margin-top:-1px
    }
}

.sticker .icon-document,.sticker .icon-health-document,.sticker .icon-hospital {
    height: 44px;
    margin-top: -23px;
    width: 44px
}

@media (min-width: 1025px) {
    .sticker .icon-document,.sticker .icon-health-document,.sticker .icon-hospital {
        margin-top:-3px
    }
}

.sticker .icon-budget,.sticker .icon-computer-big,.sticker .icon-crane,.sticker .icon-digital-makeover,.sticker .icon-feature,.sticker .icon-folder,.sticker .icon-gear-and-monitor,.sticker .icon-leadership,.sticker .icon-mobile,.sticker .icon-oil-rig,.sticker .icon-optimization,.sticker .icon-policy,.sticker .icon-resume,.sticker .icon-sharing,.sticker .icon-speech {
    height: 64px;
    width: 64px
}

.sticker-title .title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: .26px;
    line-height: 26px;
    margin: 0;
    padding: 25px 0 15px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .sticker-title .title {
        max-width:100%;
        padding-bottom: 14px
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .sticker-title .title {
        max-width:100%;
        padding: 23px 0 28px
    }
}

@media (min-width: 600px) and (max-width:1023px) {
    .sticker-title .title {
        max-width:100%;
        padding-bottom: 17px
    }
}

@media (min-width: 1440px) {
    .sticker-title .title {
        padding-bottom:25px
    }
}

.sticker-description p {
    margin-bottom: 10px
}

.big-imaged-articles .section-stickers,.section-stickers-container .section-stickers {
    margin-bottom: 0;
    padding-bottom: 0
}

.big-imaged-articles .section-stickers:before,.section-stickers-container .section-stickers:before {
    display: none
}

.big-imaged-articles .stickers-wrapper,.section-stickers-container .stickers-wrapper {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    margin-top: 100px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .big-imaged-articles .stickers-wrapper,.section-stickers-container .stickers-wrapper {
        padding-bottom:50px;
        top: -30px
    }
}

.big-imaged-articles .sticker,.section-stickers-container .sticker {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 50px;
    margin-right: 0;
    padding: 30px;
    width: 100%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .big-imaged-articles .sticker,.section-stickers-container .sticker {
        width:31%
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .big-imaged-articles .sticker,.section-stickers-container .sticker {
        width:47%
    }
}

@media (min-width: 1440px) {
    .big-imaged-articles .sticker,.section-stickers-container .sticker {
        width:22.4%
    }
}

.big-imaged-articles .sticker:nth-child(odd),.section-stickers-container .sticker:nth-child(odd) {
    margin-right: 0
}

@media (min-width: 320px) and (max-width:767px) {
    .big-imaged-articles .sticker:last-child,.section-stickers-container .sticker:last-child {
        margin-bottom:0
    }
}

.big-imaged-articles .line,.section-stickers-container .line {
    margin-bottom: 32px
}

.big-imaged-articles .sticker-title,.section-stickers-container .sticker-title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 22px;
    letter-spacing: .26px;
    line-height: 26px;
    padding: 27px 0
}

@media (min-width: 1024px) and (max-width:1179px) {
    .big-imaged-articles .stickers-entertainment,.section-stickers-container .stickers-entertainment {
        margin-bottom:150px
    }
}

@media (max-width: 767px) {
    .big-imaged-articles .stickers-entertainment,.section-stickers-container .stickers-entertainment {
        margin-bottom:100px
    }
}

@media (min-width: 1440px) {
    .big-imaged-articles .stickers-energy .sticker {
        margin-bottom:80px;
        width: 31%
    }
}

.big-imaged-articles .stickers-energy .sticker .icon-svg {
    fill: #f0bc5e;
    stroke: #f0bc5e
}

.big-imaged-articles .stickers-energy .sticker .line {
    background-color: #393939;
    height: 4px
}

@media (max-width: 767px) {
    .big-imaged-articles .section-stickers.angled-section-stickers {
        padding-bottom:20px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .big-imaged-articles .section-stickers.angled-stickers-top .sticker:nth-child(odd) {
        margin-right:20px
    }
}

.section-stickers-container {
    position: relative;
    top: -130px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers-container {
        top:-160px
    }
}

@media (min-width: 1440px) {
    .section-stickers-container {
        top:-190px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .section-stickers-container.before-projects {
        margin-bottom:180px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-stickers-container.before-projects {
        margin-bottom:70px
    }
}

@media (max-width: 767px) {
    .section-stickers-container.before-projects {
        margin-bottom:350px
    }
}

.angled-stickers-bottom,.angled-stickers-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0
}

.angled-stickers-bottom .sticker:first-child .icon-svg,.angled-stickers-top .sticker:first-child .icon-svg {
    fill: #30b292;
    stroke: #30b292
}

.angled-stickers-bottom .sticker:first-child .line,.angled-stickers-top .sticker:first-child .line {
    background-color: #30b292
}

.angled-stickers-bottom .sticker:nth-child(2) .icon-svg,.angled-stickers-top .sticker:nth-child(2) .icon-svg {
    fill: #0d8f8b;
    stroke: #0d8f8b
}

.angled-stickers-bottom .sticker:nth-child(2) .line,.angled-stickers-top .sticker:nth-child(2) .line {
    background-color: #0d8f8b
}

.angled-stickers-bottom .sticker:nth-child(3) .icon-svg,.angled-stickers-top .sticker:nth-child(3) .icon-svg {
    fill: #097a8e;
    stroke: #097a8e
}

.angled-stickers-bottom .sticker:nth-child(3) .line,.angled-stickers-top .sticker:nth-child(3) .line {
    background-color: #097a8e
}

.angled-stickers-bottom .sticker:nth-child(4) .icon-svg,.angled-stickers-top .sticker:nth-child(4) .icon-svg {
    fill: #0f548b;
    stroke: #0f548b
}

.angled-stickers-bottom .sticker:nth-child(4) .line,.angled-stickers-top .sticker:nth-child(4) .line {
    background-color: #0f548b
}

.angled-stickers-bottom .sticker,.angled-stickers-top .sticker {
    padding: 20px;
    width: 31%
}

@media (min-width: 768px) and (max-width:1439px) {
    .angled-stickers-bottom .sticker,.angled-stickers-top .sticker {
        margin-bottom:20px;
        width: 48.5%
    }
}

@media (max-width: 767px) {
    .angled-stickers-bottom .sticker,.angled-stickers-top .sticker {
        margin-bottom:20px;
        width: 100%
    }
}

.angled-stickers-top {
    display: none
}

@media (min-width: 1440px) {
    .angled-stickers-top {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        top: -355px
    }
}

.angled-stickers-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1440px) {
    .angled-stickers-bottom {
        margin-bottom:-355px;
        position: relative;
        top: -355px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .angled-stickers-bottom {
        margin-bottom:0
    }
}

.angled-stickers-bottom .sticker:first-child {
    display: block
}

@media (min-width: 1440px) {
    .angled-stickers-bottom .sticker:first-child {
        display:none
    }
}

.connection-section {
    margin-bottom: -138px
}

@media (max-width: 1439px) {
    .connection-section {
        margin-bottom:-118px
    }
}

@media (max-width: 1179px) {
    .connection-section {
        margin-bottom:-110px
    }
}

@media (max-width: 1023px) {
    .connection-section {
        margin-bottom:-178px
    }
}

@media (max-width: 767px) {
    .connection-section {
        margin-bottom:-320px
    }
}

.connection-section .connection-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 88px
}

.connection-section .connection-wrapper .connection-item:first-child .icon-svg {
    fill: #018f8b;
    stroke: #018f8b
}

.connection-section .connection-wrapper .connection-item:first-child .line {
    background-color: #018f8b
}

.connection-section .connection-wrapper .connection-item:first-child .button {
    border: 2px solid #018f8b;
    color: #018f8b
}

.connection-section .connection-wrapper .connection-item:first-child .button-hover-effect {
    background-color: #018f8b
}

.connection-section .connection-wrapper .connection-item:first-child .colored,.connection-section .connection-wrapper .connection-item:first-child .recommended {
    color: #018f8b
}

.connection-section .connection-wrapper .connection-item:nth-child(2) .icon-svg {
    fill: #0d538a;
    stroke: #0d538a
}

.connection-section .connection-wrapper .connection-item:nth-child(2) .line {
    background-color: #0d538a
}

.connection-section .connection-wrapper .connection-item:nth-child(2) .button {
    border: 2px solid #0d538a;
    color: #0d538a
}

.connection-section .connection-wrapper .connection-item:nth-child(2) .button-hover-effect {
    background-color: #0d538a
}

.connection-section .connection-wrapper .connection-item:nth-child(2) .colored,.connection-section .connection-wrapper .connection-item:nth-child(2) .recommended {
    color: #0d538a
}

.connection-section .connection-wrapper .connection-item:nth-child(3) .icon-svg {
    fill: #48b173;
    stroke: #48b173
}

.connection-section .connection-wrapper .connection-item:nth-child(3) .line {
    background-color: #48b173
}

.connection-section .connection-wrapper .connection-item:nth-child(3) .button {
    border: 2px solid #48b173;
    color: #48b173
}

.connection-section .connection-wrapper .connection-item:nth-child(3) .button-hover-effect {
    background-color: #48b173
}

.connection-section .connection-wrapper .connection-item:nth-child(3) .colored,.connection-section .connection-wrapper .connection-item:nth-child(3) .recommended {
    color: #48b173
}

@media (max-width: 1439px) {
    .connection-section .connection-wrapper {
        margin-bottom:78px
    }
}

@media (max-width: 1179px) {
    .connection-section .connection-wrapper {
        margin-bottom:70px
    }
}

@media (max-width: 1023px) {
    .connection-section .connection-wrapper {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .connection-section .connection-wrapper {
        padding-bottom:80px
    }
}

@media (max-width: 767px) {
    .connection-section .connection-wrapper {
        padding-bottom:30px
    }
}

.connection-section .connection-item {
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -40px;
    padding: 21px 20px 49px 24px;
    position: relative;
    width: 30%
}

@media (min-width: 768px) and (max-width:1439px) {
    .connection-section .connection-item {
        padding:20px 20px 49px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .connection-section .connection-item {
        margin-bottom:58px;
        width: 46.1%
    }
}

@media (max-width: 767px) {
    .connection-section .connection-item {
        margin-bottom:40px;
        padding: 20px 20px 45px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .connection-section .connection-item:nth-child(2) {
        margin-top:0
    }
}

@media (max-width: 1023px) {
    .connection-section .connection-item:nth-child(3),.connection-section .connection-item:nth-child(4) {
        margin-top:0
    }
}

.connection-section .connection-item .button .button-overlay {
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px
}

.connection-section .connection-item .button.hovered {
    color: #fff!important
}

.connection-section .connection-item .contact-button {
    bottom: 49px;
    position: absolute
}

@media (max-width: 767px) {
    .connection-section .connection-item .contact-button {
        bottom:0;
        margin-right: -20px;
        position: relative
    }
}

.connection-section .connection-item .connection-description-available-chat.hidden,.connection-section .connection-item .connection-description-not-available-chat.hidden {
    display: none
}

.connection-section .connection-item .connection-mail-link {
    border-bottom: 1px solid transparent;
    color: #66ae7a;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif
}

.connection-section .connection-item .connection-mail-link.hovered {
    border-bottom-color: #66ae7a
}

.connection-section .connection-item.contact-us {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 1023px) {
    .connection-section .connection-item.contact-us {
        display:block
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .connection-section .connection-item.contact-us {
        padding-top:115px
    }
}

@media (max-width: 767px) {
    .connection-section .connection-item.contact-us {
        padding-bottom:0;
        padding-top: 10px;
        text-align: center
    }
}

@media (max-width: 1023px) {
    .connection-section .connection-item.contact-us .subtitle {
        font-size:22px;
        line-height: 1.4;
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .connection-section .connection-item.contact-us .subtitle {
        margin-bottom:17px
    }
}

@media (max-width: 767px) {
    .connection-section .connection-item.contact-us .subtitle .subtitle-full {
        display:none
    }
}

.connection-section .connection-item.contact-us .subtitle .subtitle-short {
    display: none
}

@media (max-width: 767px) {
    .connection-section .connection-item.contact-us .subtitle .subtitle-short {
        display:block
    }
}

@media (max-width: 767px) {
    .connection-section .connection-item.contact-us .working-time {
        margin-bottom:3px
    }
}

.connection-section .connection-item.contact-us .working-time a {
    position: relative
}

.connection-section .connection-item.contact-us .working-time a:hover:after {
    background-color: #474747;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%
}

@media (max-width: 767px) {
    .connection-section .connection-item.contact-us .contact-mail-wrap {
        margin-top:9px
    }
}

@media (max-width: 1023px) {
    .connection-section .connection-item.contact-us .contact-mail {
        letter-spacing:.1px;
        margin-top: -10px
    }
}

.connection-section .connection-item .line {
    display: block;
    height: 2px;
    margin-bottom: 30px;
    width: 66px
}

.connection-section .connection-item .connection-title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: .3px;
    padding-bottom: 17px
}

.connection-section .connection-item .connection-description {
    margin-bottom: 75px
}

@media (min-width: 768px) and (max-width:1023px) {
    .connection-section .connection-item .connection-description {
        min-height:82px
    }
}

@media (max-width: 767px) {
    .connection-section .connection-item .connection-description {
        margin-bottom:35px
    }
}

.connection-section .connection-item .connection-description span:not(.colored) {
    font-weight: 600;
    letter-spacing: -.1px;
    line-height: 27px
}

.connection-section .connection-item .connection-description p {
    font-weight: 400;
    letter-spacing: -.3px
}

.connection-section .connection-item .connection-description .office-timezone-wrap,.connection-section .connection-item .connection-description .user-timezone-wrap {
    color: #979797;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    visibility: hidden
}

.connection-section .connection-item .connection-description .timezone-info span {
    float: none;
    font-weight: 400
}

.connection-section .connection-item .button {
    opacity: 1;
    padding: 8px 39px 9px
}

.connection-section .connection-item .button:after {
    display: none
}

.connection-section .connection-item .connection-disabled-button {
    border: 2px solid #979797;
    border-radius: 25px;
    color: #979797;
    cursor: not-allowed;
    display: inline-block;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 23px;
    padding: 8px 39px 9px;
    position: relative;
    text-transform: uppercase
}

@media (max-width: 1179px) {
    .connection-section .connection-item .connection-disabled-button {
        padding:8px 15px 9px
    }
}

.connection-section .connection-item .connection-disabled-button.hidden {
    display: none
}

.connection-section .icon-svg {
    height: 41px;
    margin-bottom: 27px;
    stroke-width: .05px;
    width: 45px
}

.connection-section .icon-request {
    width: 51px
}

.contact-info-section {
    background-color: #fff;
    border-top: 1px solid hsla(0,0%,85.1%,.4);
    padding-bottom: 182px;
    padding-top: 135px
}

@media (max-width: 1439px) {
    .contact-info-section {
        padding-bottom:132px;
        padding-top: 110px
    }
}

@media (max-width: 1179px) {
    .contact-info-section {
        padding-bottom:122px
    }
}

@media (max-width: 1023px) {
    .contact-info-section {
        padding-bottom:0;
        padding-top: 180px
    }
}

@media (max-width: 767px) {
    .contact-info-section {
        padding-top:310px
    }
}

.connection-section .contact-info,.contact-info-section .contact-info {
    text-align: center
}

@media (max-width: 1023px) {
    .connection-section .contact-info,.contact-info-section .contact-info {
        display:none
    }
}

.connection-section .contact-info .working-time,.contact-info-section .contact-info .working-time {
    letter-spacing: -.1px;
    margin-top: 3px
}

@media (max-width: 1439px) {
    .connection-section .contact-info .working-time,.contact-info-section .contact-info .working-time {
        margin-top:0
    }
}

@media (max-width: 1179px) {
    .connection-section .contact-info .working-time,.contact-info-section .contact-info .working-time {
        margin-top:10px
    }
}

.connection-section .contact-info .working-time a:not(.contact-mail),.contact-info-section .contact-info .working-time a:not(.contact-mail) {
    position: relative
}

.connection-section .contact-info .working-time a:not(.contact-mail):hover:after,.contact-info-section .contact-info .working-time a:not(.contact-mail):hover:after {
    background-color: #474747;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%
}

.connection-section .contact-info .contact-us-subtitle,.contact-info-section .contact-info .contact-us-subtitle {
    font-size: 22px
}

.connection-section .contact-mail,.contact-info-section .contact-mail {
    border-bottom: 1.5px solid #0076bd;
    color: #0076bd;
    display: inline-block;
    font-weight: 600;
    margin-top: 13px;
    text-decoration: none
}

.connection-section .contact-mail.hovered,.contact-info-section .contact-mail.hovered {
    border-bottom-color: transparent
}

.business-chat-button.hidden {
    display: none
}

.numbers {
    background-color: #fff;
    padding-bottom: 190px;
    padding-top: 150px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .numbers {
        padding-bottom:160px;
        padding-top: 80px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .numbers {
        padding-bottom:70px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .numbers {
        padding-bottom:80px;
        padding-top: 75px
    }
}

@media (max-width: 767px) {
    .numbers {
        padding-bottom:70px;
        padding-top: 53px
    }
}

.numbers .numbers-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1179px) {
    .numbers .numbers-wrapper {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.numbers .number {
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 39px 20px 65px;
    width: 22%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .numbers .number {
        padding-top:28px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .numbers .number {
        margin-bottom:50px;
        padding: 29px 20px 54px;
        width: 46.8%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .numbers .number {
        margin-bottom:40px;
        padding-top: 29px;
        width: 47.2%
    }
}

@media (max-width: 767px) {
    .numbers .number {
        margin-bottom:40px;
        padding-bottom: 43px;
        padding-top: 29px;
        width: 100%
    }
}

.numbers .number .number-details .name {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 23px
}

@media (min-width: 1180px) and (max-width:1500px) {
    .numbers .number .number-details .name {
        min-height:80px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .numbers .number .number-details .name {
        margin-right:-20px
    }
}

@media (max-width: 767px) {
    .numbers .number .number-details .name {
        margin-bottom:10px
    }
}

.numbers .number-image {
    margin: 0 -20px 35px auto;
    overflow: hidden;
    width: auto
}

@media (min-width: 768px) and (max-width:1439px) {
    .numbers .number-image {
        margin-bottom:25px
    }
}

@media (max-width: 767px) {
    .numbers .number-image {
        margin-bottom:14px
    }
}

@media (max-width: 450px) {
    .numbers .number-image.customers img {
        width:258px
    }
}

.numbers .number-image img {
    height: 135px;
    width: auto
}

@media (min-width: 1180px) and (max-width:1439px) {
    .numbers .number-image img {
        height:102px
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .numbers .number-image img {
        height:100px
    }
}

@media (max-width: 767px) {
    .numbers .number-image img {
        height:85px
    }
}

.numbers-wrapper .number.animated {
    -webkit-animation: fadeInLeftLittle .3s ease-in-out both;
    animation: fadeInLeftLittle .3s ease-in-out both
}

.numbers-wrapper .number.animated.number:first-child {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.numbers-wrapper .number.animated.number:nth-child(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.numbers-wrapper .number.animated.number:nth-child(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.numbers-wrapper .number.animated.number:nth-child(4) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.geography {
    background-color: #fff
}

.geography-map {
    background-image: url(/i/descriptions.png?v=0110202092124);
    background-position: 102% 35%;
    background-repeat: no-repeat;
    left: -35px;
    position: relative;
    top: -45px
}

@media (min-width: 1440px) and (max-width:1610px) {
    .geography-map {
        background-position:40% 38%
    }
}

@media (min-width: 1180px) and (max-width:1439px) {
    .geography-map {
        background-position:40% 38%;
        top: -105px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .geography-map {
        background-position:39% 21%;
        left: -5px;
        padding-bottom: 40px;
        top: 37px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .geography-map {
        background-position:39% 21%;
        left: 0;
        padding-bottom: 40px;
        top: 38px
    }
}

@media (max-width: 767px) {
    .geography-map {
        background-image:none;
        left: 0;
        padding-bottom: 65px;
        top: 63px
    }
}

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

.geography-map .map .map-wrapper {
    margin: auto;
    position: relative
}

.geography-map .map .map-wrapper img {
    max-width: 969px;
    padding: 0;
    width: 100%
}

.geography-map .point {
    background-image: url(/i/map-pin.svg?v=0110202092124);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 31px;
    position: absolute;
    width: 31px
}

@media (min-width: 768px) and (max-width:1023px) {
    .geography-map .point {
        height:27px;
        width: 27px
    }
}

@media (max-width: 767px) {
    .geography-map .point {
        height:22px;
        width: 22px
    }
}

@media (max-width: 600px) {
    .geography-map .point {
        height:15px;
        width: 15px
    }
}

@media (max-width: 450px) {
    .geography-map .point {
        height:10px;
        width: 10px
    }
}

.geography-map .point[data-city=city-1] {
    left: 41.7%;
    top: 56.4%
}

.geography-map .point[data-city=city-2] {
    left: 42%;
    top: 47.6%
}

.geography-map .point[data-city=city-3] {
    left: 45.4%;
    top: 61.4%
}

.geography-map .point[data-city=city-4] {
    left: 46.5%;
    top: 47.6%
}

.geography-map .point[data-city=city-5] {
    left: 48.3%;
    top: 54.6%
}

.geography-map .point[data-city=city-6] {
    left: 51.7%;
    top: 61.5%
}

.geography-map .point[data-city=city-7] {
    left: 54.4%;
    top: 36.6%
}

.geography-map .point[data-city=city-8] {
    left: 59%;
    top: 48.4%
}

.geography-map .point[data-city=city-9] {
    left: 61.5%;
    top: 64.1%
}

.geography-map .point[data-city=city-10] {
    left: 63.4%;
    top: 54%
}

.geography-map .point[data-city=city-11] {
    left: 67%;
    top: 62%
}

.geography-map .point[data-city=city-12] {
    left: 68.1%;
    top: 40.2%
}

.geography-map .point[data-city=city-13] {
    left: 70.3%;
    top: 57.3%
}

.geography-map .point[data-city=city-14] {
    left: 76.2%;
    top: 61%
}

.geography-map .point[data-city=city-15] {
    left: 80.7%;
    top: 38.8%
}

.geography-map .point {
    -webkit-animation: pulsation 6s ease-in-out infinite;
    animation: pulsation 6s ease-in-out infinite
}

.geography-map .point:first-child {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.geography-map .point:nth-child(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.geography-map .point:nth-child(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.geography-map .point:nth-child(4) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.geography-map .point:nth-child(5) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.geography-map .point:nth-child(6) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.geography-map .point:nth-child(7) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.geography-map .point:nth-child(8) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.geography-map .point:nth-child(9) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.geography-map .point:nth-child(10) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.geography-map .point:nth-child(11) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

.geography-map .point:nth-child(12) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.geography-map .point:nth-child(13) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

.geography-map .point:nth-child(14) {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

.geography-map .point:nth-child(15) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.geography-map .point:nth-child(16) {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

.author-1 .author-photo {
    background-image: url(/i/authors/author-1.png?v=0110202092124)
}

@media print {
    .author-1 .author-photo {
        content: url(/i/authors/author-1.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-2 .author-photo {
    background-image: url(/i/authors/author-2.png?v=0110202092124)
}

@media print {
    .author-2 .author-photo {
        content: url(/i/authors/author-2.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-3 .author-photo {
    background-image: url(/i/authors/author-3.png?v=0110202092124)
}

@media print {
    .author-3 .author-photo {
        content: url(/i/authors/author-3.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-4 .author-photo {
    background-image: url(/i/authors/author-4.png?v=0110202092124)
}

@media print {
    .author-4 .author-photo {
        content: url(/i/authors/author-4.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-5 .author-photo {
    background-image: url(/i/authors/author-5.png?v=0110202092124)
}

@media print {
    .author-5 .author-photo {
        content: url(/i/authors/author-5.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-6 .author-photo {
    background-image: url(/i/authors/author-6.png?v=0110202092124)
}

@media print {
    .author-6 .author-photo {
        content: url(/i/authors/author-6.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-7 .author-photo {
    background-image: url(/i/authors/author-7.png?v=0110202092124)
}

@media print {
    .author-7 .author-photo {
        content: url(/i/authors/author-7.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-8 .author-photo {
    background-image: url(/i/authors/author-8.png?v=0110202092124)
}

@media print {
    .author-8 .author-photo {
        content: url(/i/authors/author-8.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-9 .author-photo {
    background-image: url(/i/authors/author-9.png?v=0110202092124)
}

@media print {
    .author-9 .author-photo {
        content: url(/i/authors/author-9.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-10 .author-photo {
    background-image: url(/i/authors/author-10.png?v=0110202092124)
}

@media print {
    .author-10 .author-photo {
        content: url(/i/authors/author-10.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.author-11 .author-photo {
    background-image: url(/i/authors/author-11.png?v=0110202092124)
}

@media print {
    .author-11 .author-photo {
        content: url(/i/authors/author-11.png?v=0110202092124);
        -o-object-fit: cover;
        object-fit: cover
    }
}

.blog {
    background-color: #fff;
    padding-top: 140px
}

@media (max-width: 1179px) {
    .blog {
        padding-top:70px
    }
}

@media (max-width: 767px) {
    .blog {
        padding-top:40px
    }
}

.article-page-wrapper,.blog-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: -50px
}

@media (max-width: 1439px) {
    .article-page-wrapper,.blog-wrapper {
        margin-bottom:-20px
    }
}

@media (max-width: 1179px) {
    .article-page-wrapper,.blog-wrapper {
        margin-bottom:-40px
    }
}

@media (max-width: 1023px) {
    .article-page-wrapper,.blog-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .article-page-wrapper,.blog-wrapper {
        margin-bottom:-10px
    }
}

.content-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-basis: 66%;
    -ms-flex-preferred-size: 66%;
    flex-basis: 66%;
    padding-right: 30px;
    position: relative;
    z-index: 1
}

@media (max-width: 1023px) {
    .content-wrapper {
        -webkit-flex-basis:auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 0
    }
}

.articles-mask {
    -webkit-animation: filterMask 1s ease-in-out both;
    animation: filterMask 1s ease-in-out both;
    bottom: -1px;
    display: none;
    left: -1px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.article-preview {
    margin-bottom: 190px
}

@media (max-width: 1179px) {
    .article-preview {
        margin-bottom:170px
    }
}

@media (max-width: 1023px) {
    .article-preview {
        margin-bottom:150px
    }
}

@media (max-width: 767px) {
    .article-preview {
        margin-bottom:90px
    }
}

.article-preview:last-child {
    margin-bottom: 0
}

.article-preview .article-title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 20px
}

.article-preview .article-info-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .article-preview .article-info-wrapper {
        display:none
    }
}

.article-preview .author-photo {
    margin-left: 5px;
    margin-right: 15px
}

.article-preview .article-info {
    font-weight: 600
}

.article-preview .article-info .author-first-name {
    font-weight: 100
}

.article-preview .article-content {
    margin-bottom: 45px
}

@media (max-width: 767px) {
    .article-preview .article-content {
        margin-bottom:25px
    }
}

.article-preview .article-content p {
    margin-bottom: 24px
}

.article-preview .text-link {
    border-bottom: 1px solid transparent;
    color: #0076bd;
    position: relative
}

.article-preview .text-link.hovered {
    border-bottom-color: #0076bd
}

.aside-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 50px;
    z-index: 1
}

@media (max-width: 1179px) {
    .aside-wrapper {
        padding-left:30px
    }
}

@media (max-width: 1023px) {
    .aside-wrapper {
        -webkit-flex-basis:auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 50px;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .aside-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px
    }
}

.filter-active-tags,.filter-tags,.tags-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width: 768px) and (max-width:1023px) {
    .filter-active-tags,.filter-tags,.tags-list {
        margin-bottom:0
    }
}

.filter-active-tags .tag-active.color-theme-0,.filter-active-tags .tag-all-active.color-theme-0,.filter-tags .tag-active.color-theme-0,.filter-tags .tag-all-active.color-theme-0,.tags-list .tag-active.color-theme-0,.tags-list .tag-all-active.color-theme-0 {
    background-color: #a82582
}

.filter-active-tags .tag-active.color-theme-0:not(.tag-all-active):hover,.filter-active-tags .tag-all-active.color-theme-0:not(.tag-all-active):hover,.filter-tags .tag-active.color-theme-0:not(.tag-all-active):hover,.filter-tags .tag-all-active.color-theme-0:not(.tag-all-active):hover,.tags-list .tag-active.color-theme-0:not(.tag-all-active):hover,.tags-list .tag-all-active.color-theme-0:not(.tag-all-active):hover {
    background-color: #d12fa2
}

.filter-active-tags .tag-active.color-theme-1,.filter-active-tags .tag-all-active.color-theme-1,.filter-tags .tag-active.color-theme-1,.filter-tags .tag-all-active.color-theme-1,.tags-list .tag-active.color-theme-1,.tags-list .tag-all-active.color-theme-1 {
    background-color: #853789
}

.filter-active-tags .tag-active.color-theme-1:not(.tag-all-active):hover,.filter-active-tags .tag-all-active.color-theme-1:not(.tag-all-active):hover,.filter-tags .tag-active.color-theme-1:not(.tag-all-active):hover,.filter-tags .tag-all-active.color-theme-1:not(.tag-all-active):hover,.tags-list .tag-active.color-theme-1:not(.tag-all-active):hover,.tags-list .tag-all-active.color-theme-1:not(.tag-all-active):hover {
    background-color: #a846ad
}

.filter-active-tags .tag-active.color-theme-2,.filter-active-tags .tag-all-active.color-theme-2,.filter-tags .tag-active.color-theme-2,.filter-tags .tag-all-active.color-theme-2,.tags-list .tag-active.color-theme-2,.tags-list .tag-all-active.color-theme-2 {
    background-color: #5c3c8b
}

.filter-active-tags .tag-active.color-theme-2:not(.tag-all-active):hover,.filter-active-tags .tag-all-active.color-theme-2:not(.tag-all-active):hover,.filter-tags .tag-active.color-theme-2:not(.tag-all-active):hover,.filter-tags .tag-all-active.color-theme-2:not(.tag-all-active):hover,.tags-list .tag-active.color-theme-2:not(.tag-all-active):hover,.tags-list .tag-all-active.color-theme-2:not(.tag-all-active):hover {
    background-color: #744baf
}

.filter-active-tags .tag-active.color-theme-3,.filter-active-tags .tag-all-active.color-theme-3,.filter-tags .tag-active.color-theme-3,.filter-tags .tag-all-active.color-theme-3,.tags-list .tag-active.color-theme-3,.tags-list .tag-all-active.color-theme-3 {
    background-color: #0d538a
}

.filter-active-tags .tag-active.color-theme-3:not(.tag-all-active):hover,.filter-active-tags .tag-all-active.color-theme-3:not(.tag-all-active):hover,.filter-tags .tag-active.color-theme-3:not(.tag-all-active):hover,.filter-tags .tag-all-active.color-theme-3:not(.tag-all-active):hover,.tags-list .tag-active.color-theme-3:not(.tag-all-active):hover,.tags-list .tag-all-active.color-theme-3:not(.tag-all-active):hover {
    background-color: #116fb9
}

.filter-active-tags .tag-active.color-theme-4,.filter-active-tags .tag-all-active.color-theme-4,.filter-tags .tag-active.color-theme-4,.filter-tags .tag-all-active.color-theme-4,.tags-list .tag-active.color-theme-4,.tags-list .tag-all-active.color-theme-4 {
    background-color: #00758b
}

.filter-active-tags .tag-active.color-theme-4:not(.tag-all-active):hover,.filter-active-tags .tag-all-active.color-theme-4:not(.tag-all-active):hover,.filter-tags .tag-active.color-theme-4:not(.tag-all-active):hover,.filter-tags .tag-all-active.color-theme-4:not(.tag-all-active):hover,.tags-list .tag-active.color-theme-4:not(.tag-all-active):hover,.tags-list .tag-all-active.color-theme-4:not(.tag-all-active):hover {
    background-color: #00a0be
}

.filter-active-tags .tag-active.color-theme-5,.filter-active-tags .tag-all-active.color-theme-5,.filter-tags .tag-active.color-theme-5,.filter-tags .tag-all-active.color-theme-5,.tags-list .tag-active.color-theme-5,.tags-list .tag-all-active.color-theme-5 {
    background-color: #149f81
}

.filter-active-tags .tag-active.color-theme-5:not(.tag-all-active):hover,.filter-active-tags .tag-all-active.color-theme-5:not(.tag-all-active):hover,.filter-tags .tag-active.color-theme-5:not(.tag-all-active):hover,.filter-tags .tag-all-active.color-theme-5:not(.tag-all-active):hover,.tags-list .tag-active.color-theme-5:not(.tag-all-active):hover,.tags-list .tag-all-active.color-theme-5:not(.tag-all-active):hover {
    background-color: #1acca6
}

.filter-active-tags .tag-active.color-theme-6,.filter-active-tags .tag-all-active.color-theme-6,.filter-tags .tag-active.color-theme-6,.filter-tags .tag-all-active.color-theme-6,.tags-list .tag-active.color-theme-6,.tags-list .tag-all-active.color-theme-6 {
    background-color: #48b173
}

.filter-active-tags .tag-active.color-theme-6:not(.tag-all-active):hover,.filter-active-tags .tag-all-active.color-theme-6:not(.tag-all-active):hover,.filter-tags .tag-active.color-theme-6:not(.tag-all-active):hover,.filter-tags .tag-all-active.color-theme-6:not(.tag-all-active):hover,.tags-list .tag-active.color-theme-6:not(.tag-all-active):hover,.tags-list .tag-all-active.color-theme-6:not(.tag-all-active):hover {
    background-color: #6ac28e
}

@media (min-width: 768px) and (max-width:1023px) {
    .tags-wrapper {
        -webkit-flex-basis:50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding-right: 40px
    }
}

.share-post-wrapper {
    background: #f1f1f1;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    padding: 8px 0
}

@media (min-width: 1024px) {
    .share-post-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 8px;
        position: absolute;
        z-index: 2
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .share-post-wrapper {
        -webkit-flex-basis:50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .share-post-wrapper {
        margin-bottom:30px
    }
}

@media (max-width: 1023px) {
    .share-post-wrapper:not(.share-post-wrapper-bottom) {
        display:none
    }
}

.share-post-wrapper.sticky {
    position: fixed
}

.share-post-wrapper .icon-svg {
    fill: #474747;
    height: 32px;
    width: 32px
}

.share-post-wrapper-bottom {
    margin-bottom: 65px
}

@media (min-width: 1024px) {
    .share-post-wrapper-bottom {
        display:none
    }
}

@media (max-width: 767px) {
    .share-post-wrapper-bottom {
        margin-bottom:35px
    }
}

.share-icons-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid rgba(71,71,71,.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 75%
}

@media (min-width: 1024px) {
    .share-icons-wrap {
        border-bottom:1px solid rgba(71,71,71,.5);
        border-right: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 13px;
        width: 100%
    }
}

.share-icon-link {
    background: transparent no-repeat center 0;
    background-size: contain;
    border: none;
    height: 32px;
    width: 32px
}

@media (min-width: 1024px) {
    .share-icon-link {
        margin-bottom:13px
    }
}

html.no-touchevents .share-icon-link:hover {
    opacity: .8
}

.share-icon-link:focus {
    outline: none
}

.share-icon-link.share-icon-link-email {
    background-image: url(/i/email-icon.svg?v=0110202092124);
    margin: 0 auto
}

@media (min-width: 1024px) {
    .share-icon-link.share-icon-link-email {
        margin:0
    }
}

.share-icon-link.share-icon-link-twitter {
    background-image: url(/i/twitter-icon.svg?v=0110202092124)
}

.share-icon-link.share-icon-link-facebook {
    background-image: url(/i/facebook-icon.svg?v=0110202092124)
}

.share-icon-link.share-icon-link-linkedin {
    background-image: url(/i/linkedin-icon.svg?v=0110202092124)
}

.share-icon-link.print-button {
    background-image: url(/i/print-icon.svg?v=0110202092124)
}

@media (max-width: 1023px) {
    .share-icon-link.print-button {
        display:none
    }
}

.tags-list .tag:first-child {
    background-color: #a82582
}

.tags-list .tag:first-child.hovered {
    background-color: #d12fa2
}

.tags-list .tag:nth-child(2) {
    background-color: #853789
}

.tags-list .tag:nth-child(2).hovered {
    background-color: #a846ad
}

.tags-list .tag:nth-child(3) {
    background-color: #5c3c8b
}

.tags-list .tag:nth-child(3).hovered {
    background-color: #744baf
}

.tags-list .tag:nth-child(4) {
    background-color: #0d538a
}

.tags-list .tag:nth-child(4).hovered {
    background-color: #116fb9
}

.tags-list .tag:nth-child(5) {
    background-color: #00758b
}

.tags-list .tag:nth-child(5).hovered {
    background-color: #00a0be
}

.tags-list .tag:nth-child(6) {
    background-color: #149f81
}

.tags-list .tag:nth-child(6).hovered {
    background-color: #1acca6
}

.tags-list .tag:nth-child(7) {
    background-color: #48b173
}

.tags-list .tag:nth-child(7).hovered {
    background-color: #6ac28e
}

.tags-list .tag {
    border: none;
    color: #fff
}

.filter-title,.tags-title {
    color: #393939;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 45px
}

.tag-hide {
    display: none
}

.tag,.tag-active,.tag-all,.tag-all-active,.tag-input {
    border: 2px solid #393939;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 10px;
    margin-bottom: 16px;
    margin-right: 16px;
    padding: 14px 22px
}

@media (min-width: 1024px) and (max-width:1179px) {
    .tag,.tag-active,.tag-all,.tag-all-active,.tag-input {
        margin-right:12px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .tag,.tag-active,.tag-all,.tag-all-active,.tag-input {
        margin-right:8px;
        padding-left: 18px;
        padding-right: 18px
    }
}

.tag-active {
    padding-right: 12px
}

.tag-all,.tag-input {
    border-radius: 35px
}

.tag-all.hovered,.tag-input.hovered {
    border-color: #00758b;
    color: #00758b
}

.tag-all.hovered .icon-union,.tag-input.hovered .icon-union {
    fill: #00758b
}

.icon-union {
    fill: #393939;
    padding-left: 12px;
    pointer-events: none
}

.filter-active-tags {
    border-bottom: 1px solid rgba(0,0,0,.3);
    margin-bottom: 24px;
    padding-bottom: 8px
}

.filter-active-tags .tag-active,.filter-active-tags .tag-all-active,.filter-active-tags .tag-input {
    border: none;
    color: #fff
}

.filter-active-tags .tag-all-active {
    cursor: auto
}

.filter-active-tags .tag-all-active .icon-union {
    display: none
}

.filter-active-tags .icon-union {
    fill: #fff;
    padding-right: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.author-photo {
    background-size: contain;
    border-radius: 50%;
    height: 54px;
    width: 54px
}

.blog .article-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    padding-right: 30px;
    z-index: 1
}

@media (max-width: 1023px) {
    .blog .article-wrapper {
        -webkit-flex-basis:auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-bottom: 150px;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .blog .article-wrapper {
        margin-bottom:90px
    }
}

.blog .article-wrapper h2 {
    color: #48b173;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 32px;
    line-height: 40px;
    margin-top: 80px
}

@media (max-width: 767px) {
    .blog .article-wrapper h2 {
        margin-bottom:15px;
        margin-top: 35px
    }
}

.blog .article-wrapper h2.article-heading {
    display: block;
    margin-top: 0
}

@media (max-width: 414px) {
    .blog .article-wrapper h2.article-heading {
        display:none
    }
}

.blog .article-wrapper h3 {
    color: #6ac28e
}

.blog .article-wrapper p {
    margin-bottom: 17px
}

.blog .article-wrapper p:not(.article-publication-date):last-child {
    margin-bottom: 0
}

.blog .article-wrapper p.info-wrapper {
    border-top: 1px solid #474747;
    margin-top: 34px;
    padding-top: 17px;
    text-align: center
}

.blog .article-wrapper p.left-align {
    text-align: left
}

.blog .article-wrapper a:not(.phone-link):not(.share-icon-link) {
    border-bottom: 1px solid transparent;
    color: #0076bd;
    position: relative
}

.blog .article-wrapper a:not(.phone-link):not(.share-icon-link).hovered {
    border-bottom-color: #0076bd
}

.blog .article-wrapper .phone-link {
    border-bottom: 1px solid transparent
}

.blog .article-wrapper .phone-link:hover {
    border-bottom-color: #474747
}

@media (max-width: 767px) {
    .blog .article-wrapper ol,.blog .article-wrapper ul {
        padding-left:19px
    }
}

.blog .article-wrapper ol.small-margin li,.blog .article-wrapper ul.small-margin li {
    margin-bottom: 5px
}

.blog .article-wrapper ol li,.blog .article-wrapper ul li {
    margin-bottom: 17px
}

.blog .article-wrapper .cite-wrapper {
    font-style: italic;
    text-align: right
}

.blog .article-wrapper .image-inside-text {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    margin-bottom: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 250px
}

.blog .article-wrapper .image-inside-text.left {
    float: left;
    margin-right: 20px
}

@media (min-width: 1500px) {
    .blog .article-wrapper .image-inside-text.left {
        margin-right:15px
    }
}

@media (max-width: 450px) {
    .blog .article-wrapper .image-inside-text.left {
        float:none;
        margin: 30px auto
    }
}

.blog .article-wrapper .image-inside-text.right {
    float: right;
    margin-left: 20px
}

@media (min-width: 1500px) {
    .blog .article-wrapper .image-inside-text.right {
        margin-left:15px
    }
}

@media (max-width: 450px) {
    .blog .article-wrapper .image-inside-text.right {
        float:none;
        margin: 30px auto
    }
}

.blog .article-wrapper .image-inside-text.clutch-logo {
    background-image: url(/i/clutch-logo.jpg?v=0110202092124)
}

.blog .article-wrapper .image-inside-text.clutch-top-dev-ny {
    background-image: url(/i/clutch-top-dev-ny.png?v=0110202092124)
}

.blog .article-wrapper .image-inside-text.clutch-top-dev-austin {
    background-image: url(/i/clutch-top-dev-austin.png?v=0110202092124)
}

.blog .article-wrapper .image-inside-text.design-rush-top {
    background-image: url(/i/design-rush-top.png?v=0110202092124);
    width: 175px
}

.blog .article-wrapper .image-inside-text.forbes-offial-member-2019 {
    background-image: url(/i/forbes-offial-member-2019.png?v=0110202092124)
}

@media (min-width: 1024px) and (max-width:1179px) {
    .blog .article-wrapper .image-inside-text.forbes-offial-member-2019 {
        height:261px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .blog .article-wrapper .image-inside-text.forbes-offial-member-2019 {
        height:300px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .blog .article-wrapper .image-inside-text.techreviewer-software-developers {
        height:261px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .blog .article-wrapper .image-inside-text.techreviewer-software-developers {
        height:300px
    }
}

html.webp .blog .article-wrapper .image-inside-text.techreviewer-software-developers {
    background-image: url(/i/techreviewer-software-developers.webp?v=0110202092124)
}

html.no-webp .blog .article-wrapper .image-inside-text.techreviewer-software-developers {
    background-image: url(/i/techreviewer-software-developers.png?v=0110202092124)
}

html.webp .blog .article-wrapper .image-inside-text.clutch-top-b2b-companies {
    background-image: url(/i/clutch-top-b2b-companies.webp?v=0110202092124)
}

html.no-webp .blog .article-wrapper .image-inside-text.clutch-top-b2b-companies {
    background-image: url(/i/clutch-top-b2b-companies.png?v=0110202092124)
}

html.webp .blog .article-wrapper .image-inside-text.clutch-1000 {
    background-image: url(/i/clutch-1000.webp?v=0110202092124)
}

html.no-webp .blog .article-wrapper .image-inside-text.clutch-1000 {
    background-image: url(/i/clutch-1000.png?v=0110202092124)
}

.blog .article-wrapper .image-inside-text.custom-software {
    background-image: url(/i/custom-software.png?v=0110202092124);
    height: 400px;
    width: 100%
}

@media (min-width: 320px) and (max-width:767px) {
    .blog .article-wrapper .image-inside-text.custom-software {
        height:200px
    }
}

.blog .article-wrapper .image-inside-text.clutch-rating-syberry {
    background-image: url(/i/clutch-rating-syberry.png?v=0110202092124);
    height: 290px;
    width: 315px
}

@media (max-width: 767px) {
    .blog .article-wrapper .image-inside-text.clutch-rating-syberry {
        width:300px
    }
}

.blog .article-wrapper .image-inside-text.improving-development-quality {
    height: 500px;
    width: 100%
}

@media (min-width: 1024px) and (max-width:1439px) {
    .blog .article-wrapper .image-inside-text.improving-development-quality {
        height:350px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .blog .article-wrapper .image-inside-text.improving-development-quality {
        height:250px
    }
}

html.webp .blog .article-wrapper .image-inside-text.improving-development-quality {
    background-image: url(/i/improving-development-quality-qa.webp?v=0110202092124)
}

html.no-webp .blog .article-wrapper .image-inside-text.improving-development-quality {
    background-image: url(/i/improving-development-quality-qa.png?v=0110202092124)
}

.blog .article-wrapper .image-inside-text.scope-creep-infographic {
    background-image: url(/i/scope-creep-infographic-tablet.png?v=0110202092124);
    height: 500px;
    width: 100%
}

@media (min-width: 320px) and (max-width:767px) {
    .blog .article-wrapper .image-inside-text.scope-creep-infographic {
        background-image:url(/i/scope-creep-infographic-mobile.png?v=0110202092124)
    }
}

.blog .article-wrapper .image-inside-text.what-is-discovery-infographic {
    height: 500px;
    margin-bottom: 0;
    width: 100%
}

@media (min-width: 1440px) {
    html.webp .blog .article-wrapper .image-inside-text.what-is-discovery-infographic {
        background-image:url(/i/discovery-des.webp?v=0110202092124)
    }

    html.no-webp .blog .article-wrapper .image-inside-text.what-is-discovery-infographic {
        background-image: url(/i/discovery-des.png?v=0110202092124)
    }
}

@media (min-width: 768px) and (max-width:1439px) {
    .blog .article-wrapper .image-inside-text.what-is-discovery-infographic {
        height:850px
    }

    html.webp .blog .article-wrapper .image-inside-text.what-is-discovery-infographic {
        background-image: url(/i/discovery-tab.webp?v=0110202092124)
    }

    html.no-webp .blog .article-wrapper .image-inside-text.what-is-discovery-infographic {
        background-image: url(/i/discovery-tab.png?v=0110202092124)
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .blog .article-wrapper .image-inside-text.what-is-discovery-infographic {
        height:2000px
    }

    html.webp .blog .article-wrapper .image-inside-text.what-is-discovery-infographic {
        background-image: url(/i/discovery-mob.webp?v=0110202092124)
    }

    html.no-webp .blog .article-wrapper .image-inside-text.what-is-discovery-infographic {
        background-image: url(/i/discovery-mob.png?v=0110202092124)
    }
}

.blog .article-wrapper .image-inside-text.onshore-nearshore-offshore {
    background-image: url(/i/onshore-nearshore-offshore.jpg?v=0110202092124);
    height: 280px;
    width: 100%
}

@media (min-width: 768px) and (max-width:1439px) {
    .blog .article-wrapper .image-inside-text.onshore-nearshore-offshore {
        height:200px
    }
}

@media (max-width: 767px) {
    .blog .article-wrapper .image-inside-text.onshore-nearshore-offshore {
        background-image:url(/i/onshore-nearshore-offshore-mobile.jpg?v=0110202092124);
        height: 900px
    }
}

.blog .article-wrapper .image-inside-text.build-your-own-custom-erp {
    background-image: url(/i/erp-desktop.png?v=0110202092124);
    height: 550px;
    width: 100%
}

@media (min-width: 768px) and (max-width:1439px) {
    html.webp .blog .article-wrapper .image-inside-text.build-your-own-custom-erp {
        background-image:url(/i/erp-table.webp?v=0110202092124)
    }

    html.no-webp .blog .article-wrapper .image-inside-text.build-your-own-custom-erp {
        background-image: url(/i/erp-table.png?v=0110202092124)
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .blog .article-wrapper .image-inside-text.build-your-own-custom-erp {
        height:950px
    }

    html.webp .blog .article-wrapper .image-inside-text.build-your-own-custom-erp {
        background-image: url(/i/erp-mobile.webp?v=0110202092124)
    }

    html.no-webp .blog .article-wrapper .image-inside-text.build-your-own-custom-erp {
        background-image: url(/i/erp-mobile.png?v=0110202092124)
    }
}

.blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-1 {
    background-image: url(/i/predictability-vs-velocity-1-desktop.png?v=0110202092124);
    height: 300px;
    width: 100%
}

@media (min-width: 768px) and (max-width:1179px) {
    .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-1 {
        height:650px
    }

    html.webp .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-1 {
        background-image: url(/i/predictability-vs-velocity-1-tablet.webp?v=0110202092124)
    }

    html.no-webp .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-1 {
        background-image: url(/i/predictability-vs-velocity-1-tablet.png?v=0110202092124)
    }
}

@media (max-width: 767px) {
    .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-1 {
        height:1250px
    }

    html.webp .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-1 {
        background-image: url(/i/predictability-vs-velocity-1-mobile.webp?v=0110202092124)
    }

    html.no-webp .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-1 {
        background-image: url(/i/predictability-vs-velocity-1-mobile.png?v=0110202092124)
    }
}

.blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-2 {
    background-image: url(/i/predictability-vs-velocity-2-desktop.png?v=0110202092124);
    height: 475px;
    width: 100%
}

@media (min-width: 768px) and (max-width:1179px) {
    .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-2 {
        height:500px
    }

    html.webp .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-2 {
        background-image: url(/i/predictability-vs-velocity-2-tablet.webp?v=0110202092124)
    }

    html.no-webp .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-2 {
        background-image: url(/i/predictability-vs-velocity-2-tablet.png?v=0110202092124)
    }
}

@media (max-width: 767px) {
    .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-2 {
        height:1150px
    }

    html.webp .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-2 {
        background-image: url(/i/predictability-vs-velocity-2-mobile.webp?v=0110202092124)
    }

    html.no-webp .blog .article-wrapper .image-inside-text.predictability-vs-velocity-schema-2 {
        background-image: url(/i/predictability-vs-velocity-2-mobile.png?v=0110202092124)
    }
}

.blog .article-wrapper .image-inside-text.iowa-login-screen {
    height: 550px;
    width: 100%
}

@media (min-width: 768px) and (max-width:1439px) {
    .blog .article-wrapper .image-inside-text.iowa-login-screen {
        height:350px
    }
}

@media (max-width: 767px) {
    .blog .article-wrapper .image-inside-text.iowa-login-screen {
        height:200px
    }
}

html.webp .blog .article-wrapper .image-inside-text.iowa-login-screen {
    background-image: url(/i/iowa-login-screen.webp?v=0110202092124)
}

html.no-webp .blog .article-wrapper .image-inside-text.iowa-login-screen {
    background-image: url(/i/iowa-login-screen.png?v=0110202092124)
}

.blog .article-wrapper .image-inside-text.price-transparency-infographic {
    background-image: url(/i/price-transparency-infographic-desktop.png?v=0110202092124);
    height: 425px;
    width: 100%
}

@media (min-width: 768px) and (max-width:1439px) {
    .blog .article-wrapper .image-inside-text.price-transparency-infographic {
        background-image:url(/i/price-transparency-infographic-tablet.png?v=0110202092124);
        height: 600px
    }
}

@media (max-width: 767px) {
    .blog .article-wrapper .image-inside-text.price-transparency-infographic {
        background-image:url(/i/price-transparency-infographic-mobile.png?v=0110202092124);
        height: 1250px
    }
}

.blog .article-wrapper .image-inside-text.the-integrated-team {
    background-image: url(/i/the-integrated-team-desktop.svg?v=0110202092124);
    height: 300px;
    margin: 5px 0;
    width: 100%
}

@media (min-width: 768px) and (max-width:1023px) {
    .blog .article-wrapper .image-inside-text.the-integrated-team {
        background-image:url(/i/the-integrated-team-tablet.svg?v=0110202092124)
    }
}

@media (max-width: 767px) {
    .blog .article-wrapper .image-inside-text.the-integrated-team {
        background-image:url(/i/the-integrated-team-mobile.svg?v=0110202092124);
        height: 450px
    }
}

.blog .article-wrapper .image-inside-text.steps-in-software-creation {
    background-image: url(/i/steps-in-software-creation-desktop.jpg?v=0110202092124);
    height: 300px;
    width: 100%
}

@media (min-width: 768px) and (max-width:1439px) {
    .blog .article-wrapper .image-inside-text.steps-in-software-creation {
        height:160px
    }
}

@media (max-width: 767px) {
    .blog .article-wrapper .image-inside-text.steps-in-software-creation {
        background-image:url(/i/steps-in-software-creation-mobile.jpg?v=0110202092124);
        height: 705px
    }
}

.blog .article-wrapper .image-signature {
    margin-bottom: 30px;
    text-align: center
}

.blog .article-wrapper .quote-wrapper {
    margin: 34px 0 34px auto;
    width: 90%
}

.blog .article-wrapper .quote-author {
    text-align: right
}

.blog .author-info-bottom {
    font-size: 15px;
    margin-top: 85px;
    text-align: right
}

.blog .author-info-bottom .linkedin-logo-wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    color: #474747;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.blog .author-info-bottom .linkedin-logo-wrap svg {
    margin-right: 5px
}

.blog-page-wrapper {
    padding-top: 0
}

.blog-page-wrapper .article-page-wrapper {
    font-size: 18px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .blog-page-wrapper .article-page-wrapper {
        font-size:16px
    }
}

.blog-page-wrapper .article-wrapper {
    margin-bottom: 50px
}

@media (min-width: 1024px) {
    .blog-page-wrapper .article-wrapper {
        padding-left:100px;
        padding-right: 80px
    }
}

@media (max-width: 1023px) {
    .blog-page-wrapper .article-wrapper {
        margin-bottom:35px
    }
}

.blog-page-wrapper .article-wrapper a,.blog-page-wrapper .article-wrapper p {
    line-height: 1.6
}

.blog-page-wrapper .article-wrapper h2 {
    color: #393939;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    letter-spacing: -.8px;
    line-height: 1.4;
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .blog-page-wrapper .article-wrapper h2 {
        font-size:22px
    }
}

.blog-page-wrapper .article-author-wrapper {
    margin-bottom: 33px
}

.blog-page-wrapper .article-author-wrapper,.blog-page-wrapper .article-author-wrapper .author-inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.blog-page-wrapper .article-author-wrapper .author-photo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 75px;
    margin-right: 16px;
    width: 75px
}

@media (max-width: 767px) {
    .blog-page-wrapper .article-author-wrapper .author-photo {
        height:48px;
        width: 48px
    }
}

.blog-page-wrapper .article-author-wrapper .author-information p {
    font-size: 24px;
    line-height: 24px
}

@media (max-width: 767px) {
    .blog-page-wrapper .article-author-wrapper .author-information p {
        font-size:18px;
        line-height: 21px
    }
}

.blog-page-wrapper .article-author-wrapper .author-name {
    color: #0f558c;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 32px;
    letter-spacing: -.4px;
    margin-bottom: 13px
}

@media (max-width: 767px) {
    .blog-page-wrapper .article-author-wrapper .author-name {
        font-size:22px;
        line-height: 26px;
        margin-bottom: 0
    }
}

.blog-page-wrapper p.article-publication-date {
    font-size: 24px;
    margin-bottom: 0;
    padding-top: 30px
}

@media (max-width: 1023px) {
    .blog-page-wrapper p.article-publication-date {
        padding-top:25px
    }
}

@media (max-width: 767px) {
    .blog-page-wrapper p.article-publication-date {
        font-size:18px
    }
}

.blog-page-wrapper .author-social-links {
    line-height: 0;
    margin-right: 12px
}

@media (max-width: 767px) {
    .blog-page-wrapper .author-social-links {
        margin-right:7px
    }
}

.blog-page-wrapper .author-social-links .share-icon-link {
    display: inline-block;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .blog-page-wrapper .author-social-links .share-icon-link {
        height:24px;
        width: 24px
    }
}

.blog-page-wrapper .aside-wrapper {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    min-width: 303px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .blog-page-wrapper .aside-wrapper {
        padding-left:15px
    }
}

@media (max-width: 1023px) {
    .blog-page-wrapper .aside-wrapper {
        margin-bottom:15px;
        min-width: auto
    }
}

@media (max-width: 767px) {
    .blog-page-wrapper .aside-wrapper {
        margin-bottom:0
    }
}

.blog-page-wrapper .aside-wrapper .related-content-list,.blog-page-wrapper .aside-wrapper .tags-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 1023px) {
    .blog-page-wrapper .aside-wrapper .related-content-list,.blog-page-wrapper .aside-wrapper .tags-list {
        margin:0 0 46px
    }
}

@media (max-width: 767px) {
    .blog-page-wrapper .aside-wrapper .related-content-list,.blog-page-wrapper .aside-wrapper .tags-list {
        margin-bottom:30px
    }
}

.blog-page-wrapper .aside-wrapper .related-content-wrapper {
    padding-right: 7%
}

@media (max-width: 1024px) {
    .blog-page-wrapper .aside-wrapper .related-content-wrapper {
        -webkit-flex-basis:50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding-right: 0
    }
}

.blog-page-wrapper .aside-wrapper .related-contents-title,.blog-page-wrapper .aside-wrapper .tags-title {
    color: #393939;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .blog-page-wrapper .aside-wrapper .related-contents-title,.blog-page-wrapper .aside-wrapper .tags-title {
        font-size:24px;
        line-height: 29px;
        margin-bottom: 16px
    }
}

.blog-page-wrapper .aside-wrapper .tag {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 8px;
    padding-bottom: 10px;
    padding-top: 10px
}

@media (max-width: 767px) {
    .blog-page-wrapper .aside-wrapper .tag {
        font-size:16px
    }
}

.blog-page-wrapper .aside-wrapper .related-content-item {
    line-height: 1.4
}

@media (min-width: 768px) and (max-width:1023px) {
    .blog-page-wrapper .aside-wrapper .related-content-item:nth-child(3) {
        display:none
    }
}

.blog-page-wrapper .aside-wrapper .related-content-title {
    margin-bottom: 5px
}

.blog-page-wrapper .aside-wrapper .related-content-link {
    border-bottom: 1px solid transparent;
    color: #0f558c;
    display: inline-block;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    margin-bottom: 23px
}

.blog-page-wrapper .aside-wrapper .related-content-link.hovered {
    border-bottom-color: #0f558c
}

.blog:not(.blog-page-wrapper) .color-theme-0 .article-title,.blog:not(.blog-page-wrapper) .color-theme-0 h2 {
    color: #48b173
}

.blog:not(.blog-page-wrapper) .color-theme-0 .article-title.hovered,.blog:not(.blog-page-wrapper) .color-theme-0 .article-title a.hovered,.blog:not(.blog-page-wrapper) .color-theme-0 .article-title a:active,.blog:not(.blog-page-wrapper) .color-theme-0 h3 {
    color: #6ac28e
}

.blog:not(.blog-page-wrapper) .color-theme-1 .article-title,.blog:not(.blog-page-wrapper) .color-theme-1 h2 {
    color: #149f81
}

.blog:not(.blog-page-wrapper) .color-theme-1 .article-title.hovered,.blog:not(.blog-page-wrapper) .color-theme-1 .article-title a.hovered,.blog:not(.blog-page-wrapper) .color-theme-1 .article-title a:active,.blog:not(.blog-page-wrapper) .color-theme-1 h3 {
    color: #1acca6
}

.blog:not(.blog-page-wrapper) .color-theme-2 .article-title,.blog:not(.blog-page-wrapper) .color-theme-2 h2 {
    color: #00758b
}

.blog:not(.blog-page-wrapper) .color-theme-2 .article-title.hovered,.blog:not(.blog-page-wrapper) .color-theme-2 .article-title a.hovered,.blog:not(.blog-page-wrapper) .color-theme-2 .article-title a:active,.blog:not(.blog-page-wrapper) .color-theme-2 h3 {
    color: #00a0be
}

.blog:not(.blog-page-wrapper) .color-theme-3 .article-title,.blog:not(.blog-page-wrapper) .color-theme-3 h2 {
    color: #0d538a
}

.blog:not(.blog-page-wrapper) .color-theme-3 .article-title.hovered,.blog:not(.blog-page-wrapper) .color-theme-3 .article-title a.hovered,.blog:not(.blog-page-wrapper) .color-theme-3 .article-title a:active,.blog:not(.blog-page-wrapper) .color-theme-3 h3 {
    color: #116fb9
}

.blog:not(.blog-page-wrapper) .color-theme-4 .article-title,.blog:not(.blog-page-wrapper) .color-theme-4 h2 {
    color: #5c3c8b
}

.blog:not(.blog-page-wrapper) .color-theme-4 .article-title.hovered,.blog:not(.blog-page-wrapper) .color-theme-4 .article-title a.hovered,.blog:not(.blog-page-wrapper) .color-theme-4 .article-title a:active,.blog:not(.blog-page-wrapper) .color-theme-4 h3 {
    color: #744baf
}

.blog:not(.blog-page-wrapper) .color-theme-5 .article-title,.blog:not(.blog-page-wrapper) .color-theme-5 h2 {
    color: #853789
}

.blog:not(.blog-page-wrapper) .color-theme-5 .article-title.hovered,.blog:not(.blog-page-wrapper) .color-theme-5 .article-title a.hovered,.blog:not(.blog-page-wrapper) .color-theme-5 .article-title a:active,.blog:not(.blog-page-wrapper) .color-theme-5 h3 {
    color: #a846ad
}

.blog:not(.blog-page-wrapper) .color-theme-6 .article-title,.blog:not(.blog-page-wrapper) .color-theme-6 h2 {
    color: #a82582
}

.blog:not(.blog-page-wrapper) .color-theme-6 .article-title.hovered,.blog:not(.blog-page-wrapper) .color-theme-6 .article-title a.hovered,.blog:not(.blog-page-wrapper) .color-theme-6 .article-title a:active,.blog:not(.blog-page-wrapper) .color-theme-6 h3 {
    color: #d12fa2
}

.infographics-title {
    color: #393939;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    line-height: 1.267;
    text-align: center
}

@media (max-width: 1023px) {
    .infographics-title {
        margin-left:auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .infographics-title {
        font-size:30px;
        max-width: none
    }
}

.infographics {
    background-color: #fff;
    padding-top: 150px
}

@media (max-width: 1439px) {
    .infographics {
        padding-bottom:10px;
        padding-top: 110px
    }
}

@media (max-width: 1179px) {
    .infographics {
        padding-bottom:50px;
        padding-top: 90px
    }
}

@media (max-width: 1023px) {
    .infographics {
        padding-bottom:10px
    }
}

@media (max-width: 767px) {
    .infographics {
        padding-top:70px
    }
}

.infographic-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1023px) {
    .infographic-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 55px 60px
    }
}

@media (max-width: 767px) {
    .infographic-wrapper {
        margin:0 0 55px
    }
}

.infographic-wrapper:last-child {
    margin-bottom: 0
}

.infographic-wrapper .fact-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 600px;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: sf_ui_displayheavy,Helvetica,Arial,sans-serif;
    height: 120px;
    margin-right: 50px;
    padding: 10px 33px 10px 43px;
    position: relative
}

.infographic-wrapper .fact-wrapper .number {
    font-size: 50px;
    margin-right: 38px
}

@media (max-width: 767px) {
    .infographic-wrapper .fact-wrapper .number {
        margin-right:15px
    }
}

.infographic-wrapper .fact-wrapper .fact {
    font-size: 22px;
    letter-spacing: .04px;
    line-height: 26px
}

.infographic-wrapper .fact-wrapper .line {
    height: 3px;
    position: absolute;
    right: -45px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45px
}

@media (max-width: 1439px) {
    .infographic-wrapper .fact-wrapper .line {
        right:-17px;
        width: 17px
    }
}

@media (max-width: 1179px) {
    .infographic-wrapper .fact-wrapper .line {
        right:-37px;
        width: 37px
    }
}

@media (max-width: 1023px) {
    .infographic-wrapper .fact-wrapper .line {
        display:none
    }
}

.infographic-wrapper .fact-wrapper .dot {
    border-radius: 50%;
    height: 10px;
    position: absolute;
    right: -54px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px
}

@media (max-width: 1439px) {
    .infographic-wrapper .fact-wrapper .dot {
        right:-27px
    }
}

@media (max-width: 1179px) {
    .infographic-wrapper .fact-wrapper .dot {
        right:-47px
    }
}

@media (max-width: 1023px) {
    .infographic-wrapper .fact-wrapper .dot {
        display:none
    }
}

.infographic-wrapper .info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media (max-width: 1023px) {
    .infographic-wrapper .info-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

.infographic-wrapper .info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 767px) {
    .infographic-wrapper .info {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.infographic-wrapper .info .circle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 120px;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 120px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px;
    width: 120px;
    z-index: 1
}

@media (max-width: 767px) {
    .infographic-wrapper .info .circle {
        margin-bottom:15px;
        margin-right: 0
    }
}

.infographic-wrapper .info .circle .percent {
    font-family: sf_ui_displayheavy,Helvetica,Arial,sans-serif;
    font-size: 22px
}

.infographic-wrapper .info .description {
    width: 100%
}

@media (max-width: 767px) {
    .infographic-wrapper .info .description {
        text-align:center
    }
}

.infographics-finance .infographic-wrapper:first-child .fact-wrapper {
    background: -webkit-gradient(linear,left top,right top,from(#14908e),to(#0e548f));
    background: -o-linear-gradient(left,#14908e 0,#0e548f 100%);
    background: linear-gradient(90deg,#14908e,#0e548f)
}

.infographics-finance .infographic-wrapper:first-child .dot,.infographics-finance .infographic-wrapper:first-child .line {
    background-color: #0e548f
}

.infographics-finance .infographic-wrapper:nth-child(2) .fact-wrapper {
    background: -webkit-gradient(linear,left top,right top,from(#0e548f),to(#684b96));
    background: -o-linear-gradient(left,#0e548f 0,#684b96 100%);
    background: linear-gradient(90deg,#0e548f,#684b96)
}

.infographics-finance .infographic-wrapper:nth-child(2) .dot,.infographics-finance .infographic-wrapper:nth-child(2) .line {
    background-color: #684b96
}

.infographics-finance .infographic-wrapper:nth-child(3) .fact-wrapper {
    background: -webkit-gradient(linear,left top,right top,from(#684b96),to(#a92783));
    background: -o-linear-gradient(left,#684b96 0,#a92783 100%);
    background: linear-gradient(90deg,#684b96,#a92783)
}

.infographics-finance .infographic-wrapper:nth-child(3) .dot,.infographics-finance .infographic-wrapper:nth-child(3) .line {
    background-color: #a92783
}

.infographics-finance .infographic-wrapper:first-child .info:first-child .icon-svg {
    fill: #14908e;
    stroke: #14908e
}

.infographics-finance .infographic-wrapper:first-child .info:first-child .percent {
    color: #14908e
}

.infographics-finance .infographic-wrapper:first-child .info:nth-child(2) .icon-svg {
    fill: #10528f;
    stroke: #10528f
}

.infographics-finance .infographic-wrapper:first-child .info:nth-child(2) .percent {
    color: #10528f
}

.infographics-finance .infographic-wrapper:nth-child(2) .info:first-child .icon-svg {
    fill: #10528f;
    stroke: #10528f
}

.infographics-finance .infographic-wrapper:nth-child(2) .info:first-child .percent {
    color: #10528f
}

.infographics-finance .infographic-wrapper:nth-child(2) .info:nth-child(2) .icon-svg {
    fill: #684b96;
    stroke: #684b96
}

.infographics-finance .infographic-wrapper:nth-child(2) .info:nth-child(2) .percent {
    color: #684b96
}

.infographics-finance .infographic-wrapper:nth-child(3) .info:first-child .icon-svg {
    fill: #684b96;
    stroke: #684b96
}

.infographics-finance .infographic-wrapper:nth-child(3) .info:first-child .percent {
    color: #684b96
}

.infographics-finance .infographic-wrapper:nth-child(3) .info:nth-child(2) .icon-svg {
    fill: #a92783;
    stroke: #a92783
}

.infographics-finance .infographic-wrapper:nth-child(3) .info:nth-child(2) .percent {
    color: #a92783
}

.infographics-finance .infographic-wrapper {
    padding-bottom: 50px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .infographics-finance .infographic-wrapper {
        margin-left:-30px
    }
}

@media (max-width: 1439px) {
    .infographics-finance .infographic-wrapper {
        padding-bottom:30px
    }
}

@media (max-width: 1439px) {
    .infographics-finance .infographic-wrapper .fact-wrapper {
        border-radius:0 120px 120px 0;
        -webkit-flex-basis: 330px;
        -ms-flex-preferred-size: 330px;
        flex-basis: 330px;
        height: 230px;
        margin-right: 23px;
        padding-left: 30px
    }
}

@media (max-width: 1179px) {
    .infographics-finance .infographic-wrapper .fact-wrapper {
        -webkit-flex-basis:315px;
        -ms-flex-preferred-size: 315px;
        flex-basis: 315px;
        margin-right: 43px;
        max-width: 315px
    }
}

@media (max-width: 1023px) {
    .infographics-finance .infographic-wrapper .fact-wrapper {
        border-radius:60px;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        height: 120px;
        margin-bottom: 30px;
        margin-right: 0;
        max-width: none;
        width: 100%
    }
}

@media (max-width: 767px) {
    .infographics-finance .infographic-wrapper .fact-wrapper {
        border-radius:0 100px 100px 0;
        margin-left: -38px;
        min-height: 200px;
        width: -webkit-calc(100% + 19px);
        width: calc(100% + 19px)
    }
}

.infographics-finance .infographic-wrapper .info {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

@media (max-width: 1023px) {
    .infographics-finance .infographic-wrapper .info {
        -webkit-flex-basis:auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        max-width: none
    }
}

.infographics-finance .infographic-wrapper .info:first-child {
    padding-right: 17px
}

@media (max-width: 1023px) {
    .infographics-finance .infographic-wrapper .info:first-child {
        margin-bottom:20px;
        padding-right: 0
    }
}

.infographics-finance .infographic-wrapper .info:last-child {
    padding-left: 17px
}

@media (max-width: 1023px) {
    .infographics-finance .infographic-wrapper .info:last-child {
        padding-left:0
    }
}

.infographics-finance .infographic-wrapper .circle .icon-svg {
    margin-bottom: 10px;
    stroke-width: .02px
}

.infographics-blockchain {
    margin: 210px auto 320px;
    position: relative
}

.infographics-blockchain .item-wrapper:first-child .outer-circle {
    background-color: #84b68c
}

.infographics-blockchain .item-wrapper:first-child .outer-circle .icon-svg {
    fill: #84b68c;
    stroke: #84b68c
}

.infographics-blockchain .item-wrapper:first-child .circle-title {
    color: #84b68c
}

.infographics-blockchain .item-wrapper:nth-child(2) .outer-circle {
    background-color: #48b173
}

.infographics-blockchain .item-wrapper:nth-child(2) .outer-circle .icon-svg {
    fill: #48b173;
    stroke: #48b173
}

.infographics-blockchain .item-wrapper:nth-child(2) .circle-title {
    color: #48b173
}

.infographics-blockchain .item-wrapper:nth-child(3) .outer-circle {
    background-color: #149f81
}

.infographics-blockchain .item-wrapper:nth-child(3) .outer-circle .icon-svg {
    fill: #149f81;
    stroke: #149f81
}

.infographics-blockchain .item-wrapper:nth-child(3) .circle-title {
    color: #149f81
}

.infographics-blockchain .item-wrapper:nth-child(4) .outer-circle {
    background-color: #018f8b
}

.infographics-blockchain .item-wrapper:nth-child(4) .outer-circle .icon-svg {
    fill: #018f8b;
    stroke: #018f8b
}

.infographics-blockchain .item-wrapper:nth-child(4) .circle-title {
    color: #018f8b
}

.infographics-blockchain .item-wrapper:nth-child(5) .outer-circle {
    background-color: #00758b
}

.infographics-blockchain .item-wrapper:nth-child(5) .outer-circle .icon-svg {
    fill: #00758b;
    stroke: #00758b
}

.infographics-blockchain .item-wrapper:nth-child(5) .circle-title {
    color: #00758b
}

.infographics-blockchain .item-wrapper:nth-child(6) .outer-circle {
    background-color: #0d538a
}

.infographics-blockchain .item-wrapper:nth-child(6) .outer-circle .icon-svg {
    fill: #0d538a;
    stroke: #0d538a
}

.infographics-blockchain .item-wrapper:nth-child(6) .circle-title {
    color: #0d538a
}

.infographics-blockchain .item-wrapper:nth-child(7) .outer-circle {
    background-color: #373084
}

.infographics-blockchain .item-wrapper:nth-child(7) .outer-circle .icon-svg {
    fill: #373084;
    stroke: #373084
}

.infographics-blockchain .item-wrapper:nth-child(7) .circle-title {
    color: #373084
}

.infographics-blockchain .item-wrapper:nth-child(8) .outer-circle {
    background-color: #5c3c8b
}

.infographics-blockchain .item-wrapper:nth-child(8) .outer-circle .icon-svg {
    fill: #5c3c8b;
    stroke: #5c3c8b
}

.infographics-blockchain .item-wrapper:nth-child(8) .circle-title {
    color: #5c3c8b
}

.infographics-blockchain .item-wrapper:nth-child(9) .outer-circle {
    background-color: #474747
}

.infographics-blockchain .item-wrapper:nth-child(9) .outer-circle .icon-svg {
    fill: #474747;
    stroke: #474747
}

.infographics-blockchain .item-wrapper:nth-child(9) .circle-title {
    color: #474747
}

@media (min-width: 1024px) {
    .infographics-blockchain {
        height:600px;
        width: 600px
    }

    .infographics-blockchain>* {
        height: 150px;
        left: 50%;
        margin: -75px;
        position: absolute;
        top: 50%;
        width: 150px
    }

    .infographics-blockchain>:first-of-type,.infographics-blockchain>:first-of-type .dot {
        -webkit-transform: rotate(-90deg) translate(300px) rotate(90deg);
        -ms-transform: rotate(-90deg) translate(300px) rotate(90deg);
        transform: rotate(-90deg) translate(300px) rotate(90deg)
    }

    .infographics-blockchain>:first-of-type .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        width: 300px
    }

    .infographics-blockchain>:nth-of-type(2),.infographics-blockchain>:nth-of-type(2) .dot {
        -webkit-transform: rotate(-45deg) translate(300px) rotate(45deg);
        -ms-transform: rotate(-45deg) translate(300px) rotate(45deg);
        transform: rotate(-45deg) translate(300px) rotate(45deg)
    }

    .infographics-blockchain>:nth-of-type(2) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 300px
    }

    .infographics-blockchain>:nth-of-type(3),.infographics-blockchain>:nth-of-type(3) .dot {
        -webkit-transform: rotate(0deg) translate(300px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(300px) rotate(0deg);
        transform: rotate(0deg) translate(300px) rotate(0deg)
    }

    .infographics-blockchain>:nth-of-type(3) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 300px
    }

    .infographics-blockchain>:nth-of-type(4),.infographics-blockchain>:nth-of-type(4) .dot {
        -webkit-transform: rotate(45deg) translate(300px) rotate(-45deg);
        -ms-transform: rotate(45deg) translate(300px) rotate(-45deg);
        transform: rotate(45deg) translate(300px) rotate(-45deg)
    }

    .infographics-blockchain>:nth-of-type(4) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 300px
    }

    .infographics-blockchain>:nth-of-type(5),.infographics-blockchain>:nth-of-type(5) .dot {
        -webkit-transform: rotate(90deg) translate(300px) rotate(-90deg);
        -ms-transform: rotate(90deg) translate(300px) rotate(-90deg);
        transform: rotate(90deg) translate(300px) rotate(-90deg)
    }

    .infographics-blockchain>:nth-of-type(5) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 300px
    }

    .infographics-blockchain>:nth-of-type(6),.infographics-blockchain>:nth-of-type(6) .dot {
        -webkit-transform: rotate(135deg) translate(300px) rotate(-135deg);
        -ms-transform: rotate(135deg) translate(300px) rotate(-135deg);
        transform: rotate(135deg) translate(300px) rotate(-135deg)
    }

    .infographics-blockchain>:nth-of-type(6) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        width: 300px
    }

    .infographics-blockchain>:nth-of-type(7),.infographics-blockchain>:nth-of-type(7) .dot {
        -webkit-transform: rotate(180deg) translate(300px) rotate(-180deg);
        -ms-transform: rotate(180deg) translate(300px) rotate(-180deg);
        transform: rotate(180deg) translate(300px) rotate(-180deg)
    }

    .infographics-blockchain>:nth-of-type(7) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 300px
    }

    .infographics-blockchain>:nth-of-type(8),.infographics-blockchain>:nth-of-type(8) .dot {
        -webkit-transform: rotate(225deg) translate(300px) rotate(-225deg);
        -ms-transform: rotate(225deg) translate(300px) rotate(-225deg);
        transform: rotate(225deg) translate(300px) rotate(-225deg)
    }

    .infographics-blockchain>:nth-of-type(8) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        width: 300px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographics-blockchain {
        height:490px;
        width: 490px
    }

    .infographics-blockchain>* {
        height: 150px;
        left: 50%;
        margin: -75px;
        position: absolute;
        top: 50%;
        width: 150px
    }

    .infographics-blockchain>:first-of-type,.infographics-blockchain>:first-of-type .dot {
        -webkit-transform: rotate(-90deg) translate(245px) rotate(90deg);
        -ms-transform: rotate(-90deg) translate(245px) rotate(90deg);
        transform: rotate(-90deg) translate(245px) rotate(90deg)
    }

    .infographics-blockchain>:first-of-type .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        width: 245px
    }

    .infographics-blockchain>:nth-of-type(2),.infographics-blockchain>:nth-of-type(2) .dot {
        -webkit-transform: rotate(-45deg) translate(245px) rotate(45deg);
        -ms-transform: rotate(-45deg) translate(245px) rotate(45deg);
        transform: rotate(-45deg) translate(245px) rotate(45deg)
    }

    .infographics-blockchain>:nth-of-type(2) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 245px
    }

    .infographics-blockchain>:nth-of-type(3),.infographics-blockchain>:nth-of-type(3) .dot {
        -webkit-transform: rotate(0deg) translate(245px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(245px) rotate(0deg);
        transform: rotate(0deg) translate(245px) rotate(0deg)
    }

    .infographics-blockchain>:nth-of-type(3) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 245px
    }

    .infographics-blockchain>:nth-of-type(4),.infographics-blockchain>:nth-of-type(4) .dot {
        -webkit-transform: rotate(45deg) translate(245px) rotate(-45deg);
        -ms-transform: rotate(45deg) translate(245px) rotate(-45deg);
        transform: rotate(45deg) translate(245px) rotate(-45deg)
    }

    .infographics-blockchain>:nth-of-type(4) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 245px
    }

    .infographics-blockchain>:nth-of-type(5),.infographics-blockchain>:nth-of-type(5) .dot {
        -webkit-transform: rotate(90deg) translate(245px) rotate(-90deg);
        -ms-transform: rotate(90deg) translate(245px) rotate(-90deg);
        transform: rotate(90deg) translate(245px) rotate(-90deg)
    }

    .infographics-blockchain>:nth-of-type(5) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 245px
    }

    .infographics-blockchain>:nth-of-type(6),.infographics-blockchain>:nth-of-type(6) .dot {
        -webkit-transform: rotate(135deg) translate(245px) rotate(-135deg);
        -ms-transform: rotate(135deg) translate(245px) rotate(-135deg);
        transform: rotate(135deg) translate(245px) rotate(-135deg)
    }

    .infographics-blockchain>:nth-of-type(6) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        width: 245px
    }

    .infographics-blockchain>:nth-of-type(7),.infographics-blockchain>:nth-of-type(7) .dot {
        -webkit-transform: rotate(180deg) translate(245px) rotate(-180deg);
        -ms-transform: rotate(180deg) translate(245px) rotate(-180deg);
        transform: rotate(180deg) translate(245px) rotate(-180deg)
    }

    .infographics-blockchain>:nth-of-type(7) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 245px
    }

    .infographics-blockchain>:nth-of-type(8),.infographics-blockchain>:nth-of-type(8) .dot {
        -webkit-transform: rotate(225deg) translate(245px) rotate(-225deg);
        -ms-transform: rotate(225deg) translate(245px) rotate(-225deg);
        transform: rotate(225deg) translate(245px) rotate(-225deg)
    }

    .infographics-blockchain>:nth-of-type(8) .line {
        height: 2px;
        margin: 74px 75px;
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        width: 245px
    }
}

@media (max-width: 767px) {
    .infographics-blockchain {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 100px 20px 155px
    }
}

.infographics-blockchain .item-wrapper {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    z-index: 1
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographics-blockchain .item-wrapper {
        -webkit-transform:none;
        -ms-transform: none;
        transform: none
    }

    .infographics-blockchain .item-wrapper:first-of-type,.infographics-blockchain .item-wrapper:nth-of-type(2),.infographics-blockchain .item-wrapper:nth-of-type(8) {
        top: 0
    }

    .infographics-blockchain .item-wrapper:nth-of-type(3),.infographics-blockchain .item-wrapper:nth-of-type(7) {
        top: 50%
    }

    .infographics-blockchain .item-wrapper:nth-of-type(4),.infographics-blockchain .item-wrapper:nth-of-type(5),.infographics-blockchain .item-wrapper:nth-of-type(6) {
        top: 100%
    }

    .infographics-blockchain .item-wrapper:nth-of-type(6),.infographics-blockchain .item-wrapper:nth-of-type(7),.infographics-blockchain .item-wrapper:nth-of-type(8) {
        left: 0
    }

    .infographics-blockchain .item-wrapper:first-of-type,.infographics-blockchain .item-wrapper:nth-of-type(5) {
        left: 50%
    }

    .infographics-blockchain .item-wrapper:nth-of-type(2),.infographics-blockchain .item-wrapper:nth-of-type(3),.infographics-blockchain .item-wrapper:nth-of-type(4) {
        left: 100%
    }
}

@media (max-width: 767px) {
    .infographics-blockchain .item-wrapper {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
        width: 100%
    }
}

.infographics-blockchain .item-wrapper:nth-child(3) .circle-title,.infographics-blockchain .item-wrapper:nth-child(4) .circle-title,.infographics-blockchain .item-wrapper:nth-child(5) .circle-title,.infographics-blockchain .item-wrapper:nth-child(6) .circle-title {
    top: 160px
}

.infographics-blockchain .item-wrapper.item-center {
    height: 235px;
    margin: -117.5px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    width: 235px;
    z-index: 0
}

@media (max-width: 767px) {
    .infographics-blockchain .item-wrapper.item-center {
        -webkit-align-self:center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 56px
    }
}

.infographics-blockchain .item-wrapper.item-center .outer-circle {
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 767px) {
    .infographics-blockchain .item-wrapper.item-center .outer-circle {
        height:100%;
        width: 100%
    }
}

.infographics-blockchain .item-wrapper.item-center .outer-circle .icon-svg {
    margin-bottom: 20px
}

.infographics-blockchain .item-wrapper.item-center .circle-title {
    bottom: auto;
    left: 0;
    line-height: 1;
    max-width: 70%;
    position: relative;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media (max-width: 767px) {
    .infographics-blockchain .item-wrapper.item-center .circle-title {
        -webkit-box-flex:0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0;
        text-align: center
    }
}

.infographics-blockchain .item-wrapper .circle-title {
    bottom: 160px;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 15px;
    left: 50%;
    line-height: 1.125;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 230px
}

@media (max-width: 767px) {
    .infographics-blockchain .item-wrapper .circle-title {
        bottom:0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        left: 160px;
        padding-left: 10px;
        position: static;
        text-align: left;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.infographics-blockchain .outer-circle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .infographics-blockchain .outer-circle {
        -webkit-flex-shrink:0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 140px;
        width: 140px
    }
}

.infographics-blockchain .inner-circle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 110px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 110px
}

.infographics-blockchain .orbit {
    height: 300px;
    width: 300px;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.infographics-blockchain .orbit .dot:first-child,.infographics-blockchain .orbit .dot:first-child .line {
    background-color: #84b68c
}

.infographics-blockchain .orbit .dot:nth-child(2),.infographics-blockchain .orbit .dot:nth-child(2) .line {
    background-color: #48b173
}

.infographics-blockchain .orbit .dot:nth-child(3),.infographics-blockchain .orbit .dot:nth-child(3) .line {
    background-color: #149f81
}

.infographics-blockchain .orbit .dot:nth-child(4),.infographics-blockchain .orbit .dot:nth-child(4) .line {
    background-color: #018f8b
}

.infographics-blockchain .orbit .dot:nth-child(5),.infographics-blockchain .orbit .dot:nth-child(5) .line {
    background-color: #00758b
}

.infographics-blockchain .orbit .dot:nth-child(6),.infographics-blockchain .orbit .dot:nth-child(6) .line {
    background-color: #0d538a
}

.infographics-blockchain .orbit .dot:nth-child(7),.infographics-blockchain .orbit .dot:nth-child(7) .line {
    background-color: #373084
}

.infographics-blockchain .orbit .dot:nth-child(8),.infographics-blockchain .orbit .dot:nth-child(8) .line {
    background-color: #5c3c8b
}

.infographics-blockchain .orbit .dot:nth-child(9),.infographics-blockchain .orbit .dot:nth-child(9) .line {
    background-color: #474747
}

.infographics-blockchain .orbit>* {
    height: 10px;
    left: 50%;
    margin: -5px;
    position: absolute;
    top: 50%;
    width: 10px
}

.infographics-blockchain .orbit>:first-of-type,.infographics-blockchain .orbit>:first-of-type .dot {
    -webkit-transform: rotate(-90deg) translate(150px) rotate(90deg);
    -ms-transform: rotate(-90deg) translate(150px) rotate(90deg);
    transform: rotate(-90deg) translate(150px) rotate(90deg)
}

.infographics-blockchain .orbit>:first-of-type .line {
    height: 2px;
    margin: 4px 5px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 150px
}

.infographics-blockchain .orbit>:nth-of-type(2),.infographics-blockchain .orbit>:nth-of-type(2) .dot {
    -webkit-transform: rotate(-45deg) translate(150px) rotate(45deg);
    -ms-transform: rotate(-45deg) translate(150px) rotate(45deg);
    transform: rotate(-45deg) translate(150px) rotate(45deg)
}

.infographics-blockchain .orbit>:nth-of-type(2) .line {
    height: 2px;
    margin: 4px 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 150px
}

.infographics-blockchain .orbit>:nth-of-type(3),.infographics-blockchain .orbit>:nth-of-type(3) .dot {
    -webkit-transform: rotate(0deg) translate(150px) rotate(0deg);
    -ms-transform: rotate(0deg) translate(150px) rotate(0deg);
    transform: rotate(0deg) translate(150px) rotate(0deg)
}

.infographics-blockchain .orbit>:nth-of-type(3) .line {
    height: 2px;
    margin: 4px 5px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 150px
}

.infographics-blockchain .orbit>:nth-of-type(4),.infographics-blockchain .orbit>:nth-of-type(4) .dot {
    -webkit-transform: rotate(45deg) translate(150px) rotate(-45deg);
    -ms-transform: rotate(45deg) translate(150px) rotate(-45deg);
    transform: rotate(45deg) translate(150px) rotate(-45deg)
}

.infographics-blockchain .orbit>:nth-of-type(4) .line {
    height: 2px;
    margin: 4px 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 150px
}

.infographics-blockchain .orbit>:nth-of-type(5),.infographics-blockchain .orbit>:nth-of-type(5) .dot {
    -webkit-transform: rotate(90deg) translate(150px) rotate(-90deg);
    -ms-transform: rotate(90deg) translate(150px) rotate(-90deg);
    transform: rotate(90deg) translate(150px) rotate(-90deg)
}

.infographics-blockchain .orbit>:nth-of-type(5) .line {
    height: 2px;
    margin: 4px 5px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 150px
}

.infographics-blockchain .orbit>:nth-of-type(6),.infographics-blockchain .orbit>:nth-of-type(6) .dot {
    -webkit-transform: rotate(135deg) translate(150px) rotate(-135deg);
    -ms-transform: rotate(135deg) translate(150px) rotate(-135deg);
    transform: rotate(135deg) translate(150px) rotate(-135deg)
}

.infographics-blockchain .orbit>:nth-of-type(6) .line {
    height: 2px;
    margin: 4px 5px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 150px
}

.infographics-blockchain .orbit>:nth-of-type(7),.infographics-blockchain .orbit>:nth-of-type(7) .dot {
    -webkit-transform: rotate(180deg) translate(150px) rotate(-180deg);
    -ms-transform: rotate(180deg) translate(150px) rotate(-180deg);
    transform: rotate(180deg) translate(150px) rotate(-180deg)
}

.infographics-blockchain .orbit>:nth-of-type(7) .line {
    height: 2px;
    margin: 4px 5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 150px
}

.infographics-blockchain .orbit>:nth-of-type(8),.infographics-blockchain .orbit>:nth-of-type(8) .dot {
    -webkit-transform: rotate(225deg) translate(150px) rotate(-225deg);
    -ms-transform: rotate(225deg) translate(150px) rotate(-225deg);
    transform: rotate(225deg) translate(150px) rotate(-225deg)
}

.infographics-blockchain .orbit>:nth-of-type(8) .line {
    height: 2px;
    margin: 4px 5px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    width: 150px
}

@media (max-width: 767px) {
    .infographics-blockchain .orbit {
        top:-32.5px;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.infographics-blockchain .dot {
    border-radius: 50%
}

@media (max-width: 767px) {
    .infographics-blockchain .dot {
        display:none
    }
}

.infographics-blockchain .line {
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.infographics-cloud {
    background-color: #fff;
    padding-bottom: 240px;
    position: relative
}

@media (max-width: 1439px) {
    .infographics-cloud {
        padding-bottom:210px
    }
}

@media (max-width: 1179px) {
    .infographics-cloud {
        padding-bottom:200px
    }
}

@media (max-width: 1023px) {
    .infographics-cloud {
        padding-bottom:165px;
        padding-top: 20px
    }
}

@media (max-width: 767px) {
    .infographics-cloud {
        padding-bottom:125px;
        padding-top: 0
    }
}

.infographics-cloud .wrapper {
    max-width: 1540px
}

.infographics-cloud .infographics-title {
    margin-bottom: 60px
}

@media (max-width: 1023px) {
    .infographics-cloud .infographics-title {
        max-width:500px
    }
}

@media (max-width: 767px) {
    .infographics-cloud .infographics-title {
        font-size:30px;
        max-width: none
    }
}

.infographics-cloud .infographics-wrap {
    position: relative
}

@media (max-width: 1439px) {
    .infographics-cloud .infographics-wrap {
        margin:125px 20px 0
    }
}

@media (max-width: 767px) {
    .infographics-cloud .infographics-wrap {
        margin-top:0
    }
}

.infographics-cloud .infographics-wrap .line {
    background: -webkit-gradient(linear,left top,right top,from(#1d88c6),to(#1abc9c));
    background: -o-linear-gradient(left,#1d88c6 0,#1abc9c 100%);
    background: linear-gradient(90deg,#1d88c6,#1abc9c);
    border-radius: 30px;
    height: 50px;
    position: absolute;
    top: 65px;
    width: 100%
}

@media (max-width: 1439px) {
    .infographics-cloud .infographics-wrap .line {
        background:-webkit-gradient(linear,left top,left bottom,from(#1d88c6),to(#1abc9c));
        background: -o-linear-gradient(top,#1d88c6 0,#1abc9c 100%);
        background: linear-gradient(180deg,#1d88c6,#1abc9c);
        height: -webkit-calc(100% + 60px);
        height: calc(100% + 60px);
        left: 65px;
        top: -75px;
        width: 50px
    }
}

@media (max-width: 767px) {
    .infographics-cloud .infographics-wrap .line {
        display:none
    }
}

.infographics-cloud .advantages-wrap {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 50px;
    margin-right: 50px
}

.infographics-cloud .advantages-wrap .advantage:first-child .icon-svg,.infographics-cloud .advantages-wrap .item:first-child .icon-svg {
    fill: #1d88c6;
    stroke: #1d88c6
}

.infographics-cloud .advantages-wrap .advantage:first-child .advantage-title,.infographics-cloud .advantages-wrap .advantage:first-child .number-circle,.infographics-cloud .advantages-wrap .item:first-child .advantage-title,.infographics-cloud .advantages-wrap .item:first-child .number-circle {
    color: #1d88c6
}

.infographics-cloud .advantages-wrap .advantage:nth-child(2) .icon-svg,.infographics-cloud .advantages-wrap .item:nth-child(2) .icon-svg {
    fill: #1c94bc;
    stroke: #1c94bc
}

.infographics-cloud .advantages-wrap .advantage:nth-child(2) .advantage-title,.infographics-cloud .advantages-wrap .advantage:nth-child(2) .number-circle,.infographics-cloud .advantages-wrap .item:nth-child(2) .advantage-title,.infographics-cloud .advantages-wrap .item:nth-child(2) .number-circle {
    color: #1c94bc
}

.infographics-cloud .advantages-wrap .advantage:nth-child(3) .icon-svg,.infographics-cloud .advantages-wrap .item:nth-child(3) .icon-svg {
    fill: #1c9fb3;
    stroke: #1c9fb3
}

.infographics-cloud .advantages-wrap .advantage:nth-child(3) .advantage-title,.infographics-cloud .advantages-wrap .advantage:nth-child(3) .number-circle,.infographics-cloud .advantages-wrap .item:nth-child(3) .advantage-title,.infographics-cloud .advantages-wrap .item:nth-child(3) .number-circle {
    color: #1c9fb3
}

.infographics-cloud .advantages-wrap .advantage:nth-child(4) .icon-svg,.infographics-cloud .advantages-wrap .item:nth-child(4) .icon-svg {
    fill: #1aaea7;
    stroke: #1aaea7
}

.infographics-cloud .advantages-wrap .advantage:nth-child(4) .advantage-title,.infographics-cloud .advantages-wrap .advantage:nth-child(4) .number-circle,.infographics-cloud .advantages-wrap .item:nth-child(4) .advantage-title,.infographics-cloud .advantages-wrap .item:nth-child(4) .number-circle {
    color: #1aaea7
}

.infographics-cloud .advantages-wrap .advantage:nth-child(5) .icon-svg,.infographics-cloud .advantages-wrap .item:nth-child(5) .icon-svg {
    fill: #1abb9d;
    stroke: #1abb9d
}

.infographics-cloud .advantages-wrap .advantage:nth-child(5) .advantage-title,.infographics-cloud .advantages-wrap .advantage:nth-child(5) .number-circle,.infographics-cloud .advantages-wrap .item:nth-child(5) .advantage-title,.infographics-cloud .advantages-wrap .item:nth-child(5) .number-circle {
    color: #1abb9d
}

@media (max-width: 1439px) {
    .infographics-cloud .advantages-wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0
    }
}

.infographics-cloud .advantage {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 40px
}

@media (max-width: 1439px) {
    .infographics-cloud .advantage {
        -webkit-flex-basis:auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 70px;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

@media (max-width: 767px) {
    .infographics-cloud .advantage {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.infographics-cloud .advantage:last-child {
    padding-right: 0
}

.infographics-cloud .advantage-circle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
    width: 180px
}

@media (max-width: 1439px) {
    .infographics-cloud .advantage-circle {
        -webkit-flex-shrink:0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-bottom: 0;
        margin-right: 50px
    }
}

@media (max-width: 767px) {
    .infographics-cloud .advantage-circle {
        margin-bottom:35px;
        margin-right: 0
    }
}

.infographics-cloud .number-circle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: sf_ui_displayheavy,Helvetica,Arial,sans-serif;
    font-size: 30px;
    height: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 60px
}

@media (min-width: 768px) and (max-width:1439px) {
    .infographics-cloud .number-circle {
        left:50%;
        top: 0
    }
}

.infographics-cloud .advantage-info {
    text-align: center;
    width: 100%
}

@media (min-width: 768px) and (max-width:1439px) {
    .infographics-cloud .advantage-info {
        text-align:left
    }
}

.infographics-cloud .advantage-title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    min-height: 48px
}

@media (max-width: 1439px) {
    .infographics-cloud .advantage-title {
        margin-bottom:30px;
        min-height: auto
    }
}

.infographics-dev-ops {
    margin-bottom: 250px;
    margin-top: -75px;
    position: relative
}

@media (max-width: 1439px) {
    .infographics-dev-ops {
        margin-bottom:230px;
        margin-top: -55px
    }
}

@media (max-width: 1179px) {
    .infographics-dev-ops {
        margin-bottom:215px
    }
}

@media (max-width: 1023px) {
    .infographics-dev-ops {
        margin-bottom:160px
    }
}

@media (max-width: 767px) {
    .infographics-dev-ops {
        margin-bottom:135px;
        margin-top: -160px
    }
}

.infographics-dev-ops .infographics-title {
    margin-bottom: 90px
}

@media (max-width: 1179px) {
    .infographics-dev-ops .infographics-title {
        margin-bottom:60px
    }
}

@media (max-width: 1023px) {
    .infographics-dev-ops .infographics-title {
        margin-bottom:25px;
        max-width: 600px
    }
}

@media (max-width: 767px) {
    .infographics-dev-ops .infographics-title {
        margin-bottom:40px
    }
}

.infographics-dev-ops .items-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.infographics-dev-ops .items-wrap .advantage:first-child .icon-svg,.infographics-dev-ops .items-wrap .item:first-child .icon-svg {
    fill: #373084;
    stroke: #373084
}

.infographics-dev-ops .items-wrap .advantage:first-child .advantage-title,.infographics-dev-ops .items-wrap .advantage:first-child .number-circle,.infographics-dev-ops .items-wrap .item:first-child .advantage-title,.infographics-dev-ops .items-wrap .item:first-child .number-circle {
    color: #373084
}

.infographics-dev-ops .items-wrap .advantage:nth-child(2) .icon-svg,.infographics-dev-ops .items-wrap .item:nth-child(2) .icon-svg {
    fill: #0d538a;
    stroke: #0d538a
}

.infographics-dev-ops .items-wrap .advantage:nth-child(2) .advantage-title,.infographics-dev-ops .items-wrap .advantage:nth-child(2) .number-circle,.infographics-dev-ops .items-wrap .item:nth-child(2) .advantage-title,.infographics-dev-ops .items-wrap .item:nth-child(2) .number-circle {
    color: #0d538a
}

.infographics-dev-ops .items-wrap .advantage:nth-child(3) .icon-svg,.infographics-dev-ops .items-wrap .item:nth-child(3) .icon-svg {
    fill: #00758b;
    stroke: #00758b
}

.infographics-dev-ops .items-wrap .advantage:nth-child(3) .advantage-title,.infographics-dev-ops .items-wrap .advantage:nth-child(3) .number-circle,.infographics-dev-ops .items-wrap .item:nth-child(3) .advantage-title,.infographics-dev-ops .items-wrap .item:nth-child(3) .number-circle {
    color: #00758b
}

.infographics-dev-ops .items-wrap .advantage:nth-child(4) .icon-svg,.infographics-dev-ops .items-wrap .item:nth-child(4) .icon-svg {
    fill: #018f8b;
    stroke: #018f8b
}

.infographics-dev-ops .items-wrap .advantage:nth-child(4) .advantage-title,.infographics-dev-ops .items-wrap .advantage:nth-child(4) .number-circle,.infographics-dev-ops .items-wrap .item:nth-child(4) .advantage-title,.infographics-dev-ops .items-wrap .item:nth-child(4) .number-circle {
    color: #018f8b
}

.infographics-dev-ops .items-wrap .advantage:nth-child(5) .icon-svg,.infographics-dev-ops .items-wrap .item:nth-child(5) .icon-svg {
    fill: #149f81;
    stroke: #149f81
}

.infographics-dev-ops .items-wrap .advantage:nth-child(5) .advantage-title,.infographics-dev-ops .items-wrap .advantage:nth-child(5) .number-circle,.infographics-dev-ops .items-wrap .item:nth-child(5) .advantage-title,.infographics-dev-ops .items-wrap .item:nth-child(5) .number-circle {
    color: #149f81
}

.infographics-dev-ops .item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

@media (min-width: 1180px) {
    .infographics-dev-ops .item:nth-child(2n - 1) {
        padding-right:65px
    }

    .infographics-dev-ops .item:nth-child(2n) {
        padding-left: 65px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .infographics-dev-ops .item:nth-child(2n - 1) {
        padding-right:30px
    }

    .infographics-dev-ops .item:nth-child(2n) {
        padding-left: 30px
    }
}

@media (min-width: 1024px) {
    .infographics-dev-ops .item:nth-child(2n - 1) .item-circle {
        margin-left:20px
    }

    .infographics-dev-ops .item:nth-child(2n - 1) .item-info {
        text-align: right
    }

    .infographics-dev-ops .item:nth-child(2n) .item-circle {
        margin-right: 20px;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .infographics-dev-ops .item:nth-child(2n) .number-circle {
        left: 0;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .infographics-dev-ops .item:nth-child(2n) .line {
        left: 0;
        -webkit-transform: rotate(138deg);
        -ms-transform: rotate(138deg);
        transform: rotate(138deg);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .infographics-dev-ops .item:nth-child(2n) .line {
        -webkit-transform:rotate(117deg);
        -ms-transform: rotate(117deg);
        transform: rotate(117deg)
    }
}

@media (min-width: 1024px) {
    .infographics-dev-ops .item:first-child,.infographics-dev-ops .item:nth-child(3) {
        margin-bottom:115px
    }

    .infographics-dev-ops .item:nth-child(2) {
        margin-top: 115px
    }

    .infographics-dev-ops .item:nth-child(4) {
        margin-top: 86px
    }

    .infographics-dev-ops .item:nth-child(3),.infographics-dev-ops .item:nth-child(5) {
        margin-top: -29px
    }
}

@media (max-width: 1023px) {
    .infographics-dev-ops .item {
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 20px;
        max-width: none
    }
}

@media (max-width: 767px) {
    .infographics-dev-ops .item {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 60px
    }
}

.infographics-dev-ops .item-circle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 150px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    width: 150px
}

@media (max-width: 1023px) {
    .infographics-dev-ops .item-circle {
        margin-right:50px;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

@media (max-width: 767px) {
    .infographics-dev-ops .item-circle {
        margin-bottom:30px;
        margin-right: 0
    }
}

.infographics-dev-ops .number-circle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: sf_ui_displayheavy,Helvetica,Arial,sans-serif;
    font-size: 30px;
    height: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    width: 60px
}

.infographics-dev-ops .line {
    background-color: #d9d9d9;
    height: 2px;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(-138deg);
    -ms-transform: rotate(-138deg);
    transform: rotate(-138deg);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    width: 170px;
    z-index: -1
}

@media (max-width: 1179px) {
    .infographics-dev-ops .line {
        -webkit-transform:rotate(-117deg);
        -ms-transform: rotate(-117deg);
        transform: rotate(-117deg);
        width: 135px
    }
}

@media (max-width: 1023px) {
    .infographics-dev-ops .line {
        display:none
    }
}

.infographics-dev-ops .item-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

@media (max-width: 767px) {
    .infographics-dev-ops .item-info {
        text-align:center
    }
}

.infographics-dev-ops .item-title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 22px;
    margin-bottom: 25px
}

@media (max-width: 1179px) {
    .infographics-dev-ops .item-title {
        margin-bottom:7px
    }
}

.infographic-big-data-steps {
    padding-bottom: 85px;
    padding-top: 180px;
    position: relative
}

.infographic-big-data-steps .infographic-wrapper:first-child .fact-wrapper {
    background: -webkit-gradient(linear,left top,right top,from(#00bc7e),to(#00aa8b));
    background: -o-linear-gradient(left,#00bc7e 0,#00aa8b 100%);
    background: linear-gradient(90deg,#00bc7e,#00aa8b)
}

.infographic-big-data-steps .infographic-wrapper:first-child .dot,.infographic-big-data-steps .infographic-wrapper:first-child .line {
    background-color: #00aa8b
}

.infographic-big-data-steps .infographic-wrapper:nth-child(2) .fact-wrapper {
    background: -webkit-gradient(linear,left top,right top,from(#009a94),to(#008196));
    background: -o-linear-gradient(left,#009a94 0,#008196 100%);
    background: linear-gradient(90deg,#009a94,#008196)
}

.infographic-big-data-steps .infographic-wrapper:nth-child(2) .dot,.infographic-big-data-steps .infographic-wrapper:nth-child(2) .line {
    background-color: #008196
}

.infographic-big-data-steps .infographic-wrapper:nth-child(3) .fact-wrapper {
    background: -webkit-gradient(linear,left top,right top,from(#00629a),to(#3b3e99));
    background: -o-linear-gradient(left,#00629a 0,#3b3e99 100%);
    background: linear-gradient(90deg,#00629a,#3b3e99)
}

.infographic-big-data-steps .infographic-wrapper:nth-child(3) .dot,.infographic-big-data-steps .infographic-wrapper:nth-child(3) .line {
    background-color: #3b3e99
}

.infographic-big-data-steps .infographic-wrapper:nth-child(4) .fact-wrapper {
    background: -webkit-gradient(linear,left top,right top,from(#674aa0),to(#97419b));
    background: -o-linear-gradient(left,#674aa0 0,#97419b 100%);
    background: linear-gradient(90deg,#674aa0,#97419b)
}

.infographic-big-data-steps .infographic-wrapper:nth-child(4) .dot,.infographic-big-data-steps .infographic-wrapper:nth-child(4) .line {
    background-color: #97419b
}

.infographic-big-data-steps .infographic-wrapper:nth-child(5) .fact-wrapper {
    background: -webkit-gradient(linear,left top,right top,from(#bf3396),to(#cf53a2));
    background: -o-linear-gradient(left,#bf3396 0,#cf53a2 100%);
    background: linear-gradient(90deg,#bf3396,#cf53a2)
}

.infographic-big-data-steps .infographic-wrapper:nth-child(5) .dot,.infographic-big-data-steps .infographic-wrapper:nth-child(5) .line {
    background-color: #cf53a2
}

.infographic-big-data-steps .infographic-wrapper:nth-child(6) .fact-wrapper {
    background: -webkit-gradient(linear,left top,right top,from(#d56fb0),to(#f297c4));
    background: -o-linear-gradient(left,#d56fb0 0,#f297c4 100%);
    background: linear-gradient(90deg,#d56fb0,#f297c4)
}

.infographic-big-data-steps .infographic-wrapper:nth-child(6) .dot,.infographic-big-data-steps .infographic-wrapper:nth-child(6) .line {
    background-color: #f297c4
}

.infographic-big-data-steps .infographic-wrapper:first-child .info .icon-svg {
    fill: #00bc7e;
    stroke: #00bc7e
}

.infographic-big-data-steps .infographic-wrapper:nth-child(2) .info .icon-svg {
    fill: #009a94;
    stroke: #009a94
}

.infographic-big-data-steps .infographic-wrapper:nth-child(3) .info .icon-svg {
    fill: #3b3e99;
    stroke: #3b3e99
}

.infographic-big-data-steps .infographic-wrapper:nth-child(4) .info .icon-svg {
    fill: #674aa0;
    stroke: #674aa0
}

.infographic-big-data-steps .infographic-wrapper:nth-child(5) .info .icon-svg {
    fill: #bf3396;
    stroke: #bf3396
}

.infographic-big-data-steps .infographic-wrapper:nth-child(6) .info .icon-svg {
    fill: #f297c4;
    stroke: #f297c4
}

@media (min-width: 1180px) and (max-width:1439px) {
    .infographic-big-data-steps {
        margin-top:90px;
        padding-top: 55px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .infographic-big-data-steps {
        margin-top:100px;
        padding-top: 55px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic-big-data-steps {
        padding-bottom:125px;
        padding-top: 200px
    }
}

@media (max-width: 767px) {
    .infographic-big-data-steps {
        padding-bottom:215px;
        padding-top: 95px
    }
}

.infographic-big-data-steps .infographics-title {
    margin-bottom: 45px;
    text-align: left
}

@media (min-width: 1440px) {
    .infographic-big-data-steps .infographics-title {
        font-size:48px
    }
}

@media (min-width: 768px) and (max-width:1439px) {
    .infographic-big-data-steps .infographics-title {
        margin-bottom:52px;
        margin-left: 30px
    }
}

@media (max-width: 767px) {
    .infographic-big-data-steps .infographics-title {
        margin-bottom:15px;
        margin-left: 10px
    }
}

.infographic-big-data-steps .infographic-wrapper {
    margin-bottom: 20px
}

@media (max-width: 1023px) {
    .infographic-big-data-steps .infographic-wrapper {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 0 20px
    }
}

@media (max-width: 767px) {
    .infographic-big-data-steps .infographic-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 40px
    }
}

.infographic-big-data-steps .fact-wrapper {
    -webkit-flex-basis: 445px;
    -ms-flex-preferred-size: 445px;
    flex-basis: 445px;
    max-width: 445px;
    padding-left: 55px;
    padding-right: 55px
}

@media (min-width: 1024px) and (max-width:1439px) {
    .infographic-big-data-steps .fact-wrapper {
        -webkit-flex-basis:390px;
        -ms-flex-preferred-size: 390px;
        flex-basis: 390px;
        margin-right: 26px;
        max-width: 390px;
        padding-left: 28px;
        padding-right: 28px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic-big-data-steps .fact-wrapper {
        -webkit-flex-basis:300px;
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
        margin-left: -9px;
        margin-right: 10px;
        max-width: 300px;
        padding-left: 37px;
        padding-right: 16px
    }
}

@media (max-width: 767px) {
    .infographic-big-data-steps .fact-wrapper {
        border-radius:60px 0 0 60px;
        -webkit-flex-basis: 120px;
        -ms-flex-preferred-size: 120px;
        flex-basis: 120px;
        margin: 0 0 20px 20px;
        max-height: 120px;
        max-width: none;
        padding-left: 20px;
        padding-right: 10px;
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px)
    }
}

.infographic-big-data-steps .fact-wrapper svg {
    display: none;
    fill: #fff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 48px;
    margin: 0 25px 0 0;
    width: 50px
}

@media (max-width: 767px) {
    .infographic-big-data-steps .fact-wrapper svg {
        display:block
    }
}

@media (max-width: 1439px) {
    .infographic-big-data-steps .fact-wrapper .line {
        right:-30px;
        width: 30px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic-big-data-steps .fact-wrapper .line {
        display:block;
        right: -10px;
        width: 10px
    }
}

@media (max-width: 1439px) {
    .infographic-big-data-steps .fact-wrapper .dot {
        right:-30px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic-big-data-steps .fact-wrapper .dot {
        display:block;
        right: -15px
    }
}

.infographic-big-data-steps .info {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media (max-width: 767px) {
    .infographic-big-data-steps .info {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.infographic-big-data-steps .info .circle {
    margin-right: 30px
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographic-big-data-steps .info .circle {
        margin-right:20px
    }
}

@media (max-width: 767px) {
    .infographic-big-data-steps .info .circle {
        display:none
    }
}

.infographic-big-data-steps .info .description {
    max-width: 400px
}

@media (max-width: 767px) {
    .infographic-big-data-steps .info .description {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        max-width: none;
        padding-left: 20px;
        text-align: left;
        width: 100%
    }
}

.infographics-industry {
    margin: 200px auto 145px;
    position: relative
}

.infographics-industry .item-wrapper:first-child .outer-circle {
    background-color: #a82582
}

.infographics-industry .item-wrapper:first-child .circle-title {
    color: #a82582
}

.infographics-industry .item-wrapper:first-child .circle-title a:hover {
    border-color: #a82582
}

.infographics-industry .item-wrapper:nth-child(2) .outer-circle {
    background-color: #853789
}

.infographics-industry .item-wrapper:nth-child(2) .circle-title {
    color: #853789
}

.infographics-industry .item-wrapper:nth-child(2) .circle-title a:hover {
    border-color: #853789
}

.infographics-industry .item-wrapper:nth-child(3) .outer-circle {
    background-color: #5c3c8b
}

.infographics-industry .item-wrapper:nth-child(3) .circle-title {
    color: #5c3c8b
}

.infographics-industry .item-wrapper:nth-child(3) .circle-title a:hover {
    border-color: #5c3c8b
}

.infographics-industry .item-wrapper:nth-child(4) .outer-circle {
    background-color: #373084
}

.infographics-industry .item-wrapper:nth-child(4) .circle-title {
    color: #373084
}

.infographics-industry .item-wrapper:nth-child(4) .circle-title a:hover {
    border-color: #373084
}

.infographics-industry .item-wrapper:nth-child(5) .outer-circle {
    background-color: #0d538a
}

.infographics-industry .item-wrapper:nth-child(5) .circle-title {
    color: #0d538a
}

.infographics-industry .item-wrapper:nth-child(5) .circle-title a:hover {
    border-color: #0d538a
}

.infographics-industry .item-wrapper:nth-child(6) .outer-circle {
    background-color: #00758b
}

.infographics-industry .item-wrapper:nth-child(6) .circle-title {
    color: #00758b
}

.infographics-industry .item-wrapper:nth-child(6) .circle-title a:hover {
    border-color: #00758b
}

.infographics-industry .item-wrapper:nth-child(7) .outer-circle {
    background-color: #018f8b
}

.infographics-industry .item-wrapper:nth-child(7) .circle-title {
    color: #018f8b
}

.infographics-industry .item-wrapper:nth-child(7) .circle-title a:hover {
    border-color: #018f8b
}

.infographics-industry .item-wrapper:nth-child(8) .outer-circle {
    background-color: #149f81
}

.infographics-industry .item-wrapper:nth-child(8) .circle-title {
    color: #149f81
}

.infographics-industry .item-wrapper:nth-child(8) .circle-title a:hover {
    border-color: #149f81
}

.infographics-industry .item-wrapper:nth-child(9) .outer-circle {
    background-color: #48b173
}

.infographics-industry .item-wrapper:nth-child(9) .circle-title {
    color: #48b173
}

.infographics-industry .item-wrapper:nth-child(9) .circle-title a:hover {
    border-color: #48b173
}

.infographics-industry .item-wrapper:nth-child(10) .outer-circle {
    background-color: #84b68c
}

.infographics-industry .item-wrapper:nth-child(10) .circle-title {
    color: #84b68c
}

.infographics-industry .item-wrapper:nth-child(10) .circle-title a:hover {
    border-color: #84b68c
}

@media (min-width: 1180px) and (max-width:1439px) {
    .infographics-industry {
        margin-bottom:135px;
        margin-top: 185px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .infographics-industry {
        margin-bottom:175px
    }
}

@media (min-width: 768px) {
    .infographics-industry {
        height:400px;
        width: 400px
    }

    .infographics-industry>* {
        height: 110px;
        left: 50%;
        margin: -55px;
        position: absolute;
        top: 50%;
        width: 110px
    }

    .infographics-industry>:first-of-type,.infographics-industry>:first-of-type .dot {
        -webkit-transform: rotate(72deg) translate(200px) rotate(-72deg);
        -ms-transform: rotate(72deg) translate(200px) rotate(-72deg);
        transform: rotate(72deg) translate(200px) rotate(-72deg)
    }

    .infographics-industry>:first-of-type .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        transform: rotate(72deg);
        width: 200px
    }

    .infographics-industry>:nth-of-type(2),.infographics-industry>:nth-of-type(2) .dot {
        -webkit-transform: rotate(36deg) translate(200px) rotate(-36deg);
        -ms-transform: rotate(36deg) translate(200px) rotate(-36deg);
        transform: rotate(36deg) translate(200px) rotate(-36deg)
    }

    .infographics-industry>:nth-of-type(2) .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        transform: rotate(108deg);
        width: 200px
    }

    .infographics-industry>:nth-of-type(3),.infographics-industry>:nth-of-type(3) .dot {
        -webkit-transform: rotate(0deg) translate(200px) rotate(0deg);
        -ms-transform: rotate(0deg) translate(200px) rotate(0deg);
        transform: rotate(0deg) translate(200px) rotate(0deg)
    }

    .infographics-industry>:nth-of-type(3) .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        transform: rotate(144deg);
        width: 200px
    }

    .infographics-industry>:nth-of-type(4),.infographics-industry>:nth-of-type(4) .dot {
        -webkit-transform: rotate(-36deg) translate(200px) rotate(36deg);
        -ms-transform: rotate(-36deg) translate(200px) rotate(36deg);
        transform: rotate(-36deg) translate(200px) rotate(36deg)
    }

    .infographics-industry>:nth-of-type(4) .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        width: 200px
    }

    .infographics-industry>:nth-of-type(5),.infographics-industry>:nth-of-type(5) .dot {
        -webkit-transform: rotate(-72deg) translate(200px) rotate(72deg);
        -ms-transform: rotate(-72deg) translate(200px) rotate(72deg);
        transform: rotate(-72deg) translate(200px) rotate(72deg)
    }

    .infographics-industry>:nth-of-type(5) .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        transform: rotate(216deg);
        width: 200px
    }

    .infographics-industry>:nth-of-type(6),.infographics-industry>:nth-of-type(6) .dot {
        -webkit-transform: rotate(-108deg) translate(200px) rotate(108deg);
        -ms-transform: rotate(-108deg) translate(200px) rotate(108deg);
        transform: rotate(-108deg) translate(200px) rotate(108deg)
    }

    .infographics-industry>:nth-of-type(6) .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(252deg);
        -ms-transform: rotate(252deg);
        transform: rotate(252deg);
        width: 200px
    }

    .infographics-industry>:nth-of-type(7),.infographics-industry>:nth-of-type(7) .dot {
        -webkit-transform: rotate(-144deg) translate(200px) rotate(144deg);
        -ms-transform: rotate(-144deg) translate(200px) rotate(144deg);
        transform: rotate(-144deg) translate(200px) rotate(144deg)
    }

    .infographics-industry>:nth-of-type(7) .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        transform: rotate(288deg);
        width: 200px
    }

    .infographics-industry>:nth-of-type(8),.infographics-industry>:nth-of-type(8) .dot {
        -webkit-transform: rotate(-180deg) translate(200px) rotate(180deg);
        -ms-transform: rotate(-180deg) translate(200px) rotate(180deg);
        transform: rotate(-180deg) translate(200px) rotate(180deg)
    }

    .infographics-industry>:nth-of-type(8) .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(324deg);
        -ms-transform: rotate(324deg);
        transform: rotate(324deg);
        width: 200px
    }

    .infographics-industry>:nth-of-type(9),.infographics-industry>:nth-of-type(9) .dot {
        -webkit-transform: rotate(-216deg) translate(200px) rotate(216deg);
        -ms-transform: rotate(-216deg) translate(200px) rotate(216deg);
        transform: rotate(-216deg) translate(200px) rotate(216deg)
    }

    .infographics-industry>:nth-of-type(9) .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn);
        width: 200px
    }

    .infographics-industry>:nth-of-type(10),.infographics-industry>:nth-of-type(10) .dot {
        -webkit-transform: rotate(-252deg) translate(200px) rotate(252deg);
        -ms-transform: rotate(-252deg) translate(200px) rotate(252deg);
        transform: rotate(-252deg) translate(200px) rotate(252deg)
    }

    .infographics-industry>:nth-of-type(10) .line {
        height: 2px;
        margin: 54px 55px;
        -webkit-transform: rotate(396deg);
        -ms-transform: rotate(396deg);
        transform: rotate(396deg);
        width: 200px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographics-industry {
        margin-bottom:140px;
        margin-top: 135px
    }
}

@media (max-width: 767px) {
    .infographics-industry {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 170px 20px 45px
    }
}

.infographics-industry .item-wrapper {
    z-index: 1
}

@media (min-width: 768px) {
    .infographics-industry .item-wrapper:first-child .circle-title,.infographics-industry .item-wrapper:nth-child(2) .circle-title,.infographics-industry .item-wrapper:nth-child(3) .circle-title,.infographics-industry .item-wrapper:nth-child(4) .circle-title,.infographics-industry .item-wrapper:nth-child(5) .circle-title {
        left:100%;
        margin-left: 10px;
        text-align: left
    }

    .infographics-industry .item-wrapper:nth-child(6) .circle-title,.infographics-industry .item-wrapper:nth-child(7) .circle-title,.infographics-industry .item-wrapper:nth-child(8) .circle-title,.infographics-industry .item-wrapper:nth-child(9) .circle-title,.infographics-industry .item-wrapper:nth-child(10) .circle-title {
        margin-right: 10px;
        right: 100%;
        text-align: right
    }

    .infographics-industry .item-wrapper:first-child .circle-title,.infographics-industry .item-wrapper:nth-child(10) .circle-title {
        -webkit-transform: translateY(160%);
        -ms-transform: translateY(160%);
        transform: translateY(160%)
    }

    .infographics-industry .item-wrapper:nth-child(5) .circle-title,.infographics-industry .item-wrapper:nth-child(6) .circle-title {
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

@media (max-width: 767px) {
    .infographics-industry .item-wrapper {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px
    }
}

.infographics-industry .item-wrapper.item-center {
    height: 120px;
    margin: -60px;
    width: 120px;
    z-index: 0
}

@media (min-width: 320px) and (max-width:767px) {
    .infographics-industry .item-wrapper.item-center {
        display:none
    }
}

.infographics-industry .item-wrapper.item-center .circle-title {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    text-align: center;
    width: 120px
}

.infographics-industry .item-wrapper .circle-title {
    bottom: 50%;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.35;
    position: absolute;
    text-transform: uppercase;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    width: 150px
}

@media (max-width: 767px) {
    .infographics-industry .item-wrapper .circle-title {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 15px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 150px;
        position: static;
        text-align: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%
    }
}

.infographics-industry .item-wrapper .circle-title a {
    border-bottom: 1px solid transparent
}

.infographics-industry .outer-circle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .infographics-industry .outer-circle {
        -webkit-flex-shrink:0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 110px;
        margin-bottom: 10px;
        width: 110px
    }
}

.infographics-industry .icon-svg {
    fill: #fff;
    stroke: #fff
}

.infographics-industry .orbit {
    height: 120px;
    width: 120px
}

.infographics-industry .orbit>* {
    height: 13px;
    left: 50%;
    margin: -6.5px;
    position: absolute;
    top: 50%;
    width: 13px
}

.infographics-industry .orbit>:first-of-type,.infographics-industry .orbit>:first-of-type .dot {
    -webkit-transform: rotate(72deg) translate(60px) rotate(-72deg);
    -ms-transform: rotate(72deg) translate(60px) rotate(-72deg);
    transform: rotate(72deg) translate(60px) rotate(-72deg)
}

.infographics-industry .orbit>:first-of-type .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg);
    width: 90px
}

.infographics-industry .orbit>:nth-of-type(2),.infographics-industry .orbit>:nth-of-type(2) .dot {
    -webkit-transform: rotate(108deg) translate(60px) rotate(-108deg);
    -ms-transform: rotate(108deg) translate(60px) rotate(-108deg);
    transform: rotate(108deg) translate(60px) rotate(-108deg)
}

.infographics-industry .orbit>:nth-of-type(2) .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg);
    width: 90px
}

.infographics-industry .orbit>:nth-of-type(3),.infographics-industry .orbit>:nth-of-type(3) .dot {
    -webkit-transform: rotate(144deg) translate(60px) rotate(-144deg);
    -ms-transform: rotate(144deg) translate(60px) rotate(-144deg);
    transform: rotate(144deg) translate(60px) rotate(-144deg)
}

.infographics-industry .orbit>:nth-of-type(3) .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg);
    width: 90px
}

.infographics-industry .orbit>:nth-of-type(4),.infographics-industry .orbit>:nth-of-type(4) .dot {
    -webkit-transform: rotate(180deg) translate(60px) rotate(-180deg);
    -ms-transform: rotate(180deg) translate(60px) rotate(-180deg);
    transform: rotate(180deg) translate(60px) rotate(-180deg)
}

.infographics-industry .orbit>:nth-of-type(4) .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 90px
}

.infographics-industry .orbit>:nth-of-type(5),.infographics-industry .orbit>:nth-of-type(5) .dot {
    -webkit-transform: rotate(216deg) translate(60px) rotate(-216deg);
    -ms-transform: rotate(216deg) translate(60px) rotate(-216deg);
    transform: rotate(216deg) translate(60px) rotate(-216deg)
}

.infographics-industry .orbit>:nth-of-type(5) .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg);
    width: 90px
}

.infographics-industry .orbit>:nth-of-type(6),.infographics-industry .orbit>:nth-of-type(6) .dot {
    -webkit-transform: rotate(252deg) translate(60px) rotate(-252deg);
    -ms-transform: rotate(252deg) translate(60px) rotate(-252deg);
    transform: rotate(252deg) translate(60px) rotate(-252deg)
}

.infographics-industry .orbit>:nth-of-type(6) .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg);
    width: 90px
}

.infographics-industry .orbit>:nth-of-type(7),.infographics-industry .orbit>:nth-of-type(7) .dot {
    -webkit-transform: rotate(288deg) translate(60px) rotate(-288deg);
    -ms-transform: rotate(288deg) translate(60px) rotate(-288deg);
    transform: rotate(288deg) translate(60px) rotate(-288deg)
}

.infographics-industry .orbit>:nth-of-type(7) .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg);
    width: 90px
}

.infographics-industry .orbit>:nth-of-type(8),.infographics-industry .orbit>:nth-of-type(8) .dot {
    -webkit-transform: rotate(324deg) translate(60px) rotate(-324deg);
    -ms-transform: rotate(324deg) translate(60px) rotate(-324deg);
    transform: rotate(324deg) translate(60px) rotate(-324deg)
}

.infographics-industry .orbit>:nth-of-type(8) .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg);
    width: 90px
}

.infographics-industry .orbit>:nth-of-type(9),.infographics-industry .orbit>:nth-of-type(9) .dot {
    -webkit-transform: rotate(1turn) translate(60px) rotate(-1turn);
    -ms-transform: rotate(1turn) translate(60px) rotate(-1turn);
    transform: rotate(1turn) translate(60px) rotate(-1turn)
}

.infographics-industry .orbit>:nth-of-type(9) .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
    width: 90px
}

.infographics-industry .orbit>:nth-of-type(10),.infographics-industry .orbit>:nth-of-type(10) .dot {
    -webkit-transform: rotate(396deg) translate(60px) rotate(-396deg);
    -ms-transform: rotate(396deg) translate(60px) rotate(-396deg);
    transform: rotate(396deg) translate(60px) rotate(-396deg)
}

.infographics-industry .orbit>:nth-of-type(10) .line {
    height: 3px;
    margin: 5px 6.5px;
    -webkit-transform: rotate(396deg);
    -ms-transform: rotate(396deg);
    transform: rotate(396deg);
    width: 90px
}

.infographics-industry .dot {
    background-color: #cacaca;
    border-radius: 50%
}

@media (max-width: 767px) {
    .infographics-industry .dot {
        display:none
    }
}

.infographics-industry .line {
    background-color: #cacaca;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.infographics-real-estate {
    background-image: url(/i/real-estate-desktop.png?v=0110202092124);
    background-repeat: no-repeat;
    background-size: contain;
    height: 710px;
    width: 100%
}

@media (min-width: 1440px) {
    .infographics-real-estate {
        margin-bottom:140px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .infographics-real-estate {
        height:580px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .infographics-real-estate {
        background-image:url(/i/real-estate-tablet.png?v=0110202092124);
        height: 1354px;
        margin: 0 auto 70px;
        max-width: 720px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .infographics-real-estate {
        background-image:url(/i/real-estate-mobile.png?v=0110202092124);
        height: 915px;
        margin: 0 auto 80px;
        width: 275px
    }
}

.industry {
    border-top: 1px solid hsla(0,0%,85.1%,.4);
    padding-top: 165px;
    position: relative
}

@media (min-width: 1180px) and (max-width:1439px) {
    .industry {
        padding-top:145px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .industry {
        padding-top:175px
    }
}

@media (min-width: 320px) and (max-width:1023px) {
    .industry {
        padding-top:0
    }
}

.industry .attention-section {
    border-top: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 185px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .industry .attention-section {
        top:260px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .industry .attention-section {
        top:80px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .industry .attention-section {
        top:-15px
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .industry .attention-section {
        top:-130px
    }
}

.industry .attention-section .subtitle {
    padding-bottom: 65px;
    padding-top: 66px
}

.reviews-google-wrap {
    margin-bottom: -30px;
    padding-top: 125px
}

@media (max-width: 1439px) {
    .reviews-google-wrap {
        padding-top:75px
    }
}

@media (min-width: 1024px) {
    .reviews-google-wrap {
        margin-bottom:-40px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .reviews-google-wrap {
        margin-bottom:-5px
    }
}

.reviews-google-wrap .title {
    font-size: 34px;
    line-height: 35px;
    margin-bottom: 60px;
    padding: 0 30px;
    text-align: center
}

@media (max-width: 1023px) {
    .reviews-google-wrap .title {
        margin-bottom:40px
    }
}

@media (max-width: 767px) {
    .reviews-google-wrap .title {
        font-size:30px;
        padding: 0 19px
    }
}

.reviews-google-wrap .swiper-google-reviews-container {
    overflow: hidden;
    position: relative
}

@media (min-width: 1440px) {
    .reviews-google-wrap .swiper-google-reviews-container:after,.reviews-google-wrap .swiper-google-reviews-container:before {
        bottom:0;
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 30px;
        z-index: 10
    }
}

.reviews-google-wrap .swiper-google-reviews-container:before {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(22%,#fff),to(hsla(0,0%,100%,0)));
    background-image: -o-linear-gradient(left,#fff 22%,hsla(0,0%,100%,0) 100%);
    background-image: linear-gradient(90deg,#fff 22%,hsla(0,0%,100%,0));
    left: 0
}

.reviews-google-wrap .swiper-google-reviews-container:after {
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(82%,#fff));
    background-image: -o-linear-gradient(left,hsla(0,0%,100%,0) 0,#fff 82%);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 82%);
    right: 0
}

.reviews-google-wrap .swiper-slide {
    text-align: center
}

@media (max-width: 767px) {
    .reviews-google-wrap .swiper-slide {
        margin-bottom:15px
    }
}

.reviews-google-wrap .swiper-slide .review-stars {
    margin-bottom: 20px
}

.reviews-google-wrap .swiper-slide .review-stars .review-star {
    /*background: url(/i/star-solid-blue.svg?v=0110202092124) no-repeat 50% 50%/cover;*/
    display: inline-block;
    height: 20px;
    margin-right: 2px;
    width: 20px
}

.reviews-google-wrap .swiper-slide .review-stars .review-star:last-child {
    margin-right: 0
}

.reviews-google-wrap .swiper-slide .description {
    color: #000;
    margin-bottom: 15px
}

.reviews-google-wrap .swiper-slide .author {
    color: rgba(0,0,0,.5);
    font-style: italic
}

.feedback-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5%;
    width: 35%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .feedback-wrapper {
        padding-right:3%;
        padding-top: 62px
    }
}

@media (max-width: 1179px) {
    .feedback-wrapper {
        height:auto;
        padding-left: 8%;
        padding-right: 8%;
        width: 100%
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .feedback-wrapper {
        padding-bottom:138px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .feedback-wrapper {
        padding-bottom:98px
    }
}

@media (max-width: 767px) {
    .feedback-wrapper {
        padding-bottom:87px
    }
}

.feedback-top {
    font-family: sf_ui_displayheavy,Helvetica,Arial,sans-serif;
    font-size: 24px
}

@media (min-width: 320px) and (max-width:1439px) {
    .feedback-top {
        padding-top:13px
    }
}

.feedback-logo {
    height: 20px;
    margin-left: 5px;
    width: 72px
}

.feedback-rating {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 36px;
    margin-top: 10px
}

.feedback-rating-number {
    font-size: 15px;
    line-height: 18px;
    margin-right: 12px;
    margin-top: 6px
}

.rating-stars-empty {
    /*background: url(/i/rating-stars.png?v=0110202092124) repeat-x;*/
    font-size: 0;
    height: 25px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 125px
}

.rating-stars-empty .rating-stars-filled {
    /*background: url(/i/rating-stars.png?v=0110202092124) repeat-x;*/
    background-position: 0 100%;
    display: block;
    float: left;
    height: 25px
}

.reviews-block {
    border-top: 2px solid rgba(71,71,71,.1);
    padding-bottom: 22px
}

.reviews-paragraph {
    color: #000;
    font-family: sf_ui_textmedium,Helvetica,Arial,sans-serif;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 26px
}

.reviews-author-info {
    font-size: 14px
}

.reviews-author-name {
    color: #000;
    font-family: sf_ui_textmedium,Helvetica,Arial,sans-serif
}

.reviews-author-position {
    color: rgba(71,71,71,.7)
}

.cards-with-icons-wrapper {
    margin-bottom: 70px
}

.cards-with-icons-wrapper .title {
    font-size: 34px;
    line-height: 40px;
    padding-bottom: 70px;
    padding-top: 30px
}

@media (min-width: 1180px) and (max-width:1439px) {
    .cards-with-icons-wrapper .title {
        padding-bottom:70px;
        padding-top: 80px
    }
}

@media (min-width: 1024px) and (max-width:1179px) {
    .cards-with-icons-wrapper .title {
        padding-bottom:110px;
        padding-top: 60px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .cards-with-icons-wrapper .title {
        padding-bottom:80px;
        padding-top: 75px
    }
}

@media (max-width: 767px) {
    .cards-with-icons-wrapper .title {
        font-size:30px;
        line-height: 38px;
        padding-bottom: 60px;
        padding-top: 90px
    }
}

.cards-with-icons-block {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-with-icon,.cards-with-icons-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-with-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.35);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 50px;
    min-height: 205px;
    padding: 30px;
    width: 31%
}

@media (min-width: 320px) and (max-width:1439px) {
    .card-with-icon {
        height:auto
    }
}

@media (min-width: 768px) and (max-width:1179px) {
    .card-with-icon {
        width:47%
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .card-with-icon {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

.card-with-icon .icon-svg {
    height: 64px;
    width: 64px
}

.card-with-icon .description {
    width: 75%
}

@media (min-width: 1180px) and (max-width:1439px) {
    .card-with-icon .description {
        width:70%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .card-with-icon .description {
        width:67%
    }
}

@media (min-width: 320px) and (max-width:767px) {
    .card-with-icon .description {
        margin-top:30px;
        width: 100%
    }
}

.popup-start-your-project {
    background: #61bad3;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 770px;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    z-index: 10001
}

@media (max-width: 767px) {
    .popup-start-your-project {
        max-width:100%;
        min-height: 100vh;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 100%
    }
}

.popup-start-your-project .start-project-popup-wrapper {
    height: 100%;
    padding: 50px 90px;
    position: relative;
    width: 100%
}

@media (max-width: 767px) {
    .popup-start-your-project .start-project-popup-wrapper {
        padding-left:30px;
        padding-right: 30px
    }
}

.popup-start-your-project .send-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 30px auto 0;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .popup-start-your-project .send-button {
        margin-top:40px;
        width: 199px
    }
}

.popup-start-your-project .send-button:not(.hovered) .button-text {
    color: #393939
}

.popup-start-your-project .send-button.hidden {
    display: none
}

@media (min-width: 768px) {
    .popup-start-your-project .form-group-row {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .popup-start-your-project .form-group-row>.form-group-row {
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

.popup-start-your-project .form-group-row .form-group {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 17px
}

@media (min-width: 768px) {
    .popup-start-your-project .form-group-row .form-group {
        width:-webkit-calc(50% - 10px);
        width: calc(50% - 10px)
    }
}

.popup-start-your-project .form-control {
    background: 0;
    border: 1px solid hsla(0,0%,100%,.5);
    color: #fff
}

.popup-start-your-project .form-control-textarea {
    height: 100px
}

.popup-start-your-project .form-control-label {
    margin-bottom: 5px
}

.popup-start-your-project .form-submit-warning {
    display: block;
    line-height: 1.2;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 17px;
    text-align: center;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
    width: 100%
}

.popup-start-your-project .form-submit-warning:not(.shown) {
    position: absolute
}

.popup-start-your-project .form-submit-warning:not(:last-child) {
    display: none
}

.popup-start-your-project .form-submit-warning.error {
    color: #ed1c24
}

.popup-start-your-project .form-submit-warning.incorrect-data,.popup-start-your-project .form-submit-warning.ready-to-submit {
    display: none
}

.popup-start-your-project .form-submit-warning.incorrect-data.shown,.popup-start-your-project .form-submit-warning.ready-to-submit.shown {
    display: block;
    margin-top: 30px;
    text-align: left
}

.popup-start-your-project .form-submit-warning.incorrect-data.shown:last-child,.popup-start-your-project .form-submit-warning.ready-to-submit.shown:last-child {
    display: none
}

.popup-start-your-project .form-submit-warning.incorrect-data.shown~.button,.popup-start-your-project .form-submit-warning.ready-to-submit.shown~.button {
    margin-top: 20px
}

.popup-start-your-project .form-submit-warning .link {
    color: inherit
}

.popup-start-your-project .form-validation-warning {
    margin-left: 5px
}

.popup-start-your-project .form-control-input::-webkit-input-placeholder {
    color: #fff
}

.popup-start-your-project .form-control-input::-moz-placeholder {
    color: #fff
}

.popup-start-your-project .form-control-input:-ms-input-placeholder {
    color: #fff
}

.popup-start-your-project .form-control-input::-ms-input-placeholder {
    color: #fff
}

.popup-start-your-project .form-control-input::placeholder {
    color: #fff
}

.popup-start-your-project .form-group-error:not(.is-active).form-group:not(.cookies) .form-validation-warning {
    padding-left: 5px;
    position: absolute
}

.popup-start-your-project .form-group-error:not(.is-active).form-group:not(.cookies) .form-control-label:after {
    content: "*";
    margin-left: 0
}

.popup-start-your-project .form-group-error:not(.is-active).form-group:not(.cookies).cyrillic-error:not(.company) .form-control-label {
    position: relative;
    top: -7px
}

.popup-start-your-project .form-group-error:not(.is-active).form-group:not(.cookies).cyrillic-error:not(.company) .form-validation-warning {
    bottom: -12px;
    display: block;
    font-size: 11px;
    margin-left: 0;
    padding-left: 0
}

.start-project-heading {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 30px;
    text-align: center
}

@media (min-width: 320px) and (max-width:767px) {
    .start-project-heading {
        font-size:28px
    }
}

.start-project-preloader.shown,.start-your-project-success-icon.shown {
    background: #fff url(/i/send-form.svg?v=0110202092124) no-repeat 50% 50%/18px 12px;
    border-radius: 50%;
    display: block;
    height: 46px;
    margin: 30px auto 0;
    width: 46px
}

@media (min-width: 768px) {
    .start-project-preloader.shown,.start-your-project-success-icon.shown {
        margin-top:40px
    }
}

.start-project-preloader.shown {
    -webkit-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
    background-image: url(/i/form-loading.svg?v=0110202092124);
    background-size: 24px 24px
}

.dedicated-numbers {
    padding-bottom: 90px;
    padding-top: 80px
}

.dedicated-numbers .subtitle-topic {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 56px;
    padding: 0 20px;
    text-align: center
}

.dedicated-numbers .numbers-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1023px) {
    .dedicated-numbers .numbers-wrapper {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.dedicated-numbers .number {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 39px 5px 65px;
    text-align: center;
    width: 100%
}

@media (min-width: 600px) and (max-width:1023px) {
    .dedicated-numbers .number {
        width:33%
    }
}

@media (min-width: 450px) and (max-width:599px) {
    .dedicated-numbers .number {
        width:50%
    }
}

@media (min-width: 1024px) {
    .dedicated-numbers .number {
        width:20%
    }
}

.dedicated-numbers .number.hovered {
    -webkit-box-shadow: 0 0 0 0 #fff,0 -5px 0 0 #fff,0 0 15px 0 rgba(0,0,0,.1),0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 0 0 #fff,0 -5px 0 0 #fff,0 0 15px 0 rgba(0,0,0,.1),0 0 10px 0 rgba(0,0,0,.1)
}

.dedicated-numbers .number-image {
    height: auto;
    margin: 0 0 23px;
    max-width: 276px;
    width: 100%
}

.dedicated-numbers .number-details {
    font-size: 18px;
    line-height: 26px;
    padding: 0 27px
}

.tooltip {
    position: relative
}

.tooltip:hover .tooltip-content {
    -webkit-animation: fadeIn .25s;
    animation: fadeIn .25s
}

.tooltip .tooltip-content {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 6px rgba(0,0,0,.1);
    box-shadow: 0 0 10px 6px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #474747;
    display: none;
    font-size: 12px;
    line-height: 18px;
    max-height: 100vh;
    padding: 20px;
    position: absolute;
    z-index: 4
}

.tooltip .tooltip-content:after,.tooltip .tooltip-content:before {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    -webkit-transform: rotate(90deg) translateY(-50%);
    -ms-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    width: 0
}

.tooltip .tooltip-content:before {
    border-top-color: rgba(0,0,0,.05)
}

.tooltip .tooltip-content:after {
    border-top-color: #fff
}

.tooltip .tooltip-content.right {
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip .tooltip-content.right:after,.tooltip .tooltip-content.right:before {
    top: 48%
}

.tooltip .tooltip-content.right:before {
    left: -19px
}

.tooltip .tooltip-content.right:after {
    left: -18px
}

.tooltip .tooltip-content.left {
    right: 38px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip .tooltip-content.left:after,.tooltip .tooltip-content.left:before {
    top: 48%;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.tooltip .tooltip-content.left:before {
    right: -14px
}

.tooltip .tooltip-content.left:after {
    right: -13px
}

.tooltip .tooltip-content.bottom,.tooltip .tooltip-content.bottom:after,.tooltip .tooltip-content.bottom:before,.tooltip .tooltip-content.top,.tooltip .tooltip-content.top:after,.tooltip .tooltip-content.top:before {
    right: 50%
}

.tooltip .tooltip-content.bottom:before,.tooltip .tooltip-content.top:before {
    bottom: -10px;
    left: auto
}

.tooltip .tooltip-content.bottom:after,.tooltip .tooltip-content.top:after {
    bottom: -9px;
    left: auto
}

.tooltip .tooltip-content.top {
    top: -15px;
    -webkit-transform: translate(50%,-100%);
    -ms-transform: translate(50%,-100%);
    transform: translate(50%,-100%)
}

.tooltip .tooltip-content.top:after,.tooltip .tooltip-content.top:before {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.tooltip .tooltip-content.bottom {
    bottom: -15px;
    -webkit-transform: translate(50%,100%);
    -ms-transform: translate(50%,100%);
    transform: translate(50%,100%)
}

.tooltip .tooltip-content.bottom:after,.tooltip .tooltip-content.bottom:before {
    top: -9px;
    -webkit-transform: translateX(50%) rotate(180deg);
    -ms-transform: translateX(50%) rotate(180deg);
    transform: translateX(50%) rotate(180deg)
}

.tooltip-with-icon {
    /*background: url(/i/form-tooltip-icon.svg?v=0110202092124) no-repeat 50%/contain;*/
    cursor: pointer;
    display: inline-block;
    height: 17px;
    margin-left: 10px;
    width: 17px
}

.form-tooltip {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

@media (min-width: 768px) {
    .form-tooltip {
        margin-left:10px
    }
}

.form-tooltip .tooltip-content {
    width: 295px
}

@media (max-width: 767px) {
    .form-tooltip .tooltip-content.bottom,.form-tooltip .tooltip-content.top {
        right:-25px
    }

    .form-tooltip .tooltip-content.bottom:after,.form-tooltip .tooltip-content.bottom:before,.form-tooltip .tooltip-content.top:after,.form-tooltip .tooltip-content.top:before {
        right: 25px
    }

    .form-tooltip .tooltip-content.top {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .form-tooltip .tooltip-content.top:after,.form-tooltip .tooltip-content.top:before {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .form-tooltip .tooltip-content.bottom {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    .form-tooltip .tooltip-content.bottom:after,.form-tooltip .tooltip-content.bottom:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.form-tooltip .tooltip-content .tooltip-title {
    color: #393939;
    font-family: sf_ui_textmedium,Helvetica,Arial,sans-serif;
    font-size: 15px;
    margin: 0 0 10px
}

.popup-tooltip {
    left: 56px;
    position: absolute;
    top: 7px
}

@media (max-width: 767px) {
    .popup-tooltip {
        height:16px;
        left: auto;
        width: 16px
    }
}

.popup-tooltip .tooltip-content {
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.25);
    font-size: 13px;
    line-height: 24px;
    padding: 11px;
    width: 174px
}

.popup-tooltip .tooltip-content.bottom,.popup-tooltip .tooltip-content.top {
    left: -50px
}

@media (min-width: 768px) {
    .popup-tooltip .tooltip-content.bottom,.popup-tooltip .tooltip-content.top {
        left:-46px
    }
}

.popup-tooltip .tooltip-content.bottom:after,.popup-tooltip .tooltip-content.bottom:before,.popup-tooltip .tooltip-content.top:after,.popup-tooltip .tooltip-content.top:before {
    left: 50px
}

@media (min-width: 768px) {
    .popup-tooltip .tooltip-content.bottom:after,.popup-tooltip .tooltip-content.bottom:before,.popup-tooltip .tooltip-content.top:after,.popup-tooltip .tooltip-content.top:before {
        left:46px
    }
}

.popup-tooltip .tooltip-content.top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.popup-tooltip .tooltip-content.top:after,.popup-tooltip .tooltip-content.top:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.popup-tooltip .tooltip-content.bottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.popup-tooltip .tooltip-content.bottom:after,.popup-tooltip .tooltip-content.bottom:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nda-tooltip.hovered>a:focus,.nda-tooltip.hovered>a:hover {
    border-bottom-color: #10538a;
    color: #10538a
}

.nda-tooltip>a {
    border-bottom: 2px solid #393939;
    cursor: pointer;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    -webkit-touch-callout: none
}

.nda-tooltip .tooltip-content {
    border-radius: 4px;
    height: 150px;
    padding: 10px;
    width: 200px
}

@media (min-width: 768px) {
    .nda-tooltip .tooltip-content.bottom,.nda-tooltip .tooltip-content.top {
        left:-26px
    }
}

@media (min-width: 768px) {
    .nda-tooltip .tooltip-content.bottom:after,.nda-tooltip .tooltip-content.bottom:before,.nda-tooltip .tooltip-content.top:after,.nda-tooltip .tooltip-content.top:before {
        left:33px
    }
}

@media (min-width: 768px) {
    .nda-tooltip .tooltip-content.top {
        -webkit-transform:translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@media (min-width: 768px) {
    .nda-tooltip .tooltip-content.top:after,.nda-tooltip .tooltip-content.top:before {
        -webkit-transform:none;
        -ms-transform: none;
        transform: none
    }
}

@media (min-width: 768px) {
    .nda-tooltip .tooltip-content.bottom {
        -webkit-transform:translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@media (min-width: 768px) {
    .nda-tooltip .tooltip-content.bottom:after,.nda-tooltip .tooltip-content.bottom:before {
        -webkit-transform:rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.upload-files-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 12px
}

@media (max-width: 767px) {
    .upload-files-wrapper {
        margin-bottom:30px;
        width: 100%
    }
}

.upload-files-wrapper .attachment-icon {
    margin-right: 7px
}

.upload-files-wrapper .file-upload-button {
    display: none
}

.upload-files-wrapper .file-upload-button:disabled+.file-upload-label {
    color: #d9d9d9;
    cursor: not-allowed
}

.upload-files-wrapper .file-upload-button:disabled+.file-upload-label .attachment-icon {
    fill: #d9d9d9
}

.upload-files-wrapper .file-upload-button:not(:disabled)+.file-upload-label:focus .file-upload-label-text,.upload-files-wrapper .file-upload-button:not(:disabled)+.file-upload-label:hover .file-upload-label-text {
    position: relative
}

.upload-files-wrapper .file-upload-button:not(:disabled)+.file-upload-label:focus .file-upload-label-text:after,.upload-files-wrapper .file-upload-button:not(:disabled)+.file-upload-label:hover .file-upload-label-text:after {
    opacity: 1
}

.upload-files-wrapper .file-upload-button:not(:disabled)+.file-upload-label .attachment-icon {
    fill: #393939
}

.upload-files-wrapper .file-upload-label {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.upload-files-wrapper .file-wrapper {
    border-right: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 15px;
    margin-right: 15px;
    padding-right: 15px;
    position: relative
}

@media (max-width: 767px) {
    .upload-files-wrapper .file-wrapper {
        border:none;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%
    }
}

.upload-files-wrapper .file-wrapper .file-icon {
    display: inline-block;
    fill: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 19px;
    margin-right: 9px;
    stroke: #393939;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    width: 13px
}

.upload-files-wrapper .error-file .file-icon {
    stroke: #ee393e
}

.upload-files-wrapper .error-file .file-name {
    color: #ee393e
}

.upload-files-wrapper .error-file .file-name:after {
    background-color: #ee393e
}

.upload-files-wrapper .remove-file-button,.upload-files-wrapper .upload-file-button {
    background: url(/i/delete-attachment-icon.svg?v=0110202092124) no-repeat 50%;
    border: none;
    cursor: pointer;
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 15px;
    margin-left: 8px;
    margin-top: 2px;
    padding: 0;
    width: 15px
}

.upload-files-wrapper .remove-file-button:not(:disabled):focus,.upload-files-wrapper .remove-file-button:not(:disabled):hover,.upload-files-wrapper .upload-file-button:not(:disabled):focus,.upload-files-wrapper .upload-file-button:not(:disabled):hover {
    opacity: .8;
    outline: none
}

.upload-files-wrapper .remove-file-button:not(:disabled):focus~.file-name:after,.upload-files-wrapper .remove-file-button:not(:disabled):hover~.file-name:after,.upload-files-wrapper .upload-file-button:not(:disabled):focus~.file-name:after,.upload-files-wrapper .upload-file-button:not(:disabled):hover~.file-name:after {
    opacity: 1
}

.upload-files-wrapper .remove-file-button:disabled,.upload-files-wrapper .remove-file-button:disabled+.file-name,.upload-files-wrapper .remove-file-button:disabled~.file-icon,.upload-files-wrapper .upload-file-button:disabled,.upload-files-wrapper .upload-file-button:disabled+.file-name,.upload-files-wrapper .upload-file-button:disabled~.file-icon {
    opacity: .7
}

.upload-files-wrapper .upload-file-button {
    background-image: url(/i/reupload-file-icon.svg?v=0110202092124)
}

.upload-files-wrapper .file-name,.upload-files-wrapper .file-upload-label {
    font-size: 16px;
    line-height: 19px
}

.upload-files-wrapper .file-name,.upload-files-wrapper .file-upload-label-text {
    position: relative
}

.upload-files-wrapper .file-name:after,.upload-files-wrapper .file-upload-label-text:after {
    background: #393939;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%
}

.main-feedback-wrapper .file-wrapper:not(.error-file) .remove-file-button:focus~.file-name,.main-feedback-wrapper .file-wrapper:not(.error-file) .remove-file-button:hover~.file-name,.main-feedback-wrapper .file-wrapper:not(.error-file) .upload-file-button:focus~.file-name,.main-feedback-wrapper .file-wrapper:not(.error-file) .upload-file-button:hover~.file-name {
    color: #0d538a
}

.main-feedback-wrapper .file-wrapper:not(.error-file) .remove-file-button:focus~.file-name:after,.main-feedback-wrapper .file-wrapper:not(.error-file) .remove-file-button:hover~.file-name:after,.main-feedback-wrapper .file-wrapper:not(.error-file) .upload-file-button:focus~.file-name:after,.main-feedback-wrapper .file-wrapper:not(.error-file) .upload-file-button:hover~.file-name:after {
    background: #0d538a
}

.main-feedback-wrapper .file-wrapper:not(.error-file) .remove-file-button:focus~.file-icon,.main-feedback-wrapper .file-wrapper:not(.error-file) .remove-file-button:hover~.file-icon,.main-feedback-wrapper .file-wrapper:not(.error-file) .upload-file-button:focus~.file-icon,.main-feedback-wrapper .file-wrapper:not(.error-file) .upload-file-button:hover~.file-icon {
    stroke: #0d538a
}

.main-feedback-wrapper .file-upload-button:not(:disabled)+.file-upload-label:focus .file-upload-label-text,.main-feedback-wrapper .file-upload-button:not(:disabled)+.file-upload-label:hover .file-upload-label-text {
    color: #0d538a
}

.main-feedback-wrapper .file-upload-button:not(:disabled)+.file-upload-label:focus .file-upload-label-text:after,.main-feedback-wrapper .file-upload-button:not(:disabled)+.file-upload-label:hover .file-upload-label-text:after {
    background: #0d538a
}

.main-feedback-wrapper .file-upload-button:not(:disabled)+.file-upload-label:focus .attachment-icon,.main-feedback-wrapper .file-upload-button:not(:disabled)+.file-upload-label:hover .attachment-icon {
    fill: #0d538a
}

.success-stories-filter {
    margin-bottom: 20px
}

@media (min-width: 1180px) {
    .success-stories-filter {
        padding-left:250px
    }
}

.filter-headline {
    color: #393939;
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 25px
}

.tag-buttons-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tag-button,.tag-buttons-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tag-button {
    border: 2px solid rgba(57,57,57,.12);
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 45px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 20px 30px 0;
    width: 285px
}

.tag-button.tag-button-active.active-industries-color-0 {
    background-color: #5d3e8d;
    color: #fff
}

.tag-button.tag-button-active.active-industries-color-0 .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-0:hover {
    background-color: #744eb0;
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-0:hover .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-0:hover .inactive-icon {
    fill: #fff
}

.tag-button.tag-button-active.active-industries-color-1 {
    background-color: #4ab374;
    color: #fff
}

.tag-button.tag-button-active.active-industries-color-1 .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-1:hover {
    background-color: #6dc38f;
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-1:hover .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-1:hover .inactive-icon {
    fill: #fff
}

.tag-button.tag-button-active.active-industries-color-2 {
    background-color: #a82582;
    color: #fff
}

.tag-button.tag-button-active.active-industries-color-2 .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-2:hover {
    background-color: #d12fa2;
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-2:hover .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-2:hover .inactive-icon {
    fill: #fff
}

.tag-button.tag-button-active.active-industries-color-3 {
    background-color: #853789;
    color: #fff
}

.tag-button.tag-button-active.active-industries-color-3 .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-3:hover {
    background-color: #a846ad;
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-3:hover .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-industries-color-3:hover .inactive-icon {
    fill: #fff
}

.tag-button.tag-button-active.active-application-color-0 {
    background-color: #8c0e3c;
    color: #fff
}

.tag-button.tag-button-active.active-application-color-0 .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-application-color-0:hover {
    background-color: #ba1350;
    color: #fff
}

html.no-touchevents .tag-button.active-application-color-0:hover .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-application-color-0:hover .inactive-icon {
    fill: #fff
}

.tag-button.tag-button-active.active-application-color-1 {
    background-color: #149f81;
    color: #fff
}

.tag-button.tag-button-active.active-application-color-1 .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-application-color-1:hover {
    background-color: #1acca6;
    color: #fff
}

html.no-touchevents .tag-button.active-application-color-1:hover .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-application-color-1:hover .inactive-icon {
    fill: #fff
}

.tag-button.tag-button-active.active-application-color-2 {
    background-color: #0f558c;
    color: #fff
}

.tag-button.tag-button-active.active-application-color-2 .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-application-color-2:hover {
    background-color: #1471ba;
    color: #fff
}

html.no-touchevents .tag-button.active-application-color-2:hover .button-text {
    color: #fff
}

html.no-touchevents .tag-button.active-application-color-2:hover .inactive-icon {
    fill: #fff
}

.tag-button.tag-button-active .button-text .inactive-icon {
    display: none
}

.tag-button .button-text,.tag-button.tag-button-active .button-text .active-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tag-button .button-text {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #393939;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 16px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tag-button .button-text .inactive-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

.tag-button .button-text .active-icon {
    display: none;
    padding: 15px
}

.tag-button .stories-count {
    margin-right: 15px
}

.send-pdf-popup-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.send-pdf-overlay {
    background-color: hsla(0,0%,100%,.32);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    z-index: 10000
}

.send-pdf-popup {
    background-color: #fff;
    -webkit-box-shadow: 0 0 45px rgba(0,0,0,.35);
    box-shadow: 0 0 45px rgba(0,0,0,.35);
    margin: auto;
    max-width: 486px;
    padding: 64px 32px 54px;
    width: 100%
}

@media (max-width: 767px) {
    .send-pdf-popup {
        width:90%
    }
}

.send-pdf-popup .close-pdf-popup {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 25px
}

.send-pdf-popup .close-pdf-popup .icon-close {
    height: 18px;
    width: 18px
}

.send-pdf-popup .send-pdf-proof-message,.send-pdf-popup .title-wrapper {
    color: #393939;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    text-align: center
}

.send-pdf-popup .title-wrapper {
    margin-bottom: 48px
}

.send-pdf-popup .send-pdf-proof-message {
    margin-bottom: 24px
}

.send-pdf-popup .proof-title,.send-pdf-popup .send-pdf-title {
    font-size: 34px;
    line-height: 39px;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .send-pdf-popup .proof-title,.send-pdf-popup .send-pdf-title {
        font-size:28px
    }
}

.send-pdf-popup .proof-description,.send-pdf-popup .send-pdf-description {
    font-size: 17px;
    margin: auto;
    padding: 0 32px
}

.send-pdf-popup .input-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    position: relative
}

.send-pdf-popup .input-wrapper {
    margin-bottom: 0;
    width: 100%
}

.send-pdf-popup .form-control-label {
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    top: -24px;
    width: 100%
}

.send-pdf-popup .form-control-input {
    border-right: none;
    font-size: 17px;
    height: 50px;
    line-height: inherit;
    padding: 12px 10px
}

.send-pdf-popup .send-pdf-popup-button {
    background-color: #49b175;
    cursor: pointer;
    max-width: 50px;
    width: 100%
}

.send-pdf-popup .send-pdf-popup-button.hovered,.send-pdf-popup .send-pdf-popup-button:active {
    background-color: rgba(73,177,117,.7)
}

.send-pdf-popup .send-pdf-popup-button.hovered svg,.send-pdf-popup .send-pdf-popup-button:active svg {
    fill: #ddd
}

.send-pdf-popup .send-pdf-submit-button .send-pdf-arrow {
    fill: #fff;
    height: 32px;
    margin: auto;
    padding: 9px;
    width: 32px
}

.send-pdf-success-icon {
    background: #49b175 url(/i/send-pdf-form.svg?v=0110202092124) no-repeat 50% 50%/18px 12px;
    border-radius: 50%;
    display: block;
    height: 46px;
    margin: 32px auto 0;
    width: 46px
}

@media (min-width: 768px) {
    .send-pdf-success-icon {
        margin-top:40px
    }
}

.send-pdf-preloader.shown {
    -webkit-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
    background: transparent url(/i/send-pdf-form-loading.svg?v=0110202092124) no-repeat 50% 50%/30px 30px;
    border-radius: 50%;
    display: block;
    height: 50px
}

.form-submit-warning {
    display: none
}

.form-submit-warning.shown {
    display: block
}

.send-pdf-popup-content.hidden,.send-pdf-proof-message,.send-pdf-submit-button.hidden,.send-pdf-success-submit {
    display: none
}

.send-pdf-proof-message.shown,.send-pdf-success-submit.shown {
    display: block
}

.form-group-error:not(.is-active).form-group:not(.cookies) .form-control-input {
    padding-bottom: 10px
}

.conversion-actions.not-found .conversion-actions-item a {
    border-bottom: 2px solid #fff;
    position: relative
}

.conversion-actions.not-found .conversion-actions-item a.hovered {
    border-bottom-color: transparent
}

.conversion-actions .title {
    font-size: 32px;
    margin-bottom: 25px;
    margin-top: 70px
}

@media (min-width: 1023px) and (max-width:1439px) {
    .conversion-actions .title {
        margin-top:125px
    }
}

@media (max-width: 1023px) {
    .conversion-actions .title {
        font-size:24px
    }
}

.conversion-actions .conversion-actions-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .conversion-actions .conversion-actions-list {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.conversion-actions .conversion-actions-item {
    font-size: 24px;
    margin-bottom: 25px;
    margin-right: 30px
}

.conversion-actions-blog {
    padding-bottom: 1px
}

@media (min-width: 1023px) {
    .conversion-actions-blog {
        padding-bottom:0;
        padding-left: 100px
    }
}

.conversion-actions-blog .title {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    margin-bottom: 10px;
    margin-top: 0
}

@media (min-width: 1023px) {
    .conversion-actions-blog .title {
        margin-bottom:15px
    }
}

@media (max-width: 767px) {
    .conversion-actions-blog .title {
        margin-bottom:25px
    }
}

.conversion-actions-blog .conversion-actions-item {
    color: #0f558c;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif
}

.conversion-actions-blog .conversion-actions-item a {
    border-bottom: 1px solid transparent
}

.conversion-actions-blog .conversion-actions-item a.hovered {
    border-bottom-color: #0f558c
}

.rating {
    display: none
}

.rating-feedback-form {
    border-bottom: 2px solid rgba(71,71,71,.1);
    border-top: 2px solid rgba(71,71,71,.1);
    margin: 64px 0;
    padding: 38px;
    text-align: center
}

.rating-feedback-form .rating-feedback-title {
    color: #393939;
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 24px
}

.rating-feedback-form .rating-feedback-stars {
    margin: 45px 0 25px
}

.rating-feedback-form .rating-feedback-submit {
    background-color: inherit;
    border: 0;
    letter-spacing: -.35px;
    padding-left: 35px;
    padding-right: 35px;
    z-index: 0
}

.rating-feedback-form .rating-feedback-submit:focus {
    outline: none
}

.rating-feedback-form .rating-feedback-submit[disabled] {
    cursor: not-allowed;
    opacity: .2
}

.rating-feedback-form .thanks-msg {
    padding: 9px 0
}

.rating-feedback-form .error-msg {
    color: #ed1c24;
    margin-top: 15px
}

.rating-feedback-form input:checked+label,.rating-feedback-form label.on {
    background-image: url('../images/process/star-filled.svg');
}

.rating-feedback-form input:disabled+label {
    cursor: inherit
}

.rating-feedback-form label {
    background: url('../images/process/star-outlined.svg') no-repeat 50%/contain;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    margin-right: 8px;
    width: 32px
}

.rating-feedback-form label:last-child {
    margin-right: 0
}

.rating-feedback-form input[type=radio] {
    -webkit-appearance: none;
    display: none
}

.rating-popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 630px;
    padding: 50px;
    text-align: center;
    width: 85%
}

@media (max-width: 480px) {
    .rating-popup {
        padding:35px
    }
}

.rating-popup .rating-popup-close {
    display: block;
    margin: 0 auto;
    width: 140px
}

.rating-popup .rating-popup-close:after {
    z-index: 1
}

.rating-popup .popup-description {
    font-family: sf_ui_displayblack,Helvetica,Arial,sans-serif;
    font-size: 34px;
    line-height: 39px;
    margin-bottom: 27px
}

.rating-popup .popup-rating-stars-wrapper {
    margin-bottom: 50px
}

.send-rating-preloader.shown {
    -webkit-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
    background: #fff url(/i/form-loading.svg?v=0110202092124) no-repeat 50% 50%/24px 24px;
    border: 2px solid #393939;
    border-radius: 50%;
    display: block;
    height: 46px;
    margin: 30px auto 0;
    width: 46px
}

@media (min-width: 768px) {
    .send-rating-preloader.shown {
        margin-top:40px
    }
}

.nda-page .intro-content .title {
    max-width: 100%
}

.nda-page .intro-content .subtitle {
    max-width: 90%
}

@media (min-width: 1024px) {
    .nda-page .intro-content .subtitle {
        max-width:70%
    }
}

.nda-title {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -.9px;
    line-height: 1.3;
    margin: 0 0 16px
}

@media (max-width: 767px) {
    .nda-title {
        font-size:24px;
        letter-spacing: -.65px;
        margin-bottom: 9px
    }
}

.nda-title .colored-text.wine {
    color: #ba2e50
}

.nda-title .colored-text.aquamarine {
    color: #00a399
}

.nda-subtitle {
    font-size: 18px;
    letter-spacing: -.65px
}

@media (max-width: 767px) {
    .nda-subtitle {
        font-size:16px
    }
}

.nda-attention-section {
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(75%,#fff),color-stop(75%,#f67e7a));
    background-image: -o-linear-gradient(left,#fff 75%,#f67e7a 75%);
    background-image: linear-gradient(90deg,#fff 75%,#f67e7a 0)
}

.nda-attention-section .nda-attention-section-wrapper {
    background-image: linear-gradient(90deg,#fff -webkit-calc(100% - 315px),#f67e7a -webkit-calc(100% - 315px));
    background-image: -o-linear-gradient(left,#fff calc(100% - 315px),#f67e7a calc(100% - 315px));
    background-image: linear-gradient(90deg,#fff calc(100% - 315px),#f67e7a calc(100% - 315px));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 562px;
    position: relative;
    width: 100%
}

@media (max-width: 1023px) {
    .nda-attention-section .nda-attention-section-wrapper {
        background-image:linear-gradient(90deg,#fff -webkit-calc(100% - 199px),#f67e7a -webkit-calc(100% - 199px));
        background-image: -o-linear-gradient(left,#fff calc(100% - 199px),#f67e7a calc(100% - 199px));
        background-image: linear-gradient(90deg,#fff calc(100% - 199px),#f67e7a calc(100% - 199px));
        min-height: 596px
    }
}

@media (max-width: 767px) {
    .nda-attention-section .nda-attention-section-wrapper {
        background-image:linear-gradient(90deg,#fff -webkit-calc(100% - 39px),#f67e7a -webkit-calc(100% - 39px));
        background-image: -o-linear-gradient(left,#fff calc(100% - 39px),#f67e7a calc(100% - 39px));
        background-image: linear-gradient(90deg,#fff calc(100% - 39px),#f67e7a calc(100% - 39px));
        min-height: 671px
    }
}

.nda-attention-section .nda-attention-section-inner {
    padding: 70px 537px 45px 0
}

@media (max-width: 1023px) {
    .nda-attention-section .nda-attention-section-inner {
        padding-right:290px;
        padding-top: 63px
    }
}

@media (max-width: 767px) {
    .nda-attention-section .nda-attention-section-inner {
        padding-bottom:0;
        padding-right: 70px;
        padding-top: 32px
    }
}

.nda-attention-section .nda-attention-image {
    background: url(/i/syberry-nda.png?v=0110202092124) no-repeat 50%/contain;
    height: 572px;
    max-width: 455px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    right: 261px;
    top: 51.6%;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    width: 100%
}

@media (min-width: 768px) and (max-width:1023px) {
    .nda-attention-section .nda-attention-image {
        height:490px;
        max-width: 380px;
        right: 162px;
        top: 50%;
        -webkit-transform: translate(50%,-50%) rotate(-6deg);
        -ms-transform: translate(50%,-50%) rotate(-6deg);
        transform: translate(50%,-50%) rotate(-6deg)
    }
}

@media (max-width: 767px) {
    .nda-attention-section .nda-attention-image {
        height:430px;
        max-width: 360px;
        right: -35px;
        top: 50%;
        -webkit-transform: translate(50%,-50%) rotate(-4deg);
        -ms-transform: translate(50%,-50%) rotate(-4deg);
        transform: translate(50%,-50%) rotate(-4deg)
    }
}

.nda-attention-section p {
    font-size: 18px;
    line-height: 1.65;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .nda-attention-section p {
        font-size:16px;
        margin-bottom: 14px;
        padding-right: 35px
    }
}

.nda-attention-section p:last-child {
    margin-bottom: 0
}

.nda-components {
    background: #fff;
    padding: 60px 0 115px
}

@media (max-width: 1023px) {
    .nda-components {
        padding-bottom:37px;
        padding-top: 65px
    }
}

@media (max-width: 767px) {
    .nda-components {
        padding-bottom:24px
    }
}

.nda-components .nda-title {
    margin: 0 auto 18px;
    text-align: center
}

@media (max-width: 1023px) {
    .nda-components .nda-title {
        margin-bottom:32px;
        max-width: 485px
    }
}

@media (max-width: 767px) {
    .nda-components .nda-title {
        margin-bottom:9px;
        padding: 0 15px
    }
}

.nda-components .nda-components-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .nda-components .nda-components-list {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.nda-components .nda-components-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
    padding: 0
}

@media (min-width: 768px) {
    .nda-components .nda-components-item {
        -webkit-box-flex:1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 0;
        margin-right: 30px;
        width: 30%
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .nda-components .nda-components-item {
        margin-bottom:26px;
        margin-right: 0;
        width: 50%
    }

    .nda-components .nda-components-item:nth-child(2n) {
        margin-right: 0;
        padding-left: 14px
    }
}

@media (max-width: 767px) {
    .nda-components .nda-components-item {
        margin-bottom:23px;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .nda-components .nda-components-item:first-child {
        -webkit-flex-basis:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .nda-components .nda-components-item:first-child {
        margin-bottom:31px;
        text-align: center
    }
}

.nda-components .nda-components-item:first-child .nda-component-description {
    padding: 0
}

@media (min-width: 1024px) {
    .nda-components .nda-components-item:first-child .nda-component-description {
        font-size:18px;
        margin: 0 auto 45px;
        max-width: 768px;
        text-align: center
    }
}

.nda-components .nda-components-item:last-child {
    margin-right: 0
}

.nda-components .nda-components-item .nda-component-title {
    color: #393939;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 16px
}

@media (max-width: 1023px) {
    .nda-components .nda-components-item .nda-component-title {
        margin-bottom:9px
    }
}

@media (max-width: 767px) {
    .nda-components .nda-components-item .nda-component-title {
        font-size:18px;
        line-height: 21px
    }
}

.nda-components .nda-components-item .nda-component-description {
    font-size: 16px;
    line-height: 1.65;
    padding-right: 13px
}

@media (max-width: 767px) {
    .nda-components .nda-components-item .nda-component-description {
        padding-left:3px;
        padding-right: 4px
    }
}

.nda-reasons {
    background-color: #5c80e8;
    padding: 45px 0 27px
}

@media (max-width: 1023px) {
    .nda-reasons {
        padding-bottom:46px;
        padding-top: 65px
    }
}

@media (max-width: 767px) {
    .nda-reasons {
        padding-bottom:40px;
        padding-top: 48px
    }
}

@media (min-width: 1024px) {
    .nda-reasons .wrapper {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .nda-reasons .wrapper {
        max-width:654px
    }
}

.nda-reasons .nda-title {
    color: #fff;
    margin-bottom: 20px
}

@media (max-width: 1023px) {
    .nda-reasons .nda-title {
        text-align:center
    }
}

@media (max-width: 767px) {
    .nda-reasons .nda-title {
        margin-bottom:9px
    }
}

.nda-reasons .nda-subtitle {
    color: #dedede;
    line-height: 1.6
}

@media (max-width: 1023px) {
    .nda-reasons .nda-subtitle {
        margin-left:auto;
        margin-right: auto;
        max-width: 500px;
        text-align: center
    }
}

@media (max-width: 767px) {
    .nda-reasons .nda-subtitle {
        line-height:1.65
    }
}

.nda-reasons .nda-reasons-inner {
    padding-bottom: 18px
}

@media (max-width: 1023px) {
    .nda-reasons .nda-reasons-inner {
        margin-bottom:32px;
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .nda-reasons .nda-reasons-inner {
        margin-bottom:23px
    }
}

.nda-reasons .nda-reasons-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding-left: 0
}

@media (min-width: 1024px) {
    .nda-reasons .nda-reasons-list {
        -webkit-flex-shrink:0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: 30px;
        max-width: 550px
    }
}

.nda-reasons .nda-reasons-item {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 32px 17px;
    width: 100%
}

@media (max-width: 1023px) {
    .nda-reasons .nda-reasons-item:nth-child(odd) {
        margin-left:0
    }
}

@media (min-width: 768px) {
    .nda-reasons .nda-reasons-item {
        margin-bottom:18px;
        margin-left: 16px;
        text-align: center;
        width: 255px
    }
}

@media (max-width: 767px) {
    .nda-reasons .nda-reasons-item {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 8px;
        padding: 24px
    }
}

.nda-reasons .nda-reason-icon {
    background: #fff no-repeat 50%/contain;
    height: 64px;
    margin: 0 auto;
    width: 64px
}

@media (min-width: 768px) {
    .nda-reasons .nda-reason-icon {
        margin-bottom:17px
    }
}

@media (max-width: 767px) {
    .nda-reasons .nda-reason-icon {
        -webkit-flex-shrink:0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 48px;
        margin: 0 15px 0 0;
        width: 48px
    }
}

.nda-reasons .nda-reason-icon.insurance-icon {
    background-image: url(/i/insurance-icon.svg?v=0110202092124)
}

.nda-reasons .nda-reason-icon.mystery-icon {
    background-image: url(/i/mystery-icon.svg?v=0110202092124)
}

.nda-reasons .nda-reason-icon.speak-icon {
    background-image: url(/i/speak-icon.svg?v=0110202092124)
}

.nda-reasons .nda-reason-icon.reputation-icon {
    background-image: url(/i/reputation-icon.svg?v=0110202092124)
}

.nda-reasons .nda-reason-title {
    font-family: sf_ui_textbold,Helvetica,Arial,sans-serif;
    font-size: 24px;
    letter-spacing: -.75px;
    line-height: 1.2;
    margin: 0
}

@media (max-width: 767px) {
    .nda-reasons .nda-reason-title {
        font-size:20px;
        letter-spacing: -.45px
    }
}

.nda-questions {
    background-color: #fff
}

.nda-questions .nda-questions-list {
    list-style: none;
    max-width: 920px;
    padding-bottom: 90px;
    padding-top: 90px
}

@media (min-width: 768px) {
    .nda-questions .nda-questions-list {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .nda-questions .nda-questions-list {
        padding-bottom:64px;
        padding-top: 64px
    }
}

@media (max-width: 767px) {
    .nda-questions .nda-questions-list {
        padding-bottom:48px;
        padding-top: 48px
    }
}

.nda-questions .nda-questions-item {
    border: 3px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
    padding: 29px 9px 32px;
    text-align: center
}

@media (min-width: 768px) {
    .nda-questions .nda-questions-item {
        -webkit-flex-basis:45%;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 0;
        margin-right: 30px;
        padding: 45px 45px 46px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    .nda-questions .nda-questions-item {
        margin-right:16px;
        padding: 30px 15px
    }
}

.nda-questions .nda-questions-item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.nda-questions .nda-questions-item.wine {
    border-color: #ba2e50
}

.nda-questions .nda-questions-item.aquamarine {
    border-color: #00a399
}

.nda-questions .nda-title {
    line-height: 43px;
    margin: 0 0 35px
}

@media (max-width: 1023px) {
    .nda-questions .nda-title {
        font-size:24px;
        line-height: 29px;
        margin-bottom: 22px
    }
}

@media (max-width: 767px) {
    .nda-questions .nda-title {
        margin-bottom:16px
    }
}

.nda-questions .nda-questions-answer {
    margin-bottom: 21px
}

@media (max-width: 1023px) {
    .nda-questions .nda-questions-answer {
        margin-bottom:15px
    }
}

@media (max-width: 767px) {
    .nda-questions .nda-questions-answer {
        font-size:16px;
        line-height: 19px;
        margin-bottom: 18px
    }
}

.nda-questions .nda-questions-answer:last-child {
    margin-bottom: 0
}

.nda-download-template {
    padding-bottom: 90px;
    padding-top: 90px
}

@media (min-width: 768px) and (max-width:1023px) {
    .nda-download-template {
        padding-bottom:64px;
        padding-top: 64px
    }
}

@media (max-width: 767px) {
    .nda-download-template {
        padding-bottom:48px;
        padding-top: 48px
    }
}

.nda-download-template .nda-download-template-inner {
    background: #fff;
    border: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.06);
    box-shadow: 0 0 40px rgba(0,0,0,.06);
    padding: 45px 20px;
    text-align: center
}

@media (min-width: 768px) and (max-width:1023px) {
    .nda-download-template .nda-download-template-inner {
        margin-left:28px;
        margin-right: 28px;
        padding-bottom: 46px;
        padding-top: 50px
    }
}

@media (max-width: 767px) {
    .nda-download-template .nda-download-template-inner {
        padding:32px 15px 30px
    }
}

.nda-download-template .nda-title {
    margin: 0 auto 35px;
    max-width: 750px
}

@media (min-width: 768px) and (max-width:1023px) {
    .nda-download-template .nda-title {
        margin-bottom:23px
    }
}

@media (max-width: 767px) {
    .nda-download-template .nda-title {
        margin-bottom:14px
    }
}

.nda-download-template .nda-title .hover-link {
    border-bottom-color: transparent
}

.nda-download-template .nda-title .hover-link.hovered {
    border-bottom-color: #ba2e50
}

.nda-download-template .button {
    border-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 21px;
    max-width: 322px;
    padding: 17px 18px;
    width: 100%;
    z-index: 1
}

@media (max-width: 767px) {
    .nda-download-template .button {
        font-size:16px;
        line-height: 19px;
        max-width: 268px
    }
}

.nda-download-template .button.hovered,.nda-download-template .button.hovered .button-text {
    color: #fff
}

.nda-download-template .button:not(.hovered) {
    color: #474747
}

@media (min-width: 1440px) {
    .nda-form-section.overflow-itself .acquaintance-sect-wrapper {
        padding-top:185px
    }
}

@media print {
    #menu,.acquaintance-section,.author-social-links,.contact-form-section,.conversion-actions,.page-percentage,.share-post-wrapper,aside,aside *,footer,form,header,iframe,nav {
        display: none
    }

    .blog-print-page .blog-intro {
        margin: 0;
        padding: 40px 0
    }

    .blog-print-page .intro-wrapper,.blog-print-page .intro-wrapper.is-hidden {
        min-height: auto;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible
    }

    .blog-print-page .intro-wrapper .intro-content,.blog-print-page .intro-wrapper.is-hidden .intro-content {
        -webkit-filter: none!important;
        filter: none!important;
        opacity: 1!important;
        text-align: center
    }

    .blog-print-page .intro-wrapper .intro-content .title,.blog-print-page .intro-wrapper.is-hidden .intro-content .title {
        color: #474747;
        font-size: 48px;
        max-width: 100%;
        text-align: center;
        visibility: visible
    }

    .blog-print-page .article-page-wrapper {
        color: #000;
        display: block
    }

    .blog-print-page .article-wrapper {
        padding: 0
    }

    .blog-print-page .article-wrapper a,.blog-print-page .article-wrapper h2 {
        color: #474747
    }

    .blog-print-page .article-wrapper .article-author-wrapper .author-photo {
        height: 60px;
        width: 60px
    }

    .blog-print-page .article-wrapper .article-author-wrapper .author-information {
        font-size: 20px
    }

    .blog-print-page .article-wrapper .article-author-wrapper .author-name {
        font-size: 26px;
        margin-bottom: 5px
    }

    .blog-print-page .article-wrapper .image-inside-text {
        height: auto!important
    }
}

.show-language-menu{
    display:block;
}
.hide-language-menu{
    display:none;
}

.language-button-responsive{
    color:#fff;
}
@media (max-width: 767px) {
    .language-button-responsive {
        color:#8e8e8e;
    }
}
.image-background-responsive{
    background-repeat: no-repeat;
    width:inherit;
}
@media (max-width: 767px){
    .image-background-responsive{
        background-repeat: no-repeat;
        height:100vh;
        width:auto;
    }
}
/**VERSION 2*/