.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-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)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    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 fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

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

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

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

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

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

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

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

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

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-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)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-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
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-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
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

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

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion: reduce),(print) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

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

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

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

main {
    display: block
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=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
}

input {
    overflow: visible
}

[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-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

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

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

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open, .nice-select:active, .nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s
}

.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

@media (min-width: 375px) {
    html {
        font-size: calc(.131vw + 13.50884px)
    }
}

@media (min-width: 1902px) {
    html {
        font-size: 16px
    }
}

.text-shadow h1, .text-shadow h2, .text-shadow h3, .text-shadow h4, .text-shadow h5, .text-shadow h6 {
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15)
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    color: #666;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    line-height: 1.8em;
    overflow-x: hidden;
    -webkit-transition: background-color 1.4s ease;
    transition: background-color 1.4s ease
}

li, ul {
    display: block;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    width: 100%
}

section {
    position: relative
}

.wrapper {
    background-position: 50%;
    background-repeat: no-repeat
}

.content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media screen and (max-width: 1024px) {
    .content--black {
        padding-top: 70px;
        position: relative
    }
}

.page-container {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1850px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .page-container {
        max-width: 1170px
    }
}

.icon {
    display: inline-block
}

.figure {
    margin: 0
}

.grecaptcha-badge {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important
}

.l-preloader {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.l-preloader.visible {
    opacity: 1
}

.l-preloader, .l-preloader #loader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.l-preloader #loader {
    color: #8aaaff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    font: 2.5em sans-serif
}

.l-preloader progress[value] {
    background: #e6eeff;
    border: none;
    border-radius: .125em;
    height: .25em;
    width: 12.5em
}

.l-preloader progress[value]::-webkit-progress-bar {
    background: #e6eeff;
    border: none;
    border-radius: .125em
}

.l-preloader progress[value]::-webkit-progress-value {
    background: -webkit-gradient(linear, left top, right top, from(#8aaaff), to(#fa8cff));
    background: linear-gradient(90deg, #8aaaff, #fa8cff);
    border: none;
    border-radius: inherit
}

.l-preloader progress[value]::-moz-progress-bar {
    background: linear-gradient(90deg, #8aaaff, #fa8cff);
    border: none;
    border-radius: inherit
}

.l-preloader progress[value]::-ms-fill {
    background: linear-gradient(90deg, #8aaaff, #fa8cff);
    border: none;
    border-radius: inherit
}

.l-preloader output:not(:empty) {
    padding-bottom: 1em
}

.l-preloader output:not(:empty):after {
    content: "%"
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/subset-Roboto-Bold.ttf);
    src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/subset-Roboto-Bold.woff) format("woff"), url(../fonts/subset-Roboto-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf);
    src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Light.ttf);
    src: local("Roboto Bold"), local("Roboto-Bold"), url(../fonts/Roboto-Light.woff) format("woff"), url(../fonts/Roboto-Light.ttf) format("truetype");
    font-weight: 100
}

@font-face {
    font-family: BebasNeue;
    src: local("BebasNeue"), local("BebasNeue-Bold");
    src: url(../fonts/BebasNeueBold.woff) format("woff"), url(../fonts/BebasNeueBold.ttf) format("truetype");
    font-weight: 700
}

@font-face {
    font-family: BebasNeue;
    src: local("BebasNeue"), local("BebasNeue-Regular");
    src: url(../fonts/BebasNeueRegular.woff) format("woff"), url(../fonts/BebasNeueRegular.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: Open Sans;
    src: url(../fonts/hinted-OpenSans-Light.ttf);
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/hinted-OpenSans-Light.woff) format("woff"), url(../fonts/hinted-OpenSans-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Open Sans;
    src: url(../fonts/subset-OpenSans-Bold.ttf);
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/subset-OpenSans-Bold.woff) format("woff"), url(../fonts/subset-OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

h1, h2, h3, h4, h5 {
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    margin: 0;
    line-height: 1
}

.heading-primary {
    font-size: 44px;
    letter-spacing: .02em;
    line-height: 1.2em;
    color: #FFC604;
    font-weight: 700
}

@media (min-width: 375px) {
    .heading-primary {
        font-size: calc(2.489vw + 34.66798px)
    }
}

@media (min-width: 1902px) {
    .heading-primary {
        font-size: 82px
    }
}

.heading-secondary {
    font-size: 36px;
    letter-spacing: .02em;
    color: #1b2935;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2em
}

@media (min-width: 375px) {
    .heading-secondary {
        font-size: calc(1.31vw + 31.08841px)
    }
}

@media (min-width: 1902px) {
    .heading-secondary {
        font-size: 56px
    }
}

.heading-tertiary {
    font-size: 26px;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.8em
}

@media (min-width: 375px) {
    .heading-tertiary {
        font-size: calc(.262vw + 25.01768px)
    }
}

@media (min-width: 1902px) {
    .heading-tertiary {
        font-size: 30px
    }
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

p {
    margin: 0
}

.gutenberg-content h2 {
    font-size: 26px
}

.gutenberg-content h2, .gutenberg-content h3 {
    color: #252d38;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    margin: 20px 0;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15)
}

.gutenberg-content h3 {
    font-size: 24px
}

.gutenberg-content .title {
    font-size: 30px
}

@media (min-width: 480px) {
    .gutenberg-content .title {
        font-size: calc(1.25vw + 24px)
    }
}

@media (min-width: 1920px) {
    .gutenberg-content .title {
        font-size: 48px
    }
}

.gutenberg-content ul li {
    position: relative;
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    padding-left: .7em
}

.gutenberg-content ul li:not(:last-child) {
    margin-bottom: 10px
}

.gutenberg-content ul li:before {
    position: absolute;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #FFC604;
    left: 0;
    top: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.gutenberg-content ol {
    counter-reset: myCounter;
    margin: 0
}

.gutenberg-content ol li {
    list-style: none;
    position: relative;
    padding-left: 18px;
    color: #666;
    line-height: 1.8em;
    font-size: 16px
}

.gutenberg-content ol li:not(:last-child) {
    margin-bottom: 10px
}

.gutenberg-content ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter) ". ";
    font-weight: 700;
    color: #666;
    position: absolute;
    left: 0;
    font-size: 1em
}

.gutenberg-content ol, .gutenberg-content ul {
    padding-left: 30px;
    margin: 20px 0
}

.gutenberg-content .has-drop-cap:first-letter {
    font-size: 3.4em;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    float: left;
    margin-right: 2px;
    margin-top: 0;
    color: #000
}

.gutenberg-content p {
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin: 20px 0
}

.gutenberg-content figure {
    margin: 20px 0
}

.gutenberg-content figcaption {
    color: #999;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    margin: 7px auto 0;
    display: block;
    height: 1em;
    line-height: 1.6em
}

.gutenberg-content hr {
    width: 3px;
    height: 3px;
    background-color: #000;
    position: relative;
    display: block;
    border: none;
    margin: 30px auto
}

.gutenberg-content hr:after, .gutenberg-content hr:before {
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #000;
    position: absolute
}

.gutenberg-content hr:before {
    top: 0;
    left: -13px
}

.gutenberg-content hr:after {
    top: 0;
    right: -13px
}

.gutenberg-content blockquote {
    margin: 20px 0
}

.gutenberg-content blockquote p {
    font-size: 18px;
    margin: 0;
    color: #000
}

.gutenberg-content a, .gutenberg-content a:link, .gutenberg-content a:visited {
    cursor: pointer;
    color: #FFC604
}

.gutenberg-content a:hover {
    color: #937200
}

.gutenberg-content .banner {
    font-size: 18px;
    position: relative;
    width: 100%;
    padding: 1.66em 1.25em 2.08em;
    height: 8.75em;
    min-height: 210px;
    background-color: #325add;
    -webkit-box-shadow: 0 26px 21px rgba(120, 137, 182, .26);
    box-shadow: 0 26px 21px rgba(120, 137, 182, .26);
    margin: 20px 0
}

@media (min-width: 480px) {
    .gutenberg-content .banner {
        font-size: calc(.347vw + 16.33333px)
    }
}

@media (min-width: 1920px) {
    .gutenberg-content .banner {
        font-size: 23px
    }
}

@media screen and (max-width: 768px) {
    .gutenberg-content .banner {
        height: auto
    }
}

@media screen and (max-width: 600px) {
    .gutenberg-content .banner {
        padding-left: 15px;
        padding-right: 15px
    }
}

.gutenberg-content .banner__content {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10
}

@media screen and (max-width: 600px) {
    .gutenberg-content .banner__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.gutenberg-content .banner__figure {
    position: absolute
}

.gutenberg-content .banner__figure--1 {
    width: 306px;
    top: -78px;
    left: -76px;
    opacity: .4
}

.gutenberg-content .banner__figure--2 {
    width: 302px;
    right: -94px;
    bottom: -90px;
    opacity: .3
}

.gutenberg-content .banner p {
    margin: 0;
    line-height: 1.56em;
    color: #fff;
    max-width: 340px;
    font-size: 1em
}

.gutenberg-content .banner__btn {
    white-space: nowrap;
    text-transform: uppercase;
    padding: 0 15px;
    min-width: 149px;
    color: #fff !important;
    font-weight: 400
}

@media screen and (max-width: 600px) {
    .gutenberg-content .banner__btn {
        margin-top: 15px
    }
}

.gutenberg-content .banner__btn:hover {
    color: #fff !important
}

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

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.d-none {
    display: none !important
}

.accent {
    color: #FFC604
}

.accent-2 {
    color: #FFC604
}

.max-w-940 {
    max-width: 940px !important
}

.max-w-990 {
    max-width: 990px !important
}

.u-top-shadow {
    -webkit-box-shadow: 0 50px 21px -38px #7889b6 inset;
    box-shadow: inset 0 50px 21px -38px #7889b6
}

.js--load {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.js-scroll {
    opacity: 0
}

.mt-0 {
    margin-top: 0 !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

@-webkit-keyframes decorFigure {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes decorFigure {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes decorFigureBack {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes decorFigureBack {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 0
    }
    80% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: 0
    }
    80% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes circleTransform {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    25% {
        -webkit-transform: translate(-25%, -25%);
        transform: translate(-25%, -25%)
    }
    50% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    75% {
        -webkit-transform: translate(25%, 25%);
        transform: translate(25%, 25%)
    }
}

@keyframes circleTransform {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    25% {
        -webkit-transform: translate(-25%, -25%);
        transform: translate(-25%, -25%)
    }
    50% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    75% {
        -webkit-transform: translate(25%, 25%);
        transform: translate(25%, 25%)
    }
}

@-webkit-keyframes title-move {
    0% {
        -webkit-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
    50% {
        -webkit-transform: translate(-50%, -4%) scale(1.02);
        transform: translate(-50%, -4%) scale(1.02)
    }
    to {
        -webkit-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
}

@keyframes title-move {
    0% {
        -webkit-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
    50% {
        -webkit-transform: translate(-50%, -4%) scale(1.02);
        transform: translate(-50%, -4%) scale(1.02)
    }
    to {
        -webkit-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
}

@-webkit-keyframes figureScroll {
    0% {
        -webkit-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
    50% {
        -webkit-transform: translate(-50%, -4%) scale(1.02);
        transform: translate(-50%, -4%) scale(1.02)
    }
    to {
        -webkit-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
}

@keyframes figureScroll {
    0% {
        -webkit-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
    50% {
        -webkit-transform: translate(-50%, -4%) scale(1.02);
        transform: translate(-50%, -4%) scale(1.02)
    }
    to {
        -webkit-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1)
    }
}

@-webkit-keyframes tech-move {
    0% {
        -webkit-transform: translate(0) scale(1) rotate(0deg);
        transform: translate(0) scale(1) rotate(0deg)
    }
    50% {
        -webkit-transform: translate(-7%, -11%) scale(1.03) rotate(9deg);
        transform: translate(-7%, -11%) scale(1.03) rotate(9deg)
    }
    to {
        -webkit-transform: translate(0) scale(1) rotate(0deg);
        transform: translate(0) scale(1) rotate(0deg)
    }
}

@keyframes tech-move {
    0% {
        -webkit-transform: translate(0) scale(1) rotate(0deg);
        transform: translate(0) scale(1) rotate(0deg)
    }
    50% {
        -webkit-transform: translate(-7%, -11%) scale(1.03) rotate(9deg);
        transform: translate(-7%, -11%) scale(1.03) rotate(9deg)
    }
    to {
        -webkit-transform: translate(0) scale(1) rotate(0deg);
        transform: translate(0) scale(1) rotate(0deg)
    }
}

@-webkit-keyframes smoothMove {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    20% {
        -webkit-transform: translate(5%, 20%) rotate(0);
        transform: translate(5%, 20%) rotate(0)
    }
    45% {
        -webkit-transform: translateY(25%) rotate(15deg);
        transform: translateY(25%) rotate(15deg)
    }
    80% {
        -webkit-transform: translate(-5%, 20%) rotate(0);
        transform: translate(-5%, 20%) rotate(0)
    }
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes smoothMove {
    0% {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
    20% {
        -webkit-transform: translate(5%, 20%) rotate(0);
        transform: translate(5%, 20%) rotate(0)
    }
    45% {
        -webkit-transform: translateY(25%) rotate(15deg);
        transform: translateY(25%) rotate(15deg)
    }
    80% {
        -webkit-transform: translate(-5%, 20%) rotate(0);
        transform: translate(-5%, 20%) rotate(0)
    }
    to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@-webkit-keyframes moveInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10rem);
        transform: translateX(-10rem)
    }
    80% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10rem);
        transform: translateX(-10rem)
    }
    80% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes moveInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10rem);
        transform: translateX(10rem)
    }
    80% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10rem);
        transform: translateX(10rem)
    }
    80% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes moveInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes textPuls {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }
}

@keyframes textPuls {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }
}

@-webkit-keyframes gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.widget {
    margin: 0 0 1.5em
}

.widget > select {
    max-width: 100%
}

.sticky {
    display: block
}

.hentry {
    margin: 0 0 1.5em
}

.byline, .updated:not(.published) {
    display: none
}

.group-blog > .byline, .single > .byline {
    display: inline
}

.entry-content, .entry-summary, .page-content {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content > a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.comment-content > .wp-smiley, .entry-content > .wp-smiley, .page-content > .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.wp-caption, embed, iframe, object {
    max-width: 100%
}

.wp-caption {
    margin-bottom: 1.5em
}

.wp-caption > img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption-text {
    text-align: center
}

.wp-caption > .wp-caption-text {
    margin: .875em 0
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 > .gallery-item {
    max-width: 50%
}

.gallery-columns-3 > .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 > .gallery-item {
    max-width: 25%
}

.gallery-columns-5 > .gallery-item {
    max-width: 20%
}

.gallery-columns-6 > .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 > .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 > .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 > .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.wpcf7-response-output {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    width: 0 !important
}

span.wpcf7-not-valid-tip {
    line-height: normal;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    position: absolute;
    z-index: 1
}

.wpcf7-form-control-wrap {
    display: block;
    line-height: 0
}

.hexagon {
    color: #000;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 33.34vw;
    min-height: 330px;
    min-width: 290px;
    position: relative;
    width: 29.03vw
}

@media screen and (min-width: 1921px) {
    .hexagon {
        height: 654px;
        width: 570px
    }
}

.hexagon__figure {
    height: 87.444%;
    margin: 0 auto;
    position: absolute;
    -webkit-transform: rotateX(55deg) translateY(12.4%);
    transform: rotateX(55deg) translateY(12.4%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.hexagon__figure, .hexagon__figure:after, .hexagon__figure:before {
    background: #fff;
    -webkit-box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    box-shadow: 0 16px 79px rgba(26, 31, 47, .68)
}

.hexagon__figure:after, .hexagon__figure:before {
    content: "";
    height: 70.38%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 70.38%
}

.hexagon__figure:before {
    top: 0
}

.hexagon__figure:after {
    top: 100%
}

.hexagon__body {
    background: #fff;
    height: 50%;
    left: 0;
    position: absolute;
    top: 25%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.hexagon__content {
    left: 50%;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 5
}

input, textarea {
    outline: none
}

.form-inner-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-inner-grid fieldset {
    border: none;
    padding: 0;
    margin: 0;
    width: calc(50% - 15px)
}

.form-inner-grid fieldset:not(:last-child) {
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .form-inner-grid fieldset {
        width: 100%
    }
}

.form-inner-grid--grid-gap-large fieldset:not(:last-child) {
    margin-bottom: 50px
}

@media screen and (max-width: 767px) {
    .form-inner-grid--grid-gap-large fieldset:not(:last-child) {
        margin-bottom: 30px
    }
}

.form-inner-grid .full-width {
    width: 100%
}

.form-inner-grid .form-title {
    width: 100%;
    text-align: center;
    font: 700 calc(.375vw + 28.8px)/1.2 BebasNeue, Helvetica, Arial, sans-serif;
    color: #1b2935;
    font-size: 26px
}

@media (min-width: 375px) {
    .form-inner-grid .form-title {
        font-size: calc(.262vw + 25.01768px)
    }
}

@media (min-width: 1902px) {
    .form-inner-grid .form-title {
        font-size: 30px
    }
}

.form-inner-grid .form-title b {
    color: #FFC604
}

.form-inner-grid .form-input, .form-inner-grid .form-textarea {
    width: 100%;
    border: none;
    color: #000000;
    line-height: 1.6em
}

.form-inner-grid .form-input {
    padding: .2em 0 .2em
}

.form-inner-grid .form-textarea {
    resize: none;
    height: 6em;
    line-height: 1.4em
}

.form-inner-grid .form-textarea::-webkit-input-placeholder {
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-weight: 300
}

.form-inner-grid .form-textarea::-moz-placeholder {
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-weight: 300
}

.form-inner-grid .form-textarea:-ms-input-placeholder {
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-weight: 300
}

.form-inner-grid .form-textarea::-ms-input-placeholder {
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-weight: 300
}

.form-inner-grid .form-textarea::placeholder {
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-weight: 300
}

.form-inner-grid .form-label {
    font-weight: 900;
    pointer-events: none;
    user-select: none;
    position: relative;
    z-index: 5;
    -webkit-transition: .3s;
    transition: .3s
}

.form-inner-grid .form-submit {
    display: block;
    margin: 20px auto 0;
    cursor: pointer
}

.form-inner-grid .fieldset-hidden {
    display: none;
    visibility: hidden
}

.form-inner-grid .ajax-loader {
    display: none !important
}

.form-inner-grid .fieldset-wrap {
    position: relative;
    font: 300 1rem/1.6 Open Sans, sans-serif;
    color: #000000
}

.form-inner-grid .fieldset-wrap:after, .form-inner-grid .fieldset-wrap:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto;
    height: 1px;
    background: #000000;
    -webkit-transition: .3s;
    transition: .3s
}

.form-inner-grid .fieldset-wrap:after {
    width: 0
}

.form-inner-grid .fieldset-wrap.is-active:after, .form-inner-grid .fieldset-wrap.is-error:after {
    width: 100%
}

.form-inner-grid .fieldset-wrap.is-active .form-label, .form-inner-grid .fieldset-wrap.is-error .form-label {
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em);
    font-size: .75em
}

.form-inner-grid .fieldset-wrap.is-active:after {
    background: #7171f3
}

.form-inner-grid .fieldset-wrap.is-active .form-label {
    color: #7171f3
}

.form-inner-grid .fieldset-wrap.is-error:after {
    background: #FFC604
}

.form-inner-grid .fieldset-wrap.is-error .form-label {
    color: #FFC604
}

.nice-select {
    border: transparent;
    padding: 0;
    width: 100%;
    border-radius: 0;
    outline: none;
    height: 35px
}

.nice-select.open, .nice-select:active, .nice-select:focus {
    background-color: transparent;
    border-color: transparent
}

.nice-select:after {
    display: none
}

.nice-select .list {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    width: 0;
    border-radius: 0;
    margin-top: 1px;
    border: .5px solid rgba(55, 55, 55, .1);
    height: 0
}

.nice-select .list li {
    font-size: 14px;
    line-height: 48px
}

.open .list {
    width: 100%;
    clip: rect(0, 450px, 450px, 0);
    height: auto
}

.form-alert {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
    display: none;
    background: #fff;
    padding: 25px 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .48);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .48);
    color: #000;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 90%
}

.form-alert.error {
    display: block;
    color: #FFC604
}

.form-alert.succes {
    display: block;
    color: #393939
}

.c-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.c-popup.is-active {
    opacity: 1;
    visibility: visible
}

.c-popup__inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    max-width: 800px;
    padding: 40px 60px;
    margin: 0 20px;
    background: #fff;
    border-radius: 10px
}

@media screen and (max-width: 1023px) {
    .c-popup__inner {
        padding: 20px 5%;
        max-width: 80%
    }
}

.c-popup__inner:before {
    content: ""
}

.carousel {
    padding-bottom: 70px
}

.carousel .flickity-viewport {
    overflow: visible
}

.carousel .carousel-cell {
    padding: 0 15px;
    width: calc(25% - 45px)
}

@media screen and (max-width: 1440px) {
    .carousel .carousel-cell {
        width: calc(33.33333% - 30px)
    }
}

@media screen and (max-width: 1024px) {
    .carousel .carousel-cell {
        width: calc(50% - 30px)
    }
}

@media screen and (max-width: 600px) {
    .carousel .carousel-cell {
        width: calc(70% - 15px)
    }
}

@media screen and (max-width: 425px) {
    .carousel .carousel-cell {
        width: 100%
    }
}

.carousel .image-wrap {
    margin: 0;
    overflow: hidden;
    padding-bottom: 56.2%;
    position: relative
}

.carousel img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    width: 100%
}

.carousel .body-content {
    padding: 1em
}

.carousel .carousel-content {
    -webkit-box-shadow: 0 20px 27px rgba(14, 48, 157, .14);
    box-shadow: 0 20px 27px rgba(14, 48, 157, .14)
}

.carousel h3 {
    color: #000;
    font: 700 18px/1.6 Open Sans, sans-serif;
    height: 3.2em;
    margin: .35em 0 0;
    max-width: 330px;
    overflow: hidden
}

.carousel p {
    color: #666;
    font: 300 1rem/1.6 Open Sans, sans-serif
}

.carousel .post-info {
    color: #aeaeae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .3em 0
}

.carousel .post-info p {
    font-size: 14px;
    white-space: nowrap
}

.carousel .post-info p:not(:last-child) {
    margin-right: 1em
}

@media screen and (max-width: 600px) {
    .carousel .post-info p:last-child {
        width: 50%
    }
}

.carousel .post-info + p {
    height: 4.8rem;
    overflow: hidden
}

.section-contact {
    z-index: 1;
    padding: 70px 0 80px;
    background: #fff
}

.section-contact .section-inner {
    margin: 0 auto;
    width: 90%;
    max-width: 900px
}

@media screen and (min-width: 601px) {
    .section-contact .section-inner {
        width: 80%
    }
}

.section-contact .title-center {
    text-align: center;
    margin-bottom: 1em
}

.project-post-carousel {
    padding-top: 70px
}

.project-post-carousel__title {
    text-align: center;
    margin-bottom: 1em
}

.section-success-blog {
    padding: 70px 0 80px
}

.section-success-blog .section-inner {
    margin: 0 auto
}

.section-success-blog h2 {
    text-align: center;
    margin-bottom: 1em;
    width: 100%;
    padding: 0 15px
}

@media screen and (min-width: 1366px) {
    .section-success-blog h2 {
        margin-bottom: 100px
    }
}

.btn {
    font-family: Roboto;
    display: inline-block;
    vertical-align: middle;
    background: none;
    font-weight: 700;
    outline: none;
    border: none;
    border-radius: 25px;
    text-transform: uppercase;
    -webkit-box-shadow: 0 20px 27px rgb(245 215 65 / 30%);
    box-shadow: 0 20px 27px rgb(245 215 65 / 30%);
    text-align: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-size: 1rem;
    width: 12.2em;
    height: 3.125em;
    line-height: 3.125em
}

@media screen and (min-width: 1200px) {
    .btn.nice-select.open, .btn:active {
        -webkit-box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
        box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

.btn--ghost {
    background-color: #FFC604;
    color: #000
}

.btn--ghost.nice-select.open, .btn--ghost:active, .btn--ghost:hover {
    background-color: #393939;
    color: #ffffff;
}

.btn--full {
    background-color: #FFC604;
    color: #000
}

.btn--full:hover {
    background-color: #84ff82;
    box-shadow: 0 20px 27px rgba(122, 245, 65, 0.3);
}

.btn--animated {
    -webkit-animation: moveInBottom .5s ease-out .75s;
    animation: moveInBottom .5s ease-out .75s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.btn-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: 8px;
    right: 50px;
    cursor: pointer;
    width: 55px;
    height: 55px;
    background-color: #FFC604;
    border-radius: 50%;
    z-index: 50;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    outline: none;
    border: none
}

@media screen and (max-width: 1024px) {
    .btn-up {
        right: 15px
    }
}

@media screen and (max-width: 990px) {
    .btn-up {
        width: 40px;
        height: 40px;
        right: 20px;
        bottom: 50px
    }
}

.btn-up.visible {
    opacity: 1;
    visibility: visible
}

.btn-up__arrow {
    width: 15px;
    height: 15px;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 6px
}

@-webkit-keyframes criss-cross-left {
    0% {
        left: -20px
    }
    50% {
        left: 50%;
        width: 20px;
        height: 20px
    }
    to {
        left: 50%;
        width: 375px;
        height: 375px
    }
}

@keyframes criss-cross-left {
    0% {
        left: -20px
    }
    50% {
        left: 50%;
        width: 20px;
        height: 20px
    }
    to {
        left: 50%;
        width: 375px;
        height: 375px
    }
}

@-webkit-keyframes criss-cross-right {
    0% {
        right: -20px
    }
    50% {
        right: 50%;
        width: 20px;
        height: 20px
    }
    to {
        right: 50%;
        width: 375px;
        height: 375px
    }
}

@keyframes criss-cross-right {
    0% {
        right: -20px
    }
    50% {
        right: 50%;
        width: 20px;
        height: 20px
    }
    to {
        right: 50%;
        width: 375px;
        height: 375px
    }
}

.btn-blog {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    font-size: 12px;
    border-radius: 18px;
    width: 130px;
    height: 36px;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 992px) {
    .btn-blog {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}

.btn-blog:not(:first-child) {
    margin-left: 30px
}

@media screen and (max-width: 1200px) {
    .btn-blog:not(:first-child) {
        margin-left: 15px
    }
}

.btn-blog:hover {
    color: #fff
}

.btn-blog:after, .btn-blog:before {
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: -1
}

.btn-blog:before {
    left: -20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn-blog:after {
    right: -20px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.btn-blog:hover:before {
    -webkit-animation: criss-cross-left .8s both;
    animation: criss-cross-left .8s both
}

.btn-blog:hover:after {
    -webkit-animation: criss-cross-right .8s both;
    animation: criss-cross-right .8s both
}

.btn-blog-all {
    border: 1px solid #00e7ff;
    width: 143px;
    color: #00e7ff;
    -webkit-box-shadow: 0 18px 24px rgba(114, 220, 231, .29);
    box-shadow: 0 18px 24px rgba(114, 220, 231, .29)
}

.btn-blog-all:after, .btn-blog-all:before {
    background: #00e7ff
}

.btn-blog-ux-ui-design, .btn-blog-ux-ui-design-de, .btn-blog-ux-ui-design-ru {
    border: 1px solid #FFC604;
    color: #FFC604;
    -webkit-box-shadow: 0 18px 24px rgba(120, 137, 182, .29);
    box-shadow: 0 18px 24px rgba(120, 137, 182, .29)
}

.btn-blog-ux-ui-design-de:after, .btn-blog-ux-ui-design-de:before, .btn-blog-ux-ui-design-ru:after, .btn-blog-ux-ui-design-ru:before, .btn-blog-ux-ui-design:after, .btn-blog-ux-ui-design:before {
    background: #FFC604
}

.btn-blog-ideas, .btn-blog-ideas-de, .btn-blog-ideas-ru {
    border: 1px solid #ff323e;
    color: #ff323e;
    -webkit-box-shadow: 0 18px 24px rgba(187, 106, 100, .29);
    box-shadow: 0 18px 24px rgba(187, 106, 100, .29)
}

.btn-blog-ideas-de:after, .btn-blog-ideas-de:before, .btn-blog-ideas-ru:after, .btn-blog-ideas-ru:before, .btn-blog-ideas:after, .btn-blog-ideas:before {
    background: #ff323e
}

.btn-blog-development, .btn-blog-development-de, .btn-blog-development-ru {
    border: 1px solid #00acfa;
    color: #00abf9;
    -webkit-box-shadow: 0 18px 24px rgba(115, 161, 184, .29);
    box-shadow: 0 18px 24px rgba(115, 161, 184, .29)
}

.btn-blog-development-de:after, .btn-blog-development-de:before, .btn-blog-development-ru:after, .btn-blog-development-ru:before, .btn-blog-development:after, .btn-blog-development:before {
    background: #00acfa
}

.btn-blog-technologies, .btn-blog-technologies-de, .btn-blog-technologies-ru {
    color: #900a00;
    border: 1px solid #900a00;
    -webkit-box-shadow: 0 18px 24px rgba(216, 155, 151, .29);
    box-shadow: 0 18px 24px rgba(216, 155, 151, .29)
}

.btn-blog-technologies-de:after, .btn-blog-technologies-de:before, .btn-blog-technologies-ru:after, .btn-blog-technologies-ru:before, .btn-blog-technologies:after, .btn-blog-technologies:before {
    background: #900a00
}

.btn-square {
    background: #f8f9fa;
    width: 208px;
    height: 50px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-square svg {
    margin-right: 10px
}

.btn-square:hover {
    background: #FFC604;
    color: #fff
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 25px;
    height: 4px;
    background-color: #FFC604;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner:after, .hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -8px
}

.hamburger-inner:after {
    bottom: -8px
}

.hamburger {
    z-index: 150;
    width: 55px;
    height: 55px;
    position: fixed;
    top: 10px;
    right: 15px;
    -webkit-box-shadow: 0 0 27px rgba(14, 48, 157, .31);
    box-shadow: 0 0 27px rgba(14, 48, 157, .31);
    cursor: pointer;
    display: none;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: #fff;
    border-radius: 50%;
    border: 0;
    margin: 0;
    overflow: visible;
    outline: none
}

@media screen and (max-width: 1023px) {
    .hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.hamburger:hover {
    opacity: 1
}

.hamburger.is-active {
    background: transparent;
    border: 2px solid #fff;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hamburger.is-active:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #fff
}

.hamburger-box {
    width: 25px;
    height: 20px;
    display: inline-block;
    position: relative
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner:before {
    -webkit-transition: top .1s ease .12s, opacity .1s ease;
    transition: top .1s ease .12s, opacity .1s ease
}

.hamburger--squeeze .hamburger-inner:after {
    -webkit-transition: bottom .1s ease .12s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .12s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .12s, transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .12s, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease, opacity .1s ease .12s;
    transition: top .1s ease, opacity .1s ease .12s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .12s
}

@media screen and (min-width: 1024px) {
    .header-menu__item--current > a:before {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.header-menu__item--dropdown {
    position: relative
}

.header-menu__link {
    color: #fff;
    display: inline-block;
    position: relative
}

@media screen and (min-width: 1024px) {
    .header-menu__link {
        white-space: nowrap
    }
}

.header-menu__link:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    border: 1px solid #fff;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media screen and (max-width: 1023px) {
    .header-menu__link:before {
        bottom: -3px
    }
}

@media screen and (min-width: 1024px) {
    .header-menu__link.active:before, .header-menu__link:hover:before {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.header-menu__before-arrow {
    height: 15px;
    width: 20px;
    margin-right: 3px
}

.header-menu__before-arrow--1 {
    display: none
}

@media screen and (min-width: 1024px) {
    .header-menu__before-arrow {
        display: none
    }
}

@media screen and (max-width: 1023px) {
    .header-menu__after-arrow.active:before {
        border-width: 2px 2px 0 0;
        margin-top: 9px;
        -webkit-transform: rotate(-45deg) translate(4px, -4px);
        transform: rotate(-45deg) translate(4px, -4px)
    }
}

.header-menu__after-arrow:before {
    content: "";
    width: 0;
    height: 0;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 7px
}

@media screen and (min-width: 1024px) {
    .header-menu__after-arrow:before {
        -webkit-transition: .3s ease;
        transition: .3s ease
    }
}

@media screen and (max-width: 1023px) {
    .header-menu__after-arrow:before {
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(45deg) translate(-5px, -5px);
        transform: rotate(45deg) translate(-5px, -5px)
    }
}

.header-menu__after-arrow-0:before {
    -webkit-transform: rotate(45deg) translate(-2px, -3px);
    transform: rotate(45deg) translate(-2px, -3px)
}

@media screen and (max-width: 1023px) {
    .header-menu__after-arrow-0:before {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .header-menu__after-arrow-1 {
        padding-top: 9px
    }
}

@media screen and (max-width: 1023px) {
    .header-menu__after-arrow-1 {
        padding: 12px 14px 4px 10px;
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@media screen and (min-width: 1024px) {
    .header-menu__after-arrow-1:before {
        border-color: #666
    }
}

.header-menu-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-menu-main__item {
    font-family: inherit;
    font-size: 1.25rem;
    font-weight: 300;
    cursor: pointer
}

@media screen and (max-width: 1440px) {
    .header-menu-main__item {
        font-size: 18px
    }
}

@media screen and (max-width: 1023px) {
    .header-menu-main__item {
        font-size: 21px;
        line-height: 28px
    }
}

.header-menu-main__item:not(:first-child) {
    margin-left: 4rem
}

@media screen and (max-width: 1440px) {
    .header-menu-main__item:not(:first-child) {
        margin-left: 2rem
    }
}

.header-menu-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .header-menu-sub {
        border-top: 2px solid #FFC604;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

@media screen and (max-width: 1023px) {
    .header-menu-sub__item {
        line-height: 24px
    }
}

.header-menu-sub__item--current > a:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.header-menu-sub__item-1 {
    padding-left: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: 300
}

@media screen and (max-width: 1440px) {
    .header-menu-sub__item-1 {
        font-size: 18px
    }
}

@media screen and (max-width: 1023px) {
    .header-menu-sub__item-1 {
        font-size: 19px
    }
}

.header-menu-sub__item-2 {
    font-size: 1rem;
    font-weight: 300
}

@media screen and (max-width: 1440px) {
    .header-menu-sub__item-2 {
        font-size: 18px
    }
}

@media screen and (max-width: 1023px) {
    .header-menu-sub__item-2 {
        font-size: 17px
    }
}

.header-menu-sub__link {
    color: #666;
    line-height: 48px
}

.header-menu-sub__link:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #FFC604;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media screen and (max-width: 1023px) {
    .header-menu-sub__link-1 {
        line-height: 20px
    }
}

.header-menu-sub__link-1:before {
    bottom: 6px
}

@media screen and (max-width: 1023px) {
    .header-menu-sub__link-2 {
        height: 36px;
        line-height: 1em
    }
}

.header-menu-sub-1 {
    width: 270px;
    margin-top: 4px
}

@media screen and (min-width: 1024px) {
    .header-menu-sub-1 {
        -webkit-box-shadow: 0 26px 21px rgba(14, 18, 29, .48);
        box-shadow: 0 26px 21px rgba(14, 18, 29, .48)
    }
}

@media screen and (max-width: 1023px) {
    .header-menu-sub-1 {
        width: 100%;
        padding: 30px 0 0
    }
}

@media screen and (max-width: 1023px) {
    .header-menu-sub-2 {
        padding: 5px 0 5px 15px;
        border: 0;
        width: 100%;
        opacity: 1;
        background: transparent;
        display: none
    }

    .header-menu-sub-2.is-open {
        border-top: 2px solid #FFC604;
        height: 170px;
        overflow: visible
    }
}

@media screen and (min-width: 1024px) {
    .header-menu-sub-2 {
        top: 0;
        left: calc(100% + 15px)
    }
}

.page-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 70px
}

@media screen and (max-width: 1023px) {
    .page-header__inner {
        top: 0;
        right: -100%;
        position: fixed;
        height: 100%;
        width: 100%;
        overflow-x: hidden;
        z-index: 125;
        -webkit-transition: right .3s ease-in-out;
        transition: right .3s ease-in-out;
        background-color: rgba(83, 61, 167, .97);
        display: block;
        padding: 0 15px
    }
}

@media (min-width: 601px) and (max-width: 1023px) {
    .page-header__inner {
        max-width: 65%;
        min-width: 420px
    }
}

@media screen and (max-width: 1023px) {
    .page-header__inner .page-header__logo {
        display: none;
        position: absolute;
        top: 25px
    }

    .page-header__inner .page-header__logo--black {
        top: 26px;
        left: 15px
    }
}

@media screen and (max-width: 1023px) {
    .page-header__inner .page-header__nav {
        margin-top: 25%;
        min-height: 75%
    }
}

@media screen and (min-width: 1024px) {
    .page-header__inner .header-menu-sub:hover {
        opacity: 1;
        visibility: visible;
        padding: 23px 15px
    }

    .page-header__inner .header-menu__item--dropdown:hover > .header-menu-sub {
        opacity: 1;
        visibility: visible;
        padding: 23px 15px;
        z-index: 1
    }

    .page-header__inner .header-menu__item--dropdown:hover > .header-menu__after-arrow-1:before {
        -webkit-transform: rotate(-45deg) translate(-2px);
        transform: rotate(-45deg) translate(-2px)
    }

    .page-header__inner .header-menu-sub-2:hover .header-menu-sub {
        opacity: 1;
        visibility: visible;
        padding: 23px 15px
    }
}

.page-header__inner.is-open {
    -webkit-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
    right: 0;
    padding-bottom: 30px
}

.page-header__inner.is-open .page-header__nav {
    display: block
}

.page-header__inner.is-open .header-menu-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-header__inner.is-open .header-menu-main__item:not(:first-child) {
    margin-left: 0;
    margin-top: 25px
}

.page-header__inner.is-open .header-menu-sub-1 {
    visibility: visible;
    opacity: 1;
    position: inherit;
    background: transparent;
    border: 0;
    margin-top: 10px
}

.page-header__inner.is-open .header-menu-sub__link {
    color: #fff
}

.page-header__inner.is-open .page-header__action {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.page-header__inner.is-open .social-header {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: auto;
    display: block;
    visibility: visible
}

.page-header__inner.is-open .page-header__contact {
    margin-right: 30px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media screen and (max-width: 400px) {
    .page-header__inner.is-open .page-header__contact {
        margin-right: 20px
    }
}

.page-header__inner.is-open .language {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 0
}

.page-header__inner.is-open .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    top: auto;
    bottom: 100%
}

.page-header__inner.is-open .wpml-ls-sub-menu li {
    margin-top: 0;
    margin-bottom: 15px
}

@media screen and (min-width: 1024px) {
    .page-header--black .header-menu__link {
        color: #000
    }
}

.page-header--black .page-header__logo--black {
    display: block
}

@media screen and (min-width: 1024px) {
    .page-header--black .page-header__mail {
        fill: #000
    }
}

.page-header--black .header-menu__link:before {
    border: 1px solid #FFC604
}

@media screen and (min-width: 1024px) {
    .page-header--black .wpml-ls-legacy-dropdown-click a, .page-header--black .wpml-ls-legacy-dropdown-click a:focus, .page-header--black .wpml-ls-legacy-dropdown-click a:hover {
        color: #000 !important
    }
}

@media screen and (min-width: 1024px) {
    .page-header--black .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
        background-color: #000
    }
}

.page-header--black .header-menu__after-arrow-0:before {
    border-color: #000
}

.language {
    position: relative;
    margin-right: 50px
}

.wpml-ls-legacy-dropdown {
    width: auto
}

.wpml-ls-legacy-dropdown a {
    border: none;
    background: inherit;
    color: #fff;
    padding: 0;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300
}

.wpml-ls-legacy-dropdown-click {
    width: auto
}

.wpml-ls-legacy-dropdown-click a {
    border: none;
    background: inherit;
    color: #fff;
    padding: 0;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5em
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding-right: 22px;
    position: relative;
    line-height: 1.5em
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    border: none;
    display: block;
    width: 15px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
    background: inherit;
    color: #fff
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border: none;
    -webkit-transition: visibility .1s ease 0s;
    transition: visibility .1s ease 0s
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border: none;
    margin-top: 2px
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    padding-right: 22px;
    position: relative
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    border: none;
    display: block;
    width: 15px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 50%
}

.wpml-ls-legacy-dropdown-click .wpml-ls-item, .wpml-ls-legacy-dropdown .wpml-ls-item {
    margin-top: 5px
}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language, .wpml-ls-legacy-dropdown .wpml-ls-current-language {
    margin-top: 0
}

#comments {
    margin-top: 90px
}

#comments .comments-title {
    font-size: 26px;
    color: #000;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.2em
}

@media (min-width: 375px) {
    #comments .comments-title {
        font-size: calc(.262vw + 25.01768px)
    }
}

@media (min-width: 1902px) {
    #comments .comments-title {
        font-size: 30px
    }
}

#comments .comments-title span {
    color: #bbb
}

#comments .comment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#comments #author, #comments #comment {
    width: 100%;
    background-color: inherit;
    border: none;
    border-bottom: 1px solid #000000;
    font-family: Open Sans, sans-serif;
    font-size: 1rem !important;
    margin: 0;
    padding: 0;
    color: #000000
}

#comments .comment-form-author {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: relative;
    margin-top: 33px;
    max-width: 360px
}

#comments .comment-form-author label[for=author] {
    position: absolute;
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
    bottom: 5px;
    -webkit-transition: .3s;
    transition: .3s
}

#comments .comment-form-author input#author {
    height: 40px
}

#comments .comment-form-author:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #7171f3;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

#comments .comment-form-comment {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 26px;
    position: relative;
    line-height: 1.4em
}

#comments .comment-form-comment textarea#comment {
    height: 125px
}

#comments .comment-form-comment:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    border: 1px solid #7171f3;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

#comments .form-submit {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

#comments .form-submit #submit {
    display: block;
    min-width: 180px;
    width: auto;
    padding: 0 1.7em;
    margin: 2.5em auto 0
}

#comments #comment {
    resize: none
}

#comments .is-entered label[for=author], #comments .is-focused label[for=author] {
    bottom: 25px;
    font-size: 12px;
    color: #7171f3
}

#comments .is-entered:before, #comments .is-focused:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.comment-list {
    padding: 0;
    margin-top: 40px
}

.comment-list .comment {
    margin-top: 14px
}

.comment-list .comment article {
    padding-left: 58px
}

.comment-list .comment-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.comment-list .comment-meta img {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0;
    overflow: hidden;
    left: -58px;
    top: 8px
}

.comment-list b.fn {
    color: #000;
    font-size: 18px;
    line-height: 30px;
    font-style: normal
}

.comment-list .comment-metadata a {
    display: block;
    color: #a4a4a4;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px
}

.comment-list .comment-content, .comment-list .reply {
    margin-top: 10px
}

.comment-list .reply a {
    color: #FFC604;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px
}

.comment-list .children {
    margin-top: 16px;
    margin-left: 19px
}

.share-btn.abs {
    position: absolute;
    top: 0;
    left: -30px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media screen and (max-width: 1023px) {
    .share-btn.abs {
        display: none
    }
}

.share-btn.abs .social-rocket-shares-total-count {
    color: #000;
    font-family: Open Sans, sans-serif;
    font-weight: 700
}

.share-btn.abs .social-rocket-shares-total-label {
    color: #999;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    font-family: Open Sans, sans-serif
}

.share-btn.abs .social-rocket-shares-total-inner {
    text-align: left;
    margin: 0
}

.share-btn.abs .social-rocket-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.share-btn.abs .social-rocket-button-cta {
    display: none
}

.share-btn.abs .social-rocket-button {
    margin-top: 10px;
    height: 51px;
    max-height: 51px;
    width: 52px
}

.share-btn.abs .social-rocket-button-anchor, .share-btn.abs .social-rocket-button-anchor:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.share-btn.abs .social-rocket-button-count {
    line-height: 1em;
    font-size: 11px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    margin-top: 5px
}

.share-btn.bottom .social-rocket-shares-total {
    text-align: left;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 424px) {
    .share-btn.bottom .social-rocket-shares-total {
        display: none
    }
}

.share-btn.bottom .social-rocket-shares-total-count, .share-btn.bottom .social-rocket-shares-total-label {
    color: #000;
    font-size: 12px;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 51px
}

.share-btn.bottom .social-rocket-shares-total-count {
    margin-right: 5px
}

.share-btn.bottom .social-rocket-shares-total-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.share-btn.bottom .social-rocket-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 424px) {
    .share-btn.bottom .social-rocket-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.share-btn.bottom .social-rocket-button {
    width: 27%;
    height: 51px;
    max-height: 51px
}

@media screen and (max-width: 424px) {
    .share-btn.bottom .social-rocket-button {
        width: 32%
    }
}

.share-btn.bottom .social-rocket-button a {
    line-height: 51px
}

@media screen and (max-width: 600px) {
    .share-btn.bottom .social-rocket-button-count {
        display: none
    }
}

.preloader-dots {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background: hsla(0, 0%, 100%, .65);
    overflow: hidden;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.preloader-dots, .preloader-dots .item-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader-dots .item-1 {
    width: 20px;
    height: 20px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #00aade;
    margin: 7px
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50%, 75% {
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
    78%, to {
        opacity: 0
    }
}

.preloader-dots .item-1:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #00aade;
    opacity: .7;
    -webkit-animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.preloader-dots .item-2 {
    width: 20px;
    height: 20px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #8f6df8;
    margin: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader-dots .item-2:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #8f6df8;
    opacity: .7;
    -webkit-animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.preloader-dots .item-3 {
    width: 20px;
    height: 20px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #dd0ca6;
    margin: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader-dots .item-3:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #dd0ca6;
    opacity: .7;
    -webkit-animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.preloader-dots .item-4 {
    width: 20px;
    height: 20px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #7abcc8;
    margin: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preloader-dots .item-4:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #7abcc8;
    opacity: .7;
    -webkit-animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.preloader-dots .item-5 {
    width: 20px;
    height: 20px;
    background: #f583a1;
    border-radius: 50%;
    background-color: #8868f9;
    margin: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50%, 75% {
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
    78%, to {
        opacity: 0
    }
}

.preloader-dots .item-5:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #8868f9;
    opacity: .7;
    -webkit-animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    animation: scale 1.6s cubic-bezier(0, 0, .49, 1.02) infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@-webkit-keyframes title-parallax-move-why-us {
    0% {
        -webkit-transform: translateY(-25%) scale(1);
        transform: translateY(-25%) scale(1)
    }
    50% {
        -webkit-transform: translateY(-21%) scale(1.02);
        transform: translateY(-21%) scale(1.02)
    }
}

@keyframes title-parallax-move-why-us {
    0% {
        -webkit-transform: translateY(-25%) scale(1);
        transform: translateY(-25%) scale(1)
    }
    50% {
        -webkit-transform: translateY(-21%) scale(1.02);
        transform: translateY(-21%) scale(1.02)
    }
}

@-webkit-keyframes title-parallax-move-about-us {
    0% {
        -webkit-transform: translateY(-15%) scale(1);
        transform: translateY(-15%) scale(1)
    }
    50% {
        -webkit-transform: translateY(-11%) scale(1.02);
        transform: translateY(-11%) scale(1.02)
    }
}

@keyframes title-parallax-move-about-us {
    0% {
        -webkit-transform: translateY(-15%) scale(1);
        transform: translateY(-15%) scale(1)
    }
    50% {
        -webkit-transform: translateY(-11%) scale(1.02);
        transform: translateY(-11%) scale(1.02)
    }
}

.title-parallax {
    text-shadow: none;
    pointer-events: none;
    position: absolute;
    width: 100%;
    -webkit-transition: top 1s linear;
    transition: top 1s linear;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .title-parallax {
        display: none
    }
}

.title-parallax:before {
    height: auto;
    line-height: 1;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    z-index: 0;
    width: 95%;
    margin: 0 auto
}

.title-parallax.dark {
    color: rgba(255, 255, 255, 0.06)
}

.title-parallax.light {
    color: #f5f8fc
}

.title-parallax.text-why-us:before {
    content: "Why US";
    font-size: 35vw;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-animation: title-parallax-move-why-us 8s infinite both;
    animation: title-parallax-move-why-us 8s infinite both
}

.title-parallax.text-about-us:before {
    content: "about us:";
    font-size: 27vw;
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
    -webkit-animation: title-parallax-move-avout-us 8s infinite both;
    animation: title-parallax-move-avout-us 8s infinite both
}

.title-parallax.text-loremip:before {
    content: "Loremip";
    font-size: 27vw;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

.title-parallax.text-design:before {
    content: "design";
    font-size: 27.1vw;
    -webkit-transform: translateY(32%);
    transform: translateY(32%)
}

.title-parallax.text-services:before {
    font-size: 29.7vw;
    content: "services";
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%)
}

.section-header-desctop {
    z-index: 30;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 0
}

@media screen and (max-width: 1023px) {
    .section-header-desctop {
        display: none !important
    }
}

.section-header-desctop:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: hsla(0, 0%, 100%, .98);
    opacity: 0
}

.section-header-desctop .section-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media screen and (max-width: 1440px) {
    .section-header-desctop .section-inner {
        max-width: 1170px
    }
}

.section-header-desctop .logo-wrap--white {
    display: block;
    opacity: 0;
    visibility: hidden
}

.section-header-desctop .logo-wrap--black {
    display: none
}

.section-header-desctop .logo-wrap .logo {
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    max-width: 300px
}

.section-header-desctop .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-header-desctop .actions .language-switch {
    margin-right: 50px
}

.section-header-desctop .contant button {
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0;
    width: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 23px
}

.section-header-desctop .contant path {
    fill: #fff
}

.section-header-desctop .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section-header-desctop .menu-list .link, .section-header-desctop .menu-list .link:link, .section-header-desctop .menu-list .link:visited {
    font: inherit;
    color: inherit;
    position: relative
}

.section-header-desctop .menu-list .link:before, .section-header-desctop .menu-list .link:link:before, .section-header-desctop .menu-list .link:visited:before {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    height: 2px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.section-header-desctop .menu-list .link:hover {
    text-shadow: 0 0 .6px
}

.section-header-desctop .menu-list .link:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.section-header-desctop .menu-list .item .arrow {
    display: inline-block;
    width: 28px;
    height: 1em;
    fill: #fff;
    padding: 0 8px
}

.section-header-desctop .menu-list .item svg {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.section-header-desctop .menu-list .item-dropdown {
    position: relative
}

.section-header-desctop .menu-list .item-primary {
    font: 300 18px/1.5 Open Sans, sans-serif;
    color: #fff;
    padding: 0 2rem
}

@media screen and (max-width: 1440px) {
    .section-header-desctop .menu-list .item-primary {
        padding: 0 1rem
    }
}

.section-header-desctop .menu-list .item-primary.item-dropdown:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.section-header-desctop .menu-list .item-primary.item-dropdown:not(:hover) > .menu-sublist {
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.section-header-desctop .menu-list .item-primary.item-dropdown:hover:before {
    height: calc(100% + 20px)
}

.section-header-desctop .menu-list .item-primary.item-dropdown:hover > .menu-sublist {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.section-header-desctop .menu-list .item-primary.item-current > .link {
    text-shadow: 0 0 .6px
}

.section-header-desctop .menu-list .item-primary.item-current > .link:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #fff
}

.section-header-desctop .menu-list .item-dropdown:not(:hover) > .menu-sublist {
    opacity: 0;
    visibility: hidden
}

.section-header-desctop .menu-list .item-dropdown:hover > .menu-sublist {
    opacity: 1;
    visibility: visible
}

.section-header-desctop .menu-list .menu-sublist {
    position: absolute;
    top: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 270px;
    border-top: 2px solid #FFC604;
    background: #fff;
    padding: 0 0 1em;
    -webkit-box-shadow: 0 26px 21px rgba(14, 18, 29, .48);
    box-shadow: 0 26px 21px rgba(14, 18, 29, .48);
    -webkit-transition: .3s;
    transition: .3s
}

.section-header-desctop .menu-list .menu-sublist:not(:hover) {
    opacity: 0;
    visibility: hidden
}

.section-header-desctop .menu-list .menu-sublist:hover {
    opacity: 1;
    visibility: visible
}

.section-header-desctop .menu-list .menu-sublist .item-dropdown:first-child > .menu-sublist {
    top: -2px !important
}

.section-header-desctop .menu-list .menu-sublist .item-dropdown:not(:hover) > .menu-sublist {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.section-header-desctop .menu-list .menu-sublist .item-dropdown:hover > .menu-sublist {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.section-header-desctop .menu-list .menu-sublist .item-dropdown:hover > .arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.section-header-desctop .menu-list .menu-sublist .item {
    font-size: 18px;
    color: #666;
    line-height: 2.4em;
    height: 2.4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1em
}

.section-header-desctop .menu-list .menu-sublist .item:first-child {
    padding-top: 1em;
    height: 3.4em
}

.section-header-desctop .menu-list .menu-sublist .item:first-child .arrow {
    height: 2.4em
}

.section-header-desctop .menu-list .menu-sublist .item .link:hover:before {
    bottom: 5px !important;
    background: #FFC604 !important
}

.section-header-desctop .menu-list .menu-sublist .item .arrow {
    width: 28px;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    fill: #666;
    height: inherit
}

@media screen and (max-width: 1440px) {
    .section-header-desctop .menu-list .menu-sublist .item .arrow {
        width: 26px
    }
}

.section-header-desctop .menu-list .menu-sublist .menu-sublist {
    left: 100%;
    top: 0
}

.section-header-desctop.sticky-header {
    -webkit-box-shadow: 0 12px 16px rgba(200, 214, 241, .34);
    box-shadow: 0 12px 16px rgba(200, 214, 241, .34);
    z-index: 50
}

.section-header-desctop.sticky-header:before {
    opacity: 1
}

.custom-logo-link {
    opacity: 0;
    visibility: hidden;
}

.section-header-desctop.section-header-desctop--black .logo-wrap--white, .section-header-desctop.sticky-header .logo-wrap--white {
    display: none
}

.section-header-desctop.section-header-desctop--black .logo-wrap--black, .section-header-desctop.sticky-header .logo-wrap--black {
    display: block;
    opacity: 0;
    visibility: hidden;
}

.section-header-desctop.section-header-desctop--black .item-primary, .section-header-desctop.sticky-header .item-primary {
    color: #000
}

.section-header-desctop.section-header-desctop--black .arrow, .section-header-desctop.sticky-header .arrow {
    fill: #000 !important
}

.section-header-desctop.section-header-desctop--black .item-current > .link:before, .section-header-desctop.sticky-header .item-current > .link:before {
    background: #FFC604 !important
}

.section-header-desctop.section-header-desctop--black .language-switch .header-menu-main__link:hover, .section-header-desctop.section-header-desctop--black .language-switch .wpml-ls-current-language:hover > a, .section-header-desctop.section-header-desctop--black .language-switch .wpml-ls-item-toggle, .section-header-desctop.section-header-desctop--black .language-switch .wpml-ls-item-toggle:hover, .section-header-desctop.section-header-desctop--black .language-switch .wpml-ls-legacy-dropdown-click a:focus, .section-header-desctop.section-header-desctop--black .language-switch .wpml-ls-legacy-dropdown-click a:hover, .section-header-desctop.section-header-desctop--black .language-switch .wpml-ls-legacy-dropdown a:focus, .section-header-desctop.section-header-desctop--black .language-switch .wpml-ls-legacy-dropdown a:hover, .section-header-desctop.section-header-desctop--black .language-switch .wpml-ls-link, .section-header-desctop.sticky-header .language-switch .header-menu-main__link:hover, .section-header-desctop.sticky-header .language-switch .wpml-ls-current-language:hover > a, .section-header-desctop.sticky-header .language-switch .wpml-ls-item-toggle, .section-header-desctop.sticky-header .language-switch .wpml-ls-item-toggle:hover, .section-header-desctop.sticky-header .language-switch .wpml-ls-legacy-dropdown-click a:focus, .section-header-desctop.sticky-header .language-switch .wpml-ls-legacy-dropdown-click a:hover, .section-header-desctop.sticky-header .language-switch .wpml-ls-legacy-dropdown a:focus, .section-header-desctop.sticky-header .language-switch .wpml-ls-legacy-dropdown a:hover, .section-header-desctop.sticky-header .language-switch .wpml-ls-link {
    color: #000 !important
}

.section-header-desctop.section-header-desctop--black .language-switch a.wpml-ls-item-toggle:after, .section-header-desctop.sticky-header .language-switch a.wpml-ls-item-toggle:after {
    background-color: #000
}

.section-header-desctop.section-header-desctop--black .language-switch .wpml-ls-sub-menu, .section-header-desctop.sticky-header .language-switch .wpml-ls-sub-menu {
    background-color: #fff;
    margin-left: -10px;
    padding-left: 10px;
    padding-bottom: 8px;
    border-radius: 8px
}

.section-header-desctop.section-header-desctop--black .contant path, .section-header-desctop.sticky-header .contant path {
    fill: #000
}

.section-header-mobile {
    height: 70px;
    position: absolute
}

@media screen and (min-width: 1024px) {
    .section-header-mobile {
        display: none
    }
}

.section-header-mobile:before {
    opacity: 0;
    content: "";
    background: rgba(97, 97, 97, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    z-index: 130
}

.section-header-mobile .logo-wrap {
    display: none;
    position: absolute;
    top: 35px;
    left: 15px;
    z-index: 150
}

.section-header-mobile .logo-wrap--white {
    display: block;
    opacity: 0;
    visibility: hidden;
}

.section-header-mobile .logo-wrap--black {
    display: none
}

.section-header-mobile .logo-wrap .logo {
    margin-top: -18px;
    margin-left: 0;
    margin-right: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 220px;
    max-width: 220px
}

.section-header-mobile .section-inner {
    position: fixed;
    top: 0;
    left: 100%;
    height: 100%;
    width: 65vw;
    min-height: 100vh;
    z-index: 125;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-transition: .5s;
    transition: .5s;
    background: rgba(83, 83, 83, 0.9);
    padding: 0 15px 30px
}

@media screen and (max-width: 600px) {
    .section-header-mobile .section-inner {
        width: 100vw
    }
}

.section-header-mobile .section-inner > .inner {
    margin-top: 25%
}

.section-header-mobile .section-inner .menu-list .item {
    font: 300 21px/2.4 Open Sans, sans-serif;
    color: #fff
}

.section-header-mobile .section-inner .menu-list .item .arrow {
    fill: #fff;
    cursor: pointer;
    display: inline-block;
    width: 38px;
    padding: 0 12px;
    line-height: inherit
}

.section-header-mobile .section-inner .menu-list .item .arrow.active {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.section-header-mobile .section-inner .menu-list .item svg {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.section-header-mobile .section-inner .menu-list .item-primary {
    font-size: 21px
}

.section-header-mobile .section-inner .menu-list .item-primary > .arrow {
    display: none
}

.section-header-mobile .section-inner .menu-list .item-secondary {
    font-size: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section-header-mobile .section-inner .menu-list .item-secondary .arrow {
    -webkit-transition: .3s;
    transition: .3s
}

.section-header-mobile .section-inner .menu-list .item-tertiary {
    font-size: 19px
}

.section-header-mobile .section-inner .menu-list .menu-sublist {
    width: 100%
}

.section-header-mobile .section-inner .menu-list .menu-sublist .menu-sublist {
    display: none;
    padding-left: 15px
}

.section-header-mobile .section-inner .menu-list .link, .section-header-mobile .section-inner .menu-list .link:hover, .section-header-mobile .section-inner .menu-list .link:link, .section-header-mobile .section-inner .menu-list .link:visited {
    display: inline-block;
    font: inherit;
    color: inherit;
    height: inherit
}

.section-header-mobile .section-inner .socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section-header-mobile .section-inner .socials ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-header-mobile .section-inner .socials ul li:not(:first-child) {
    margin-left: 12px
}

.section-header-mobile .section-inner .socials img {
    width: 20px
}

.section-header-mobile .section-inner .actions {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.section-header-mobile .section-inner .actions .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.section-header-mobile .section-inner .language-switch {
    margin-left: 30px
}

.section-header-mobile .section-inner .language-switch .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    bottom: 100%;
    top: auto;
    margin-bottom: 5%
}

.section-header-mobile .section-inner .contant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-header-mobile .section-inner .contant button {
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0;
    width: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 23px
}

.section-header-mobile .section-inner .contant path {
    fill: #fff
}

.section-header-mobile.section-header-mobile--black {
    position: absolute;
    top: 0;
    left: 0
}

.section-header-mobile.section-header-mobile--black .logo-wrap--white {
    display: none
}

.section-header-mobile.section-header-mobile--black .logo-wrap--black {
    display: block
}

@media screen and (max-width: 600px) {
    .section-header-mobile.is-active:before {
        opacity: 1
    }
}

.section-header-mobile.is-active .section-inner {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .5s;
    transition: .5s
}

@media screen and (max-width: 600px) {
    .section-header-mobile.is-active .logo-wrap {
        position: fixed
    }
}

@media screen and (max-width: 600px) {
    .section-header-mobile.is-active .logo-wrap--white {
        display: block
    }
}

@media screen and (max-width: 600px) {
    .section-header-mobile.is-active .logo-wrap--black {
        display: none
    }
}

.page-footer {
    overflow-y: hidden;
    padding: 50px 0 20px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
}

.page-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1470px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
}

@media screen and (max-width: 882px) {
    .page-footer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.page-footer__col {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%
}

.page-footer__col--center {
    -ms-flex-preferred-size: calc(33% - 80px);
    flex-basis: calc(33% - 80px)
}

@media screen and (max-width: 882px) {
    .page-footer__col--center {
        display: none
    }
}

.page-footer__col--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 55px
}

@media screen and (max-width: 882px) {
    .page-footer__col--right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0
    }
}

.page-footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px
}

@media screen and (max-width: 882px) {
    .page-footer__logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }
}

.page-footer__large-img {
    min-width: 290px;
    min-height: 200px;
    position: relative
}

.page-footer__large-img img {
    width: 330px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-footer__copyright {
    color: #c2d0eb;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.8em;
    width: 100%;
    text-align: center
}

.icon-logo-small {
    background-image: url(../images/spritesheet.png);
    background-position: -593px -195px;
    width: 66px;
    height: 39px;
    margin-right: 10px
}

.footer-newsletter {
    margin: 20px 0 25px;
    width: 280px
}

@media screen and (max-width: 882px) {
    .footer-newsletter {
        margin: 40px 0 15px
    }
}

.footer-newsletter__title {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 15px
}

.footer-newsletter__title, .tnp-field label {
    font-family: inherit;
    font-weight: 300;
    line-height: 1em
}

.tnp-field label {
    position: absolute;
    color: #9b9bc6 !important;
    font-size: 1rem !important;
    bottom: 7px;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.tnp-field-email {
    width: 84%
}

.tnp-field input[type=submit] {
    position: static !important;
    cursor: pointer
}

.tnp-widget input[type=email] {
    margin: 0;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important
}

.tnp-widget form {
    height: 34px;
    margin-top: 6px;
    position: relative;
    border-bottom: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tnp-widget form:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    border: 1px solid #FFC604;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.tnp-widget form .tnp-field {
    display: inline-block;
    margin-bottom: 0
}

.tnp-widget form.is-active label {
    font-size: 12px !important;
    bottom: 30px !important;
    color: #fff !important
}

.tnp-widget input.tnp-submit {
    background-color: transparent !important;
    border: none !important;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 300
}

input.tnp-email {
    height: 100% !important;
    font-size: 1rem !important;
    color: #fff !important;
    outline: none !important
}

.menu-item {
    white-space: nowrap
}

.menu-item:first-child {
    margin-left: 0 !important
}

.footer-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 882px) {
    .footer-menu__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer-menu__list .menu-item {
    margin-left: 25px
}

@media screen and (max-width: 1200px) {
    .footer-menu__list .menu-item {
        text-align: right;
        margin-left: 0;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

@media screen and (max-width: 882px) {
    .footer-menu__list .menu-item {
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        text-align: center;
        padding: 8px 0
    }
}

.footer-menu__list .menu-item a {
    color: #fff;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    height: inherit
}

@media screen and (max-width: 882px) {
    .social {
        margin: 20px 0
    }
}

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

.social__item:not(:first-child) {
    margin-left: 20px
}

.social__link {
    display: inline-block
}

.social__icon {
    width: 20px
}

.terms_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 18px;
}

.terms_list .menu-item {
    margin-left: 10px
}

.terms_list .menu-item a {
    color: #FFC604;
    font-family: inherit;
    font-size: 15px;
    font-weight: 300;
    -webkit-transition: .3s;
    transition: .3s
}

.terms_list .menu-item a:hover {
    color: #fff
}

.footer {
    padding: 1em 0
}

.footer--404 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.footer--projects {
    background: transparent
}

.featured {
    z-index: 3;
    background: #fff;
    padding: 70px 0 80px;
    overflow: hidden
}

.featured__inner {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto
}

.featured__title {
    text-align: center;
    margin-bottom: 53px
}

@media screen and (max-width: 1440px) {
    .featured__title {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 992px) {
    .featured__title {
        margin-bottom: 0
    }
}

.featured__btn {
    position: relative;
    z-index: 1
}

.featured__btn--mobile {
    display: inline-block;
    margin-left: 10px
}

@media screen and (min-width: 993px) {
    .featured__btn--mobile {
        display: none
    }
}

.featured__btn--desctop {
    display: none
}

@media screen and (min-width: 993px) {
    .featured__btn--desctop {
        display: block;
        margin: 0 auto
    }
}

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

@media screen and (max-width: 992px) {
    .portfolio {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(100% + 60px);
        margin-left: -30px
    }
}

.portfolio .slick-list {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.portfolio .slick-dots {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 992px) {
    .portfolio .slick-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 25px
    }
}

.portfolio .slick-dots button {
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none;
    color: #000;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6em;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    white-space: nowrap
}

@media screen and (max-width: 992px) {
    .portfolio .slick-dots button {
        padding: 8px 18px
    }
}

@media screen and (min-width: 993px) {
    .portfolio .slick-dots button:before {
        width: 18px;
        height: 1px;
        background-color: #000;
        display: inline-block;
        content: "";
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px)
    }
}

.portfolio .slick-active button {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

@media screen and (max-width: 992px) {
    .portfolio .slick-active button {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        font-weight: 700
    }
}

.portfolio__content {
    display: none;
    width: 100%
}

.portfolio__content.is-active {
    display: block;
    -webkit-animation: flash .5s linear normal none running;
    animation: flash .5s linear normal none running
}

.portfolio__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 90px
}

@media screen and (max-width: 992px) {
    .portfolio__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 30px 50px
    }
}

.portfolio__box-photo {
    width: 800px;
    height: 600px;
    max-width: 80%;
    max-height: 600px;
    position: relative
}

@media screen and (max-width: 1260px) {
    .portfolio__box-photo {
        max-width: 60%;
        height: 500px
    }
}

@media screen and (max-width: 992px) {
    .portfolio__box-photo {
        max-width: 560px;
        height: 460px
    }
}

@media screen and (max-width: 768px) {
    .portfolio__box-photo {
        max-width: 490px;
        height: 400px
    }
}

@media screen and (max-width: 724px) {
    .portfolio__box-photo {
        height: 370px
    }
}

@media screen and (max-width: 600px) {
    .portfolio__box-photo {
        max-width: 440px;
        height: 350px
    }
}

@media screen and (max-width: 524px) {
    .portfolio__box-photo {
        max-width: 400px;
        height: 330px
    }
}

@media screen and (max-width: 424px) {
    .portfolio__box-photo {
        height: 240px;
        max-width: 300px
    }
}

.portfolio__box-photo > img {
    max-height: 685px;
    width: auto
}

@media screen and (max-width: 992px) {
    .portfolio__box-photo > img {
        height: 100%
    }
}

.portfolio__photo {
    position: absolute
}

@media screen and (max-width: 1260px) {
    .portfolio__photo {
        max-width: 100%
    }
}

@media screen and (max-width: 992px) {
    .portfolio__photo {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.portfolio__info {
    z-index: 5;
    margin-left: 40px;
    width: 100%;
    max-width: 360px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

@media screen and (max-width: 1260px) {
    .portfolio__info {
        margin-left: 25px
    }
}

@media screen and (max-width: 992px) {
    .portfolio__info {
        margin-left: 0;
        width: 100%;
        max-width: 730px
    }
}

.portfolio__title {
    color: #000;
    font-weight: 300
}

.portfolio__descr {
    display: block;
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    margin-bottom: 3em
}

@media screen and (max-width: 992px) {
    .portfolio__link-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

.partners {
    padding: 220px 0 240px;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    z-index: 5
}

.partners .figure-scene {
    z-index: 2
}

.partners.violet {
    z-index: 10;
    background-color: #393939;
    background-image: radial-gradient(circle 70vh at center, #2d2b2b 0, #2d2b2b 24%, #2d2b2b 32%, #393939 91%, #393939 100%);
}

.partners.blue-darken {
    background-color: #393939;
    background-image: radial-gradient(circle 820px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
}

@media screen and (max-width: 992px) {
    .partners.blue-darken {
        background-image: radial-gradient(circle 420px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
    }
}

@media screen and (max-width: 1440px) {
    .partners {
        padding: 140px 0 170px
    }
}

.partners .partners__figure {
    position: absolute
}

.partners .partners__figure--1 {
    width: 160px;
    left: 7%;
    top: 73%
}

.partners .partners__figure--2 {
    width: 167px;
    left: 77%;
    top: 120px
}

.partners__inner {
    position: relative;
    z-index: 1
}

.partners__title {
    color: #fff;
    text-align: center
}

.partners__slider {
    margin: 45px auto 0;
    width: 100%
}

@media screen and (max-width: 992px) {
    .partners__slider {
        margin-top: 25px
    }
}

.partners__slider-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

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

.partners__item {
    width: 190px;
    padding: 20px 0 10px;
    margin: 30px 15px
}

@media screen and (max-width: 992px) {
    .partners__item {
        margin: 30px auto
    }
}

.partners__link {
    display: block
}

.partners .slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 993px) {
    .partners .slick-dots {
        display: none !important
    }
}

.partners .slick-dots li:not(:first-child) {
    margin-left: 20px
}

.partners .slick-dots button {
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    background: 0 0;
    border-radius: 50%;
    text-indent: -99999px;
    padding: 0;
    outline: none
}

.partners .slick-active button {
    background: #fff
}

.partners-hexagon {
    position: relative;
    width: 190px;
    height: 220px;
    margin: 0 auto;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.partners-hexagon .partners-hexagon-body {
    position: absolute;
    width: 100%;
    height: 87.444%;
    -webkit-transform: rotateX(55deg) translateY(12.556%);
    transform: rotateX(55deg) translateY(12.556%);
    z-index: 1
}

.partners-hexagon .partners-hexagon-body, .partners-hexagon .partners-hexagon-body-bottom, .partners-hexagon .partners-hexagon-body-top {
    background: #fff;
    -webkit-box-shadow: 0 16px 31px rgba(26, 31, 47, .68);
    box-shadow: 0 16px 31px rgba(26, 31, 47, .68);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.partners-hexagon .partners-hexagon-body-bottom, .partners-hexagon .partners-hexagon-body-top {
    width: 70.38%;
    height: 70.38%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1
}

.partners-hexagon .partners-hexagon-body-top {
    top: 0
}

.partners-hexagon .partners-hexagon-body-bottom {
    top: 100%
}

.partners-hexagon .partners-hexagon-body-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    background: #fff;
    position: absolute;
    z-index: 5
}

.partners-hexagon .partners-hexagon-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scaleY(1.66) translate(-50%, -27%);
    transform: scaleY(1.66) translate(-50%, -27%);
    min-width: 90%;
    z-index: 10
}

.partners-hexagon .partners-hexagon-content img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: auto
}

.partners-hexagon .partners-hexagon-content img[title=Upwork] {
    width: 141px
}

.partners-hexagon .partners-hexagon-content img[title=Clutch] {
    width: 135px
}

.partners-hexagon .partners-hexagon-content img[title=Google] {
    width: 140px
}

.partners-hexagon .partners-hexagon-content img[title=Behance] {
    width: 94px
}

.partners-hexagon:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.slick-slide {
    outline: none !important
}

.white-card-s {
    font-size: calc(.125vw + 13.6px);
    padding: 120px 0 160px
}

@media screen and (max-width: 1440px) {
    .white-card-s {
        padding: 70px 0 120px
    }
}

@media screen and (max-width: 1023px) {
    .white-card-s {
        padding: 70px 0 80px
    }
}

.white-card-s__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.white-card-s__title {
    text-align: center
}

.white-card-s__subtitle {
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
    color: #1b2935;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.6em
}

.white-card-s-loop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2.5em
}

@media screen and (max-width: 1023px) {
    .white-card-s-loop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.white-card-s-card {
    width: calc(33.33% - 30px);
    max-width: 28.75em;
    margin: 0 auto 3.125em;
    -webkit-box-shadow: 0 26px 40px rgba(113, 138, 185, .26);
    box-shadow: 0 26px 40px rgba(113, 138, 185, .26)
}

@media screen and (max-width: 1023px) {
    .white-card-s-card {
        width: 100%
    }
}

.white-card-s-card:nth-child(3n+2) {
    -webkit-transform: translateY(2.5em);
    transform: translateY(2.5em)
}

@media screen and (max-width: 1023px) {
    .white-card-s-card:nth-child(3n+2) {
        -webkit-transform: none;
        transform: none
    }
}

.white-card-s-card .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.white-card-s-card .head, .white-card-s-card .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.white-card-s-card .head {
    padding: 15px;
    min-height: 7.125em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.white-card-s-card .head.red {
    background: #FFC604 radial-gradient(circle 120px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #937200 91%, #937200 100%)
}

.white-card-s-card .head.blue {
    background: #0096ff radial-gradient(circle 120px at center, #0096ff 0, #0096ff 24%, #0492fd 32%, #2372ee 91%, #393939 100%)
}

.white-card-s-card .head.violet {
    background: #5656d8 radial-gradient(circle 120px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

.white-card-s-card .head.orange {
    background: #ff784e radial-gradient(circle 120px at center, #ff784e 0, #ff784e 24%, #ff764e 32%, #ff664e 91%, #ff644e 100%)
}

.white-card-s-card .head.violet-light {
    background: #8787fb radial-gradient(circle 120px at center, #8787fb 0, #8787fb 23%, #8484fb 32%, #7272f7 91%, #6f6ff7 100%)
}

.white-card-s-card .head.blue-light {
    background: #36a8f8 radial-gradient(circle 120px at center, #36a8f8 0, #36a8f8 24%, #30a6f9 32%, #0698fe 91%, #0096ff 100%)
}

.white-card-s-card .head.right {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%)
}

.white-card-s-card .head.left {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%)
}

.white-card-s-card .head h3 {
    color: #fff;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: 1.875em;
    font-weight: 700;
    text-align: center;
    width: calc(100% - 30px);
    padding: 0 15px;
    letter-spacing: .021em
}

.white-card-s-card .body {
    max-width: 380px;
    margin: 0 auto;
    padding: 15px 15px 45px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.white-card-s-card .body p {
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em
}

.why-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding: 70px 0 80px;
    height: 100%;
    min-height: 85vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 6
}

.why-us__figure {
    position: absolute
}

@media screen and (max-width: 992px) {
    .why-us__figure {
        display: none
    }
}

.why-us__figure--1 {
    top: 0;
    left: 60%;
    width: 99px;
    height: 109px
}

.why-us__figure--2 {
    top: 38%;
    left: 4%;
    width: 128px;
    height: 136px
}

.why-us__figure--3 {
    top: 85%;
    left: 21%;
    width: 128px;
    height: 125px
}

.why-us__figure--4 {
    top: 78%;
    left: 84%;
    width: 149px;
    height: 161px
}

.why-us__inner {
    position: relative;
    margin: 0 auto;
    z-index: 3;
    text-align: center;
    max-width: 1200px
}

@media screen and (max-width: 600px) {
    .why-us__inner {
        text-align: left
    }
}

.why-us h2 {
    font-size: calc(2.25vw + 28.8px);
    line-height: 1.2em;
    letter-spacing: .02em;
    margin-bottom: .5em
}

.why-us h2, .why-us h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-family: BebasNeue, Helvetica, Arial, sans-serif
}

.why-us h3 {
    font-size: 26px;
    margin: 2.2em 0 1.2em
}

@media (min-width: 375px) {
    .why-us h3 {
        font-size: calc(.262vw + 25.01768px)
    }
}

@media (min-width: 1902px) {
    .why-us h3 {
        font-size: 30px
    }
}

@media screen and (max-width: 992px) {
    .why-us h3 {
        margin: 1.2em 0 .5em
    }
}

.why-us p {
    font-family: Open Sans, sans-serif;
    font-size: 1.15rem;
    font-weight: 300;
    line-height: 1.8em
}

.why-us p:not(:last-child) {
    margin-bottom: 1em
}

.why-us.violet {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #393939;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);;
    color: #fff
}

.why-us.violet p {
    max-width: 952px;
    margin-left: auto;
    margin-right: auto
}

.why-us.white {
    background-color: transparent
}

.why-us.white h2, .why-us.white h3 {
    color: #1b2935
}

.why-us.white p {
    color: #666;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.why-us.white a, .why-us.white a:link, .why-us.white a:visited {
    cursor: pointer;
    color: #FFC604
}

.why-us.white a:hover {
    color: #937200
}

.why-us.small p {
    max-width: 820px
}

.why-us.auto p {
    max-width: 940px
}

.why-us.big p {
    max-width: 990px
}

.why-us__btn--web-dev, .why-us__btn--web-dev:hover, .why-us__btn--web-dev:visited, .why-us__btn--website, .why-us__btn--website:hover, .why-us__btn--website:visited {
    color: #fff !important;
    display: block;
    margin: 50px auto 0
}

.why-benefits {
    overflow: hidden;
    padding: 6.875em 0 12em;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background: #393939 radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
}

@media screen and (max-width: 1440px) {
    .why-benefits {
        padding: 4.375em 0 5em
    }
}

.why-benefits__figure {
    position: absolute
}

.why-benefits__figure--1 {
    width: 99px;
    height: 109px;
    right: 4%;
    top: 5%
}

.why-benefits__figure--2 {
    width: 128px;
    height: 136px;
    left: 6%;
    top: 30%
}

@media screen and (max-width: 1440px) {
    .why-benefits__figure--2 {
        display: none
    }
}

.why-benefits__figure--3 {
    width: 149px;
    height: 161px;
    bottom: 8%;
    right: 9%
}

@media screen and (max-width: 1440px) {
    .why-benefits__figure--3 {
        display: none
    }
}

.why-benefits__inner {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    z-index: 5
}

@media (min-width: 600px) and (max-width: 990px) {
    .why-benefits__inner {
        width: calc(90vw - 30px)
    }
}

.why-benefits__btn {
    display: block;
    margin: 50px auto 0
}

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

@media screen and (max-width: 990px) {
    .why-benefits-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.why-benefits-col--1 {
    width: 56%;
    max-width: 36.5em;
    margin-right: auto
}

@media screen and (max-width: 990px) {
    .why-benefits-col--1 {
        width: 100%;
        max-width: 100%
    }
}

.why-benefits-col--2 {
    width: 40%
}

@media screen and (max-width: 990px) {
    .why-benefits-col--2 {
        width: 100%;
        margin-top: 1.56em
    }
}

.why-benefits-col__title {
    color: #fff;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: calc(.25vw + 19.2px);
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.6em
}

@media screen and (max-width: 990px) {
    .why-benefits-col__title {
        text-align: center
    }
}

.outline-loop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2.15em
}

.outline:not(:first-child) {
    margin-top: 2.5rem
}

.outline--dev-app:not(:first-child) {
    margin-top: 1.25rem
}

.outline .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 33.4em
}

@media screen and (max-width: 990px) {
    .outline .inner {
        margin: 0 auto;
        max-width: 100%
    }
}

.outline__figure {
    margin: 0;
    position: relative;
    height: 8.125em;
    width: 16%;
    max-width: 120px;
    min-width: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.outline__figure img {
    position: absolute;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-1.25em);
    transform: translateX(-1.25em);
    max-width: 110px
}

.outline__text {
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em
}

.docket-loop {
    margin-top: 2.2rem
}

@media screen and (max-width: 990px) {
    .docket-loop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.docket {
    position: relative;
    padding-left: 15px;
    font-size: 1rem;
    line-height: 1.8em
}

@media screen and (max-width: 990px) {
    .docket {
        width: 49%
    }

    .docket:nth-child(odd) {
        margin-right: auto
    }
}

.docket:not(:first-child) {
    margin-top: .5em
}

@media screen and (max-width: 990px) {
    .docket:not(:first-child) {
        margin-top: 0
    }
}

.docket:before {
    position: absolute;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #00e5ff;
    border-radius: 50%;
    left: 0;
    top: .625em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.docket__text {
    font-family: Open Sans, sans-serif;
    color: #fff;
    font-weight: 300
}

.why-benefits-msg {
    margin-top: 2.2rem;
    max-width: 30.625rem
}

@media screen and (max-width: 990px) {
    .why-benefits-msg {
        min-width: 100%
    }
}

.why-benefits-msg__text {
    font-family: Open Sans, sans-serif;
    opacity: .8;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.8em
}

.why-benefits-2 {
    overflow: hidden;
    padding: calc(1.25vw + 66px) 0 calc(2.5vw + 72px);
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background: #5656d8 radial-gradient(circle 920px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

.why-benefits-2__inner {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    z-index: 5
}

.why-benefits-2__indent {
    width: 100%;
    max-width: 26rem;
    margin: 4rem auto 0
}

.why-benefits-2__indent p {
    font-size: 1em;
    color: #fff
}

.why-benefits-2__btn {
    display: block;
    margin: 50px auto 0
}

.why-benefits-2-column-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media screen and (max-width: 990px) {
    .why-benefits-2-column-wrap.default {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto
    }
}

.why-benefits-2-column-wrap.default .why-benefits-2-col {
    width: 100%;
    max-width: 47%
}

@media screen and (max-width: 990px) {
    .why-benefits-2-column-wrap.default .why-benefits-2-col {
        max-width: 100%
    }
}

.why-benefits-2-column-wrap.default .why-benefits-2-col--1 {
    margin-right: auto
}

@media screen and (max-width: 990px) {
    .why-benefits-2-column-wrap.default .why-benefits-2-col--1 {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .why-benefits-2-column-wrap.default .why-benefits-2-col--2 {
        margin-top: 4rem
    }
}

.why-benefits-2-column-wrap.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (max-width: 990px) {
    .why-benefits-2-column-wrap.reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0 auto
    }
}

.why-benefits-2-column-wrap.reverse .why-benefits-2-col {
    width: 100%;
    max-width: 47%
}

@media screen and (max-width: 990px) {
    .why-benefits-2-column-wrap.reverse .why-benefits-2-col {
        max-width: 100%
    }
}

.why-benefits-2-column-wrap.reverse .why-benefits-2-col--1 {
    margin-left: auto
}

@media screen and (max-width: 990px) {
    .why-benefits-2-column-wrap.reverse .why-benefits-2-col--1 {
        margin-left: 0
    }
}

@media screen and (max-width: 768px) {
    .why-benefits-2-column-wrap.reverse .why-benefits-2-col--1 {
        margin-top: 4rem
    }
}

.why-benefits-2-column-wrap .why-benefits-col__title {
    margin-bottom: 1.15em
}

@media screen and (max-width: 768px) {
    .why-benefits-2-column-wrap .why-benefits-col__title {
        margin-bottom: .8em
    }
}

@media screen and (max-width: 990px) {
    .why-benefits-2-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 768px) {
    .why-benefits-2-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.why-benefits-2-list__item {
    position: relative;
    padding-left: 1em
}

.why-benefits-2-list__item:before {
    position: absolute;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #31e1fc;
    left: 0;
    top: calc(.625rem + 5px)
}

.why-benefits-2-list__item:not(:first-child) {
    margin-top: 1em
}

@media screen and (max-width: 990px) {
    .why-benefits-2-list__item:not(:first-child) {
        margin: 0 1.5%
    }
}

@media screen and (max-width: 768px) {
    .why-benefits-2-list__item:not(:first-child) {
        margin-top: 1em
    }
}

@media screen and (max-width: 990px) {
    .why-benefits-2-list__item {
        width: 47%;
        margin: 0 1.5%
    }
}

@media screen and (max-width: 768px) {
    .why-benefits-2-list__item {
        width: 97%
    }
}

.why-benefits-2-list__item .inner {
    color: #fff
}

.why-benefits-2-list__item .title {
    font-size: 1.25rem;
    font-family: Open Sans, sans-serif;
    text-transform: none
}

.why-benefits-2-list__item .text {
    font-family: Open Sans, sans-serif;
    font-size: 1rem
}

.s-list-of-img {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-image: radial-gradient(circle 820px at center, #5d5dec 0, #5d5dec 24%, #5b5be7 32%, #4c4cc2 91%, #4a4abc 100%);
    padding: 70px 0 80px
}

.s-list-of-img__inner {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto
}

.s-list-of-img__indent {
    margin: calc(.12945vw - .48414px + 2rem) auto 0
}

.s-list-of-img__btn {
    display: block;
    margin: 50px auto 0
}

.s-list-of-img-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.s-list-of-img-col {
    width: 48.5%
}

@media screen and (max-width: 1023px) {
    .s-list-of-img-col {
        width: 100%;
        margin: 0 auto
    }
}

.s-list-of-img-col--content {
    color: #fff
}

@media screen and (max-width: 1023px) {
    .s-list-of-img-col--content {
        max-width: 700px
    }
}

.s-list-of-img-col--content .col-title {
    color: #fff;
    margin-bottom: 2rem
}

@media screen and (max-width: 1023px) {
    .s-list-of-img-col--content .col-title {
        text-align: center;
        margin-bottom: 1.5rem
    }
}

.s-list-of-img-col--content .item {
    padding-left: 80px
}

.s-list-of-img-col--content .item:not(:first-child) {
    margin-top: 2.5rem
}

.s-list-of-img-col--content .item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.s-list-of-img-col--content .item__content {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.s-list-of-img-col--content .item__title {
    font: 700 calc(.25vw + 19.2px)/1.2em BebasNeue, Helvetica, Arial, sans-serif
}

.s-list-of-img-col--content .item__text {
    font: 300 1rem/1.6em Open Sans, sans-serif
}

.s-list-of-img-col--content .item__figure {
    margin: 0;
    position: relative;
    height: 120px
}

.s-list-of-img-col--content .item__image {
    position: absolute;
    width: auto;
    height: auto;
    max-width: inherit;
    right: 0
}

.s-list-of-img-col--image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width: 1440px) {
    .s-list-of-img-col--image {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 1023px) {
    .s-list-of-img-col--image {
        margin-top: 2rem;
        max-width: 600px
    }
}

.why-us-2 {
    padding: 130px 0 150px;
    overflow: hidden;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1440px) {
    .why-us-2 {
        padding: 70px 0 80px
    }
}

.why-us-2 .why-us-2__figure {
    display: none
}

@media screen and (min-width: 1441px) {
    .why-us-2 .why-us-2__figure {
        display: block;
        position: absolute;
        z-index: 2
    }

    .why-us-2 .why-us-2__figure--1 {
        width: 188px;
        height: 207px;
        top: 17%;
        left: 2%
    }

    .why-us-2 .why-us-2__figure--2 {
        width: 166px;
        height: 182px;
        top: 39%;
        right: 4%
    }
}

.why-us-2__inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.why-us-2__title {
    text-align: center;
    margin-bottom: 50px
}

.why-us-2__sub-content, .why-us-2__sup-content {
    margin-top: calc(.125vw - .4px + 2rem)
}

.why-us-2__sub-content p, .why-us-2__sup-content p {
    font-size: 1.15rem;
    text-align: center
}

.why-us-col-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: calc(.10156vw - .325px + 1.5em)
}

@media screen and (max-width: 1023px) {
    .why-us-col-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.why-us-col-wrap .why-us-col {
    width: 100%;
    max-width: 595px
}

.why-us-col-wrap .why-us-col:not(:last-child) {
    margin-right: 40px
}

@media screen and (max-width: 1023px) {
    .why-us-col-wrap .why-us-col:not(:last-child) {
        margin-right: 0
    }
}

@media screen and (max-width: 1023px) {
    .why-us-col-wrap .why-us-col {
        max-width: 100%;
        margin-top: 15px
    }
}

.why-us-col-wrap h2 {
    font-size: calc(1.25vw + 32px);
    letter-spacing: .02em;
    margin-bottom: .5em
}

.why-us-col-wrap h2, .why-us-col-wrap h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    line-height: 1.2em
}

.why-us-col-wrap h3 {
    font-size: calc(.25vw + 19.2px);
    color: #1b2935
}

@media screen and (max-width: 1057px) {
    .why-us-col-wrap h3 br {
        display: none
    }
}

.why-us-col-wrap p {
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1.15rem;
    font-weight: 300;
    line-height: 1.8em;
    text-align: justify
}

.why-us-col-wrap p:not(:first-child) {
    margin-top: 1.67em
}

.why-us-col-wrap ul {
    margin-top: 30px;
    margin-left: 30px
}

.why-us-col-wrap ul li {
    position: relative;
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1.15rem;
    font-weight: 300;
    line-height: 1.8em;
    padding-left: 1em
}

.why-us-col-wrap ul li:before {
    position: absolute;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #FFC604;
    left: 0;
    top: 12.5px
}

.why-us-col-wrap ol {
    counter-reset: myCounter;
    padding: 7px 0;
    margin-left: 30px
}

.why-us-col-wrap ol li {
    font-size: 1.15rem;
    list-style: none;
    position: relative;
    padding-left: 1em;
    color: #666;
    line-height: 1.8em
}

.why-us-col-wrap ol li:nth-child(n+10) {
    padding-left: 1.6em
}

.why-us-col-wrap ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter) ". ";
    font-weight: 300;
    color: #000;
    position: absolute;
    left: 0;
    font-size: 1em
}

.why-us-col-wrap a, .why-us-col-wrap a:link, .why-us-col-wrap a:visited {
    cursor: pointer;
    color: #FFC604
}

.why-us-col-wrap a:hover {
    color: #937200
}

.why-us-2.violet {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #5d5dec;
    background-image: radial-gradient(circle 920px at center, #5d5dec 0, #5d5dec 24%, #5b5be7 32%, #4c4cc2 91%, #4a4abc 100%);
    z-index: 5
}

@media screen and (max-width: 1440px) {
    .why-us-2.violet .figure-scene {
        display: none
    }
}

.why-us-2.violet .why-us-col {
    padding-right: 20px
}

@media screen and (max-width: 1023px) {
    .why-us-2.violet .why-us-col {
        padding-right: 0
    }
}

.why-us-2.violet a, .why-us-2.violet a:hover, .why-us-2.violet a:link, .why-us-2.violet a:visited {
    color: #fff;
    border-bottom: 1px solid #fff;
    opacity: .9
}

.why-us-2.violet h2, .why-us-2.violet h3, .why-us-2.violet li, .why-us-2.violet li:before, .why-us-2.violet ol, .why-us-2.violet p {
    color: #fff
}

.why-us-2.violet ul li:before {
    background-color: #fff
}

.why-us-2.startup .why-us-col-wrap p:not(:first-child) {
    margin-top: .6em
}

.why-us-2.startup .why-us-col-wrap ul {
    margin-top: 10px
}

.why-us-2.startup .why-us-col-wrap h3 {
    margin-top: 30px
}

.why-us-2--landing .why-us-2__sup-content, .why-us-2--landing .why-us-col-wrap ul {
    margin-top: 9px
}

.why-us-2--landing ul li:not(:first-child) {
    margin-top: 7px
}

.why-us-2--landing .why-us-col-wrap {
    margin-top: calc(.8125vw + 21.4px)
}

.cards-package {
    padding: 100px 0 130px;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #5d5dec;
    background-image: radial-gradient(circle 920px at center, #5d5dec 0, #5d5dec 24%, #5b5be7 32%, #4c4cc2 91%, #4a4abc 100%)
}

@media screen and (max-width: 1440px) {
    .cards-package {
        padding: 70px 0 80px
    }
}

.cards-package__inner {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto
}

.cards-package__title {
    text-align: center;
    color: #fff
}

.cards-package-loop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

@media screen and (max-width: 1023px) {
    .cards-package-loop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.business-pack {
    position: relative;
    width: 100%;
    max-width: 340px;
    height: 475px;
    margin: 0 15px;
    -webkit-perspective: 920px;
    perspective: 920px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media screen and (max-width: 1023px) {
    .business-pack {
        height: auto;
        background: #fff;
        -webkit-box-shadow: 0 26px 21px rgba(49, 50, 51, .52);
        box-shadow: 0 26px 21px rgba(49, 50, 51, .52)
    }

    .business-pack:not(:first-child) {
        margin-top: 30px
    }
}

.business-pack__btn {
    cursor: pointer
}

.business-pack-back, .business-pack-front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .55s ease .25s, -webkit-transform .9s cubic-bezier(.4, .2, .2, 1);
    transition: opacity .55s ease .25s, -webkit-transform .9s cubic-bezier(.4, .2, .2, 1);
    transition: transform .9s cubic-bezier(.4, .2, .2, 1), opacity .55s ease .25s;
    transition: transform .9s cubic-bezier(.4, .2, .2, 1), opacity .55s ease .25s, -webkit-transform .9s cubic-bezier(.4, .2, .2, 1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-box-shadow: 0 26px 21px rgba(49, 50, 51, .52);
    box-shadow: 0 26px 21px rgba(49, 50, 51, .52)
}

@media screen and (max-width: 1023px) {
    .business-pack-back, .business-pack-front {
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.business-pack-front {
    cursor: default;
    background: #fff
}

.business-pack-front .head {
    padding-top: 14px
}

@media screen and (max-width: 1023px) {
    .business-pack-front .head {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        padding-bottom: 30px
    }
}

.business-pack-front .head.blue {
    background: #0096ff radial-gradient(circle 220px at center, #0096ff 0, #0096ff 24%, #0492fd 32%, #2372ee 91%, #393939 100%)
}

.business-pack-front .head.orange {
    background: #ff784e radial-gradient(circle 220px at center, #ff784e 0, #ff784e 24%, #ff764e 32%, #ff664e 91%, #ff644e 100%)
}

.business-pack-front .head h3 {
    color: #fff;
    font-family: Open Sans, sans-serif;
    letter-spacing: .02em;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.8em;
    padding: 0 0 .8em
}

.business-pack-front .head figure {
    margin: 0
}

.business-pack-front .head .svg-wrap {
    margin: 0 auto
}

.business-pack-front .head .svg-wrap .object-img {
    width: auto;
    height: 180px;
    max-width: inherit;
    margin: 0 auto -15px;
    display: block
}

.business-pack-front .head img {
    width: auto;
    height: 160px;
    max-height: 160px;
    margin: 0 auto;
    display: block
}

.business-pack-front .body {
    text-align: center;
    padding-bottom: 60px
}

@media screen and (max-width: 1023px) {
    .business-pack-front .body {
        padding-bottom: 30px
    }
}

.business-pack-front .body time {
    color: #222;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.8em;
    margin: 1.2rem 0;
    display: block
}

.business-pack-front .body ul {
    margin: 0 auto;
    display: table
}

.business-pack-front .body li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.business-pack-front .body li:not(:first-child) {
    margin-top: 20px
}

.business-pack-front .body span {
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em
}

.business-pack-front i {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.business-pack-front i svg {
    width: 44%;
    fill: #fff
}

.business-pack-front i.actual {
    background: radial-gradient(circle 88px at center, #5d5dec 0, #5d5dec 24%, #5b5be7 32%, #4c4cc2 91%, #4a4abc 100%)
}

.business-pack-front i.none {
    background: radial-gradient(circle 88px at center, #fa4d25 0, #fa4d25 22%, #fb4320 32%, #fe0804 91%, red 99%)
}

.business-pack-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

@media screen and (max-width: 1023px) {
    .business-pack-back {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
        padding: 40px 0
    }
}

.business-pack-back.blue {
    background: #0096ff radial-gradient(circle 270px at center, #0096ff 0, #0096ff 24%, #0492fd 32%, #2372ee 91%, #393939 100%)
}

.business-pack-back.orange {
    background: #ff784e radial-gradient(circle 270px at center, #ff784e 0, #ff784e 24%, #ff764e 32%, #ff664e 91%, #ff644e 100%)
}

.business-pack-back__cta {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center
}

@media screen and (max-width: 1023px) {
    .business-pack-back__cta {
        position: inherit;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
        width: 100%
    }
}

.business-pack-back-price-box {
    margin-bottom: 3rem;
    color: #fff
}

@media screen and (max-width: 1023px) {
    .business-pack-back-price-box {
        margin-bottom: 1rem
    }
}

.business-pack-back__price {
    font-size: 3.75rem;
    line-height: 1.6em;
    font-weight: 300
}

.business-pack-back__price--only {
    line-height: 1.2em;
    font-size: 1rem;
    font-weight: 300
}

.business-pack:hover .business-pack-front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.business-pack:hover .business-pack-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

@media screen and (max-width: 1023px) {
    .business-pack:hover .business-pack-front {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

.business-pack-popup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .35);
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1
}

.business-pack-popup.open {
    opacity: 1;
    overflow: visible;
    visibility: visible;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 150
}

.business-pack-popup .content {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 30px);
    max-width: 500px;
    height: 500px;
    background-color: #fff
}

.hexagon-result-s {
    font-size: calc(.125vw + 13.6px);
    padding: 7.5em 0;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background: #5353ce -webkit-gradient(linear, left bottom, left top, from(#4a4abd), color-stop(4.5%, #4d4dc4), color-stop(23.5%, #5c5ce1), color-stop(34%, #5353ce), color-stop(44%, #4a4abc), color-stop(50%, #4a4abc), color-stop(56%, #4a4abc), color-stop(66%, #5353ce), color-stop(76.5%, #5c5ce1), color-stop(95.5%, #4d4dc4), to(#4a4abd));
    background: #5353ce linear-gradient(0deg, #4a4abd 0, #4d4dc4 4.5%, #5c5ce1 23.5%, #5353ce 34%, #4a4abc 44%, #4a4abc 50%, #4a4abc 56%, #5353ce 66%, #5c5ce1 76.5%, #4d4dc4 95.5%, #4a4abd)
}

@media screen and (max-width: 1440px) {
    .hexagon-result-s {
        padding: 4.375em 0 5em
    }
}

.hexagon-result-s__figure {
    position: absolute
}

@media screen and (max-width: 1200px) {
    .hexagon-result-s__figure {
        display: none
    }
}

.hexagon-result-s__figure--1 {
    width: 149px;
    height: 161px;
    top: 16%;
    left: 76%
}

.hexagon-result-s__figure--2 {
    width: 160px;
    height: 154px;
    top: 46%;
    left: 13%
}

.hexagon-result-s__figure--3 {
    width: 153px;
    height: 167px;
    top: 63%;
    left: 46%
}

.hexagon-result-s__decor {
    position: absolute;
    width: 325px;
    height: 300px
}

@media screen and (max-width: 1200px) {
    .hexagon-result-s__decor {
        display: none
    }
}

.hexagon-result-s__decor--1 {
    right: 8%;
    top: 39%
}

.hexagon-result-s__decor--1 img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.hexagon-result-s__decor--2 {
    top: 60%;
    left: 5%
}

.hexagon-result-s__decor--2 img {
    -webkit-animation: decorFigureBack 70s linear 0s infinite normal none running;
    animation: decorFigureBack 70s linear 0s infinite normal none running
}

.hexagon-result-s__inner {
    z-index: 5;
    position: relative;
    width: calc(100% - 10vw);
    max-width: 1170px;
    margin: 0 auto
}

.hexagon-result-s__subtitle, .hexagon-result-s__title {
    color: #fff;
    text-align: center
}

.hexagon-result-s__subtitle {
    max-width: 1170px;
    font-family: Open Sans, sans-serif;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.6em;
    margin: .5em auto 0
}

.hexagon-result-loop {
    margin-top: 5.625em
}

@media screen and (max-width: 1440px) {
    .hexagon-result-loop {
        margin-top: 3.75em
    }
}

.hexagon-result-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 990px) {
    .hexagon-result-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }
}

.hexagon-wrap {
    width: 28.125em;
    height: 32.5em;
    max-width: calc(100vw - 30px);
    max-height: calc(115vw - 30px)
}

.hexagon-wrap:not(:last-child) {
    margin-bottom: 6.25em
}

@media screen and (max-width: 990px) {
    .hexagon-wrap:not(:last-child) {
        margin-bottom: 1.875em
    }
}

.hexagon-wrap:last-child {
    margin-bottom: 8.875em
}

@media screen and (max-width: 990px) {
    .hexagon-wrap:last-child {
        margin-bottom: 1.875em
    }
}

.hexagon-wrap:before {
    content: "";
    padding-top: 10%
}

.hexagon-wrap:nth-child(2) {
    -webkit-transform: translateY(13.75em);
    transform: translateY(13.75em)
}

@media screen and (max-width: 990px) {
    .hexagon-wrap:nth-child(2) {
        -webkit-transform: none;
        transform: none
    }
}

.hexagon-result {
    cursor: default;
    position: relative;
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.hexagon-result__figure {
    margin: 0 auto;
    width: 100%;
    height: 87.444%;
    position: absolute;
    -webkit-transform: rotateX(55deg) translateY(12.7%);
    transform: rotateX(55deg) translateY(12.7%)
}

.hexagon-result__figure, .hexagon-result__figure:after, .hexagon-result__figure:before {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    box-shadow: 0 16px 79px rgba(26, 31, 47, .68)
}

.hexagon-result__figure:after, .hexagon-result__figure:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 70.38%;
    height: 70.38%
}

.hexagon-result__figure:before {
    top: 0
}

.hexagon-result__figure:after, .hexagon-result__figure:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.hexagon-result__figure:after {
    top: 100%
}

.hexagon-result__body {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1
}

.hexagon-result__content {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 7;
    top: 0;
    left: 0;
    color: #fff
}

.hexagon-result__content .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.hexagon-result__title {
    max-width: 100%;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: 1.875em;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center
}

.hexagon-result__list {
    max-width: 310px;
    margin-top: 22px
}

.hexagon-result__item {
    position: relative;
    padding-left: 15px;
    font-family: Open Sans, sans-serif;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.8em
}

@media screen and (max-width: 425px) {
    .hexagon-result__item {
        max-width: 250px
    }
}

.hexagon-result__item:before {
    position: absolute;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    left: 0;
    top: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hexagon-result .clip-path {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75.5%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75.5%, 0 25%);
    z-index: 5
}

.hexagon-result.violet-lighten .hexagon-result__body, .hexagon-result.violet-lighten .hexagon-result__figure, .hexagon-result.violet-lighten .hexagon-result__figure:after, .hexagon-result.violet-lighten .hexagon-result__figure:before {
    background: #8787fb
}

.hexagon-result.violet-lighten .clip-path {
    background: #8787fb radial-gradient(circle 240px at center, #8787fb 0, #8787fb 23%, #8484fb 32%, #7272f7 91%, #6f6ff7 100%)
}

.hexagon-result.orange .hexagon-result__body, .hexagon-result.orange .hexagon-result__figure, .hexagon-result.orange .hexagon-result__figure:after, .hexagon-result.orange .hexagon-result__figure:before {
    background: #ff784e
}

.hexagon-result.orange .clip-path {
    background: #ff784e radial-gradient(circle 240px at center, #ff784e 0, #ff784e 24%, #ff764e 32%, #ff664e 91%, #ff644e 100%)
}

.hexagon-result.blue .hexagon-result__body, .hexagon-result.blue .hexagon-result__figure, .hexagon-result.blue .hexagon-result__figure:after, .hexagon-result.blue .hexagon-result__figure:before {
    background: #0096ff
}

.hexagon-result.blue .clip-path {
    background: #0096ff radial-gradient(circle 240px at center, #0096ff 0, #0096ff 24%, #0492fd 32%, #2372ee 91%, #393939 100%)
}

.hexagon-result.violet-darken .hexagon-result__body, .hexagon-result.violet-darken .hexagon-result__figure, .hexagon-result.violet-darken .hexagon-result__figure:after, .hexagon-result.violet-darken .hexagon-result__figure:before {
    background: #5656d8
}

.hexagon-result.violet-darken .clip-path {
    background: #5656d8 radial-gradient(circle 240px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

.hexagon-result-msg {
    max-width: 41.25em;
    color: #fff
}

.hexagon-result-msg__text {
    font-size: 1rem;
    line-height: 1.6em
}

.hexagon-result-msg__btn {
    display: block;
    margin: 50px auto 0
}

.sec-vkr-3qd {
    padding: 70px 0 80px;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background: #393939 radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    color: #fff;
    overflow: hidden;
    z-index: 6
}

.sec-vkr-3qd.h80 {
    padding: 70px 0 120px;
    height: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sec-vkr-3qd__figure {
    position: absolute
}

.sec-vkr-3qd__figure--1 {
    width: 99px;
    height: 109px;
    left: 4%;
    bottom: 5%
}

.sec-vkr-3qd__figure--2 {
    width: 128px;
    height: 136px;
    left: 6%;
    top: 30%
}

@media screen and (max-width: 1440px) {
    .sec-vkr-3qd__figure--2 {
        display: none
    }
}

.sec-vkr-3qd__figure--3 {
    width: 149px;
    height: 161px;
    bottom: 8%;
    right: 9%
}

@media screen and (max-width: 1440px) {
    .sec-vkr-3qd__figure--3 {
        display: none
    }
}

.sec-vkr-3qd__figure--4 {
    width: 155px;
    height: 169px;
    top: 22%;
    right: 4%
}

@media screen and (max-width: 940px) {
    .sec-vkr-3qd__figure {
        display: none
    }
}

.sec-vkr-3qd__inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

.sec-vkr-3qd-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {
    .sec-vkr-3qd-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.sec-vkr-3qd-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    margin: 0 1.5%
}

.sec-vkr-3qd-col--headline p {
    font: 300 1.25rem/1.6em Open Sans, sans-serif
}

.sec-vkr-3qd-col--ecommerce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sec-vkr-3qd-col--ecommerce--left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    margin-left: 0
}

.sec-vkr-3qd-col--ecommerce--right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .sec-vkr-3qd-col {
        margin: 0
    }
}

.sec-vkr-3qd-col h2 {
    font: 700 calc(2.25vw + 28.8px)/1.2em BebasNeue, Helvetica, Arial, sans-serif;
    letter-spacing: .02em;
    color: #fff;
    text-transform: uppercase
}

.sec-vkr-3qd-col ul li {
    position: relative;
    padding-left: 15px;
    font: 300 1.25rem/1.8em Open Sans, sans-serif
}

.sec-vkr-3qd-col ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    top: calc(.5em + 3px);
    background: #00e5ff;
    border-radius: 50%
}

.vkr-d23qdm {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background: #5d5dec radial-gradient(circle 920px at center, #5d5dec 0, #5d5dec 24%, #5b5be7 32%, #4c4cc2 91%, #4a4abc 100%);
    color: #fff;
    padding: 70px 0 120px;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkr-d23qdm__inner {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    z-index: 5
}

.vkr-d23qdm__figure {
    position: absolute
}

.vkr-d23qdm__figure--1 {
    width: 155px;
    height: 169px;
    bottom: 0;
    left: 23%
}

@media screen and (max-width: 880px) {
    .vkr-d23qdm__figure {
        display: none
    }
}

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

@media screen and (max-width: 880px) {
    .vkr-d23qdm-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.vkr-d23qdm-col {
    width: 100%;
    margin: 0 1.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vkr-d23qdm-col--left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    margin-left: 0
}

.vkr-d23qdm-col--right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 34%;
    flex: 0 0 34%;
    margin-right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 880px) {
    .vkr-d23qdm-col--right {
        max-width: 360px
    }
}

@media screen and (max-width: 880px) {
    .vkr-d23qdm-col {
        margin: 0 auto
    }

    .vkr-d23qdm-col:nth-child(2) {
        margin-top: 2rem
    }
}

.vkr-d23qdm-col h2 {
    font: 700 calc(2.25vw + 28.8px)/1.2em BebasNeue, Helvetica, Arial, sans-serif;
    letter-spacing: .02em;
    text-transform: uppercase
}

.vkr-d23qdm-col h3 {
    font: 700 calc(.25vw + 19.2px)/1.6em BebasNeue, Helvetica, Arial, sans-serif;
    letter-spacing: .02em
}

.vkr-d23qdm-col > p {
    font: 300 1.25rem/1.6em Open Sans, sans-serif
}

.vkr-d23qdm-col a, .vkr-d23qdm-col a:hover, .vkr-d23qdm-col a:link {
    color: inherit;
    border-bottom: 1px solid
}

.accord-s {
    padding: 70px 0 150px
}

@media screen and (max-width: 1199px) {
    .accord-s {
        padding: 70px 0 80px
    }
}

.accord-s__figure {
    display: none
}

@media screen and (min-width: 1200px) {
    .accord-s__figure {
        display: block;
        position: absolute
    }

    .accord-s__figure--1 {
        width: 99px;
        height: 109px;
        right: 11%;
        top: 150px
    }

    .accord-s__figure--2 {
        width: 128px;
        height: 136px;
        top: 428px;
        left: 3%
    }

    .accord-s__figure--3 {
        width: 149px;
        height: 161px;
        right: 5%;
        top: 820px
    }

    .accord-s__figure--4 {
        width: 153px;
        height: 167px;
        top: 890px;
        left: 32%
    }
}

.accord-s__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 5
}

.accord-s__title {
    text-align: center
}

.accord-s__sub-title {
    width: 100%;
    max-width: 555px;
    margin: 0 auto;
    text-align: center;
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.6em
}

.accord-loop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px
}

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

.accord-loop > div {
    width: 48%
}

@media screen and (max-width: 767px) {
    .accord-loop > div {
        width: 100%
    }
}

.accord-item {
    padding: 17px 46px 16px 33px;
    width: 100%;
    -webkit-box-shadow: 0 8px 29px rgba(120, 137, 182, .35);
    box-shadow: 0 8px 29px rgba(120, 137, 182, .35);
    border-radius: 28px;
    margin-bottom: 22px;
    cursor: pointer;
    position: relative;
    background-color: #f6f9ff
}

.accord-item, .accord-item .arrow {
    -webkit-transition: .5s;
    transition: .5s
}

.accord-item .arrow {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #4a4abc;
    position: absolute;
    top: 15px;
    right: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.accord-item .arrow svg {
    height: 15px;
    -webkit-transition: .5s;
    transition: .5s;
    fill: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accord-item h3 {
    font-size: 1rem;
    line-height: 1.8em;
    font-weight: 700;
    color: #000;
    font-family: Open Sans, sans-serif
}

.accord-item div {
    font-family: Open Sans, sans-serif;
    display: none
}

.accord-item p {
    max-width: 482px;
    color: #fff;
    font-size: 1rem;
    line-height: 1.8em;
    font-weight: 300
}

.accord-item.open {
    background-image: radial-gradient(circle 290px at center, #5d5dec 0, #5d5dec 24%, #5b5be7 32%, #4c4cc2 91%, #4a4abc 100%);
    -webkit-transition: .5s;
    transition: .5s
}

.accord-item.open .arrow {
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.accord-item.open .arrow svg {
    fill: #33c;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s;
    transition: .5s
}

.accord-item.open h3 {
    color: #fff
}

.subservice-right-design {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #393939;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    padding: 90px 0;
    z-index: 7;
    min-height: 80vh;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subservice-right-design--violet {
    background-image: radial-gradient(circle 28vw at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

.subservice-right-design__figure {
    position: absolute
}

@media screen and (max-width: 992px) {
    .subservice-right-design__figure {
        display: none
    }
}

.subservice-right-design__figure--1 {
    width: 84px;
    height: 88px;
    top: 77%;
    left: 33%
}

.subservice-right-design__figure--1 img {
    -webkit-animation: smoothMove 25s linear infinite;
    animation: smoothMove 25s linear infinite
}

.subservice-right-design__figure--2 {
    width: 155px;
    height: 169px;
    top: 36%;
    right: 4%
}

.subservice-right-design__figure--2 img {
    -webkit-animation: tech-move 6s infinite both;
    animation: tech-move 6s infinite both
}

@media screen and (max-width: 1440px) {
    .subservice-right-design__figure--2 {
        display: none
    }
}

.subservice-right-design__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.subservice-right-design__title {
    color: #fff
}

.subservice-right-design__title--content-market {
    max-width: inherit
}

@media screen and (min-width: 993px) {
    .subservice-right-design__title--branding, .subservice-right-design__title--corporate {
        max-width: 7em
    }
}

@media screen and (min-width: 993px) {
    .subservice-right-design__title--startup {
        max-width: 7.65em
    }
}

.subservice-right-design__subtitle {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.6em;
    font-weight: 300
}

.subservice-right-design__wrap-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 992px) {
    .subservice-right-design__wrap-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.subservice-right-design__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.subservice-right-design__col--left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 510px;
    margin-right: 50px
}

@media screen and (max-width: 992px) {
    .subservice-right-design__col--left {
        max-width: inherit;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0
    }
}

.subservice-right-design__col--right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 580px
}

@media screen and (max-width: 992px) {
    .subservice-right-design__col--right {
        max-width: inherit;
        margin-top: 35px
    }
}

.subservice-right-design__col--startup {
    max-width: inherit
}

.subservice-right-design-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subservice-right-design-carousel-cell {
    width: 100%;
    max-width: 575px;
    margin: 0
}

.subservice-right-design-carousel-cell:not(:first-child) {
    margin-top: 2.5rem
}

.subservice-right-design-carousel-cell__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subservice-right-design-carousel-cell__figure {
    margin-right: 1.7rem;
    position: relative;
    width: 65px;
    height: 120px
}

@media screen and (max-width: 768px) {
    .subservice-right-design-carousel-cell__figure {
        width: 110px;
        margin-right: .8rem
    }
}

.subservice-right-design-carousel-cell__img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: inherit;
    right: 0
}

@media screen and (max-width: 768px) {
    .subservice-right-design-carousel-cell__img {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.subservice-right-design-carousel-cell__content {
    color: #fff
}

.subservice-right-design-carousel-cell__title {
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: calc(.25vw + 19.2px);
    font-weight: 700;
    line-height: 1.2em
}

.subservice-right-design-carousel-cell__text {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    max-width: 26.6em
}

.subservice-typeof-design {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    z-index: 5;
    padding: 70px 0 80px
}

.subservice-typeof-design__bg {
    background-color: #393939;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.subservice-typeof-design__inner {
    color: #fff;
    z-index: 5;
    position: relative
}

.subservice-typeof-design__inner--startup {
    max-width: 1230px;
    margin: 0 auto
}

.subservice-typeof-design__title {
    text-align: center;
    color: #fff;
    max-width: 1230px;
    margin: 0 auto
}

.subservice-typeof-design__title--startup {
    padding-left: 25px;
    text-align: left
}

@media screen and (max-width: 992px) {
    .subservice-typeof-design__title--startup {
        padding-left: 0
    }
}

.subservice-typeof-design__subtitle {
    font-family: Open Sans, sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.8em;
    text-align: center;
    max-width: 1170px;
    margin: 0 auto
}

.subservice-typeof-design__subtitle--startup {
    padding-left: 25px;
    max-width: inherit;
    font-weight: 300;
    font-size: 1rem;
    text-align: left;
    margin: 0
}

@media screen and (max-width: 992px) {
    .subservice-typeof-design__subtitle--startup {
        padding-left: 0
    }
}

.subservice-typeof-design__subtitle--website {
    max-width: 1240px;
    margin-top: .7em
}

@media screen and (max-width: 992px) {
    .subservice-typeof-design__subtitle--website {
        text-align: left
    }
}

.subservice-typeof-design__figure {
    position: absolute
}

.subservice-typeof-design__figure--1 {
    width: 134px;
    height: 94px;
    top: 8.2%;
    left: 19.5%
}

.subservice-typeof-design__figure--2 {
    width: 160px;
    height: 164px;
    left: 80.1%;
    top: 20.2%
}

.subservice-typeof-design__figure--3 {
    width: 132px;
    height: 129px;
    bottom: 3.5%;
    left: 72.4%
}

.subservice-typeof-design__decor {
    position: absolute;
    width: 325px;
    height: 300px
}

.subservice-typeof-design__decor--1 {
    top: 41%;
    left: 1%
}

.subservice-typeof-design__decor--1 img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.subservice-typeof-design__decor--2 {
    top: 54%;
    right: 8%
}

.subservice-typeof-design__decor--2 img {
    -webkit-animation: decorFigureBack 70s linear 0s infinite normal none running;
    animation: decorFigureBack 70s linear 0s infinite normal none running
}

.subservice-typeof-design__btn {
    display: block;
    margin: 50px auto 0
}

.article-typeof-design-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 3rem auto 0;
    width: 100%;
    max-width: 1230px
}

.article-typeof-design-wrap--website {
    max-width: 1440px
}

.article-typeof-design-wrap--startup {
    margin-top: 5rem
}

@media screen and (max-width: 992px) {
    .article-typeof-design-wrap--startup {
        margin-top: 3rem
    }
}

.article-typeof-design {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0
}

@media screen and (max-width: 992px) {
    .article-typeof-design {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.article-typeof-design:not(:first-child) {
    margin-top: calc(.27508vw - 1.03155px + 2rem)
}

.article-typeof-design__image {
    width: 100%;
    max-width: 48.5%;
    margin-right: 20px
}

.article-typeof-design__image.shadow {
    -webkit-box-shadow: 0 12px 21px rgba(36, 52, 115, .9);
    box-shadow: 0 12px 21px rgba(36, 52, 115, .9)
}

@media screen and (max-width: 992px) {
    .article-typeof-design__image {
        margin: 0;
        max-width: 560px
    }
}

@media screen and (max-width: 600px) {
    .article-typeof-design__image {
        width: 96%;
        max-width: 400px
    }
}

.article-typeof-design__image--website {
    max-width: 35%;
    width: 100%
}

.article-typeof-design__content {
    width: 54%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 992px) {
    .article-typeof-design__content {
        width: 100%;
        max-width: 760px
    }
}

.article-typeof-design__content--website {
    width: 100%
}

.article-typeof-design__title {
    color: #fff;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: .02em
}

.article-typeof-design__title--website {
    letter-spacing: .03em
}

.article-typeof-design__descr {
    margin-top: 15px
}

.article-typeof-design__descr p:not(:first-child) {
    margin-top: 30px
}

.article-typeof-design__descr a {
    text-decoration: none
}

.article-typeof-design__descr a, .article-typeof-design__descr a:hover, .article-typeof-design__descr a:link, .article-typeof-design__descr a:visited {
    color: inherit;
    border-bottom: 1px solid
}

.article-typeof-design-odd {
    padding: 0 25px
}

@media screen and (max-width: 992px) {
    .article-typeof-design-odd {
        padding: 0
    }
}

.article-typeof-design-odd--website {
    padding: 0
}

.article-typeof-design-odd .article-typeof-design__image--website {
    margin-right: 3.5%
}

.article-typeof-design-even {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (max-width: 1440px) {
    .article-typeof-design-even {
        padding-left: 4%
    }
}

@media screen and (max-width: 992px) {
    .article-typeof-design-even {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0
    }
}

.article-typeof-design-even .article-typeof-design__image {
    margin-left: 20px
}

@media screen and (max-width: 992px) {
    .article-typeof-design-even .article-typeof-design__image {
        margin: 0
    }
}

.article-typeof-design-even .article-typeof-design__content {
    width: 45.3%
}

@media screen and (max-width: 1440px) {
    .article-typeof-design-even .article-typeof-design__content {
        width: 54%
    }
}

@media screen and (max-width: 992px) {
    .article-typeof-design-even .article-typeof-design__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        width: 100%;
        max-width: 760px
    }
}

.article-typeof-design-even .article-typeof-design__content--website {
    width: 100%
}

.article-typeof-design-even--website {
    padding: 0
}

.article-typeof-design-even--website .article-typeof-design__image--website {
    margin-right: 0;
    margin-left: 2.5%
}

.ui-ui-right {
    padding: 155px 0 110px;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-image: radial-gradient(circle 820px at center, #5d5dec 0, #5d5dec 24%, #5b5be7 32%, #4c4cc2 91%, #4a4abc 100%)
}

@media screen and (max-width: 1440px) {
    .ui-ui-right {
        padding: 130px 0 90px;
        padding: 90px 0 80px
    }
}

.ui-ui-right__inner {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto
}

.ui-ui-right__content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 992px) {
    .ui-ui-right__content-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ui-ui-right__title {
    color: #fff;
    max-width: 630px
}

@media screen and (max-width: 992px) {
    .ui-ui-right__title {
        max-width: inherit
    }
}

.ui-ui-right__content {
    margin-top: -55px;
    max-width: 695px;
    margin-right: 17px
}

@media screen and (max-width: 1440px) {
    .ui-ui-right__content {
        margin-top: 0
    }
}

@media screen and (max-width: 992px) {
    .ui-ui-right__content {
        margin: 0
    }
}

.ui-ui-right__content p {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    margin-top: .5em
}

.ui-ui-right__content p:not(:last-child) {
    margin-top: 0;
    margin-bottom: 28px
}

@media screen and (max-width: 992px) {
    .ui-ui-right__content p:not(:last-child) {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 992px) {
    .ui-ui-right__content p {
        font-size: 16px
    }
}

.ui-ui-right__content ul {
    color: #fff;
    margin-left: 30px;
    margin-bottom: 28px
}

@media screen and (max-width: 992px) {
    .ui-ui-right__content ul {
        margin-bottom: 16px
    }
}

.ui-ui-right__content ul li {
    position: relative;
    padding-left: 15px;
    font: 300 1rem/1.8em Open Sans, sans-serif
}

.ui-ui-right__content ul li:before {
    content: "";
    display: block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #fff;
    position: absolute;
    top: calc(.5em + 3px);
    left: 0
}

.ui-ui-right__img {
    margin-top: 55px;
    max-width: 785px
}

@media screen and (max-width: 1440px) {
    .ui-ui-right__img {
        margin-top: 0
    }
}

@media screen and (max-width: 992px) {
    .ui-ui-right__img {
        max-width: 600px;
        margin-top: 30px
    }
}

.ui-ui-right__img--custom {
    width: 100%;
    max-width: 570px
}

.ui-ui-right__btn {
    display: block;
    margin: 50px auto 0
}

.ui-ui-right__figure {
    position: absolute
}

.ui-ui-right__figure--1 {
    width: 149px;
    height: 161px;
    left: 80%;
    top: 9%
}

.ui-ui-right__figure--2 {
    width: 126px;
    height: 129px;
    top: 79%;
    left: 20%
}

@media screen and (max-width: 992px) {
    .ui-ui-right__figure--2 {
        display: none
    }
}

.ui-ux-optimize-s {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    z-index: 5;
    padding: 90px 0 80px
}

.ui-ux-optimize-s__bg {
    background-color: #393939;
    background-image: radial-gradient(circle 70vh at center, #2d2b2b 0, #2d2b2b 24%, #2d2b2b 32%, #393939 91%, #393939 100%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.ui-ux-optimize-s__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.ui-ux-optimize-s__title {
    color: #fff;
    line-height: 1em;
    text-align: center
}

.ui-ux-optimize-s__btn {
    display: block;
    margin: 50px auto 0
}

.ui-ux-optimize-s__figure {
    position: absolute
}

@media screen and (max-width: 992px) {
    .ui-ux-optimize-s__figure {
        display: none
    }
}

.ui-ux-optimize-s__figure--1 {
    width: 160px;
    height: 154px;
    top: 10%;
    left: 71%
}

.ui-ux-optimize-s__figure--2 {
    width: 134px;
    height: 94px;
    top: 44%;
    left: 81%
}

.ui-ux-optimize-s__figure--3 {
    width: 149px;
    height: 161px;
    left: 42%;
    top: 59%
}

.ui-ux-optimize-s__figure--4 {
    width: 128px;
    height: 136px;
    top: 87%;
    left: 82%
}

.ui-ux-optimize-s__decor {
    position: absolute;
    width: 325px;
    height: 300px;
    z-index: 4
}

.ui-ux-optimize-s__decor--1 {
    top: 25%;
    left: 1%
}

.ui-ux-optimize-s__decor--1 img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.ui-ux-optimize-s__decor--2 {
    top: 73%;
    right: 13%
}

.ui-ux-optimize-s__decor--2 img {
    -webkit-animation: decorFigureBack 70s linear 0s infinite normal none running;
    animation: decorFigureBack 70s linear 0s infinite normal none running
}

.ui-ux-optimize-s__sub_title {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.8em;
    text-align: center;
    max-width: 1170px;
    margin: 30px auto 0
}

.ui-ux-optimize-s__indent {
    max-width: 936px;
    margin: 4em auto 0;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.8em;
    z-index: 10;
    position: relative
}

.ui-ux-optimize-s__indent p {
    color: #fff;
    font-family: Open Sans, sans-serif
}

.ui-ux-optimize-article-wrap {
    width: 100%;
    margin-top: calc(1.2945vw + 65.14563px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.ui-ux-new-hex {
    position: relative;
    width: 29.03vw;
    height: 33.34vw;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    min-width: 290px;
    min-height: 330px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.906vw
}

@media screen and (max-width: 992px) {
    .ui-ux-new-hex {
        margin-right: 0
    }
}

.ui-ux-new-hex .ui-ux-new-hex-body {
    position: absolute;
    width: 100%;
    height: 87.444%;
    -webkit-transform: rotateX(55deg) translateY(12.556%);
    transform: rotateX(55deg) translateY(12.556%);
    z-index: 1
}

.ui-ux-new-hex .ui-ux-new-hex-body, .ui-ux-new-hex .ui-ux-new-hex-body-bottom, .ui-ux-new-hex .ui-ux-new-hex-body-top {
    background: #bdbdbd;
    -webkit-box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.ui-ux-new-hex .ui-ux-new-hex-body-bottom, .ui-ux-new-hex .ui-ux-new-hex-body-top {
    width: 70.38%;
    height: 70.38%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1
}

.ui-ux-new-hex .ui-ux-new-hex-body-top {
    top: 0
}

.ui-ux-new-hex .ui-ux-new-hex-body-bottom {
    top: 100%
}

.ui-ux-new-hex .ui-ux-new-hex-body-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    background: #bdbdbd;
    position: absolute;
    z-index: 5
}

.ui-ux-new-hex .ui-ux-new-hex-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scaleY(1.66) translate(-50%, -27%);
    transform: scaleY(1.66) translate(-50%, -27%);
    min-width: 90%;
    z-index: 10
}

.ui-ux-new-hex .ui-ux-new-hex-content__image {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translate(-63%, -47%);
    transform: translate(-63%, -47%);
    margin: 0
}

@media screen and (max-width: 992px) {
    .ui-ux-new-hex .ui-ux-new-hex-content__image img {
        max-width: 93%
    }
}

.ui-ux-new-hex .ui-ux-new-hex-content__image .object-img {
    width: 133%;
    max-width: inherit
}

.ui-ux-optimize-article-hexagon {
    position: relative;
    width: 29.03vw;
    height: 33.34vw;
    min-width: 290px;
    min-height: 330px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.906vw
}

@media screen and (max-width: 992px) {
    .ui-ux-optimize-article-hexagon {
        margin-right: 0
    }
}

.ui-ux-optimize-article-hexagon-figure {
    margin: 0 auto;
    width: 100%;
    height: 87.444%;
    position: absolute;
    -webkit-transform: rotateX(55deg) translateY(12.4%);
    transform: rotateX(55deg) translateY(12.4%)
}

.ui-ux-optimize-article-hexagon-figure, .ui-ux-optimize-article-hexagon-figure:after, .ui-ux-optimize-article-hexagon-figure:before {
    background: #bdbdbd;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    box-shadow: 0 16px 79px rgba(26, 31, 47, .68)
}

.ui-ux-optimize-article-hexagon-figure:after, .ui-ux-optimize-article-hexagon-figure:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 70.38%;
    height: 70.38%
}

.ui-ux-optimize-article-hexagon-figure:before {
    top: 0
}

.ui-ux-optimize-article-hexagon-figure:after, .ui-ux-optimize-article-hexagon-figure:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ui-ux-optimize-article-hexagon-figure:after {
    top: 100%
}

.ui-ux-optimize-article-hexagon-body {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    background: #bdbdbd
}

.ui-ux-optimize-article-hexagon__image {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 100%;
    overflow: hidden;
    -webkit-transform: translate(-63%, -47%);
    transform: translate(-63%, -47%);
    margin: 0
}

@media screen and (max-width: 992px) {
    .ui-ux-optimize-article-hexagon__image img {
        max-width: 93%
    }
}

.ui-ux-optimize-article-hexagon__image .object-img {
    width: 133%;
    max-width: inherit
}

@media screen and (max-width: 992px) {
    .ui-ux-optimize-article:not(:last-child) {
        margin-bottom: 65px
    }
}

.ui-ux-optimize-article__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 993px) {
    .ui-ux-optimize-article__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 992px) {
    .ui-ux-optimize-article__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ui-ux-optimize-article__content {
    color: #fff;
    width: 100%
}

@media screen and (min-width: 1441px) {
    .ui-ux-optimize-article__content {
        max-width: 570px
    }
}

@media screen and (max-width: 992px) {
    .ui-ux-optimize-article__content {
        margin-top: 30px
    }
}

.ui-ux-optimize-article__title {
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: .02em
}

.ui-ux-optimize-article__descr {
    margin-top: 15px
}

.ui-ux-optimize-article__descr p:not(:first-child) {
    margin-top: 30px
}

@media screen and (max-width: 992px) {
    .ui-ux-optimize-article__descr p:not(:first-child) {
        margin-top: 10px
    }
}

.ui-ux-optimize-article__descr ul {
    margin-left: 30px
}

.ui-ux-optimize-article__descr ul li {
    position: relative;
    padding-left: 15px;
    opacity: .8;
    font: 300 1rem/1.6em Open Sans, sans-serif
}

.ui-ux-optimize-article__descr ul li:before {
    position: absolute;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    left: 0;
    top: calc(.5em + 3px)
}

.ui-ux-optimize-article__descr--seo-copy p:not(:first-child) {
    margin-top: 17px
}

.ui-ux-optimize-article:nth-child(2n) .ui-ux-optimize-article__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (min-width: 993px) {
    .ui-ux-optimize-article:nth-child(2n) .ui-ux-optimize-article__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 992px) {
    .ui-ux-optimize-article:nth-child(2n) .ui-ux-optimize-article__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ui-ux-optimize-article:nth-child(2n) .ui-ux-optimize-article-hexagon {
    margin-right: 0
}

@media screen and (max-width: 1200px) {
    .ui-ux-optimize-article:nth-child(2n) .ui-ux-optimize-article-hexagon {
        margin-right: 20px
    }
}

@media screen and (max-width: 992px) {
    .ui-ux-optimize-article:nth-child(2n) .ui-ux-optimize-article-hexagon {
        margin-right: 10px
    }
}

@media screen and (min-width: 993px) {
    .ui-ux-optimize-article:nth-child(2n) .ui-ux-optimize-article__content {
        margin-right: 50px
    }
}

.logo-progres-s {
    padding: 150px 0 80px
}

@media screen and (max-width: 1440px) {
    .logo-progres-s {
        padding: 70px 0 80px
    }
}

.logo-progres-s__inner {
    max-width: 1440px;
    margin: 0 auto
}

.logo-progres-s__heading {
    text-align: center
}

.logo-progres-s__sub-title {
    max-width: 23.75em;
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.6em;
    margin: 0 auto
}

.logo-progres-s__indent {
    margin: 3em auto 0;
    width: 100%;
    max-width: 24em;
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-size: 1.25rem
}

.logo-progres-s__indent p {
    color: #000;
    font-weight: 300;
    margin-bottom: 3em
}

.logo-progres-s__btn {
    display: block;
    margin: 0 auto
}

.logo-progres-loop {
    margin-top: 100px
}

@media screen and (max-width: 1440px) {
    .logo-progres-loop {
        margin-top: 50px
    }
}

@media screen and (max-width: 992px) {
    .logo-progres-loop {
        margin-top: 0
    }
}

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

@media screen and (max-width: 992px) {
    .logo-progres-article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin-top: 40px
    }
}

.logo-progres-article__wrap-photo {
    width: 50%;
    -webkit-box-shadow: 0 26px 40px rgba(113, 138, 185, .26);
    box-shadow: 0 26px 40px rgba(113, 138, 185, .26);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media screen and (max-width: 992px) {
    .logo-progres-article__wrap-photo {
        width: 100%;
        max-width: 520px
    }
}

.logo-progres-article__wrap-photo.white-wrap {
    padding: 50px
}

@media screen and (max-width: 1170px) {
    .logo-progres-article__wrap-photo.white-wrap {
        padding: 30px
    }
}

@media screen and (max-width: 424px) {
    .logo-progres-article__wrap-photo.white-wrap {
        padding: 15px
    }
}

.logo-progres-article__photo {
    width: 100%;
    height: 100%
}

.logo-progres-article__photo img {
    -webkit-box-shadow: 0 8px 26px rgba(113, 138, 185, .2);
    box-shadow: 0 8px 26px rgba(113, 138, 185, .2)
}

.logo-progres-article__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 992px) {
    .logo-progres-article__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        max-width: 620px
    }
}

.logo-progres-article__img img {
    width: auto;
    max-height: 170px;
    -webkit-transform: translate(-17px, 14px);
    transform: translate(-17px, 14px)
}

@media screen and (max-width: 992px) {
    .logo-progres-article__img img {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
}

.logo-progres-article__title {
    color: #000;
    line-height: 1.3em
}

.logo-progres-article__descr {
    max-width: 23.4em;
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em
}

@media screen and (max-width: 992px) {
    .logo-progres-article__descr {
        max-width: 620px
    }
}

.logo-progres-article:nth-child(odd) .logo-progres-article__wrap-photo {
    margin-right: 7.64%
}

@media screen and (max-width: 1170px) {
    .logo-progres-article:nth-child(odd) .logo-progres-article__wrap-photo {
        margin-right: 5%
    }
}

@media screen and (max-width: 992px) {
    .logo-progres-article:nth-child(odd) .logo-progres-article__wrap-photo {
        margin-right: 0
    }
}

.logo-progres-article:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 992px) {
    .logo-progres-article:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.logo-progres-article:nth-child(2n) .logo-progres-article__content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%
}

@media screen and (max-width: 992px) {
    .logo-progres-article:nth-child(2n) .logo-progres-article__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

.logo-progres-article:nth-child(2n) .logo-progres-article__content-inner {
    margin-right: 13%
}

@media screen and (max-width: 1170px) {
    .logo-progres-article:nth-child(2n) .logo-progres-article__content-inner {
        margin-right: 5%
    }
}

@media screen and (max-width: 992px) {
    .logo-progres-article:nth-child(2n) .logo-progres-article__content-inner {
        margin-right: 0
    }
}

.mobile-cost-s {
    padding: 160px 0 90px;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #393939;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    overflow: hidden
}

@media screen and (max-width: 1170px) {
    .mobile-cost-s {
        padding: 130px 0 80px
    }
}

@media screen and (max-width: 992px) {
    .mobile-cost-s {
        padding: 70px 0 80px
    }
}

.mobile-cost-s .figure-scene {
    z-index: 3
}

.mobile-cost-s__figure {
    position: absolute
}

@media screen and (max-width: 1170px) {
    .mobile-cost-s__figure {
        display: none
    }
}

.mobile-cost-s__figure--1 {
    width: 159px;
    height: 169px;
    top: 14%;
    left: 84%
}

.mobile-cost-s__figure--2 {
    width: 158px;
    height: 152px;
    left: 22%;
    top: 80%
}

.mobile-cost-s__inner {
    position: relative;
    z-index: 5
}

.mobile-cost-s__content {
    width: 100%;
    margin: 0 auto;
    max-width: 1276px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1170px) {
    .mobile-cost-s__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.mobile-cost-s__title-wrap {
    width: 100%;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 1440px) {
    .mobile-cost-s__title-wrap {
        max-width: 560px;
        margin-right: 50px
    }
}

@media screen and (max-width: 1170px) {
    .mobile-cost-s__title-wrap {
        width: 100%;
        max-width: 100%;
        margin-right: 0
    }
}

.mobile-cost-s__title {
    color: #fff
}

@media screen and (max-width: 1170px) {
    .mobile-cost-s__title {
        text-align: center
    }
}

.mobile-cost-s__descr {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    max-width: 55em;
    margin-top: 1em
}

@media screen and (max-width: 1170px) {
    .mobile-cost-s__descr {
        width: 100%;
        max-width: 990px;
        padding-left: 2em
    }
}

.mobile-cost-s__btn {
    display: block;
    margin: 50px auto 0
}

.mobile-cost-loop {
    width: 100%
}

@media screen and (max-width: 1170px) {
    .mobile-cost-loop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 40px
    }
}

@media screen and (max-width: 992px) {
    .mobile-cost-loop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.mobile-cost-loop__item {
    cursor: default;
    padding: 30px 0 30px 30px;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    position: relative
}

@media screen and (max-width: 1170px) {
    .mobile-cost-loop__item {
        padding-right: 30px
    }
}

@media screen and (max-width: 993px) {
    .mobile-cost-loop__item {
        width: 100%;
        max-width: 530px
    }
}

.mobile-cost-loop__item:not(:first-child) {
    margin-top: 5px
}

@media screen and (max-width: 1170px) {
    .mobile-cost-loop__item:not(:first-child) {
        margin-top: 0;
        margin-left: 15px
    }
}

@media screen and (max-width: 993px) {
    .mobile-cost-loop__item:not(:first-child) {
        margin-left: 0;
        margin-top: 15px
    }
}

.mobile-cost-loop__item-bg {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 12px 21px #0a2373;
    box-shadow: 0 12px 21px #0a2373;
    background-image: radial-gradient(circle 190px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #FFC604 91%, #937200 100%);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 992px) {
    .mobile-cost-loop__item-bg {
        opacity: 1
    }
}

.mobile-cost-loop__item:hover > .mobile-cost-loop__item-bg {
    opacity: 1
}

.mobile-cost-loop__item .inner {
    position: relative;
    z-index: 3
}

.mobile-cost-loop__icon {
    height: 2.875rem;
    margin: 0
}

.mobile-cost-loop__icon img {
    height: 100%;
    width: auto
}

.mobile-cost-loop__title {
    font-size: 1rem;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    margin-top: 1.5em
}

.mobile-cost-loop__descr {
    opacity: .8;
    font-size: 1rem;
    line-height: 1.8em;
    margin-top: 1em
}

.mobile-app-progres-s {
    padding: 150px 0 80px
}

@media screen and (max-width: 1440px) {
    .mobile-app-progres-s {
        padding: 70px 0 80px
    }
}

.mobile-app-progres-s__inner {
    max-width: 1440px;
    margin: 0 auto
}

.mobile-app-progres-s__heading {
    text-align: center
}

.mobile-app-progres-s__sub-title {
    max-width: 1170px;
    color: #666;
    margin: 0 auto
}

.mobile-app-progres-s__indent, .mobile-app-progres-s__sub-title {
    font-family: Open Sans, sans-serif;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.8em
}

.mobile-app-progres-s__indent {
    margin: 3em auto 0;
    width: 100%;
    max-width: 60rem;
    text-align: center;
    color: #000
}

.mobile-app-progres-s__indent--branding {
    max-width: 38rem
}

.mobile-app-progres-s__indent--dm {
    max-width: 71rem
}

.mobile-app-progres-s__indent--tech-seo {
    max-width: 60rem
}

.mobile-app-progres-s__btn {
    display: block;
    margin: 50px auto 0
}

.mobile-app-progres-loop {
    margin-top: calc(.125vw - .4px + 3em)
}

.mobile-app-progres-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1440px) {
    .mobile-app-progres-article {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mobile-app-progres-article:not(:first-child) {
        margin-top: 40px
    }
}

@media screen and (max-width: 1024px) {
    .mobile-app-progres-article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.mobile-app-progres-article__wrap-photo {
    width: 50%;
    -webkit-box-shadow: 0 26px 40px rgba(113, 138, 185, .26);
    box-shadow: 0 26px 40px rgba(113, 138, 185, .26);
    padding: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media screen and (max-width: 1170px) {
    .mobile-app-progres-article__wrap-photo {
        padding: 30px
    }
}

@media screen and (max-width: 1024px) {
    .mobile-app-progres-article__wrap-photo {
        width: 100%;
        max-width: 520px
    }
}

@media screen and (max-width: 424px) {
    .mobile-app-progres-article__wrap-photo {
        padding: 15px
    }
}

.mobile-app-progres-article__photo {
    width: 100%;
    height: 100%
}

.mobile-app-progres-article__photo img {
    -webkit-box-shadow: 0 8px 26px rgba(113, 138, 185, .2);
    box-shadow: 0 8px 26px rgba(113, 138, 185, .2)
}

.mobile-app-progres-article__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .mobile-app-progres-article__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        max-width: 920px
    }
}

.mobile-app-progres-article__img img {
    width: auto;
    max-height: 170px;
    -webkit-transform: translate(-17px, 14px);
    transform: translate(-17px, 14px)
}

@media screen and (max-width: 1024px) {
    .mobile-app-progres-article__img img {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }
}

.mobile-app-progres-article__title {
    color: #000;
    line-height: 1.3em
}

.mobile-app-progres-article__descr {
    max-width: 600px;
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em
}

@media screen and (max-width: 1024px) {
    .mobile-app-progres-article__descr {
        max-width: inherit;
        text-align: left
    }
}

.mobile-app-progres-article:nth-child(odd) .mobile-app-progres-article__wrap-photo {
    margin-right: 7%
}

@media screen and (max-width: 1170px) {
    .mobile-app-progres-article:nth-child(odd) .mobile-app-progres-article__wrap-photo {
        margin-right: 4%
    }
}

@media screen and (max-width: 1024px) {
    .mobile-app-progres-article:nth-child(odd) .mobile-app-progres-article__wrap-photo {
        margin-right: 0
    }
}

.mobile-app-progres-article:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .mobile-app-progres-article:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.mobile-app-progres-article:nth-child(2n) .mobile-app-progres-article__content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%
}

@media screen and (max-width: 1024px) {
    .mobile-app-progres-article:nth-child(2n) .mobile-app-progres-article__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

.mobile-app-progres-article:nth-child(2n) .mobile-app-progres-article__content-inner {
    margin-right: 6%
}

@media screen and (max-width: 1170px) {
    .mobile-app-progres-article:nth-child(2n) .mobile-app-progres-article__content-inner {
        margin-right: 5%
    }
}

@media screen and (max-width: 1024px) {
    .mobile-app-progres-article:nth-child(2n) .mobile-app-progres-article__content-inner {
        margin-right: 0
    }
}

.mobile-app {
    z-index: 0
}

.mobile-app__figure {
    position: absolute
}

@media screen and (max-width: 1024px) {
    .mobile-app__figure {
        display: none
    }
}

.mobile-app__figure--1 {
    width: 134px;
    height: 94px;
    top: 9%;
    left: 7%
}

.mobile-app__figure--2 {
    width: 167px;
    height: 157px;
    left: 83%;
    top: 24%
}

.mobile-app__decor {
    position: absolute;
    width: 325px;
    height: 300px
}

@media screen and (max-width: 1024px) {
    .mobile-app__decor {
        display: none
    }
}

.mobile-app__decor--1 {
    top: 46.6%;
    left: 2.5%
}

.mobile-app__decor--1 img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.mobile-app__decor--2 {
    top: 60%;
    right: 8%
}

.mobile-app__decor--2 img {
    -webkit-animation: decorFigureBack 70s linear 0s infinite normal none running;
    animation: decorFigureBack 70s linear 0s infinite normal none running
}

.subscribe-form__title {
    color: #1b2935;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: calc(1.5vw + 31.2px);
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: center;
    letter-spacing: .02em;
    line-height: 1.2em
}

.subscribe-form__article {
    display: block;
    margin: 44px auto 0;
    max-width: 750px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .subscribe-form__article {
        margin-top: 30px
    }
}

@media screen and (max-width: 768px) {
    .subscribe-form__article {
        max-width: 560px;
        margin: 0 auto
    }
}

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

@media screen and (max-width: 768px) {
    .subscribe-form__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.subscribe-form .tnp-field {
    position: relative
}

.subscribe-form .tnp-field:not(:last-child) {
    margin-right: auto
}

.subscribe-form .tnp-field-email, .subscribe-form .tnp-field-firstname {
    width: 48%
}

@media screen and (max-width: 768px) {
    .subscribe-form .tnp-field-email, .subscribe-form .tnp-field-firstname {
        width: 100%;
        margin-top: 20px
    }
}

.subscribe-form label.subscribe-form__label {
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .05em;
    pointer-events: none
}

.subscribe-form label.subscribe-form__label.is-active {
    color: #7171f3 !important;
    font-size: 12px !important;
    bottom: 24px
}

.subscribe-form .is-entered label.subscribe-form__label, .subscribe-form .is-focused label.subscribe-form__label {
    bottom: 40px;
    font-size: 12px !important;
    color: #7171f3 !important
}

.subscribe-form__input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000000;
    height: 40px;
    padding-top: 10px
}

.subscribe-form__input.is-active {
    color: #7171f3 !important;
    font-size: 12px !important;
    bottom: 24px
}

.subscribe-form .tnp-field-privacy {
    margin-top: 30px;
    text-align: center
}

@media screen and (max-width: 425px) {
    .subscribe-form .tnp-field-privacy {
        text-align: left
    }
}

.subscribe-form label.subscribe-form__label-checked {
    color: #999 !important;
    font-family: Open Sans, sans-serif;
    font-size: 14px !important;
    font-weight: 300;
    line-height: 1.5em;
    position: inherit
}

.subscribe-form__btn {
    display: block;
    margin: 50px auto 0;
    width: 178px
}

@media screen and (max-width: 1024px) {
    .subscribe-form__btn {
        margin-top: 30px
    }
}

.subscribe-form__btn:hover {
    background-color: #da0b17
}

.author__avatar {
    margin: 0 auto;
    width: 110px;
    height: 110px;
    border: 7px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .35);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .35)
}

.author__avatar img {
    width: 100%
}

.author__name {
    text-align: center;
    color: #000;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.8em;
    display: block;
    margin: 10px auto 0;
    letter-spacing: .02em
}

.author__descr {
    max-width: 580px;
    color: #999;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    text-align: center;
    margin: 0 auto
}

.author__descr q:after, .author__descr q:before {
    content: none
}

.author-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.author-social__item:not(:first-child) {
    margin-left: 20px
}

.author-social__link {
    display: block;
    height: 20px;
    overflow: visible
}

.author-social__link--linkedin img {
    width: 20px !important
}

.author-social__link img {
    height: 28px;
    width: auto;
    margin-top: -11px
}

.author-social__link .hover, .author-social__link:hover .visible {
    display: none
}

.author-social__link:hover .hover {
    display: inline
}

.abt {
    padding: 70px 0 130px;
    position: relative;
    z-index: 5;
    -webkit-box-shadow: 0 12px 21px #e57272;
    box-shadow: 0 12px 21px #e57272;
    background-color: #ff3f12;
    background-image: radial-gradient(circle 920px at center, #ff3f12 0, #ff3f12 24%, #f63910 32%, #b40d02 91%, #aa0600 100%);
    min-height: 100vh;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.abt--smm, .abt--startup {
    background-image: radial-gradient(circle 920px at center, #ff844e 0, #ff844e 24%, #ff7e4b 32%, #ff5033 91%, #ff492f 100%)
}

.abt--violet {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background: radial-gradient(circle 920px at center, #5d5dec 0, #5d5dec 24%, #5b5be7 32%, #4c4cc2 91%, #4a4abc 100%)
}

@media screen and (max-width: 1440px) {
    .abt {
        padding: 110px 0 100px
    }
}

@media screen and (max-width: 1024px) {
    .abt {
        padding: 70px 0 80px
    }
}

.abt .figure-scene {
    z-index: 1
}

.abt__fig {
    position: absolute
}

@media screen and (max-width: 1024px) {
    .abt__fig {
        display: none
    }
}

.abt__fig--1 {
    width: 129px;
    height: 127px;
    left: 17%;
    top: 19%
}

.abt__fig--2 {
    width: 153px;
    height: 167px;
    left: 17%;
    top: 81%
}

.abt__fig--3 {
    width: 158px;
    height: 152px;
    left: 84%;
    top: 72.5%
}

.abt__inr {
    position: relative;
    z-index: 5
}

.abt__cnt {
    text-align: center;
    color: #fff
}

.abt__cnt h2 {
    color: #fff;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: calc(2.25vw + 28.8px);
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 20px;
    letter-spacing: .02em
}

.abt__cnt p {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    font-family: Open Sans, sans-serif;
    font-size: 1.15rem;
    font-weight: 300;
    line-height: 1.8em
}

.abt__cnt p:not(:last-child) {
    margin-bottom: 1.5em
}

.abt__btn {
    display: block;
    margin: 50px auto 0;
    background-color: #4a4abc
}

.abt__btn.nice-select.open, .abt__btn:active, .abt__btn:focus, .abt__btn:hover {
    background-color: #5a5ae4
}

.abt__btn--violet {
    display: block;
    margin: 3em auto 0
}

.abt--white {
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.abt--white .abt__cnt {
    color: #666
}

.abt--white .abt__cnt h2 {
    color: #1b2935
}

.abt--white .abt__btn {
    background-color: #FFC604
}

.abt--white .abt__btn:hover {
    background-color: #e90413
}

.blog-single-post {
    padding-bottom: 61px !important;
    margin-bottom: 20px !important;
    pointer-events: none
}

.entry-content-s {
    padding: 0 15px 30px
}

.entry-content-s__inner {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 750px
}

.entry-content-s .author-wrap {
    margin-top: 60px
}

.post-breadcrumbs {
    padding-bottom: 12px
}

.why-info {
    padding: 72px 0 65px;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #325add;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    overflow: hidden
}

.why-info .figure-scene {
    z-index: 2
}

.why-info__figure {
    position: absolute
}

@media screen and (max-width: 1024px) {
    .why-info__figure {
        display: none
    }
}

.why-info__figure--1 {
    width: 128px;
    height: 129px;
    right: 7.5%;
    top: 14%
}

.why-info__figure--2 {
    width: 128px;
    height: 136px;
    left: 25.3%;
    top: 12.6%
}

.why-info__figure--3 {
    width: 167px;
    height: 157px;
    bottom: 14.5%;
    left: 11.1%
}

.why-info__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3
}

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

.why-info-heading__inner.top {
    margin-top: 25%
}

.why-info-heading__inner.middle {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.why-info-heading__title {
    color: #fff;
    letter-spacing: .026em;
    line-height: 1.2em
}

@media screen and (min-width: 1024px) {
    .why-info-heading__title {
        white-space: nowrap
    }
}

@media screen and (max-width: 1023px) {
    .why-info-heading__title {
        text-align: center
    }
}

.why-info-heading__content {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.6em;
    max-width: 35em;
    margin-top: .75em
}

.why-info-cards-wrp {
    margin-left: 15.5%
}

@media screen and (max-width: 1440px) {
    .why-info-cards-wrp {
        margin-left: 6.5%
    }
}

@media screen and (max-width: 1023px) {
    .why-info-cards-wrp {
        margin-left: 0
    }
}

.why-info-cards-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 1023px) {
    .why-info-cards-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.why-info-card {
    padding: 27px 20px 26px 30px;
    position: relative;
    cursor: default
}

.why-info-card:before {
    pointer-events: none;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-box-shadow: 0 12px 21px #393939;
    box-shadow: 0 12px 21px #393939;
    background-image: radial-gradient(circle 190px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #FFC604 91%, #937200 100%);
    -webkit-transition: .3s;
    transition: .3s
}

.why-info-card:hover:before {
    opacity: 1
}

@media screen and (max-width: 1023px) {
    .why-info-card {
        max-width: 790px
    }

    .why-info-card:before {
        display: none
    }

    .why-info-card:hover:before {
        opacity: 0
    }
}

.why-info-card__inner {
    position: relative
}

.why-info-card__icon {
    height: 3rem;
    margin: 0
}

.why-info-card__icon img {
    height: 100%;
    width: auto
}

.why-info-card__title {
    font-size: 1.25rem;
    margin: .5em 0
}

.why-info-card__content, .why-info-card__title {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    line-height: 1.8em
}

.why-info-card__content {
    opacity: .8;
    font-size: 1rem;
    max-width: 36.875em
}

@media screen and (max-width: 1023px) {
    .why-info-card__content {
        max-width: inherit
    }
}

.f5-checklist {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #5c5ce1;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#4a4abd), color-stop(4.5%, #4d4dc4), color-stop(23.5%, #5c5ce1), color-stop(34%, #5353ce), color-stop(44%, #4a4abc), color-stop(50%, #4a4abc), color-stop(56%, #4a4abc), color-stop(66%, #5353ce), color-stop(76.5%, #5c5ce1), color-stop(95.5%, #4d4dc4), to(#4a4abd));
    background-image: linear-gradient(0deg, #4a4abd 0, #4d4dc4 4.5%, #5c5ce1 23.5%, #5353ce 34%, #4a4abc 44%, #4a4abc 50%, #4a4abc 56%, #5353ce 66%, #5c5ce1 76.5%, #4d4dc4 95.5%, #4a4abd);
    padding: 70px 0 80px
}

.f5-checklist__inner {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.f5-checklist__title {
    color: #fff;
    text-align: center
}

.f5-checklist__btn {
    display: block;
    margin: 50px auto 0
}

@media screen and (max-width: 1024px) {
    .f5-checklist .figure-scene {
        display: none
    }
}

.f5-checklist__figure {
    position: absolute
}

.f5-checklist__figure--1 {
    width: 149px;
    height: 161px;
    left: 23%;
    top: 8%
}

.f5-checklist__figure--2 {
    width: 160px;
    height: 154px;
    right: 9%;
    top: 10%
}

.f5-checklist__figure--3 {
    width: 121px;
    height: 129px;
    left: 47%;
    top: 46%
}

@media screen and (max-width: 1440px) {
    .f5-checklist__figure--3 {
        left: 69%;
        top: 82%
    }
}

.f5-checklist__decor {
    position: absolute;
    width: 325px;
    height: 300px;
    z-index: 4
}

.f5-checklist__decor img.animated {
    opacity: 1
}

.f5-checklist__decor--1 {
    top: 58%;
    left: 4%
}

.f5-checklist__decor--1 img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.f5-checklist__decor--2 {
    top: 26%;
    right: 7%
}

.f5-checklist__decor--2 img {
    -webkit-animation: decorFigureBack 70s linear 0s infinite normal none running;
    animation: decorFigureBack 70s linear 0s infinite normal none running
}

.f5-checklist-article {
    padding-left: 47px;
    max-width: 555px;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .f5-checklist-article {
        max-width: 660px
    }
}

@media screen and (max-width: 424px) {
    .f5-checklist-article {
        padding-left: 0
    }
}

.f5-checklist-article .inner {
    position: relative
}

.f5-checklist-article figure {
    position: absolute;
    margin: 0;
    left: -53px;
    top: 4px
}

@media screen and (max-width: 424px) {
    .f5-checklist-article figure {
        display: none
    }
}

.f5-checklist-article figure img {
    width: 51px;
    height: 46px
}

.f5-checklist-article h3 {
    color: #fff;
    font-size: calc(.25vw + 19.2px);
    position: relative
}

.f5-checklist-article p {
    width: 100%;
    opacity: .8;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em
}

.f5-checklist-loop {
    margin-top: 3.125rem
}

.f5-checklist-loop__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.f5-checklist-loop__row:not(:first-child) {
    margin-top: 2.5rem
}

.f5-checklist-loop .slick-dots {
    margin-top: 20px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f5-checklist-loop .slick-dots button {
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    background: 0 0;
    border-radius: 50%;
    text-indent: -99999px;
    padding: 0;
    outline: none
}

.f5-checklist-loop .slick-dots li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f5-checklist-loop .slick-dots li:not(:first-child) {
    margin-left: 15px
}

.f5-checklist-loop .slick-dots li.slick-active button {
    width: 12px;
    height: 12px;
    background: #fff
}

#breadcrumbs a, #breadcrumbs a.nice-select.open, #breadcrumbs a:active, #breadcrumbs a:focus {
    outline: none;
    color: #000
}

#breadcrumbs a:hover {
    color: #FFC604
}

.hero {
    height: 100%;
    min-height: 100vh;
    max-height: 100%;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #325add;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    overflow: hidden;
    z-index: 3
}

.hero figure {
    margin: 0
}

.hero__figure {
    display: none
}

@media screen and (min-width: 1024px) {
    .hero__figure {
        display: block;
        position: absolute
    }

    .hero__figure--1 {
        width: 155px;
        height: 169px;
        top: 55%;
        right: 5%
    }

    .hero__figure--2 {
        width: 158px;
        height: 152px;
        top: 72%;
        left: 61%
    }
}

.hero__figure-home {
    position: absolute
}

.hero__figure-home--1 {
    width: 20%;
    bottom: 12%;
    right: 3%
}

.hero__figure-home--2 {
    max-width: 200px;
    width: 11%;
    right: 30%;
    bottom: 5%
}

.hero__figure-home--3 {
    max-width: 150px;
    width: 8%;
    bottom: 45%;
    right: 0
}

.hero .inner {
    padding-top: 17%;
    padding-bottom: 30px;
    max-width: 1800px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
    height: 100%;
    min-height: 100vh
}

@media screen and (max-width: 1023px) {
    .hero .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 13%
    }
}

@media screen and (max-width: 767px) {
    .hero .inner {
        padding-top: 80px
    }
}

.hero__content {
    z-index: 5;
    margin-left: 20px
}

@media screen and (max-width: 1023px) {
    .hero__content {
        margin-left: 0;
        margin-top: 35px;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .hero__content {
        height: 100%;
        min-height: calc(100vh - 240px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 767px) and (min-width: 375px) {
    .hero__content {
        min-height: calc(100vh - 305px - 1.5rem)
    }
}

@media screen and (max-width: 374px) {
    .hero__content {
        min-height: calc(100vh - 275px - 1.5rem)
    }
}

.hero__title {
    -webkit-animation: moveInRight 1s ease-out;
    animation: moveInRight 1s ease-out;
    letter-spacing: .015em
}

@media screen and (max-width: 1023px) {
    .hero__title {
        -webkit-animation: moveInLeft 1s ease-out;
        animation: moveInLeft 1s ease-out
    }
}

.hero__descr {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    width: 100%;
    max-width: 38em;
    margin-top: .5em;
    -webkit-animation: moveInRight 1s ease-out;
    animation: moveInRight 1s ease-out
}

@media screen and (max-width: 1023px) {
    .hero__descr {
        margin: 0 auto
    }
}

.hero__descr--home {
    max-width: 28.5em
}

.hero__btn {
    margin-top: 50px
}

.hero-image {
    pointer-events: none;
    position: relative;
    width: 100%;
    max-width: 41%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-height: 350px
}

@media screen and (max-width: 1023px) {
    .hero-image {
        height: 300px;
        max-width: 390px
    }
}

@media (max-width: 767px) and (min-width: 374px) {
    .hero-image {
        margin-top: 30px
    }
}

@media screen and (max-width: 425px) {
    .hero-image {
        height: 330px
    }
}

.hero-image__decor {
    display: none
}

@media screen and (min-width: 768px) {
    .hero-image__decor {
        display: block;
        position: absolute;
        width: 88%;
        top: 15%;
        left: 50%;
        -webkit-transform: translate(-50%, -25%);
        transform: translate(-50%, -25%);
        z-index: 1
    }

    .hero-image__decor img {
        -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
        animation: decorFigure 70s linear 0s infinite normal none running
    }
}

.hero-image__figure {
    width: 100%;
    height: 100%;
    max-width: 600px;
    position: relative;
    top: -132px;
    left: 70px;
}

.hero-image__figure .dark-shadow {
    width: 200%;
    max-width: 200%;
    -webkit-transform: translate(-21%);
    transform: translate(-21%)
}

@media screen and (max-width: 1023px) {
    .hero-image__figure .dark-shadow {
        position: absolute
    }
}

@media screen and (max-width: 425px) {
    .hero-image__figure .dark-shadow {
        width: 600px;
        max-width: 600px;
        left: 50%;
        -webkit-transform: translateX(-46%);
        transform: translateX(-46%)
    }
}

.secondary-hero {
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    height: auto;
    min-height: 100vh;
    overflow: hidden
}

.secondary-hero__figure {
    position: absolute
}

@media screen and (max-width: 992px) {
    .secondary-hero__figure {
        display: none
    }
}

.secondary-hero__figure--1 {
    width: 155px;
    height: 169px;
    top: 64.5%;
    left: 84.5%
}

.secondary-hero__figure--2 {
    width: 158px;
    height: 152px;
    top: 78%;
    left: 61.5%
}

.secondary-hero__inner {
    padding-top: 17%;
    padding-bottom: 30px;
    max-width: 1720px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    height: 100%;
    min-height: 100vh
}

.secondary-hero__inner--outsource {
    padding-top: 15%
}

@media screen and (max-width: 992px) {
    .secondary-hero__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 130px
    }
}

@media screen and (max-width: 524px) {
    .secondary-hero__inner {
        padding-top: 50px
    }
}

.secondary-hero__image {
    width: 100%;
    height: 380px;
    max-width: 670px;
    position: relative
}

@media screen and (max-width: 1440px) {
    .secondary-hero__image {
        width: 500px;
        height: 325px
    }
}

@media screen and (max-width: 992px) {
    .secondary-hero__image {
        width: 450px;
        height: 260px
    }
}

@media screen and (max-width: 524px) {
    .secondary-hero__image {
        width: 330px;
        height: 210px
    }
}

@media screen and (max-width: 425px) {
    .secondary-hero__image {
        width: 280px;
        height: 175px
    }
}

.secondary-hero__figure-flash {
    position: absolute;
    z-index: 5;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-57%);
    transform: translateY(-57%)
}

@media screen and (max-width: 992px) {
    .secondary-hero__figure-flash {
        -webkit-transform: translate(-48%, -54%);
        transform: translate(-48%, -54%);
        left: 50%;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .secondary-hero__figure-flash {
        display: none
    }
}

.secondary-hero__figure-flash.flash {
    opacity: 1;
    -webkit-transition: opacity 2s ease 1.25s;
    transition: opacity 2s ease 1.25s
}

.secondary-hero__figure-flash img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.secondary-hero__content {
    margin-left: 50px;
    z-index: 7
}

@media screen and (max-width: 1440px) {
    .secondary-hero__content {
        margin-left: 25px
    }
}

@media screen and (max-width: 992px) {
    .secondary-hero__content {
        margin: 0;
        width: 100%;
        max-width: 700px;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .secondary-hero__content {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .secondary-hero__content {
        height: 100%;
        min-height: calc(100vh - 420px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 524px) {
    .secondary-hero__content {
        min-height: calc(100vh - 290px)
    }
}

@media screen and (max-width: 425px) {
    .secondary-hero__content {
        min-height: calc(100vh - 335px)
    }
}

.secondary-hero__title {
    color: #fff;
    -webkit-animation: moveInRight 1s ease-out;
    animation: moveInRight 1s ease-out
}

@media screen and (max-width: 992px) {
    .secondary-hero__title {
        width: 100%
    }
}

.secondary-hero__text {
    max-width: 570px;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    margin-top: .5em;
    -webkit-animation: moveInRight 1s ease-out;
    animation: moveInRight 1s ease-out
}

.secondary-hero__text > p:not(:first-child) {
    margin-top: 1.5em
}

@media screen and (max-width: 992px) {
    .secondary-hero__text {
        width: 100%;
        max-width: 100%;
        -webkit-animation: moveInLeft 1s ease-out;
        animation: moveInLeft 1s ease-out
    }
}

.secondary-hero__btn {
    margin-top: 50px
}

@media screen and (max-width: 992px) {
    .secondary-hero__btn {
        margin: 50px auto 0;
        display: block
    }
}

.service-hero-decorate {
    margin: 0 auto;
    position: absolute;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    opacity: 0;
    width: 32.3%;
    will-change: transform
}

.service-hero-decorate--1 {
    top: 0;
    left: 0;
    -webkit-transform: translate(50%, 67%);
    transform: translate(50%, 67%);
    -webkit-transition-delay: transform .75s;
    transition-delay: transform .75s
}

.service-hero-decorate--2 {
    top: 21%;
    left: 17%;
    -webkit-transform: translate(80%, -44%);
    transform: translate(80%, -44%);
    -webkit-transition-delay: transform .5s;
    transition-delay: transform .5s
}

.service-hero-decorate--3 {
    top: 42%;
    left: 33.5%;
    z-index: 3;
    -webkit-transform: translate(114%, 12%);
    transform: translate(114%, 12%);
    -webkit-transition-delay: transform .25s;
    transition-delay: transform .25s
}

.service-hero-decorate--4 {
    left: 50%;
    top: 20.5%;
    z-index: 1;
    -webkit-transform: translate(-150%, -78%);
    transform: translate(-150%, -78%);
    -webkit-transition-delay: transform 1s;
    transition-delay: transform 1s
}

.service-hero-decorate--5 {
    right: 0;
    top: 2.634%;
    z-index: 0;
    -webkit-transform: translate(44%, -80%);
    transform: translate(44%, -80%);
    -webkit-transition-delay: transform 1.25s;
    transition-delay: transform 1.25s
}

.service-hero-decorate-elem-wrap {
    width: 100%;
    max-width: 650px;
    height: 100%;
    position: relative
}

@media screen and (max-width: 524px) {
    .service-hero-decorate-elem-wrap {
        margin-top: 30px
    }
}

.service-hero-decorate-elem-wrap--active .service-hero-decorate--1, .service-hero-decorate-elem-wrap--active .service-hero-decorate--2, .service-hero-decorate-elem-wrap--active .service-hero-decorate--3, .service-hero-decorate-elem-wrap--active .service-hero-decorate--4, .service-hero-decorate-elem-wrap--active .service-hero-decorate--5 {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.subservice-hero {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    height: auto;
    min-height: 100vh;
    overflow: hidden
}

.subservice-hero.blue-light {
    background-color: #393939;
    background-image: radial-gradient(circle 920px at center, #2d2b2b 0, #2d2b2b 24%, #2d2b2b 32%, #393939 60%);
}

.subservice-hero.violet-dark {
    background-color: #5656d8;
    background-image: radial-gradient(circle 920px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

.subservice-hero.violet-light {
    background-color: #8787fb;
    background-image: radial-gradient(circle 920px at center, #8787fb 0, #8787fb 23%, #8484fb 32%, #7272f7 91%, #6f6ff7 100%)
}

.subservice-hero.orange {
    background-color: #393939;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
}

.subservice-hero.blue-dark {
    background: #393939 radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
}

.subservice-hero.red {
    background-color: #ff3f12;
    background-image: radial-gradient(circle 920px at center, #ff3f12 0, #ff3f12 24%, #f63910 32%, #b40d02 91%, #aa0600 100%);
    -webkit-box-shadow: 0 12px 21px #e57272;
    box-shadow: 0 12px 21px #e57272
}

.subservice-hero__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    padding: 17% 0 30px;
    height: 100%;
    min-height: 100vh
}

@media screen and (max-width: 992px) {
    .subservice-hero__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

@media screen and (max-width: 600px) {
    .subservice-hero__inner {
        padding-top: 80px
    }
}

.subservice-hero__figure {
    position: absolute;
    bottom: 13%;
    right: 6%
}

@media screen and (max-width: 992px) {
    .subservice-hero__figure {
        display: none
    }
}

.subservice-hero-image {
    position: relative;
    width: 50%;
    max-width: 660px;
    height: 450px
}

@media screen and (max-width: 1440px) {
    .subservice-hero-image {
        height: 340px
    }
}

@media screen and (max-width: 1170px) {
    .subservice-hero-image {
        width: 485px;
        height: 310px
    }
}

@media screen and (max-width: 524px) {
    .subservice-hero-image {
        width: 100%;
        height: 300px
    }
}

@media screen and (max-width: 424px) {
    .subservice-hero-image {
        height: 200px;
        width: 290px
    }
}

.subservice-hero-image__decor {
    position: absolute;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-59%);
    transform: translateY(-59%);
    z-index: 4
}

@media screen and (max-width: 600px) {
    .subservice-hero-image__decor {
        display: none
    }
}

.subservice-hero-image__decor.flash {
    opacity: 1;
    -webkit-transition: opacity 2s ease 1.25s;
    transition: opacity 2s ease 1.25s
}

.subservice-hero-image__decor img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.subservice-hero-decorate {
    margin: 0 auto;
    position: absolute;
    -webkit-transition: all 2s;
    transition: all 2s;
    opacity: 0;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.subservice-hero-decorate-1 {
    width: 41%;
    height: 67%;
    top: -6%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.subservice-hero-decorate-2 {
    width: 42%;
    height: 70%;
    bottom: -1%;
    left: 29%;
    z-index: 3;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.subservice-hero-decorate-3 {
    width: 43%;
    height: 70%;
    top: -8%;
    right: -2%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.subservice-hero-decorate-4 {
    width: 49%;
    height: 78%;
    top: -5%;
    left: -3.5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.subservice-hero-decorate-5 {
    width: 50%;
    height: 70%;
    top: -6%;
    right: -6.5%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.subservice-hero-decorate-6 {
    width: 50%;
    height: 70%;
    bottom: -4%;
    left: 26%;
    z-index: 3;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.subservice-hero-decorate-wrap {
    position: relative;
    width: 100%;
    max-width: 660px;
    height: 100%
}

.subservice-hero-decorate-wrap--active .subservice-hero-decorate-1, .subservice-hero-decorate-wrap--active .subservice-hero-decorate-2, .subservice-hero-decorate-wrap--active .subservice-hero-decorate-3, .subservice-hero-decorate-wrap--active .subservice-hero-decorate-4, .subservice-hero-decorate-wrap--active .subservice-hero-decorate-5, .subservice-hero-decorate-wrap--active .subservice-hero-decorate-6 {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.subservice-hero-content {
    max-width: 570px;
    z-index: 5;
    margin-left: 3.75rem
}

@media screen and (max-width: 1440px) {
    .subservice-hero-content {
        margin-left: 2.2rem
    }
}

@media screen and (max-width: 1170px) {
    .subservice-hero-content {
        width: 60%
    }
}

@media screen and (max-width: 992px) {
    .subservice-hero-content {
        margin: 0;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .subservice-hero-content {
        height: 100%;
        min-height: calc(83vh - 340px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 600px) {
    .subservice-hero-content {
        min-height: calc(100vh - 410px)
    }
}

@media screen and (max-width: 524px) {
    .subservice-hero-content {
        min-height: calc(100vh - 410px)
    }
}

@media screen and (max-width: 424px) {
    .subservice-hero-content {
        min-height: calc(100vh - 310px)
    }
}

.subservice-hero-content__title {
    -webkit-animation: moveInRight 1s ease-out;
    animation: moveInRight 1s ease-out
}

@media screen and (max-width: 992px) {
    .subservice-hero-content__title {
        -webkit-animation: moveInLeft 1s ease-out;
        animation: moveInLeft 1s ease-out
    }
}

.subservice-hero-content__title--corporate {
    line-height: 1em
}

@media screen and (min-width: 993px) {
    .subservice-hero-content__title--wordpress {
        width: 9em
    }
}

.subservice-hero-content__title--smm {
    width: 100vh;
    max-width: 9em
}

@media screen and (max-width: 992px) {
    .subservice-hero-content__title--smm {
        width: 100%;
        max-width: 100%
    }
}

.subservice-hero-content__title--landing {
    width: 9.4em;
    font-size: calc(3.1875vw + 33.8px)
}

@media screen and (max-width: 992px) {
    .subservice-hero-content__title--landing {
        width: 100%;
        max-width: 100%
    }
}

.subservice-hero-content__descr {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    color: #fff;
    margin-top: .5em;
    -webkit-animation: moveInRight 1s ease-out;
    animation: moveInRight 1s ease-out
}

.subservice-hero-content__descr > p:not(:first-child) {
    margin-top: 1.5em
}

.subservice-hero-content__btn {
    margin-top: 50px
}

.cookies-outer {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    color: #fff;
    padding: 5px 0 10px;
    z-index: 10;
    -webkit-transition: 2s ease;
    transition: 2s ease
}

.cookies-outer .inner {
    padding: 0 15px;
    margin: 0 auto;
    max-width: 1440px;
    text-align: center
}

@media screen and (max-width: 1440px) {
    .cookies-outer .inner {
        max-width: 1170px
    }
}

.cookies-outer p {
    width: 100%;
    font-size: .9em
}

.cookies-outer .button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cookies-outer .button-wrap span {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer
}

.cookies-outer .button-wrap a, .cookies-outer .button-wrap span {
    background: #fff;
    color: #000;
    padding: .1em .5em;
    border-radius: 8px;
    border: none;
    font-size: .9em
}

.page-main.content {
    padding-top: calc(70px + 2rem);
    padding-bottom: 80px
}

.section-content .section-inner {
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
    max-width: 780px
}

.section-content h1 {
    font: 700 calc(.75vw + 45.6px)/1.2 BebasNeue, Helvetica, Arial, sans-serif;
    color: #000;
    text-align: center
}

.section-content h2 {
    margin: 30px 0 0
}

.section-content p {
    margin: 20px 0 0
}

.section-content h2 + p {
    margin-top: 0
}

.figure-scene {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    pointer-events: none;
    will-change: transform;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .figure-scene {
        display: none
    }
}

.layer {
    position: absolute !important;
    width: 100%;
    height: 100%;
    will-change: transform
}

.services {
    z-index: 2;
    position: relative;
    padding: 70px 0 80px;
    background-color: #fff
}

.services__figure {
    position: absolute
}

@media screen and (max-width: 1023px) {
    .services__figure {
        display: none
    }
}

.services__figure img {
    -webkit-animation: tech-move 6s infinite both;
    animation: tech-move 6s infinite both
}

.services__figure--1 {
    width: 17%;
    max-width: 132px;
    top: 40%;
    left: 70%
}

.services__figure--1 img {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

.services__figure--2 {
    width: 20%;
    max-width: 188px;
    top: 44%;
    left: 85%
}

.services__figure--2 img {
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.services__figure--3 {
    width: 20%;
    max-width: 119px;
    top: 67%;
    left: 76%
}

.services__figure--3 img {
    -webkit-animation-duration: 6s;
    animation-duration: 6s
}

.services__figure--4 {
    width: 17%;
    max-width: 130px;
    top: 71%;
    left: 2%
}

.services__figure--4 img {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s
}

.services__wrapper {
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    position: relative
}

.services__heading {
    margin-bottom: 22px
}

@media screen and (max-width: 768px) {
    .services__heading {
        text-align: center
    }
}

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

.services__btn {
    margin-top: 40px
}

@media screen and (max-width: 768px) {
    .services__btn {
    }
}

.services-skills {
    width: calc(32% + 1.875rem);
    max-width: 30.625rem;
    min-width: 21.875rem
}

@media screen and (max-width: 768px) {
    .services-skills {
        display: none
    }
}

.services-skills__item {
    position: relative;
    width: calc(100% - 1.875rem);
    height: 4.5rem;
    -webkit-box-shadow: 0 26px 21px rgba(120, 137, 182, .42);
    box-shadow: 0 26px 21px rgba(120, 137, 182, .42);
    background: #fff;
    color: #000;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all .3s, color 0s;
    transition: all .3s, color 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.services-skills__item:hover {
    color: #fff
}

.services-skills__item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #3250d3;
    background-image: radial-gradient(circle 212px at center, #737373 0, #737373 24%, #737373 32%, #414141 91%, #414141 100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.services-skills__item:hover:before {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.services-skills__item.is-active:hover:before {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.services-skills__item:not(:first-child) {
    margin-top: 1.875rem
}

.services-skills__item.is-active {
    background-color: #FFC604;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    margin-left: 1.875rem
}

.services-skills__text {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.8em;
    text-transform: uppercase;
    z-index: 2;
    position: relative
}

.services-contents {
    width: 100%
}

@media screen and (min-width: 769px) {
    .services-contents {
        margin-left: 16.5%;
        width: auto
    }
}

.services-content {
    display: none
}

@media screen and (max-width: 768px) {
    .services-content {
        display: block
    }
}

.services-content.is-active {
    display: block;
    -webkit-animation: flash .5s linear normal none running;
    animation: flash .5s linear normal none running
}

.services-content__technology {
    color: #1b2935;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    margin-bottom: 1.875em
}

@media screen and (max-width: 768px) {
    .services-content__technology {
        margin-bottom: 20px;
        margin-top: 15px
    }
}

.services-content__item {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.services-content__item:hover {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.services-content__link {
    display: inline-block;
    color: #1b2935;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2.4em
}

.services-content__icon {
    width: 14px;
    height: 11px
}

.services-accordion__toggle {
    display: block;
    width: 100%;
    height: 4.5rem;
    -webkit-box-shadow: 0 26px 21px rgba(120, 137, 182, .42);
    box-shadow: 0 26px 21px rgba(120, 137, 182, .42);
    background-color: #fff;
    color: #000;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 4.5rem;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media screen and (min-width: 769px) {
    .services-accordion__toggle {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .services-accordion__panel {
        -webkit-transition: .4s ease;
        transition: .4s ease;
        height: 0;
        overflow: hidden
    }
}

@media screen and (max-width: 768px) {
    .services-accordion__panel--inner {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }
}

.services-content.is-open .services-accordion__toggle {
    color: #fff;
    background-color: #FFC604;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6
}

.services-content.is-open .services-accordion__panel {
    -webkit-transition: .4s ease;
    transition: .4s ease;
    height: 460px;
    overflow: visible
}

.why-home {
    padding: 130px 0 80px;
    background-image: radial-gradient(circle 820px at center, #393939 0, #393939 24%, #393939 32%, #1e1e1e 91%, #1e1e1e 100%);
    position: relative;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    z-index: 5;
    overflow: hidden
}

@media screen and (max-width: 992px) {
    .why-home {
        padding-top: 70px
    }
}

.why-home__figure {
    position: absolute
}

.why-home__figure--1 {
    max-width: 98px;
    left: 80%;
    top: 3%
}

.why-home__figure--2 {
    max-width: 128px;
    top: 32%;
    left: 4%
}

.why-home__figure--3 {
    max-width: 149px;
    left: 76%;
    top: 78%
}

.why-home__inner {
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
    z-index: 5;
    position: relative
}

.why-home__title {
    text-align: center;
    color: #fff;
    margin-bottom: .8em
}

@media screen and (min-width: 768px) {
    .why-home__title {
        display: none
    }
}

.why-home__btn {
    cursor: pointer;
    margin: 3em auto 0;
    display: block;
    color: #000
}

@media screen and (max-width: 1440px) {
    .why-home__btn {
        margin-top: 1.5em
    }
}

.why-corousel .slick-dots {
    margin-top: 20px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.why-corousel .slick-dots, .why-corousel .slick-dots li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.why-corousel .slick-dots li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.why-corousel .slick-dots li:not(:first-child) {
    margin-left: 15px
}

.why-corousel .slick-dots button {
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    background: 0 0;
    border-radius: 50%;
    text-indent: -99999px;
    padding: 0;
    outline: none
}

.why-corousel .slick-active button {
    width: 12px;
    height: 12px;
    background: #fff
}

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

.why-corousel__slide:not(:first-child) {
    margin-top: 35px
}

.why-corousel__item {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 640px
}

.why-corousel__item:nth-child(2n) {
    margin-left: auto
}

@media screen and (max-width: 992px) {
    .why-corousel__item:nth-child(2n) {
        margin: 0 auto
    }
}

.why-corousel__item:nth-child(odd) {
    margin-right: 15px
}

@media screen and (max-width: 992px) {
    .why-corousel__item:nth-child(odd) {
        margin: 0 auto
    }
}

@media screen and (max-width: 624px) {
    .why-corousel__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 400px;
        text-align: center
    }
}

.why-corousel.slick-initialized .why-corousel__item {
    margin-left: auto !important;
    margin-right: auto !important
}

.why-corousel__figure--1, .why-corousel__figure--3, .why-corousel__figure--5 {
    width: 149px;
    min-width: 149px;
    margin-right: 21px
}

@media screen and (max-width: 624px) {
    .why-corousel__figure--1, .why-corousel__figure--3, .why-corousel__figure--5 {
        margin: 0 auto
    }
}

.why-corousel__figure--2, .why-corousel__figure--4, .why-corousel__figure--6 {
    width: 174px;
    min-width: 174px;
    margin-right: 5px
}

@media screen and (max-width: 624px) {
    .why-corousel__figure--2, .why-corousel__figure--4, .why-corousel__figure--6 {
        margin: 0 auto
    }
}

.why-corousel__icon {
    width: 100%;
    height: auto
}

.why-corousel__title {
    color: #FFC604;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: calc(.25vw + 19.2px);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px
}

.why-corousel__text {
    opacity: .8;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em
}

.about {
    display: block;
    padding: 70px 0 80px;
    position: relative;
    -webkit-box-shadow: -4px 11px 21px #7889b6;
    box-shadow: -4px 11px 21px #7889b6;
    background-color: #325add;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    z-index: 2
}

.about__inner {
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.about__title {
    color: #fff
}

.about__content {
    text-align: center
}

.about__content p {
    max-width: 870px;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.8em;
    margin: 0 auto
}

.about__content p:not(:last-child) {
    margin-bottom: 2em
}

.about-carousel {
    margin-top: 3.5rem
}

@media screen and (max-width: 1440px) {
    .about-carousel {
        margin-top: 2rem
    }
}

.about-carousel__title {
    text-align: center;
    color: #fff
}

.about-carousel__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1470px;
    width: 100%;
    margin: 0 auto
}

.about-carousel__inner .hexagon {
    margin: 0 auto;
    width: 192px;
    height: 192px;
    position: relative;
    -webkit-transform: rotateX(55deg);
    transform: rotateX(55deg);
    -webkit-box-shadow: -7px 19px 27px rgba(14, 48, 157, .59);
    box-shadow: -7px 19px 27px rgba(14, 48, 157, .59)
}

.about-carousel__inner .hexagon, .about-carousel__inner .hexagon:after, .about-carousel__inner .hexagon:before {
    background: #fff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.about-carousel__inner .hexagon:after, .about-carousel__inner .hexagon:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 135px;
    height: 135px
}

.about-carousel__inner .hexagon:before {
    top: 0
}

.about-carousel__inner .hexagon:after, .about-carousel__inner .hexagon:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.about-carousel__inner .hexagon:after {
    top: 100%;
    -webkit-box-shadow: 10px 10px 27px 12px rgba(14, 48, 157, .59);
    box-shadow: 10px 10px 27px 12px rgba(14, 48, 157, .59)
}

.about-carousel__inner .hexagon span {
    position: absolute;
    top: 0;
    left: 0;
    width: 192px;
    height: 192px;
    background: #fff;
    z-index: 1
}

.about-carousel__inner .hexagon:hover {
    -webkit-transform: rotateX(55deg) translateY(-15px);
    transform: rotateX(55deg) translateY(-15px);
    -webkit-box-shadow: 0 27px 17px 10px rgba(14, 48, 157, .5);
    box-shadow: 0 27px 17px 10px rgba(14, 48, 157, .5)
}

.about-carousel__inner .hexagon:hover:after {
    -webkit-box-shadow: 26px 26px 20px 6px rgba(14, 48, 157, .59);
    box-shadow: 26px 26px 20px 6px rgba(14, 48, 157, .59)
}

.about-carousel__inner .hexagon img {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: auto;
    height: auto
}

.about-carousel__inner .hexagon img[title=Upwork] {
    width: 141px;
    height: 70px
}

.about-carousel__inner .hexagon img[title=Clutch] {
    width: 135px;
    height: 100px
}

.about-carousel__inner .hexagon img[title=Google] {
    width: 140px;
    height: 85px
}

.about-carousel__inner .hexagon img[title=Behance] {
    width: 94px;
    height: 104px
}

.about-carousel__item {
    padding: 45px 0;
    margin: 0 30px
}

@media screen and (max-width: 992px) {
    .about-carousel__item {
        margin: 0
    }
}

.about-carousel .slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-carousel .slick-dots li:not(:first-child) {
    margin-left: 20px
}

.about-carousel .slick-dots button {
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    background: 0 0;
    border-radius: 50%;
    text-indent: -99999px;
    padding: 0;
    outline: none
}

.about-carousel .slick-active button {
    background: #fff
}

.fixed-bg-wrap {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    position: relative;
    z-index: 5
}

.fixed-bg-wrap, section {
    overflow: hidden
}

.fixed-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: radial-gradient(circle 75vh at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
}

.services-hero {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.services-hero .secondary-hero__inner {
    padding-bottom: 140px
}

.service-arrow-bottom {
    filter: hue-rotate(46deg);
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAxCAYAAAAm/aJCAAACOElEQVR42u3YcWSUcRzH8ee6W9ZWtFZdUoZLFVnXKC2raUWVOlkhoaitVmchoLFgLUlE1JpEozQoQf2fCBAJQKYisUTqtJrt2/v4Lj9fu+ixvvLoywv38bjPPfe7e+53T/SnI52FhXiOcdxHOvrbQ8lFSOCgR+mAKT3uUdqILxCMYH7kMbquLaiJEjucXQonMIg9XqVHIWoCeY/S25DAaY/SI3A/0xQ6fq1poke/p62o9SrMowTBG9R5lN6A+7X3gik94FFaj6cYw12ko/8zg2/vXDzAO1xFyqO0FxLY51E6aEpPepRuh6ivWOa1rrtwGeujRA9nWEAfNnkVtkPUd6yOooRuV3pM6e5kXpFm8tVnsbTCz9gqpExejZVIm7wKa1EzzXOtQHbqQTcmIegJDjqEcc2fYJbmOXzQ/AVqNV+M15qPYl3wXPcg2lMsBx8h6hsyeuArSKBV8ysmP6z5WZMPad5o8tFyWDKb52o9eAQS2Fthj9Sh+XmTP9R8s8lL5bA/CK4Hb8mZIH+JOXY3iLeo17wBnzQfQ5vmGTyDqP6pgiZsmGbx12ALZpt8Cdowz+QLsANZk2fQjHz0z41+XfpwDVuDPI0uDKBg/1zhJoqoilP6CKJ+IKd5FyTQrPl+k/fGKX0PCbT/7oIffiDV4zilw+YnrEHzY0E+iSbNd5rSc3FK63AJt9Bi/p8WcafCmg6hOxk7f85iI04h51W4DRMQfMZyj1J7b7AzYhJ5F3RRcL93OM6n9CcsG/rlxQZkvAAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 10%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.service-arrow-bottom:hover {
    -webkit-transform: translate(-50%) scale(1.08);
    transform: translate(-50%) scale(1.08)
}

.service-skill {
    padding: 110px 0 130px
}

@media screen and (max-width: 1440px) {
    .service-skill {
        padding: 70px 0 80px
    }
}

@media screen and (max-width: 600px) {
    .service-skill {
        padding: 150px 0 80px;
        height: 510px
    }
}

@media screen and (max-width: 1024px) {
    .service-skill .figure-scene {
        display: none
    }
}

.service-skill__title-parallax {
    pointer-events: none;
    position: absolute;
    width: 100%;
    -webkit-transition: top 1s linear;
    transition: top 1s linear;
    z-index: 2;
    text-shadow: none;
    top: 200px
}

.service-skill__title-parallax:before {
    height: auto;
    line-height: 1;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    color: rgba(0, 11, 50, .06);
    font-weight: 700;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
    z-index: 0;
    width: 95%;
    font-size: 12.25vw;
    -webkit-animation: title-move 10s infinite both;
    animation: title-move 10s infinite both
}

@media screen and (max-width: 1200) {
    .service-skill__title-parallax {
        display: none
    }
}

.service-skill__title-parallax--web:before {
    content: "Web Development"
}

.service-skill__title-parallax--design:before {
    content: "Design services"
}

.service-skill__title-parallax--seo:before {
    content: "SEO services"
}

.service-skill__title-parallax--market:before {
    content: "Digital Marketing"
}

.service-skill__title-parallax--outsource:before {
    content: "Outsource services"
}

.service-skill__figure {
    width: 134px;
    height: 132px;
    position: absolute;
    top: 50%
}

.service-skill__figure--1 {
    left: 18%
}

.service-skill__figure--2 {
    left: 73%
}

.kr-hexagon-wrap {
    margin: 0 auto;
    position: relative;
    width: 560px;
    height: 648px
}

@media screen and (max-width: 600px) {
    .kr-hexagon-wrap {
        display: none
    }
}

.kr-hexagon-wrap .hexagon-body {
    position: absolute;
    width: 100%;
    height: 87.444%;
    -webkit-transform: rotateX(55deg) translateY(12.556%);
    transform: rotateX(55deg) translateY(12.556%);
    z-index: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.kr-hexagon-wrap .hexagon-body, .kr-hexagon-wrap .hexagon-body-bottom, .kr-hexagon-wrap .hexagon-body-middle, .kr-hexagon-wrap .hexagon-body-top {
    background: #286beb
}

.kr-hexagon-wrap .hexagon-body, .kr-hexagon-wrap .hexagon-body-bottom, .kr-hexagon-wrap .hexagon-body-top {
    -webkit-box-shadow: 0 0 39px 5px rgba(11, 11, 11, .53);
    box-shadow: 0 0 39px 5px rgba(11, 11, 11, .53)
}

.kr-hexagon-wrap .hexagon-body-bottom, .kr-hexagon-wrap .hexagon-body-top {
    width: 70.38%;
    height: 70.38%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1
}

.kr-hexagon-wrap .hexagon-body-top {
    top: 0
}

.kr-hexagon-wrap .hexagon-body-bottom {
    top: 100%
}

.kr-hexagon-wrap .hexagon-body-middle {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 3
}

.kr-hexagon-wrap .hexagon-body-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 15
}

.kr-hexagon-wrap .hexagon-body-bg-wrap {
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transform: scaleY(2) translate(-50%);
    transform: scaleY(2) translate(-50%)
}

.kr-hexagon-wrap .hexagon-body-bg, .kr-hexagon-wrap .hexagon-body-bg-wrap {
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    left: calc(50% - 1px);
    overflow: hidden;
    z-index: 5;
    pointer-events: none;
    position: absolute
}

.kr-hexagon-wrap .hexagon-body-bg {
    top: -85%;
    width: calc(200% + 2px);
    height: 200%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.kr-hexagon-wrap .hexagon-body-bg, .kr-hexagon-wrap .hexagon-body-bg-inner {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.kr-hexagon-wrap .hexagon-body-bg-inner {
    pointer-events: none;
    overflow: hidden;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    z-index: 5;
    position: absolute;
    left: 0;
    -webkit-transform: translate(0) scale(0);
    transform: translate(0) scale(0);
    width: 100%;
    height: 100%
}

.kr-hexagon-wrap .hexagon-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scaleY(1.75) translate(-50%, -27%);
    transform: scaleY(1.75) translate(-50%, -27%);
    min-width: 90%;
    z-index: 10
}

.kr-hexagon-wrap .hexagon-content .skill-hexagon__title {
    z-index: 7;
    color: #fff;
    font-weight: 300;
    text-decoration: underline;
    text-transform: uppercase;
    text-align: center
}

.kr-hexagon-wrap .hexagon-content ul {
    z-index: 7;
    padding-left: 165px;
    margin-top: 1.7rem
}

@media screen and (max-width: 600px) {
    .kr-hexagon-wrap .hexagon-content ul {
        visibility: hidden;
        width: 290px;
        height: 390px;
        margin: 0 auto;
        background: rgba(0, 0, 0, .85);
        border-radius: 5px;
        padding: 40px 0 40px 30px;
        z-index: 10;
        position: absolute;
        left: 50%;
        top: -15%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s
    }
}

.kr-hexagon-wrap .hexagon-content ul li {
    -webkit-transition: .3s;
    transition: .3s;
    font-family: Open Sans, sans-serif;
    font-size: 1.1rem;
    line-height: 1.8em
}

.kr-hexagon-wrap .hexagon-content ul li:hover > a {
    font-weight: 700
}

@media screen and (min-width: 600px) {
    .kr-hexagon-wrap .hexagon-content ul li:hover > a {
        padding-left: 20px
    }
}

.kr-hexagon-wrap .hexagon-content ul a {
    font-weight: 300;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff
}

.kr-hexagon-wrap .hexagon-content ul img {
    width: 14px;
    height: 13px
}

.kr-hexagon-wrap .mini-hex {
    width: 90px;
    height: 106px;
    z-index: 7;
    top: -12%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.kr-hexagon-wrap .mini-hex-body {
    position: absolute;
    width: 100%;
    height: 87.444%;
    -webkit-transform: scaleY(1.75) rotateX(55deg) translateY(12.556%);
    transform: scaleY(1.75) rotateX(55deg) translateY(12.556%);
    z-index: 1
}

.kr-hexagon-wrap .mini-hex-body, .kr-hexagon-wrap .mini-hex-body-bottom, .kr-hexagon-wrap .mini-hex-body-middle, .kr-hexagon-wrap .mini-hex-body-top {
    background: #fff
}

.kr-hexagon-wrap .mini-hex-body, .kr-hexagon-wrap .mini-hex-body-bottom, .kr-hexagon-wrap .mini-hex-body-top {
    -webkit-box-shadow: 0 0 38px rgba(11, 11, 11, .38);
    box-shadow: 0 0 38px rgba(11, 11, 11, .38)
}

.kr-hexagon-wrap .mini-hex-body-bottom, .kr-hexagon-wrap .mini-hex-body-top {
    width: 70.38%;
    height: 70.38%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1
}

.kr-hexagon-wrap .mini-hex-body-top {
    top: 0
}

.kr-hexagon-wrap .mini-hex-body-bottom {
    top: 100%
}

.kr-hexagon-wrap .mini-hex-body-middle {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 3
}

.kr-hexagon-wrap .mini-hex-body-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 15
}

.kr-hexagon-wrap .mini-hex-body-bg {
    left: 50%;
    top: 0;
    width: calc(100% + 2px);
    -webkit-transform: scaleY(2) translate(-50%);
    transform: scaleY(2) translate(-50%)
}

.kr-hexagon-wrap .mini-hex-body-bg, .kr-hexagon-wrap .mini-hex-body-bg-inner {
    pointer-events: none;
    overflow: hidden;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    position: absolute;
    height: 100%;
    z-index: 5
}

.kr-hexagon-wrap .mini-hex-body-bg-inner {
    left: 0;
    -webkit-transform: translate(0) scale(0);
    transform: translate(0) scale(0);
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff
}

.kr-hexagon-wrap .mini-hex-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scaleY(1.75) translate(-50%, -27%);
    transform: scaleY(1.75) translate(-50%, -27%);
    min-width: 90%;
    z-index: 10;
    height: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kr-hexagon-wrap .mini-hex-content svg {
    max-width: 100%;
    display: block;
    width: 53px;
    height: 49px
}

.kr-hexagon-wrap.web .hexagon-body-bg-inner {
    background-image: radial-gradient(circle 400px at center, #8787fb 0, #8787fb 23%, #8484fb 32%, #7272f7 91%, #6f6ff7 100%)
}

.kr-hexagon-wrap.web .mini-hex-body, .kr-hexagon-wrap.web .mini-hex-body-bottom, .kr-hexagon-wrap.web .mini-hex-body-middle, .kr-hexagon-wrap.web .mini-hex-body-top {
    background: #7a7af9
}

.kr-hexagon-wrap.design .hexagon-body-bg-inner {
    background-image: radial-gradient(circle 85px at center, #ff784e 0, #ff784e 24%, #ff764e 32%, #ff664e 91%, #ff644e 100%)
}

.kr-hexagon-wrap.design .mini-hex-body, .kr-hexagon-wrap.design .mini-hex-body-bottom, .kr-hexagon-wrap.design .mini-hex-body-middle, .kr-hexagon-wrap.design .mini-hex-body-top {
    background: #ff664e
}

.kr-hexagon-wrap.seo .hexagon-body-bg-inner {
    background-image: radial-gradient(circle 400px at center, #0096ff 0, #0096ff 24%, #0492fd 32%, #2372ee 91%, #393939 100%)
}

.kr-hexagon-wrap.seo .mini-hex-body, .kr-hexagon-wrap.seo .mini-hex-body-bottom, .kr-hexagon-wrap.seo .mini-hex-body-middle, .kr-hexagon-wrap.seo .mini-hex-body-top {
    background: #393939
}

.kr-hexagon-wrap.market .hexagon-body-bg-inner {
    background-image: radial-gradient(circle 85px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

.kr-hexagon-wrap.market .mini-hex-body, .kr-hexagon-wrap.market .mini-hex-body-bottom, .kr-hexagon-wrap.market .mini-hex-body-middle, .kr-hexagon-wrap.market .mini-hex-body-top {
    background-color: #5555d5
}

.kr-hexagon-wrap.outsource .hexagon-body-bg-inner {
    background-image: radial-gradient(circle 115px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #FFC604 91%, #937200 100%)
}

.kr-hexagon-wrap.outsource .mini-hex-body, .kr-hexagon-wrap.outsource .mini-hex-body-bottom, .kr-hexagon-wrap.outsource .mini-hex-body-middle, .kr-hexagon-wrap.outsource .mini-hex-body-top {
    background: #FFC604
}

.kr-hexagon-wrap.is-active .hexagon-body {
    z-index: 3
}

.kr-hexagon-wrap.is-active .hexagon-body-bg-inner {
    -webkit-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    left: 50%
}

.kr-hexagon-wrap.is-active .mini-hex-content {
    color: #fff
}

.kr-hexagon-wrap.is-active .mini-hex-body-bg-inner {
    -webkit-transform: translate(-50%) scale(1);
    transform: translate(-50%) scale(1);
    left: 50%
}

.kr-hexagon-wrap.web.is-active .mini-hex-content {
    color: #7a7af9
}

.kr-hexagon-wrap.design.is-active .mini-hex-content {
    color: #ff664e
}

.kr-hexagon-wrap.seo.is-active .mini-hex-content {
    color: #393939
}

.kr-hexagon-wrap.market.is-active .mini-hex-content {
    color: #5555d5
}

.kr-hexagon-wrap.outsource.is-active .mini-hex-content {
    color: #FFC604
}

.kr-hexagon-wrap-mob {
    margin: 0 auto;
    position: relative;
    width: 270px;
    height: 308px
}

@media screen and (min-width: 600px) {
    .kr-hexagon-wrap-mob {
        display: none
    }
}

.kr-hexagon-wrap-mob .hexagon-body {
    position: absolute;
    width: 100%;
    height: 87.444%;
    -webkit-transform: rotateX(55deg) translateY(12.556%);
    transform: rotateX(55deg) translateY(12.556%);
    z-index: 1;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.kr-hexagon-wrap-mob .hexagon-body, .kr-hexagon-wrap-mob .hexagon-body-bottom, .kr-hexagon-wrap-mob .hexagon-body-middle, .kr-hexagon-wrap-mob .hexagon-body-top {
    background: #286beb
}

.kr-hexagon-wrap-mob .hexagon-body, .kr-hexagon-wrap-mob .hexagon-body-bottom, .kr-hexagon-wrap-mob .hexagon-body-top {
    -webkit-box-shadow: 0 0 39px 5px rgba(11, 11, 11, .53);
    box-shadow: 0 0 39px 5px rgba(11, 11, 11, .53)
}

.kr-hexagon-wrap-mob .hexagon-body-bottom, .kr-hexagon-wrap-mob .hexagon-body-top {
    width: 70.38%;
    height: 70.38%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1
}

.kr-hexagon-wrap-mob .hexagon-body-top {
    top: 0
}

.kr-hexagon-wrap-mob .hexagon-body-bottom {
    top: 100%
}

.kr-hexagon-wrap-mob .hexagon-body-middle {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 3
}

.kr-hexagon-wrap-mob .hexagon-body-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 15
}

.kr-hexagon-wrap-mob .hexagon-body-bg-wrap {
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transform: scaleY(2) translate(-50%);
    transform: scaleY(2) translate(-50%)
}

.kr-hexagon-wrap-mob .hexagon-body-bg, .kr-hexagon-wrap-mob .hexagon-body-bg-wrap {
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    left: calc(50% - 1px);
    overflow: hidden;
    z-index: 5;
    pointer-events: none;
    position: absolute
}

.kr-hexagon-wrap-mob .hexagon-body-bg {
    top: -85%;
    width: calc(200% + 2px);
    height: 200%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.kr-hexagon-wrap-mob .hexagon-body-bg, .kr-hexagon-wrap-mob .hexagon-body-bg-inner {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.kr-hexagon-wrap-mob .hexagon-body-bg-inner {
    pointer-events: none;
    overflow: hidden;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    z-index: 5;
    position: absolute;
    left: 0;
    -webkit-transform: translate(0) scale(0);
    transform: translate(0) scale(0);
    width: 100%;
    height: 100%
}

.kr-hexagon-wrap-mob .hexagon-content {
    position: absolute;
    top: 110%;
    left: 50%;
    -webkit-transform: scaleY(1.75) translate(-50%);
    transform: scaleY(1.75) translate(-50%);
    min-width: 90%;
    z-index: 10
}

.kr-hexagon-wrap-mob .hexagon-content a {
    font: inherit
}

.kr-hexagon-wrap-mob .hexagon-content a, .kr-hexagon-wrap-mob .hexagon-content a:hover {
    color: #fff
}

.kr-hexagon-wrap-mob .hexagon-content .hexagon-content-title {
    position: absolute;
    top: -320px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    white-space: nowrap
}

.kr-hexagon-wrap-mob .hexagon-content .hexagon-content-details {
    cursor: pointer;
    display: block;
    z-index: 7;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    text-align: center
}

.kr-hexagon-wrap-mob .hexagon-content .hexagon-content-details .fa-plus {
    margin: 0 auto;
    display: block;
    font-size: 25px;
    width: 23px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.kr-hexagon-wrap-mob .hexagon-content .hexagon-content-list {
    padding: 40px 10px 40px 30px;
    position: absolute;
    background: rgba(0, 0, 0, .85);
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%);
    border-radius: 5px;
    min-width: 290px;
    -webkit-transition: .3s;
    transition: .3s;
    visibility: hidden;
    opacity: 0
}

.kr-hexagon-wrap-mob .hexagon-content .hexagon-content-list.is-active {
    -webkit-transition: .3s;
    transition: .3s;
    visibility: visible;
    opacity: 1
}

.kr-hexagon-wrap-mob .hexagon-content .hexagon-content-list .hexagon-content-list-close {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 13px;
    color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.kr-hexagon-wrap-mob .hexagon-content .hexagon-content-list h3 {
    text-align: center
}

.kr-hexagon-wrap-mob .hexagon-content .hexagon-content-list ul li {
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 1.1rem;
    line-height: 1.8em
}

.kr-hexagon-wrap-mob .hexagon-content .hexagon-content-list img {
    width: 14px;
    height: 13px
}

.kr-hexagon-wrap-mob .mini-hex {
    width: 90px;
    height: 104px;
    z-index: 7;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.kr-hexagon-wrap-mob .mini-hex-body {
    position: absolute;
    width: 100%;
    height: 87.444%;
    -webkit-transform: scaleY(1.75) rotateX(55deg) translateY(12.556%);
    transform: scaleY(1.75) rotateX(55deg) translateY(12.556%);
    z-index: 1
}

.kr-hexagon-wrap-mob .mini-hex-body, .kr-hexagon-wrap-mob .mini-hex-body-bottom, .kr-hexagon-wrap-mob .mini-hex-body-middle, .kr-hexagon-wrap-mob .mini-hex-body-top {
    background: #fff
}

.kr-hexagon-wrap-mob .mini-hex-body, .kr-hexagon-wrap-mob .mini-hex-body-bottom, .kr-hexagon-wrap-mob .mini-hex-body-top {
    -webkit-box-shadow: 0 0 38px rgba(11, 11, 11, .38);
    box-shadow: 0 0 38px rgba(11, 11, 11, .38)
}

.kr-hexagon-wrap-mob .mini-hex-body-bottom, .kr-hexagon-wrap-mob .mini-hex-body-top {
    width: 70.38%;
    height: 70.38%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1
}

.kr-hexagon-wrap-mob .mini-hex-body-top {
    top: 0
}

.kr-hexagon-wrap-mob .mini-hex-body-bottom {
    top: 100%
}

.kr-hexagon-wrap-mob .mini-hex-body-middle {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 3
}

.kr-hexagon-wrap-mob .mini-hex-body-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 15
}

.kr-hexagon-wrap-mob .mini-hex-body-bg {
    left: 50%;
    top: 0;
    width: calc(100% + 2px);
    -webkit-transform: scaleY(2) translate(-50%);
    transform: scaleY(2) translate(-50%)
}

.kr-hexagon-wrap-mob .mini-hex-body-bg, .kr-hexagon-wrap-mob .mini-hex-body-bg-inner {
    pointer-events: none;
    overflow: hidden;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    position: absolute;
    height: 100%;
    z-index: 5
}

.kr-hexagon-wrap-mob .mini-hex-body-bg-inner {
    left: 0;
    -webkit-transform: translate(0) scale(0);
    transform: translate(0) scale(0);
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff
}

.kr-hexagon-wrap-mob .mini-hex-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scaleY(1.75) translate(-50%, -27%);
    transform: scaleY(1.75) translate(-50%, -27%);
    min-width: 90%;
    z-index: 10;
    height: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kr-hexagon-wrap-mob .mini-hex-content svg {
    max-width: 100%;
    display: block;
    width: 53px;
    height: 49px
}

.kr-hexagon-wrap-mob.web .hexagon-body, .kr-hexagon-wrap-mob.web .hexagon-body-bottom, .kr-hexagon-wrap-mob.web .hexagon-body-middle, .kr-hexagon-wrap-mob.web .hexagon-body-top {
    background: #7a7af9
}

.kr-hexagon-wrap-mob.web .mini-hex-content {
    color: #7a7af9
}

.kr-hexagon-wrap-mob.design .hexagon-body, .kr-hexagon-wrap-mob.design .hexagon-body-bottom, .kr-hexagon-wrap-mob.design .hexagon-body-middle, .kr-hexagon-wrap-mob.design .hexagon-body-top {
    background: #ff664e
}

.kr-hexagon-wrap-mob.design .mini-hex-content {
    color: #ff664e
}

.kr-hexagon-wrap-mob.seo .hexagon-body, .kr-hexagon-wrap-mob.seo .hexagon-body-bottom, .kr-hexagon-wrap-mob.seo .hexagon-body-middle, .kr-hexagon-wrap-mob.seo .hexagon-body-top {
    background: #393939
}

.kr-hexagon-wrap-mob.seo .mini-hex-content {
    color: #393939
}

.kr-hexagon-wrap-mob.market .hexagon-body, .kr-hexagon-wrap-mob.market .hexagon-body-bottom, .kr-hexagon-wrap-mob.market .hexagon-body-middle, .kr-hexagon-wrap-mob.market .hexagon-body-top {
    background: #5555d5
}

.kr-hexagon-wrap-mob.market .mini-hex-content {
    color: #5555d5
}

.kr-hexagon-wrap-mob.outsource .hexagon-body, .kr-hexagon-wrap-mob.outsource .hexagon-body-bottom, .kr-hexagon-wrap-mob.outsource .hexagon-body-middle, .kr-hexagon-wrap-mob.outsource .hexagon-body-top {
    background: #FFC604
}

.kr-hexagon-wrap-mob.outsource .mini-hex-content {
    color: #FFC604
}

.single-service-benefits {
    padding: calc(3.23625vw + 57.86408px) 0 calc(3.23625vw + 67.86408px);
    overflow: hidden
}

.single-service-benefits__inner {
    max-width: 1440px;
    margin: 0 auto
}

.single-service-benefits__title {
    text-align: center;
    line-height: 1.2em
}

.single-service-benefits__subtitle {
    color: #1b2935;
    font-family: Open Sans, sans-serif;
    font-size: calc(.125vw + 17.6px);
    font-weight: 300;
    line-height: 1.8em;
    text-align: center
}

.single-service-benefits__btn {
    display: block;
    margin: 50px auto 0
}

.single-service-flip-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 1440px;
    margin: 3.5em auto 0
}

@media screen and (max-width: 1170px) {
    .single-service-flip-wrap--desctop {
        display: none
    }
}

@media screen and (max-width: 992px) {
    .single-service-flip-wrap {
        margin-top: 0
    }
}

.single-service-flip-wrap--mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% + 60px);
    margin-left: -30px
}

@media screen and (min-width: 1171px) {
    .single-service-flip-wrap--mobile {
        display: none
    }
}

.single-service-flip-box {
    height: 380px;
    width: calc(33.33333% - 20px);
    display: block;
    text-align: center;
    position: relative;
    -webkit-perspective: 920px;
    perspective: 920px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.single-service-flip-box--mobile {
    width: 100%;
    height: auto;
    max-width: 660px;
    position: inherit;
    margin: 0 auto;
    display: block !important;
    padding: 20px 30px 40px
}

.single-service-flip-box:not(:first-child) {
    margin-left: 30px
}

.single-service-flip__inner {
    -webkit-perspective: inherit;
    perspective: inherit;
    -webkit-transform: translateZ(50px) scale(.94);
    transform: translateZ(50px) scale(.94)
}

.single-service-flip__image {
    margin: 0 auto
}

.single-service-flip__image img {
    width: auto;
    height: 160px;
    max-height: 160px;
    margin: 0 auto;
    display: block
}

.single-service-flip__svg {
    margin: 0 auto
}

.single-service-flip__svg .object-img {
    width: auto;
    height: 180px;
    max-width: inherit;
    margin-bottom: -15px
}

.single-service-flip__title {
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: .05em;
    margin-bottom: .3em
}

.single-service-flip__text, .single-service-flip__title {
    color: #fff;
    font-family: Open Sans, sans-serif;
    line-height: 1.8em
}

.single-service-flip__text {
    opacity: .8;
    font-size: 1rem;
    font-weight: 300
}

@media screen and (max-width: 1170x) {
    .single-service-flip__text {
        display: none
    }
}

.single-service-flip__text--full {
    display: none
}

@media screen and (max-width: 1170px) {
    .single-service-flip__text--full {
        display: block;
        opacity: .8;
        color: #fff;
        font-family: Open Sans, sans-serif;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.8em
    }
}

.flip-box-back, .flip-box-front {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .55s ease .25s, -webkit-transform .9s cubic-bezier(.4, .2, .2, 1);
    transition: opacity .55s ease .25s, -webkit-transform .9s cubic-bezier(.4, .2, .2, 1);
    transition: transform .9s cubic-bezier(.4, .2, .2, 1), opacity .55s ease .25s;
    transition: transform .9s cubic-bezier(.4, .2, .2, 1), opacity .55s ease .25s, -webkit-transform .9s cubic-bezier(.4, .2, .2, 1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media screen and (max-width: 1170px) {
    .flip-box-back, .flip-box-front {
        position: inherit
    }
}

.flip-box-front {
    padding: 1rem 2.815rem 2.625rem
}

@media screen and (max-width: 1170px) {
    .flip-box-front .single-service-flip__text {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .single-service-flip-box--mobile .flip-box-front {
        padding: 15px 15px 40px
    }
}

.flip-box-back {
    padding: 50px 40px 30px;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1170px) {
    .flip-box-back {
        display: none
    }
}

.flip-box-back .single-service-flip__inner {
    margin-top: -15px
}

.single-service-flip-box--1 .flip-box-back, .single-service-flip-box--1 .flip-box-front {
    background-color: #393939;
    background-image: radial-gradient(circle 160px at center, #393939 0, #393939 24%, #393939 32%, #393939 91%, #393939 100%);
}

.single-service-flip-box--2 .flip-box-back, .single-service-flip-box--2 .flip-box-front {
    background-color: #FFC604;
    background-image: radial-gradient(circle 195px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #FFC604 91%, #FFC604 100%);
}

.single-service-flip-box--3 .flip-box-back, .single-service-flip-box--3 .flip-box-front {
    background-color: #4b4bbe;
    background-image: radial-gradient(circle 160px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

@media screen and (min-width: 1171px) {
    .single-service-flip-box:hover .flip-box-front {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .single-service-flip-box:hover .flip-box-back {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
}

.single-service-principles {
    padding: 135px 0;
    position: relative;
    z-index: 5
}

.single-service-principles.blue {
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
}

.single-service-principles.blue, .single-service-principles.violet {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6
}

.single-service-principles.violet {
    background: #5656d8 radial-gradient(circle 920px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

@media screen and (max-width: 1440px) {
    .single-service-principles {
        padding: 70px 0 80px
    }
}

@media screen and (max-width: 768px) {
    .single-service-principles {
        padding-top: 0
    }
}

.single-service-principles__figure {
    position: absolute
}

@media screen and (max-width: 1200px) {
    .single-service-principles__figure {
        display: none
    }
}

.single-service-principles__figure--1 {
    width: 129px;
    height: 128px;
    top: 150px;
    left: 86%
}

.single-service-principles__figure--2 {
    width: 167px;
    height: 157px;
    bottom: 9%;
    left: 23%
}

.single-service-principles__inner {
    max-width: 1460px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {
    .single-service-principles__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.single-service-principles__title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1440px) {
    .single-service-principles__title-wrap {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        width: 30%
    }
}

@media screen and (max-width: 992px) {
    .single-service-principles__title-wrap {
        width: 38%
    }
}

@media screen and (max-width: 768px) {
    .single-service-principles__title-wrap {
        width: 100%
    }
}

.single-service-principles__title {
    color: #fff;
    max-width: 495px
}

@media screen and (max-width: 1440px) {
    .single-service-principles__title {
        margin-top: 80px
    }
}

@media screen and (max-width: 768px) {
    .single-service-principles__title {
        width: 100%;
        text-align: center
    }
}

.single-service-principles-cards {
    width: 100%;
    max-width: 900px
}

@media screen and (max-width: 1440px) {
    .single-service-principles-cards {
        width: 70%
    }
}

@media screen and (min-width: 1201px) {
    .single-service-principles-cards {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 992px) {
    .single-service-principles-cards {
        width: 62%
    }
}

@media screen and (max-width: 768px) {
    .single-service-principles-cards {
        width: 100%
    }
}

.single-service-principles-cards .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .single-service-principles-cards .slick-dots {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0
    }
}

.single-service-principles-cards .slick-dots li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.single-service-principles-cards .slick-dots li:not(:first-child) {
    margin-left: 20px
}

.single-service-principles-cards .slick-dots button {
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-indent: -99999px;
    padding: 0;
    outline: none;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    background: #fff
}

.single-service-principles-cards .slick-active button {
    width: 9px;
    height: 9px;
    background: transparent;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.single-service-principles-card {
    display: block;
    position: relative;
    width: calc(50% - 15px);
    padding: 53px 40px;
    color: #fff;
    font-family: Open Sans, sans-serif;
    cursor: default
}

@media screen and (max-width: 1200px) {
    .single-service-principles-card {
        width: 450px
    }
}

@media screen and (min-width: 1201px) {
    .single-service-principles-card:nth-child(odd) {
        margin-right: 30px
    }

    .single-service-principles-card:nth-child(3), .single-service-principles-card:nth-child(4) {
        margin-top: 30px
    }
}

.single-service-principles-card.carousel-cell:not(:first-child) {
    margin-left: 0
}

.single-service-principles-card-bg {
    pointer-events: none;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .45s cubic-bezier(.25, 1, .2, 1), -webkit-box-shadow 0s;
    transition: all .45s cubic-bezier(.25, 1, .2, 1), -webkit-box-shadow 0s;
    transition: all .45s cubic-bezier(.25, 1, .2, 1), box-shadow 0s;
    transition: all .45s cubic-bezier(.25, 1, .2, 1), box-shadow 0s, -webkit-box-shadow 0s;
    -webkit-box-shadow: 0 12px 21px rgba(0, 0, 0, .29);
    box-shadow: 0 12px 21px rgba(0, 0, 0, .29);
    background-image: radial-gradient(circle 230px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #FFC604 91%, #937200 100%)
}

.single-service-principles-card:hover > .single-service-principles-card-bg {
    opacity: 1
}

@media screen and (max-width: 1200px) {
    .single-service-principles-card:hover > .single-service-principles-card-bg {
        opacity: 0
    }
}

.single-service-principles-card__img {
    margin: 0;
    height: 46px;
    position: relative
}

.single-service-principles-card__img img {
    height: 100%;
    max-height: 100%;
    width: auto
}

.single-service-principles-card__title {
    line-height: 1.6;
    margin-top: 1em;
    font-size: 1rem;
    font-weight: 700;
    max-width: 14.8em;
    position: relative;
    font-family: Open Sans, sans-serif
}

.single-service-principles-card__text {
    margin-top: 1rem;
    opacity: .8;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    max-width: 22.875em;
    position: relative
}

.other-service {
    padding: 245px 0 327px;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    z-index: 3;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .other-service {
        padding: 120px 0 160px
    }
}

@media screen and (max-width: 1170px) {
    .other-service {
        padding: 70px 0 80px
    }
}

.other-service__inner {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.other-service__title {
    color: #fff;
    text-align: center
}

.other-service__figure {
    position: absolute
}

@media screen and (max-width: 992px) {
    .other-service__figure {
        display: none
    }
}

.other-service__figure--1 {
    width: 154px;
    height: 167px;
    top: 7%;
    left: 75%
}

.other-service__figure--2 {
    width: 129px;
    height: 127px;
    bottom: 5%;
    left: 4%
}

.other-service__figure--3 {
    width: 188px;
    height: 207px;
    bottom: -2%;
    left: 76%
}

.other-service-cards {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 4.375em auto 0;
    font-size: 1rem
}

@media screen and (max-width: 1170px) {
    .other-service-cards--desctop {
        display: none
    }
}

.other-service-cards--mobile {
    display: none
}

@media screen and (max-width: 1170px) {
    .other-service-cards--mobile {
        display: block;
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-top: 2.5em
    }
}

.other-service-card-column {
    max-width: 660px;
    margin: 0 auto;
    display: block !important;
    padding: 30px 30px 45px
}

@media screen and (max-width: 768px) {
    .other-service-card-column {
        padding: 30px 15px 45px
    }
}

.other-service-card-wrap {
    width: 22.7%;
    min-width: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.other-service-card-wrap:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.other-service-card-wrap:nth-child(2n) {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.other-service-card-wrap:nth-child(2n):hover {
    -webkit-transform: translateY(35px);
    transform: translateY(35px)
}

@media screen and (max-width: 1440px) {
    .other-service-card-wrap {
        width: calc(25% - 15px);
        min-width: inherit
    }

    .other-service-card-wrap:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .other-service-card-wrap:nth-child(2n) {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    .other-service-card-wrap:nth-child(2n):hover {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@media screen and (max-width: 1170px) {
    .other-service-card-wrap {
        width: 100%
    }

    .other-service-card-wrap:hover {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }

    .other-service-card-wrap:not(:first-child) {
        margin-top: 30px
    }

    .other-service-card-wrap:nth-child(2n) {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .other-service-card-wrap:nth-child(2n):hover {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
}

.other-service-card {
    width: 100%;
    padding: 39px 0 50px 40px;
    color: #fff;
    font-family: Open Sans, sans-serif;
    -webkit-box-shadow: 0 12px 21px rgba(36, 52, 115, .7);
    box-shadow: 0 12px 21px rgba(36, 52, 115, .7)
}

@media screen and (max-width: 1170px) {
    .other-service-card {
        padding-right: 40px
    }
}

.other-service-card__icon {
    margin: 0;
    height: 48px
}

@media screen and (max-width: 1170px) {
    .other-service-card__icon {
        width: 100%;
        max-width: 400px;
        margin: 0 auto
    }
}

.other-service-card__icon img {
    height: 100%;
    width: auto
}

.other-service-card__title {
    margin-top: .8em;
    font-size: 1rem;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
    line-height: 1.8em
}

@media screen and (max-width: 1170px) {
    .other-service-card__title {
        width: 100%;
        max-width: 400px;
        margin: .8em auto 0
    }
}

.other-service-card__descr {
    margin-top: .8em;
    opacity: .8;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    max-width: 11.25em
}

@media screen and (max-width: 1170px) {
    .other-service-card__descr {
        width: 100%;
        max-width: 400px;
        margin: .8em auto 0
    }
}

.other-service-card.web {
    background-color: #7a7af9;
    background-image: radial-gradient(circle 180px at center, #8787fb 0, #8787fb 23%, #8484fb 32%, #7272f7 91%, #6f6ff7 100%)
}

.other-service-card.design {
    background-color: #ff664e;
    background-image: radial-gradient(circle 180px at center, #ff784e 0, #ff784e 24%, #ff764e 32%, #ff664e 91%, #ff644e 100%)
}

.other-service-card.seo {
    background-color: #393939;
    background-image: radial-gradient(circle 180px at center, #0096ff 0, #0096ff 24%, #0492fd 32%, #2372ee 91%, #393939 100%)
}

.other-service-card.market {
    background-color: #5555d5;
    background-image: radial-gradient(circle 180px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

.other-service-card.outsource {
    background-color: #FFC604;
    background-image: radial-gradient(circle 180px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #FFC604 91%, #937200 100%)
}

.single-service-other {
    padding: 240px 0 195px
}

@media screen and (max-width: 1440px) {
    .single-service-other {
        padding: 70px 0 80px;
        overflow: hidden
    }
}

@media screen and (max-width: 1440px) {
    .single-service-other__title {
        line-height: 1em
    }
}

.single-service-other__figure {
    position: absolute
}

@media screen and (max-width: 1440px) {
    .single-service-other__figure {
        display: none
    }
}

.single-service-other__figure--1 {
    width: 155px;
    height: 169px;
    top: 69%;
    left: 2%
}

.single-service-other__figure--2 {
    width: 160px;
    height: 154px;
    right: 2%;
    top: 37%
}

.single-service-other__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

@media screen and (max-width: 1170px) {
    .single-service-other__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 768px) {
    .single-service-other__inner {
        width: calc(100% + 60px);
        margin-left: -30px
    }
}

.single-service-other__content {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px
}

@media screen and (max-width: 1440px) {
    .single-service-other__content {
        width: 26%;
        margin-bottom: 0;
        margin-right: 15px;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        justify-content: normal
    }
}

@media screen and (max-width: 1170px) {
    .single-service-other__content {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .single-service-other__content {
        width: calc(100% - 60px);
        margin: 0 auto
    }
}

.single-service-other__content .last-card {
    margin-left: auto;
    width: 270px;
    margin-right: 30px
}

@media screen and (max-width: 1440px) {
    .single-service-other__content .last-card {
        margin-right: 0
    }
}

@media screen and (max-width: 1170px) {
    .single-service-other__content .last-card {
        display: none
    }
}

.single-service-other__content--web-dev, .single-service-other__content--website {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.single-service-other__info {
    margin-top: 13px;
    max-width: 400px
}

.single-service-other__info--web-dev {
    max-width: 425px
}

@media screen and (max-width: 1170px) {
    .single-service-other__info--web-dev {
        max-width: 770px
    }
}

.single-service-other__skills-title {
    color: #1b2935;
    line-height: 1.2em
}

.single-service-other__skills {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    color: #1b2935;
    font-weight: 300;
    line-height: 1.8em
}

.single-service-other-cards-wrap {
    width: 61%;
    max-width: 875px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1440px) {
    .single-service-other-cards-wrap {
        margin-top: 7%;
        width: 74%
    }
}

@media screen and (max-width: 1170px) {
    .single-service-other-cards-wrap {
        width: 100%;
        margin-top: 30px;
        max-width: inherit;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width: 1171px) {
    .single-service-other-cards-wrap--mobile {
        display: none
    }
}

.single-service-other-cards-column {
    width: calc(33.33333% - 20px);
    margin-bottom: 2em;;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1440px) {
    .single-service-other-card {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }

    .single-service-other-cards-column {
        width: 95%;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
    }
}

.single-service-other-cards-column:not(:first-child) {
    margin-left: 0px
}

@media screen and (max-width: 1440px) {
    .single-service-other-cards-column:not(:first-child) {
        margin-left: auto
    }
}

.single-service-other-cards-column--2 {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

@media screen and (max-width: 1170px) {
    .single-service-other-cards-column--2 {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width: 1171px) {
    .single-service-other-cards-column--4 {
        display: none
    }
}

.single-service-other-cards-column--mobile {
    width: 100%;
    max-width: 660px;
    display: block !important;
    margin: 0 auto;
    padding: 30px 30px 40px
}

.single-service-other-card {
    width: 100%;
    color: #fff;
    font-family: Open Sans, sans-serif;
    background-color: red;
    padding: 2.25rem 1rem 3.125rem 2.25rem;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

@media screen and (min-width: 1171px) {
    .single-service-other-card:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-box-shadow: 0 6px 21px #545f73;
        box-shadow: 0 6px 21px #545f73
    }
}

.single-service-other-card.blue {
    -webkit-box-shadow: 0 12px 21px #2074ef;
    box-shadow: 0 12px 21px #2074ef;
    background-color: #2074ef;
    background-image: radial-gradient(circle 195px at center, #0096ff 0, #0096ff 24%, #0492fd 32%, #2372ee 91%, #393939 100%)
}

.single-service-other-card.red {
    -webkit-box-shadow: 0 12px 21px #FFC604;
    box-shadow: 0 12px 21px #FFC604;
    background-color: #FFC604;
    background-image: radial-gradient(circle 195px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #937200 91%, #937200 100%)
}

.single-service-other-card.red-dark {
    -webkit-box-shadow: 0 12px 21px #ff3f12;
    box-shadow: 0 12px 21px #ff3f12;
    background: #ff3f12 radial-gradient(circle 195px at center, #ff3f12 0, #ff3f12 24%, #f93b11 32%, #c91b06 91%, #FFC604 99%)
}

.single-service-other-card.violet {
    -webkit-box-shadow: 0 12px 21px #4e4ec6;
    box-shadow: 0 12px 21px #4e4ec6;
    background-color: #4e4ec6;
    background-image: radial-gradient(circle 195px at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

.single-service-other-card.orange {
    -webkit-box-shadow: 0 12px 21px #FFC604;
    box-shadow: 0 12px 21px #FFC604;
    background-color: #FFC604;
    background-image: radial-gradient(circle 195px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #057138 91%, #057138 100%)
}

.single-service-other-card.purple {
    -webkit-box-shadow: 0 12px 21px #7b7bf9;
    box-shadow: 0 12px 21px #7b7bf9;
    background-color: #7b7bf9;
    background-image: radial-gradient(circle 195px at center, #8787fb 0, #8787fb 23%, #8484fb 32%, #7272f7 91%, #6f6ff7 100%)
}

.single-service-other-card.blue-light {
    -webkit-box-shadow: 0 12px 21px #FFC604;
    box-shadow: 0 12px 21px #8b8b8b;
    background-color: #353535;
    background-image: radial-gradient(circle 195px at center, #373737 0, #373737 24%, #373737 32%, #1a1a1a 91%, #1a1a1a 100%);
}

.single-service-other-card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 22rem
}

.single-service-other-card__link:not(:first-child) {
    margin-top: 30px
}

.single-service-other-card__icon {
    filter: invert(1);
    margin: 0;
    height: 46px
}

@media screen and (max-width: 1170px) {
    .single-service-other-card__icon {
        max-width: 400px;
        margin: 0 auto
    }
}

.single-service-other-card__icon img {
    width: auto;
    height: 100%
}

.single-service-other-card__title {
    line-height: 1.5em;
    font-size: 1rem;
    font-weight: 700;
    max-width: 10em;
    margin-top: .8em;
    font-family: Open Sans, sans-serif
}

@media screen and (max-width: 1170px) {
    .single-service-other-card__title {
        max-width: 400px;
        margin: .8em auto 0
    }
}

.single-service-other-card__descr {
    opacity: .8;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    max-width: 11.25em;
    margin-top: .8em
}

@media screen and (max-width: 1170px) {
    .single-service-other-card__descr {
        max-width: 400px;
        margin: 13px auto 0
    }
}

.other-service-cards--mobile .slick-dots, .single-service-flip-wrap .slick-dots, .single-service-other-cards-wrap .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.other-service-cards--mobile .slick-dots li:not(:first-child), .single-service-flip-wrap .slick-dots li:not(:first-child), .single-service-other-cards-wrap .slick-dots li:not(:first-child) {
    margin-left: 20px
}

.other-service-cards--mobile .slick-dots button, .single-service-flip-wrap .slick-dots button, .single-service-other-cards-wrap .slick-dots button {
    width: 9px;
    height: 9px;
    border: 1px solid #4a4abc;
    background: #393939;
    border-radius: 50%;
    text-indent: -99999px;
    padding: 0;
    outline: none;
    vertical-align: middle;
    -webkit-transition: .3s;
    transition: .3s
}

.single-service-flip-wrap .slick-active button, .single-service-other-cards-wrap .slick-active button {
    background: #fff;
    width: 12px;
    height: 12px
}

.other-service-cards--mobile .slick-dots button {
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-indent: -99999px;
    padding: 0;
    outline: none;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    background: #fff;
    vertical-align: middle
}

.other-service-cards--mobile .slick-active button {
    width: 9px;
    height: 9px;
    background: transparent;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.about-s {
    padding: 258px 0 252px;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .about-s {
        padding: 120px 0 140px
    }
}

@media screen and (max-width: 992px) {
    .about-s {
        padding: 70px 0 80px
    }
}

.about-s__figure {
    position: absolute
}

.about-s__figure--1 {
    width: 99px;
    height: 109px;
    top: 17.5%;
    left: 80.5%
}

.about-s__figure--2 {
    width: 149px;
    height: 161px;
    top: 79.5%;
    left: 32.7%
}

@media screen and (max-width: 1170px) {
    .about-s__figure {
        display: none
    }
}

.about-s__inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    z-index: 5;
    position: relative
}

.about-s__title {
    text-align: center
}

.about-s-carousel {
    margin-top: 12px
}

.about-s-carousel--desctop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1170px) {
    .about-s-carousel--desctop {
        display: none
    }
}

.about-s-carousel--mobile {
    display: block;
    width: calc(100% + 60px);
    margin-left: -30px
}

@media screen and (min-width: 1171px) {
    .about-s-carousel--mobile {
        display: none
    }
}

.about-s-carousel .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: -35px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.about-s-carousel .slick-dots li:not(:first-child) {
    margin-left: 20px
}

.about-s-carousel .slick-dots button {
    width: 9px;
    height: 9px;
    border: 1px solid #4a4abc;
    background: #393939;
    border-radius: 50%;
    text-indent: -99999px;
    padding: 0;
    outline: none;
    vertical-align: middle;
    -webkit-transition: .3s;
    transition: .3s
}

.about-s-carousel .slick-active button {
    background: #fff;
    width: 12px;
    height: 12px
}

.about-s-item-back, .about-s-item-front {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .55s ease .25s, -webkit-transform .9s cubic-bezier(.4, .2, .2, 1);
    transition: opacity .55s ease .25s, -webkit-transform .9s cubic-bezier(.4, .2, .2, 1);
    transition: transform .9s cubic-bezier(.4, .2, .2, 1), opacity .55s ease .25s;
    transition: transform .9s cubic-bezier(.4, .2, .2, 1), opacity .55s ease .25s, -webkit-transform .9s cubic-bezier(.4, .2, .2, 1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.about-s-item-back .inner, .about-s-item-front .inner {
    -webkit-perspective: inherit;
    perspective: inherit;
    -webkit-transform: translateZ(50px) scale(.94);
    transform: translateZ(50px) scale(.94);
    color: #fff
}

.about-s-item-back figure, .about-s-item-front figure {
    margin: 0;
    width: 100%;
    height: auto;
    max-height: 46px
}

.about-s-item-back figure img, .about-s-item-front figure img {
    height: 100%;
    width: auto
}

.about-s-item-back h3, .about-s-item-front h3 {
    font-size: 18px;
    font-weight: 700;
    font-family: Open Sans, sans-serif;
    line-height: 1.6em;
    letter-spacing: .02em
}

.about-s-item-back p, .about-s-item-front p {
    opacity: .8;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    font-family: Open Sans, sans-serif
}

.about-s-item-front {
    padding: 5rem 1.875rem 5rem 2.5rem
}

.about-s-item-front h3 {
    margin-top: .6rem
}

.about-s-item-front p {
    margin-top: .7rem;
    letter-spacing: .01em
}

@media screen and (max-width: 1170px) {
    .about-s-item-front {
        display: none
    }
}

.about-s-item-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

@media screen and (max-width: 1170px) {
    .about-s-item-back {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        position: relative;
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
        padding: 0 30px
    }
}

@media screen and (max-width: 1170px) {
    .about-s-item-back .inner {
        padding: 30px 0;
        max-width: 560px;
        margin: 0 auto
    }
}

.about-s-item-back figure {
    display: none
}

@media screen and (max-width: 1170px) {
    .about-s-item-back figure {
        display: block
    }
}

.about-s-item-back figure img {
    margin: 0 auto 10px
}

.about-s-item-back h3 {
    text-align: center
}

.about-s-item-back p {
    margin-top: 13px;
    opacity: 1
}

.about-s-item-box {
    position: relative;
    width: 21.875rem;
    height: 23.75rem;
    -webkit-perspective: 920px;
    perspective: 920px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    cursor: default
}

@media screen and (max-width: 1440px) {
    .about-s-item-box {
        width: 24%
    }
}

@media screen and (max-width: 1170px) {
    .about-s-item-box {
        padding: 30px 30px 40px;
        width: 100vw
    }
}

.about-s-item-box.red .about-s-item-back, .about-s-item-box.red .about-s-item-front {
    background-color: #FFC604;
    background-image: radial-gradient(circle 280px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #FFC604 91%, #937200 100%)
}

.about-s-item-box.orange .about-s-item-back, .about-s-item-box.orange .about-s-item-front {
    background-color: #FFC604;
    background-image: radial-gradient(circle 280px at center, #FFC604 0, #FFC604 24%, #FFC604 32%, #937200 91%, #937200 100%)
}

.about-s-item-box.blue .about-s-item-back, .about-s-item-box.blue .about-s-item-front {
    background-color: #393939;
    background-image: radial-gradient(circle 280px at center, #686969 0, #686969 24%, #686969 32%, #393939 91%, #393939 100%)
}

.about-s-item-box.violet .about-s-item-back, .about-s-item-box.violet .about-s-item-front {
    background-color: #8787fb;
    background-image: radial-gradient(circle 280px at center, #8787fb 0, #8787fb 23%, #8484fb 32%, #7272f7 91%, #6f6ff7 100%)
}

.about-s-item-box:hover .about-s-item-front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.about-s-item-box:hover .about-s-item-back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.history {
    padding: 135px 0 230px;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-image: radial-gradient(circle 920px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
}

@media screen and (max-width: 1440px) {
    .history {
        padding: 70px 0 120px
    }
}

@media screen and (max-width: 992px) {
    .history {
        padding: 70px 0 80px
    }
}

.history__figure {
    position: absolute
}

@media screen and (max-width: 992px) {
    .history__figure {
        display: none
    }
}

.history__figure--1 {
    width: 128px;
    height: 136px;
    left: 70%;
    top: 20.2%
}

.history__figure--2 {
    width: 128px;
    height: 125px;
    left: 12%;
    top: 42.5%
}

.history__figure--3 {
    width: 147px;
    height: 166px;
    top: 67%;
    left: 77.5%
}

.history__inner {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    position: relative;
    z-index: 5
}

@media screen and (max-width: 724px) {
    .history__inner {
        padding: 0 0 170px
    }
}

@media screen and (max-width: 568px) {
    .history__inner {
        padding-bottom: 200px
    }
}

@media screen and (max-width: 425px) {
    .history__inner {
        padding-bottom: 260px
    }
}

.history__title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.history__number {
    max-height: 230px;
    height: auto;
    margin: 0
}

@media screen and (max-width: 568px) {
    .history__number {
        width: 160px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.history__title {
    color: #fff;
    margin: -4px 0 0 20px
}

.history-info-wrap, .year-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.year-list {
    padding: 27px 18px 21px 0;
    border-right: 2px solid #FFC604;
    margin-right: 103px;
    width: 140px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (max-width: 992px) {
    .year-list {
        margin-right: 70px
    }
}

@media screen and (max-width: 425px) {
    .year-list {
        width: 100px;
        margin-right: 15px
    }
}

.year-list__item {
    font-size: 22px;
    font-weight: 300;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    color: #fefefe;
    text-align: right;
    position: relative;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s
}

.year-list__item:not(:first-child) {
    margin-bottom: 50px
}

.year-list__item:after {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    background-color: #7b7b7b;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(26.5px, -50%);
    transform: translate(26.5px, -50%)
}

.year-list__item span {
    color: #FFC604
}

.year-list__item.is-active {
    font-size: 72px;
    -webkit-transition: .5s;
    transition: .5s
}

@media screen and (max-width: 425px) {
    .year-list__item.is-active {
        font-size: 50px
    }
}

.year-list__item.is-active:after {
    background-color: #FFC604
}

.history-info {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: default;
    width: 100%;
    opacity: 0;
    padding-top: 13%
}

@media screen and (max-width: 724px) {
    .history-info {
        padding-top: 0
    }
}

.history-info.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.history-info__descr {
    margin-top: 42px;
    width: 100%
}

@media screen and (max-width: 724px) {
    .history-info__descr {
        position: absolute;
        bottom: 0;
        left: 100%;
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

.history-info__descr p {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    max-width: 39.5em;
    text-align: center;
    letter-spacing: .002em;
    margin: 0 auto
}

.history-counter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 724px) {
    .history-counter-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        padding-left: 10%;
        height: 100%
    }
}

.history-counter {
    max-width: 170px;
    text-align: center
}

.history-counter h3 {
    color: #FFC604;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: 72px;
    font-weight: 700;
    line-height: 1em
}

.history-counter p {
    font-family: Open Sans, sans-serif;
    line-height: 1.8em;
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: .02em
}

.page-template-page-blog .section-header-desctop .section-inner {
    max-width: 1470px
}

.blog-hero-s {
    margin: 80px auto 0;
    padding: 60px 30px 68px 67px;
    width: 100%;
    max-width: 1440px;
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (max-width: 1440px) {
    .blog-hero-s {
        max-width: 1140px
    }
}

@media screen and (max-width: 1024px) {
    .blog-hero-s {
        padding: 35px 30px 50px;
        height: 540px;
        margin-top: 20px
    }
}

@media screen and (max-width: 768px) {
    .blog-hero-s {
        height: 404px;
        padding: 20px 15px 60px
    }
}

@media screen and (max-width: 425px) {
    .blog-hero-s {
        height: 340px
    }
}

.blog-hero-s__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.blog-hero-s__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    z-index: 3;
    position: relative
}

.blog-hero-s .post-tags {
    text-transform: uppercase
}

.blog-hero-s .post-tags .tags {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 60px;
    margin-left: 70px;
    height: 60px;
    display: block;
    position: relative;
    cursor: pointer
}

.blog-hero-s .post-tags .tags:before {
    position: absolute;
    left: -70px;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 48px;
    font-weight: 300;
    text-align: center
}

.blog-hero-s .post-tags .tags.ideas-de:before, .blog-hero-s .post-tags .tags.ideas-ru:before, .blog-hero-s .post-tags .tags.ideas:before {
    background-color: #ff323e;
    content: "I"
}

.blog-hero-s .post-tags .tags.ux-ui-design-de:before, .blog-hero-s .post-tags .tags.ux-ui-design-ru:before, .blog-hero-s .post-tags .tags.ux-ui-design:before {
    background-color: #FFC604;
    content: "D"
}

.blog-hero-s .post-tags .tags.development-de:before, .blog-hero-s .post-tags .tags.development-ru:before, .blog-hero-s .post-tags .tags.development:before {
    background-color: #00acfa;
    content: "D"
}

.blog-hero-s .post-tags .tags.technologies-de:before, .blog-hero-s .post-tags .tags.technologies-ru:before, .blog-hero-s .post-tags .tags.technologies:before {
    content: "T";
    background-color: #900a00
}

.blog-hero-s h1 {
    color: #fff;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: calc(2.625vw + 21.6px);
    font-weight: 700;
    line-height: 1em;
    max-width: 830px;
    letter-spacing: .02em;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15)
}

.blog-hero-s .post-details {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    font-weight: 400
}

.blog-hero-s .post-details > span {
    margin-right: 30px
}

.blog-hero-s .post-details__author {
    font-weight: 700;
    font-style: normal
}

.blog-hero-s .post-details .posted-on {
    font-weight: 300
}

.blog-hero-s .post-excert {
    max-width: 860px;
    height: 1em;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    margin-top: 1em
}

@media screen and (max-width: 424px) {
    .blog-hero-s .post-excert {
        display: none
    }
}

.blog-post-s {
    padding: 40px 0 0;
    overflow: visible
}

.blog-post-s__inner {
    width: 100%;
    max-width: 1470px;
    margin: 0 auto
}

@media screen and (max-width: 1440px) {
    .blog-post-s__inner {
        max-width: 1170px
    }
}

.blog-post-s .btn-loadmore {
    width: 11.5em;
    height: 3em;
    -webkit-box-shadow: 0 10px 59px rgba(120, 137, 182, .29);
    box-shadow: 0 10px 59px rgba(120, 137, 182, .29);
    background-color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 3em;
    color: #212169;
    text-transform: uppercase;
    border-radius: 27px;
    display: block;
    margin: 0 auto;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    outline: none
}

.blog-post-s .btn-loadmore:hover {
    -webkit-box-shadow: 0 10px 59px rgba(120, 137, 182, .52);
    box-shadow: 0 10px 59px rgba(120, 137, 182, .52)
}

.blog-post-s .btn-loadmore.nice-select.open, .blog-post-s .btn-loadmore:active {
    -webkit-box-shadow: 0 10px 59px rgba(120, 137, 182, .29);
    box-shadow: 0 10px 59px rgba(120, 137, 182, .29);
    -webkit-transform: none;
    transform: none
}

.blog-categories-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    position: relative
}

@media screen and (max-width: 1023px) {
    .blog-categories-wrap {
        padding: 0 0 30px
    }
}

@media screen and (max-width: 768px) {
    .blog-categories-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.blog-categories-wrap:after, .blog-categories-wrap:before {
    content: "";
    display: block;
    height: 72px;
    width: 20px;
    top: -18px;
    position: absolute;
    z-index: 5
}

@media screen and (max-width: 768px) {
    .blog-categories-wrap:after, .blog-categories-wrap:before {
        top: 38px
    }
}

.blog-categories-wrap:before {
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff), to(#fff));
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff 70%, #fff)
}

.blog-categories-wrap:after {
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff), to(#fff));
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 70%, #fff)
}

.blog-control {
    scrollbar-width: none;
    position: relative
}

@media screen and (min-width: 1024px) {
    .blog-control {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media screen and (max-width: 1023px) {
    .blog-control {
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow-x: auto;
        scrollbar-width: none;
        padding-left: 15px
    }
}

@media screen and (max-width: 768px) {
    .blog-control {
        padding-right: 15px
    }
}

.blog-control::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.blog-post-loop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 60px auto 0
}

@media screen and (max-width: 1023px) {
    .blog-post-loop {
        margin-top: 30px
    }
}

@media screen and (max-width: 990px) {
    .blog-post-loop {
        max-width: 750px
    }
}

.blog-post-loop .no-search-result {
    display: block;
    font-size: calc(1.5vw + 31.2px);
    text-align: center;
    line-height: 1em;
    width: 100%;
    color: #000;
    font-weight: 700;
    font-family: BebasNeue, Helvetica, Arial, sans-serif
}

.blog-post {
    width: 33.333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 80px
}

@media screen and (max-width: 992px) {
    .blog-post {
        width: 50%;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .blog-post {
        width: 100%;
        max-width: 560px;
        margin: 0 auto 40px
    }
}

.blog-post__inner {
    position: relative;
    height: 100%;
    padding-bottom: 112px
}

.blog-post .body {
    position: absolute;
    height: 112px;
    bottom: 0;
    width: 100%
}

.blog-post__img {
    margin: 10px 0 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.2%
}

.blog-post__img img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.blog-post__img .overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: .3s;
    transition: .3s
}

.blog-post__img .post-timer {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px
}

.blog-post__img:hover .overlay {
    opacity: 1
}

.blog-post__title {
    color: #000;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: calc(.25vw + 19.2px);
    font-weight: 700;
    line-height: 1.2em;
    margin-top: 12px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .15)
}

.blog-post__excerpt {
    color: #66676d;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    margin-top: .3em;
    text-shadow: 0 0 .5px
}

.blog-post__details {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #c8c8c8;
    margin-top: .6em
}

.blog-post__author {
    font-size: 18px;
    display: block;
    font-style: normal
}

.blog-post__author .posted-on {
    font-size: 14px;
    font-weight: 300
}

.blog-post__date, .blog-post__view {
    font-weight: 300;
    margin-left: auto;
    display: block
}

.blog-post .post-tags {
    text-transform: uppercase
}

.blog-post .post-tags .tags {
    color: #999;
    font-family: Open Sans, sans-serif;
    margin-left: 34px;
    position: relative
}

.blog-post .post-tags .tags, .blog-post .post-tags .tags:before {
    font-size: 12px;
    font-weight: 300;
    line-height: 26px;
    height: 26px;
    display: block
}

.blog-post .post-tags .tags:before {
    position: absolute;
    left: -34px;
    width: 26px;
    text-align: center;
    color: #fff
}

.blog-post .post-tags .tags.ideas-de:before, .blog-post .post-tags .tags.ideas-ru:before, .blog-post .post-tags .tags.ideas:before {
    background-color: #ff323e;
    content: "I"
}

.blog-post .post-tags .tags.ux-ui-design-de:before, .blog-post .post-tags .tags.ux-ui-design-ru:before, .blog-post .post-tags .tags.ux-ui-design:before {
    background-color: #FFC604;
    content: "D"
}

.blog-post .post-tags .tags.development-de:before, .blog-post .post-tags .tags.development-ru:before, .blog-post .post-tags .tags.development:before {
    background-color: #00acfa;
    content: "D"
}

.blog-post .post-tags .tags.technologies-de:before, .blog-post .post-tags .tags.technologies-ru:before, .blog-post .post-tags .tags.technologies:before {
    content: "T";
    background-color: #900a00
}

.blog-search {
    width: 100%;
    margin-left: auto;
    max-width: 400px;
    padding: 0 15px;
    position: relative
}

@media screen and (max-width: 1480px) {
    .blog-search {
        max-width: calc(32.89474vw - 86.84211px)
    }
}

@media screen and (max-width: 1024px) {
    .blog-search {
        max-width: 250px
    }
}

@media screen and (max-width: 768px) {
    .blog-search {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 20px
    }
}

.blog-search:before {
    content: "";
    display: block;
    height: 72px;
    width: 30px;
    top: -18px;
    position: absolute;
    z-index: 5;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(70%, #fff), to(#fff));
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 70%, #fff)
}

.blog-search .form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px
}

.blog-search .form__input {
    border: none;
    border-bottom: 1px solid #a1a1a1;
    background-color: transparent;
    margin: 0;
    padding: 0 35px 4px 5px;
    z-index: 3;
    height: 30px;
    font-size: 1rem;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%
}

.blog-search .form__label {
    position: absolute;
    opacity: 0;
    font-size: 10px;
    bottom: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.blog-search .form__label--active {
    opacity: 1;
    font-size: 14px;
    bottom: 22px;
    color: red
}

.blog-search .form__btn {
    position: absolute;
    background-color: transparent;
    border: 0;
    width: 36px;
    height: 36px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 5
}

.blog-search .form__btn img {
    width: 16px;
    height: 16px;
    max-width: inherit;
    -webkit-transition: .3s;
    transition: .3s
}

.blog-subscribe-s {
    padding: 140px 0 150px
}

@media screen and (max-width: 1024px) {
    .blog-subscribe-s {
        padding: 70px 15px 80px
    }
}

.career-hero {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #393939;
    background-image: radial-gradient(circle 870px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
}

.career-hero__figure-parallax {
    position: absolute
}

.career-hero__figure-parallax--1 {
    width: 155px;
    height: 169px;
    top: 48%;
    right: 7%
}

.career-hero__figure-parallax--2 {
    width: 158px;
    height: 152px;
    left: 52%;
    bottom: 5%
}

.career-hero__figure {
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-51%, -55%);
    transform: translate(-51%, -55%)
}

.career-hero__title {
    letter-spacing: .02em
}

.career-hero__text {
    max-width: 485px
}

.career-breadcrams {
    width: 100%;
    max-width: 1440px;
    margin: 52px auto 30px
}

.career-start {
    padding: 140px 0 40px
}

@media screen and (max-width: 1440px) {
    .career-start {
        padding: 70px 0 0
    }
}

.career-start__figure {
    position: absolute;
    width: 149px;
    height: 161px;
    left: 3%;
    top: 22%
}

@media screen and (max-width: 1366px) {
    .career-start__figure {
        left: 0
    }
}

@media screen and (max-width: 1200px) {
    .career-start__figure {
        display: none
    }
}

.career-start__inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media screen and (max-width: 1440px) {
    .career-start__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.career-start-content {
    width: 100%;
    max-width: 475px
}

@media screen and (max-width: 1440px) {
    .career-start-content {
        max-width: 775px
    }
}

.career-start-content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    margin-top: -10%
}

.career-start-content__descr {
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    margin-top: 4px
}

.career-start-content__descr p:not(:first-child) {
    margin-top: 30px
}

.career-vacancies {
    width: 100%;
    max-width: 880px;
    margin-left: auto
}

@media screen and (max-width: 1440px) {
    .career-vacancies {
        margin-top: 120px;
        margin-left: 0
    }
}

@media screen and (max-width: 1023px) {
    .career-vacancies {
        max-width: 660px
    }
}

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

@media screen and (max-width: 624px) {
    .career-vacancies__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 625px) and (max-width: 1023px) {
    .career-vacancies__inner {
        width: 100%;
        max-width: 626px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1024px) {
    .career-vacancies__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.career-vacancy {
    -webkit-box-shadow: 0 26px 40px rgba(113, 138, 185, .26);
    box-shadow: 0 26px 40px rgba(113, 138, 185, .26);
    background-color: #fff;
    margin-bottom: 130px;
    width: 100%;
    max-width: 272px;
    padding: 0 30px;
    position: relative;
    cursor: default
}

@media (min-width: 625px) and (max-width: 1023px) {
    .career-vacancy:not(:nth-child(2n)) {
        margin-right: 30px
    }
}

@media screen and (min-width: 1024px) {
    .career-vacancy:nth-child(3n+2) {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    .career-vacancy:not(:nth-child(3n)) {
        margin-right: 30px
    }

    .career-vacancy:last-child {
        margin-right: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.career-vacancy__inner {
    padding-top: 75px;
    padding-bottom: 65px
}

.career-vacancy__img {
    position: absolute;
    margin: 0;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%)
}

.career-vacancy__img img {
    width: auto;
    max-width: inherit
}

.career-vacancy__title {
    color: #1b2935;
    font-family: Open Sans, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    text-align: center
}

.career-vacancy__descr {
    opacity: .8;
    color: #666;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8em;
    max-width: 12.5em;
    margin: 11px auto 0
}

.career-vacancy__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 27px rgba(120, 137, 182, .28);
    box-shadow: 0 0 27px rgba(120, 137, 182, .28);
    border-radius: 27px;
    background-color: #fff;
    color: #24246e;
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 700;
    height: calc(3.5em - 2px);
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    width: 11em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

@media screen and (min-width: 1200px) {
    .career-vacancy__btn {
        padding-left: 10px;
        width: calc(3.5em - 2px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .career-vacancy__btn:hover {
        padding-left: 30px;
        width: 11em
    }
}

.career-vacancy__btn .plus {
    display: none
}

@media screen and (min-width: 1200px) {
    .career-vacancy__btn .plus {
        display: block;
        position: absolute;
        width: 3.5em;
        height: 3.5em;
        border-radius: 50%;
        right: 0;
        background-color: #fff
    }

    .career-vacancy__btn .plus:after, .career-vacancy__btn .plus:before {
        display: block;
        content: "";
        width: 2px;
        height: 22px;
        background-color: #24246e;
        position: absolute;
        left: 51%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .career-vacancy__btn .plus:after {
        -webkit-transform: translate(-50%, -55%) rotate(90deg);
        transform: translate(-50%, -55%) rotate(90deg)
    }
}

.vacancy-hero {
    min-height: 500px;
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background-color: #325add;
    background-image: radial-gradient(circle 720px at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%)
}

@media screen and (max-width: 1023px) {
    .vacancy-hero {
        height: 100vh;
        min-height: 600px;
        max-height: 100%
    }
}

.vacancy-hero__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 164px 0 44px
}

@media screen and (max-width: 1023px) {
    .vacancy-hero__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 115px 0 30px
    }
}

.vacancy-hero__content {
    margin-left: 13.5%
}

@media screen and (max-width: 1023px) {
    .vacancy-hero__content {
        margin-left: 0
    }
}

.vacancy-hero__title {
    letter-spacing: .02em
}

.vacancy-hero__descr {
    width: 100%;
    max-width: 23em;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5em
}

@media screen and (max-width: 1023px) {
    .vacancy-hero__descr {
        max-width: 690px
    }
}

.vacancy-hero-image {
    position: relative;
    width: 387px;
    height: 300px
}

@media screen and (max-width: 425px) {
    .vacancy-hero-image {
        width: 290px;
        height: 225px
    }
}

.vacancy-hero-image__decor {
    position: absolute;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-59%);
    transform: translateY(-59%);
    z-index: 4
}

@media screen and (max-width: 600px) {
    .vacancy-hero-image__decor {
        display: none
    }
}

.vacancy-hero-image__decor.flash {
    opacity: 1;
    -webkit-transition: opacity 2s ease 1.25s;
    transition: opacity 2s ease 1.25s
}

.vacancy-hero-image__decor img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.vacancy-hero-decorate {
    margin: 0 auto;
    position: absolute;
    -webkit-transition: all 1.4s;
    transition: all 1.4s;
    opacity: 0;
    will-change: transform
}

.vacancy-hero-decorate-1 {
    width: 55%;
    height: 70%;
    top: -12%;
    left: -5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vacancy-hero-decorate-2 {
    width: 55%;
    height: 70%;
    bottom: 16%;
    left: 20.5%;
    z-index: 3;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.vacancy-hero-decorate-3 {
    width: 55%;
    height: 70%;
    top: -12%;
    right: -4%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.vacancy-hero-decorate-wrap {
    position: relative;
    width: 100%;
    max-width: 660px;
    height: 100%
}

.vacancy-hero-decorate-wrap--active .vacancy-hero-decorate-1, .vacancy-hero-decorate-wrap--active .vacancy-hero-decorate-2, .vacancy-hero-decorate-wrap--active .vacancy-hero-decorate-3 {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.vacancy-breadcrams {
    width: 100%;
    max-width: 1470px;
    margin: 0 auto;
    padding: 54px 0 10px
}

.vacancy-promo {
    padding: 30px 0 0
}

.vacancy-promo #breadcrumbs {
    margin-bottom: 10px
}

.vacancy-promo .figure-scene {
    overflow: visible
}

.vacancy-promo__figure {
    position: absolute
}

.vacancy-promo__figure--1 {
    width: 158px;
    height: 162px;
    left: 69%;
    top: 6%
}

.vacancy-promo__figure--2 {
    width: 143px;
    height: 141px;
    left: 3%;
    top: 48%
}

.vacancy-promo__figure--3 {
    width: 153px;
    height: 167px;
    left: 74%;
    top: 68%
}

.vacancy-promo__figure--4 {
    width: 99px;
    height: 110px;
    bottom: -36%;
    left: 7%
}

@media screen and (max-width: 1200px) {
    .vacancy-promo__figure--2, .vacancy-promo__figure--3, .vacancy-promo__figure--4 {
        display: none
    }
}

.vacancy-promo__inner {
    width: 100%;
    max-width: 973px;
    margin: 0 auto
}

.vacancy-promo__content h2 {
    color: #1b2935;
    font-size: calc(2.25vw + 28.8px);
    line-height: 1.2em;
    letter-spacing: .02em
}

.vacancy-promo__content h2, .vacancy-promo__content h3 {
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.vacancy-promo__content h3 {
    font-size: 26px;
    color: #000;
    line-height: 1.8em
}

@media (min-width: 375px) {
    .vacancy-promo__content h3 {
        font-size: calc(.262vw + 25.01768px)
    }
}

@media (min-width: 1902px) {
    .vacancy-promo__content h3 {
        font-size: 30px
    }
}

.vacancy-promo__content ul {
    max-width: 54rem
}

.vacancy-promo__content ul li {
    position: relative;
    color: #000;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    padding-left: 1rem
}

.vacancy-promo__content ul li:not(:first-child) {
    margin-top: 1rem
}

.vacancy-promo__content ul li:before {
    position: absolute;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #393939;
    left: 0;
    top: 9.5px;
    border-radius: 50%
}

.vacancy-promo__content hr {
    width: 3px;
    height: 3px;
    background-color: #000;
    position: relative;
    display: block;
    margin: 43px auto 22px;
    border: none
}

.vacancy-promo__content hr:after, .vacancy-promo__content hr:before {
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #000;
    position: absolute
}

.vacancy-promo__content hr:before {
    top: 0;
    left: -13px
}

.vacancy-promo__content hr:after {
    top: 0;
    right: -13px
}

.vacancy-promo__content p {
    color: #000;
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    max-width: 54em
}

.vacancy-contact section {
    background-color: transparent
}

@media screen and (max-width: 1200px) {
    .outsource-service .single-service-hero .figure-scene {
        display: none
    }
}

.outsource-service .single-service-hero__inner {
    max-width: 1660px;
    padding-top: 15%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.outsource-service h1 {
    letter-spacing: .02em
}

.outsource-service .single-service-hero__text-wrp {
    margin-top: 0;
    max-width: 940px
}

@media screen and (max-width: 992px) {
    .outsource-service .single-service-hero__text-wrp {
        text-align: left
    }
}

.outsource-service .partners {
    z-index: 5
}

.outsource-service .outsource-right-title-wrap {
    max-width: 545px;
    margin-right: 0
}

@media screen and (max-width: 992px) {
    .outsource-service .outsource-right-title-wrap {
        max-width: 100%
    }
}

.outsource-service .outsource-right-title {
    max-width: 545px
}

@media screen and (max-width: 992px) {
    .outsource-service .outsource-right-title {
        max-width: 100%
    }
}

.outsource-service .single-service-benefits {
    padding: 70px 0 80px
}

@media screen and (max-width: 424px) {
    .outsource-service .subservice-right-design-carousel-cell__figure {
        display: none
    }
}

.hero-our-works {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent
}

.section-projects {
    padding-top: 70px
}

.section-projects:before {
    display: none;
    content: "";
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 76vh;
    border: 2px solid #fff;
    z-index: 5
}

.section-projects .section-inner {
    position: relative;
    z-index: 10
}

.section-projects .headline {
    opacity: 1;
    padding: 90px 0 0;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section-projects .headline h1 {
    text-shadow: none;
    width: 100vw;
    color: hsla(0, 0%, 100%, .11);
    -webkit-animation: textPuls 10s infinite both;
    animation: textPuls 10s infinite both;
    font: 700 15vw/1.2 BebasNeue, Helvetica, Arial, sans-serif
}

.section-projects .headline h1.default {
    font-size: 19vw
}

.section-projects .headline h1.de {
    font-size: 13vw
}

.section-projects .headline h1.ru {
    font-size: 18vw
}

.vkr-project {
    height: 100%;
    min-height: 100vh;
    padding: 80px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vkr-project:first-child {
    padding-top: 50px
}

@media screen and (max-width: 1023px) {
    .vkr-project {
        min-height: 80vh
    }
}

.vkr-project .post-inner {
    width: 90%;
    max-width: 772px;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.vkr-project .image-wrap {
    margin: 0 auto;
    width: 100%;
    height: auto;
    position: relative
}

.vkr-project .image-wrap img {
    width: 100%;
    -webkit-box-shadow: 12px 12px 62px 0 rgba(0, 0, 0, .6);
    box-shadow: 12px 12px 62px 0 rgba(0, 0, 0, .6)
}

.vkr-project .hashtags {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(15px, calc(100% + 10px));
    transform: translate(15px, calc(100% + 10px));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: calc(24% + 8.11287vw - 62.30688px);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 768px) {
    .vkr-project .hashtags {
        display: none
    }
}

.vkr-project .hashtags li {
    position: relative;
    background: hsla(0, 0%, 100%, .26);
    color: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    margin-right: 15px;
    cursor: pointer;
    margin-top: 10px
}

.vkr-project .hashtags li[data-category-id="1"], .vkr-project .hashtags li[data-category-id="19"], .vkr-project .hashtags li[data-category-id="20"] {
    display: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden
}

.vkr-project .hashtags li:before {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 1em;
    height: 1em;
    background: transparent
}

.vkr-project .descr {
    max-width: 76%;
    z-index: 5;
    margin-top: 25px;
    margin-left: calc(-8.11287vw - -62.30688px)
}

@media screen and (max-width: 768px) {
    .vkr-project .descr {
        max-width: 100%;
        margin-left: 0
    }
}

.vkr-project .descr h2, .vkr-project .descr p {
    color: #fff
}

.vkr-project .descr h2 {
    font-size: calc(.75853vw + 21.57269px);
    letter-spacing: .02em;
    line-height: 1.2;
    font-family: BebasNeue, Helvetica, Arial, sans-serif
}

.vkr-project .descr p {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em
}

.single-post-works {
    padding-top: 70px
}

.project-post-content {
    padding: 0 0 4%
}

.project-post-content .section-inner {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px
}

@media screen and (max-width: 1580px) {
    .project-post-content .section-inner {
        max-width: 1300px
    }
}

@media screen and (max-width: 1440px) {
    .project-post-content .section-inner {
        max-width: 100%;
        padding: 0
    }
}

.project-post-content .image-portfolio-wrap {
    margin: 0
}

.project-post-content__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

@media screen and (max-width: 1440px) {
    .project-post-content__nav {
        width: 90%;
        margin: 30px auto 0
    }
}

@media screen and (max-width: 1023px) {
    .project-post-content__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 1023px) {
    .project-post-content__btn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px
    }
}

.project-post-content__socials {
    width: 100%;
    max-width: 580px
}

@media screen and (max-width: 1023px) {
    .project-post-content__socials {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.page-template-page-newsletter, body.error404 {
    background: linear-gradient(-45deg, #7ae5ff, #4a4abc, #FFC604);
    background-size: 400% 400%;
    -webkit-animation: gradient 15s ease infinite;
    animation: gradient 15s ease infinite
}

.s-newsletter, .section-404 {
    height: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.s-newsletter .section-inner, .section-404 .section-inner {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

@media screen and (max-width: 1480px) {
    .s-newsletter .section-inner, .section-404 .section-inner {
        max-width: 90%
    }
}

.s-newsletter .headline, .section-404 .headline {
    margin-top: 5%
}

.s-newsletter .headline h1, .section-404 .headline h1 {
    font: 700 80px/1.2 Open Sans, sans-serif;
    color: #fff;
    font-size: 48px
}

@media (min-width: 375px) {
    .s-newsletter .headline h1, .section-404 .headline h1 {
        font-size: calc(2.227vw + 39.65029px)
    }
}

@media (min-width: 1902px) {
    .s-newsletter .headline h1, .section-404 .headline h1 {
        font-size: 82px
    }
}

.s-newsletter .headline p, .section-404 .headline p {
    color: #fff;
    font: 300 48px/1.6 Open Sans, sans-serif;
    font-size: calc(1.5534vw + 18.17476px);
    margin-bottom: .7em;
    font-size: 24px
}

@media (min-width: 375px) {
    .s-newsletter .headline p, .section-404 .headline p {
        font-size: calc(1.572vw + 18.10609px)
    }
}

@media (min-width: 1902px) {
    .s-newsletter .headline p, .section-404 .headline p {
        font-size: 48px
    }
}

.brief-form {
    padding: 120px 0 80px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.brief-form .cbx {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.brief-form .cbx:not(:last-child) {
    margin-right: 6px
}

.brief-form .cbx:hover {
    background: rgba(0, 119, 255, .06)
}

.brief-form .cbx span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.brief-form .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 1px solid #cccfdb;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 1px 1px rgba(0, 16, 75, .05);
    box-shadow: 0 1px 1px rgba(0, 16, 75, .05)
}

.brief-form .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.brief-form .cbx span:last-child {
    padding-left: 8px;
    line-height: 18px
}

.brief-form .cbx:hover span:first-child {
    border-color: #393939
}

.brief-form .inp-cbx {
    position: absolute;
    visibility: hidden
}

.brief-form .inp-cbx:checked + .cbx span:first-child {
    background: #393939;
    border-color: #393939;
    -webkit-animation: wave .4s ease;
    animation: wave .4s ease
}

.brief-form .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0
}

.brief-form .inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@-webkit-keyframes wave {
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes wave {
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.brief-form #gform_ajax_frame_1 {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0
}

.brief-form .gforms_confirmation_message {
    text-align: center
}

.brief-form input:not([type=checkbox]) {
    padding: 5px 0 !important
}

.brief-form .gform_wrapper .gform_body form li[class*="gfield "]:not(:first-child), .brief-form .gform_wrapper .gform_body li[class*="gfield "]:not(:first-child) {
    margin-top: 30px
}

.brief-form .gform_wrapper .gform_body .gfield_description, .brief-form .gform_wrapper .gform_body .gfield_label, .brief-form .gform_wrapper .gform_body .ginput_container, .brief-form .gform_wrapper .gform_body input {
    margin: 0;
    padding: 0;
    width: 100%
}

.brief-form .gform_wrapper .gform_body .gfield_label {
    margin-bottom: 5px
}

.brief-form .gform_wrapper .gform_body .gfield_description {
    margin: 10px 0 5px
}

.brief-form .gform_wrapper .gform_body input:not([type=file]), .brief-form .gform_wrapper .gform_body textarea {
    border: 0;
    line-height: 1.4em;
    width: 100% !important
}

.brief-form .gform_wrapper .gform_body .nice-select, .brief-form .gform_wrapper .gform_body input:not([type=file]), .brief-form .gform_wrapper .gform_body select, .brief-form .gform_wrapper .gform_body textarea {
    border-bottom: 1px solid #000000
}

.brief-form .gform_button[type=submit] {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    cursor: pointer;
    font-family: Roboto;
    vertical-align: middle;
    font-weight: 700;
    outline: none;
    border: none;
    border-radius: 25px;
    text-transform: uppercase;
    -webkit-box-shadow: 0 20px 27px rgb(157 14 14 / 30%);
    box-shadow: 0 20px 27px rgb(157 14 14 / 30%);
    text-align: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-size: 1rem;
    width: 12.2em;
    height: 3.125em;
    line-height: 3.125em;
    background-color: #FFC604;
    color: #fff
}

.brief-form .gform_button[type=submit]:hover {
    background-color: #e90413
}

@media screen and (min-width: 1200px) {
    .brief-form .gform_button.nice-select.open[type=submit], .brief-form .gform_button[type=submit]:active {
        -webkit-box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
        box-shadow: 0 10px 10px rgba(14, 48, 157, .31);
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

.brief-form .nice-select {
    float: unset
}

.brief-form .nice-select.open .list {
    clip: unset !important;
    -webkit-transition: clip 0s;
    transition: clip 0s
}

.brief-form .nice-select .current {
    position: relative
}

.brief-form .nice-select .current:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 5px);
    width: 10px;
    height: 10px;
    border: 0;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(-45deg) translate(75%, -25%);
    transform: rotate(-45deg) translate(75%, -25%)
}

.brief-form [class*=gform_ajax_spinner] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    opacity: 0 !important
}

.brief-form .input-file input[type=file] {
    visibility: hidden;
    width: 1px;
    height: 1px
}

.brief-form .input-file .upload-btn {
    background: #ddd;
    color: #333;
    width: 100%;
    display: block;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #ccc;
    border-radius: 4px
}

.brief-form .input-file .file-selected {
    font-size: 10px;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 5px
}

.brief-form .gfield_contains_required.error .nice-select, .brief-form .gfield_contains_required.error input:not([type=file]), .brief-form .gfield_contains_required.error textarea {
    border-bottom: 1px solid #FFC604 !important
}

.brief-form .gfield_contains_required.error .cbx span:first-child {
    border-color: #FFC604
}

.section-contact-hero .hero-content {
    color: #fff;
    margin-left: 20px
}

@media screen and (max-width: 1023px) {
    .section-contact-hero .hero-content {
        margin-top: 50px
    }
}

@media screen and (max-width: 768px) {
    .section-contact-hero .hero-content {
        margin-top: 30px
    }
}

.section-contact-hero .hero-content__title {
    line-height: 1em;
    margin-bottom: .5em
}

@media screen and (max-width: 1023px) {
    .section-contact-hero .hero-content__title {
        text-align: center
    }
}

.section-contact-hero .hero-content__title p {
    line-height: 1em
}

.section-contact-hero .hero-content__title--small {
    font-size: 22px;
    margin-top: .5em;
    display: block
}

@media (min-width: 375px) {
    .section-contact-hero .hero-content__title--small {
        font-size: calc(.518vw + 20.05825px)
    }
}

@media (min-width: 1920px) {
    .section-contact-hero .hero-content__title--small {
        font-size: 30px
    }
}

.section-contact-hero .hero-content__title .color {
    color: #ff323e
}

@media screen and (max-width: 1023px) {
    .section-contact-hero .hero-content__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.section-contact-hero .hero-content__contacts li {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 375px) {
    .section-contact-hero .hero-content__contacts li {
        font-size: calc(.129vw + 17.51456px)
    }
}

@media (min-width: 1920px) {
    .section-contact-hero .hero-content__contacts li {
        font-size: 20px
    }
}

.section-contact-hero .hero-content__contacts li:not(:first-child) {
    margin-top: 1em
}

.section-contact-hero .hero-content__contacts li .icon {
    width: 1em;
    margin-right: .5em
}

.section-contact-hero .hero-content__contacts li svg {
    vertical-align: middle
}

.section-contact-hero .hero-content__contacts li a {
    color: inherit;
    display: block
}

.section-human-cv {
    padding: 70px 5vw 80px
}

.section-human-cv .section-inner {
    max-width: 1260px;
    margin: 0 auto
}

.section-human-cv h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 1em
}

@media (min-width: 375px) {
    .section-human-cv h2 {
        font-size: calc(2.589vw + 22.29126px)
    }
}

@media (min-width: 1920px) {
    .section-human-cv h2 {
        font-size: 72px
    }
}

.human-cv-wrap {
    padding-top: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .human-cv-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.human-cv-wrap .human-cv {
    width: 47%;
    max-width: 590px;
    color: #fff;
    text-align: center;
    padding-bottom: 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .human-cv-wrap .human-cv {
        width: 100%
    }

    .human-cv-wrap .human-cv:not(:first-child) {
        margin-top: 135px
    }
}

.human-cv-wrap .human-cv.violet {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    background: #425ad8 radial-gradient(circle 480px at center, #5d5dec 0, #5d5dec 24%, #5b5be7 32%, #4c4cc2 91%, #4a4abc 100%)
}

.human-cv-wrap .human-cv.orange {
    -webkit-box-shadow: 0 12px 21px #ff844e;
    box-shadow: 0 12px 21px #ff844e;
    background: #425ad8 radial-gradient(circle 480px at center, #ff844e 0, #ff844e 24%, #ff7e4b 32%, #ff5033 91%, #ff492f 100%)
}

.human-cv-wrap .human-cv__inner {
    position: relative;
    padding-top: 75px
}

.human-cv-wrap .human-cv__avatar {
    margin: 0;
    position: absolute;
    width: 150px;
    height: 150px;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-box-shadow: 0 21px 27px rgba(0, 0, 0, .45);
    box-shadow: 0 21px 27px rgba(0, 0, 0, .45);
    overflow: hidden
}

.human-cv-wrap .human-cv__name {
    font-size: 24px;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-top: 30px
}

@media (min-width: 375px) {
    .human-cv-wrap .human-cv__name {
        font-size: calc(1.553vw + 18.17476px)
    }
}

@media (min-width: 1920px) {
    .human-cv-wrap .human-cv__name {
        font-size: 48px
    }
}

.human-cv-wrap .human-cv__set-language {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.human-cv-wrap .human-cv__set-language > figure + figure {
    margin-left: 15px
}

.human-cv-wrap .human-cv__language-img {
    margin: 0;
    width: 33px;
    border-radius: 50%;
    overflow: hidden
}

.human-cv-wrap .human-cv__contacts {
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    line-height: 1.6em;
    margin: 28px 0
}

@media (min-width: 375px) {
    .human-cv-wrap .human-cv__contacts {
        font-size: calc(.129vw + 15.51456px)
    }
}

@media (min-width: 1920px) {
    .human-cv-wrap .human-cv__contacts {
        font-size: 18px
    }
}

.human-cv-wrap .human-cv__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.human-cv-wrap .human-cv__socials a {
    display: block
}

.human-cv-wrap .human-cv__socials figure {
    margin: 0;
    width: 33px;
    max-width: 33px
}

@-webkit-keyframes autofill {
    to {
        background: transparent;
        color: inherit
    }
}

@keyframes autofill {
    to {
        background: transparent;
        color: inherit
    }
}

.s-newsletter__content .tnp-subscription {
    margin: 15px 0;
    max-width: 600px
}

.s-newsletter__content .tnp-subscription div.tnp-field {
    margin: 0
}

.s-newsletter__content .tnp-subscription label {
    bottom: 0;
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
    position: absolute
}

.s-newsletter__content .tnp-subscription input[type=email] {
    background: transparent;
    outline: none !important;
    padding: 5px
}

.s-newsletter__content .tnp-field-button.tnp-field {
    bottom: 0;
    position: absolute;
    right: 0
}

.s-newsletter__content .tnp-field-button.tnp-field .tnp-submit {
    background: transparent
}

.s-newsletter__content .tnp-field, .s-newsletter__content form {
    position: relative
}

.s-newsletter__content form {
    border-bottom: 1px solid #fff
}

.s-newsletter__content form.is-active label {
    bottom: 1.8em;
    font-size: 13px !important
}

.page-template-page-newsletter .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.section-progress {
    padding: 70px 0 80px
}

.section-progress__inner {
    margin: 0 auto;
    max-width: 1170px;
    padding: 0 15px
}

.section-progress__headline {
    text-align: center
}

.section-progress__sub-title {
    font: 300 1.1rem/1.8 Open Sans, sans-serif;
    color: #666;
    max-width: 1170px;
    margin: 0 auto
}

.section-progress-loop {
    margin-top: 70px
}

.section-progress-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0
}

.section-progress-item:first-child {
    padding-top: 0
}

.section-progress-item:last-child {
    padding-bottom: 0
}

@media screen and (max-width: 768px) {
    .section-progress-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 25px 0
    }
}

.section-progress-item__figure {
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1023px) {
    .section-progress-item__figure {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%
    }
}

@media screen and (max-width: 768px) {
    .section-progress-item__figure {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.section-progress-item__object-svg {
    height: 290px
}

.section-progress-item__content {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media screen and (max-width: 1023px) {
    .section-progress-item__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%
    }
}

@media screen and (max-width: 768px) {
    .section-progress-item__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.section-progress-item__title {
    color: #000
}

.section-progress-item.reverse:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

@media screen and (max-width: 768px) {
    .section-progress-item.reverse:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.section-progress-conclusion {
    width: 100%;
    max-width: 936px;
    margin: 40px auto 0;
    text-align: center
}

.section-progress-conclusion__text {
    font: 300 1.1rem/1.8 Open Sans, sans-serif;
    color: #000
}

.section-progress-conclusion__btn {
    margin-top: 30px;
    display: inline-block
}

.b-bahiq {
    -webkit-box-shadow: 0 12px 21px #7889b6;
    box-shadow: 0 12px 21px #7889b6;
    overflow: hidden;
    padding: 70px 0 80px;
    z-index: 5
}

.b-bahiq__bg {
    background: #393939 radial-gradient(circle 70vh at center, #393939 0, #393939 24%, #393939 32%, #393939 66%, #393939 91%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.b-bahiq.violet .b-bahiq__bg {
    background-color: #5656d8;
    background-image: radial-gradient(circle 70vh at center, #5656d8 0, #5656d8 24%, #5555d5 32%, #4b4bbf 91%, #4a4abc 100%)
}

.b-bahiq__inner {
    margin: 0 auto;
    max-width: 1300px;
    position: relative;
    z-index: 10
}

.b-bahiq__figure {
    position: absolute
}

@media screen and (max-width: 1023px) {
    .b-bahiq__figure {
        display: none
    }
}

.b-bahiq__figure--1 {
    left: 79%;
    top: 5%
}

.b-bahiq__figure--2 {
    left: 12%;
    top: 3%
}

.b-bahiq__figure--3 {
    left: 39%;
    top: 19%
}

.b-bahiq__figure--4 {
    left: 78%;
    top: 44%
}

.b-bahiq__figure--5 {
    left: 9%;
    top: 81%
}

@media screen and (max-width: 1170px) {
    .b-bahiq__figure--5 {
        top: 93%
    }
}

.b-bahiq__figure--6 {
    left: 73%;
    top: 90%
}

.b-bahiq__decor {
    height: 300px;
    position: absolute;
    width: 325px;
    z-index: 4
}

@media screen and (max-width: 1024px) {
    .b-bahiq__decor {
        display: none
    }
}

.b-bahiq__decor img.animated {
    opacity: 1
}

.b-bahiq__decor--1 {
    left: 9%;
    top: 19%
}

@media screen and (max-width: 1170px) {
    .b-bahiq__decor--1 {
        left: 12%;
        top: 12%
    }
}

.b-bahiq__decor--1 img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.b-bahiq__decor--2 {
    right: 9%;
    top: 32%
}

@media screen and (max-width: 1170px) {
    .b-bahiq__decor--2 {
        right: 19%;
        top: 26%
    }
}

.b-bahiq__decor--2 img {
    -webkit-animation: decorFigureBack 70s linear 0s infinite normal none running;
    animation: decorFigureBack 70s linear 0s infinite normal none running
}

.b-bahiq__decor--3 {
    left: 9%;
    top: 58%
}

@media screen and (max-width: 1170px) {
    .b-bahiq__decor--3 {
        left: 19%;
        top: 52%
    }
}

.b-bahiq__decor--3 img {
    -webkit-animation: decorFigure 70s linear 0s infinite normal none running;
    animation: decorFigure 70s linear 0s infinite normal none running
}

.b-bahiq-headline {
    text-align: center
}

.b-bahiq-headline h2 {
    color: #fff
}

.b-bahiq-headline p {
    color: #fff;
    font-size: 1.25em;
    margin: 0 auto;
    max-width: 1170px
}

.b-bahiq-indent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 3em;
    text-align: center
}

.b-bahiq-indent p {
    color: #fff;
    font-size: 1.25em
}

.b-bahiq-indent a {
    margin-top: 3em
}

.b-bahiq-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0
}

@media screen and (max-width: 1023px) {
    .b-bahiq-article {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto;
        max-width: 768px
    }
}

@media screen and (min-width: 1024px) {
    .b-bahiq-article {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.b-bahiq-article.inline {
    padding: 30px 0 70px
}

.b-bahiq-article__image-wrap {
    margin: 0 auto;
    max-width: 570px;
    min-width: 240px;
    width: 240px
}

@media screen and (min-width: 425px) {
    .b-bahiq-article__image-wrap {
        width: 320px
    }
}

@media screen and (min-width: 1024px) {
    .b-bahiq-article__image-wrap {
        margin: 0 30px 0 0;
        width: 100%
    }
}

.b-bahiq-article__web-app {
    margin: 0;
    padding-top: 100%;
    position: relative
}

.b-bahiq-article__web-app .object-img {
    left: 50%;
    max-width: inherit;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 135%
}

.b-bahiq-article__hexagon {
    max-height: 535px;
    max-width: 464px
}

@media screen and (min-width: 1024px) {
    .b-bahiq-article__hexagon {
        margin: 0 30px 0 0
    }
}

.b-bahiq-article__hexagon-content {
    height: 69%
}

.b-bahiq-article__hexagon-image-wrap, .b-bahiq-article__hexagon-image-wrap figure {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-bahiq-article__hexagon-image-wrap figure {
    margin: 0;
    max-height: 100%;
    max-width: 85%
}

.b-bahiq-article__hexagon-image-wrap img {
    display: block;
    max-width: inherit;
    max-height: 100%;
    margin: 0 auto
}

.b-bahiq-article__image-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.b-bahiq-article__image-group figure {
    margin: 0 auto;
    max-height: 50%;
    max-width: 60%
}

.b-bahiq-article__image-group img {
    max-height: 100%;
    width: auto
}

.b-bahiq-article__content {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0 0;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .b-bahiq-article__content {
        max-width: 570px;
        padding: 8.335vw 0
    }
}

.b-bahiq-article__content h3 {
    font-size: 26px;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.8em
}

@media (min-width: 375px) {
    .b-bahiq-article__content h3 {
        font-size: calc(.262vw + 25.01768px)
    }
}

@media (min-width: 1902px) {
    .b-bahiq-article__content h3 {
        font-size: 30px
    }
}

.b-bahiq-article__content p {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6em;
    opacity: .8
}

.b-bahiq-article__content p:not(:first-child) {
    margin-top: 1.6em
}

@media screen and (max-width: 1170px) {
    .b-bahiq-article__content p:not(:first-child) {
        margin-top: 1em
    }
}

.b-bahiq-article__content ul {
    margin-left: 30px
}

.b-bahiq-article__content ul li {
    opacity: .8;
    padding-left: 1em;
    position: relative
}

.b-bahiq-article__content ul li:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 12.5px;
    width: 5px
}

.b-bahiq-hex {
    position: relative;
    min-width: 290px;
    min-height: 330px;
    width: 29.03vw;
    height: 33.34vw;
    margin: 0 auto;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    max-height: 535px;
    max-width: 464px
}

@media screen and (min-width: 1024px) {
    .b-bahiq-hex {
        margin: 0 30px 0 0
    }
}

.b-bahiq-hex .b-bahiq-hex-body {
    position: absolute;
    width: 100%;
    height: 87.444%;
    -webkit-transform: rotateX(55deg) translateY(12.556%);
    transform: rotateX(55deg) translateY(12.556%);
    z-index: 1
}

.b-bahiq-hex .b-bahiq-hex-body, .b-bahiq-hex .b-bahiq-hex-body-bottom, .b-bahiq-hex .b-bahiq-hex-body-top {
    background: #fff;
    -webkit-box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    box-shadow: 0 16px 79px rgba(26, 31, 47, .68);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.b-bahiq-hex .b-bahiq-hex-body-bottom, .b-bahiq-hex .b-bahiq-hex-body-top {
    width: 70.38%;
    height: 70.38%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1
}

.b-bahiq-hex .b-bahiq-hex-body-top {
    top: 0
}

.b-bahiq-hex .b-bahiq-hex-body-bottom {
    top: 100%
}

.b-bahiq-hex .b-bahiq-hex-body-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    background: #fff;
    position: absolute;
    z-index: 5
}

.b-bahiq-hex .b-bahiq-hex-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scaleY(1.66) translate(-50%, -27%);
    transform: scaleY(1.66) translate(-50%, -27%);
    min-width: 90%;
    z-index: 10
}

.b-bahiq-hex-image-wrap, .b-bahiq-hex-image-wrap figure {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b-bahiq-hex-image-wrap figure {
    margin: 0;
    max-height: 100%;
    max-width: 85%
}

.b-bahiq-hex-image-wrap img {
    display: block;
    max-width: inherit;
    max-height: 100%;
    margin: 0 auto
}

.b-bahiq-hex-image-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.b-bahiq-hex-image-group figure {
    margin: 0 auto;
    max-height: 50%;
    max-width: 60%
}

.b-bahiq-hex-image-group img {
    max-height: 100%;
    width: auto
}

.b-bahiq-loop {
    margin-top: 70px
}

.b-bahiq-loop.reverse .b-bahiq-article:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (max-width: 1023px) {
    .b-bahiq-loop.reverse .b-bahiq-article:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width: 1024px) {
    .b-bahiq-loop.reverse .b-bahiq-article:nth-child(2n) .b-bahiq-article__image-wrap, .b-bahiq-loop.reverse .b-bahiq-article:nth-child(2n) .b-bahiq-hex {
        margin: 0 0 0 30px
    }
}

.portfolio-wrapper.enviromental {
    font-family: Roboto
}

.portfolio-wrapper.enviromental .banner {
    position: relative;
    background-image: url(../images/x3-env-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 832px
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.enviromental .banner {
        height: 590.72px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.enviromental .banner {
        height: 440.96px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.enviromental .banner {
        height: 332.8px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.enviromental .banner {
        height: 208px
    }
}

.portfolio-wrapper.enviromental .banner .img-resp {
    position: absolute;
    top: 43%;
    left: 60%;
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
    height: 633px
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.enviromental .banner .img-resp {
        height: 449.43px;
        top: 47%
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.enviromental .banner .img-resp {
        height: 335.49px;
        top: 54%;
        left: 65%
    }
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.enviromental .banner .img-resp {
        display: none
    }
}

.portfolio-wrapper.enviromental .container-fuild {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding: 15px
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.enviromental .container-fuild {
        max-width: 565px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.enviromental .container-fuild {
        max-width: 500px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.enviromental .container-fuild {
        max-width: 360px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.enviromental .container-fuild {
        max-width: 280px
    }
}

.enviromental h1, .enviromental h2 {
    font-family: Open Sans, sans-serif
}

.enviromental h1 {
    font-size: 72px
}

@media screen and (max-width: 1366px) {
    .enviromental h1 {
        font-size: 48px
    }
}

@media screen and (max-width: 480px) {
    .enviromental h1 {
        font-size: 38px
    }
}

.enviromental h2 {
    font-size: 48px;
    width: 100%
}

@media screen and (max-width: 1366px) {
    .enviromental h2 {
        font-size: 36px
    }
}

@media screen and (max-width: 480px) {
    .enviromental h2 {
        font-size: 26px
    }
}

.enviromental .style-guide__wrapper strong {
    text-transform: uppercase;
    color: #9c9999;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 13px;
    display: block;
    line-height: 30px;
    letter-spacing: .7px;
    font-family: Roboto
}

.enviromental .fonts-wrapper {
    margin-bottom: 50px
}

.enviromental .fonts-wrapper img {
    margin-right: 25px
}

.enviromental .fonts-wrapper img:last-child {
    margin: 0
}

.enviromental .color-wrapper img {
    position: relative;
    margin-left: -55px;
    margin-top: -20px;
    margin-bottom: -95px;
    z-index: 1
}

.enviromental .concept {
    background-color: hsla(0, 0%, 100%, .46);
    background-image: url(../images/x3-env-concept-bg.png);
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 100px
}

.enviromental h2 {
    margin-bottom: 26px
}

.enviromental p {
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.enviromental .img-wrapper {
    text-align: center
}

.enviromental .img-wrapper img {
    margin-bottom: -15px
}

.enviromental .technologies {
    margin-bottom: 50px
}

.enviromental .technologies img {
    margin-right: 36px
}

.enviromental .technologies img:last-of-type {
    margin: 0
}

.portfolio-wrapper.fitotowell {
    padding-top: 70px;
    font-family: Open Sans, sans-serif;
    color: #000
}

.portfolio-wrapper.fitotowell .content {
    padding-bottom: 0
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.fitotowell h2 {
        font-size: 32px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.fitotowell h2 {
        font-size: 26px
    }
}

.portfolio-wrapper.fitotowell .banner {
    background-image: url(../images/Fittowell_top_banner.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 59vw;
    position: relative
}

.portfolio-wrapper.fitotowell .banner img {
    margin: 0 auto;
    padding-top: 100px;
    max-width: 710px;
    display: block
}

@media screen and (max-width: 1400px) {
    .portfolio-wrapper.fitotowell .banner img {
        max-width: 460px;
        padding-top: 50px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.fitotowell .banner img {
        max-width: 320px;
        padding-top: 25px
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .banner img {
        max-width: 220px;
        padding-top: 10px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.fitotowell .banner img {
        max-width: 175px;
        padding-top: 7px
    }
}

.portfolio-wrapper.fitotowell .style-guide {
    padding-bottom: 60px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.fitotowell .style-guide {
        padding-bottom: 30px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.fitotowell .style-guide {
        padding-bottom: 0
    }
}

.portfolio-wrapper.fitotowell .style-guide__flex {
    max-width: 1290px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1800px) {
    .portfolio-wrapper.fitotowell .style-guide__flex {
        max-width: 992px
    }
}

@media screen and (max-width: 1400px) {
    .portfolio-wrapper.fitotowell .style-guide__flex {
        max-width: 768px
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.fitotowell .style-guide__flex {
        max-width: 648px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.fitotowell .style-guide__flex {
        max-width: 524px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.fitotowell .style-guide__flex {
        margin-right: 5%;
        max-width: 480px
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .style-guide__flex {
        margin-right: auto;
        max-width: 90%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.fitotowell .style-guide__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.fitotowell .style-guide__flex .style-guide__item {
        width: calc(33.33% - 30px);
        margin-left: 15px;
        margin-right: 15px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.fitotowell .style-guide__flex .style-guide__item {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.portfolio-wrapper.fitotowell .style-guide__title {
    text-transform: uppercase;
    margin-bottom: 0
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.fitotowell .style-guide__title {
        margin-top: 0
    }
}

.portfolio-wrapper.fitotowell .style-guide .logotype-project {
    max-width: 467px
}

.portfolio-wrapper.fitotowell .style-guide .logotype-project img {
    width: 100%
}

@media screen and (max-width: 1800px) {
    .portfolio-wrapper.fitotowell .style-guide .logotype-project img {
        width: 85%
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.fitotowell .style-guide .logotype-project img {
        width: 70%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.fitotowell .style-guide .logotype-project img {
        width: 100%
    }
}

.portfolio-wrapper.fitotowell .style-guide .item-wrp {
    margin-bottom: 90px
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.fitotowell .style-guide .item-wrp {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.fitotowell .style-guide .item-wrp {
        margin-bottom: 35px
    }
}

.portfolio-wrapper.fitotowell .style-guide__technology {
    text-transform: uppercase;
    font-size: 21px;
    color: #333;
    margin-top: 25px
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.fitotowell .style-guide__technology {
        font-size: 14px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.fitotowell .style-guide__technology {
        margin-top: 15px
    }
}

.portfolio-wrapper.fitotowell .style-guide__colors {
    max-width: 230px;
    width: 100%;
    margin-top: 25px
}

.portfolio-wrapper.fitotowell .style-guide .type-font {
    max-width: 215px;
    margin-top: 40px
}

@media screen and (max-width: 1800px) {
    .portfolio-wrapper.fitotowell .style-guide .type-font img {
        width: 85%
    }
}

.portfolio-wrapper.fitotowell .style-guide .flex-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    margin-top: 60px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.fitotowell .style-guide .flex-color {
        margin-right: -10px;
        margin-left: -10px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.fitotowell .style-guide .flex-color {
        margin-top: 25px
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.fitotowell .style-guide .flex-color__item {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media screen and (max-width: 1400px) {
    .portfolio-wrapper.fitotowell .style-guide .flex-color .color-drop img {
        width: 85%;
        width: 70%
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.fitotowell .style-guide .flex-color .color-drop img {
        width: 60%
    }
}

.portfolio-wrapper.fitotowell .style-guide .color-code {
    font-size: 24px;
    color: #67788c;
    margin-bottom: 20px
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.fitotowell .style-guide .color-code {
        font-size: 18px
    }
}

.portfolio-wrapper.fitotowell .style-guide .color-code--orange {
    color: #ff3d00
}

.portfolio-wrapper.fitotowell .style-guide .girl-wrp {
    position: absolute;
    left: 0;
    top: -100%;
    width: 20%
}

@media screen and (max-width: 1800px) {
    .portfolio-wrapper.fitotowell .style-guide .girl-wrp {
        top: -75%
    }
}

@media screen and (max-width: 1400px) {
    .portfolio-wrapper.fitotowell .style-guide .girl-wrp {
        top: -65%
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .style-guide .girl-wrp {
        display: none
    }
}

.portfolio-wrapper.fitotowell .mokup {
    padding-top: 60px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.fitotowell .mokup {
        padding-top: 30px
    }
}

.portfolio-wrapper.fitotowell .mokup .header-section {
    max-width: 771px;
    margin: 0 auto
}

.portfolio-wrapper.fitotowell .mokup .header-section .title-section {
    font-size: 48px
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.fitotowell .mokup .header-section .title-section {
        font-size: calc(1.58228vw + 17.93671px)
    }
}

.portfolio-wrapper.fitotowell .mokup .header-section .description-section {
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 60px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.fitotowell .mokup .header-section .description-section {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.fitotowell .mokup .header-section .description-section {
        margin-top: 25px;
        margin-bottom: 40px;
        padding: 0 20px
    }
}

.portfolio-wrapper.fitotowell .mokup-present {
    background: url(../images/fitotowell-bg-mok.png) no-repeat;
    background-position: top;
    background-size: 100vw;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .mokup-present {
        background-size: cover
    }
}

.portfolio-wrapper.fitotowell .mokup-present .container-fluid {
    position: relative
}

.portfolio-wrapper.fitotowell .mokup-present .container-mok {
    max-width: 47%;
    margin: 0 auto
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .mokup-present .container-mok {
        max-width: 75%
    }
}

.portfolio-wrapper.fitotowell .mokup-present img {
    width: 100%
}

.portfolio-wrapper.fitotowell .mokup-present .man-wrp {
    position: absolute;
    right: 5%;
    bottom: 45%;
    z-index: 1;
    width: 18%
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .mokup-present .man-wrp {
        display: none
    }
}

.portfolio-wrapper.fitotowell .mokup-present .left-layer-towell {
    position: absolute;
    left: 0;
    top: 34%;
    width: 39%
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .mokup-present .left-layer-towell {
        display: none
    }
}

.portfolio-wrapper.fitotowell .mokup-present .right-layer-towell {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
    width: 36%
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .mokup-present .right-layer-towell {
        display: none
    }
}

.portfolio-wrapper.fitotowell .fitt-carrousel {
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100vw;
    background-position: top;
    height: 1211px;
    margin-top: -26%;
    position: absolute;
    z-index: 0;
    width: 100%
}

@media screen and (max-width: 2560px) {
    .portfolio-wrapper.fitotowell .fitt-carrousel {
        height: 1500px
    }
}

@media screen and (max-width: 1980px) {
    .portfolio-wrapper.fitotowell .fitt-carrousel {
        height: 1211px
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .fitt-carrousel {
        background-size: cover;
        height: 1380px
    }
}

.portfolio-wrapper.fitotowell .mobile-col-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 26%;
    max-width: 85%;
    margin: 0 auto
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .mobile-col-wrapper {
        max-width: 240px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.portfolio-wrapper.fitotowell .mobile-col-wrapper .mobile-col {
    width: 33.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 4%
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .mobile-col-wrapper .mobile-col {
        width: 100%
    }
}

.portfolio-wrapper.fitotowell .mobile-col-wrapper .mobile-col img {
    width: 100%;
    max-width: 409px
}

.portfolio-wrapper.fitotowell .controll-bottom {
    margin-top: 35%
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.fitotowell .controll-bottom {
        margin-top: 1120px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.fitotowell .controll-bottom .container-fuild {
        max-width: 560px
    }
}

.portfolio-wrapper.bellissimo {
    font-family: Roboto;
    margin-top: 50px;
    overflow: hidden
}

.portfolio-wrapper.bellissimo .banner {
    background-image: url(../images/bellissimo-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    height: 832px
}

@media screen and (max-width: 2560px) {
    .portfolio-wrapper.bellissimo .banner {
        height: 1700px
    }
}

@media screen and (max-width: 2000px) {
    .portfolio-wrapper.bellissimo .banner {
        height: 1180px
    }
}

@media screen and (max-width: 1950px) {
    .portfolio-wrapper.bellissimo .banner {
        height: 1205px
    }
}

@media screen and (max-width: 1850px) {
    .portfolio-wrapper.bellissimo .banner {
        height: 1160px
    }
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.bellissimo .banner {
        height: 980px
    }
}

@media screen and (max-width: 991px) {
    .portfolio-wrapper.bellissimo .banner {
        height: 600px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.bellissimo .banner {
        height: 90vw
    }
}

.portfolio-wrapper.bellissimo .banner:before {
    content: "";
    background: url(../images/bellissimo-banner-img-l.png) no-repeat;
    width: 587px;
    height: 457px;
    position: absolute;
    z-index: -1;
    bottom: -410px;
    left: 0
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.bellissimo .banner:before {
        background-size: 100% 100%;
        width: 360px;
        height: 280px;
        bottom: -380px
    }
}

@media screen and (max-width: 991px) {
    .portfolio-wrapper.bellissimo .banner:before {
        width: 260px;
        height: 202px;
        bottom: -210px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.bellissimo .banner:before {
        width: 140px;
        height: 109px;
        bottom: -170px
    }
}

.portfolio-wrapper.bellissimo .banner:after {
    content: "";
    background: url(../images/bellissimo-banner-img-r.png) no-repeat;
    width: 615px;
    height: 1228px;
    position: absolute;
    z-index: -1;
    bottom: -765px;
    right: 0
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.bellissimo .banner:after {
        background-size: 100% 100%;
        width: 340px;
        height: 678px;
        bottom: -545px
    }
}

@media screen and (max-width: 991px) {
    .portfolio-wrapper.bellissimo .banner:after {
        width: 220px;
        height: 449px;
        bottom: -345px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.bellissimo .banner:after {
        width: 110px;
        height: 220px;
        bottom: -155px
    }
}

.portfolio-wrapper.bellissimo .container-fluid {
    max-width: 1620px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.bellissimo .container-fluid {
        max-width: 565px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.bellissimo .container-fluid {
        max-width: 500px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.bellissimo .container-fluid {
        max-width: 360px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.bellissimo .container-fluid {
        max-width: 280px
    }
}

.bellissimo h1 {
    font-size: 72px
}

@media screen and (max-width: 1500px) {
    .bellissimo h1 {
        font-size: 48px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo h1 {
        font-size: 38px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo h1 {
        font-size: 38px
    }
}

.bellissimo h2 {
    font-family: Open Sans, sans-serif;
    font-size: 48px;
    width: 100%
}

@media screen and (max-width: 1500px) {
    .bellissimo h2 {
        font-size: 36px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo h2 {
        font-size: 32px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo h2 {
        font-size: 26px
    }
}

.bellissimo h3 {
    font-size: 48px;
    width: 100%
}

@media screen and (max-width: 1500px) {
    .bellissimo h3 {
        font-size: 36px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo h3 {
        font-size: 32px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo h3 {
        font-size: 26px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo h3 {
        font-size: 24px
    }
}

.bellissimo p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 20px
}

@media screen and (max-width: 1366px) {
    .bellissimo p {
        font-size: 14px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo p {
        padding-bottom: 20px
    }
}

.bellissimo strong {
    font-size: 1.8rem
}

@media screen and (max-width: 1366px) {
    .bellissimo strong {
        font-size: 1.6rem
    }
}

@media screen and (max-width: 1024px) {
    .bellissimo strong {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 768px) {
    .bellissimo strong {
        font-size: 1rem
    }
}

@media screen and (max-width: 480px) {
    .bellissimo strong {
        font-size: 1rem
    }
}

.bellissimo .date {
    color: #999;
    font-size: 14px
}

.bellissimo .content {
    padding-bottom: 0
}

.bellissimo .bell-h2 {
    text-align: center;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: 290px;
    color: hsla(0, 0%, 90.6%, .03);
    width: 100%
}

@media screen and (max-width: 1550px) {
    .bellissimo .bell-h2 {
        font-size: 150px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .bell-h2 {
        font-size: 100px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .bell-h2 {
        font-size: 80px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .bell-h2 {
        font-size: 60px
    }
}

.bellissimo .desktop-section .desktop-container:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 950px;
    left: 0;
    right: 0;
    bottom: -410px;
    background: url(../images/bellissimo-desktop-after.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: -1
}

@media screen and (max-width: 1200px) {
    .bellissimo .desktop-section .desktop-container:after {
        height: 680px;
        bottom: -320px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .desktop-section .desktop-container:after {
        height: 370px;
        bottom: -210px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .desktop-section .desktop-container:after {
        height: 230px;
        bottom: -110px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .desktop-section .desktop-container:after {
        height: 140px;
        bottom: -60px
    }
}

.bellissimo .desktop-section .desktop-container h2 {
    margin: 210px 0 0;
    position: relative;
    padding: 135px 0 30px
}

@media screen and (max-width: 1500px) {
    .bellissimo .desktop-section .desktop-container h2 {
        margin: 170px 0 0
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .desktop-section .desktop-container h2 {
        margin: 70px 0 0
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .desktop-section .desktop-container h2 {
        margin: 40px 0 0;
        padding: 55px 0 0
    }
}

.bellissimo .desktop-section .desktop-container h2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 780px;
    left: 0;
    right: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAMnCAMAAADoKr+xAAACDVBMVEUZFCQZFCQZFCQZFCQZFCQZFCQZFCQZFCQZFCQZFCMZFCQZFCQYEyMYEyMYEyMZFCQYEyMYEyMYEyMYEyMYEyMYEyEYEyMWEyEYEyEYEyEYEyEYEyMYEyMXEiEWEyEYEyMWEyEYEyEXEiAXEiAYEyMYEyEXEiAXEiAXEiAXEiAXEiAXEiAWEyEWER8VEh8XEiAWER4WER4WER8WER8VEiAVEiAXEiAXEiAXEiAXEiAWER8UER4UER4UER4WER8WER8XEiAXEiAUEB0UEB0WER8UEB4UER4UER4WER8TEBwTDhwSDRsSDhsTDhwTEB0TEB0TEB0UEB4SDRsRDRkRDRgPDBcPDBgPDBgPDBcPDBgSDRsSDhsUEB0TDhwTDhwRDRkPDBcPDBcMCRQMCRIMCRIOCxYMCRQNChMNChUNChUOCxYLBxEJBhAJBg8FBAoGBAsHBgwHBgwIBg4KCRIGBAoDAgUCAgUCAgQCAgMCAgQCAgQCAgQEAwYEAwcAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAQIBAQIBAQIEAwYDAgYDAgUAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARDRkOCxYOCxbM3H9JAAAAr3RSTlP//v38+/bw6uno5+bf3t3c1tXUzs3MysPCwb++vbq5tbKxsK+vrKinpqSjoqCenZuWlZWUlJWVlJOSkoyLioaFhIKCgXt3dnNzeHlxb2tramlnY2ZoXl1cXFtbWVRTUktLTEtMSkNAPz49Oz1BQzo4NDAtJyMiIyQjIiEfHB0dHR4fICEiIyQmKCkqLS8wHBsaGRgYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAR1NUiram7gAAG9RJREFUeNrs2L1uVFcUhmELCUFFAxU01NAGhTR00CGoqaABUdLkp/IlMEZJDAkJJARw7JuMnZiZOWfOjwEprLX289R715/Wu3UAJLI/4QBIZOsACG9/gCmG3AwwBLbfY4ihDgMMIe2vMcNQkQGGaPaXrDAUZoAhkP1Zf0+wwpCJAYYQZmb3I5lhiM8Aw5c2ubyfxQpDYAYYvqCPnN69WUO/rDCEZIBhU7Czd+8TOIYhOgMMHbHO3r0R73v2RjiGIS4DDMdibe/I6s7b22SFISIDDAcHsZLz3PB+2hBL0hCMAYa4Z+/7vncz3vc5hiEsAwwRt3dueN92zA2xFYaADDAES86jy/v2REZ3WJKGWAwwxDx7J5f3r57JHXYMQ0gGGOJu7+bqzuv+scIQlgGGQMn53dLE8L4ZNDHE75YkaYjDAEPcs3duduen2DEMYRlgiLi9Y8v756SxHbbCEJABhgDJefjsHd7dP0YML/HgMSxJwzQDDCH9D2fvm6WJ2X39r4kpfrPkGIZ4DDAE3d7N5X19Aps7bIUhJgMMUZLz+PS+XvNq1Pqr8RmWpCEIAwyBz96R3f19w8gSO4YhLgMMobZ3Y3oHV/e3nsEt3phhKwyRGGCIlpz709tZ3VkfXvdnWJKGYAwwxEvOr471h/flrNXb7gxL0hCOAYZQyXlwel8u/Tpp9W5whiVpiMQAQ7Dk3Nne/vD+Mqk/xJ0VlqQhFgMMwZJzd3r7u/tiQn+JuzMsSUMsBpimhUzOQ9P7Yun5qNWboRmWpCEYA0yjgiXn7tk7ML3Pl3ZHrF50Z3jgGJakYZoBhiJn70mS89j09nb35wm9Jd6cYUkaAjHANCV8ch6Y3t7w/jSqN8QDMyxJQyAGmEZkSc7r27t7pL+7P45aPlnf4fUVlqQhEgNMfUmS88j0dnb32dLTx3e/uXT27KXrdx8/fbbUWeKRGZakIQYDTGkJk3N/ejvDu3Pkh/u3rl44vbV0+sLVW/e/3TnSGeL+DEvSEIoBpqiEyXn3yPD07hx7cu/G5XOntgacOnf5xr0nO8eGZ3j3iCQNQRhg6kmdnIend7HYfnTn+qUzWzPOXPr6zqPtxWJ4hiVpiMQAU0r+5Nyb3sWh7+/fvHL+9NaJnT5/5eb97xaHejMsSUMkBpgiiiTn9av3UDc5z+sn6cWicw1L0hCIASa/Ssl5Ob3bD29/dfHM1mc6c/Ha7YfbyxmWpCEQA0xqNZPzg5Mm55Mn6QeSNERjgEmqXHJenDw5f16SXkjSEIIBJh/JWZK2whRggElFcpakrTBVGGCSkJwlaUmaWgww8UnOkrRjmIIMMKFJzpK0FaYqA0xQkvMaSVqSpiADTDyS8yBJ2jFMLQaYUCTnOZK0FaYKA0wQknMskjQYYOqTnMOSpMEAU5TknIAkDQaYSiTnXCRpMMDkJzmnJUmDASYpybkASRoMMJlIzrVI0mCAiU9yLkuSBgNMUJJzAyRpMMBEIjm3RZIGA8yMkmev5ByEJA0GmAE1t1dyDkeSBgPMkuQsOa+TpCVpphlgkpCckaTBALNSc3sl53QkaTDASM6S8yBJWpKmywATlOSMJG2FMcCs1NxeybkcSRoMMJKz5DxIkpakMcCEIDkjSTuGMcCs1Nxeybk5kjSNMsBIzsyRpCVpDDAHByXPXskZSZrmGGAkZ2KRpGmEAUZyJiBJmvoMMJIzYUnSVGaAGyc5E54kTVEGuFmSM5lI0tRjgFskOZOUJE0lBrgxkjPpSdIUYYCbITlTiSRNfga4BZIzRUnSZGaAi5OcKU+SJikDXJbkTEskafIxwBVJzjRKkiYTA1yM5EzzJGmSMMBlSM4gSZOJAa6ganK+JjkjSVvhugxwcpIzSNLkZIDTkpxBkjbDmRngjCRnkKStcHoGOBnJGSRpK1yDAU5DcgZJWpKuxABnIDmDJO0YLscAByc5gyRthWsywGFJznBMkpakSzLAEUnOsEGSdgxXY4CDkZxhiiRtheswwGFIzhCHJI0BboPkDCFJ0hjgwiRnCE6SxgBXIzlDHpI0BrgGyRlSkqQxwIlJzpCcJI0BzkZyhjokaQxwDpIzlCRJY4ADk5yhOEkaAxyN5AztkKQxwDFIztAkSRoDPKLm9krOEIokjQHukJwlZ/hAkpakQzDAOc9eyRkSkKQxwKW2V3KGVCRpDLDkLDnDIElaku4zwGFJzoAkbYUN8ErN7ZWcoRRJGgMsOUvOMEiSlqQNcBiSMyBJO4YN8ErN7ZWcoSmSdLMMsOQMTJOkJWkD/J+SZ6/kDEjSjTHAkjMQiSTdDAMsOQPhSNItMMCSMxCUJF1b8wMsOQOhSdJlNTzAkjOQhSRdUZsDLDkDCUnStTQ3wJIzkJokXUZDAyw5A1VI0hW0McCSM1CQJJ1b+QGWnIHSJOm0Cg+w5Ay0QpLOqOYAS85AgyTpXMoNsOQMNE2STqPQAEvOAJJ0HjUGWHIGkKSTST/AkjOAJJ1R4gGWnAEk6YO0cg6w5AwgSSdf4XQDLDkDSNIVVjjRAEvOAJJ0nSSdY4AlZwBJutgxHH6AJWcASbriCgceYMkZ4JAkXTRJxxxgyRmgQ5KudwyHG2DJGWCMJF1phQMNsOQMEIMk3c4AS84A4UjSxQdYcgYITJKuOMCSM0AOknSdAZacAdKRpJMPsOQMkJgknXGAJed/2LFjFimyKAzDh4VFMxOj1UQw01g3ExMxE2MNDMVQ2WTZ/QvCIAgLkw0Iy/gjt3q83WfrOtVlj909t6qeJ6qCm7+cD2AeTNLTCbDJGWB2TNKNB9jkDDBjJukWA2xyBlgGk3Q7ATY5AyyOSXo3Mf32mpwBmmGS/mFhcjY5A5ikt1c4tRZgkzMAJumdxPTaa3IGmAyT9KAwOZucAUzSx5+kYyJnr8kZYOJu/PbIJP0/0X57Tc4As2GS3giTs8kZIJJJ+kiTdDR69pqcAWZu6ZN0tNdekzPAYix4kg6TMwBbmKQPNElHI2evyRlg4ZY2SYfJGYBmLGiSjvNkcgZgjEl6TxWO0faanAGomKTHMjxe4Tg3OQPQqvlO0udhcgagbfOcpGMsviZnAMaYpFd2W6RjS3tNzgC0ZWqT9JYKx+XxNTkD0KqpTdK9wFYBHm6vyRmAJjU/SQ9XeB3gofianAFoXPOTdB3hbHDkz0B8Tc4ANK3JSXogwlnd2BZfkzMAU9HiJD0Y4RLgrfE1OQMwGQ1N0lsjfBHg4fianAGYoIYm6eEI/xvlYyi+JmcAJunaJ+kqwnWDo5fffnxNzgBM2/VO0nWEewmOur5VfE3OAEzctUzSGeGBBkfWt47vWWFyBmD6jjtJnxV1hLPBkbdvVd9sr8kZgHk40iSdFc4G13dw9I7f7+NrcgZgZg4+SQ9FuHcGR8lvXd+Mr8kZgBk65CSdEa4bnAmOXn4vj6/JGYB5OsQkPRzhXoLjyyX1zfianAGYuwNM0lnhoQZ/iTq//cu3xNfkDMDM7WeSzgjXl3Cd4PjW3/Xx2z99s70mZwAWYC+TdFa4fwivz+BvBY7Mb9a3F1+TMwCLspdJOiPca3AmOHr5reub7TU5A7AoV56ks8K9BtcJjl5++/Ut8TU5A7BQV5iks8J1g/sJjpLfPH6zvuv4mpwBWLCdJ+mMcDY4z+CS4DjL/GZ98/T9p2NyBmDxRifpusJ5CGeDM8FnUfqb+e0e1vE1OQPAD0/SGeE8hDPBpcCR+c3jN+ub8TU5A8D4JJ0RzgbnGZwJ7gK8yW8evxnfTXtNzgAwOklnhTPCmzM4E9wFuOtwGZ/L8Vtu31LfdXtNzgAwPklnhUuDyx1czuAyRHfxjXL+Zn5Lfcvpu26vyRkAxifprHA5hEuDM8HlCI6yPmd+y+2b9T1ZMTkDwOgknbdwNrjLaiZ4s0PHqr+Z367SWd9y+ZqcAWC3SbpcwtngLrCZ4FWBI/tb8pv1PemYnAHgKpP0SScbXBKcBY7h/H58++LxHZMzAFzBjTuPXrz9OJzgyP6W/K7q++ebZw9MzgDws5P0g2dv/lg1uCQ4Cxynp/38vn/15J7JGQD2N0nfe/LqfT/Bp6ex6e/nT+9e/n73ZgAAe3fz7uOX7z593hQ4Lvr719fnD2+bnAHgoH69/fD5178vChwfXj+9f8vkDABH8sut+09ffwgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgP3bgQAAAAAAAyP+1EaqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqKuzavU7bUByHYUcRkZCKBAMiC0sGmEBtGWHKBrAFuIDCCOQS+nFsIxD0S+Ey4BorV8bJcTBV27QLzzMe/fdXOvoBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMxCZ+X14cXF4ZuVTgIA/Adzyxv753lWys/3N5bnEgDgn2kvru2dXGZZGsmyy5O9tcV2AgDMWOtVr/9wnRbClLRw/dDvLbQSAGA25le3j25D5dOUULk92l6dTwCAv9Lpvh0Ma9n9OKWW4uFgq2ucBQB/OrY6OEtDiLP7oUGc4hDSswPjLAD4Le2l9d13+WN7o/C+bxCF+LHC+enu+pJxFgD8Umuh17+/CqFKb9zdz43iElcZDuHq3jgLAJ4dW+0c39TbG4f3S6M4xPUK3xzvGGcBQF2nuzUYPtneyfB+fdZkiJ+osHEWAERjq81ibBW3N05vWdhvk77/FD2VZ3GG4woX46xN4ywAXrZibHWaN7V3nN6quWOj0uRbeTbOcEOFjbMAeLHKsVXDn3PV3qi8o9JdzagUdbiqcMOPtHEWAD/YtZckt40giqJajpfkVXkou23Jlr/926TVjA6RhUIBJEW1MrPOGQKYvwjknc0xttrc3uP0Lmb3/cLxzckO762wOAuAiTSxVddaNdvbTG8zuz8vHN80M7xc4UWdJc4CYApdbLWzvcfpbXf3lxWvr5oZ3lthcRYA1e3HVoPtfX+w2N27zvHdyQ6vrLA4C4BZnBlb9dvbTe/d0a+Nu6NmhvsVFmcBMIMmtrpme5vlbWf3t1fNw3aHBysszgKgrgtiq/3tbUb34MOJ49Nmh4crLM4CoKTLY6vx9jbL+2FXs8PDFRZnAVDMNbHVeHv76f24qZ3h8QqLswCo4+tjq9XtXS7v70PLHV5dYXEWAIU0sdWNt3e5vH8MLHd4fYXFWQDUcJvY6u5gsL398H5aWBni9RW+OxBnAZDZLWKr8fb20/tpqJ/i/RUWZwGQz+1jq+X2Dqb3zw39DHcrLM4CIKtbxlb727s6vH91Vod4tMLiLACSaWKrt9zefnf//qJ5fPYKi7MASOEbxlYfu/FdTG+3uiPdDjcrfBpJi7MACO8tYqvx9vbL+8+K5oOtFRZnAZDAW8VW4+3d2t3tJV5dYXEWAMF9l9iq295+ev8daD5aX2FxFgCxNbHV99zereHdH+LVFRZnARDRW8ZW+9vbT+9/Q81noxUWZwEQzlvHVvvbu7m89webOzxYYXEWAEHEia1WtrfZ3KF2jVdWWJwFQCRxYqt2e8fTe80MxzkLi7MACBhb9dt7v/AwcL/Qr7A4C4BdE8ZWO9v7cKadFRZnATAwc2y1ur0PV1hdYXEWAOumjq3O2t7HDWetsDgLgIbYant7H8+2scLiLABOiK02t/dxxVPjccV4hcVZALx7J7b67OztfdqxvcLiLABeiK3O396ni2ytsDgLALHVZdt7uxUWZwEgtrr19o5XWJwFgNjqa7b3eeGSFRZnASC2enXu9j7veBoTZwEgtrp8e58vEGWFxVkAddWJrS7d3utXWJwFgNjq4Ebb2xNnASC2unZ7w62wOAtgRhPEVs/fQJCzsDgLICOxVU+cJc4CEFvF3V5xFgBiq2u3N/BZWJwFUIvYKtMKi7MAKhBbBVphcRbAFMRWR5nOwuIsgLzEVr1cKyzOAshGbLUp0A9pcRZAGWKrQIrHWT+KswDEVnEFOQuLswDEVpUOvuKszysszgKmJLbKonyc9YM4C5iF2CqfOnHWT+IsYE5iq8TEWQApia1KCHIWFmcBiK3mGV9xFkAeYquqxFkAUYmt6hNnAQQjtpqIOAsgBLHVlIKchcVZwJzEVnMTZwF0xFa29znXCt8oznohzgKKElshzgJoiK1s76qkKyzOAhBbIc4SZwEdsZWDbyjiLACxle3t5VphcRYwH7EV4c7C4iygOrEVcVdYnAXUJLZCnCXOAhpiKwff1MRZAGIrerlWWJwF5Ce24kSgH9LiLKAwsRUrkq6wOAvIQWzFpkgrLM4CihBbEYk4C5iB2IqYxFlAXWIrohNnAeWIrUhDnAUUIbYioet+SB+Js4AtYisHX8RZQDFiK2oQZwF5iK2oRpwFhCe2oixxFhCU2IoJiLOAUMRWzEScBZxBbGV7Cb3C4ixAbGV7EWeJsyA8sRWIs4CG2EpsxalIKyzOAsRWxpewZ2FxFiC2AnGWOAuGxFYOvgQjzgLEVraXXtIVFmfBLMRWIM4SZ0FDbOXgSyLiLEBsZXvp5VphcRZUJLaCZGdhcRbkJ7aC56QrLM6CrMRWcCLSCouzoCyxFazLdBYWZ0EuYivYlmuFxVmQgdgKYhFnwQTEVhCUOAvKEltBeOIsKEZsBXmIs6AGsRVkJM6CzMRWkJs4CxISW0ER4ixIQ2wF5YizIDixFdQlzoKYxFYwA3EWRCK2grmIs2CX2Mr2QpYVFmeB2Mr2gjhLnEVMYitAnAUNsZXthUauFRZngdgKEGeJs9gltrK9EIQ4C8RWYivoRVphcRaIrYCwZ2FxFrMRWwFxVlicxRzEVkDos7A4i4rEVkCOFRZnUYfYCgixwuIsJiK2Al5kOguLs8hObAWcyrXC4ixyElsBA4F+SIuzKEZsBYQgzmIiYisgGHEW5YmtgKjEWVQltgLiE2dRi9gKyEScRQliKyAlcRaJia2A5MRZpCO2AqoQZ5GF2AqoR5xFbGIroDJxFiGJrYApiLMIRGwFTEacxR6xlYMvEPwsLM5CbGV7AXGWOCs2sRWAOIuG2Mr2AgtJV1ichdgKQJwlzhoQWzn4AkGIsxBb2V6gl2uFxVmzElsBBDoLi7PmILYCiLjC4qzKxFYA4ixxVkNs5eALJCXOQmwF0Mu1wuKsKsRWAAeBfkiLs8oTWwE0kq6wOCsTsRXwf7t2zGLFFYYB+AgmhRIEC8FGC7FIGntBEBTsLGxCisTKysbCTlBjJQhJkzKIJgQXg/8xd883m+EwmT1mvTv3nLnPU20x79e+7D0vM1pqYeOsVTG2AmiDcdb+MLYCaI1x1toZWwG0yzhrpYytADpgnLUqxlYAXTHOWgFjK4A+GWf1y9gKoHfGWb0xtgJYD+OsThhbAayQcVbTjK0AVs04q0HGVgD7wTirHcZWAPvGOKvC2MqDL0A/z8LGWcZWuhfAOKvFcZaxFQDGWQVjKw++ABM9PQsbZxlbAWCcVRlnGVt58AVohnGWsZXuBZjqtIX3a5xlbAWAcdZx4yxjKw++AG0yzjK20r0AU3218HrHWWe+uXbn0+tXxlYAtP8s3NI469XrT3eunXCcde7Kre/f/HzkpbEVAB208M7HWVHD4c0Pt66c+19jq8s3Hzx5WXhhbAWAcVZtnJWVBfrkwc3LX6eqry7duP/4RT5S+MXYCoAOnoV3Pc6aadDH929cmh1nnb347b1Hz8d/pwu/GlsB0EsL73acNa3QaNDnj+59d/FsKpy5cP3uw2eHR+JC3AiRM7YC4O+GfpBueZxVdmhRob89e3j3+oUYZ52/evvHp5tDcSMuxI0QMWMrALJOW3iJcVatQ6NBN+X59KfbV8+nzbF8J07EgbgQImZsBcCopRZub5w1V6JRobk9N72Z8ql8Y/xFOy6ESBlbARBGPT0LLzfOyooSzYYSzQ2aqzMdXoobY344MUaMrQAIpb5aeIFxVq1Fo0APqzNtDsWNMV5cyBFjKwDmNfSDdBPjrLJGyxaNBt2UZ8pXhgNDvLiQI8ZWAByv0xbe6jirWqNDieb+TPlKHIh0iAtDwNgKgHa0P86a7dEo0dyf6fBMHIj0mB8DxlYAtKXtcdZ/F+lQo9Ggb1PciHiEx/yYyCFjKwBa0uo4a9qjYajRaNCUT+R0hCMdxoSxFQBtam+cNV+kQ4/mCk3vIh/hMV343dgKgJa1Nc46vkijRd+lOFBkC5EwtgKgda2Ms+arNIo0SjTlA2N2zltjKwDat+NxVr1Kj3r0fYp0ER3j8bexFQA92e04a75LxyrdhFKOj8lQfmxsBUB3djjOmu/SsUn/SJEdkmV0/NzYCoAeLT7OqpfpUZOmyJbJqffGVgB0atlxVr1Mo0lTBCM3ig+DsRUAvVtunFWp03/LNOVkxIpg8a2xFQD9W2KcVa/ToUpTkZvzp7EVAOtw2uOsep1Gm6a/ytSUsRUAa3OK46yqoUxTpAYzXxpbAbA+2x9n1Qt17NNUhKaMrQBYsdMaZ9ULNUUmzHxnbAXAmm13nDXfqUWhpojMMbYCYD9s4Vk4fGalppwIc1/pXgD2w7ZauF6qH1IEaj4YWwGwJ7YxzqqXappLjN948AVg33zps3C9VtPw+ZTuBWC/nbyF6w5S/fODAw++AOyrEzwLf1avpoPj6F4AOEEL1yXdCwDLt3AaP51tXg++AFB7Fi7UyzVNvh//1r0AcNIWLk3qtShg3QsA22jhuvSx1ry6FwAqLTxV69dUfFs0ru4FgLqPddOOLQtY+QLANkq4LuleAFi+hZPuBYDlWzhpXgBYvoeT3gWA5Zv4HwiK8r38ghWNAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: -1
}

@media screen and (max-width: 1200px) {
    .bellissimo .desktop-section .desktop-container h2:before {
        height: 530px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .desktop-section .desktop-container h2:before {
        height: 430px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .desktop-section .desktop-container h2:before {
        height: 270px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .desktop-section .desktop-container h2:before {
        height: 210px
    }
}

.bellissimo .desktop-section .desktop-container .image-wrapper {
    text-align: center;
    position: relative
}

.bellissimo .desktop-section .desktop-container .image-wrapper.desktop-help-bg:before {
    content: "";
    position: absolute;
    width: 1795px;
    height: 1743px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/bellissimo-desktop-bg.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: -2
}

@media screen and (max-width: 1550px) {
    .bellissimo .desktop-section .desktop-container .image-wrapper.desktop-help-bg:before {
        width: 1300px;
        height: 1262px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .desktop-section .desktop-container .image-wrapper.desktop-help-bg:before {
        width: 1000px;
        height: 971px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .desktop-section .desktop-container .image-wrapper.desktop-help-bg:before {
        width: 760px;
        height: 738px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .desktop-section .desktop-container .image-wrapper.desktop-help-bg:before {
        width: 90%;
        height: 766px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .desktop-section .desktop-container .image-wrapper.desktop-help-bg:before {
        width: 90%;
        height: 366px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 1550px) {
    .bellissimo .desktop-section .desktop-container .image-wrapper img {
        max-width: 75%
    }
}

.bellissimo .mobile-section {
    padding: 70px 0 0
}

.bellissimo .mobile-section .mobile-container:before {
    content: "";
    position: absolute;
    width: 413px;
    height: 384px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/bellissimo-gallery-img-l.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: -2
}

@media screen and (max-width: 991px) {
    .bellissimo .mobile-section .mobile-container:before {
        width: 213px;
        height: 198px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .mobile-section .mobile-container:before {
        width: 73px;
        height: 78px;
        background-size: 100% auto
    }
}

.bellissimo .mobile-section .mobile-container:after {
    content: "";
    position: absolute;
    width: 435px;
    height: 448px;
    right: 0;
    top: 90px;
    margin: auto;
    background: url(../images/bellissimo-gallery-img-r.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: -2
}

@media screen and (max-width: 991px) {
    .bellissimo .mobile-section .mobile-container:after {
        width: 235px;
        height: 232px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .mobile-section .mobile-container:after {
        display: none
    }
}

.bellissimo .mobile-section .mobile-container .image-wrapper {
    text-align: center
}

.bellissimo .mobile-section .mobile-container .image-wrapper img {
    position: relative;
    z-index: 2
}

.bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1 {
    z-index: 1;
    right: -345px
}

@media screen and (max-width: 1550px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1 {
        right: -255px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1 {
        right: -205px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1 {
        right: -155px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1 {
        right: -95px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1 {
        right: -50px
    }
}

@media screen and (max-width: 1845px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-2 {
        max-width: 580px
    }
}

@media screen and (max-width: 1550px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-2 {
        max-width: 430px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-2 {
        max-width: 380px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-2 {
        max-width: 280px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-2 {
        max-width: 175px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-2 {
        max-width: 120px
    }
}

.bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
    z-index: 1;
    left: -345px
}

@media screen and (max-width: 1550px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        left: -255px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        left: -205px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        left: -155px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        left: -95px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        left: -50px
    }
}

@media screen and (max-width: 1845px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1, .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        max-width: 480px
    }
}

@media screen and (max-width: 1550px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1, .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        max-width: 380px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1, .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        max-width: 300px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1, .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        max-width: 240px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1, .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        max-width: 145px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-1, .bellissimo .mobile-section .mobile-container .image-wrapper .image__item-3 {
        max-width: 95px
    }
}

.bellissimo .products-section .products-container:before {
    content: "";
    position: absolute;
    width: 200vw;
    height: 550px;
    bottom: -160px;
    left: -50%;
    -webkit-transform: rotate(20.6deg);
    transform: rotate(20.6deg);
    background: #1e1b28;
    z-index: -1
}

@media screen and (max-width: 1200px) {
    .bellissimo .products-section .products-container:before {
        height: 380px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .products-section .products-container:before {
        height: 290px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .products-section .products-container:before {
        bottom: -100px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .products-section .products-container:before {
        height: 140px
    }
}

.bellissimo .products-section .products-container h2 {
    position: relative;
    margin: 0;
    padding: 0 0 85px
}

@media screen and (max-width: 767px) {
    .bellissimo .products-section .products-container h2 {
        padding: 0 0 25px
    }
}

.bellissimo .products-section .products-container h2:before {
    content: "";
    position: absolute;
    width: 200vw;
    height: 750px;
    top: -360px;
    left: -50%;
    -webkit-transform: rotate(-17deg);
    transform: rotate(-17deg);
    background: #1e1b28;
    z-index: -1
}

@media screen and (max-width: 1845px) {
    .bellissimo .products-section .products-container h2:before {
        height: 570px;
        top: -180px
    }
}

@media screen and (max-width: 1550px) {
    .bellissimo .products-section .products-container h2:before {
        height: 490px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .products-section .products-container h2:before {
        height: 360px;
        top: -110px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .products-section .products-container h2:before {
        height: 270px;
        top: -80px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .products-section .products-container h2:before {
        height: 180px;
        top: -60px
    }
}

.bellissimo .products-section .products-container .image-wrapper {
    text-align: center;
    position: relative
}

.bellissimo .products-section .products-container .image-wrapper:before {
    content: "";
    position: absolute;
    width: 341px;
    height: 553px;
    left: 0;
    top: 270px;
    margin: auto;
    background: url(../images/bellissimo-products-img-l.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: -2
}

@media screen and (max-width: 2200px) {
    .bellissimo .products-section .products-container .image-wrapper:before {
        top: 200px
    }
}

@media screen and (max-width: 1845px) {
    .bellissimo .products-section .products-container .image-wrapper:before {
        top: 240px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .products-section .products-container .image-wrapper:before {
        width: 180px;
        height: 292px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .products-section .products-container .image-wrapper:before {
        width: 90px;
        height: 182px;
        background-size: 100% auto;
        top: 100px
    }
}

.bellissimo .products-section .products-container .image-wrapper:after {
    content: "";
    position: absolute;
    width: 439px;
    height: 529px;
    right: 0;
    bottom: 550px;
    margin: auto;
    background: url(../images/bellissimo-products-img-r.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: -2
}

@media screen and (max-width: 991px) {
    .bellissimo .products-section .products-container .image-wrapper:after {
        width: 239px;
        height: 288px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .products-section .products-container .image-wrapper:after {
        width: 239px;
        height: 288px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 1550px) {
    .bellissimo .products-section .products-container .image-wrapper .image__item-1 {
        max-width: 75%
    }
}

.bellissimo .products-section .products-container .image-wrapper .image__item-2 {
    position: absolute;
    top: 215px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translate(445px);
    transform: translate(445px)
}

@media screen and (max-width: 1550px) {
    .bellissimo .products-section .products-container .image-wrapper .image__item-2 {
        max-width: 55%;
        -webkit-transform: translate(345px);
        transform: translate(345px)
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .products-section .products-container .image-wrapper .image__item-2 {
        -webkit-transform: translate(245px);
        transform: translate(245px);
        -webkit-transform: translate(175px);
        transform: translate(175px)
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .products-section .products-container .image-wrapper .image__item-2 {
        -webkit-transform: translate(125px);
        transform: translate(125px)
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .products-section .products-container .image-wrapper .image__item-2 {
        top: 45px;
        -webkit-transform: translate(85px);
        transform: translate(85px)
    }
}

.bellissimo .about-section .about-container {
    margin-bottom: 130px
}

@media screen and (max-width: 1550px) {
    .bellissimo .about-section .about-container {
        margin-bottom: 0
    }
}

.bellissimo .about-section .about-container .sub-title {
    width: 50vw;
    height: 34vw;
    min-width: 960px;
    min-height: 660px;
    margin-top: -370px;
    position: relative;
    z-index: -2;
    background: url(data:image/png;base64,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);
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 2200px) {
    .bellissimo .about-section .about-container .sub-title {
        margin-top: -200px
    }
}

@media screen and (max-width: 1845px) {
    .bellissimo .about-section .about-container .sub-title {
        margin-top: -180px
    }
}

@media screen and (max-width: 1550px) {
    .bellissimo .about-section .about-container .sub-title {
        margin-top: -130px
    }
}

@media screen and (max-width: 1250px) {
    .bellissimo .about-section .about-container .sub-title {
        margin-top: -40px;
        min-height: 500px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .about-section .about-container .sub-title {
        margin-top: -10px;
        min-height: 400px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .sub-title {
        margin-top: -40px;
        min-height: 290px;
        min-width: 460px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .about-section .about-container .sub-title {
        margin-top: -10px
    }
}

.bellissimo .about-section .about-container .sub-title h3 {
    margin: 20px 0 0 75px;
    padding: 0 210px 0 105px;
    position: relative
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .sub-title h3 {
        padding: 0 0 0 65px;
        margin: 20px 0 0 25px
    }
}

.bellissimo .about-section .about-container .sub-title h3:before {
    content: "";
    width: 55px;
    height: 2px;
    background: #1e1b28;
    position: absolute;
    top: calc(50% - 1px);
    left: 0
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .sub-title h3:before {
        width: 35px
    }
}

.bellissimo .about-section .about-container h2 {
    color: #e7e7e7;
    margin: 20px 0 0
}

@media screen and (max-width: 991px) {
    .bellissimo .about-section .about-container h2 {
        margin: -20px 0 0
    }
}

.bellissimo .about-section .about-container .about-content {
    max-width: 800px;
    margin: 70px auto 0;
    text-align: center
}

@media screen and (max-width: 991px) {
    .bellissimo .about-section .about-container .about-content {
        margin: 30px auto 0;
        padding: 0 15px
    }
}

.bellissimo .about-section .about-container .about-content h1 {
    font-size: 48px;
    width: 100%
}

@media screen and (max-width: 1500px) {
    .bellissimo .about-section .about-container .about-content h1 {
        font-size: 36px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .about-section .about-container .about-content h1 {
        font-size: 32px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .about-content h1 {
        font-size: 26px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .about-section .about-container .about-content h1 {
        font-size: 24px
    }
}

.bellissimo .about-section .about-container .about-content h3 {
    margin: 0 0 35px;
    padding: 0 0 40px;
    position: relative
}

@media screen and (max-width: 991px) {
    .bellissimo .about-section .about-container .about-content h3 {
        margin: 0 0 15px;
        padding: 0 0 20px
    }
}

.bellissimo .about-section .about-container .about-content h3:before {
    content: "";
    width: 55px;
    height: 2px;
    background: #1e1b28;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.bellissimo .about-section .about-container .about-content p {
    margin: 0;
    padding: 0 140px
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .about-content p {
        padding: 0 20px
    }
}

.bellissimo .about-section .about-container .flex-container {
    max-width: 1420px;
    margin: 0 auto;
    padding: 100px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 1550px) {
    .bellissimo .about-section .about-container .flex-container {
        padding: 100px 20px 0;
        max-width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .about-section .about-container .flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .about-section .about-container .flex-container {
        padding: 40px 15px 0
    }
}

.bellissimo .about-section .about-container .flex-container .color-block {
    width: 100%;
    text-align: center;
    margin: 0 0 100px
}

@media screen and (max-width: 991px) {
    .bellissimo .about-section .about-container .flex-container .color-block {
        margin: 0 0 40px
    }
}

.bellissimo .about-section .about-container .flex-container .color-block h3 {
    margin: 0 0 30px
}

.bellissimo .about-section .about-container .flex-container .color-block .image-wrapper img {
    margin: 0 15px
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .flex-container .color-block .image-wrapper img {
        margin: 0 10px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .about-section .about-container .flex-container .color-block .image-wrapper img {
        margin: 0 5px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .flex-container .color-block .image-wrapper .image__item-1 {
        max-width: 90px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .about-section .about-container .flex-container .color-block .image-wrapper .image__item-1 {
        max-width: 60px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .flex-container .color-block .image-wrapper .image__item-2 {
        max-width: 150px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .about-section .about-container .flex-container .color-block .image-wrapper .image__item-2 {
        max-width: 90px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .flex-container .color-block .image-wrapper .image__item-3 {
        max-width: 90px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .about-section .about-container .flex-container .color-block .image-wrapper .image__item-3 {
        max-width: 60px
    }
}

.bellissimo .about-section .about-container .flex-container .flex-typo_tech {
    width: 695px;
    max-width: 100%
}

@media screen and (max-width: 1200px) {
    .bellissimo .about-section .about-container .flex-container .flex-typo_tech {
        margin: 0 auto 20px;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .flex-container .flex-typo_tech {
        max-width: 400px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .about-section .about-container .flex-container .flex-typo_tech {
        max-width: 100%
    }
}

.bellissimo .about-section .about-container .flex-container .typography-block {
    margin: 0 0 25px
}

.bellissimo .about-section .about-container .flex-container .typography-block h3 {
    margin: 0 0 50px
}

@media screen and (max-width: 991px) {
    .bellissimo .about-section .about-container .flex-container .typography-block h3 {
        margin: 0 0 30px
    }
}

@media screen and (max-width: 1550px) {
    .bellissimo .about-section .about-container .flex-container .typography-block img {
        max-width: 590px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .flex-container .typography-block img {
        max-width: 100%
    }
}

.bellissimo .about-section .about-container .flex-container .technologies-block h3 {
    margin: 0 0 30px
}

.bellissimo .about-section .about-container .flex-container .technologies-block p {
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (max-width: 480px) {
    .bellissimo .about-section .about-container .flex-container .technologies-block p {
        font-size: 15px
    }
}

.bellissimo .about-section .about-container .flex-container .logotype-block {
    width: 390px;
    text-align: center
}

@media screen and (max-width: 1200px) {
    .bellissimo .about-section .about-container .flex-container .logotype-block {
        margin: 0 auto
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .about-section .about-container .flex-container .logotype-block {
        width: 100%
    }
}

.bellissimo .about-section .about-container .flex-container .logotype-block h3 {
    margin: 0 0 20px
}

@media screen and (max-width: 1550px) {
    .bellissimo .about-section .about-container .flex-container .logotype-block img {
        max-width: 280px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .about-section .about-container .flex-container .logotype-block img {
        max-width: 240px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .about-section .about-container .flex-container .logotype-block img {
        max-width: 180px
    }
}

.bellissimo .blg-section {
    background: url(../images/bellissimo-blog-bottombg.png) no-repeat;
    background-position: 0 150%;
    background-size: 100% auto
}

@media screen and (max-width: 2200px) {
    .bellissimo .blg-section {
        background-position: 0 130%
    }
}

@media screen and (max-width: 2000px) {
    .bellissimo .blg-section {
        background-position: bottom
    }
}

.bellissimo .blg-section:before {
    content: "";
    position: absolute;
    width: 240px;
    height: 1051px;
    left: 0;
    top: 520px;
    margin: auto;
    background: url(../images/bellissimo-blog-l.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: -2
}

@media screen and (max-width: 992px) {
    .bellissimo .blg-section:before {
        width: 140px;
        height: 730px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .blg-section:before {
        display: none
    }
}

.bellissimo .blg-section:after {
    content: "";
    position: absolute;
    width: 399px;
    height: 654px;
    right: 0;
    bottom: 580px;
    margin: auto;
    background: url(../images/bellissimo-blog-r.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: -2
}

@media screen and (max-width: 992px) {
    .bellissimo .blg-section:after {
        width: 299px;
        height: 554px;
        top: 730px;
        background-size: 100% auto
    }
}

.bellissimo .blg-section .blg-container {
    position: relative;
    padding: 20px 0 200px
}

.bellissimo .blg-section .blg-container .sub-title-help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bellissimo .blg-section .blg-container .sub-title-help .sub-title {
    width: 50vw;
    height: 37vw;
    min-height: 710px;
    min-width: 960px;
    position: relative;
    top: -40px;
    z-index: -2;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAALCCAMAAAAmt0oWAAADAFBMVEXs7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O3s7O0AAAAGyPQ8AAABAHRSTlP//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAWmbhgwAAEypJREFUeNrs1kuxZYUSANEzeRaeC7SgBSNoQQnowAKTgmYT/LpvMz1ZtZaHjMjXAE0/f//Na4CgX3749n+vl4Ah6Kfv/v9bvQKGnk/r/HoJGHqedRYwBD3rLGDoedZZwNDzrLOAIehZZwFDz7POAoaeZ50FDEHPOgsYep51FjD0POssYAh61lnA0POss4Ch51lnAUPQs84Chp5nnQUMPc86CxiCnnUWMPQ86yxg6HnWWcAQ9KyzgKHnWWcBQ8+zzgKGoGedBQw9zzoLGHqedRYwBD3rLGDoedZZwNDzrLOAIehZZwFDz7POAoaeZ50FDEHPOgsYep51FjD0POssYAh61lnA0POss4Ch5891FjDU/G2dBQwp/1xnAUPHZ+ssYKj4wjoLGBK+vM4Chvf34ToLGN7dV9ZZwPDWvr7OAob39Z/rLGB4V5/W+S0M0FtnAUN4nQUM4XUWMITXWcAQXmcBQ3idBQzhdRYwhNdZwBBeZwFDeJ0FDOF1FjCE11nAEF5nAUN4nQUM4XUWMITXWcAQXmcBQ3idBQzhdRYwhNdZwBBeZwFzXnmdBcxt8XUWMJfl11nAnLVhnQXMTUvWWcBctGadBcw5m9ZZwNyybJ0FzCXr1lnAnLFxnQXMDUvXWcBcsHadBcx6m9dZwOy2fJ0FzGbr11nArHVhnQXMTkfWWcBsdGadBcw6l9ZZwOxybJ0FzCbn1lnArHFxnQXMDkfXWcBscHadBUze5XUWMG3H11nAlJ1fZwGTZZ0FTJV1FjBZ1lnAVFlnAVNlnQVMlnUWMFXWWcBUWWcBk2WdBUyVdRYwVdZZwGRZZwFTZZ0FTJV1FjBZ1lnAVFlnAVNlnQVMlnUWMFXWWcBUWWcBk2WdBUyVdRYwVdZZwGRZZwFTZZ0FTJV1FjBZ1lnAVFlnAVNlnQVMlnUWMFXWWcBUWWcBk2WdBUyVdRYwVdZZwGRZ55eAibLOnwiYIuv8BwHTY53/JGBirPPfCZgS6/wvAqbDOn9GwERY5y8RMAXW+QMC5v1Z5w8JmDdnnb9GwLwz6/wWBqxz14B17hqwzl0D1rlrwDp3DVjnrgHr3DVgnbsGrHPXgHXuGrDOXQPWuWvAOncNWOeuAevcNWCduwasc9eAde4asM5dA9a5azjOOqcNp1nnuOEu69w3HGWdVxhO+tE67zDcY533GI6xzqsMp1jnZYY7rPM+wxHWeaXhBOu81LCfdd5rWM46rzasZp2XG/ayzvsNS1nnE4aVrPMRwz7W+Y5hGet8yrCKdT5m2MM63zMsYZ1PGlawzkcNfdb5riHOOp82pFnn44Yu68wQZZ0RcJZ1RsBV1hkBV1lnBJxlnRFwlXVGwFXWGQFnWWcEXGWdEXCVdUbAWdYZAVdZZwRcZZ0RcJZ1RsBV1hkBV1lnBJxlnRFwlXVGwFXWGQFnWWcEXGWdEXCVdUbAWdYZAVdZZwRcZZ0RcJZ1RsBV1hkBV1lnBJxlnRFwlXVGwFXWGQFnWWcEXGWdEXCVdUbAWdYZAVdZZwRcZZ0RcJZ1RsBV1pnXS8BN1pnfCbjIOvMHAedYZ/4i4BbrzD8IuMQ68y8CzrDOfE7ADdaZLxJwgXXmAwJ+e9aZjwn4vVlnvkrA78w68xYG60zXYJ3pGqwzXYN1pmuwznQN1pmuwTrTNVhnugbrTNdgnekarDNdg3Wma7DOdA3Wma7BOtM1WGe6ButM12Cd6RqsM11znnUmbI6zzqTNZdaZujnLOrPAHGWdWWEuss5sMedYZxaZY6wzq8wl1plt5gzrzEJzhHVmpbnAOrPVrGedWWyWs86sNptZZ7abtawzB8xS1pkTZiPrzBWzjnXmkFnGOnPKbGKduWbWsM4cNEtYZ06aDawzV02edeawibPOnDZl1pnrJss6QzZg6wzVgK0zVAO2zpAN2DpDNWDrDNWArTNkA7bOUA3YOkM1YOsM2YCtM1QDts5QDdg6QzZg6wzVgK0zVAO2zpAN2DpDNWDrDNWArTNkA7bOUA3YOkM1YOsM2YCtM1QDts6/snfnL1aWYRjH7xba9z0rWyyssAVbUKSpyJAGaUIyqqGaaJFKKaW9lLJ9s8X2zULbCy2aCltokCYkQxqqCVFqqJFGGpmaOp1O55y7B9F0Zs4ZZ/zpvZ7n+/kfvnC98PDegGrATGdANmCmM6AaMNMZUA2Y6QzIBsx0BlQDZjoDqgEznQHZgJnOgGrATGdANWCmMyAbMNMZUA2Y6QyoBsx0BmQDZjoDqgEznQHVgJnOQKAZMNMZWEMwYKYzsI5awExnYANaATOdgR6EAmY6A72pBMx0BirQCJjpDFQkEDDTGagm6wEznYF+ZDtgpjPQrwwHzHQGsoHpDAhjOgPCmM6AMKYzIIzpDAhjOgPCmM6AMKYzIIzpDAhjOgPCmM6AMKYzIIzpDAhjOgPCmM6AMKYzIIzpDAhjOgPCmM6AMKYzIKzl+v0NgCj30qcNOxsARe5B7vXxfAYDgnytVbNHGQAxvt6yGcMMgBLvofmq3Q2ADO+l8O7EbQ2ABu+r64VTNjcAAryitntHGIDM82qWThtiALLNqysuvGgHA5Bh3q/cK7VbGoCs8o3pePQEA5BNPgCt0w82ABnkA1JeNGk3A5A1PlD5+RO2NgCZ4oOw+tmazQxAdvjgtN11hAHICh+0JVP3MQCZ4Jug+GE9LzyA/mU34KB77rgtDEBVmQ44WDlrpAGoIusBB9/fPNQAVCIQsHu56bJdDEAfEgEH+bfreOEB9KYScND51BheeAA9CAUcrJg53AD8TyvgYPEUziwB68gF7P5v4/n80hJYQzDgoPulsbzwAMw0Aw7aHzzGAIgGHLTccIABEA3YvfTZxRwtBVQDDnJvnMnRUkA14OC3x0cbANGAg+W3HWoARAMOmifvYQBEA3YvvHcOLzwA1YCDrhdP5WgpoBpw8PN9RxkA0YCDb67laCkgG7B76eOGHQ2AZsBB7tVaXngAqgEHHY+daABEAw5+mH6IARAN2L38xRUcLQVUAw7+WXA2v7QEVAMOup6r4YUHoBpw0Hb3kQZANODg66n7GgDRgN2LH13A0VJANeDgz3ln8EtLQDXg4NeHjzMAogEHrbccaABEA3YvN12+qwHQDDjIv3MWLzwA1YCDzqdP4mgpoBpw8OMdhxsA0YCDr67maCkgG7B7sbF+OwOgGXDQ/fLpvPAAVAMO2h861gCIBhx8e+NQAyAasHvp80s4WgqoBhz8/WYdv7QEVAMOOp8YzQsPQDXgYPnthxkAl/Xl5D0NSJwLK7x/LkdLkTbX9vuc0/ilJRLm8n65n6OlSJbHoOW6/QxIkceh9EnDTgYkx6ORe208LzyQGo/JqtmjDEiJR2bZjGEGJMOjU26+kqOlSIXHqLBg4jYGJMAj1fX8ybzwQPw8Xm33jDAgbh61pdOGGBAxj1xx4YUcLUW8PH5/zavll5aIlCeh45HjDYiQp6L11oMMiI2no7xoEi88EBlPSn7+BI6WIiaemtXP1PBLS0TDE/TTnRwtRSQ8TUuu2dsAfZ6q4gf12xsgzhPWPXccLzygzdO2ctZIA3R58r67iaOlkOXwUtOlHC2FJocH+bfqtjJAjmOtzifH8MIDahzrrZg53AAljh4WT9nLABmOXgqN53G0FCocff0xZyy/tIQER0XtDxxt/7V39/9VkGUcxy8wEbUwVCEgUCWUUFSC0KmgEqhOZRKB5CTACCUWMdUgYhnzCSIWMZ8gYqHzCUIXMpUgdCpIBKqTAGNKk6ZOOXH00Ol4OOdcaRq+BtvY+Om+7vvz/h8+v12v6ws4T9GQysmdBXCbomHp1WO48IDTFI2KP3oFo6Vwl+JA3i/OEsBNiibYdgujpXCSomnWTjhGANcomiq5bDgXHnCMohmiCy/kwgMuUTTPWzN6CuAKRbO9ciOjpXCE4iCkVo5itBSNI2CnxR/M5sIDjSBg19XO7StAAwjYgK0FJwlQHwI2IfPC9YyWoh4EbEWibCijpdgXARuyaz6jpaiLgG2pvr2HAHsRsDkb8zsI8CkCNij19DVceOB/CNimWOkljJZChIDNeqeotwAEbNfmqYyWgoANy1SMaysAAZuVWHolFx4gYMMi953HhQcI2LA3C7sLQMB2rZ/IaCkI2LA95Vfz0hIEbFhs0SAuPEDAhtXMPlMAArbrtclceICADUs/cy2jpSBgw+KLB/PSEgRs2M67srjwAAEbVjW9mwAEbNeLeccJQMBmJZ+4igsPELBh0ZIBjJaCgA3bMZPRUhCwZa/e1EkAAjYrvWp0GwEI2Kz4w5dx4QECNqy2+CwBCNiu1wu6CkDAZmXWjGe0FARs2Edlw1oLQMBmRRecz4UHCNiw6jtPFYCA7Xopv6MABGxWasVIRktBwIbtLr2Ul5YgYMPendNHAAK2a8u0EwQgYLMyz43jwgMEbFjisSGMloKADYvM68dLSxCwYdtvZbQUBGzZhkntBYFTGJZ6MvdIQcgUtsXuv4gLj4ApzKsp6iUIlMIHm6YwWhomhR/Sz45ltDRACm8kluS0EoRF4ZPIPedw4REUhWeqCk8WBEPhn3V57QRhUPgouXwEo6VBUHjqg5KBvLT0n8JfNbNOF/hN4bXKn3xV4DGF59J/Hs2Fh78U/os/cjmjpZ5SBOG94rMFHlKEYtstjJb6RxGQtROOEXhFEZTkH4dx4eETRWiiv7uACw9vKAJUPeM0gRcUYXr5BkZLfaAIVWrlKEZLzVMELP5g9hcElinCVvubbwrsUgRvS8GJAqMU0Mzz1zFaapMCn0g8PpTRUoMU+Myu+f15aWmNAp+rvv3rAksUqGND/lcEZiiwj9RTuVx4WKHA/mIPXMxoqQkK1Ovtot4C5ynQkM1TGS11nQINy1T84MsChynQqMQfcrjwcJcCBxK591wuPBylQBO8UXiKwEEKNM36iYyWukeBptpTfjUvLR2jQDPEfj+QCw+XKNA8Nb86Q+AKBZqtcnJngRMUOAjp1WMYLW0cAcNp8cWDGS1tBAHDdTvvyhI0gIBhQNUvviaoDwHDhrV5xwr2Q8CwIrlsOBce+yJgGBJdOIDR0joIGLbsmNlTsBcBw5xXb2K09P8IGAalV47+kuBjBAyb4g9lc+EhQsAwq3ZuXwEBw66tBV0FBAyzMmvGM1pKwDDso7Lv8NKSgGFY9Lf9ufAgYBhWfUcPAQHDro35HQQEDLNSK0YyWkrAMGx36aW8tCRgGPburxktJWBYtuVnxwsIGGZlKsa1FRAwzEosHcKFBwHDsMi8foyWEjAM235rdwEBw66//pjRUgKGYany3CMEBAyzYosGceFBwDCsZnYvAQHDrk1TuggIGGaln/0+o6UEDMP+sziHl5YEDMMid2dx4UHAMKxqejcBAcOudXlceBAwDEsuH8FoKQHDsA9KvsVLSwKGYf/8JaOlBAzLKm/uJCBgmJVeNbqNgIBhVvyRy7nwIGAY9l7x2QIChl1//zmjpQQMwzJrf8hoKQHDsGTZsNYCAoZZ0QUXcOFBwDCsesZpAgXMevmGjhI4BQxL/el7YY+WKmDbv0uzA35pqYB5tXP6SKAU8MGWaSdKiBTwQ+b56wK88FDAG4nHvx3aaKkCPvnXvP5BvbRUwDP/uC2g0VIF/LNhUnsJgwI+Sj2VG8SFhwKeij1wsf8XHgr46+2ib4jfFPDa337q9WipAp5LV4z1d7RUAf8lluS0Ei8pEITIvef6eOGhQCjeKDxFfKNAQP7yI89GSxUISrL8uz6NlioQmg9LBnrz0lKBANXMOkO8oECYKid3FvsUCFV69RjzFx4KBCz+6BW2R0sVCNv7xVlilwLB23aL2dFSBaC6dsKxYpEC+ERy2XCDFx4K4DPRhRdau/BQAJ97a0ZPsUQB1PHKjYZGSxXAPlIrR1l5aakA9hd/KNvEhYcCqFft3L7iPAXQkK0FJ4nbFEDDMi9c7/RoqQJoVKJsqLujpQrgQHbN7+/ohYcCaILqO3qIgxRA02zM7yCuUQBNlXr6GscuPBRAM8RKL3FptFQBNM87Rb3FFQqg2TZPPV6coAAOQqZiXFtpDAEDTkssvfIwaRABA66L3HdeC6kfAQMGvFnYXepDwIAN6ye2k/0QMGDFnvLcI6QuAgYMiS0aVOfCg4ABW2pmnyl7ETBgzmuTu8inCBgwKP3MtUfJxwgYsCm+ePChBAzYtfPurBYEDNhVNb0bAQOGvZh3HAEDdiWfuOpwAgbsipYMaEnAgF07ZvYkYMCwyps7ETBgV3rV6DYEDNgVf/iyQwkYsKu2+CwCBgx7vaArAQN2ZdaMP5qAAbuSZcNaEzBgV3TB+S0JGLCr+s5TCRgw7KX8jgQM2JVaMfKLBAzYtbs0+xACBuyqndOHgAHDtkw7gYABuzLPjTuagAG7Eo8NOYyAAbsi8/q1IGDAru23dSdgwLANk9oTMGBX6sncIwkYsCt2/0WHEDBgV01RLwIGDNs0pQsBA3alK8YeRcCAXYklOa0IGLArcs85LQgYsKuq8GQCBgxbl9eOgAG7kstHHE7AgF0flgxsScCAXTWzTv8v8NniIkGe2rgAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 2200px) {
    .bellissimo .blg-section .blg-container .sub-title-help .sub-title {
        top: -120px
    }
}

@media screen and (max-width: 1800px) {
    .bellissimo .blg-section .blg-container .sub-title-help .sub-title {
        top: 0
    }
}

@media screen and (max-width: 1550px) {
    .bellissimo .blg-section .blg-container .sub-title-help .sub-title {
        min-height: 590px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .blg-section .blg-container .sub-title-help .sub-title {
        min-height: 600px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .blg-section .blg-container .sub-title-help .sub-title {
        min-height: 460px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .blg-section .blg-container .sub-title-help .sub-title {
        min-height: 320px;
        min-width: 490px
    }
}

.bellissimo .blg-section .blg-container .sub-title-help .sub-title h3 {
    margin: 20px 0 0;
    padding: 0 175px 0 60px;
    position: relative;
    display: inline-block;
    width: 350px;
    text-align: right
}

@media screen and (max-width: 767px) {
    .bellissimo .blg-section .blg-container .sub-title-help .sub-title h3 {
        width: 140px;
        padding: 0 35px 0 40px;
        margin: -25px 0 0
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .blg-section .blg-container .sub-title-help .sub-title h3 {
        margin: -75px 0 0
    }
}

.bellissimo .blg-section .blg-container .sub-title-help .sub-title h3:before {
    content: "";
    width: 55px;
    height: 2px;
    background: #1e1b28;
    position: absolute;
    top: calc(50% - 1px);
    left: 0
}

@media screen and (max-width: 767px) {
    .bellissimo .blg-section .blg-container .sub-title-help .sub-title h3:before {
        width: 35px
    }
}

.bellissimo .blg-section .blg-container h2 {
    margin-top: -360px;
    position: relative
}

@media screen and (max-width: 1920px) {
    .bellissimo .blg-section .blg-container h2 {
        margin-top: -360px
    }
}

@media screen and (max-width: 1845px) {
    .bellissimo .blg-section .blg-container h2 {
        margin-top: -240px
    }
}

@media screen and (max-width: 1550px) {
    .bellissimo .blg-section .blg-container h2 {
        margin-top: -170px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .blg-section .blg-container h2 {
        margin-top: -110px
    }
}

.bellissimo .blg-section .blg-container h2:before {
    content: "";
    position: absolute;
    width: 200vw;
    height: 620px;
    top: -130px;
    left: -50%;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    background: #1e1b28;
    z-index: -1
}

@media screen and (max-width: 1920px) {
    .bellissimo .blg-section .blg-container h2:before {
        height: 520px;
        top: -100px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .blg-section .blg-container h2:before {
        height: 370px;
        top: -50px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .blg-section .blg-container h2:before {
        height: 260px
    }
}

.bellissimo .blg-section .blg-container .image-wrapper {
    padding: 35px 0 0;
    text-align: center
}

@media screen and (max-width: 767px) {
    .bellissimo .blg-section .blg-container .image-wrapper {
        padding: 15px 0 0
    }
}

.bellissimo .blg-section .blg-container .image-wrapper .image__item-1 {
    -webkit-transform: translate(45px);
    transform: translate(45px)
}

@media screen and (max-width: 1550px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-1 {
        max-width: 520px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-1 {
        max-width: 480px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-1 {
        max-width: 370px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-1 {
        max-width: 240px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-1 {
        max-width: 260px;
        -webkit-transform: translate(0);
        transform: translate(0);
        margin-bottom: 25px
    }
}

.bellissimo .blg-section .blg-container .image-wrapper .image__item-2 {
    -webkit-transform: translate(-45px);
    transform: translate(-45px);
    margin-bottom: -100px
}

@media screen and (max-width: 1550px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-2 {
        max-width: 520px
    }
}

@media screen and (max-width: 1200px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-2 {
        max-width: 480px
    }
}

@media screen and (max-width: 991px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-2 {
        max-width: 370px
    }
}

@media screen and (max-width: 767px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-2 {
        max-width: 235px
    }
}

@media screen and (max-width: 480px) {
    .bellissimo .blg-section .blg-container .image-wrapper .image__item-2 {
        max-width: 260px;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.breadcrumbs {
    color: #999;
    font-size: 16px
}

@media screen and (max-width: 1366px) {
    .breadcrumbs {
        font-size: 14px
    }
}

.breadcrumbs a {
    color: #13274c;
    text-decoration: none;
    padding: 0 10px
}

@media screen and (max-width: 1366px) {
    .breadcrumbs a {
        padding: 0 5px
    }
}

.color-palette {
    width: 100%;
    clear: both
}

.color-palette .palette {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.color-palette .color {
    width: 33.333%
}

.color-palette .color .cur {
    width: 95%;
    height: 15px;
    -webkit-box-shadow: 1px 1px 5px 0 #d3d3d3;
    box-shadow: 1px 1px 5px 0 #d3d3d3;
    display: block
}

.color-palette .color .one {
    background-color: #fff
}

.color-palette .color .two {
    background-color: hsla(0, 0%, 97.6%, .9764705882352941)
}

.color-palette .color .three {
    background-color: #383636
}

.color-palette .color-name {
    display: block;
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    color: #8c8a8a;
    padding-top: 10px
}

@media screen and (max-width: 480px) {
    .pagination-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.pagination {
    background-color: #ff323e;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block
}

.pagination.next .fa, .pagination.prev .fa {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    padding: 0 5px
}

.controll-bottom a {
    color: #191424;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    padding: 0 5px
}

.recent-posts {
    max-width: 1260px;
    margin: 0 auto;
    padding-bottom: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 1366px) {
    .recent-posts {
        max-width: 870px
    }
}

@media screen and (max-width: 1024px) {
    .recent-posts {
        max-width: 570px;
        padding-bottom: 100px
    }
}

.recent-posts h2 {
    text-align: center
}

.recent-posts .rec-post {
    text-decoration: none;
    color: #000;
    height: 565px;
    display: block;
    position: relative
}

@media screen and (max-width: 1366px) {
    .recent-posts .rec-post {
        height: 500px
    }
}

@media screen and (max-width: 1024px) {
    .recent-posts .rec-post {
        height: 375px
    }
}

@media screen and (max-width: 568px) {
    .recent-posts .rec-post {
        height: 250px
    }
}

.recent-posts .rec-post-thumbnail {
    background-size: cover;
    height: 300px;
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (max-width: 1366px) {
    .recent-posts .rec-post-thumbnail {
        height: 250px
    }
}

@media screen and (max-width: 1024px) {
    .recent-posts .rec-post-thumbnail {
        height: 150px
    }
}

.recent-posts .rec-post-thumbnail img {
    min-height: 100%;
    min-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.recent-posts .rp-cat {
    padding-top: 10px;
    color: #55b3f3;
    font-size: 16px
}

@media screen and (max-width: 1366px) {
    .recent-posts .rp-cat {
        font-size: 14px
    }
}

@media screen and (max-width: 1024px) {
    .recent-posts .rp-cat {
        font-size: 12px;
        height: 24px;
        overflow: hidden
    }
}

.recent-posts h4 {
    font-size: 30px;
    color: #000;
    height: 60px;
    overflow: hidden
}

@media screen and (max-width: 1366px) {
    .recent-posts h4 {
        font-size: 24px;
        height: 48px
    }
}

@media screen and (max-width: 1024px) {
    .recent-posts h4 {
        font-size: 20px;
        height: 40px;
        margin: 10px 0 0
    }
}

.recent-posts p {
    font-size: 18px;
    color: #999;
    line-height: 24px;
    padding: 0;
    height: 92px;
    overflow: hidden
}

@media screen and (max-width: 1366px) {
    .recent-posts p {
        font-size: 14px
    }
}

@media screen and (max-width: 1024px) {
    .recent-posts p {
        margin-top: 10px
    }
}

.rec-post-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 14px
}

.rec-post-bottom .rp-author {
    float: left;
    color: #55b3f3;
    display: inline-block;
    width: 49%
}

.rec-post-bottom .rp-date {
    float: right;
    color: #999;
    display: inline-block;
    width: 49%;
    text-align: right
}

.owl-next, .owl-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 40%;
    display: block !important;
    border: 2px solid #d3d3d3;
    border-radius: 50%
}

.owl-next:hover, .owl-prev:hover {
    border: 2px solid #ff323e
}

.owl-next:hover i, .owl-prev:hover i {
    color: #ff323e
}

.owl-prev {
    margin-left: -45px
}

.owl-next {
    right: -45px
}

.owl-next i, .owl-prev i {
    color: #d3d3d3;
    line-height: 29px;
    padding: 0 8px
}

.owl-prev i {
    padding: 0 7px
}

.owl-next i {
    padding: 0 5px 0 9px
}

.f5-link {
    padding: 2px 8px 4px !important;
    font-size: 20px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    margin-top: 2px;
    display: inline-block;
    text-decoration: none
}

.f5-link i {
    color: #ff323e;
    font-size: 20px
}

.f5-social {
    margin: 0 0 25px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    float: right
}

@media screen and (max-width: 480px) {
    .f5-social {
        margin: 10px 0 25px
    }
}

.f5-social span {
    font-size: 16px
}

.portfolio-wrapper.winery {
    padding-top: 70px;
    font-family: Open Sans, sans-serif;
    color: #000
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery {
        padding-top: 40px
    }
}

.portfolio-wrapper.winery .content {
    padding-bottom: 0
}

.portfolio-wrapper.winery .banner-top-img {
    text-align: center;
    margin-top: -300px;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.winery .banner-top-img {
        width: 80%;
        padding-bottom: 19%;
        margin: -300px auto
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .banner-top-img {
        margin-top: -100px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .banner-top-img {
        max-width: 100%;
        width: 100%;
        padding-bottom: 5%
    }
}

.portfolio-wrapper.winery .banner {
    background-image: url(../images/portfolio-winery-banner.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100vh;
    max-height: 864px;
    position: relative
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.winery .banner {
        min-height: 620px;
        background-size: 100vw
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.winery .banner {
        max-height: 520px;
        background-size: cover
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .banner {
        max-height: 480px;
        background-size: cover
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .banner {
        max-height: 380px;
        min-height: auto
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .banner {
        max-height: 300px
    }
}

.portfolio-wrapper.winery .banner img {
    margin: 0 auto;
    padding-top: 200px;
    max-width: 571px;
    display: block
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.winery .banner img {
        max-width: 400px;
        padding-top: 200px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .banner img {
        max-width: 320px;
        padding-top: 100px
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .banner img {
        max-width: 280px;
        padding-top: 50px
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.winery .banner img {
        max-width: 220px;
        padding-top: 50px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .banner img {
        max-width: 150px
    }
}

.portfolio-wrapper.winery .portfolio-small-container {
    width: 100%;
    max-width: 1291px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.winery .portfolio-small-container {
        max-width: 1020px
    }
}

.portfolio-wrapper.winery .style-guide-winery__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.winery .style-guide-winery__flex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.portfolio-wrapper.winery .style-guide-winery-color, .portfolio-wrapper.winery .style-guide-winery-other, .portfolio-wrapper.winery .style-guide-winery-typography {
    width: 33.33%;
    max-width: 420px
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .style-guide-winery-color, .portfolio-wrapper.winery .style-guide-winery-other, .portfolio-wrapper.winery .style-guide-winery-typography {
        max-width: 250px
    }
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.winery .style-guide-winery-color, .portfolio-wrapper.winery .style-guide-winery-other, .portfolio-wrapper.winery .style-guide-winery-typography {
        width: 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .style-guide-winery-color, .portfolio-wrapper.winery .style-guide-winery-other {
        width: 25%;
        max-width: 200px
    }
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.winery .style-guide-winery-color, .portfolio-wrapper.winery .style-guide-winery-other {
        width: 50%;
        max-width: 50%
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .style-guide-winery-color, .portfolio-wrapper.winery .style-guide-winery-other {
        width: 100%;
        max-width: 100%
    }
}

.portfolio-wrapper.winery .style-guide-winery {
    padding-top: 50px
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.winery .style-guide-winery {
        padding-top: 90px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .style-guide-winery {
        padding-top: 140px
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .style-guide-winery {
        padding-top: 170px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .style-guide-winery {
        padding-top: 283px
    }
}

.portfolio-wrapper.winery .style-guide-winery-other__img {
    position: relative;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.winery .style-guide-winery-other__img {
        max-width: 80%
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .style-guide-winery-other__img {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .style-guide-winery-other__img {
        margin: 0 auto
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .style-guide-winery-other__img {
        max-width: 50%;
        max-width: 70%;
        padding-bottom: 35px;
        padding-top: 30px
    }
}

.portfolio-wrapper.winery .style-guide-winery-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.winery .style-guide-winery-color {
        width: 50%;
        max-width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.portfolio-wrapper.winery .style-guide-winery-color__title, .portfolio-wrapper.winery .style-guide-winery-typography__title, .portfolio-wrapper.winery .style-guide__title {
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 70px;
    font-size: 58px
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.winery .style-guide-winery-color__title, .portfolio-wrapper.winery .style-guide-winery-typography__title, .portfolio-wrapper.winery .style-guide__title {
        font-size: calc(2.21519vw + 15.91139px)
    }
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.winery .style-guide-winery-color__title, .portfolio-wrapper.winery .style-guide-winery-typography__title, .portfolio-wrapper.winery .style-guide__title {
        text-align: center
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .style-guide-winery-color__title, .portfolio-wrapper.winery .style-guide-winery-typography__title, .portfolio-wrapper.winery .style-guide__title {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.winery .style-guide-winery-color__img, .portfolio-wrapper.winery .style-guide-winery-typography__img {
        max-width: 80%
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .style-guide-winery-color__img {
        display: none
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .style-guide-winery-typography__img {
        max-width: 100%
    }
}

.portfolio-wrapper.winery .style-guide-winery-color__img--mobile {
    display: none
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .style-guide-winery-color__img--mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .portfolio-wrapper.winery .style-guide-winery-color__img--mobile img {
        margin-right: 30px;
        max-width: 50%
    }

    .portfolio-wrapper.winery .style-guide-winery-color__img--mobile img:last-of-type {
        margin-right: 0
    }
}

.portfolio-wrapper.winery .style-guide-winery-typography__title, .portfolio-wrapper.winery .style-guide__title {
    margin-bottom: 30px
}

.portfolio-wrapper.winery .style-guide-winery-typography__title {
    margin-bottom: 25px
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .style-guide-winery-typography {
        width: 50%;
        max-width: 700px
    }
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.winery .style-guide-winery-typography {
        width: 100%;
        max-width: 100%;
        padding-top: 30px
    }
}

.portfolio-wrapper.winery .style-guide-winery-typography .item-wrap {
    margin-bottom: 65px
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.winery .style-guide-winery-typography .item-wrap {
        margin-bottom: 30px
    }
}

.portfolio-wrapper.winery .style-guide-winery-typography .item-wrap:last-of-type {
    margin-bottom: 0
}

.portfolio-wrapper.winery .style-guide__technology {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .style-guide__technology {
        font-size: 18px
    }
}

.portfolio-wrapper.winery .mokup-text {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px
}

.portfolio-wrapper.winery .mokup-text .title-section {
    color: #2c313a;
    text-align: center;
    font-size: 48px;
    margin-top: 0
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.winery .mokup-text .title-section {
        font-size: calc(1.58228vw + 17.93671px)
    }
}

.portfolio-wrapper.winery .mokup-text .description-section {
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 18px;
    line-height: 30px;
    text-align: center
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .mokup-text .description-section {
        font-size: 14px;
        line-height: 22px
    }
}

.portfolio-wrapper.winery .mokup {
    padding-top: 90px;
    background-repeat: no-repeat;
    background-size: 100vw;
    background-position: 50%;
    background-image: url(../images/winerry-mockup-bg_new.png)
}

.portfolio-wrapper.winery .mokup .mokup-text {
    max-width: 810px;
    width: 100%;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .mokup {
        padding-top: 35px
    }
}

.portfolio-wrapper.winery .container-mok {
    width: 100%;
    max-width: 1290px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.winery .container-mok {
        max-width: 1020px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .container-mok {
        max-width: 760px
    }
}

.portfolio-wrapper.winery .mockup-1 {
    padding: 90px 0;
    position: relative
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .mockup-1 {
        padding: 35px 0
    }
}

.portfolio-wrapper.winery .mok-wineglass {
    position: absolute;
    top: auto;
    right: auto;
    left: 10%;
    bottom: 1%
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.winery .mok-wineglass {
        left: 3%
    }
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.winery .mok-wineglass {
        max-width: 15%;
        left: 7%;
        bottom: 7%
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .mok-wineglass {
        display: none
    }
}

.portfolio-wrapper.winery .mok-wine {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 1%
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.winery .mok-wine {
        max-width: 20%;
        bottom: 10%
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .mok-wine {
        display: none
    }
}

.portfolio-wrapper.winery .mockup-2-winery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -80px;
    margin-left: -80px
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .mockup-2-winery {
        margin-right: -30px;
        margin-left: -30px
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .mockup-2-winery {
        margin-right: -20px;
        margin-left: -20px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .mockup-2-winery {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: -15px;
        margin-left: -15px
    }
}

.portfolio-wrapper.winery .mockup-2-winery__item {
    width: 33.33%;
    max-width: 420px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 80px;
    padding-left: 80px
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .mockup-2-winery__item {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.winery .mockup-2-winery__item {
        width: 100%;
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .mockup-2-winery__item {
        width: 100%;
        max-width: 230px;
        padding-right: 15px;
        padding-left: 15px
    }
}

.portfolio-wrapper.winery .mockup-2 {
    padding-top: 5%
}

.portfolio-wrapper.winery .mockup-3_1 {
    text-align: center;
    padding-top: 9.5%
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.winery .mockup-3_1 {
        width: 80%;
        margin: 0 auto
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .mockup-3_1 {
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.winery .mockup-2-container {
        max-width: 760px
    }
}

.portfolio-wrapper.winery .mockup-3_2 {
    text-align: center;
    padding-top: 7.5%
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.winery .mockup-3_2 {
        width: 80%;
        margin: 0 auto
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.winery .mockup-3_2 {
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }
}

.rec-post-thumbnail.not_post_thumbnail {
    background-size: 150px !important
}

.recent-posts {
    width: 100%;
    max-width: calc(80% - 60px)
}

@media screen and (max-width: 1024px) {
    .recent-posts {
        max-width: calc(80% - 60px)
    }
}

@media screen and (max-width: 576px) {
    .recent-posts {
        max-width: calc(100% - 120px)
    }
}

@media screen and (max-width: 375px) {
    .recent-posts {
        max-width: calc(100% - 90px)
    }
}

@media screen and (max-width: 576px) {
    .recent-posts .owl-carousel .owl-prev {
        left: -40px
    }
}

@media screen and (max-width: 576px) {
    .recent-posts .owl-carousel .owl-next {
        right: -40px
    }
}

@media screen and (max-width: 990px) {
    .recent-posts .rec-post-thumbnail {
        height: 250px
    }
}

@media screen and (max-width: 768px) {
    .recent-posts .rec-post-thumbnail {
        height: 200px
    }
}

@media screen and (max-width: 375px) {
    .recent-posts .rec-post-thumbnail {
        height: 180px
    }
}

@media screen and (max-width: 768px) {
    .owl-carousel.owl-loaded {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .owl-carousel.owl-loaded {
        max-height: 240px
    }
}

.recent-posts p {
    height: auto
}

@media screen and (max-width: 375px) {
    .recent-posts p {
        padding-right: 5px !important;
        padding-left: 5px !important
    }
}

@media screen and (max-width: 1024px) {
    .recent-posts h2 {
        font-size: 26px;
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width: 375px) {
    .recent-posts h4 {
        height: auto;
        padding-right: 5px;
        padding-left: 5px
    }
}

.controll-bottom .container-fuild {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 990px) {
    .controll-bottom .container-fuild {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.controll-bottom .share-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.controll-bottom .share-wrapper .f5-social {
    margin: 0
}

@media screen and (max-width: 990px) {
    .controll-bottom .share-wrapper {
        margin-left: 0;
        margin-top: 15px
    }
}

.portfolio-wrapper.wedding {
    padding-top: 70px;
    font-family: Open Sans, sans-serif;
    color: #000
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding {
        padding-top: 20px
    }
}

.portfolio-wrapper.wedding .content {
    padding-bottom: 0
}

.portfolio-wrapper.wedding .banner-top-img {
    text-align: center;
    margin-top: -300px;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.wedding .banner-top-img {
        width: 80%;
        padding-bottom: 19%;
        margin: -300px auto
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.wedding .banner-top-img {
        margin-top: -100px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .banner-top-img {
        max-width: 100%;
        width: 100%;
        padding-bottom: 5%
    }
}

.portfolio-wrapper.wedding .banner {
    background-image: url(../images/wedding-banner.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100vh;
    min-height: 1261px;
    position: relative
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .banner {
        min-height: 860px
    }
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .banner {
        min-height: inherit;
        max-height: 720px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .banner {
        max-height: 300px
    }
}

.portfolio-wrapper.wedding .banner img {
    margin: 0 auto;
    padding-top: 100px;
    max-width: 263px;
    display: block
}

@media screen and (max-width: 1680px) {
    .portfolio-wrapper.wedding .banner img {
        max-width: 220px
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .banner img {
        max-width: 150px;
        padding-top: 50px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .banner img {
        max-width: 100px;
        padding-top: 20px
    }
}

.portfolio-wrapper.wedding .container-all-fluid {
    width: 100%;
    max-width: 1656px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .container-all-fluid {
        max-width: 1280px
    }
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.wedding .container-all-fluid {
        max-width: 1140px
    }
}

.portfolio-wrapper.wedding .wedding-about-project {
    padding: 2% 15px;
    text-align: center;
    width: 100%;
    max-width: 612px;
    margin: 0 auto
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-about-project {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

.portfolio-wrapper.wedding .wedding-about-project__title {
    color: #252d38;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: calc(.62893vw + 17.98742px);
    position: relative;
    margin: 0 auto;
    padding-bottom: 22px;
    text-align: center
}

.portfolio-wrapper.wedding .wedding-about-project__title:after {
    position: absolute;
    display: block;
    content: "";
    height: 2px;
    width: 42px;
    background: #e8294b;
    top: 100%;
    bottom: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.portfolio-wrapper.wedding .wedding-about-project__desc {
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    padding-top: 6px;
    color: #000
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-about-project__desc {
        font-size: 14px;
        line-height: 22px
    }
}

.portfolio-wrapper.wedding .wedding-section-title {
    color: #b90918;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: 700
}

.portfolio-wrapper.wedding .wedding-section-title .wedding-section-title__number {
    font-size: 18px;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.portfolio-wrapper.wedding .wedding-section-title__sub {
    font-size: 18px;
    text-transform: uppercase
}

.portfolio-wrapper.wedding .wedding-mokup-1 {
    padding: 9% 0 5%
}

.portfolio-wrapper.wedding .wedding-mokup-1 .wedding-section-title {
    padding-bottom: 138px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .wedding-mokup-1 .wedding-section-title {
        padding-bottom: 70px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-mokup-1 .wedding-section-title {
        padding-bottom: 30px
    }
}

.portfolio-wrapper.wedding .wedding-mokup-1 .wedding-mokup-1-img-wrap {
    text-align: center;
    padding: 5% 0 0
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .wedding-mokup-1 .wedding-mokup-1-img-wrap img {
        max-width: 980px;
        width: 80%
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-mokup-1 .wedding-mokup-1-img-wrap img {
        max-width: 100%;
        width: 100%
    }
}

.portfolio-wrapper.wedding .wedding-mokup-1 .wedding-mokup-1-img-wrap .wedding-section-title {
    padding-top: 56px;
    padding-bottom: 67px
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-mokup-1 .wedding-mokup-1-img-wrap .wedding-section-title {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.portfolio-wrapper.wedding .wedding-logotypes {
    position: relative;
    padding: 85px 0 150px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .wedding-logotypes {
        padding: 70px 0
    }
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .wedding-logotypes .wedding-logotypes-logo {
        margin: 0 auto
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-logotypes {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.wedding .wedding-logotypes .wedding-logotypes-logo {
        max-width: 150px;
        width: 100%
    }
}

.portfolio-wrapper.wedding .wedding-logotypes:after, .portfolio-wrapper.wedding .wedding-logotypes:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ffe6cc;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.portfolio-wrapper.wedding .wedding-logotypes:before {
    -webkit-transform: skew(0, -8deg);
    transform: skew(0, -8deg)
}

.portfolio-wrapper.wedding .wedding-logotypes:after {
    z-index: 3;
    background: #ffeedc;
    -webkit-transform: skew(0, 8deg);
    transform: skew(0, 8deg)
}

.portfolio-wrapper.wedding .wedding-logotypes .logotypes-container {
    width: 100%;
    max-width: 303px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 10
}

.portfolio-wrapper.wedding .wedding-logotypes .logotypes-container .wedding-logotypes-logo {
    padding-top: 90px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .wedding-logotypes .logotypes-container .wedding-logotypes-logo {
        padding-top: 45px;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-logotypes .logotypes-container .wedding-logotypes-logo {
        padding-top: 0;
        width: 100%;
        max-width: 120px;
        margin: 0 auto
    }
}

.portfolio-wrapper.wedding .logotypes-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .logotypes-flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.portfolio-wrapper.wedding .wedding-logotypes-logo {
    margin-right: 60px;
    margin-left: 60px;
    padding-bottom: 27px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .wedding-logotypes-logo {
        margin-right: 40px;
        margin-left: 40px;
        max-width: 300px;
        width: 100%
    }
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .wedding-logotypes-logo {
        max-width: 250px;
        padding-bottom: 0
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-logotypes-logo {
        margin: 15px auto;
        max-width: 200px
    }
}

.portfolio-wrapper.wedding .wedding-logotypes-logo--main {
    margin-right: auto;
    margin-left: auto
}

.portfolio-wrapper.wedding .wedding-logotypes-logo-color .color-flex-wrap {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.portfolio-wrapper.wedding .wedding-logotypes-logo-color .color-flex-wrap, .portfolio-wrapper.wedding .wedding-logotypes-logo-color .color-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio-wrapper.wedding .wedding-logotypes-logo-color .color-title {
    text-transform: uppercase;
    color: #d9314f;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 700
}

.portfolio-wrapper.wedding .wedding-logotypes-logo-color .color-pallet {
    width: 51px;
    height: 51px;
    background: #d9314f;
    border-radius: 50%;
    margin-left: 17px
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .wedding-logotypes-logo-color .color-pallet {
        width: 35px;
        height: 35px
    }
}

.portfolio-wrapper.wedding .wedding-logotypes-logo-color--2 .color-pallet {
    background: #b90918;
    margin-left: 0;
    margin-right: 17px
}

.portfolio-wrapper.wedding .wedding-logotypes-logo-color--2 .color-title {
    color: #b90918;
    font-family: BebasNeue, Helvetica, Arial, sans-serif
}

.portfolio-wrapper.wedding .wedding-mokup-2 {
    padding-bottom: 7%
}

.portfolio-wrapper.wedding .wedding-mokup-2 .wedding-section-title {
    padding-bottom: 86px
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-mokup-2 .wedding-section-title {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

.portfolio-wrapper.wedding .wedding-mokup-2-wrapp {
    position: relative
}

.portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer-main {
    width: 100%;
    max-width: 1656px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer-main {
        max-width: 1280px
    }
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer-main {
        max-width: 1140px
    }
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer-main {
        max-width: 980px;
        width: 100%
    }
}

.portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer1, .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer2 {
    position: absolute;
    z-index: -1
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer1, .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer2 {
        max-width: 250px;
        width: 100%
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer1, .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer2 {
        max-width: 180px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer1, .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer2 {
        display: none !important
    }
}

.portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer2 {
    right: 0;
    left: auto;
    bottom: auto;
    top: -100px;
    z-index: 20
}

.portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer1 {
    top: auto;
    right: auto;
    left: 0;
    bottom: -300px;
    z-index: 40
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer1 {
        bottom: -200px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.wedding .wedding-mokup-2-wrapp .layer1 {
        bottom: -150px
    }
}

.portfolio-wrapper.wedding .wedding-mokup-3 {
    padding-bottom: 7%
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-mokup-3 {
        padding-bottom: 9%
    }
}

.portfolio-wrapper.wedding .wedding-mokup-3 .wedding-section-title {
    padding-bottom: 150px
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .wedding-mokup-3 .wedding-section-title {
        padding-bottom: 30px;
        padding-top: 30px
    }
}

.portfolio-wrapper.wedding .wedding-mokup-3 .mokup-3-wrap {
    text-align: center
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .wedding-mokup-3 .mokup-3-wrap img {
        max-width: 980px;
        width: 80%
    }
}

.portfolio-wrapper.wedding .mokup-4 .mokup4-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 30
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-4 .mokup4-flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.portfolio-wrapper.wedding .mokup-4-inner {
    position: relative;
    margin-top: 140px;
    margin-bottom: 140px
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.wedding .mokup-4-inner {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-4-inner {
        margin-top: 90px;
        margin-bottom: 90px
    }
}

.portfolio-wrapper.wedding .mokup-4-inner:after, .portfolio-wrapper.wedding .mokup-4-inner:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ffeedc;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.portfolio-wrapper.wedding .mokup-4-inner:before {
    -webkit-transform: skew(0, -8deg);
    transform: skew(0, -8deg)
}

.portfolio-wrapper.wedding .mokup-4-inner:after {
    z-index: 3;
    background: #ffe6cc;
    -webkit-transform: skew(0, 8deg);
    transform: skew(0, 8deg)
}

.portfolio-wrapper.wedding .mokup-4-inner .mokup-4-inner__item {
    position: relative;
    max-width: 507px;
    width: 33.33%
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-4-inner .mokup-4-inner__item {
        max-width: 70%;
        width: 100%;
        margin: 0 auto
    }
}

.portfolio-wrapper.wedding .mokup-4-inner .mokup-4-inner__item:first-of-type {
    z-index: 35;
    margin-top: -150px
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-4-inner .mokup-4-inner__item:first-of-type {
        margin-top: 0
    }
}

.portfolio-wrapper.wedding .mokup-4-inner .mokup-4-inner__item:nth-of-type(2) {
    z-index: 40
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-4-inner .mokup-4-inner__item:nth-of-type(2) {
        margin-top: 0
    }
}

.portfolio-wrapper.wedding .mokup-4-inner .mokup-4-inner__item:nth-of-type(3) {
    z-index: 50;
    margin-bottom: -140px
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-4-inner .mokup-4-inner__item:nth-of-type(3) {
        margin-bottom: 0
    }
}

.portfolio-wrapper.wedding .mokup-5 .wedding-section-title {
    padding-top: 0;
    padding-bottom: 0
}

.portfolio-wrapper.wedding .mokup-5-inner {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 1656px;
    margin: 0 auto;
    padding: 5% 15px 9%
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .mokup-5-inner {
        max-width: 980px;
        width: 80%
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-5-inner {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}

.portfolio-wrapper.wedding .mokup-5-inner .layer1, .portfolio-wrapper.wedding .mokup-5-inner .layer2 {
    position: absolute
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.wedding .mokup-5-inner .layer1, .portfolio-wrapper.wedding .mokup-5-inner .layer2 {
        width: 100%;
        max-width: 130px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-5-inner .layer1, .portfolio-wrapper.wedding .mokup-5-inner .layer2 {
        display: none
    }
}

.portfolio-wrapper.wedding .mokup-5-inner .layer1 {
    left: auto;
    right: 20px;
    bottom: auto;
    top: -50px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .mokup-5-inner .layer1 {
        right: 0
    }
}

.portfolio-wrapper.wedding .mokup-5-inner .layer2 {
    bottom: 0;
    top: auto;
    right: auto;
    left: -100px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.wedding .mokup-5-inner .layer2 {
        width: 100%;
        max-width: 250px;
        bottom: 30px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.wedding .mokup-5-inner .layer2 {
        width: 100%;
        max-width: 130px;
        left: 10px
    }
}

.portfolio-wrapper.wedding .mokup-6 {
    padding-bottom: 7%
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .mokup-6 .container-all-fluid {
        max-width: 980px;
        width: 80%
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-6 .container-all-fluid {
        width: 90%;
        max-width: 90%
    }
}

.portfolio-wrapper.wedding .mokup-6 .mokup-6-inner {
    text-align: center;
    position: relative
}

.portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100vh;
    max-height: 703px
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure {
        max-height: 400px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure {
        max-height: 200px
    }
}

.portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure:after, .portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    height: 600px;
    background: #ffeedc;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure:after, .portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure:before {
        height: 350px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure:after, .portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure:before {
        height: 180px
    }
}

.portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure:before {
    -webkit-transform: skew(0, -8deg);
    transform: skew(0, -8deg)
}

.portfolio-wrapper.wedding .mokup-6 .mokup-6-inner .mokup-6-inner-figure:after {
    z-index: 3;
    background: #ffeedc;
    -webkit-transform: skew(0, 8deg);
    transform: skew(0, 8deg)
}

.portfolio-wrapper.wedding .mokup-6 .wedding-section-title {
    padding-bottom: 6%
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-6 .wedding-section-title {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.portfolio-wrapper.wedding .mokup-7 {
    padding-bottom: 140px
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .mokup-7 {
        padding-bottom: 70px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-7 {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 1365px) {
    .portfolio-wrapper.wedding .mokup-7 .container-all-fluid {
        max-width: 980px;
        width: 80%
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-7 .container-all-fluid {
        max-width: 90%;
        width: 90%;
        margin: 0 auto
    }
}

.portfolio-wrapper.wedding .mokup-7 .wedding-section-title {
    padding-bottom: 6%
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-7 .wedding-section-title {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.portfolio-wrapper.wedding .mokup-7-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-7-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.portfolio-wrapper.wedding .mokup-7-inner .mokup-7-inner__item {
    width: 100%
}

.portfolio-wrapper.wedding .mokup-7-inner .mokup-7-inner__item:first-of-type {
    position: relative;
    z-index: 3;
    margin-right: -140px
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.wedding .mokup-7-inner .mokup-7-inner__item:first-of-type {
        margin-bottom: 30px;
        margin-right: 0
    }
}

.portfolio-wrapper.jcj {
    padding-top: 70px;
    font-family: Open Sans, sans-serif;
    color: #000;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj .page-container {
        max-width: 1140px
    }
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.jcj .page-container {
        max-width: 960px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.jcj .page-container {
        max-width: 750px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.jcj {
        padding-top: 20px
    }
}

.portfolio-wrapper.jcj .grey-bg {
    background: #353535
}

.portfolio-wrapper.jcj .hero {
    background: #ffbe33;
    height: 1115px;
    text-align: center;
    padding-top: 115px
}

.portfolio-wrapper.jcj .hero-img {
    position: relative;
    z-index: 20;
    margin: 4% auto 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1400px) {
    .portfolio-wrapper.jcj .hero-img {
        width: 80%;
        max-width: 980px
    }
}

.portfolio-wrapper.jcj .content {
    padding-bottom: 0
}

.portfolio-wrapper.jcj .banner-top-img {
    text-align: center;
    margin-top: -300px;
    position: relative;
    z-index: 10
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.jcj .banner-top-img {
        width: 80%;
        padding-bottom: 19%;
        margin: -300px auto
    }
}

@media screen and (max-width: 812px) {
    .portfolio-wrapper.jcj .banner-top-img {
        margin-top: -100px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.jcj .banner-top-img {
        max-width: 100%;
        width: 100%;
        padding-bottom: 5%
    }
}

.portfolio-wrapper.jcj .banner {
    background: #ffbe33;
    height: 930px;
    text-align: center;
    padding-top: 115px;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj .banner {
        height: 800px
    }
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.jcj .banner {
        padding-top: 75px;
        height: 630px
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .banner {
        height: 520px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.jcj .banner {
        height: 100%;
        padding-top: 4%;
        padding-bottom: 4%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj .banner {
        padding-top: 10px
    }
}

.portfolio-wrapper.jcj .banner .bordered-line {
    -webkit-box-shadow: 0 0 16px rgba(10, 12, 13, .15);
    box-shadow: 0 0 16px rgba(10, 12, 13, .15);
    height: 78px;
    position: absolute;
    top: 37%;
    width: 100%;
    display: block;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.jcj .banner .bordered-line {
        opacity: 0
    }
}

.portfolio-wrapper.jcj .banner img {
    margin: 0 auto
}

.portfolio-wrapper.jcj .banner img.logo {
    display: none;
    margin-bottom: 115px
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .banner img.logo {
        width: 33%;
        margin-bottom: 70px
    }
}

.portfolio-wrapper.jcj .banner h1 {
    padding-bottom: 3%
}

.portfolio-wrapper.jcj .section-1 {
    text-align: center;
    padding-top: 540px
}

@media screen and (max-width: 1400px) {
    .portfolio-wrapper.jcj .section-1 {
        padding-top: 25%
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .section-1 {
        padding-top: 400px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.jcj .section-1 {
        padding-top: 10%
    }
}

.portfolio-wrapper.jcj .section-1 .main-page-img {
    margin-top: 171px;
    z-index: 1;
    position: relative
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.jcj .section-1 .main-page-img {
        margin-top: 14%
    }
}

@media screen and (max-width: 982px) {
    .portfolio-wrapper.jcj .section-1 .main-page-img {
        margin-top: 10%
    }
}

.portfolio-wrapper.jcj .section-1 .main-page-img:after, .portfolio-wrapper.jcj .section-1 .main-page-img:before {
    position: absolute;
    display: block;
    background: #ffbe33;
    height: 3px;
    width: 100%;
    content: ""
}

.portfolio-wrapper.jcj .section-1 .main-page-img:after {
    left: 80%;
    z-index: -1;
    top: calc(100% - 3px)
}

.portfolio-wrapper.jcj .section-1 .main-page-img:before {
    left: -50%;
    top: 0;
    z-index: -1
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.jcj .section-1 .main-page-img img {
        width: 80%;
        max-width: 980px
    }
}

.portfolio-wrapper.jcj .title-left {
    position: relative;
    z-index: 1;
    line-height: 100%;
    padding: 0;
    color: #030303;
    font-size: 100px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .title-left {
        font-size: 60px;
        height: 60px;
        min-height: 60px;
        margin-bottom: 0;
        line-height: 70px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj .title-left {
        font-size: 50px
    }
}

.portfolio-wrapper.jcj .title-left:before {
    position: absolute;
    top: 12px;
    left: 0;
    display: inline-block;
    background: #ffbe33;
    height: 80px;
    width: 50%;
    content: "";
    z-index: -1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .title-left:before {
        top: 0;
        min-height: 60px;
        height: 60px;
        max-height: 60px;
        overflow: hidden
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj .title-left:before {
        height: 50px;
        min-height: 50px;
        max-height: 50px
    }
}

.portfolio-wrapper.jcj .title-right {
    position: relative;
    z-index: 1;
    line-height: 100%;
    padding: 0;
    font-weight: 600;
    font-size: 100px;
    text-align: center;
    margin-top: 0
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .title-right {
        font-size: 60px;
        height: 60px;
        line-height: 70px;
        bottom: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj .title-right {
        font-size: 50px
    }
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.jcj .title-right {
        font-size: 44px
    }
}

.portfolio-wrapper.jcj .title-right:after {
    position: absolute;
    top: 12px;
    left: 50%;
    display: block;
    background: #ffbe33;
    height: 80px;
    width: 50%;
    content: "";
    z-index: -1
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .title-right:after {
        top: 0;
        height: 60px
    }
}

@media screen and (max-width: 230px) {
    .portfolio-wrapper.jcj .title-right:after {
        height: 44px
    }
}

.portfolio-wrapper.jcj section.mobile {
    padding-top: 8%;
    padding-bottom: 10%;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj section.mobile {
        padding-top: 10%
    }
}

.portfolio-wrapper.jcj section.mobile .mobile-screenshots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10%;
    width: 66%
}

@media screen and (max-width: 982px) {
    .portfolio-wrapper.jcj section.mobile .mobile-screenshots {
        width: 80%;
        padding-bottom: 12%
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.mobile .mobile-screenshots {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 15%;
        padding-bottom: 0
    }
}

.portfolio-wrapper.jcj section.mobile .mobile-screenshots img:first-of-type {
    -webkit-transform: translateY(65%);
    transform: translateY(65%)
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.mobile .mobile-screenshots img:first-of-type {
        margin-top: 5%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%
    }
}

.portfolio-wrapper.jcj section.mobile .mobile-screenshots img:nth-of-type(3) {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (max-width: 568px) {
    .portfolio-wrapper.jcj section.mobile .mobile-screenshots img:nth-of-type(3) {
        margin-top: 5%;
        width: 100%
    }
}

.portfolio-wrapper.jcj section.mobile .mobile-screenshots img:first-of-type, .portfolio-wrapper.jcj section.mobile .mobile-screenshots img:nth-of-type(3) {
    width: 25%
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.mobile .mobile-screenshots img:first-of-type, .portfolio-wrapper.jcj section.mobile .mobile-screenshots img:nth-of-type(3) {
        margin-top: 5%;
        width: 100%
    }
}

.portfolio-wrapper.jcj section.mobile .mobile-screenshots img:nth-of-type(2) {
    width: 28%;
    -webkit-transform: translateY(28%);
    transform: translateY(28%)
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.mobile .mobile-screenshots img:nth-of-type(2) {
        margin-top: 5%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%
    }
}

.portfolio-wrapper.jcj section.style-guides h3 {
    font-size: 48px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.style-guides h3 {
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.portfolio-wrapper.jcj section.style-guides h3:before {
    content: "";
    display: inline-block;
    height: 3px;
    position: absolute;
    top: 22px;
    right: 105%;
    width: 1000px;
    background: #ffbe33
}

.portfolio-wrapper.jcj section.style-guides {
    padding-top: 6%;
    padding-bottom: 12%;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj section.style-guides {
        padding-top: 6%
    }
}

@media screen and (max-width: 982px) {
    .portfolio-wrapper.jcj section.style-guides {
        padding-bottom: 12%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj section.style-guides {
        padding-bottom: 100px
    }
}

.portfolio-wrapper.jcj section.style-guides .type-style {
    position: relative;
    padding-top: 10%;
    margin-bottom: 140px
}

@media screen and (max-width: 982px) {
    .portfolio-wrapper.jcj section.style-guides .type-style {
        margin-top: 5%;
        margin-bottom: 5%
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.style-guides .type-style {
        margin-bottom: 30px
    }
}

.portfolio-wrapper.jcj section.style-guides .type-style .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 100px
}

@media screen and (max-width: 982px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .container {
        padding-top: 10%
    }
}

.portfolio-wrapper.jcj section.style-guides .type-style .container .img {
    width: 60%;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .container .img img {
        width: 66%
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .container .img {
        width: 55%;
        text-align: right
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .container .img {
        display: none
    }
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 88px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item .circle {
    width: 155px;
    height: 155px;
    display: block;
    border-radius: 50%;
    margin-right: 30px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item .circle {
        max-height: 130px;
        max-width: 130px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item .circle {
        max-width: 100px;
        max-height: 100px;
        margin-right: 0;
        margin-bottom: 20%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item .circle {
        max-width: 75px;
        max-height: 75px
    }
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item .circle {
        max-width: 50px;
        max-height: 50px
    }
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item span {
    font-size: 20px
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item span {
        font-size: 18px
    }
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item span {
        font-size: 15px
    }
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item.color-black .circle {
    background: #000
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item.color-black .span {
    color: #000
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item.color-white .circle {
    background: #fff
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item.color-white span {
    color: #fff
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item.color-grey .circle {
    background: #d0d0d0
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item.color-grey span {
    color: #d0d0d0
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item.color-yellow .circle {
    background: #ffbe33
}

.portfolio-wrapper.jcj section.style-guides .type-style .wrapper-color .item.color-yellow span {
    color: #ffbe33
}

.portfolio-wrapper.jcj section.style-guides .typography .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10%;
    padding-bottom: 10%
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.style-guides .typography .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 20px
    }
}

.portfolio-wrapper.jcj section.style-guides .typography .half-col {
    width: 50%
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj section.style-guides .typography .half-col {
        width: auto;
        margin-bottom: 4%
    }
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.jcj section.style-guides .typography .half-col:nth-of-type(2) {
        text-align: center
    }
}

.portfolio-wrapper.jcj section.style-guides .typography .half-col:nth-of-type(2) img {
    margin-top: -7px
}

.portfolio-wrapper.jcj .typography-lines {
    position: relative
}

.portfolio-wrapper.jcj .typography-lines .col-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .typography-lines .col-fluid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.portfolio-wrapper.jcj .typography-lines .col-fluid .half-col {
    width: 50%
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .typography-lines .col-fluid .half-col {
        width: auto
    }
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.jcj .typography-lines .col-fluid .half-col:nth-of-type(2) {
        text-align: center
    }
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.jcj .typography-lines .col-fluid .half-col:nth-of-type(2) img {
        margin-right: 33%
    }
}

.portfolio-wrapper.jcj .typography-lines .col-fluid img {
    z-index: 2;
    position: relative;
    margin-right: 25%
}

.portfolio-wrapper.jcj .typography-lines .col-fluid img:nth-of-type(2) {
    margin-right: 0
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.jcj .typography-lines .col-fluid img:nth-of-type(2) {
        margin-top: 30px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .typography-lines .col-fluid img {
        display: block;
        margin: 0 auto 20px
    }
}

.portfolio-wrapper.jcj .typography-lines .col-fluid:after {
    width: 100%;
    display: block;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    background-color: #202020
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.jcj .typography-lines .col-fluid:after {
        display: none
    }
}

.portfolio-wrapper.jcj .typography-lines:after, .portfolio-wrapper.jcj .typography-lines:before {
    width: 100%;
    display: block;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.jcj .typography-lines:after, .portfolio-wrapper.jcj .typography-lines:before {
        display: none
    }
}

.portfolio-wrapper.jcj .typography-lines:before {
    top: 6px;
    background-color: #252525
}

.portfolio-wrapper.jcj .typography-lines:after {
    top: calc(100% - 2px);
    background-color: #202020
}

.portfolio-wrapper.jcj .products {
    background: #ffbe33;
    margin-top: -20px;
    padding-top: 3%;
    padding-bottom: 3%;
    position: relative
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .products {
        padding-top: 10%;
        padding-bottom: 4%
    }
}

.portfolio-wrapper.jcj .products .title {
    width: 100%;
    height: 78px;
    position: absolute;
    top: 250px;
    left: 63%;
    -webkit-box-shadow: 0 0 16px rgba(20, 20, 20, .15);
    box-shadow: 0 0 16px rgba(20, 20, 20, .15);
    background-color: #ffbe33;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj .products .title {
        top: 150px
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .products .title {
        top: 10%
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .products .title {
        height: 72px;
        left: 0
    }
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.jcj .products .title {
        height: 57px
    }
}

.portfolio-wrapper.jcj .products .title h3 {
    font-size: 100px;
    line-height: 100px;
    height: 100px;
    font-weight: 600;
    letter-spacing: 5px;
    padding: 0;
    top: -12px;
    margin: 0 0 0 -174px;
    position: absolute
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .products .title h3 {
        margin-left: 0;
        text-align: center;
        font-size: 60px;
        right: 0;
        left: 0;
        letter-spacing: 0
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj .products .title h3 {
        font-size: 50px
    }
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.jcj .products .title h3 {
        font-size: 44px;
        top: -20px
    }
}

.portfolio-wrapper.jcj .products .tablet {
    margin: 213px 0 0 -306px;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj .products .tablet {
        width: 60%;
        margin-left: 0
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .products .tablet {
        margin-left: auto;
        margin-right: auto;
        width: 80%;
        display: block;
        margin-top: 25%
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .products .tablet {
        width: 100%;
        margin-top: 38%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj .products .tablet {
        margin-top: 45%
    }
}

.portfolio-wrapper.jcj .products .belt-1 {
    position: absolute;
    top: 30%;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj .products .belt-1 {
        width: 25%
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .products .belt-1 {
        opacity: 0;
        right: -100%
    }
}

.portfolio-wrapper.jcj .products .belt-2 {
    position: absolute;
    top: 60%
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.jcj .products .belt-2 {
        width: 25%;
        right: unset
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .products .belt-2 {
        opacity: 0;
        right: -100%
    }
}

.portfolio-wrapper.jcj .single-product {
    background: #ffbe33;
    margin-top: -20px;
    padding-top: 2%;
    padding-bottom: 6%;
    position: relative
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .single-product {
        padding-top: 10%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj .single-product {
        padding-top: 10%;
        padding-bottom: 50px
    }
}

.portfolio-wrapper.jcj .single-product .title {
    width: 100%;
    height: 78px;
    position: relative;
    top: 0;
    left: -58%;
    text-align: right;
    -webkit-box-shadow: 0 0 16px rgba(20, 20, 20, .15);
    box-shadow: 0 0 16px rgba(20, 20, 20, .15);
    background-color: #ffbe33;
    margin-bottom: 7%
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .single-product .title {
        margin-bottom: 10%
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .single-product .title {
        height: 72px;
        margin-bottom: 12%;
        left: 0
    }
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.jcj .single-product .title {
        height: 57px
    }
}

.portfolio-wrapper.jcj .single-product .title h3 {
    font-size: 100px;
    line-height: 100px;
    height: 100px;
    font-weight: 600;
    letter-spacing: 5px;
    padding: 0;
    top: -11px;
    margin: 0 -368px 0 0;
    position: relative
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.jcj .single-product .title h3 {
        font-size: 60px;
        letter-spacing: 0;
        margin-right: 0;
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.jcj .single-product .title h3 {
        font-size: 50px
    }
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.jcj .single-product .title h3 {
        font-size: 44px;
        top: -22px
    }
}

.portfolio-wrapper.jcj .single-product .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

.portfolio-wrapper.jcj .single-product .container .single-post-1 {
    width: 33%;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .single-product .container .single-post-1 {
        opacity: 0;
        width: 0
    }
}

.portfolio-wrapper.jcj .single-product .container .single-post-2 {
    width: 66%;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .single-product .container .single-post-2 {
        width: 100%
    }
}

.portfolio-wrapper.jcj section.contact-us {
    padding-top: 8%
}

@media screen and (max-width: 982px) {
    .portfolio-wrapper.jcj section.contact-us {
        padding-top: 10%
    }
}

.portfolio-wrapper.jcj section.contact-us .page-container {
    padding-top: 8%;
    position: relative
}

.portfolio-wrapper.jcj section.contact-us .page-container .jcj-contact-us-belt {
    position: absolute;
    top: 40%;
    left: 100%;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj section.contact-us .page-container .jcj-contact-us-belt {
        opacity: 0
    }
}

.portfolio-wrapper.jcj section.about-us {
    padding-top: 6%;
    padding-bottom: 0
}

@media screen and (max-width: 982px) {
    .portfolio-wrapper.jcj section.about-us {
        padding-top: 5%
    }
}

.portfolio-wrapper.jcj section.about-us .page-container {
    padding-top: 8%;
    position: relative;
    text-align: center
}

@media screen and (max-width: 982px) {
    .portfolio-wrapper.jcj section.about-us .page-container {
        padding-top: 7%
    }
}

.portfolio-wrapper.jcj section.about-us .page-container .jcj-about-us-laptop {
    z-index: 3;
    position: relative
}

.portfolio-wrapper.jcj section.about-us .page-container .jcj-about-us-belt {
    position: absolute;
    top: -10%;
    right: 87%;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1441px) {
    .portfolio-wrapper.jcj section.about-us .page-container .jcj-about-us-belt {
        right: 95%;
        top: -25%
    }
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj section.about-us .page-container .jcj-about-us-belt {
        opacity: 0
    }
}

.portfolio-wrapper.jcj .yellow-box {
    display: block;
    padding-bottom: 10%;
    background: #ffbe33;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 35px
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.jcj .yellow-box {
        padding-bottom: 12%
    }
}

.portfolio-wrapper.jcj .yellow-box .page-container {
    text-align: center
}

.portfolio-wrapper.smart {
    margin-top: 50px
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.smart {
        margin-top: 20px
    }
}

.portfolio-wrapper.smart .banner {
    padding-top: 83px;
    background: url(../images/smart-banner-bg.png) 50% 99% no-repeat;
    background-size: cover;
    height: auto
}

@media screen and (min-width: 1580px) {
    .portfolio-wrapper.smart .banner {
        background-position: 50% 100%;
        padding-bottom: 180px
    }
}

@media screen and (max-width: 1580px) {
    .portfolio-wrapper.smart .banner {
        height: 85vh;
        padding-top: 30px
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .banner {
        height: 75vh
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .banner {
        height: 68vh
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .banner {
        height: 75vh
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.smart .banner {
        height: 100%
    }
}

.portfolio-wrapper.smart .mb-30 {
    margin-bottom: 30px
}

.portfolio-wrapper.smart .mb-40 {
    margin-bottom: 40px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .mb-40 {
        margin-bottom: 30px
    }
}

.portfolio-wrapper.smart .mb-55 {
    margin-bottom: 55px
}

.portfolio-wrapper.smart .mb-90 {
    margin-bottom: 90px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .mb-90 {
        margin-bottom: 40px
    }
}

.portfolio-wrapper.smart .portfolio-brand {
    margin-top: 240px;
    margin-right: 20px
}

@media screen and (max-width: 1280px) {
    .portfolio-wrapper.smart .portfolio-brand {
        margin-top: 170px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .portfolio-brand {
        margin-top: 80px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.smart .portfolio-brand {
        margin-top: 30px;
        margin-right: 0
    }
}

.portfolio-wrapper.smart .why {
    padding-top: 90px;
    padding-bottom: 75px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .why {
        overflow: hidden
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .why {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.portfolio-wrapper.smart .why__description {
    text-align: center;
    max-width: 800px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 93px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .why__description {
        font-size: 20px;
        margin-bottom: 60px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .why__description {
        font-size: 18px
    }
}

.portfolio-wrapper.smart .why__logo-box {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 125px;
    padding-bottom: 150px;
    -webkit-box-shadow: 0 1px 59px rgba(22, 34, 42, .1);
    box-shadow: 0 1px 59px rgba(22, 34, 42, .1);
    position: relative
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .why__logo-box {
        max-width: 1030px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .why__logo-box {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.portfolio-wrapper.smart .why__logo-box:before {
    content: "";
    display: block;
    width: 189px;
    height: 186px;
    background: url(../images/smart-decor-c-sm.png) no-repeat 50%/cover;
    position: absolute;
    top: -83px;
    right: -81px;
    left: auto
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .why__logo-box:before {
        display: none
    }
}

.portfolio-wrapper.smart .why__logo-box:after {
    content: "";
    display: block;
    width: 199px;
    height: 169px;
    background: url(data:image/png;base64,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) no-repeat 50%/cover;
    position: absolute;
    bottom: -48px;
    left: -117px;
    right: auto
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .why__logo-box:after {
        display: none
    }
}

.portfolio-wrapper.smart .why__logo {
    max-width: 607px;
    margin: 57px auto 0;
    text-align: center
}

@media screen and (max-width: 1580px) {
    .portfolio-wrapper.smart .why__logo {
        max-width: 500px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .why__logo {
        max-width: 300px
    }
}

.portfolio-wrapper.smart .desc-version {
    background: url(../images/smart-desc-bg.png) no-repeat;
    padding: 75px 15px 112px;
    background-position: 0 41.4%;
    background-size: 100%
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .desc-version {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.portfolio-wrapper.smart .desc-version__img {
    max-width: 1320px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .desc-version__img {
        max-width: 1180px
    }
}

.portfolio-wrapper.smart .colors {
    max-width: 1180px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio-wrapper.smart .colors__item {
    max-width: 173px
}

@media screen and (max-width: 1280px) {
    .portfolio-wrapper.smart .colors__item .color {
        max-width: 130px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .colors__item .color {
        max-width: 110px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.smart .colors__item .color {
        max-width: 75px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.smart .colors__item .color {
        max-width: 50px
    }
}

.portfolio-wrapper.smart .colors__item .code {
    text-align: center;
    font-size: 24px;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    margin-top: 42px
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .colors__item .code {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.smart .colors__item .code {
        font-size: 18px
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.smart .colors__item .code {
        font-size: 14px
    }
}

.portfolio-wrapper.smart .mobile-version {
    background: url(../images/smart-mobile-section-bg.png) no-repeat;
    background-size: 100%;
    padding: 395px 15px 381px
}

@media screen and (min-width: 1920px) {
    .portfolio-wrapper.smart .mobile-version {
        background-size: 2560px 650px;
        padding-top: 180px;
        padding-bottom: 110px
    }
}

@media screen and (max-width: 1580px) {
    .portfolio-wrapper.smart .mobile-version {
        padding-top: 340px
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .mobile-version {
        padding-bottom: 270px;
        padding-top: 360px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .mobile-version {
        padding-top: 210px;
        padding-bottom: 200px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .mobile-version {
        padding-bottom: 100px;
        padding-top: 240px;
        height: auto;
        background-size: cover
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.smart .mobile-version {
        padding-top: 120px
    }
}

.portfolio-wrapper.smart .mobile-version .mobile-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1715px;
    margin: 0 auto
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .mobile-version .mobile-flex {
        max-width: 1180px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .mobile-version .mobile-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.portfolio-wrapper.smart .mobile-version .mobile-flex__item {
    max-width: 645px;
    width: 30%
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .mobile-version .mobile-flex__item {
        margin: 0 auto;
        max-width: 550px;
        width: 90%
    }
}

@media screen and (max-width: 576px) {
    .portfolio-wrapper.smart .mobile-version .mobile-flex__item {
        max-width: 80%
    }
}

.portfolio-wrapper.smart .mobile-version .mobile-flex__item:nth-of-type(2) {
    margin-top: -40px
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.smart .mobile-version .mobile-flex__item:nth-of-type(2) {
        margin-top: -25px
    }
}

.portfolio-wrapper.smart .mobile-version .mobile-flex__item:nth-of-type(3) {
    margin-top: -50px
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.smart .mobile-version .mobile-flex__item:nth-of-type(3) {
        margin-top: -25px
    }
}

.portfolio-wrapper.smart .guide {
    max-width: 1770px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px 150px;
    position: relative
}

@media screen and (max-width: 1580px) {
    .portfolio-wrapper.smart .guide {
        max-width: 1480px
    }
}

@media screen and (max-width: 1920px) {
    .portfolio-wrapper.smart .guide {
        max-width: 1180px
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .guide {
        padding-bottom: 80px;
        max-width: 1180px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .guide {
        max-width: 750px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.smart .guide {
        padding-bottom: 30px
    }
}

.portfolio-wrapper.smart .guide .triangle {
    position: absolute;
    top: 41%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .guide .triangle {
        max-width: 200px
    }
}

@media screen and (max-width: 568px) {
    .portfolio-wrapper.smart .guide .triangle {
        display: none
    }
}

.portfolio-wrapper.smart .guide__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 568px) {
    .portfolio-wrapper.smart .guide__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.portfolio-wrapper.smart .guide__item {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

@media screen and (max-width: 568px) {
    .portfolio-wrapper.smart .guide__item {
        width: 80%;
        margin: 0 auto 30px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.smart .guide__item {
        width: 95%
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .guide__item img {
        max-width: 150px
    }
}

@media screen and (max-width: 568px) {
    .portfolio-wrapper.smart .guide__item:first-of-type, .portfolio-wrapper.smart .guide__item:nth-of-type(4) {
        display: none
    }
}

.portfolio-wrapper.smart .guide__item .fonts-guide {
    max-width: 270px;
    display: inline-block;
    margin-left: 20px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .guide__item .fonts-guide {
        max-width: 200px
    }
}

.portfolio-wrapper.smart .guide__item .tech-guide {
    font-size: 30px;
    text-transform: uppercase
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .guide__item .tech-guide {
        font-size: 25px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .guide__item .tech-guide {
        font-size: 20px
    }
}

.portfolio-wrapper.smart .guide .block-info {
    padding-top: 89px;
    padding-bottom: 89px;
    position: relative;
    height: 100px;
    min-height: 580px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .guide .block-info {
        min-height: 450px;
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 1280px) {
    .portfolio-wrapper.smart .guide .block-info {
        min-height: 380px
    }
}

.portfolio-wrapper.smart .guide .block-info--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.portfolio-wrapper.smart .guide .block-info:after {
    content: "";
    position: absolute;
    display: block;
    left: 10px;
    right: 10px;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: 0 1px 59px rgba(22, 34, 42, .1);
    box-shadow: 0 1px 59px rgba(22, 34, 42, .1)
}

.portfolio-wrapper.smart .last-section {
    padding-top: 55px;
    padding-bottom: 86px;
    background: url(../images/smart-last-section-bg.png) no-repeat;
    background-size: 100%;
    text-align: center
}

@media screen and (min-width: 1920px) {
    .portfolio-wrapper.smart .last-section {
        background-size: 2560px 1000px
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.smart .last-section {
        background-position: 50%
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .last-section {
        text-align: left;
        padding-left: 15%
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.smart .last-section {
        padding-left: 0;
        padding-top: 30px
    }
}

.portfolio-wrapper.smart .model-box {
    display: inline-block;
    position: relative
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.smart .model-box {
        max-width: 500px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .model-box {
        max-width: 400px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .model-box {
        max-width: 300px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.smart .model-box {
        max-width: 60%;
        margin: 0 auto;
        display: block;
        text-align: center
    }
}

.portfolio-wrapper.smart .model-box .position-model {
    position: absolute;
    bottom: 0;
    right: -240px
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.smart .model-box .position-model {
        max-width: 400px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.smart .model-box .position-model {
        max-width: 350px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.smart .model-box .position-model {
        max-width: 290px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.smart .model-box .position-model {
        display: none;
        max-width: 180px;
        right: -125px
    }
}

@media screen and (max-width: 1024px) {
    .smart {
        padding-top: 0
    }
}

.smart__banner-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 1650px;
    margin-left: auto;
    padding-right: 40px;
    width: 100%;
    padding-left: 15px
}

@media screen and (min-width: 1580px) {
    .smart__banner-flex {
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 1580px) {
    .smart__banner-flex {
        max-width: 1300px
    }
}

@media screen and (max-width: 1440px) {
    .smart__banner-flex {
        max-width: 1200px
    }
}

@media screen and (max-width: 1024px) {
    .smart__banner-flex {
        max-width: 900px
    }
}

@media screen and (max-width: 990px) {
    .smart__banner-flex {
        max-width: 700px;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (max-width: 768px) {
    .smart__banner-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 15px;
        padding-right: 15px
    }
}

.smart__logo {
    max-width: 322px
}

@media screen and (max-width: 768px) {
    .smart__logo {
        margin: 0 auto
    }
}

@media screen and (min-width: 1919px) {
    .smart__banner-img {
        text-align: right
    }

    .smart__banner-img img {
        width: 70%
    }
}

@media screen and (min-width: 2000px) {
    .smart__banner-img img {
        width: 80%
    }
}

@media screen and (min-width: 2200px) {
    .smart__banner-img img {
        width: 88%
    }
}

@media screen and (min-width: 2400px) {
    .smart__banner-img img {
        width: 95%
    }
}

@media screen and (min-width: 2559px) {
    .smart__banner-img img {
        width: 100%
    }
}

@media screen and (max-width: 1680px) {
    .smart__banner-img {
        max-width: 750px
    }
}

@media screen and (max-width: 1440px) {
    .smart__banner-img {
        max-width: 665px;
        text-align: right
    }

    .smart__banner-img img {
        width: 80%
    }
}

@media screen and (max-width: 768px) {
    .smart__banner-img {
        max-width: 70%;
        text-align: center;
        margin: 2% auto 14%
    }
}

.smart__title {
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: calc(1.75vw + 14.4px);
    font-weight: 700;
    text-align: center
}

.smart__title--light {
    color: #fff
}

.smart__color-section {
    padding: 112px 30px 164px;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media screen and (max-width: 1440px) {
    .smart__color-section {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (max-width: 767px) {
    .smart__color-section {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.portfolio-wrapper.kobweb {
    margin-top: 50px
}

@media screen and (max-width: 992px) {
    .portfolio-wrapper.kobweb {
        margin-top: 20px
    }
}

.portfolio-wrapper.kobweb .kobweb-main-wrapper {
    background: #8cace5;
    margin-bottom: 35px
}

.portfolio-wrapper.kobweb .kobweb-main-wrapper h1 {
    font-size: 90px;
    margin: 0
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h1 {
        font-size: 70px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h1 {
        font-size: 62px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h1 {
        font-size: 52px
    }
}

.portfolio-wrapper.kobweb .kobweb-main-wrapper h2 {
    font-size: 80px;
    margin: 0;
    letter-spacing: 4px;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiMAAACnCAMAAAD0SqxkAAAAb1BMVEUAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAAAATDqKeAAAAJXRSTlP//Pfy7uji29LKxLu2rKOUkIuJdm9pWExIPzguKRwXEA4MBwIAZBTNxAAAAtxJREFUeNrt3Uty6mYQgFFJyFg2toEL+MoY8VLvf43JMAPTPcggqVvnrOGr0kD9dzf8gRZ9//zy9vHrMJ7uUag1/Nna4WP3ddMIhfZlM940QqFb7SeNUGhf92eNUGjfx1kjFJa7q0YoLLaTRih0m7NGKHTbi0Yo9IdZIxSGo0YotOubRigsR41Q2dw1QmE4aYTC4lMjVLazRiisrhqhMEwaofD0rREK/VEjFBZfGqHQfWmEQn/UCIX+WyMUlpNGKAxXjVBYzRqhsNEIlU+NUOhOGqEw3DVCYaMRKqNGKCxvGqGw1giF9qgRCsOsEQoHjVB4umiEwlYjFLpJIxTWGqHQTRqhsNUIhf6iEQo7jVBYzhqhMGqEwrtGKLRnjVDYa4TCq0aoTBqhsNcIhZVGKHQ3jVD4rREKa41QGDRCob1qhMKoEQo7jVB41wiFZ41QaO8N5E4N5MYGcocGcr8ayH00kHtrIPfSQO65gdxTA7m+gdyiAQAAAAAA4Gf+1/D/4L8v5kcwh4Z5Vgrm4il5X0PJOz1K3vtSsjeAkv0jlOwxImUfGgV7FanYz0rNnmdK9sWTcneCgvs1lNzBouaeHjl3Ocm570tTcyec/85raITcXiPk2rNGyL2HRsiNGiG3nDVCbhcaIbW4aITcJjRCqps0Qm4dGiHVTRohtw2NkHq6aITcITRCapg1Qqo9hkZIrUMjpJY3jZAbQyOkNqERUsNdI6QWp9AIqc/QCKltaITUatYIqeEaGiGznEIjZPrv0AiZ/hgaIdN9hUbILL5CIxQfGo2QefoOjZAZptAImdU1NEJmO4dGSCw+IzRCYjiFRshs7qEREssxQiM81q6voRESwzFCIzzWH+bQCI9120uERnio25wjNMJDi+0UoREeWu6uERrhkfZ9nCM0wiOv+3NEaISfdav9FBEa4UftsP59iwiN8GMeH7vxGn/TCP/Q9f3zy9vH9jCe7vGv/QUywHivknkYpwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    width: 550px;
    height: 170px;
    padding: 25px 0 0 150px;
    position: relative
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h2 {
        font-size: 60px;
        width: 410px;
        height: 115px;
        padding: 25px 0 0 80px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h2 {
        font-size: 48px;
        width: 330px;
        height: 100px;
        padding: 25px 0 0 60px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h2 {
        font-size: 42px;
        width: 290px;
        height: 85px;
        padding: 20px 0 0 30px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h2 {
        font-size: 38px;
        width: 250px;
        height: 80px;
        padding: 20px 0 0 20px
    }
}

.portfolio-wrapper.kobweb .kobweb-main-wrapper h2:after {
    content: "";
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% auto;
    background-position: 100%;
    top: 0;
    bottom: 0;
    right: -115px;
    width: 370px;
    height: 100%;
    display: block;
    position: absolute
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h2:after {
        right: -65px;
        width: 250px;
        background-position: right 75%
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h2:after {
        right: -55px;
        width: 190px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h2:after {
        right: -45px;
        width: 170px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h2:after {
        right: -45px;
        width: 170px
    }
}

.portfolio-wrapper.kobweb .kobweb-main-wrapper h3 {
    font-size: 58px;
    margin: 0;
    color: #0c3279;
    font-weight: 400;
    padding: 0 0 25px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h3 {
        font-size: 48px;
        font-size: 36px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h3 {
        font-size: 34px
    }
}

.portfolio-wrapper.kobweb .kobweb-main-wrapper h4 {
    font-size: 48px;
    margin: 0
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h4 {
        font-size: 38px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper h4 {
        font-size: 32px
    }
}

.portfolio-wrapper.kobweb .kobweb-main-wrapper p {
    font-size: 24px;
    margin: 0
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper p {
        font-size: 20px
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.kobweb .kobweb-main-wrapper p {
        font-size: 18px
    }
}

.portfolio-wrapper.kobweb .banner {
    background-image: url(../images/kobweb-banner-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    height: auto
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .banner {
        background-size: cover
    }
}

.portfolio-wrapper.kobweb .banner .banner-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1920px;
    margin: 0 auto
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .banner .banner-flex {
        padding-bottom: 50px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .banner .banner-flex {
        padding-bottom: 40px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .banner .banner-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-bottom: 0
    }
}

.portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__images {
    width: calc(100% - 650px);
    padding-left: 60px;
    padding-right: 70px;
    padding-top: 80px;
    position: relative
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__images {
        width: calc(100% - 580px)
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__images {
        width: calc(100% - 465px);
        padding-left: 40px;
        padding-top: 70px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__images {
        width: 100%;
        padding: 70px 20px 0;
        padding: 50px 20px 0
    }
}

.portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__images .images__item-2 {
    position: absolute;
    right: 65px;
    bottom: -115px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__images .images__item-2 {
        bottom: -45px;
        max-width: 15vw;
        right: 70px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__images .images__item-2 {
        bottom: -25px;
        max-width: 25vw;
        right: 30px
    }
}

.portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text {
    width: 650px;
    padding-top: 210px;
    padding-right: 75px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX4AAAFLCAMAAADmsxfQAAAAnFBMVEUAAAD/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif/wif////////////////////////////////////////////////////////////////////////////////////////////////////OcStwAAAANHRSTlMABAgRFRYbHy80UVlcXnZ3eH2GjJCVmbe6x8zMycK0qqKZl4Jzal5RQ0I/OTQuJx8VDQUBZ4anfgAAAvhJREFUeNrt2t1SGlkUBeANhIh/iSDghDYmYIKjMajh/d9tik6bbkoJRZWeduD7brzgboG719l9Ylt1emefznqdoAaNj6PfPjaC5LqjR90gtc6oZP4k1xuVekFi/4xKZ0Fio4pPQYVf/9Yz+/9C89l2H0aPPgRPOPVuOTsfAAAAAAAAAADgxTX3j05OB4PTk6P9ZpBW+7g//KN/3A7SaRwMhksGBy5HJvOuO3yi6x8gkb3T4TNO94IE2kX6/cNOq9Fsdw77Rf5+/wk0usW0b0ahWTwJuub/6zsYLvTeR8X73nDhIHhl7wZ5+q1Y0srzHxg/r+04z3nvyeM4/1aOg1fV7JdT5ulM6jv/vq79IuUV38t+sM78ejqLwmx6M48NHK2cMYeLT46CdW7G48lt5G4n4/FNbOBkEXInntFZfHISrDMd5/kX6Y+nsYH8yNWKZ7Tyo1ewzmyS51+kP5nFBvKC04hnNPJKFKxTxH5b/ImN42+K/wXyL9PfcPi0DZ8XyP8xfY/e5G4nZfqKZ8Xbjt+xK9nw2XzpMLB02PTRa+W25G0XTwvnFz92ed1S9aaXDl42Jly5rX/V3mh51b6h+b/LC2cXTf5f2q5Z/ZVLhluufTyohO+K7RMumAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnd/7ybB/W4m2RZdnEd1OHH5yx3FaR3dZ79dn4fJDb/nv0xDdL6dZmVLoOkHiZZxbcgpfsvWdVNkNDsIqv6qvonUhbO0hfFJ5GycJbGD0EpSeEsXf4KSkkKZ+m7uZ/QwzirOrdvWJK2cH7+EaQz/5pVXcyChG4Uzjp9UzjrdKlw1mmqcNbp/lzhrNOVwlmr68Wuc3IX1GN+91PfBAAAAAAAAAAAAAAAAAAAAAAAAAAAAACARIbLgoL4d4D4VxD/DhB/rcrQxb9E/DtA/CuIfweIfxXNZ/uJfwXx7wDxr1BL/P8Bgg6CGgEMhpgAAAAASUVORK5CYII=) no-repeat;
    background-position: 100% 50px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text {
        width: 580px;
        padding: 130px 70px 0 0;
        background-position: 80% 50px;
        background-size: 240px auto
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text {
        padding: 90px 65px 0 0;
        background-position: 80% 40px;
        background-size: 170px auto;
        width: 465px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text {
        width: 100%;
        padding: 40px 20px 0
    }
}

.portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text h1 {
    color: #ffc13c;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 0 0 85px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text h1 {
        margin: 0 0 45px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text h1 {
        margin: 0 0 35px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text h1 {
        margin: 0 0 25px
    }
}

.portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text h4 {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 25px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text h4 {
        margin: 0 0 15px
    }
}

.portfolio-wrapper.kobweb .banner .banner-flex .banner-flex__text p {
    line-height: 30px;
    color: #fff
}

.portfolio-wrapper.kobweb .style-guide-section {
    padding: 100px 0 0
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .style-guide-section {
        padding: 70px 0 0
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container {
    max-width: 1430px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px 0 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container {
        padding: 0 15px 0 15vw
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container {
        padding: 0 35px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container {
        max-width: 760px;
        margin: 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container {
        padding: 0 15px
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__item-1 {
    width: 545px;
    padding-top: 95px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__item-1 {
        width: 43%
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__item-1 {
        width: 100%;
        padding-top: 50px;
        text-align: center
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__item-2 {
    width: 680px;
    margin-top: -95px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__item-2 {
        width: 57%
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__item-2 {
        width: 100%;
        margin: 0;
        text-align: center;
        padding-top: 60px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__item-2 {
        padding-top: 40px
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__typography .typography__item-1 {
    margin-bottom: 80px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__typography .typography__item-1 {
        margin-bottom: 50px;
        max-width: 85%
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__typography .typography__item-1 {
        margin-bottom: 40px;
        max-width: 85%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__typography .typography__item-1 {
        max-width: 95%
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__typography .typography__item-2 {
        max-width: 85%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__typography .typography__item-2 {
        max-width: 95%
    }
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__logotype img {
        max-width: 270px;
        max-width: 180px
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__technologies {
    padding: 65px 0 0
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__technologies {
        padding: 45px 0 0
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__technologies h3 {
    color: #fff
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__technologies .technologies__text {
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-transform: uppercase
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors {
    padding: 60px 0 0
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 290px;
        margin: 0 auto
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-col {
    width: 135px;
    height: 90px;
    font-size: 25px;
    padding-left: 35px;
    line-height: 90px;
    color: #fff;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-col {
        width: 105px;
        height: 65px;
        font-size: 20px;
        padding-left: 25px;
        line-height: 65px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-col {
        font-size: 18px;
        padding-left: 15px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-col {
        width: 95px;
        text-align: right;
        padding: 0 10px;
        margin-bottom: 20px
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-col:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 99px;
    height: 96px;
    z-index: -1
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-col:before {
        width: 75px;
        height: 80px
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-blue:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAMAAAA+cTwJAAAAilBMVEUAAAAAXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0AXN0aZPwcAAAALXRSTlMAAwYKDBIYHB8nLC8zNTk/RU1VWV1hZ3V/h5CXnKGmrrrBx8/S2+Hm6+/y9viDmfN7AAAC50lEQVR42rXZh5aqQAwA0ID0iWBd0cUuSMv//97j+NZRsVEm9wdyJqFMEmhAF7Pl5hCnOZVZfDxsljOhg0KaH+4LelLsQ18DJYLflN5KfwPoy1zE9EW8MKEHa5VTA/nKgo6MZUENFUsDupidqYXzDFpzdtTSzml7iJxay1sdRY+ok0iHpqwDdXS0oRk3ps7OgQYNiJR6yCYmfOVl1Es+cXX4zE6op3QsTPjEiqm3ZIQOvKcfSIGTjx/ytSIlNojeAF4bkyILRPE6iJORIvn4XZAdKXMYIno6PJmRQiEiehrUGGdSKA0Q0YWaJSm1xooND6yClCpHWDE5Xo2bDVaEDjdmTooVAdZKsiDlVljLVkzKJUOsCPkAB8TgBx+erV9isMX7smspMciG9wfxicUc7yoSEosILyyAyp5YHPHCg4peEIvSxwsDAAQxmeKFI/8cDEK8EPKzzmCNMlkbYrJDvL4iB2Jywv9cgJiYJCgLkhKTDP8MICcmBf4xgdigLHrJHsOBlD1XLiTsNffgxP3sooA9MTneYqyZvyUVWBCTX7yCCTFZ3HLlEZOJjMH9r6143HeGist996k4jHe4K4vxLnpl8t2ppQFfb3AlGHucK5evV5Nsvp5TMth6Z0nwzQAkh2+WIRk8M5ksQMkDaa64K5AsthmZJDS2WZ9ks80sJaFzzV5vbK4Z8o3QOGbh5xHeMeGJm1JP2QTvuPCC6LubmOJDwTl2LFP8kCnJTXrUYoL3bIad12mEX4ohDSLqZOvjPU9TvoMsQnwgBsp3qYdxPYTqnXAaDluEkIxVSQ2V6wAfeQNoxl4X1ECxGWGNq0NTmlgl9EWyCrDO0aAFU/xsM3or2/4MsU6Y0I7u4nAeHUt6Uh6juQzQLU+SKRDRn4bR7pRkJVGZJaddFE59lDofQtJsgQ0JW4OOdFs0i6BDD5rl4ReepUFfhiPwLeEYoIZhuy/iCNc2QKmBaTuuJwSiEJ7r2Gajr8Y/1/WMGYAja2kAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% auto
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-red:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAMAAAA+cTwJAAAAh1BMVEUAAAD/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDX/NDXkCQT2AAAALHRSTlMAAwYKDBIYHB8lJywwMzg8QEVNV1xhZ3V9gYeQmqCmrrrBx9DY3OLm6+/y98YA4fAAAALhSURBVHjatdmJlqowDADQgGzTNj4VHRdwZUSg+f/vex6ZU/eRpbk/kNOklDSFBlw1XW0OP0VFujhmh81qqlywyBku95qe6P1y6IAVo7Sgt4p0BH358yN9cJz70EOQVNRAlQTQkbfS1JBeedDF9EQtnKbQWrSjlnZR20VU1FrVailuSp2kLjQVHKijLIRmxJE6y0cONKAK6qGIffhIltRLFX99qkqYU0/FRPnwF/9IveVjjOA990AWZEMULryTkBUbRDmA1yZkyRxRvQ4SlWRJNXkXZEfWHBBRuvBkRhYtEVE68MA7kUXFP0QU8GBFVq3xLIQ7gSar9BjPfI5P42qDZ3eNnl+RZXqEZ19wNSfrEnzI1pGsyxHvNvCIGHzj3d5KicEWb8vuFMSgxNuF/CMWs3ohdUWWxCLFi7rj3hOLDC8knLmaWOghXngAoIhJjBcRAEyJyQIvlDnWGazRJGtDTHZoPpEDMcmwJgB+iEmOpiAFMSnx1wAqYqLxlw/EBk3RNXuMCAr2XAk4stdcQsa9d1HBnphk1xhrzrOkBnNiklxjxMRkfs2VJCaxicH6r61J1p6hJlh7n1rE2sPVAr5e1PD5empjwHk3qCm+O44h+O5qRsh35zQ8truzofhmAEbEN8swPLaZjCH5ZktGwDYjM5TDNuszQraZpaFcrtnrVcg1Q76SDscs/DTGGz48EQX1VMZ44wteUL3fJvCu4AxvLOUU/8iUIfIetYjxVsjw5vUzxlsC3huk1Ml2iLekY/8NcoF31MD6W+ph0jiEMTtRC8UCW4QwvERTQ3o9wntyAM2Ea90owmaMD4QLTTkyyemDPBnho8iBFnz1vS3prXL7jU+UD+24AnGWZpqe6CydodEpT4YvEXEYL9a7LC81kS7zbLdexEN8RfrQhRMqbEiFDnTkhqpZBBd6cAKJH8jAgb68SOFbKvLADi8UL+IoEXpg1cAPIyGVQlRKiij0G50a/wF4+XeC3Y3xuwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% auto
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-orange:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAMAAAA+cTwJAAAAjVBMVEUAAAD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQD/VQDWbhgnAAAALnRSTlMAAwYKDBIYHB8lJywvMzc8QEVNV11hZ3V/h46Ql5yhpq66wcfO0dPc4ujs7/L3sJlflAAAAuRJREFUeNq12YmWqjAMANCwM9AwOuqI+z6szf9/3nNkThWVJ0hzP4CcNBTSFFowxXi2OSR5STJPTofNbCxM0MiI4r2kB3IfRwZoMVjm1ChfDqAvZ5rQC8nUgR7ceUktlHMX3mTPJLUkZza8Y5xRB9kYOvN31NHO75pESZ2VnVIxV/SWlQltuQd609GDdoKE3pYODGhBZNRDPnLgpbCgXsrRx6uqeCn1lH2J/6fiJNRbOkQfmpkH0uAnwsCEJnPSYoMYWvDcF2kyRRTPg/gFaVJ+NQXZkTYHRAxNeDAmjeLfIAbcsTPSKP9ExADuzEirNZ55UONK0koO8czh2BpXGzyrNXpOSZrJAZ59wNWUtFvg3WolpF2Kv4ShGk5i8I21d2tJDLZ4W3YjJwZFdJvIJ7GY3FYkJhYrvHDh155YHPEihDNTEgsZ4YUNAIKYjPDCV38OBjFeCPVZZ7BGtVgbYrJD9WYdiMkJKwFAQkxSVAXJiUmBfywoiYnEPw4QG/zjgWSP4UPOvlYBJOw1D+GH+91FAXvuPYgC1pzfkgpMicnyGmNETKbXtQqJyUjFYP3XVkLWnqESsPY+FZ+1h6u4rL1oxeHrqRWL82xQEXxnHCXgO6spLt+ZU7HZzs6K4JsBKD7fLEOx2WYySgjKRPOpQHHZZmSKMNhmfYrHNrNUhAk1C31bQ/GYZsi1anDMwrMh3nDgQZBRT8UIb3zAE6L33QQ2FlwRmb4s0IHngrRHLeohPIY7r58h3gqgmbWit2wjvBUa+u8gY6wRlva71MPXfQjdd8J5jB1CKPZcUktyPcC60IJ2vLVsFWEzxDuBCW0ZYpHSC+ligPd8AzpwxPe2oEbF9hsfCAe6MQOMJqujpAfyuJpEqHRep3oqiBiN4tXulBaSSBbpabeKR+r5PZJQDE9gS8Iz4E2mJ9pFMKEHww3xhdA1oC/bF9hI+DboYbmBwAcicC3QynI8PwiFQBQiDHzPafX8fzp8qNY8S5juAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-green {
        margin-bottom: 0
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-green:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAMAAAA+cTwJAAAAh1BMVEUAAAAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQAAoQA/jsILAAAALHRSTlMAAwYKDBIYHB8lJywvMzY6PkBFTVdcYWd0fICHkJSbpK66wcfQ2Nzi6O3y9xwrcLAAAALdSURBVHjatdkHlqs6DAZg0RljpZJM2iONCRhr/+t7mZyJQ9oNxfoWwH9sGbBlaMCVs/X2+KMq0uqUH7frmXTBIme4Omh6og+roQNWjDJFb6lsDH0FixN9cFoE0EO4qaiBahNCR/5aU0N67UMXs5JaKGfQWrynlvZx20FU1FrVaihuRp1kLjQVHqmjPIJmxIk6K0YONCBL6kGlAXyUKOqlSr8+VSUqqKdyKgP4l+BEvRUTjOE990gW5AMULryzISu2iIkHr03JkgWifB0SK7Kkmr4L2ZM1R0RMXHgyJ4tWvyEOPPBLskiNEFHAgzVZtcWzCO6EmqzSEzwLHl8NhoFIF26CiizTYzz7gpsFWbfBh9k6kXUF/pJmAY+JwTfera2MGOywXnZHEQM1qA9kSCzm9YqsiEWGFyH8OhCLHC8SOHM1sdADvPABQBKTFC9iAJgRkyVeSPNZZ5ChmawtMdmjWVlHItaFhQLgh5gUaAqiiEmFfzyoiInGPwEQG/wTgWbPiEGxz5WAE3vNE8i51y5KOHC/gyg5vyVXsCQm/90yUmKyuM1VQkxSk8H7r71IGPcMV4Jx73MVM+7hrkLGvehVwLenNjy+s8GV5DvjGILvrGaEfGdOw2c7OxuSrwdgxHy9DMNn68kYCV9vyQjZemSGdNh6fUbE1rM0pMvUe62JuHrI9Wpw9MLLCdYE8ESU1JNKseYLXpC97yawRrocdywzrAvgNVFQZ2WKdRHDndfPBOsEvOdl1MluiHWJY/8Ocol3pGf9LvU4bRxhzEtqQa2wRYThbzQ1pLcjvJd40Ey01c0SJvhAuNCUIzcFfVBsxvgodqCFQH7vFL2ldt/4RAbQjitwMM9yTU90ns0HaHSZJyOQiDhIl9k+LypNpKsi32fL1Dy/xyAMJ5LYkIwc6MiNZLMEF3pwwgQ/SEIH+vJjiW/J2Ac7vFC8yJEi9MAqL4hikUiJKGUi4iho9Pz/AdzJeGcvTC0kAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-yellow {
        margin-bottom: 0
    }
}

.portfolio-wrapper.kobweb .style-guide-section .style-guide__container .style-guide__colors .colors__flex .colors__flex-yellow:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABgCAMAAAA+cTwJAAAAk1BMVEUAAAD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD0CJz4AAAAMHRSTlMAAwYKDBIYHB8lJywvMzY6PkBFTVVZXWFmZ3V/h46SmJyhpq66wcfQ2Nzi6Ozv8vcYicbDAAAC6UlEQVR42rXZCZaiMBAG4ALZOqRsd6dFbXdaBFL3P93YMi/iNrKkvgv8LymWpAoqsOVkvjn8pDmp9BgfNvOJtMEg6zPaK3qg9tGnBUb0vlN6Kf3uQ1vu7EhvHGcutOAtcqogX3jQkDNXVJGaO9DE5EQ1nCZQW7CjmnZB3UXkVFteayn2ihpZ2VCVd6CGYh+qEUdqLOlZUIE8UQvpyIW3woxayccf76riJ9TSaShd+B/3SK0lAwzgNftABsRdFDa8siAjNohhB54bkiEzRPk8JMjIkHz4KmRHxhwQMbThwYQMin5DLLjjnMigtIeIAu7Myag1nvlww1NklBrgmcvwapRs8EzacOXmZJjq49kHXM3IuCXe7daRjEvwl9QPcJ8Y/MGbZ+ubGGyxXHYrJQZZt7yQT2IxLVckIhYrvPDg155YxHgRwpmtiIXq4oUDAJKYjPEi0H8OBhFeSP1ZZ7BGvVkbYrLDgg9wICYxFgTADzFJUBckJSYZ/tOBnJgo/McFYoO66Io9I4CUfa8EHNlrHkLM/eyihD0xia8Za85vSQFmxGR5zRgRk9l1r0JiMtIZrP/aQsh6ZigI1rNPIWA9wxU81rNoweU7U2sdrrvBl46QfHccTfDd1TSf786pOWx3Z03y9QC0gK+XoTlsPRktBG1q+FageWw9Mk1abL0+zWfrWWr3M76luVdD87l6yOVqMPXCS1x4IE7UUjbCkg94QraeTWCJtBlmLNkYy1x4TiTU2GmEZT7DzOtngGUCXuusqJHtJ5aFlvkZZIQ3ZMf4LPUwvI8wPRNOI6wRoTkLRRWpdQ9vhR2oxl+rSgmbAd4RNlRlyWVCbyTLPt4LLKjBlV/bjF7Ktl/4QLpQjy2wO13Fih6oeDXtotZknzRXImJ3HK12cZIpIpUl8W4VjbuoNV6EZvkSK5K+BQ3ZvqyWYEMLlhfiG6FnQVtOIPElGThghuOLJzlS+A4Y1XH9QIRSIkoZisB3K301/gLm7dt9u1purAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% auto
}

.portfolio-wrapper.kobweb .main-page-section {
    padding: 125px 0 0
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .main-page-section {
        padding: 100px 0 0
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .main-page-section {
        padding: 80px 0 0;
        padding: 70px 0 0
    }
}

.portfolio-wrapper.kobweb .main-page-section h2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApQAAACmCAMAAABTPO+BAAAAe1BMVEUAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAQ6gAAAAZnsv5AAAAKXRSTlP//Pfz7+rk39PMxLq2q6GWlJKPinp4dG9oVkpGPzk2LSkdGxcPDAcCAI6Yd/sAAAOJSURBVHgB7cBtQyltGIXhNUyMpP1g74heGWb9/1/4oPeipMx9fTgP+eeWd5Px8PzstJ3nTQE/5h9ZXP07LzIBv8kHW0wGnUzAr/NhZqNuQ8BR+ADz0Wkm4Fj8XdWklwk4In9PedEWcFz+jtkwF3Bs3t980BBwfN5XOWwKqIP3U41PBNTDe7nuCKiL97DoZwJq469NWwJq5K8sBwJq5S/cFgLq5c9dNgXUzJ+phgJq50+UXQH18273hYAEvNNtS0AK3uUmF5CEd7hqCkjD2101BSTirW5yAal4m9tcQDLeYtYSkI4/KgsBCfmDqisgJX8wEJCU37sUkJbfuWsKSMtvLQsBifmtgYDU/MZUQHJ+bdESkJxf6wtIz69cZwLS84uqIyAAvxgLiMDPyhMBEfjZUEAIfjJrCAjBT/4IiMGPZg0BMfjRUEAQflDmAoLwgwsBUXijaguIwhsTAWF4oycgDK/NMwFheG0kIA6vnQqIwyuzTEAcXhkJCMQrXQGB2F40BARieyIgEtt9AZHYLgREYpeZgEjsqYBQ7L8CQrF7AkKxCwGheJkJCMV3AmLxREAsHguIxUMBsfhcQCw+ExCLOwJicVtALG4JiMW5gFjcFBCLBQRjAcFYQDAWEIwFBGMBwVhAMBYQjAUEYwHBWEAwbgqIxbmAWNwSEIvbAmJxR0AsPhMQi88FxOKhgFg8FhCLJwJi8Z2AWLzMBIRiFwJCsXsCQrH/CgjFngoIxS4zAZHYLgREYrsvIBLbEwGR2F40BATila6AQLwyEhCIV+4FBOK1UwFxeG0kIA6vzTMBYXijJyAMb0wEhOGNqi0gCj+4EBCFH5S5gCD8aCggCD+aNQTE4Cd/BMTgJ7OGgBD8bCAgBD8rTwRE4BdjARH4RVUICMCvXGcC0vNrfQHp+bVFS0ByfmMqIDm/NRCQmt9aFgIS8zt3TQFp+b1LAWn5g4GApPxB1RWQkj8qCwEJeYtZS0A63uY2F5CMt7rJBaTi7a6aAhLxDldNAWl4l5tcQBLe6bYlIAXvdl8ISMCfKLsC6ufPVAMBtfPnLpsCauYv3BYC6uWvLAcCauWvTVsCauQ9LP7LBNTGe7nuCKiL91ONTwTUw/sqhw0BdfD+5v2GgOPzd8yGuYBj8/eUF20Bx+Xvqia9TMAR+QDz0amAo/Fh7kfdhoCj8MEWk36RCfh1/pFy+q9XZAJ+0f+BFbFyTbVY4gAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    margin-left: auto;
    width: 660px;
    padding: 25px 0 0 100px;
    top: 2px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .main-page-section h2 {
        width: 410px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .main-page-section h2 {
        width: 330px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .main-page-section h2 {
        width: 290px;
        height: 85px;
        padding: 20px 40px 0 20px;
        text-align: right;
        width: 250px;
        height: 80px;
        padding: 20px 20px 0 50px;
        text-align: left
    }
}

.portfolio-wrapper.kobweb .main-page-section h2:after {
    background: url(data:image/png;base64,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) no-repeat;
    background-position: 0;
    right: auto;
    left: -100px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .main-page-section h2:after {
        left: -65px;
        width: 250px;
        background-position: right 75%;
        background-size: 100% auto
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .main-page-section h2:after {
        left: -55px;
        width: 190px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .main-page-section h2:after {
        left: -45px;
        width: 170px
    }
}

.portfolio-wrapper.kobweb .main-page-section .main-page__image {
    text-align: center;
    background: url(../images/kobweb-main-page-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 65px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .main-page-section .main-page__image img {
        max-width: 970px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .main-page-section .main-page__image img {
        max-width: 80%
    }
}

.portfolio-wrapper.kobweb .responsive-section {
    padding-top: 155px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .responsive-section {
        padding-top: 120px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section {
        padding-top: 90px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .responsive-section {
        padding-top: 70px
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__images {
    position: relative;
    z-index: 2
}

.portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: -25px
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-1 {
        margin-top: 15px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-1 {
        margin-top: 35px
    }
}

@media screen and (max-width: 1800px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-1 img {
        max-width: 65vw
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-1 img {
        max-width: 95%
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: -310px
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-2 {
        margin-top: -100px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-2 {
        margin-top: 20px
    }
}

@media screen and (max-width: 1800px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-2 img {
        max-width: 44vw
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-2 img {
        max-width: 50vw
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__images .images__item-2 img {
        max-width: 80%
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__iphones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.portfolio-wrapper.kobweb .responsive-section .responsive__iphones:before {
    content: "";
    background: url(data:image/png;base64,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aYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgxd/yTQPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DbCnAfY0wJ4G2NMAexpgTwPsaYA9DUf065/yp1/DcTUc0F8+XHP98Gs4rIYD+i1ffAqH1XBAt3xxC4fVcEDNFw2H1XBAP+eLfw+H1XBA//m+p77/r/Cv4G2AEQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYE8D7GmAPQ2wpwH2NMCeBtjTAHsaYM//ANSJrTw3Z+j4AAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% auto;
    width: 953px;
    height: 1321px;
    position: absolute;
    left: 0;
    right: 0;
    top: -365px;
    margin: 0 auto
}

@media screen and (max-width: 1850px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones:before {
        width: 46vw;
        top: -200px
    }
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones:before {
        width: 49vw;
        top: -170px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones:before {
        top: -50px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones:before {
        top: -100px;
        height: 500px;
        width: 60vw
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones:before {
        top: -10px;
        height: 500px;
        width: 90vw
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones:before {
        top: -30px
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__col {
    margin: 0 55px
}

@media screen and (max-width: 1850px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__col {
        max-width: 16vw;
        width: 100%
    }
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__col {
        margin: 0 35px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__col {
        margin-top: 160px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__col {
        margin: 0 25px
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-1 {
    margin-top: 70px;
    position: relative
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-1 {
        margin-top: 60px;
        max-width: 20vw;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-1 {
        margin-top: 150px;
        max-width: 30vw;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-1 {
        margin-top: 100px
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-1:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAADSCAMAAACFKikkAAABpFBMVEUAAAAAYeUAYeX/6ZsAYeUAYeUAYeUAYeX///8AYeUAYeUAYeUAYeX///8AYeUAYeUAYeUAYeX///8AYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeX///////8AYeUAYeUAYeX/////zQD/zQD/////zQAAYeX///8AYeX///8AYeUAYeUAYeUAYeX/////zQAAYeUAYeUAYeUAYeX/////zQAAYeUAYeUAYeX///////8AYeUAYeUAYeUAYeUAYeUAYeUAYeX///8AYeUAYeUAYeUAYeX///8AYeX/////////////zQD/////////zQD/////////zQD/////zQD/////zQD/////////////////zQD/zQD///////////8AYeX///////8AYeUAYeX/////////////////zQD/////////zQAAYeX/////zQD/zQD/6Jj/zQD/zQAAYeX/////zQD/////zQD/////zQD/////////zQD/////zQD/zQD/zQD/////zQD/zQD/zQD/zQD/zQD/zQD///////8AYeX/zQDz6ujlAAAAiXRSTlMA/vsBFwcB+PTp42EyBQQSDe3Qso96HwLcgkga+PGWJPz58+zj2MvLx8K+pnNuXVRPOCwrIwr28/Dn1NDHq6GIbmxqWkI9MhsTDQgIB9vZvrGtoI6Ka1FHPiUY7eHUxLm3ppyblZGBfHpvYTsoHRMPBM28uKydm5V2cGRZPzk2L+rXysh/TktAEjAbR+YAAAT/SURBVHja7dtnV9RAGIbhxw3giqyoCIggRXpZuoKiUqRJF0VQFBEUpAj23vsmf1onwL5+CUzIzPIenesXPAfOyc59MgE3kWhFOFwRjYCd3KMx19FcMBNxl7nbhsBLZyyuE7xU0LQK8JJH0/LAy1/TwuCF8T80StOi4GWI78OD8SMXiCyVhcNlSwx/qAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMP5zKWDrYFUaeDp8wA7lp4OjdvuPI0ngp2C/mFYNhjLEsjNZ4OeELeSAn0PnxLLU0+CnwxYugZ/0I2JZJceHbr5Yto/jE7cxJKbNgaEqsewkx6dtvS3UgJ/k42LZ8WTwk2kL9eAn6aRYdgcMXRTLQo3gJ22fmHYM/KScd49pHI+Ql2yhCwo1T3yAAqdTxbJzh6DOuyLHqUVwObbQDXUGRxzHKUFgWe6pOwMKvXaEdQR1QSzbXwB11qbFslMWAuqxhXYodNURXiKg7Dax7MBhqNNc5P7RbgbOdVs4CIWuOMIDBbn+R3k21PnpCCWDCOiYe+pugDrWY0eoRUAFIeW5XusIXy01ud4HdQZLHGFFTa5nQqFvjnAlcK6XurmeDClN48PFM8sWtnXzlFhW1Kwm1+sgZTIcE8Yi2M5zR7iKgJI2ch1SHrbGNixgGx8d4dN6QnP9bmxTcQTenjjCBAJKcx8c85DyPhbXBE/fHWHkUSJz3SqTmfZoxBF+IKA6P7m+TMvCA/Ay4QhP1OR66SHIuHyWpt2Hl/VpR/ioJtdPQMo1Wlbcv8Mx7TkC6msRy55Cyo08mhbVekyjXF+FlDFadjui+5jW4CfXJ2NkEl5W6JgWPNcPpENG5DYtG4MX64uaY9pBP7neScvybuxwTHtsIZjDbq63ZUNGfzFNu7bTMe1dQnP9Hi07exleHtAxLXiuX4CUpkKa9kbrMY1yPQtSRmlZmQUvL9Uc07r9vCS7HiNT8GK5f7TpNSW5niqX60PDtOwuPK05wmsE1OUn11/RsvBDeLJKVBzT0t1cP58CGbmtNG1hh/gsWkloro/TslsD2M6HiWYEtOqeui9CSm8hTXsL3Z6KZS19kGHN0LIZC/L05/pbWlbYC10o1+Vfkg3comkvoFuNn1xfoGWtudCIXpJVSeZ6mKa9gm7z7qlbMtef0bLhIWhEL8nyIWUqRq5Dt0ofd5mso7RsFjpRrndAyhtaVtgEzZJT/eR6sUSuk73K9V/QrO8MvSTzleud0K3afXAUQMqsRK6Tvcr1KWiWXe7jJVnks0Suk0S+JIvK5Lq6O61+cr1VIteVabeFngC5rkvBbnN9GbplKM51sme5/h7y9N9pHZDIdXW6/NxpXaRl4Vxoln7ET66HadoidKJcTwuQ67o0+sr1hJ6679BLMl9P21HoVu/r7fpogFzXfKf1WcJzvR6SluK53g8p+nOdXi4m7NQ95/dOa+/GtvsW9KJcl9e/OFs2PgXdUiqZ32ntAD/xO6385GzmOj9Zm7nOUPXmnVZ+etwHRzv4iec6P1u5zk/8Tis/G6fuHvBjPkH9tz5BLWX+CWod+DGfoO461+fBkPkE1XyCmhBJLeYTVN8azCeoLD5B/V9yvRv8ZO1nm+sbd1o5nrp7bLa53mZyfZd3Wss5nrq37rTysxrinestfeBn604rP5u5zvHUXcM211PK3VwHR8mZLXaIY64LSXP5YIvj7wB+A4MTUor5DuIhAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% auto;
    width: 154px;
    height: 210px;
    position: absolute;
    left: -405px;
    bottom: 105px
}

.portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-2 {
    margin-top: -125px;
    position: relative
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-2 {
        margin-top: -35px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-2 {
        margin-top: 65px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-2 {
        margin-top: 35px;
        max-width: 20vw;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-2 {
        margin-top: 90px;
        max-width: 30vw;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-2 {
        margin-top: 50px
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__iphones .iphones__item-2:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAEmCAMAAACJazQaAAABuVBMVEUAAAAAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeUAYeX/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Lz/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQD/zQDnbLtyAAAAknRSTlMAAgQHCg4PEBMZHyQqMDQ4OT9HT1RaYGZtc3h6foOKkZacoaWqsLS5vsPJ0tne4+jr7/P2+v///Pfz7uvn4dzVzMS/ubGnoJuTjIuIf3lzbmpjWVRORkI9OTQwKykkHRsYFRIOCgcEAQQFCA0TGBwlLTQ2PUJITVZhZG13f4qSmJ+nr7O5wsvP1Nrg5Ofs8ff7/QzCxfwAAAYLSURBVHja7d0JUxNZGIXho8gIKriLK+K+o6IdVldAUBAEQUQWEYUASgI6iAoiLjgisqR/8cxN0FOxYntvt341Fe/zB07N1IS8db9UDX4mMjIAZWAkAhkTMXc2CiA668YmICGy5LruXBTROdd1l4Yh4KmrzI3NucooBAzOuvRpEBLUv9Flc1FAaJOLUsbchDEo6flPmVjkZlr+Fyv/uUQk5vKvT2wYQDr+jU3+JrEsy7Isy7Isy7Isy7Isy7Isy7Isy7Isy7Isy7Isy7Isy7Isy7L+9/ohrq4BwrrKeyCs6iaE3bnYB1n9l1og7NZVCOut6ICw2loI6yzvhbDKRghrudQPWX0XWyGsoQrCesq7IKzmOoS1VzyErPCVJghrvhyGrEcX2iCsvhrCusu7Iay6HsLaLjyCrPDlZghruhKGrIcV7RB2owbfS8M8b4Cw1j8hzxsr8b0/Js/zjubgN+mo6EUKmaed8wVZ+C2u3gJRvvOfs9nwofPaxbIrTWHTPF97Xk0ehA8tJSGlqu+HeX4HRIfU4rk1MNddGkqoR2o3q0C0yVF2w4fq0LLyfpM8X3lCLRaugrm7oW86QdRQB6LtjrLV11c9JzsM3rGyzqjFY/ChiYulfdBX4Ci5vr7qOVkLfeviH5B98KGOi2W90HdULRZlw1xXCScboW+zo+yAD1VcNHkAyDilFk9mwFxriFqhb6ejbPb1Vc/FKujLLlKLR+BDIxdLuqBvv1o8vw7mess5eQP6ch1lL3yo5aLRA8AxtXgmC+Y6ijnZBH1bHWU7fKjkoskDwKpCtXhiJcy1hKgN+vY4yiZfL3FcrIa+NefU4iH4cJOLpd3QdzD+AVkLcz2lnKyHvo2Okg8frnHR5AFgRbw+TmfCXHsxJ5uhL89Rtvl6ieOiyQPAX/H6OL4C5pq5WNwOffmOssHXSxwna6CHeX4APtRzsbQH+g7H8zwb5rpLONkAfcHzXDF5AFh5Mp7nGfAUnZ6dn3kRRpK2ELVAD/N8Czw9X3SV94M/yvNK6Ms6q5HnkQU3YfIHeV7caZznOfD01l02Pwjmebm/PM/RyfNn7jcj+OY6F8uN8/xsFryEP6aa7Crm5C3o26KT5y+4uDj0i/Lcuz4ef+HkVMo8vwN9u3Ty/DUX55+I5Hl0kZOvZPL8HRc/DWDZgzJO1kHfep08H3NpLGWeP4K+4/E8Xw0vA5+4+B5f3fOZ59scJQ+eXnFxMcqXOH95npnIc+/6eDLPydf46naI7hrn+UZ4muLil8fB81zjcXBkiZMvU+b5fZM813kc/MDFj2Esux8oz/fA03OXnqXM8z7TPC/MhJehWS6+5QckRLd/dZ5PcHExkuqvwFXoW53Ic3gaXuDkJFJ8JovvQd9eR1kPT9Nc/DyU6hmrxvhxcD88jcY4OZ7qiafsAfQd0XgcDM9wcSYMeljh+3FwFzyNczE2CoDaE5u1YdM8P5UBL0NznJxGst76ysvX2mBgh06eT3JxYRgBMM+PwlNkkZMTCGpfvD708lyZHUJAOY5SoJfnynMEdUwnz//h4gcEtUXncfAlF5dGEFBGoU6ezyfleUC7+Tiom+cBZcfr4zA8RZeS8jygAzqPg++T8jygDXwc1MvzvxHQikSe/6X9P6V4h5QE8ty/zNM6eb6QlOcB5evk+ZukPDdnfrsfiXHyBQz4v93PJOV5QJt08nzcpacwZ367H/qclOdB8HavnecLEZgzv91HkvI8COZ5rlGemzPPc5fGYc48zzHFxRkEwTzfCd3PZCx4fTDP9Z6x3iCoHXwc1PoOWQheH0XMc61H0FfB81z3dj+a2JwKI6Bc5vnPPJn88HH6GQLi7V4Kb/dieLuXwtu9FN7uxfB2L4W3ewHMc97uZeQxzwUwz3m7F8A8l8HbvRjmuRTe7oXwdr8KUni7l8LbvRj+tFYKf1orhj+tlcKf1orhT2ul8Ke1Uni7F8PbvRT+tFYMb/dytqaojzTN8+T6SNM8T66PtMvzE8J5ztu9FN7uhTDP10POOvk8P5yiPtIzz/k4KIC3ezHH+TgoJWNnEW/3UrL3FSAd/Qv/lEfZXYA2MwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% auto;
    width: 114px;
    height: 294px;
    position: absolute;
    top: -20px;
    right: -370px
}

.portfolio-wrapper.kobweb .responsive-section .responsive__footer {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 190px 0 175px
}

@media screen and (max-width: 1550px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer {
        padding: 190px 0 105px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer {
        padding: 170px 0 65px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer {
        padding: 170px 0 35px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer {
        padding: 110px 0 35px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer {
        padding: 80px 0 35px
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__footer:after {
    content: "";
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 600px
}

@media screen and (max-width: 2000px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer:after {
        height: 420px
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-1 {
    padding-left: 40px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 1850px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-1 {
        max-width: 44vw;
        width: 100%
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-1 {
        max-width: 50vw;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-1 {
        max-width: 100%;
        padding: 0 35px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-1 {
        padding: 0 15px
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-2 {
    position: relative;
    z-index: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-2 {
        max-width: 60%;
        margin-left: auto
    }
}

.portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-2 img {
    position: absolute;
    top: -360px;
    right: 0;
    z-index: -1
}

@media screen and (max-width: 1850px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-2 img {
        max-width: 51vw;
        top: -270px
    }
}

@media screen and (max-width: 1220px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-2 img {
        max-width: 50vw;
        top: -180px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-2 img {
        max-width: 100%;
        top: -160px
    }
}

@media screen and (max-width: 767px) {
    .portfolio-wrapper.kobweb .responsive-section .responsive__footer .footer__item-2 img {
        position: relative;
        top: 40px
    }
}

.portfolio-wrapper.poopshkin {
    padding-top: 70px;
    font-family: Open Sans, sans-serif;
    color: #252d38;
    overflow: hidden
}

.portfolio-wrapper.poopshkin .recent-posts h2 {
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    font-size: 48px;
    max-width: unset;
    text-align: left;
    margin: 20px 0
}

.portfolio-wrapper.poopshkin .mainpage-section .poopshkin-birds, .portfolio-wrapper.poopshkin .mainpage-section .screenshots-container:after, .portfolio-wrapper.poopshkin .mainpage-section .screenshots-container:before, .portfolio-wrapper.poopshkin .title-double {
    -webkit-transition: all .5s;
    transition: all .5s
}

.portfolio-wrapper.poopshkin section {
    padding: 2.5% 0
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.poopshkin .page-container {
        max-width: 1140px
    }
}

@media screen and (max-width: 1366px) {
    .portfolio-wrapper.poopshkin .page-container {
        max-width: 960px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.poopshkin .page-container {
        max-width: 750px
    }
}

.portfolio-wrapper.poopshkin .hero-section {
    background: url(../images/poopshkin-hero-bg.jpg) 50% 75% no-repeat;
    text-align: center;
    background-size: contain
}

@media screen and (min-width: 2560px) {
    .portfolio-wrapper.poopshkin .hero-section {
        background-size: cover
    }
}

@media screen and (min-width: 1920px) {
    .portfolio-wrapper.poopshkin .hero-section {
        padding: 4% 0
    }
}

@media screen and (max-width: 1400px) {
    .portfolio-wrapper.poopshkin .hero-section {
        background-position: 50% 80%
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .hero-section {
        background: none
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.poopshkin .logo {
        max-width: 50%
    }
}

.portfolio-wrapper.poopshkin h1 {
    font-size: 48px;
    padding: 20px 0;
    font-weight: 300
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.poopshkin h1 {
        font-size: 48px
    }
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.poopshkin h1 {
        font-size: 40px
    }
}

.portfolio-wrapper.poopshkin h2 {
    font-size: 18px;
    max-width: 640px;
    margin: 0 auto;
    font-family: Roboto;
    font-weight: 300;
    line-height: 30px;
    text-transform: none
}

.portfolio-wrapper.poopshkin .title-double {
    color: #f0f0f1;
    font-size: 176px;
    text-align: center;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    letter-spacing: 5px;
    min-height: 110px
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .title-double {
        font-size: 110px
    }
}

@media screen and (max-width: 480px) {
    .portfolio-wrapper.poopshkin .title-double {
        font-size: 0
    }
}

.portfolio-wrapper.poopshkin .title-double:after {
    position: absolute;
    font-family: BebasNeue;
    font-size: 48px;
    font-weight: 300;
    text-transform: uppercase;
    color: #252d38;
    letter-spacing: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.poopshkin .title-double:after {
        font-size: 40px
    }
}

.portfolio-wrapper.poopshkin .mainpage-section {
    text-align: center;
    background: url(../images/poopshkin-mainpage-bg.png) 50% 100% no-repeat;
    background-size: contain;
    padding-bottom: 20%
}

.portfolio-wrapper.poopshkin .mainpage-section .title-double:after {
    content: "main page"
}

.portfolio-wrapper.poopshkin .mainpage-section .screenshot-pc {
    padding-top: 7.5%
}

.portfolio-wrapper.poopshkin .mainpage-section .screenshots-container {
    max-width: 689px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media screen and (max-width: 1400px) {
    .portfolio-wrapper.poopshkin .mainpage-section .screenshots-container img {
        max-width: 90%
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .mainpage-section .screenshots-container img {
        max-width: 85%
    }
}

.portfolio-wrapper.poopshkin .mainpage-section .screenshots-container:after, .portfolio-wrapper.poopshkin .mainpage-section .screenshots-container:before {
    position: absolute;
    display: block;
    content: "";
    opacity: 1
}

@media screen and (max-width: 1350px) {
    .portfolio-wrapper.poopshkin .mainpage-section .screenshots-container:after, .portfolio-wrapper.poopshkin .mainpage-section .screenshots-container:before {
        opacity: 0
    }
}

.portfolio-wrapper.poopshkin .mainpage-section .screenshots-container:before {
    width: 589px;
    height: 873px;
    background: url(../images/poopshkin-mainpage-screenshot-ipad.png);
    top: 10%;
    left: -59%
}

.portfolio-wrapper.poopshkin .mainpage-section .screenshots-container:after {
    width: 433px;
    height: 641px;
    background: url(../images/poopshkin-mainpage-screenshot-mobile.png);
    top: 25%;
    right: -50%
}

.portfolio-wrapper.poopshkin .mainpage-section .poopshkin-birds {
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 1
}

@media screen and (max-width: 1350px) {
    .portfolio-wrapper.poopshkin .mainpage-section .poopshkin-birds {
        opacity: 0
    }
}

.portfolio-wrapper.poopshkin .features-section {
    text-align: center;
    padding: 2.5% 0
}

.portfolio-wrapper.poopshkin .features-section h2 {
    padding-top: 70px;
    font-size: 48px;
    text-transform: uppercase;
    font-family: BebasNeue
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .features-section h2 {
        padding-top: 0
    }
}

@media screen and (max-width: 320px) {
    .portfolio-wrapper.poopshkin .features-section h2 {
        font-size: 40px
    }
}

.portfolio-wrapper.poopshkin .features-section .container-colours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 60px
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .features-section .container-colours {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.portfolio-wrapper.poopshkin .features-section .container-colours .item {
    min-height: 148px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    margin-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 25%
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .features-section .container-colours .item {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }
}

.portfolio-wrapper.poopshkin .features-section .container-colours .item img {
    max-width: 90%
}

.portfolio-wrapper.poopshkin .features-section .container-colours span {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 5px
}

.portfolio-wrapper.poopshkin .features-section .features-typography {
    display: block;
    margin: 60px auto 0;
    width: 35%
}

@media screen and (max-width: 1200px) {
    .portfolio-wrapper.poopshkin .features-section .features-typography {
        width: 45%
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .features-section .features-typography {
        width: 60%
    }
}

.portfolio-wrapper.poopshkin .features-section .features-mockup {
    padding-top: 8%
}

@media screen and (max-width: 1920px) {
    .portfolio-wrapper.poopshkin .features-section .features-mockup {
        width: 80%
    }
}

.portfolio-wrapper.poopshkin .mobile-section {
    background: url(../images/poopshkin-mobile-section-bg.jpg) 50% 100% no-repeat;
    padding: 2.5% 0 15%;
    background-size: contain
}

.portfolio-wrapper.poopshkin .mobile-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10%
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .mobile-section .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.portfolio-wrapper.poopshkin .mobile-section .container .column {
    width: 33%;
    text-align: center
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .mobile-section .container .column {
        width: 100%
    }
}

.portfolio-wrapper.poopshkin .mobile-section .container .column img {
    width: 90%;
    max-width: 400px;
    margin-bottom: 30px
}

.portfolio-wrapper.poopshkin .mobile-section .container .column:nth-of-type(3) {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    margin-top: 11%
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.poopshkin .mobile-section .container .column:nth-of-type(3) {
        margin-top: 0
    }
}

.portfolio-wrapper.poopshkin .mobile-section .title-double:after {
    content: "mobile"
}

.portfolio-wrapper.aj-flowers {
    padding-top: 43px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers {
        padding-top: 0
    }
}

.portfolio-wrapper.aj-flowers .aj-flowers-banner {
    height: 100vh;
    position: relative;
    background: #fff;
    padding-top: 46px;
    min-height: 1000px
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner {
        height: 70vh;
        min-height: 992px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner {
        height: 50vh;
        min-height: 0
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner {
        padding-top: 20px;
        height: auto
    }
}

.portfolio-wrapper.aj-flowers .aj-flowers-banner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 100%;
    max-width: 438px;
    height: 100vh;
    max-height: 352px;
    background: url(../images/lipst_flowers.png) no-repeat
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner:after {
        max-width: 300px;
        background-size: cover
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner:after {
        display: none
    }
}

.portfolio-wrapper.aj-flowers .aj-flowers-banner .aj-flowers-banner-layer {
    content: "";
    display: block;
    position: absolute;
    top: 88%;
    left: auto;
    right: 0;
    width: 100%;
    max-width: 629px;
    height: 100vh;
    max-height: 584px;
    background: url(../images/mbook_flowers.png) no-repeat
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner .aj-flowers-banner-layer {
        max-width: 450px;
        height: 100vh;
        max-height: 600px;
        top: 77%
    }
}

@media screen and (max-width: 1280px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner .aj-flowers-banner-layer {
        z-index: 10
    }
}

@media screen and (max-width: 1400px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner .aj-flowers-banner-layer {
        max-width: 400px;
        height: 100vh;
        max-height: 500px;
        top: 83%;
        background-size: cover
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner .aj-flowers-banner-layer {
        display: none
    }
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner-content__img img {
        width: 80%;
        margin-left: 0;
        margin-right: auto
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner-content__img img {
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .ajflower-style-guide {
        padding-top: 30px
    }
}

.portfolio-wrapper.aj-flowers .ajflower-style-guide .container-main {
    position: relative
}

.portfolio-wrapper.aj-flowers .container {
    width: 100%;
    max-width: 1728px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px
}

.portfolio-wrapper.aj-flowers .aj-flowers-banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.portfolio-wrapper.aj-flowers .aj-flowers-banner-content__text {
    padding-top: 160px;
    width: 100%;
    max-width: 585px;
    margin-right: auto;
    margin-left: 166px
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner-content__text {
        margin-left: 10%
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner-content__text {
        margin-left: 50px
    }
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner-content__text {
        padding-top: 0
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner-content__text {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding-top: 20px
    }
}

.portfolio-wrapper.aj-flowers .aj-flowers-banner-content-title {
    font-size: calc(4.875vw + 14.4px);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #f08d94;
    line-height: 1;
    margin: 0 0 97px
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner-content-title {
        margin: 0 0 30px
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .aj-flowers-banner-content-title {
        margin: 0 0 10px
    }
}

.portfolio-wrapper.aj-flowers .aj-flowers-banner-content-subtitle {
    color: #2c313a;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-size: calc(1.75vw + 14.4px);
    line-height: 1.2;
    width: 100%;
    text-align: left;
    font-weight: 700;
    margin: 0 0 33px
}

.portfolio-wrapper.aj-flowers .aj-flowers-banner-content-text {
    margin: 0;
    width: 100%;
    font-family: Open Sans, sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    text-align: left
}

.portfolio-wrapper.aj-flowers .style-guide-list-title {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: calc(.5vw + 18.4px);
    line-height: 1;
    color: #f08d94;
    position: absolute;
    top: 38px;
    right: auto;
    left: -24px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .style-guide-list-title {
        display: block;
        position: static;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        padding-bottom: 20px
    }
}

.portfolio-wrapper.aj-flowers .container-main {
    width: 100%;
    max-width: 1605px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.portfolio-wrapper.aj-flowers .style-guide-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #e2e2e2;
    padding: 45px 60px;
    position: relative;
    width: 100%;
    max-width: 1012px;
    margin-right: auto;
    margin-left: 47px
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.aj-flowers .style-guide-list {
        padding: 30px;
        max-width: 860px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .style-guide-list {
        width: 100%;
        max-width: 95%;
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.aj-flowers .style-guide-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px;
        max-width: 92%;
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .style-guide-list {
        max-width: 100%;
        width: 100%;
        border: none;
        padding: 0
    }
}

.portfolio-wrapper.aj-flowers .style-guide-list__item {
    width: calc(50% - 60px)
}

.portfolio-wrapper.aj-flowers .style-guide-list__item--stack, .portfolio-wrapper.aj-flowers .style-guide-list__item--typography {
    margin-right: 60px
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .style-guide-list__item--stack, .portfolio-wrapper.aj-flowers .style-guide-list__item--typography {
        margin-right: 20px
    }
}

.portfolio-wrapper.aj-flowers .style-guide-list__item--stack {
    margin-top: 11px
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.aj-flowers .style-guide-list__item {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-top: 20px
    }

    .portfolio-wrapper.aj-flowers .style-guide-list__item:first-of-type {
        margin-top: 0
    }
}

.portfolio-wrapper.aj-flowers .style-guide-title {
    text-transform: uppercase;
    margin: 0 0 29px;
    font-weight: 400;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    color: #000;
    font-size: calc(2.0625vw + 18.4px);
    line-height: 1
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .style-guide-title {
        margin: 0 0 10px
    }
}

.portfolio-wrapper.aj-flowers .style-guide-content__stack {
    margin: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #333;
    font-size: 20px;
    line-height: 36px;
    text-transform: uppercase
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .style-guide-content__stack {
        font-size: 16px;
        line-height: 1.2
    }
}

.portfolio-wrapper.aj-flowers .style-guide-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -24px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .style-guide-color {
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.portfolio-wrapper.aj-flowers .style-guide-color-title {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #333;
    font-size: 21px;
    line-height: 1
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .style-guide-color-title {
        font-size: 16px;
        line-height: 1.2
    }
}

.portfolio-wrapper.aj-flowers .style-guide-color__item {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 24px
}

.portfolio-wrapper.aj-flowers .style-guide-color__item .style-guide-color-ico {
    margin-right: 9px
}

@media screen and (max-width: 990px) {
    .portfolio-wrapper.aj-flowers .style-guide-color__item .style-guide-color-ico {
        width: 30px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.aj-flowers .style-guide-color__item {
        width: 33.33%
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .style-guide-color__item {
        width: 100%;
        max-width: 100%
    }

    .portfolio-wrapper.aj-flowers .style-guide-color__item:first-of-type {
        padding-top: 0
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk1 {
    padding-top: 76px;
    padding-bottom: 76px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk1 {
        padding: 30px 0
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk1 .container-main {
    position: relative
}

.portfolio-wrapper.aj-flowers .ajflower-mk1 .style-guide-list-title {
    top: 46px;
    left: 31px
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk1 .style-guide-list-title {
        top: 27px
    }
}

.portfolio-wrapper.aj-flowers .mackup1 {
    text-align: center;
    padding-right: 87px;
    padding-left: 87px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .mackup1 {
        padding: 0
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-2 {
    padding-top: 30px
}

.portfolio-wrapper.aj-flowers .mackup2 {
    width: 100%;
    position: relative;
    max-width: 857px;
    margin: 0 auto;
    border: 1px solid #e2e2e2;
    padding: 73px 0 95px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .mackup2 {
        max-width: 760px
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.aj-flowers .mackup2 {
        max-width: calc(100% - 116px);
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .mackup2 {
        width: 100%;
        max-width: 100%;
        border: none;
        padding: 0 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.portfolio-wrapper.aj-flowers .mackup2 .style-guide-list-title {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 1;
    color: #f08d94;
    position: absolute;
    top: 75px;
    left: -127px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .mackup2 .style-guide-list-title {
        display: block;
        position: static;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .mackup2 img {
        width: 40%
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.aj-flowers .mackup2 img {
        width: 30%
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .mackup2 img {
        width: 100%
    }
}

.portfolio-wrapper.aj-flowers .mackup2 img:first-of-type {
    padding-top: 195px;
    margin-right: 65px
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.aj-flowers .mackup2 img:first-of-type {
        margin-right: 20px
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .mackup2 img:first-of-type {
        margin-right: 0;
        padding: 30px 0
    }

    .portfolio-wrapper.aj-flowers .mackup2 img:first-of-type:first-of-type {
        padding-top: 0
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-2-layer {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100vh
}

.portfolio-wrapper.aj-flowers .ajflower-mk-2-layer--1 {
    left: 0;
    right: auto;
    max-height: 473px;
    max-width: 606px;
    background: url(../images/mk2_layer1.png) no-repeat
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-2-layer--1 {
        max-width: 400px;
        background-size: contain
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-2-layer--1 {
        max-width: 300px;
        max-height: 200px
    }
}

@media screen and (max-width: 1280px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-2-layer--1 {
        max-width: 200px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-2-layer--1 {
        display: none
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-2-layer--2 {
    left: auto;
    right: 0;
    max-height: 415px;
    max-width: 366px;
    background: url(../images/mk2_layer2.png) no-repeat
}

@media screen and (max-width: 1600px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-2-layer--2 {
        max-width: 300px;
        background-size: contain
    }
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-2-layer--2 {
        max-width: 151px;
        max-height: 200px
    }
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-2-layer--2 {
        display: none
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-3 {
    padding-top: 123px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-3 {
        padding-top: 30px
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-3 .container-main {
    width: 100%;
    max-width: 1651px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.portfolio-wrapper.aj-flowers .ajflower-mk-3-layers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-3-layers {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-3-layer-1 {
    position: relative;
    z-index: 10
}

.portfolio-wrapper.aj-flowers .ajflower-mk-3-layer-1 .ajflower-mk-3-layer-inner {
    position: absolute;
    top: -87px;
    right: -133px;
    left: auto;
    width: 100%;
    max-width: 293px;
    height: 100vh;
    max-height: 533px;
    background: url(../images/mk3_layer3.png) no-repeat
}

@media screen and (max-width: 1440px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-3-layer-1 .ajflower-mk-3-layer-inner {
        max-width: 200px;
        max-height: 300px;
        background-size: contain;
        top: -80px;
        right: -100px
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-3-layer-1 .ajflower-mk-3-layer-inner {
        display: none
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-3-layer-2 {
    margin-left: -129px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-3-layer-2 {
        margin-left: 0;
        padding-top: 30px
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-4 {
    padding-top: 105px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-4 {
        padding-top: 30px
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-4 .container-main {
    max-width: 1504px
}

.portfolio-wrapper.aj-flowers .ajflower-mk-4 .ajflower-mk-4-header {
    padding-left: 131px
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .ajflower-mk-4 .ajflower-mk-4-header {
        padding-left: 0
    }
}

.portfolio-wrapper.aj-flowers .ajflower-mk-4 .ajflower-mk-4-header__title {
    margin: 0
}

.portfolio-wrapper.aj-flowers .inner-title {
    color: #f08d94;
    font-size: 28px;
    line-height: 1;
    font-family: BebasNeue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: left;
    display: inline-block;
    position: relative;
    margin-right: 23px;
    font-weight: 400
}

.portfolio-wrapper.aj-flowers .inner-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 73.5vw;
    height: 1px;
    background: #e2e2e2;
    top: 90%;
    left: calc(100% + 23px);
    right: auto
}

@media screen and (max-width: 1024px) {
    .portfolio-wrapper.aj-flowers .inner-title:after {
        width: 83vw
    }
}

@media screen and (max-width: 768px) {
    .portfolio-wrapper.aj-flowers .inner-title:after {
        width: 75vw
    }
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .inner-title:after {
        display: none
    }
}

.portfolio-wrapper.aj-flowers .ajflowers-mk-4-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 42px
}

@media screen and (max-width: 640px) {
    .portfolio-wrapper.aj-flowers .ajflowers-mk-4-inner {
        padding-top: 30px
    }
}

@media screen and (max-width: 1023px) {
    .portfolio-wrapper {
        padding-top: 20px !important
    }
}

.portfolio-wrapper img {
    width: auto
}

.portfolio-wrapper.portfolio-wrapper {
    margin-top: 70px
}

.portfolio-wrapper section {
    overflow: visible
}

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

.flex-row {
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-row, .flex-row-reverse {
    -webkit-box-orient: horizontal !important
}

.flex-row-reverse {
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-col {
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-col, .flex-col-reverse {
    -webkit-box-orient: vertical !important
}

.flex-col-reverse {
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-wrap-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-no-wrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.justify-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.justify-stretch {
    -webkit-box-pack: stretch !important;
    -ms-flex-pack: stretch !important;
    justify-content: stretch !important
}

.items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.hidden {
    display: none !important
}

.custom-order-pricing {
    width: 100%;
    max-width: 100%;
    margin-top: 10em;
    margin-bottom: 5em;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.custom-order-pricing .single-service-other-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 41em;
}

.custom-order-pricing .single-service-other-card__descr {
    width: 90%;
    max-width: 90%;
    text-align: left;
    color: #393939;
    font-weight: bold;
}

.custom-order-pricing .single-service-other-card__title {
    font-size: 2rem;
    background: transparent;
    width: 90%;
    text-align: center;
    color: #393939;
    padding: .5em 1em;
    border: .1em solid #393939;
}

.custom-order-pricing .single-service-other-card__link {
    height: auto;
    min-height: 30em;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.custom-order-pricing-green {
    background-color: #FFC604 !important;
    background-image: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.custom-order-pricing-red {
    background-color: #c33824 !important;
    background-image: none !important;
}

.order-btn-block {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-btn {
    font-size: 1.5em;
    color: #393939;
    line-height: 1;
    background: transparent;
    border: .2em solid #393939;
    padding: 1em .5em;
    display: block;
    width: 80%;
    text-transform: uppercase;
    font-weight: 900;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    transition: .3s ease-in-out;
    margin-top: 1em;
}

.order-btn:hover {
    transition: .3s ease-in-out;
    background: #ffffff;
    border: .2em solid #ffffff;
    color: #FFC604;
}

@media (max-width: 1170px) {
    .desctop-items-custom {
        display: none;
    }
}

@media (max-width: 1440px) {
    .hero-image__figure {
        width: 100%;
        height: 100%;
        max-width: 600px;
        position: relative;
        top: 0px;
        left: 0px;
    }
}

.info-buisness-block {
    order: 1;
    display: block;
}

.info-buisness-block p {
    color: #ffffff;
    font-size: 16px;
}

@media (max-width: 882px) {
    .info-buisness-block {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
}