@charset "UTF-8";

/*!
 * Font Awesome Free 5.14.0 by @fontawesome - https: //fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0,  Fonts: SIL OFL 1.1,  Code: MIT License)
 */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
}

.fa-xs {
    font-size: .75em;
}

.fa-sm {
    font-size: .875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-acquisitions-incorporated:before {
    content: "\f6af"
}

.fa-ad:before {
    content: "\f641"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adobe:before {
    content: "\f778"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-air-freshener:before {
    content: "\f5d0"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before {
    content: "\f77d"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-bacteria:before {
    content: "\e059"
}

.fa-bacterium:before {
    content: "\e05a"
}

.fa-bahai:before {
    content: "\f666"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-balance-scale-left:before {
    content: "\f515"
}

.fa-balance-scale-right:before {
    content: "\f516"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bible:before {
    content: "\f647"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-biking:before {
    content: "\f84a"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blog:before {
    content: "\f781"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-dead:before {
    content: "\f6b7"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-reader:before {
    content: "\f5da"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-border-style:before {
    content: "\f853"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-box-tissue:before {
    content: "\e05b"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-business-time:before {
    content: "\f64a"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-car-alt:before {
    content: "\f5de"
}

.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-caravan:before {
    content: "\f8ff"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clinic-medical:before {
    content: "\f7f2"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compress:before {
    content: "\f066"
}

.fa-compress-alt:before {
    content: "\f422"
}

.fa-compress-arrows-alt:before {
    content: "\f78c"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dailymotion:before {
    content: "\e052"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-deezer:before {
    content: "\e077"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-directions:before {
    content: "\f5eb"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-disease:before {
    content: "\f7fa"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edge-legacy:before {
    content: "\e078"
}

.fa-edit:before {
    content: "\f044"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-alt:before {
    content: "\f424"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fan:before {
    content: "\f863"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-faucet:before {
    content: "\e005"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-female:before {
    content: "\f182"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-alt:before {
    content: "\f7e4"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-firefox-browser:before {
    content: "\e007"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fist-raised:before {
    content: "\f6de"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glass-whiskey:before {
    content: "\f7a0"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-pay:before {
    content: "\e079"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hamburger:before {
    content: "\f805"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-medical:before {
    content: "\e05c"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-sparkles:before {
    content: "\e05d"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-hands-wash:before {
    content: "\e05e"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-handshake-alt-slash:before {
    content: "\e05f"
}

.fa-handshake-slash:before {
    content: "\e060"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-hat:before {
    content: "\f807"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-head-side-cough:before {
    content: "\e061"
}

.fa-head-side-cough-slash:before {
    content: "\e062"
}

.fa-head-side-mask:before {
    content: "\e063"
}

.fa-head-side-virus:before {
    content: "\e064"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before {
    content: "\f7a9"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hiking:before {
    content: "\f6ec"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-home:before {
    content: "\f015"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hospital-user:before {
    content: "\f80d"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-house-damage:before {
    content: "\f6f1"
}

.fa-house-user:before {
    content: "\e065"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-icons:before {
    content: "\f86d"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-ideal:before {
    content: "\e013"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-instagram-square:before {
    content: "\e055"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-journal-whills:before {
    content: "\f66a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-key:before {
    content: "\f084"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-house:before {
    content: "\e066"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-lungs-virus:before {
    content: "\e067"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mail-bulk:before {
    content: "\f674"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microblog:before {
    content: "\e01a"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mixer:before {
    content: "\e056"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mouse:before {
    content: "\f8cc"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neos:before {
    content: "\f612"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-om:before {
    content: "\f679"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-otter:before {
    content: "\f700"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-pastafarianism:before {
    content: "\f67b"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-penny-arcade:before {
    content: "\f704"
}

.fa-people-arrows:before {
    content: "\e068"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-alt:before {
    content: "\f879"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-square-alt:before {
    content: "\f87b"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-photo-video:before {
    content: "\f87c"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-square:before {
    content: "\e01e"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-plane-slash:before {
    content: "\e069"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poll:before {
    content: "\f681"
}

.fa-poll-h:before {
    content: "\f682"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-pray:before {
    content: "\f683"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pump-medical:before {
    content: "\e06a"
}

.fa-pump-soap:before {
    content: "\e06b"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-quran:before {
    content: "\f687"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-random:before {
    content: "\f074"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-remove-format:before {
    content: "\f87d"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-running:before {
    content: "\f70c"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-rust:before {
    content: "\e07a"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-shield-virus:before {
    content: "\e06c"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopify:before {
    content: "\e057"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sink:before {
    content: "\e06d"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skating:before {
    content: "\f7c5"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-skiing:before {
    content: "\f7c9"
}

.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-sms:before {
    content: "\f7cd"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-soap:before {
    content: "\e06e"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-stopwatch-20:before {
    content: "\e06f"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-store-alt-slash:before {
    content: "\e070"
}

.fa-store-slash:before {
    content: "\e071"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-tenge:before {
    content: "\f7d7"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-theater-masks:before {
    content: "\f630"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-tiktok:before {
    content: "\e07b"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toilet-paper-slash:before {
    content: "\e072"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tools:before {
    content: "\f7d9"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torah:before {
    content: "\f6a0"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-trailer:before {
    content: "\e041"
}

.fa-train:before {
    content: "\f238"
}

.fa-tram:before {
    content: "\f7da"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-unity:before {
    content: "\e049"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-unsplash:before {
    content: "\e07c"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-users-slash:before {
    content: "\e073"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-virus:before {
    content: "\e074"
}

.fa-virus-slash:before {
    content: "\e075"
}

.fa-viruses:before {
    content: "\e076"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-mute:before {
    content: "\f6a9"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vote-yea:before {
    content: "\f772"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-water:before {
    content: "\f773"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

.splide__container {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.splide__list {
    margin: 0 !important;
    padding: 0 !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    will-change: trasform;
}

.splide.is-active .splide__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.splide__pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

.splide__pagination li {
    list-style-type: none;
    display: inline-block;
    line-height: 1;
    margin: 0;
}

.splide {
    visibility: hidden;
}

.splide,
.splide__slide {
    position: relative;
    outline: 0;
}

.splide__slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: none !important;
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.splide__slide img {
    vertical-align: bottom;
}

.splide__slider {
    position: relative;
}

.splide__spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #999;
    border-left-color: transparent;
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
}

.splide__track {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.splide--draggable>.splide__track>.splide__list>.splide__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.splide--fade>.splide__track>.splide__list {
    display: block;
}

.splide--fade>.splide__track>.splide__list>.splide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
}

.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1;
}

.splide--rtl {
    direction: rtl;
}

.splide--ttb>.splide__track>.splide__list {
    display: block;
}

.splide--ttb>.splide__pagination {
    width: auto;
}

.splide__arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    height: 2em;
    border-radius: 50%;
    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;
    border: none;
    padding: 0;
    opacity: .7;
    background: #ccc;
}

.splide__arrow svg {
    width: 1.2em;
    height: 1.2em;
}

.splide__arrow:hover {
    cursor: pointer;
    opacity: .9;
}

.splide__arrow:focus {
    outline: 0;
}

.splide__arrow--prev {
    left: 1em;
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.splide__arrow--next {
    right: 1em;
}

.splide__pagination {
    position: absolute;
    z-index: 1;
    bottom: .5em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
}

.splide__pagination__page {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
    margin: 3px;
    padding: 0;
    -webkit-transition: transfrom .2s linear;
    -o-transition: transfrom .2s linear;
    transition: transfrom .2s linear;
    border: none;
    opacity: .7;
}

.splide__pagination__page.is-active {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    background: #fff;
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9;
}

.splide__pagination__page:focus {
    outline: 0;
}

.splide__progress__bar {
    width: 0;
    height: 3px;
    background: #ccc;
}

.splide--nav>.splide__track>.splide__list>.splide__slide {
    border: 3px solid transparent;
}

.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
    border-color: #000;
}

.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
    outline: 0;
}

.splide--rtl>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
    right: 1em;
    left: auto;
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.splide--rtl>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
    left: 1em;
    right: auto;
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.splide--ttb>.splide__arrows .splide__arrow,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

.splide--ttb>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
    top: 1em;
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.splide--ttb>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
    top: auto;
    bottom: 1em;
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.splide--ttb>.splide__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: 50%;
    left: auto;
    right: .5em;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.ct-label {
    fill: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4);
    font-size: .75rem;
    line-height: 1;
}

.ct-chart-bar .ct-label,
.ct-chart-line .ct-label {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ct-chart-donut .ct-label,
.ct-chart-pie .ct-label {
    dominant-baseline: central;
}

.ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-label.ct-vertical.ct-start {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end;
}

.ct-label.ct-vertical.ct-end {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end;
}

.ct-grid {
    stroke: rgba(0, 0, 0, .2);
    stroke-width: 1px;
    stroke-dasharray: 2px;
}

.ct-grid-background {
    fill: none;
}

.ct-point {
    stroke-width: 10px;
    stroke-linecap: round;
}

.ct-line {
    fill: none;
    stroke-width: 4px;
}

.ct-area {
    stroke: none;
    fill-opacity: .1;
}

.ct-bar {
    fill: none;
    stroke-width: 10px;
}

.ct-slice-donut {
    fill: none;
    stroke-width: 60px;
}

.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #d70206;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-slice-pie {
    fill: #d70206;
}

.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
    stroke: #f05b4f;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-slice-pie {
    fill: #f05b4f;
}

.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
    stroke: #f4c63d;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-slice-pie {
    fill: #f4c63d;
}

.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut {
    stroke: #d17905;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-slice-pie {
    fill: #d17905;
}

.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
    stroke: #453d3f;
}

.ct-series-e .ct-area,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-slice-pie {
    fill: #453d3f;
}

.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut {
    stroke: #59922b;
}

.ct-series-f .ct-area,
.ct-series-f .ct-slice-donut-solid,
.ct-series-f .ct-slice-pie {
    fill: #59922b;
}

.ct-series-g .ct-bar,
.ct-series-g .ct-line,
.ct-series-g .ct-point,
.ct-series-g .ct-slice-donut {
    stroke: #0544d3;
}

.ct-series-g .ct-area,
.ct-series-g .ct-slice-donut-solid,
.ct-series-g .ct-slice-pie {
    fill: #0544d3;
}

.ct-series-h .ct-bar,
.ct-series-h .ct-line,
.ct-series-h .ct-point,
.ct-series-h .ct-slice-donut {
    stroke: #6b0392;
}

.ct-series-h .ct-area,
.ct-series-h .ct-slice-donut-solid,
.ct-series-h .ct-slice-pie {
    fill: #6b0392;
}

.ct-series-i .ct-bar,
.ct-series-i .ct-line,
.ct-series-i .ct-point,
.ct-series-i .ct-slice-donut {
    stroke: #f05b4f;
}

.ct-series-i .ct-area,
.ct-series-i .ct-slice-donut-solid,
.ct-series-i .ct-slice-pie {
    fill: #f05b4f;
}

.ct-series-j .ct-bar,
.ct-series-j .ct-line,
.ct-series-j .ct-point,
.ct-series-j .ct-slice-donut {
    stroke: #dda458;
}

.ct-series-j .ct-area,
.ct-series-j .ct-slice-donut-solid,
.ct-series-j .ct-slice-pie {
    fill: #dda458;
}

.ct-series-k .ct-bar,
.ct-series-k .ct-line,
.ct-series-k .ct-point,
.ct-series-k .ct-slice-donut {
    stroke: #eacf7d;
}

.ct-series-k .ct-area,
.ct-series-k .ct-slice-donut-solid,
.ct-series-k .ct-slice-pie {
    fill: #eacf7d;
}

.ct-series-l .ct-bar,
.ct-series-l .ct-line,
.ct-series-l .ct-point,
.ct-series-l .ct-slice-donut {
    stroke: #86797d;
}

.ct-series-l .ct-area,
.ct-series-l .ct-slice-donut-solid,
.ct-series-l .ct-slice-pie {
    fill: #86797d;
}

.ct-series-m .ct-bar,
.ct-series-m .ct-line,
.ct-series-m .ct-point,
.ct-series-m .ct-slice-donut {
    stroke: #b2c326;
}

.ct-series-m .ct-area,
.ct-series-m .ct-slice-donut-solid,
.ct-series-m .ct-slice-pie {
    fill: #b2c326;
}

.ct-series-n .ct-bar,
.ct-series-n .ct-line,
.ct-series-n .ct-point,
.ct-series-n .ct-slice-donut {
    stroke: #6188e2;
}

.ct-series-n .ct-area,
.ct-series-n .ct-slice-donut-solid,
.ct-series-n .ct-slice-pie {
    fill: #6188e2;
}

.ct-series-o .ct-bar,
.ct-series-o .ct-line,
.ct-series-o .ct-point,
.ct-series-o .ct-slice-donut {
    stroke: #a748ca;
}

.ct-series-o .ct-area,
.ct-series-o .ct-slice-donut-solid,
.ct-series-o .ct-slice-pie {
    fill: #a748ca;
}

.ct-square {
    display: block;
    position: relative;
    width: 100%
}

.ct-square:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%
}

.ct-square:after {
    content: "";
    display: table;
    clear: both;
}

.ct-square>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-minor-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 93.75%
}

.ct-minor-second:after {
    content: "";
    display: table;
    clear: both;
}

.ct-minor-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-major-second {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-second:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 88.8888888889%
}

.ct-major-second:after {
    content: "";
    display: table;
    clear: both;
}

.ct-major-second>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-minor-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 83.3333333333%
}

.ct-minor-third:after {
    content: "";
    display: table;
    clear: both;
}

.ct-minor-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-major-third {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-third:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 80%
}

.ct-major-third:after {
    content: "";
    display: table;
    clear: both;
}

.ct-major-third>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fourth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 75%
}

.ct-perfect-fourth:after {
    content: "";
    display: table;
    clear: both;
}

.ct-perfect-fourth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%
}

.ct-perfect-fifth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 66.6666666667%
}

.ct-perfect-fifth:after {
    content: "";
    display: table;
    clear: both;
}

.ct-perfect-fifth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 62.5%
}

.ct-minor-sixth:after {
    content: "";
    display: table;
    clear: both;
}

.ct-minor-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-golden-section {
    display: block;
    position: relative;
    width: 100%
}

.ct-golden-section:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 61.804697157%
}

.ct-golden-section:after {
    content: "";
    display: table;
    clear: both;
}

.ct-golden-section>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-sixth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 60%
}

.ct-major-sixth:after {
    content: "";
    display: table;
    clear: both;
}

.ct-major-sixth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-minor-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 56.25%
}

.ct-minor-seventh:after {
    content: "";
    display: table;
    clear: both;
}

.ct-minor-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-seventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 53.3333333333%
}

.ct-major-seventh:after {
    content: "";
    display: table;
    clear: both;
}

.ct-major-seventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 50%
}

.ct-octave:after {
    content: "";
    display: table;
    clear: both;
}

.ct-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-tenth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 40%
}

.ct-major-tenth:after {
    content: "";
    display: table;
    clear: both;
}

.ct-major-tenth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-eleventh:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 37.5%
}

.ct-major-eleventh:after {
    content: "";
    display: table;
    clear: both;
}

.ct-major-eleventh>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%
}

.ct-major-twelfth:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 33.3333333333%
}

.ct-major-twelfth:after {
    content: "";
    display: table;
    clear: both;
}

.ct-major-twelfth>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ct-double-octave {
    display: block;
    position: relative;
    width: 100%
}

.ct-double-octave:before {
    display: block;
    float: left;
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 25%
}

.ct-double-octave:after {
    content: "";
    display: table;
    clear: both;
}

.ct-double-octave>svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-ExtraLight.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-ExtraBold.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Ubuntu;
    src: url(../fonts/Ubuntu-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Ubuntu;
    src: url(../fonts/Ubuntu-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Ubuntu;
    src: url(../fonts/Ubuntu-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Journal Sans';
    src: url(../fonts/JournalSans.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Journal Sans';
    src: url(../fonts/JournalSans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile Ext';
    src: url(../fonts/EurostileExt-Bla.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile Ext';
    src: url(../fonts/EurostileExt-Med.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostile Extd';
    src: url(../fonts/EurostileExt-Reg.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

* {
    outline: 0;
}

a,
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
ul {
    margin: 0;
    padding: 0;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

textarea {
    resize: vertical;
}

iframe {
    display: block;
    border: none;
}

button {
    border: none;
    background: 0 0;
    cursor: pointer;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.container {
    margin: 0 auto;
    position: relative;
    max-width: 1160px;
    padding: 0 7.4% 0 6.66%
}

.container--large {
    padding: 0 2.37%;
    max-width: 1350px;
}

.container--small {
    max-width: 980px;
}

@media (max-width:1024px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width:500px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

html {
    overflow-x: hidden;
    overflow-y: scroll;
    max-width: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: Montserrat, Helvetica, sans-serif;
    overflow: hidden;
    margin: 0;
}

main {
    background-color: #fff;
    position: relative;
    z-index: 2;
    overflow-x: hidden;
}

.anime-wrap {
    position: relative;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .8s, .8s;
    -o-transition-duration: .8s, .8s;
    transition-duration: .8s, .8s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    -o-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    -webkit-transition-delay: 0s, .6s;
    -o-transition-delay: 0s, .6s;
    transition-delay: 0s, .6s;
    z-index: 101;
    height: auto;
    overflow: hidden;
    opacity: 1;
    pointer-events: all;
}

.anime-wrap--active {
    -webkit-transform: scale(.8) translateX(calc(-29vw + .1vw)) translateZ(0);
    transform: scale(.8) translateX(calc(-29vw + .1vw)) translateZ(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 0;
    pointer-events: none;
    height: 100%
}

.anime-wrap__inner {
    height: 100%
}

.anime-wrap--active .anime-wrap__inner {
    -webkit-transform: scale(1.007);
    -ms-transform: scale(1.007);
    transform: scale(1.007);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.fas {
    font-family: FontAwesome;
    font-weight: 400;
}

.custom-page .request-section {
    background-color: var(--mainColor);
}

.custom-page .input-group {
    background-color: rgba(0, 0, 0, .2);
}

.custom-page .input-group__label {
    color: rgba(255, 255, 255, .7);
}

.custom-page .request-section,
.custom-page .widgets {
    margin-top: 300px;
}

.custom-page .request-section__wave,
.custom-page .widgets__curve {
    position: absolute;
    top: -249px;
    height: 250px;
    left: 0;
    right: 0;
    width: 100%
}

.custom-page .create-solutions,
.custom-page .widgets {
    background-color: var(--lightMainColor);
}

.custom-page .stack-technology__item {
    color: var(--mainColor);
}

.custom-page .anime-underline::before {
    background-color: var(--mainColor);
    opacity: .5;
}

.custom-page .service-morphing-card--border .service-morphing-card__link,
.custom-page .service-morphing-card--border .service-morphing-card__title {
    color: var(--mainColor);
}

.custom-page .service-morphing-card--border {
    border-color: var(--lightMainColor);
}

.custom-page .service-morphing-card--border .morphing-link__text::before {
    border-color: var(--mainColor);
}

.custom-page .terms-dev {
    background-color: var(--lightMainColor);
}

.custom-page .anim-lines__line span,
.custom-page .terms-dev__term {
    color: var(--mainColor);
}

.custom-page .anim-lines__line {
    background-color: var(--mainColor);
}

.custom-page .services-price {
    padding-bottom: 300px;
}

.custom-page .services-price__triangle {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: -1px;
    height: 250px;
}

.custom-page .sportsite-configurator,
.custom-page .sportsite-configurator__success {
    background-color: var(--mainColor);
}

.custom-page .sportsite-configurator__success {
    border-color: var(--config-steps-count);
}

.custom-page .sportsite-configurator__progress {
    background-color: var(--config-progress-dark-bg);
}

.custom-page .sportsite-configurator__progress-bar {
    background-color: var(--config-progress-bar);
}

.custom-page .sportsite-configurator__content-steps-count,
.custom-page .sportsite-configurator__content-steps-item-text,
.custom-page .sportsite-configurator__success-text {
    color: var(--config-steps-count);
}

@media (min-width:1800px) {
    .anime-wrap--active {
        -webkit-transform: scale(.8) translateX(calc(-29.5vw + 10px)) translateZ(0);
        transform: scale(.8) translateX(calc(-29.5vw + 10px)) translateZ(0);
    }
}

@media (max-width:1024px) {
    .rating-runeta-widget {
        display: none !important;
    }
}

@media (max-width:950px) {
    .anime-wrap--active {
        -webkit-transform: scale(.8) translateX(-44vw) translateZ(0);
        transform: scale(.8) translateX(-44vw) translateZ(0);
    }
}

@media (max-width:650px) {
    .anime-wrap {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 1;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
    }

    .anime-wrap--active {
        opacity: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.burger {
    cursor: pointer;
    border: none;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.burger__text {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
}

.burger__lines {
    padding: 10px;
    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: 14px;
}

.burger__line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
}

.burger--gray .burger__text {
    color: #444;
}

.burger--gray .burger__line {
    background-color: #444;
}

.button {
    cursor: pointer;
    border: none;
    background: 0 0;
    position: relative;
    padding: 10px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 201px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 24px;
    font-family: Montserrat;
    font-weight: 500;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    transition: -webkit-transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    -o-transition: transform .45s cubic-bezier(.25, 1, .33, 1), box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    transition: transform .45s cubic-bezier(.25, 1, .33, 1), box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    transition: transform .45s cubic-bezier(.25, 1, .33, 1), box-shadow .45s cubic-bezier(.25, 1, .33, 1), -webkit-transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-box-shadow .45s cubic-bezier(.25, 1, .33, 1);
}

.button--min-width165 {
    min-width: 165px;
}

.button:hover {
    -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, .16);
    box-shadow: 0 20px 38px rgba(0, 0, 0, .16);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.button--icon {
    padding-right: 36px;
}

.button--icon::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(../fonts/btn-arrow.svg) no-repeat center;
    background-size: cover;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button--pink {
    background-color: #e51868;
}

.button--carrot {
    background-color: #3db5df;
}

.button--burgundy {
    background-color: #c85b56;
}

.button--green {
    background-color: #13b26f;
    color: #fff;
}

.button--light-blue {
    background-color: #02c4c2;
}

.button--sky-blue {
    background-color: #3db5df;
}

.button--blue {
    background-color: #3452ff;
}

.button--white {
    background-color: #fff;
    color: #444;
}

.button--red {
    background-color: #c8020c;
}

.button--dark-gray {
    background-color: #444;
}

.button--white-blue {
    background-color: #fff;
    color: #3452ff;
}

.button--yellow {
    background-color: #fe9c01;
}

.button--white::after {
    background-image: url(../fonts/btn-arrow-black.svg);
}

.button--white-blue::after {
    background-image: url(../fonts/btn-arrow-blue.svg);
}

.button-3d {
    position: relative;
}

.button-3d__link {
    display: block;
    height: 50px;
    width: 150px;
}

.button-3d__inner {
    -webkit-perspective: 2000px;
    perspective: 2000px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.button-3d__back,
.button-3d__front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .25s cubic-bezier(.2, .65, .4, 1);
    transition: -webkit-transform .25s cubic-bezier(.2, .65, .4, 1);
    -o-transition: transform .25s cubic-bezier(.2, .65, .4, 1);
    transition: transform .25s cubic-bezier(.2, .65, .4, 1);
    transition: transform .25s cubic-bezier(.2, .65, .4, 1), -webkit-transform .25s cubic-bezier(.2, .65, .4, 1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform-origin: 50% 50% -25px;
    -ms-transform-origin: 50% 50% -25px;
    transform-origin: 50% 50% -25px;
}

.button-3d__front {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.button-3d__back span,
.button-3d__front span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    letter-spacing: .05em;
    color: #fff;
    border: 1px solid #fff;
    min-width: 149px;
    min-height: 49px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.button-3d__front span {
    background-color: #fff;
    color: #000;
}

.button-3d:hover .button-3d__front {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.button-3d:hover .button-3d__back {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
}
/*========================Start  main-nav block =======================*/
.main-nav {
    background: -o-linear-gradient(346.92deg, #510b13 .55%, #b8192c 98.99%);
    background: linear-gradient(103.08deg, #000aff .55%, #ff5600 98.99%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
}

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

.main-nav__left,
.main-nav__right {
    opacity: 0;
    -webkit-transition: all .5s cubic-bezier(.2, 1, .3, 1);
    -o-transition: all .5s cubic-bezier(.2, 1, .3, 1);
    transition: all .5s cubic-bezier(.2, 1, .3, 1);
}

.main-nav__left {
    width: 66vw;
    background: rgba(0, 0, 0, .33);
    height: 80vh;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-nav__left-inner-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 70px 25px;
    grid-gap: 70 25px;
    padding-left: 90px;
    padding-right: 50px;
    width: 100%
}

.main-nav__close {
    font-size: 0;
    line-height: 0;
    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;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in .3s, -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: opacity .3s ease-in .3s, -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    -o-transition: opacity .3s ease-in .3s, transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: opacity .3s ease-in .3s, transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: opacity .3s ease-in .3s, transform .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
}

.main-nav__close::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    -o-transition: transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: transform .8s cubic-bezier(.2, 1, .3, 1);
    transition: transform .8s cubic-bezier(.2, 1, .3, 1), -webkit-transform .8s cubic-bezier(.2, 1, .3, 1);
    z-index: -1;
    -webkit-box-shadow: 0 16px 44px rgba(0, 0, 0, .3);
    box-shadow: 0 16px 44px rgba(0, 0, 0, .3);
    border-radius: 50%
}

.main-nav__close:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2);
}

.main-nav__close-img {
    overflow: hidden;
}

.main-nav__close-img path {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.52, .01, .16, 1) .6s;
    transition: -webkit-transform .6s cubic-bezier(.52, .01, .16, 1) .6s;
    -o-transition: transform .6s cubic-bezier(.52, .01, .16, 1) .6s;
    transition: transform .6s cubic-bezier(.52, .01, .16, 1) .6s;
    transition: transform .6s cubic-bezier(.52, .01, .16, 1) .6s, -webkit-transform .6s cubic-bezier(.52, .01, .16, 1) .6s;
}

.main-nav__close-img path:first-child {
    -webkit-transform: translateY(-30px) translateX(30px);
    -ms-transform: translateY(-30px) translateX(30px);
    transform: translateY(-30px) translateX(30px);
}

.main-nav__close-img path:last-child {
    -webkit-transform: translateY(-30px) translateX(-30px);
    -ms-transform: translateY(-30px) translateX(-30px);
    transform: translateY(-30px) translateX(-30px);
}

.main-nav__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 60px 15px 60px 60px;
    width: 32vw;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}

.main-nav__right-inner {
    margin: auto 0;
}

.main-nav__right-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 26px;
    margin-bottom: 56px;
}

@media (max-width:650px) {
    .main-nav__right-wrapper {
        margin-bottom: 10px;
    }
}

.main-nav__logo {
    display: block;
    margin-bottom: 5px;
    width: 115px;
}

.main-nav__logo img {
    margin-right: 26px;
    width: 100%
}

@media (max-width:650px) {
    .main-nav__logo img {
        margin-right: 0;
        width: 11%
    }
}

.main-nav__nav-list {
    margin-bottom: 22px;
}

.main-nav__nav-item {
    margin-bottom: 10px;
}

.main-nav__nav-link {
    font-size: 20px;
    font-family: Eurostile Ext;
    font-weight: 900;
    line-height: 34px;
    color: #fff;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

.main-nav__nav-link::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.main-nav__nav-link:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.main-nav__contact-wrap {
    margin-bottom: 30px;
}

.main-nav__contact-wrap--footer {
    margin-bottom: 0;
}

.main-nav__contact-text {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
}

.main-nav__contact-text:last-child {
    margin-bottom: 0;
}

.main-nav__contact--mail,
.main-nav__contact--tel {
    display: block;
    margin-bottom: 60px;
}

.main-nav__contact--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.main-nav__contact--tel {
    font-size: 18px;
    line-height: 25px;
    font-family: 'Eurostile Ext';
    font-weight: 900;
    color: #d4bb60;
}

.main-nav__button {
    margin-bottom: 20px;
}

.main-nav__logo--mobile {
    display: none;
}

.main-nav--open .main-nav__right {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.main-nav--open .main-nav__left,
.main-nav--open .main-nav__right {
    opacity: 1;
}

.main-nav--open .main-nav__close {
    opacity: 1;
}

.main-nav--open .main-nav__close-img path:first-child,
.main-nav--open .main-nav__close-img path:last-child {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media (max-width:1200px) {
    .main-nav__right {
        padding-left: 40px;
        padding-right: 40px;
    }

    .main-nav__left-inner-wrap {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media (max-width:950px) {
    .main-nav__left {
        width: 55vw;
    }

    .main-nav__right {
        width: 44vw;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .main-nav__left-inner {
        width: 100%
    }

    .main-nav__left-inner-wrap {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 40px;
        padding-bottom: 40px;
        max-height: 80vh;
        overflow: auto;
    }

    .main-nav__left-element {
        margin-bottom: 20px;
    }

    .main-nav__left-element:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:650px) {
    .main-nav {
        overflow: auto;
        display: block;
    }

    .main-nav__logo--mobile {
        display: block;
    }

    .main-nav__logo--desktop {
        display: none;
    }

    .main-nav__right {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -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;
    }

    .main-nav__social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .main-nav__left,
    .main-nav__right {
        height: auto;
    }

    .main-nav__left {
        width: 90%;
        margin: 0 auto;
        background: 0 0;
    }

    .main-nav__right {
        width: 100%
    }

    .main-nav__left-inner {
        padding-top: 22px;
    }

    .main-nav__left-inner-wrap {
        max-height: none;
        padding-top: 22px;
        background: rgba(0, 0, 0, .33);
    }

    .main-nav__close {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 15px;
        right: 0;
    }

    .main-nav__right {
        overflow: initial;
    }

    .main-nav__nav-link {
        font-size: 20px;
        line-height: 28px;
    }

    .main-nav__left-inner-wrap,
    .main-nav__right {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.main-nav-detail {
    padding-left: 30px;
}

.main-nav-detail__list--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 60px;
    max-width: 300px;
}

.main-nav-detail__list--flex .main-nav-detail__item {
    margin-bottom: 0;
}

.main-nav-detail__list--flex .main-nav-detail__item:last-child {
    margin-right: 0;
}

.main-nav-detail__title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #aeaeae;
    margin-bottom: 30px;
}

.main-nav-detail__list {
    counter-reset: number;
}

.main-nav-detail__link {
    font-size: 22px;
    line-height: 27px;
    color: #fff;
    font-weight: 700;
    position: relative;
}

.main-nav-detail__link::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.main-nav-detail__link:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.main-nav-detail__item {
    position: relative;
    margin-bottom: 14px;
}

.main-nav-detail__item:last-child {
    margin-bottom: 0;
}

.main-nav-detail__item::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: -30px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.main-nav-detail__item--cms::before,
.main-nav-detail__item--icon::before {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.main-nav-detail__item--icon-sport::before {
    background-image: url(../fonts/ball-red.svg);
}

.main-nav-detail__item--icon-culture::before {
    background-image: url(../fonts/home-red.svg);
}

.main-nav-detail__item--icon-shop::before {
    background-image: url(../fonts/cart-red.svg);
}

.main-nav-detail__item--icon-portal::before {
    background-image: url(../fonts/document-red.svg);
}

.main-nav-detail__item--count::before {
    counter-increment: number;
    content: counter(number);
    width: 25px;
    height: 25px;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    color: #f2145d;
    z-index: 2;
}

.main-nav-detail__item--count:last-child::after {
    content: none;
}

.main-nav-detail__item--count::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: rgba(255, 255, 255, .5);
    z-index: 1;
    left: -30px;
    bottom: -14px;
}

.main-nav-detail__item--wordpress::before {
    background-image: url(../images/wordpress.png);
}

.main-nav-detail__item--bitrix::before {
    background-image: url(../images/bitrix.png);
}

.main-nav-detail__item--laravel {
    margin-right: 43px;
}

.main-nav-detail__item--laravel::before {
    background-image: url(../images/laravel.png);
}

.main-nav-detail__item--flutter::before {
    background-image: url(../images/flutter.png);
}

@media (max-width:950px) {

    .main-nav-detail__item,
    .main-nav-detail__title {
        margin-bottom: 10px;
    }

    .main-nav-detail__item--count::after {
        bottom: -10px;
        height: 10px;
    }

    .main-nav-detail__list--flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .main-nav-detail__list--flex .main-nav-detail__item {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .main-nav-detail__list--flex .main-nav-detail__item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:650px) {
    .main-nav-detail__link {
        font-size: 16px;
        line-height: 22px;
    }

    .main-nav-detail__item::before {
        left: -25px;
    }

    .main-nav-detail__item--count::after {
        bottom: -8px;
        height: 5px;
        left: -25px;
    }
}
/*----------------------------Finish main-nav block---------------------*/
.social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.social-list__item-whatsapp {
    margin-right: 15px;
    background: #25d366;
    border-radius: 5px;
    position: relative;
}

.social-list__item-telegram {
    margin-right: 15px;
    background: #259dcf;
    border-radius: 5px;
    position: relative;
}

.social-list__item:last-child {
    margin-right: 0;
}

.social-list__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.social-list__link {
    max-height: 24px;
    padding: 9px 46px 9px 13px;
}

.social-list__link-icon-wrap {
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    color: #fff;
}

.social-list__link-icon-wrap--whatsapp:before {
    content: "";
    background-image: url(../fonts/ws.svg);
    position: absolute;
    right: 9px;
    width: 23px;
    height: 23px;
}

.social-list__link-icon-wrap-telegram:before {
    content: "";
    background-image: url(../fonts/tg.svg);
    position: absolute;
    right: 9px;
    width: 24px;
    height: 20px;
}

.social-list__link-icon {
    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;
    width: 20px;
    height: 25px;
}

.social-list__link-icon svg {
    width: 100%
}

.social-list__link-icon path {
    fill: #fff;
}

.social-list__link-icon--opacity {
    opacity: .7;
}

.section-title {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: #000;
    margin: 0 auto;
    margin-bottom: 11px;
    padding: 0 15px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
}

.section-title--main {
    font-family: 'Eurostile Ext';
    font-weight: 900;
    text-transform: uppercase;
}

.section-title.animated {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.section-title--left {
    text-align: left;
}

.section-title--bold {
    font-weight: 700;
}

.section-title--white {
    color: #fff;
}

.section-title--mb30 {
    margin-bottom: 30px;
}

.section-title--mb60 {
    margin-bottom: 60px;
}

@media (max-width:1024px) {
    .section-title {
        font-size: 30px;
        line-height: 38px;
    }
}

@media (max-width:768px) {
    .section-title {
        font-size: 24px;
        line-height: 32px;
    }
}

.section-subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #bbb;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 75px;
    padding: 0 15px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .1s;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .1s;
    -o-transition: opacity .3s cubic-bezier(.215, .61, .355, 1) .1s, transform .3s cubic-bezier(.215, .61, .355, 1) .1s;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1) .1s, transform .3s cubic-bezier(.215, .61, .355, 1) .1s;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1) .1s, transform .3s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .1s;
}

.section-subtitle--max800 {
    max-width: 800px;
}

.section-subtitle--max1000 {
    max-width: 1000px;
}

.section-subtitle.animated {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.section-subtitle--big {
    font-size: 18px;
    line-height: 25px;
    color: #5f5f5f;
}

.section-subtitle--light-orange {
    color: #ffe5bd;
}

.section-subtitle--white {
    color: #fff;
}

.section-subtitle--dark-gray {
    color: #444;
}

.section-subtitle--light-green {
    color: #b6e5be;
}

@media (max-width:768px) {
    .section-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 30px;
    }
}

.overlay {
    position: absolute;
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .33);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.social-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 10px 36px 10px 13px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    min-width: 120px;
    max-width: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    transition: -webkit-transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    -o-transition: transform .45s cubic-bezier(.25, 1, .33, 1), box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    transition: transform .45s cubic-bezier(.25, 1, .33, 1), box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    transition: transform .45s cubic-bezier(.25, 1, .33, 1), box-shadow .45s cubic-bezier(.25, 1, .33, 1), -webkit-transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-box-shadow .45s cubic-bezier(.25, 1, .33, 1);
}

.social-button:hover {
    -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, .16);
    box-shadow: 0 20px 38px rgba(0, 0, 0, .16);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.social-button::after {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.social-button--whatsapp {
    background-color: #25d366;
}

.social-button--whatsapp::after {
    background-image: url(../fonts/whatsapp.svg);
}

.social-button--telegram {
    background-color: #259dcf;
}

.social-button--telegram::after {
    background-image: url(../fonts/telegram.svg);
}

.input-group {
    position: relative;
    background: #2d44cb;
    z-index: 2;
    border-radius: 5px;
}

.input-group--blue {
    background-color: #2d44cb;
}

.input-group--grey {
    background-color: #626363;
}

.input-group--transparent {
    background-color: transparent;
}

.input-group--black {
    background-color: rgba(0, 0, 0, .75);
}

.input-group--black .input-group__label {
    color: #fff;
}

.input-group__label {
    position: absolute;
    z-index: 3;
    top: 13px;
    left: 28px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #96a5ff;
    cursor: text;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.input-group__label-white {
    color: #fff;
}

.input-group__input {
    position: relative;
    z-index: 4;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    padding: 11px 15px 12px 28px;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    background-color: transparent;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-group__input--border {
    border-color: #acafba;
    border-radius: 0;
}

.input-group__input--textarea {
    min-height: 109px;
    resize: none;
    display: block;
}

.input-group--focused .input-group__label {
    top: -10px;
    left: 15px;
    font-size: 12px;
    color: #b3b3b3;
    z-index: 5;
}

.input-group--focused .input-group__input {
    border-color: #3452ff;
}

.input-file__wrap {
    padding-left: 42px;
    position: relative;
}

.input-file__wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 27px;
    height: 30px;
    background: url(../fonts/doc.svg) no-repeat center;
    background-size: cover;
}

.input-file__input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.input-file__label {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #252525;
    text-decoration: underline;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 270px;
    display: block;
    cursor: pointer;
}

.input-file__size {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #acafba;
}

.footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 770px;
}

.footer-menu__item {
    margin-right: 10px;
}

.footer-menu__item:last-child {
    margin-right: 0;
}

.footer-menu__element {
    margin-bottom: 32px;
}

.footer-menu__element:last-child {
    margin-bottom: 0;
}

.footer-menu__title {
    font-size: 14px;
    line-height: 17px;
    color: #444;
    font-weight: 700;
    margin-bottom: 21px;
}

.footer-menu__list-item {
    margin-bottom: 10px;
}

.footer-menu__list-item:last-child {
    margin-bottom: 0;
}

.footer-menu__list-link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #bbb;
}

@media (max-width:950px) {
    .footer-menu {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer-menu__item {
        margin-bottom: 25px;
        width: 35%
    }

    .footer-menu__element {
        margin-bottom: 20px;
    }

    .footer-menu__title {
        margin-bottom: 15px;
    }
}

.privacy-policy__copyright,
.privacy-policy__copyright a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #444;
}

@media (max-width:768px) {
    .privacy-policy__copyright {
        text-align: center;
    }
}

.requisites {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.requisites__item {
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #bbb;
}

.requisites__item:last-child {
    margin-right: 0;
}

@media (max-width:768px) {
    .requisites {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer-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: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.footer-contacts__phone {
    font-size: 30px;
    line-height: 42px;
    font-weight: 800;
    text-align: right;
    color: #444;
    margin-bottom: 21px;
}

.footer-contacts__email {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: right;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #444;
    margin-bottom: 20px;
}

.footer-contacts__work-graphic {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #bbb;
    margin-bottom: 50px;
}

@media (max-width:1100px) {
    .footer-contacts__phone {
        font-size: 24px;
        line-height: 36px;
    }
}

@media (max-width:768px) {

    .footer-contacts__email,
    .footer-contacts__phone,
    .footer-contacts__work-graphic {
        text-align: center;
    }

    .footer-contacts__email,
    .footer-contacts__phone {
        margin-bottom: 10px;
    }

    .footer-contacts__work-graphic {
        margin-bottom: 20px;
    }
}

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-social__item {
    margin-right: 15px;
}

.footer-social__item:last-child {
    margin-right: 0;
}

.footer-social__link {
    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;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 1px solid #bbb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .45s cubic-bezier(.25, 1, .33, 1);
    -o-transition: border-color .45s cubic-bezier(.25, 1, .33, 1);
    transition: border-color .45s cubic-bezier(.25, 1, .33, 1);
}

.footer-social__link:hover {
    border-color: #ff1053;
}

.footer-social__link:hover .footer-social__link-icon path {
    fill: #ff1053;
}

.footer-social__link--vk:hover {
    border-color: #4680c2;
}

.footer-social__link--vk:hover .footer-social__link-icon path {
    fill: #4680c2;
}

.footer-social__link--insta:hover {
    border-color: #e34576;
}

.footer-social__link--insta:hover .footer-social__link-icon path {
    fill: #e34576;
}

.footer-social__link--fb:hover {
    border-color: #1977f3;
}

.footer-social__link--fb:hover .footer-social__link-icon path {
    fill: #1977f3;
}

.footer-social__link--behance:hover {
    border-color: #0057ff;
}

.footer-social__link--behance:hover .footer-social__link-icon path {
    fill: #0057ff;
}

.footer-social__link-icon {
    width: 20px;
    height: 20px;
}

.footer-social__link-icon path {
    fill: #bbb;
    -webkit-transition: fill .45s cubic-bezier(.25, 1, .33, 1);
    -o-transition: fill .45s cubic-bezier(.25, 1, .33, 1);
    transition: fill .45s cubic-bezier(.25, 1, .33, 1);
}

@media (max-width:1100px) {
    .footer-social__item {
        margin-right: 10px;
    }
}

@media (max-width:768px) {
    .footer-social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.page-head {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #2c151c;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.page-head--min-h420 {
    height: 420px;
}

.page-head__container {
    width: 100%;
    padding-top: 77px;
}

.page-head__container--pt0 {
    padding-top: 0;
}

.page-head .simpleParallax {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

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

.page-head__category {
    margin-right: 15px;
}

.page-head__category:last-child {
    margin-right: 0;
}

.page-head__category .category-item__text {
    color: #fff;
    cursor: auto;
}

.page-head__parallax-img,
.page-head__scale-img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-head__scale-img {
    -webkit-transition: -webkit-transform 14s cubic-bezier(.2, 0, .7, 1);
    transition: -webkit-transform 14s cubic-bezier(.2, 0, .7, 1);
    -o-transition: transform 14s cubic-bezier(.2, 0, .7, 1);
    transition: transform 14s cubic-bezier(.2, 0, .7, 1);
    transition: transform 14s cubic-bezier(.2, 0, .7, 1), -webkit-transform 14s cubic-bezier(.2, 0, .7, 1);
    -webkit-animation: scaleImage 14s cubic-bezier(.2, 0, .7, 1) forwards;
    animation: scaleImage 14s cubic-bezier(.2, 0, .7, 1) forwards;
}

@-webkit-keyframes scaleImage {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes scaleImage {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.page-head__content {
    max-width: 800px;
}

.page-head__content--center {
    text-align: center;
    margin: 0 auto;
}

.page-head__content--max-width-none {
    max-width: none;
}

.page-head__description,
.page-head__title {
    color: #fff;
}

.page-head__title {
    font-family: 'Eurostile Ext', Montserrat;
    font-weight: 900;
    font-size: 38px;
    line-height: 53px;
    margin-bottom: 31px;
    text-transform: uppercase;
}

.page-head__title--with-category {
    margin-bottom: 60px;
    margin-top: 60px;
}

.page-head__description {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
}

.page-head__description--max-width800 {
    max-width: 800px;
}

.page-head__description--max-width650 {
    max-width: 650px;
}

.page-head__description--max-width850 {
    max-width: 850px;
}

.page-head__description--margin-top {
    margin-top: 12px;
}

.page-head__button {
    margin-top: 35px;
}

.page-head__video-play {
    position: absolute;
    right: 21%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1) 0s;
    -o-transition: all .4s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: all .4s cubic-bezier(.19, 1, .22, 1) 0s;
}

.page-head__video-play circle {
    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1) 0s;
    -o-transition: all .4s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: all .4s cubic-bezier(.19, 1, .22, 1) 0s;
}

.page-head__video-play:hover {
    -webkit-transform: translateY(-50%) scale(1.12);
    -ms-transform: translateY(-50%) scale(1.12);
    transform: translateY(-50%) scale(1.12);
}

.page-head__video-play:hover circle {
    stroke-opacity: .6;
}

.page-head__video-text {
    position: absolute;
    right: 20.6%;
    top: 55%;
    color: #fff;
    text-align: center;
    font-family: 'Eurostile Ext';
    font-weight: 500;
    font-size: 14px;
    line-height: 119.5%;
    text-transform: uppercase;
}

.page-head__contact-wrap {
    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%;
    max-width: 350px;
}

.page-head__contact-email,
.page-head__contact-phone {
    color: #fff;
    font-weight: 600;
}

.page-head__contact-email {
    font-size: 16px;
    line-height: 22px;
    text-decoration: underline;
}

.page-head__contact-phone {
    font-size: 18px;
    line-height: 25px;
}

.page-head__contact-container {
    width: 100%;
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.page-head__scroll-down {
    border: none;
    background: 0 0;
    position: absolute;
    left: 50%;
    bottom: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
    animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
}

@media (min-width:1024px) and (max-height:650px) {
    .page-head__scroll-down {
        bottom: 20px;
    }
}

.page-head__scroll-down::before {
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    margin-left: -1px;
    top: 22px;
    background-color: rgba(255, 255, 255, .5);
    width: 2px;
    height: 6px;
    border-radius: 10px;
    -webkit-transition: background-color .55s cubic-bezier(.5, .1, .07, 1);
    -o-transition: background-color .55s cubic-bezier(.5, .1, .07, 1);
    transition: background-color .55s cubic-bezier(.5, .1, .07, 1);
    -webkit-animation: trackBallSlide 2.4s cubic-bezier(0, 0, .725, 1) infinite;
    animation: trackBallSlide 2.4s cubic-bezier(0, 0, .725, 1) infinite;
}

.page-head__scroll-down::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 30px;
    height: 45px;
    margin-left: -15px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 62;
}

@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px);
    }

    45% {
        opacity: 0;
        -webkit-transform: scaleY(.5) translateY(13px);
        transform: scaleY(.5) translateY(13px);
    }

    46% {
        opacity: 0;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px);
    }

    100%,
    65% {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px);
    }
}

@keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px);
    }

    45% {
        opacity: 0;
        -webkit-transform: scaleY(.5) translateY(13px);
        transform: scaleY(.5) translateY(13px);
    }

    46% {
        opacity: 0;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px);
    }

    100%,
    65% {
        opacity: 1;
        -webkit-transform: scaleY(1) translateY(-10px);
        transform: scaleY(1) translateY(-10px);
    }
}

@-webkit-keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    45% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    100%,
    65% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    45% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    100%,
    65% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes mouse-scroll-btn-roll-out {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -120;
    }
}

@keyframes mouse-scroll-btn-roll-out {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -120;
    }
}

@-webkit-keyframes mouse-scroll-btn-roll-over {
    0% {
        stroke-dashoffset: 120;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes mouse-scroll-btn-roll-over {
    0% {
        stroke-dashoffset: 120;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.page-head__icon {
    width: 30px;
    height: 45px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 100;
}

.page-head__icon-path {
    fill: transparent;
    stroke-width: 2px;
    stroke-dashoffset: 120;
    stroke-dasharray: 120;
    -webkit-animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5, .1, .07, 1);
    animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5, .1, .07, 1);
}

.page-head__scroll-down:hover .page-head__icon-path {
    stroke-dashoffset: 0;
    -webkit-animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5, .1, .07, 1);
    animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5, .1, .07, 1);
}

.page-head__scroll-down:hover::before {
    background-color: #fff;
}

.page-head__title--404 {
    font-size: 96px;
    line-height: 134px;
    font-weight: 700;
}

.page-head__button--max300 {
    max-width: 300px;
}

@media (max-width:1350px) {
    .page-head__contact-container {
        left: 0;
        right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: auto;
    }
}

@media (max-width:1200px) {
    .page-head__video-play {
        right: 7.4%
    }

    .page-head__video-text {
        right: 6.4%
    }
}

@media (max-width:1024px) {
    .page-head__title {
        font-size: 30px;
        line-height: 44px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .page-head__description {
        font-size: 16px;
        line-height: 22px;
    }

    .page-head__button {
        margin-top: 40px;
    }

    .page-head__content {
        max-width: 600px;
    }

    .page-head__contact-wrap {
        right: 30px;
        bottom: 30px;
        max-width: 300px;
    }

    .page-head__category-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .page-head__category {
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .page-head__scroll-down {
        display: none;
    }
}

@media (max-width:768px) {
    .page-head__content {
        max-width: none;
    }

    .page-head__video-play {
        right: auto;
        left: 50%;
        top: 19%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .page-head__video-text {
        right: auto;
        left: 67%;
        top: 19%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .page-head__title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .page-head__container {
        padding-top: 0;
    }

    .page-head__container--with-video {
        padding-top: 100px;
    }
}

@media (max-width:500px) {
    .page-head__title {
        font-size: 24px;
        line-height: 34px;
    }

    .page-head__title--big {
        font-size: 26px;
        line-height: 34px;
    }

    .page-head__video-play {
        left: 15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .page-head__video-text {
        left: 100px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .page-head__contact-container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .page-head__contact-wrap {
        -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;
    }

    .page-head__contact-email {
        margin-bottom: 10px;
    }

    .page-head--min-h420 {
        min-height: 300px;
    }
}

@media (min-height:450px) and (max-width:500px) and (max-height:600px) {
    .page-head {
        min-height: 600px;
    }

    .page-head__title {
        font-size: 20px;
        line-height: 30px;
    }
}

.page-head__rating {
    max-width: 427px;
    width: 100%;
    background: #323232;
    border-radius: 5px;
    position: relative;
    padding: 5px 9px 2.41px 24px;
    margin-bottom: 31.5px;
}

@media (max-width:767px) {
    .page-head__rating {
        max-width: 291px;
        padding: 6.5px 16px 7px 41px;
    }
}

.page-head__rating:before {
    content: '';
    background-image: url(../images/rating.png);
    position: absolute;
    left: -4px;
    top: 0;
    width: 21px;
    height: 44px;
}

@media (max-width:767px) {
    .page-head__rating: before {
        content: '';
        background-image: url(../images/ratingMob.png);
        width: 28px;
        height: 59px;
    }
}

.page-head__rating-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3px;
}

.page-head__rating-top--place {
    font-family: Eurostile Ext;
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 140%;
    text-transform: uppercase;
    color: #d5bb60;
}

.page-head__rating-top--link {
    font-family: Eurostile Extd;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #fff;
}

@media (max-width:767px) {
    .page-head__rating-top--link {
        font-size: 10px;
    }
}

.page-head__rating-bottom {
    font-family: Eurostile Ext;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-transform: uppercase;
    color: #aeaeae;
}

@media (max-width:767px) {
    .page-head__rating-bottom {
        font-size: 9px;
    }
}

.services-catalog {
    max-width: 95%;
    margin: 0 auto;
}

.services-catalog__list {
    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;
}

@media (max-width:768px) {
    .services-catalog {
        max-width: none;
        padding: 0 30px;
    }
}

@media (max-width:500px) {
    .services-catalog {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.service-card {
    height: 46.5vw;
    position: relative;
    min-width: 46.5vw;
    margin-bottom: 1.5vw;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    -webkit-transition: opacity .3s cubic-bezier(.3, .58, .55, 1), -webkit-transform .3s cubic-bezier(.3, .58, .55, 1);
    transition: opacity .3s cubic-bezier(.3, .58, .55, 1), -webkit-transform .3s cubic-bezier(.3, .58, .55, 1);
    -o-transition: opacity .3s cubic-bezier(.3, .58, .55, 1), transform .3s cubic-bezier(.3, .58, .55, 1);
    transition: opacity .3s cubic-bezier(.3, .58, .55, 1), transform .3s cubic-bezier(.3, .58, .55, 1);
    transition: opacity .3s cubic-bezier(.3, .58, .55, 1), transform .3s cubic-bezier(.3, .58, .55, 1), -webkit-transform .3s cubic-bezier(.3, .58, .55, 1);
}

.service-card:hover .service-card__shadow {
    -webkit-box-shadow: 0 45px 100px rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .4);
    box-shadow: 0 45px 100px rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .4);
}

.service-card.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.service-card__bg-img-wrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.service-card__link {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.service-card__border {
    position: absolute;
    border: 0 solid #fff;
    z-index: 1;
    left: 9%;
    top: 9%;
    width: 82%;
    height: 82%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    -webkit-transition: border .24s cubic-bezier(0, 0, .6, 1), opacity .2s cubic-bezier(.5, 0, 1, .1);
    -o-transition: border .24s cubic-bezier(0, 0, .6, 1), opacity .2s cubic-bezier(.5, 0, 1, .1);
    transition: border .24s cubic-bezier(0, 0, .6, 1), opacity .2s cubic-bezier(.5, 0, 1, .1);
}

.service-card__description {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(50px);
    transform: translate(-50%, -50%) translateZ(50px);
    padding: 30px;
    width: 100%;
    max-width: 400px;
}

.service-card__description-inner {
    opacity: 0;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    -o-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    transition: all .4s cubic-bezier(.12, .65, .4, 1);
}

.service-card__text,
.service-card__title {
    color: #fff;
    text-align: center;
}

.service-card__title {
    font-family: 'Eurostile Ext';
    font-weight: 900;
    font-size: 30px;
    line-height: 37px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.service-card__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.service-card__shadow {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .6);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .6);
    -webkit-transition: all .27s ease-out;
    -o-transition: all .27s ease-out;
    transition: all .27s ease-out;
    z-index: -1;
}

.service-card__bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: cover;
    outline: 1px solid transparent;
    -webkit-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    -o-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    transition: all .4s cubic-bezier(.12, .65, .4, 1);
}

.service-card__bg-img::after {
    content: '';
    position: absolute;
    background-color: rgba(51, 51, 51, .5);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    -o-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    transition: all .4s cubic-bezier(.12, .65, .4, 1);
    opacity: 0;
}

.service-card__link:hover .service-card__bg-img {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.service-card__link:hover .service-card__bg-img::after {
    opacity: 1;
}

.service-card__link:hover .service-card__border {
    border-width: 20px;
    opacity: 1;
}

.service-card__link:hover .service-card__description-inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

@media (max-width:1100px) {
    .service-card__title {
        max-width: 80%;
        margin-bottom: 10px;
    }

    .service-card__text {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (max-width:1024px) {

    .service-card__border,
    .service-card__link--active .service-card__border,
    .service-card__link: hover .service-card__border {
        opacity: 0;
        border-width: 0;
    }

    .service-card__description-inner,
    .service-card__link--active .service-card__description-inner,
    .service-card__link:hover .service-card__description-inner {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .service-card__bg-img::after,
    .service-card__link--active .service-card__bg-img::after,
    .service-card__link:hover .service-card__bg-img::after {
        opacity: 1;
    }

    .service-card__description {
        max-width: 320px;
        padding: 0;
    }

    .service-card__title {
        max-width: none;
    }
}

@media (max-width:768px) {
    .service-card {
        min-height: calc(100vw - 60px);
        width: 100%;
        margin-bottom: 30px;
    }
}

@media (max-width:500px) {
    .service-card {
        min-height: calc(100vw - 30px);
        margin-bottom: 15px;
    }

    .service-card__title {
        font-size: 27px;
        line-height: 40px;
    }

    .service-card__description-inner {
        max-width: 280px;
        margin: 0 auto;
    }
}

.advantages-cms__list {
    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;
}

.advantages-cms__item {
    max-width: 48.7%;
    margin-bottom: 2.3%
}

@media (max-width:768px) {
    .advantages-cms__item {
        max-width: none;
        margin-bottom: 30px;
    }

    .advantages-cms__item:last-child {
        margin-bottom: 0;
    }
}

.box-with-bottom-line {
    width: 100%
}

.box-with-bottom-line__overlay {
    opacity: 1;
    z-index: 1;
}

.box-with-bottom-line__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 56px;
    position: relative;
    min-height: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.box-with-bottom-line__box-bg {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.24, 1, .3, 1);
    transition: -webkit-transform .6s cubic-bezier(.24, 1, .3, 1);
    -o-transition: transform .6s cubic-bezier(.24, 1, .3, 1);
    transition: transform .6s cubic-bezier(.24, 1, .3, 1);
    transition: transform .6s cubic-bezier(.24, 1, .3, 1), -webkit-transform .6s cubic-bezier(.24, 1, .3, 1);
}

.box-with-bottom-line__box-bg--wordpress {
    background-image: url(../images/headphones.jpg);
}

.box-with-bottom-line__box-bg--bitrix {
    background-image: url(../images/notebook.jpg);
}

.box-with-bottom-line__box-bg--laravel {
    background-image: url(../images/laravel.jpg);
}
.box-with-bottom-line__box-bg--react {
    background-image: url(../images/gfdsgx0.png);
}
.box-with-bottom-line__box-bg--flutter {
    background-image: url(../images/flutter.jpg);
}

.box-with-bottom-line__box-bg--framework {
    background-image: url(../images/framework.jpg);
}

.box-with-bottom-line__content {
    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;
    position: relative;
    z-index: 2;
}

.box-with-bottom-line__item,
.box-with-bottom-line__title {
    color: #fff;
}

.box-with-bottom-line__title {
    position: relative;
    font-size: 30px;
    line-height: 37px;
    font-weight: 800;
    padding-left: 53px;
    margin-bottom: 24px;
}

.box-with-bottom-line__title::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.box-with-bottom-line__title--wordpress::before {
    background-image: url(../images/wordpress.png);
}

.box-with-bottom-line__title--bitrix::before {
    background-image: url(../images/bitrix.png);
}

.box-with-bottom-line__title--framework::before {
    background-image: url(../images/net.png);
}

.box-with-bottom-line__title--Laravel::before {
    background-image: url(../images/laravel.png);
}

.box-with-bottom-line__title--React::before {
    background-image: url(../images/EpOqfO6d.png);
}
.box-with-bottom-line__title--Flutter::before {
    background-image: url(../images/flutter.png);
}

.box-with-bottom-line__item {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 7px;
}

.box-with-bottom-line__item:last-child {
    margin-bottom: 0;
}

.box-with-bottom-line__list {
    margin-bottom: 10px;
}

.box-with-bottom-line__more {
    margin-top: auto;
}

.box-with-bottom-line__link::after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 5px;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.24, 1, .3, 1);
    transition: -webkit-transform .45s cubic-bezier(.24, 1, .3, 1);
    -o-transition: transform .45s cubic-bezier(.24, 1, .3, 1);
    transition: transform .45s cubic-bezier(.24, 1, .3, 1);
    transition: transform .45s cubic-bezier(.24, 1, .3, 1), -webkit-transform .45s cubic-bezier(.24, 1, .3, 1);
}

.box-with-bottom-line__link--blue::after {
    background-color: #36c1ef;
}

.box-with-bottom-line__link--orange::after {
    background-color: #f95e65;
}

.box-with-bottom-line__link--purple::after {
    background-color: #cb7bff;
}

.box-with-bottom-line__link:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.box-with-bottom-line__link:hover .box-with-bottom-line__overlay {
    opacity: 0;
}

.box-with-bottom-line__link:hover .box-with-bottom-line__box-bg {
    -webkit-transform: scale(1.13);
    -ms-transform: scale(1.13);
    transform: scale(1.13);
}

.box-with-bottom-line__link:hover .more-details__arrow {
    border-color: transparent;
}

.box-with-bottom-line__link:hover .more-details__arrow::before {
    -webkit-transform: translate(calc(-50% + 9px), -50%);
    -ms-transform: translate(calc(-50% + 9px), -50%);
    transform: translate(calc(-50% + 9px), -50%);
}

.box-with-bottom-line__link:hover .more-details__arrow::after {
    opacity: 1;
    -webkit-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
    transform: translateX(-1px);
}

@media (max-width:1024px) {
    .box-with-bottom-line__link {
        padding: 13%;
        min-height: 260px;
    }
}

@media (max-width:768px) {
    .box-with-bottom-line__list {
        margin-bottom: 20px;
    }
}

@media (max-width:500px) {
    .box-with-bottom-line__link {
        min-height: 220px;
    }

    .box-with-bottom-line__title {
        font-size: 24px;
        line-height: 33px;
        padding-left: 32px;
        margin-bottom: 15px;
    }

    .box-with-bottom-line__item {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .box-with-bottom-line__title::before {
        width: 25px;
        height: 25px;
    }
}

.more-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #fff;
}

.more-details--border {
    border: 1px solid #fff;
    min-width: 149px;
    min-height: 49px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
}

.more-details__arrow {
    opacity: 1;
    position: relative;
    display: inline-block;
    margin-left: 16px;
    -webkit-transition: all .35s cubic-bezier(.12, .75, .4, 1);
    -o-transition: all .35s cubic-bezier(.12, .75, .4, 1);
    transition: all .35s cubic-bezier(.12, .75, .4, 1);
    overflow: visible;
    height: 18px;
    width: 18px;
    border-radius: 100px;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, .3);
}

.more-details__arrow::before {
    content: '';
    top: 50%;
    left: 50%;
    display: block;
    width: 4px;
    height: 9px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../fonts/more-arrow.svg) no-repeat center;
    background-size: cover;
    -webkit-transition: all .35s cubic-bezier(.12, .75, .4, 1);
    -o-transition: all .35s cubic-bezier(.12, .75, .4, 1);
    transition: all .35s cubic-bezier(.12, .75, .4, 1);
    position: absolute;
}

.more-details__arrow::after {
    display: block;
    content: '';
    position: absolute;
    width: 26px;
    height: 1px;
    background-color: #fff;
    opacity: 0;
    left: -6px;
    cursor: pointer;
    -webkit-transition: all .35s cubic-bezier(.12, .75, .4, 1);
    -o-transition: all .35s cubic-bezier(.12, .75, .4, 1);
    transition: all .35s cubic-bezier(.12, .75, .4, 1);
    pointer-events: none;
    top: calc(50% - 1px);
    -webkit-transform: translate(-27px, -50%);
    -ms-transform: translate(-27px, -50%);
    transform: translate(-27px, -50%);
}

.more-details:hover .more-details__arrow {
    border-color: transparent;
}

.more-details:hover .more-details__arrow::before {
    -webkit-transform: translate(calc(-50% + 9px), -50%);
    -ms-transform: translate(calc(-50% + 9px), -50%);
    transform: translate(calc(-50% + 9px), -50%);
}

.more-details:hover .more-details__arrow::after {
    opacity: 1;
    -webkit-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
    transform: translateX(-1px);
}

@media (max-width:500px) {
    .more-details {
        font-size: 12px;
    }
}

.stages-development__title {
    padding: 0 20px;
}

.stages-development__item {
    min-height: 650px;
}

.stages-development__item--780 {
    min-height: 780px;
}

.stages-development__item--min-height800 {
    min-height: 800px;
}

.stages-development__item--pink {
    background-color: #ed3858;
}

.stages-development__item--pinkgrady {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(53.65%, #191919), to(#ff2b00));
    background: -o-linear-gradient(top, #2b00fd 53.65%, #ff2b00 100%);
    background: linear-gradient(180deg, #2b00fd 53.65%, #ff2b00 100%);
}

.stages-development__item--green {
    background-color: #019f5f;
}

.stages-development__item--greengrady {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(53.65%, #191919), to(#166244));
    background: -o-linear-gradient(top, #ff2b00 53.65%, #5eff3d 100%);
    background: linear-gradient(180deg, #ff2b00 53.65%, #5eff3d 100%);
}

.stages-development__item--light-blue {
    background-color: #00afaf;
}

.stages-development__item--light-bluegrady {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(53.65%, #191919), to(#165151));
    background: -o-linear-gradient(top, #5eff3d 53.65%, #095eff 100%);
    background: linear-gradient(180deg, #5eff3d 53.65%, #095eff 100%);
}

.stages-development__item--blue {
    background-color: #2871bd;
}

.stages-development__item--bluegrady {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(53.65%, #191919), to(#15eef2));
    background: -o-linear-gradient(top, #095eff 53.65%, ##15eef2 100%);
    background: linear-gradient(180deg, #095eff 53.65%, #15eef2 100%);
}

.stages-development__item--purple {
    background-color: #6128bd;
}

.stages-development__item--gradient-light-blue {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0))), #eff9ff;
    background: -o-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%), #eff9ff;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%), #eff9ff;
}

.stages-development__item--gradient-light-pink {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0))), #fff3f3;
    background: -o-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%), #fff3f3;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%), #fff3f3;
}

.stages-development__item--gradient-light-yellow {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0))), #fffeeb;
    background: -o-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%), #fffeeb;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%), #fffeeb;
}

.stages-development__item--gradient-light-green {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0))), #f5fff3;
    background: -o-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%), #f5fff3;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%), #f5fff3;
}

.stages-development__item--gradient-light-pink2 {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0))), #fcf3ff;
    background: -o-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%), #fcf3ff;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%), #fcf3ff;
}

.stages-development__item--gradient-light-white {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0))), #f5f5f5;
    background: -o-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%), #f5f5f5;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%), #f5f5f5;
}

@media (max-width:1024px) {

    .stages-development__item,
    .stages-development__item--780,
    .stages-development__item--min-height800 {
        min-height: auto;
    }
}

@media (max-width:768px) {
    .stages-development__item {
        min-height: auto;
    }
}

.stage-development {
    overflow: hidden;
    position: relative;
}

.stage-development--perspective {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.stage-development--3d {
    -webkit-perspective: 1600px;
    perspective: 1600px;
    -webkit-perspective-origin: 20% 50%;
    perspective-origin: 20% 50%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.stage-development__container {
    padding-top: 95px;
}

.stage-development__container--flex-center {
    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;
}

.stage-development__content {
    max-width: 500px;
}

.stage-development__content-mwidth {
    max-width: 810px;
}

.stage-development__button,
.stage-development__list,
.stage-development__slider-arrows,
.stage-development__title,
.stage-development__title-mini {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
    transition: opacity .6s ease, -webkit-transform .6s ease;
    -o-transition: opacity .6s ease, transform .6s ease;
    transition: opacity .6s ease, transform .6s ease;
    transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease;
}

.stage-development__button.animated,
.stage-development__list.animated,
.stage-development__title.animated,
.stage-development__wrap.animated .stage-development__list,
.stage-development__wrap.animated .stage-development__slider-arrows,
.stage-development__wrap.animated .stage-development__title-mini {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.stage-development__title {
    position: relative;
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    margin-bottom: 53px;
}

.stage-development__title-font {
    font-family: 'Eurostile Ext';
    font-weight: 900;
    text-transform: uppercase;
}

.stage-development__title-mini {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 22px;
}

.stage-development__image-wrap {
    margin-left: 20px;
    margin-right: -12.4%;
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
    transition: opacity .6s ease, -webkit-transform .6s ease;
    -o-transition: opacity .6s ease, transform .6s ease;
    transition: opacity .6s ease, transform .6s ease;
    transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease;
}

.stage-development__image-wrap--no-mr {
    margin-right: 0;
}

.stage-development__image-wrap.animated {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.stage-development__image {
    border-radius: 5px;
    max-width: 655px;
}

.stage-development__item,
.stage-development__title,
.stage-development__wrap {
    padding-left: 52px;
}

.stage-development__button {
    margin-left: 52px;
}

.stage-development__item--no-marker {
    padding-left: 0;
}

.stage-development__title--top {
    padding-left: 0;
    padding-top: 100px;
}

.stage-development__title::after,
.stage-development__title::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%
}

.stage-development__title--top::before {
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.stage-development__title--top::after {
    left: 26px;
    top: 26px;
}

.stage-development__title::before {
    width: 53px;
    height: 53px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 15px 50px rgba(0, 0, 0, .17);
    box-shadow: 0 15px 50px rgba(0, 0, 0, .17);
}

.stage-development__title::after {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.stage-development__title--ink::after {
    background-image: url(../fonts/ink.svg);
}

.stage-development__title--dashboard::after {
    background-image: url(../fonts/dashboard.svg);
}

.stage-development__title--support::after {
    background-image: url(../fonts/support.svg);
}

.stage-development__title--edit::after {
    background-image: url(../fonts/edit-gray.svg);
}

.stage-development__title--ticket::after {
    background-image: url(../fonts/ticket.svg);
}

.stage-development__title--sale::after {
    background-image: url(../fonts/sale.svg);
}

.stage-development__title--calendar::after {
    background-image: url(../fonts/calendar-gray.svg);
}

.stage-development__title--loader::after {
    background-image: url(../fonts/loader.svg);
}

.stage-development__title--basket::after {
    background-image: url(../fonts/basket.svg);
}

.stage-development__title--calculator::after {
    background-image: url(../fonts/calculator.svg);
}

.stage-development__title--order::after {
    background-image: url(../fonts/order.svg);
}

.stage-development__title--bell::after {
    background-image: url(../fonts/bell.svg);
}

.stage-development__title--link::after {
    background-image: url(../fonts/link.svg);
}

.stage-development__title--paper::after {
    background-image: url(../fonts/paper.svg);
}

.stage-development__title--translate::after {
    background-image: url(../fonts/translate.svg);
}

.stage-development__title--vision::after {
    background-image: url(../fonts/vision.svg);
}

.stage-development__title--graph::after {
    background-image: url(../fonts/graph-gray.svg);
}

.stage-development__title--user::after {
    background-image: url(../fonts/user-gray.svg);
}

.stage-development__title--comment::after {
    background-image: url(../fonts/comment-gray.svg);
}

.stage-development__title--card::after {
    background-image: url(../fonts/credit-card.svg);
}

.stage-development__title--iphone::after {
    background-image: url(../fonts/iphone.svg);
}

.stage-development__title--responsive::after {
    background-image: url(../fonts/responsive.svg);
}

.stage-development__title--content::after {
    background-image: url(../fonts/content.svg);
}

.stage-development__title--illustration::after {
    background-image: url(../fonts/illustration.svg);
}

.stage-development__title--animation::after {
    background-image: url(../fonts/animation.svg);
}

.stage-development__title--3d::after {
    background-image: url(../fonts/3d-gray.svg);
}

.stage-development__title--idea::after {
    background-image: url(../fonts/idea.svg);
}

.stage-development__title--adjust::after {
    background-image: url(../fonts/adjust.svg);
}

.stage-development__title--reload::after {
    background-image: url(../fonts/reload.svg);
}

.stage-development__title--framework::after {
    background-image: url(../fonts/framework.svg);
}

.stage-development__title--integration::after {
    background-image: url(../fonts/integration.svg);
}

.stage-development__title--wifi::after {
    background-image: url(../fonts/wifi.svg);
}

.stage-development__title--shield::after {
    background-image: url(../fonts/shield.svg);
}

.stage-development__title--documents::after {
    background-image: url(../fonts/documents.svg);
}

.stage-development__title--search::after {
    background-image: url(../fonts/search.svg);
}

.stage-development__title--gear::after {
    background-image: url(../fonts/gear.svg);
}

.stage-development__list {
    margin-bottom: 50px;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.stage-development__item {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    position: relative;
    margin-bottom: 22px;
}

.stage-development__item:last-child {
    margin-bottom: 0;
}

.stage-development__item::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .66);
}

.stage-development__item--no-marker::before {
    content: none;
}

.stage-development__item--dark-gray,
.stage-development__title--dark-gray {
    color: #444;
}

.stage-development__item--dark-gray::before {
    background-color: #444;
}

.stage-development__anime-wrap--showcase-absolute {
    width: 100%;
    max-width: 840px;
    position: absolute;
    right: -5%;
    bottom: 0;
}

.stage-development__anime-wrap--tilt-absolute {
    width: 100%;
    position: absolute;
    right: -15%;
    top: 30%;
    pointer-events: none;
}

.stage-development__anime-wrap--isometric-absolute {
    position: absolute;
    width: 100%;
    top: 30%;
    right: -20%
}

.stage-development__slider-arrows {
    margin-bottom: 20px;
}

.stage-development__slider-arrow,
.stage-development__slider-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.stage-development__slider-arrow {
    position: relative;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.25, 1, .33, 1);
    transition: -webkit-transform .45s cubic-bezier(.25, 1, .33, 1);
    -o-transition: transform .45s cubic-bezier(.25, 1, .33, 1);
    transition: transform .45s cubic-bezier(.25, 1, .33, 1);
    transition: transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-transform .45s cubic-bezier(.25, 1, .33, 1);
}

.stage-development__slider-count {
    font-size: 12px;
    color: #fff;
    letter-spacing: 2px;
    margin: 0 5px;
    -webkit-transition: all .25s cubic-bezier(.12, .75, .4, 1);
    -o-transition: all .25s cubic-bezier(.12, .75, .4, 1);
    transition: all .25s cubic-bezier(.12, .75, .4, 1);
}

.stage-development__slider-arrow path {
    fill: #fff;
}

.stage-development__slider-arrow-icon {
    width: 22px;
    height: 14px;
    -webkit-transition: all .25s cubic-bezier(.12, .75, .4, 1);
    -o-transition: all .25s cubic-bezier(.12, .75, .4, 1);
    transition: all .25s cubic-bezier(.12, .75, .4, 1);
}

.stage-development__slider-arrow::before {
    display: block;
    content: ' ';
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #fff;
    top: 50%;
    opacity: 0;
    left: -4px;
    cursor: pointer;
    -webkit-transform: translateX(-20px) translateY(-50%);
    -ms-transform: translateX(-20px) translateY(-50%);
    transform: translateX(-20px) translateY(-50%);
    -webkit-transition: all .25s cubic-bezier(.12, .75, .4, 1);
    -o-transition: all .25s cubic-bezier(.12, .75, .4, 1);
    transition: all .25s cubic-bezier(.12, .75, .4, 1);
}

.stage-development__slider-arrow--prev::before {
    -webkit-transform: translateX(20px) translateY(-50%);
    -ms-transform: translateX(20px) translateY(-50%);
    transform: translateX(20px) translateY(-50%);
}

.stage-development__slider-arrow--next::before {
    left: 5px;
}

.stage-development__slider-arrow--prev:hover .stage-development__slider-arrow-icon {
    -webkit-transform: translateX(-11px);
    -ms-transform: translateX(-11px);
    transform: translateX(-11px);
}

.stage-development__slider-arrow--prev:hover::before {
    -webkit-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 1;
}

.stage-development__slider-arrow--prev:hover+.stage-development__slider-count,
.stage-development__slider-arrow--prev:hover~.stage-development__slider-arrow--next {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
}

.stage-development__slider-arrow--next:hover .stage-development__slider-arrow-icon {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.stage-development__slider-arrow--next:hover::before {
    -webkit-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 1;
}

@media (max-width:1366px) {
    .stage-development__anime-wrap--showcase-absolute {
        right: -27%
    }
}

@media (max-width:1150px) {
    .stage-development__anime-wrap--showcase-absolute {
        right: -38%
    }
}

@media (max-width:1024px) {
    .stage-development__container {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .stage-development__container--flex-center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .stage-development__content {
        max-width: none;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .stage-development__content-mwidth {
        max-width: none;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .stage-development__image-wrap {
        margin-right: 0;
    }

    .stage-development__image {
        max-width: 100%
    }

    .stage-development__anime-wrap {
        display: none;
    }
}

@media (max-width:768px) {
    .stage-development__container {
        padding-top: 50px;
    }

    .stage-development__item,
    .stage-development__title,
    .stage-development__wrap {
        padding-left: 30px;
    }

    .stage-development__button {
        margin-left: 30px;
    }

    .stage-development__item--no-marker {
        padding-left: 0;
    }

    .stage-development__title--top {
        padding-left: 0;
        padding-top: 60px;
    }

    .stage-development__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 40px;
    }

    .stage-development__title::after {
        content: none;
    }

    .stage-development__title--top::after {
        content: '';
        left: 21px;
        top: 21px;
        width: 20px;
        height: 20px;
    }

    .stage-development__title::before {
        content: none;
    }

    .stage-development__title--top::before {
        content: '';
        width: 43px;
        height: 43px;
    }

    .stage-development__image-wrap {
        margin-left: 0;
    }

    .stage-development__item {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .stage-development__item::before {
        left: 10px;
    }
}

@media (max-width:500px) {
    .stage-development__title: :before {
        content: none;
    }

    .stage-development__title--top::before {
        content: ''
    }

    .stage-development__container {
        padding-right: 30px;
    }
}

.showcase {
    -webkit-perspective: 1200px;
    perspective: 1200px;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%
}

.showcase__container {
    position: relative;
    display: block;
    min-height: 350px;
    margin-right: 70px;
    margin-left: auto;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%;
    max-width: 840px;
}

.showcase__wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -5px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.showcase__wrapper-bottom {
    bottom: -45px;
}

.showcase__transform {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

.showcase__desktopwrapper,
.showcase__mobilewrapper,
.showcase__tabletwrapper {
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.showcase__desktopwrapper {
    position: absolute;
    right: -4%;
    bottom: 0;
    width: 680px;
    height: 480px;
    -webkit-transform-origin: 50% 100% 0;
    -ms-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
}

.showcase__desktop {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #f2395a;
    border-radius: 3px;
    background-color: #fff;
    background-image: url(../fonts/showcase1.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.animated .showcase__desktop {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(-15deg) rotateZ(0);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(-15deg) rotateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
}

.showcase__tabletwrapper {
    position: absolute;
    left: 5%;
    bottom: 0;
    width: 360px;
    height: 380px;
    -webkit-transform-origin: 50% 100% 0;
    -ms-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.showcase__tablet {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #f2395a;
    border-radius: 3px;
    background-color: #fff;
    background-image: url(../fonts/showcase2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 13px 13px 32px 0 rgba(242, 57, 90, .3);
    box-shadow: 13px 13px 32px 0 rgba(242, 57, 90, .3);
}

.animated .showcase__tablet {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(-15deg) rotateZ(0);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(-15deg) rotateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
}

.showcase__mobilewrapper {
    position: absolute;
    left: -5%;
    bottom: 0;
    display: block;
    width: 200px;
    height: 280px;
    -webkit-transform-origin: 50% 100% 0;
    -ms-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.showcase__mobile {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #f2395a;
    border-radius: 3px;
    background-color: #fff;
    background-image: url(../fonts/showcase3.svg);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 13px 13px 32px 0 rgba(242, 57, 90, .3);
    box-shadow: 13px 13px 32px 0 rgba(242, 57, 90, .3);
    -webkit-transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
}

.animated .showcase__mobile {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(-15deg) rotateZ(0);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(-15deg) rotateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
}

.showcase--small .showcase__desktopwrapper {
    right: -25%;
    width: 550px;
    height: 390px;
}

.showcase--small .showcase__tabletwrapper {
    left: 50%;
    width: 300px;
    height: 310px;
}

.showcase--small .showcase__mobilewrapper {
    left: 40%;
    width: 160px;
    height: 220px;
}

@media (min-width:1350px) {
    .showcase {
        max-width: 1160px;
        margin: 0 auto;
    }
}

@media (max-width:1024px) {
    .showcase__container {
        margin-right: auto;
    }

    .showcase__desktopwrapper,
    .showcase__mobilewrapper,
    .showcase__tabletwrapper {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
    }

    .showcase__mobilewrapper {
        left: 0;
    }

    .showcase__desktopwrapper {
        right: 0;
    }
}

@media (max-width:768px) {
    .showcase__desktopwrapper {
        display: none;
    }

    .showcase__tabletwrapper {
        left: auto;
        right: 2%
    }

    .showcase__mobilewrapper,
    .showcase__tabletwrapper {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    .showcase__mobilewrapper {
        left: 0;
    }
}

@media (max-width:480px) {
    .showcase__tabletwrapper {
        right: -20px;
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75);
    }

    .showcase__mobilewrapper {
        left: -10px;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }
}

.tilt-anime {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: 420px;
    -webkit-transform: rotateX(55deg) rotateY(0) rotateZ(0);
    transform: rotateX(55deg) rotateY(0) rotateZ(0);
    -webkit-transform-origin: 50% 100% 0;
    -ms-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
    -webkit-transform: translateX(0) translateY(100%) translateZ(0);
    transform: translateX(0) translateY(100%) translateZ(0);
    opacity: 0;
}

.animated .tilt-anime {
    -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(50deg) rotateY(0) rotateZ(0);
    transform: translateX(0) translateY(0) translateZ(0) rotateX(50deg) rotateY(0) rotateZ(0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: opacity 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s, opacity 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s, opacity 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s, opacity 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    opacity: 1;
}

.tilt-anime__desktop {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    display: block;
    width: 900px;
    height: 620px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 3px;
    background-color: #fff;
    background-image: url(../fonts/tilt1.svg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform-origin: 50% 100% 0;
    -ms-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
}

.tilt-anime__tablet {
    position: absolute;
    right: 10%;
    bottom: 20%;
    display: block;
    width: 400px;
    height: 420px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #01a462;
    border-radius: 3px;
    background-color: #fff;
    background-image: url(../fonts/tilt2.svg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: -13px 13px 32px 0 rgba(2, 163, 99, .3);
    box-shadow: -13px 13px 32px 0 rgba(2, 163, 99, .3);
}

.animated .tilt-anime__tablet {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: -webkit-transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 3s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    -webkit-transform: translateX(40%) translateY(0) translateZ(100px);
    transform: translateX(40%) translateY(0) translateZ(100px);
}

.tilt-anime__mobile {
    position: absolute;
    left: 10%;
    bottom: 5%;
    display: block;
    width: 200px;
    height: 280px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #01a462;
    border-radius: 3px;
    background-color: #fff;
    background-image: url(../fonts/tilt3.svg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 13px 13px 32px 0 rgba(2, 163, 99, .3);
    box-shadow: 13px 13px 32px 0 rgba(2, 163, 99, .3);
}

.animated .tilt-anime__mobile {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: -webkit-transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: transform 3s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 3s cubic-bezier(.23, 1, .32, 1) 0s;
    -webkit-transform: translateX(-50%) translateY(0) translateZ(140px);
    transform: translateX(-50%) translateY(0) translateZ(140px);
}

.tilt-anime--small .tilt-anime__desktop {
    left: 55%;
    width: 750px;
    height: 500px;
}

.tilt-anime--small .tilt-anime__tablet {
    right: -30%;
    width: 320px;
    height: 315px;
}

.tilt-anime--small .tilt-anime__mobile {
    left: 55%;
    width: 150px;
    height: 200px;
}

@media (max-width:1024px) {
    .tilt-anime__desktop {
        width: 680px;
        height: 480px;
    }

    .tilt-anime__tablet {
        width: 320px;
        height: 320px;
        right: 20%
    }

    .tilt-anime__mobile {
        width: 160px;
        height: 220px;
        left: 20%
    }
}

@media (max-width:768px) {
    .tilt-anime__desktop {
        width: 540px;
        height: 380px;
    }

    .tilt-anime__mobile,
    .tilt-anime__tablet {
        bottom: 15%
    }

    .tilt-anime {
        min-height: 320px;
    }
}

@media (max-width:480px) {
    .tilt-anime__desktop {
        width: 300px;
        height: 210px;
    }

    .tilt-anime__tablet {
        right: 30%;
        bottom: 12%;
        width: 200px;
        height: 200px;
    }

    .tilt-anime__mobile {
        left: 25%;
        bottom: 30%;
        width: 120px;
        height: 160px;
    }
}

.layer-animation {
    position: absolute;
    right: 13%;
    bottom: -50px;
    display: block;
    width: 621px;
    height: 374px;
    margin: 95px auto 60px;
}

.animated .layer-animation {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1.8s ease 0s;
    transition: -webkit-transform 1.8s ease 0s;
    -o-transition: transform 1.8s ease 0s;
    transition: transform 1.8s ease 0s;
    transition: transform 1.8s ease 0s, -webkit-transform 1.8s ease 0s;
    -webkit-transform: rotateX(50deg) rotateY(0) rotateZ(-15deg) scale(.8);
    transform: rotateX(50deg) rotateY(0) rotateZ(-15deg) scale(.8);
}

.layer-animation__layer-1,
.layer-animation__layer-2,
.layer-animation__layer-3,
.layer-animation__layer-4 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.layer-animation__layer-4 {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.animated .layer-animation__layer-2 {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1.8s ease 0s;
    transition: -webkit-transform 1.8s ease 0s;
    -o-transition: transform 1.8s ease 0s;
    transition: transform 1.8s ease 0s;
    transition: transform 1.8s ease 0s, -webkit-transform 1.8s ease 0s;
    -webkit-transform: translateX(0) translateY(0) translateZ(60px);
    transform: translateX(0) translateY(0) translateZ(60px);
}

.animated .layer-animation__layer-3 {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1.8s ease 0s;
    transition: -webkit-transform 1.8s ease 0s;
    -o-transition: transform 1.8s ease 0s;
    transition: transform 1.8s ease 0s;
    transition: transform 1.8s ease 0s, -webkit-transform 1.8s ease 0s;
    -webkit-transform: translateX(0) translateY(0) translateZ(120px);
    transform: translateX(0) translateY(0) translateZ(120px);
}

.animated .layer-animation__layer-4 {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1.8s ease 0s;
    transition: -webkit-transform 1.8s ease 0s;
    -o-transition: transform 1.8s ease 0s;
    transition: transform 1.8s ease 0s;
    transition: transform 1.8s ease 0s, -webkit-transform 1.8s ease 0s;
    -webkit-transform: translateX(0) translateY(0) translateZ(180px);
    transform: translateX(0) translateY(0) translateZ(180px);
}

@media (min-width:1700px) {
    .layer-animation {
        right: 20%
    }
}

@media (max-width:1200px) {
    .layer-animation {
        right: 5%
    }
}

@media (max-width:1024px) {
    .layer-animation {
        position: relative;
        right: auto;
        bottom: auto;
    }
}

@media (max-width:768px) {
    .layer-animation {
        width: 90%;
        height: 306px;
    }
}

@media (max-width:480px) {
    .layer-animation {
        height: 188px;
        margin-top: 123px;
    }
}

.isometric {
    position: absolute;
    left: 30%;
    top: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1050px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: rotateX(45deg) rotateY(0) rotateZ(-35deg);
    transform: rotateX(45deg) rotateY(0) rotateZ(-35deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    opacity: 0;
    -webkit-transition: opacity 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: opacity 2s cubic-bezier(.23, 1, .32, 1) 0s, transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1) 0s, transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: opacity 2s cubic-bezier(.23, 1, .32, 1) 0s, transform 2s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
}

.animated .isometric {
    -webkit-animation: isometric 3s cubic-bezier(.23, 1, .32, 1) 1 forwards;
    animation: isometric 3s cubic-bezier(.23, 1, .32, 1) 1 forwards;
    opacity: 1;
}

.isometric--small {
    width: 800px;
    left: 40%;
    top: 70%
}

.isometric--small .isometric__item {
    width: 120px;
    height: 160px;
}

.isometric__col {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.isometric__item {
    width: 180px;
    height: 240px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #2974c2;
    border-radius: 3px;
    background-color: #fff;
    background-image: url(../fonts/isometric-item.svg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: -5px 7px 0 0 rgba(255, 255, 255, .1);
    box-shadow: -5px 7px 0 0 rgba(255, 255, 255, .1);
    -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
    transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
    transition: transform .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.isometric__item:hover {
    -webkit-box-shadow: -10px 15px 0 0 rgba(255, 255, 255, .1);
    box-shadow: -10px 15px 0 0 rgba(255, 255, 255, .1);
    -webkit-transform: translate3d(0, 0, 10px);
    transform: translate3d(0, 0, 10px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.animated .isometric__col--1,
.animated .isometric__col--3 {
    -webkit-animation: isometricItem1 3s cubic-bezier(.23, 1, .32, 1) 1 forwards;
    animation: isometricItem1 3s cubic-bezier(.23, 1, .32, 1) 1 forwards;
}

.animated .isometric__col--2 {
    -webkit-animation: isometricItem2 3s cubic-bezier(.23, 1, .32, 1) 1 forwards;
    animation: isometricItem2 3s cubic-bezier(.23, 1, .32, 1) 1 forwards;
}

@-webkit-keyframes isometric {
    0% {
        -webkit-transform: rotateX(0) rotateY(0) rotateZ(-35deg) translateX(0) translateY(50%) translateZ(0);
        transform: rotateX(0) rotateY(0) rotateZ(-35deg) translateX(0) translateY(50%) translateZ(0);
    }

    50% {
        -webkit-transform: rotateX(0) rotateY(0) rotateZ(-35deg) translateX(0) translateY(0) translateZ(0);
        transform: rotateX(0) rotateY(0) rotateZ(-35deg) translateX(0) translateY(0) translateZ(0);
    }

    100% {
        -webkit-transform: rotateX(45deg) rotateY(0) rotateZ(-35deg) translateX(0) translateY(0) translateZ(0);
        transform: rotateX(45deg) rotateY(0) rotateZ(-35deg) translateX(0) translateY(0) translateZ(0);
    }
}

@keyframes isometric {
    0% {
        -webkit-transform: rotateX(0) rotateY(0) rotateZ(-35deg) translateX(0) translateY(50%) translateZ(0);
        transform: rotateX(0) rotateY(0) rotateZ(-35deg) translateX(0) translateY(50%) translateZ(0);
    }

    50% {
        -webkit-transform: rotateX(0) rotateY(0) rotateZ(-35deg) translateX(0) translateY(0) translateZ(0);
        transform: rotateX(0) rotateY(0) rotateZ(-35deg) translateX(0) translateY(0) translateZ(0);
    }

    100% {
        -webkit-transform: rotateX(45deg) rotateY(0) rotateZ(-35deg) translateX(0) translateY(0) translateZ(0);
        transform: rotateX(45deg) rotateY(0) rotateZ(-35deg) translateX(0) translateY(0) translateZ(0);
    }
}

@-webkit-keyframes isometricItem1 {
    0% {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }

    50% {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }

    100% {
        -webkit-transform: translateX(0) translateY(-17.5%) translateZ(0);
        transform: translateX(0) translateY(-17.5%) translateZ(0);
    }
}

@keyframes isometricItem1 {
    0% {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }

    50% {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }

    100% {
        -webkit-transform: translateX(0) translateY(-17.5%) translateZ(0);
        transform: translateX(0) translateY(-17.5%) translateZ(0);
    }
}

@-webkit-keyframes isometricItem2 {
    0% {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }

    50% {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }

    100% {
        -webkit-transform: translateX(0) translateY(-35%) translateZ(0);
        transform: translateX(0) translateY(-35%) translateZ(0);
    }
}

@keyframes isometricItem2 {
    0% {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }

    50% {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }

    100% {
        -webkit-transform: translateX(0) translateY(-35%) translateZ(0);
        transform: translateX(0) translateY(-35%) translateZ(0);
    }
}

@media (min-width:1920px) {
    .isometric {
        left: 40%
    }
}

@media (max-width:1024px) {
    .isometric__item {
        width: 160px;
        height: 210px;
    }

    .isometric {
        left: 10%;
        top: 60%
    }
}

@media (max-width:480px) {
    .isometric {
        left: 0;
        top: 55%
    }

    @-webkit-keyframes isometricItem1 {
        0% {
            -webkit-transform: translateX(0) translateY(0) translateZ(0);
            transform: translateX(0) translateY(0) translateZ(0);
        }

        50% {
            -webkit-transform: translateX(0) translateY(0) translateZ(0);
            transform: translateX(0) translateY(0) translateZ(0);
        }

        100% {
            -webkit-transform: translateX(0) translateY(-8.5%) translateZ(0);
            transform: translateX(0) translateY(-8.5%) translateZ(0);
        }
    }

    @keyframes isometricItem1 {
        0% {
            -webkit-transform: translateX(0) translateY(0) translateZ(0);
            transform: translateX(0) translateY(0) translateZ(0);
        }

        50% {
            -webkit-transform: translateX(0) translateY(0) translateZ(0);
            transform: translateX(0) translateY(0) translateZ(0);
        }

        100% {
            -webkit-transform: translateX(0) translateY(-8.5%) translateZ(0);
            transform: translateX(0) translateY(-8.5%) translateZ(0);
        }
    }

    @-webkit-keyframes isometricItem2 {
        0% {
            -webkit-transform: translateX(0) translateY(0) translateZ(0);
            transform: translateX(0) translateY(0) translateZ(0);
        }

        50% {
            -webkit-transform: translateX(0) translateY(0) translateZ(0);
            transform: translateX(0) translateY(0) translateZ(0);
        }

        100% {
            -webkit-transform: translateX(0) translateY(-17.5%) translateZ(0);
            transform: translateX(0) translateY(-17.5%) translateZ(0);
        }
    }

    @keyframes isometricItem2 {
        0% {
            -webkit-transform: translateX(0) translateY(0) translateZ(0);
            transform: translateX(0) translateY(0) translateZ(0);
        }

        50% {
            -webkit-transform: translateX(0) translateY(0) translateZ(0);
            transform: translateX(0) translateY(0) translateZ(0);
        }

        100% {
            -webkit-transform: translateX(0) translateY(-17.5%) translateZ(0);
            transform: translateX(0) translateY(-17.5%) translateZ(0);
        }
    }
}

.service-morphing-card {
    max-width: 1070px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: background .45s cubic-bezier(.25, 1, .33, 1), opacity .35s ease-out, -webkit-transform 1.3s cubic-bezier(.12, .75, .4, 1);
    transition: background .45s cubic-bezier(.25, 1, .33, 1), opacity .35s ease-out, -webkit-transform 1.3s cubic-bezier(.12, .75, .4, 1);
    -o-transition: background .45s cubic-bezier(.25, 1, .33, 1), opacity .35s ease-out, transform 1.3s cubic-bezier(.12, .75, .4, 1);
    transition: background .45s cubic-bezier(.25, 1, .33, 1), opacity .35s ease-out, transform 1.3s cubic-bezier(.12, .75, .4, 1);
    transition: background .45s cubic-bezier(.25, 1, .33, 1), opacity .35s ease-out, transform 1.3s cubic-bezier(.12, .75, .4, 1), -webkit-transform 1.3s cubic-bezier(.12, .75, .4, 1);
}

.service-morphing-card--perspective {
    -webkit-perspective: 2000px;
    perspective: 2000px;
    position: relative;
    z-index: 2;
}

.service-morphing-card--tilt {
    -webkit-transform: rotateX(-45deg) translateY(120px);
    transform: rotateX(-45deg) translateY(120px);
    opacity: 0;
}

.service-morphing-card:hover {
    background-size: 105% 105%
}

.service-morphing-card.animated {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.service-morphing-card--tilt.animated {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}

.service-morphing-card--promotion {
    background-image: url(../images/advance.jpg);
}

.service-morphing-card--main {
    background-image: url(../images/promotion.jpg);
}

.service-morphing-card--stadium {
    background-image: url(../images/stadium.jpg);
}

.service-morphing-card--theater {
    background-image: url(../images/case-theater.jpg);
}

.service-morphing-card--bricks {
    background-image: url(../images/bricks.png);
}

.service-morphing-card--conference {
    background-image: url(../images/conference.jpg);
}

.service-morphing-card--shopsite {
    background-image: url(../images/shopsite.jpg);
}

.service-morphing-card__overlay {
    border-radius: 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.service-morphing-card__overlay--black {
    background-image: none;
    background-color: rgba(0, 0, 0, .5);
}

.service-morphing-card__overlay--yellow {
    background-image: -o-linear-gradient(350.54deg, rgba(215, 239, 70, .77) .55%, rgba(242, 20, 93, .77) 98.37%);
    background-image: linear-gradient(99.46deg, rgba(215, 239, 70, .77) .55%, rgba(242, 20, 93, .77) 98.37%);
}

.service-morphing-card__wrapper {
    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;
    position: relative;
    padding-left: 113px;
    padding-right: 104px;
    padding-top: 77px;
    padding-bottom: 98px;
    min-height: 430px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.service-morphing-card__wrapper--not-center {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.service-morphing-card__wrapper--column-center {
    -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;
    text-align: center;
}

.service-morphing-card__wrapper--pb70 {
    padding-bottom: 70px;
}

.service-morphing-card__content {
    max-width: 608px;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.service-morphing-card__content--no-max-width {
    max-width: none;
    margin-right: 0;
}

.service-morphing-card__service,
.service-morphing-card__title {
    color: #fff;
}

.service-morphing-card__title {
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 36px;
    overflow: hidden;
}

.service-morphing-card__title-font {
    font-family: Eurostile Ext;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 43px;
}

.service-morphing-card__title--mb15 {
    margin-bottom: 15px;
}

.service-morphing-card__title span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(102%);
    -ms-transform: translateY(102%);
    transform: translateY(102%);
    -webkit-transition: all .8s ease .4s;
    -o-transition: all .8s ease .4s;
    transition: all .8s ease .4s;
}

.animated .service-morphing-card__title span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.service-morphing-card__service {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.service-morphing-card__list,
.service-morphing-card__more {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .8s ease .6s;
    -o-transition: all .8s ease .6s;
    transition: all .8s ease .6s;
}

.animated .service-morphing-card__list,
.animated .service-morphing-card__more {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.service-morphing-card__item {
    margin-bottom: 10px;
}

.service-morphing-card__item:last-child {
    margin-bottom: 0;
}

.service-morphing-card__item-dots {
    list-style-type: disc;
    color: #fff;
    margin-left: 20px;
}

.service-morphing-card__more {
    font-size: 13px;
    line-height: 16px;
    text-transform: initial;
    margin-top: auto;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.service-morphing-card--shadow {
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
}

.service-morphing-card__link {
    opacity: 0;
    -webkit-transition: opacity .4s ease 1s;
    -o-transition: opacity .4s ease 1s;
    transition: opacity .4s ease 1s;
}

.animated .service-morphing-card__link {
    opacity: 1;
}

.service-morphing-card--border {
    border: 5px solid #ecf7ff;
    border-radius: 5px;
}

.service-morphing-card--border .service-morphing-card__overlay {
    background: 0 0;
}

.service-morphing-card--border .service-morphing-card__link,
.service-morphing-card--border .service-morphing-card__title {
    color: #4065f2;
}

.service-morphing-card--border .service-morphing-card__service {
    color: #444;
}

.service-morphing-card--border .morphing-link__text::before {
    border-color: #4065f2;
}

@media (max-width:1150px) {
    .service-morphing-card {
        max-width: 900px;
    }

    .service-morphing-card__wrapper {
        padding-left: 60px;
        padding-right: 60px;
    }

    .service-morphing-card__content {
        max-width: 450px;
    }

    .service-morphing-card__content--no-max-width {
        max-width: none;
    }
}

@media (max-width:1024px) {
    .service-morphing-card {
        max-width: none;
        width: 90%;
        background-size: cover;
    }

    .service-morphing-card__wrapper {
        padding: 30px;
        min-height: 350px;
    }

    .service-morphing-card:hover {
        background-size: cover;
    }
}

@media (max-width:900px) {
    .service-morphing-card__content {
        max-width: 380px;
    }

    .service-morphing-card__content--no-max-width {
        max-width: none;
    }
}

@media (max-width:768px) {
    .service-morphing-card__wrapper {
        -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;
    }

    .service-morphing-card__wrapper--column-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .service-morphing-card__wrapper--not-center {
        -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;
    }

    .service-morphing-card__content {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .service-morphing-card__title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 25px;
    }

    .service-morphing-card__service {
        font-size: 14px;
        line-height: 20px;
    }

    .service-morphing-card__link {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .service-morphing-card__more {
        margin-top: 50px;
    }
}

@media (max-width:480px) {
    .service-morphing-card__title {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 22px;
    }

    .service-morphing-card__wrapper {
        padding: 25px;
    }

    .service-morphing-card__link {
        -ms-flex-item-align: center;
        align-self: center;
    }
}

.morphing-link {
    display: block;
    color: #fff;
    padding: 83.5px 20px;
}

.morphing-link--big-link {
    padding: 179.5px 8px;
}

.morphing-link--blue {
    color: #1a72cc;
}

.morphing-link--light-green {
    color: #8bc25b;
}

.morphing-link__text--green {
    color: #009f5c;
}

.morphing-link__text--purple {
    color: #8845bf;
}

.morphing-link--yellow {
    color: #f8d500;
}

.morphing-link--uhta {
    color: #523181;
}

.morphing-link--purple {
    color: #3406b9;
}

.morphing-link__text {
    font-size: 26px;
    line-height: 33px;
    text-align: center;
    font-weight: 700;
    -webkit-transition: color .35s cubic-bezier(.65, 0, .35, 1);
    -o-transition: color .35s cubic-bezier(.65, 0, .35, 1);
    transition: color .35s cubic-bezier(.65, 0, .35, 1);
    position: relative;
    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;
    z-index: 1;
    max-width: 192px;
}

.morphing-link__text--widht-height {
    min-width: 192px;
    min-height: 65px;
    max-height: 65px;
}

.morphing-link__text--big {
    min-width: 408px;
    max-width: 408px;
}

.morphing-link__text--underline {
    text-decoration: underline;
}

.morphing-link__text::before {
    content: '';
    display: block;
    -webkit-transition: all .35s cubic-bezier(.65, 0, .35, 1);
    -o-transition: all .35s cubic-bezier(.65, 0, .35, 1);
    transition: all .35s cubic-bezier(.65, 0, .35, 1);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 75.5px 12px;
    z-index: -1;
    border-width: 8px;
    border-style: solid;
    border-color: #fff;
    border-radius: 50%
}

@media (max-width:767px) {
    .morphing-link__text: :before {
        padding: 75.5px 24px;
    }
}

.morphing-link__text--big::before {
    padding: 171.5px 0;
}

.morphing-link__text--blue::before {
    border-color: #1a72cc;
}

.morphing-link__text--purple::before {
    border-color: #3406b9;
}

.morphing-link__text--green::before {
    border-color: #009f5c;
}

.morphing-link__text--light-green::before {
    border-color: #8bc25b;
}

.morphing-link__text--purple::before {
    border-color: #8845bf;
}

.morphing-link__text--yellow::before {
    border-color: #f8d500;
}

.morphing-link__text--uhta::before {
    border-color: #523181;
}

.morphing-link:hover .morphing-link__text::before {
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 0;
}

@media (max-width:768px) {
    .morphing-link--big-link {
        padding: 179.5px 8px;
    }

    .morphing-link__text {
        font-size: 20px;
        line-height: 26px;
        max-width: 156px;
    }

    .morphing-link--big-link {
        padding: 179.5px 8px;
    }

    .morphing-link__text--big {
        min-width: 408px;
        max-width: 408px;
    }

    .morphing-link__text--big::before {
        padding: 171.5px 0;
    }
}

@media (max-width:500px) {
    .morphing-link--big-link {
        padding-top: 122.5px;
        padding-bottom: 122.5px;
    }

    .morphing-link__text--big {
        min-width: 280px;
        max-width: 280px;
    }

    .morphing-link__text--big::before {
        padding-top: 114.5px;
        padding-bottom: 114.5px;
    }
}

.create-solutions {
    background-color: #eaf1fd;
}

.create-solutions__container {
    padding-left: 188px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.create-solutions__container--clip {
    padding-left: 188px;
    padding-top: 345px;
    padding-bottom: 130px;
    margin-top: -345px;
}

.create-solutions__text,
.create-solutions__title {
    color: #444;
}

.create-solutions__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 24px;
}

.create-solutions__title-blue {
    color: #3452fe;
}

.create-solutions__title-font {
    font-family: 'Eurostile Ext';
    font-weight: 900;
    text-transform: uppercase;
    font-size: 33px;
}

.create-solutions__text {
    font-size: 20px;
    line-height: 24px;
}

.create-solutions__stack-technology {
    margin-top: 66px;
}

@media (max-width:1150px) {

    .create-solutions__container,
    .create-solutions__container--clip {
        padding-left: 7.4%
    }
}

@media (max-width:1024px) {
    .create-solutions__container {
        padding-left: 30px;
    }
}

@media (max-width:768px) {
    .create-solutions__container {
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .create-solutions__container--clip {
        padding-top: 300px;
        margin-top: -300px;
        padding-bottom: 60px;
    }

    .create-solutions__title {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .create-solutions__text {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width:600px) {
    .create-solutions__title {
        font-size: 24px;
        line-height: 36px;
    }

    .create-solutions__text {
        font-size: 14px;
    }
}

@media (max-width:500px) {

    .create-solutions__container,
    .create-solutions__container--clip {
        padding-left: 15px;
    }
}

.stack-technology__title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #444;
    margin-bottom: 37px;
}

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

@media (max-width:767px) {
    .stack-technology__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.stack-technology__item {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #3452ff;
    margin-right: 63px;
    margin-bottom: 10px;
}

.stack-technology__item:last-child {
    margin-right: 0;
}

@media (max-width:768px) {
    .stack-technology__item {
        margin-right: 30px;
    }
}

.main-price__subtitle {
    margin-bottom: 62px;
}

.price-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1920px;
    margin: 0 auto;
}

.price-list__item {
    width: 33.33%;
    min-height: 60vh;
    background-color: #fff;
    -webkit-transition: background-color .45s cubic-bezier(.25, 1, .33, 1);
    -o-transition: background-color .45s cubic-bezier(.25, 1, .33, 1);
    transition: background-color .45s cubic-bezier(.25, 1, .33, 1);
    text-align: center;
}

.price-list__item:hover {
    background-color: #f4f4f4;
}

.price-list__container {
    padding: 20px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.price-list__name,
.price-list__price {
    font-weight: 700;
}

.price-list__name {
    font-size: 14px;
    line-height: 17px;
    color: #444;
    margin-bottom: 21px;
}

.price-list__price {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 37px;
}

.price-list__advantages-list {
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 39px;
}

.price-list__advantages-item {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-bottom: 10px;
}

.price-list__advantages-item:last-child {
    margin-bottom: 0;
}

.price-list__wrapper {
    width: 100%
}

.price-list__button {
    margin: 0 auto;
}

.price-list__button::after {
    right: 14px;
}

@media (max-width:1024px) {
    .price-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .price-list__item {
        width: 100%;
        min-height: auto;
    }

    .price-list__container {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .price-list__advantages-list {
        max-width: 600px;
    }
}

@media (max-width:500px) {
    .price-list__container {
        padding: 40px 15px;
    }
}

.last-article__list {
    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;
}

.last-article__list .last-article__item {
    width: 31.2%;
    margin-right: 3%
}

.last-article__list .last-article__item:last-child {
    margin-right: 0;
}

@media (max-width:950px) {
    .last-article__list .last-article__item {
        width: 48%;
        margin-right: 0;
        max-width: none;
    }

    .last-article__list .last-article__item:first-child {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media (max-width:600px) {
    .last-article__list .last-article__item {
        width: 100%;
        margin-bottom: 30px;
    }
}

.article {
    position: relative;
    max-width: 420px;
}

.article__link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 2;
}

.article__img {
    border-radius: 5px;
    -webkit-transition: opacity .55s ease .25s, -webkit-transform .7s cubic-bezier(.2, 1, .22, 1), -webkit-box-shadow .7s cubic-bezier(.2, 1, .22, 1);
    transition: opacity .55s ease .25s, -webkit-transform .7s cubic-bezier(.2, 1, .22, 1), -webkit-box-shadow .7s cubic-bezier(.2, 1, .22, 1);
    -o-transition: transform .7s cubic-bezier(.2, 1, .22, 1), box-shadow .7s cubic-bezier(.2, 1, .22, 1), opacity .55s ease .25s;
    transition: transform .7s cubic-bezier(.2, 1, .22, 1), box-shadow .7s cubic-bezier(.2, 1, .22, 1), opacity .55s ease .25s;
    transition: transform .7s cubic-bezier(.2, 1, .22, 1), box-shadow .7s cubic-bezier(.2, 1, .22, 1), opacity .55s ease .25s, -webkit-transform .7s cubic-bezier(.2, 1, .22, 1), -webkit-box-shadow .7s cubic-bezier(.2, 1, .22, 1);
    max-height: 233px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.article__img-wrap {
    margin-bottom: 25px;
}

.article__category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #ababab;
}

.article__category-item {
    margin-right: 10px;
}

.article__category-item:last-child {
    margin-right: 0;
}

.article__category-link {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #999;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.article__category-link::before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: -3px;
    left: 0;
    background-color: #ff1053;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .37s cubic-bezier(.52, .01, .16, 1);
    transition: -webkit-transform .37s cubic-bezier(.52, .01, .16, 1);
    -o-transition: transform .37s cubic-bezier(.52, .01, .16, 1);
    transition: transform .37s cubic-bezier(.52, .01, .16, 1);
    transition: transform .37s cubic-bezier(.52, .01, .16, 1), -webkit-transform .37s cubic-bezier(.52, .01, .16, 1);
}

.article__category-link:hover {
    color: #ff1053;
}

.article__category-link:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.article__header {
    margin-bottom: 12px;
}

.article__title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #302a2a;
}

.article__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.article__excerpt-text {
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    color: #5a6472;
}

.article:hover .article__img {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0 25px 60px rgba(0, 0, 0, .17);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .17);
}

@media (max-width:500px) {
    .article__title {
        font-size: 22px;
        line-height: 30px;
    }

    .article__excerpt-text {
        font-size: 14px;
        line-height: 26px;
    }
}

.request-section {
    background-color: #3452ff;
}

.request-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 100px;
    padding-bottom: 90px;
    max-width: 1040px;
}

.request-section__left,
.request-section__right {
    width: 100%
}

.request-section__left {
    max-width: 500px;
    margin-right: 143px;
}

.request-section__right {
    max-width: 311px;
    position: relative;
}

.request-section__text,
.request-section__title {
    color: #fff;
}

.request-section__title {
    font-size: 42px;
    line-height: 59px;
    margin-bottom: 18px;
}

.request-section__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 31px;
}

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

.request-section__social-link-item {
    margin-right: 14px;
}

.request-section__social-link-item:last-child {
    margin-right: 0;
}

.request-section__success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    border: 1px solid #b8c2ff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 7%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    color: #fff;
    text-align: center;
    z-index: 5;
}

.request-section__success--active {
    opacity: 1;
    pointer-events: all;
    background-color: var(--mainColor);
}

.request-section__ths {
    font-weight: 700;
    font-size: 42px;
    line-height: 59px;
}

.request-section__send {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 22px;
}

.request-section__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #b8c2ff;
}

@media (max-width:1150px) {
    .request-section__container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .request-section__left {
        margin-right: 20px;
    }
}

@media (max-width:768px) {
    .request-section__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .request-section__left,
    .request-section__right {
        max-width: none;
    }

    .request-section__left {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .request-section__title {
        font-size: 36px;
        line-height: 50px;
    }
}

@media (max-width:500px) {
    .request-section__text {
        font-size: 14px;
    }
}

.request-form__file-load,
.request-form__input-group {
    margin-bottom: 17px;
}

.file-load {
    max-width: 300px;
    min-height: 50px;
    border: 1px dashed transparent;
    border-radius: 5px;
    padding: 5px;
    -webkit-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    margin-left: -5px;
    margin-top: -5px;
}

.highlight {
    border-color: #fff;
}

.file-load__input {
    display: none;
}

.file-load__label {
    padding-left: 48px;
    display: block;
    position: relative;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    color: #dbe0ff;
    cursor: pointer;
}

.file-load__label--hide {
    display: none;
}

.file-load__label::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 29px;
    height: 30px;
    background: url(../fonts/paperclip.svg) no-repeat center;
}

.file-load__item {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.file-load__item:last-child {
    margin-bottom: 0;
}

.file-load__item-name {
    color: #fff;
    max-width: 150px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 5px;
}

.file-load__item-size {
    color: #bbb;
}

.file-load__item-delete {
    width: 15px;
    height: 15px;
    margin-left: auto;
    cursor: pointer;
}

@media (max-width:500px) {
    .file-load__item-name {
        max-width: 110px;
    }
}

.for-whom__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 50px;
}

.for-whom__title {
    font-size: 30px;
    line-height: 37px;
    color: #444;
}

.for-whom__list {
    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;
}

.for-whom__item {
    width: 100%;
    max-width: 49%;
    margin-bottom: 2%
}

.for-whom__left {
    width: 100%;
    max-width: 280px;
    margin-right: 20px;
}

.for-whom__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #bbb;
    margin-top: 20px;
}

@media (max-width:1024px) {
    .for-whom__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .for-whom__left {
        max-width: none;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media (max-width:768px) {
    .for-whom__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .for-whom__item {
        max-width: none;
    }

    .for-whom__title {
        font-size: 24px;
        line-height: 32px;
    }
}

.for-whom-card__inner-wrap {
    position: relative;
    padding: 10% 15%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.for-whom-card__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    border-radius: 5px;
    -webkit-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    -o-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    transition: all .45s cubic-bezier(.25, 1, .2, 1);
}

.for-whom-card__bg--blue {
    background: #0f8fff;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#0f8fff), to(#0de2b8));
    background-image: -o-linear-gradient(top left, #0f8fff, #0de2b8);
    background-image: linear-gradient(to bottom right, #0f8fff, #0de2b8);
}

.for-whom-card__inner {
    position: relative;
}

.for-whom-card__img-wrap {
    margin-bottom: 20px;
}

.for-whom-card__icon {
    width: 50px;
    height: 50px;
}

.for-whom-card__icon path {
    -webkit-transition: fill .45s cubic-bezier(.25, 1, .2, 1);
    -o-transition: fill .45s cubic-bezier(.25, 1, .2, 1);
    transition: fill .45s cubic-bezier(.25, 1, .2, 1);
}

.for-whom-card__item,
.for-whom-card__title {
    -webkit-transition: color .45s cubic-bezier(.25, 1, .2, 1);
    -o-transition: color .45s cubic-bezier(.25, 1, .2, 1);
    transition: color .45s cubic-bezier(.25, 1, .2, 1);
}

.for-whom-card__title {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #000;
    margin-bottom: 20px;
}

.for-whom-card__item {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #444;
    margin-bottom: 10px;
}

.for-whom-card__item:last-child {
    margin-bottom: 0;
}

.for-whom-card:hover .for-whom-card__bg {
    opacity: 1;
}

.for-whom-card:hover .for-whom-card__icon path {
    fill: #fff;
}

.for-whom-card:hover .for-whom-card__item,
.for-whom-card:hover .for-whom-card__title {
    color: #fff;
}

@media (max-width:768px) {
    .for-whom-card__inner-wrap {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media (max-width:500px) {
    .for-whom-card.animated .for-whom-card__bg {
        opacity: 1;
    }

    .for-whom-card.animated .for-whom-card__icon path {
        fill: #fff;
    }

    .for-whom-card.animated .for-whom-card__item,
    .for-whom-card.animated .for-whom-card__title {
        color: #fff;
    }
}

.why-us {
    position: relative;
    overflow: hidden;
}

.why-us .simpleParallax {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}

.why-us__parallax-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.why-us__container {
    padding-bottom: 150px;
}

.why-us__list {
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.why-us__item {
    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;
    text-align: center;
    width: 100%;
    max-width: 225px;
}

.why-us__item-agency {
    max-width: 304px;
}

.why-us__item-img {
    width: 100%;
    max-width: 40px;
    margin-bottom: 24px;
}

.why-us__item-wrap {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity 1s cubic-bezier(.215, .61, .355, 1), transform 1s cubic-bezier(.215, .61, .355, 1);
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1), transform 1s cubic-bezier(.215, .61, .355, 1);
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1), transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
}

.why-us__item:nth-child(2) .why-us__item-wrap {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.why-us__item:nth-child(3) .why-us__item-wrap {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.why-us__item:nth-child(4) .why-us__item-wrap {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.why-us__item.animated .why-us__item-wrap {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.why-us__item-text,
.why-us__item-title {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}

.why-us__item-text--agency {
    line-height: 28px;
}

.why-us__item-title {
    margin-bottom: 15px;
}

@media (max-width:1100px) {
    .why-us__item {
        max-width: 200px;
    }
}

@media (max-width:1024px) {
    .why-us__container {
        padding-bottom: 90px;
    }

    .why-us__item {
        max-width: 48%;
        margin-bottom: 30px;
    }

    .why-us__item:nth-child(2) .why-us__item-wrap,
    .why-us__item:nth-child(3) .why-us__item-wrap,
    .why-us__item:nth-child(4) .why-us__item-wrap {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }
}

@media (max-width:768px) {
    .why-us__container {
        padding-bottom: 50px;
    }
}

@media (max-width:500px) {
    .why-us__item {
        max-width: none;
    }
}

.service-example-works__list {
    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;
}

.service-example-works__item {
    width: 100%;
    max-width: 44%;
    margin-bottom: 70px;
}

@media (max-width:768px) {
    .service-example-works__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .service-example-works__item {
        width: auto;
        max-width: 420px;
        margin-bottom: 70px;
    }
}

.service-example-card {
    position: relative;
    display: block;
}

.service-example-card__img-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    max-width: 418px;
    border-radius: 5px;
}

.service-example-card__img-wrap::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    opacity: 0;
    -webkit-transition: opacity .25s cubic-bezier(.15, .75, .5, 1) 0s;
    -o-transition: opacity .25s cubic-bezier(.15, .75, .5, 1) 0s;
    transition: opacity .25s cubic-bezier(.15, .75, .5, 1) 0s;
    z-index: 1;
}

.service-example-card__img-big {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.15, .75, .5, 1) 0s;
    transition: -webkit-transform .45s cubic-bezier(.15, .75, .5, 1) 0s;
    -o-transition: transform .45s cubic-bezier(.15, .75, .5, 1) 0s;
    transition: transform .45s cubic-bezier(.15, .75, .5, 1) 0s;
    transition: transform .45s cubic-bezier(.15, .75, .5, 1) 0s, -webkit-transform .45s cubic-bezier(.15, .75, .5, 1) 0s;
}

.service-example-card__title {
    font-size: 18px;
    line-height: 22px;
    color: #444;
    font-weight: 400;
    margin-bottom: 10px;
}

.service-example-card__name {
    font-size: 14px;
    line-height: 17px;
    color: #bbb;
}

.service-example-card__img-mobile {
    position: absolute;
    left: -70px;
    bottom: 130px;
    z-index: 2;
    -webkit-box-shadow: rgba(0, 0, 0, .25) 0 40px 41px -12px;
    box-shadow: rgba(0, 0, 0, .25) 0 40px 41px -12px;
    border-radius: 28px;
}

.service-example-card:hover .service-example-card__img-big {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.service-example-card:hover .service-example-card__img-wrap::before {
    opacity: 1;
}

@media (max-width:1024px) {
    .service-example-card__img-mobile {
        left: -20px;
    }
}

@media (max-width:768px) {
    .service-example-card__img-wrap {
        max-width: 418px;
        margin-left: 30px;
    }

    .service-example-card__img-big {
        max-width: 100%
    }

    .service-example-card__img-mobile {
        max-width: 40%;
        left: 0;
    }
}

.control-system {
    background-color: #ecf7ff;
    padding-top: 120px;
    padding-bottom: 50px;
}

.control-system--pink {
    background-color: #ffecef;
}

.control-system__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.control-system__subtitle {
    margin-bottom: 125px;
}

.control-system__description {
    position: relative;
    max-width: 383px;
}

.control-system__description::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #bbb;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 1.9s cubic-bezier(.18, 1, .32, 1);
    transition: -webkit-transform 1.9s cubic-bezier(.18, 1, .32, 1);
    -o-transition: transform 1.9s cubic-bezier(.18, 1, .32, 1);
    transition: transform 1.9s cubic-bezier(.18, 1, .32, 1);
    transition: transform 1.9s cubic-bezier(.18, 1, .32, 1), -webkit-transform 1.9s cubic-bezier(.18, 1, .32, 1);
}

.control-system__description--no-line::before {
    content: none;
}

.control-system__description-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
}

.control-system__description-item:last-child {
    margin-bottom: 0;
}

.control-system__description-count {
    width: 25px;
    width: 100%;
    max-width: 25px;
    height: 25px;
    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;
    border: 2px solid #bbb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    margin-right: 25px;
    background-color: #ecf7ff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .6s;
    transition: opacity .2s, -webkit-transform .6s;
    -o-transition: transform .6s, opacity .2s;
    transition: transform .6s, opacity .2s;
    transition: transform .6s, opacity .2s, -webkit-transform .6s;
}

.control-system__description-count span {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
}

.control-system--pink .control-system__description-count {
    background-color: #ffecef;
}

.control-system__content {
    opacity: 0;
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
    -webkit-transition: opacity .7s cubic-bezier(.165, .84, .44, 1) .2s, -webkit-transform .7s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: opacity .7s cubic-bezier(.165, .84, .44, 1) .2s, -webkit-transform .7s cubic-bezier(.165, .84, .44, 1) .2s;
    -o-transition: transform .7s cubic-bezier(.165, .84, .44, 1) .2s, opacity .7s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: transform .7s cubic-bezier(.165, .84, .44, 1) .2s, opacity .7s cubic-bezier(.165, .84, .44, 1) .2s;
    transition: transform .7s cubic-bezier(.165, .84, .44, 1) .2s, opacity .7s cubic-bezier(.165, .84, .44, 1) .2s, -webkit-transform .7s cubic-bezier(.165, .84, .44, 1) .2s;
}

.control-system__description-item-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #444;
    margin-bottom: 7px;
}

.control-system__description-item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #bbb;
}

.control-system__notebook-wrap {
    position: relative;
    margin-top: -50px;
    -webkit-transform: translateX(75px);
    -ms-transform: translateX(75px);
    transform: translateX(75px);
    opacity: 0;
    -webkit-transition: all 1s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.control-system__notebook-title {
    position: relative;
    font-weight: 800;
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    margin-bottom: 10px;
    padding-left: 53px;
}

.control-system__notebook-title::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
}

.control-system__notebook-title--wordpress::before {
    background-image: url(../images/wordpress.png);
}

.control-system__notebook-title--bitrix::before {
    background-image: url(../images/bitrix-white.png);
}

.control-system__notebook-text {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #77beed;
    text-align: center;
}

.control-system__notebook-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.control-system__container.animated .control-system__notebook-wrap {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.control-system__description.animated::before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.control-system__description.animated .control-system__description-item .control-system__content,
.control-system__description.animated .control-system__description-item .control-system__description-count {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.control-system__description.animated .control-system__description-item:nth-child(2) .control-system__description-count {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.control-system__description.animated .control-system__description-item:nth-child(3) .control-system__description-count {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.control-system__description.animated .control-system__description-item:nth-child(4) .control-system__description-count {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}

.control-system__description.animated .control-system__description-item:nth-child(2) .control-system__content {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.control-system__description.animated .control-system__description-item:nth-child(3) .control-system__content {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}

.control-system__description.animated .control-system__description-item:nth-child(4) .control-system__content {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

@media (max-width:1024px) {
    .control-system {
        padding-top: 60px;
    }

    .control-system__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: 60px;
    }

    .control-system__notebook-wrap {
        margin-top: 0;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .control-system__description {
        max-width: none;
        margin-bottom: 30px;
    }

    .control-system__subtitle {
        margin-bottom: 50px;
    }
}

@media (max-width:500px) {
    .control-system__notebook-inner {
        top: 46%
    }

    .control-system__notebook-title {
        font-size: 24px;
        line-height: 30px;
    }

    .control-system__notebook-title--wordpress {
        padding-left: 33px;
    }

    .control-system__notebook-title--wordpress::before {
        width: 20px;
        height: 20px;
    }
}

.widgets {
    background-color: #fe9c01;
    background-image: url(../images/basket-ball.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-top: 50px;
    padding-bottom: 200px;
}

@media (max-width:1024px) {
    .widgets {
        padding-bottom: 100px;
    }
}

.widgets--light-blue {
    background-color: #ecf7ff;
}

.widgets--light-blue .widgets__description-text,
.widgets--light-blue .widgets__description-title,
.widgets--light-blue .widgets__title {
    color: #444;
}

.widgets--light-blue .widgets__subtitle {
    color: #979797;
}

.widgets__container {
    max-width: 820px;
    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-top: 50px;
}

.widgets__description {
    max-width: 330px;
}

.widgets__description-title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .65s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .65s cubic-bezier(.215, .61, .355, 1);
    transition: all .65s cubic-bezier(.215, .61, .355, 1);
}

.widgets__description-text-wrap {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .65s cubic-bezier(.215, .61, .355, 1) .2s;
    -o-transition: all .65s cubic-bezier(.215, .61, .355, 1) .2s;
    transition: all .65s cubic-bezier(.215, .61, .355, 1) .2s;
}

.widgets__description-text {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 7px;
}

.widgets__description-text:last-child {
    margin-bottom: 0;
}

.widgets__image-roll {
    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;
    position: relative;
}

.widgets__image {
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transition: opacity .6s cubic-bezier(.15, .84, .35, 1.25), -webkit-transform .65s cubic-bezier(.05, .2, .1, 1);
    transition: opacity .6s cubic-bezier(.15, .84, .35, 1.25), -webkit-transform .65s cubic-bezier(.05, .2, .1, 1);
    -o-transition: transform .65s cubic-bezier(.05, .2, .1, 1), opacity .6s cubic-bezier(.15, .84, .35, 1.25);
    transition: transform .65s cubic-bezier(.05, .2, .1, 1), opacity .6s cubic-bezier(.15, .84, .35, 1.25);
    transition: transform .65s cubic-bezier(.05, .2, .1, 1), opacity .6s cubic-bezier(.15, .84, .35, 1.25), -webkit-transform .65s cubic-bezier(.05, .2, .1, 1);
    max-width: none;
}

.widgets__image:last-child {
    margin-bottom: 0;
}

.widgets__container.animated .widgets__description-text-wrap,
.widgets__container.animated .widgets__description-title,
.widgets__container.animated .widgets__image {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.widgets__container.animated .widgets__image:nth-child(2) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.widgets__container.animated .widgets__image:nth-child(3) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.widgets__image-roll--min-height379 {
    min-height: 379px;
}

.widgets__image-roll--min-width400 {
    min-width: 400px;
}

.widgets__image--culturesite-absolute {
    position: absolute;
}

.widgets__image--culturesite-absolute:nth-child(1) {
    left: 0;
    top: 30px;
}

.widgets__image--culturesite-absolute:nth-child(2) {
    left: 60px;
    top: 50px;
}

.widgets__image--culturesite-absolute:nth-child(3) {
    left: 60px;
    bottom: -35px;
}

@media (max-width:1024px) {
    .widgets__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
    }

    .widgets__description {
        margin-bottom: 30px;
    }

    .widgets__image {
        width: 100%;
        max-width: 100%
    }

    .widgets__image--culturesite-absolute {
        width: auto;
    }

    .widgets__image--culturesite-absolute:nth-child(3) {
        bottom: 0;
    }
}

@media (max-width:768px) {
    .widgets__subtitle {
        margin-bottom: 30px;
    }

    .widgets__description-title {
        font-size: 24px;
        line-height: 32px;
    }

    .widgets__description-text {
        font-size: 14px;
        line-height: 18px;
    }

    .widgets__image--culturesite-absolute:nth-child(1) {
        left: -35px;
    }
}

@media (max-width:500px) {
    .widgets__description-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .widgets__image-roll--min-width400 {
        min-width: 290px;
    }

    .widgets__image--culturesite-absolute:nth-child(2),
    .widgets__image--culturesite-absolute:nth-child(3) {
        left: 15px;
    }

    .widgets__image--culturesite-absolute:nth-child(3) {
        bottom: 80px;
    }
}

@media (max-width:380px) {

    .widgets__image--culturesite-absolute: nth-child(2),
    .widgets__image--culturesite-absolute:nth-child(3) {
        left: 50px;
    }

    .widgets__image--culturesite-absolute:nth-child(1) {
        left: 0;
    }
}

.widgets--football {
    background-image: url(../images/foot-ball.png);
}

.widgets--hockey {
    background-image: url(../images/hockey.png);
}

.widgets--voleyball {
    background-image: url(../images/voley-ball.png);
}

.widgets--basketball {
    background-image: url(../images/basket-ball.png);
}

.tournament-table--red {
    background-color: #ee0e39;
}

.tournament-table--dark-red {
    background-color: #d01438;
}

.tournament-table--gray {
    background-color: #f4f4f4;
}

.tournament-table--gray svg path {
    fill: #4065f2;
}

.tournament-table--gray .tournament-table__item-title {
    color: #444;
}

.tournament-table--gray .tournament-table__item-text {
    color: #979797;
}

.tournament-table__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 100px;
}

.tournament-table__item {
    margin-bottom: 50px;
}

.tournament-table__item:last-child {
    margin-bottom: 0;
}

.tournament-table__item {
    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;
}

.tournament-table__content {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .6s cubic-bezier(.15, .84, .35, 1.25), -webkit-transform .65s cubic-bezier(.05, .2, .1, 1);
    transition: opacity .6s cubic-bezier(.15, .84, .35, 1.25), -webkit-transform .65s cubic-bezier(.05, .2, .1, 1);
    -o-transition: transform .65s cubic-bezier(.05, .2, .1, 1), opacity .6s cubic-bezier(.15, .84, .35, 1.25);
    transition: transform .65s cubic-bezier(.05, .2, .1, 1), opacity .6s cubic-bezier(.15, .84, .35, 1.25);
    transition: transform .65s cubic-bezier(.05, .2, .1, 1), opacity .6s cubic-bezier(.15, .84, .35, 1.25), -webkit-transform .65s cubic-bezier(.05, .2, .1, 1);
}

.tournament-table__item--right {
    text-align: right;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.tournament-table__icon-wrap {
    min-height: 50px;
    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;
    margin-bottom: 40px;
}

.tournament-table__item-title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 11px;
    color: #fff;
}

.tournament-table__item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    max-width: 230px;
    color: #ffa2b2;
}

.tournament-table__left,
.tournament-table__right {
    width: 30%
}

.tournament-table__middle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33%;
    margin: 0 3%
}

.tournament-table__middle-wrap {
    position: absolute;
    left: 100px;
    top: 68px;
}

.tournament-table__container--min-height650 {
    min-height: 650px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tournament-table__left--width25 {
    width: 25%
}

.tournament-table__middle--width57 {
    width: 57%
}

.tournament-table__img {
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
}

.tournament-table__img--big,
.tournament-table__middle-wrap {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    opacity: 0;
    -webkit-transition: opacity .3s ease, -webkit-transform .7s cubic-bezier(.3, .95, .3, .95);
    transition: opacity .3s ease, -webkit-transform .7s cubic-bezier(.3, .95, .3, .95);
    -o-transition: transform .7s cubic-bezier(.3, .95, .3, .95), opacity .3s ease;
    transition: transform .7s cubic-bezier(.3, .95, .3, .95), opacity .3s ease;
    transition: transform .7s cubic-bezier(.3, .95, .3, .95), opacity .3s ease, -webkit-transform .7s cubic-bezier(.3, .95, .3, .95);
}

.tournament-table__img--small {
    margin-bottom: 25px;
}

.tournament-table__container.animated .tournament-table__item .tournament-table__content {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.tournament-table__container.animated .tournament-table__item:nth-child(2) .tournament-table__content {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
}

.tournament-table__container.animated .tournament-table__img--big,
.tournament-table__container.animated .tournament-table__middle-wrap {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.tournament-table__container.animated .tournament-table__middle-wrap {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.tournament-table--panorama {
    position: relative;
    margin: 0 50px;
}

.tournament-table--panorama::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 111.5%;
    height: 75%;
    background: url(../fonts/panorama-arrow.svg) no-repeat center;
    background-size: cover;
    top: 77%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tournament-table__absolute-text-center {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #ff8e8e;
    width: 100%
}

@media (max-width:1024px) {
    .tournament-table--panorama {
        margin: 0 30px;
    }
}

@media (max-width:900px) {
    .tournament-table__middle-wrap {
        left: 50px;
        top: 50px;
    }
}

@media (max-width:768px) {
    .tournament-table__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-top: 40px;
        padding-bottom: 40px;
    }

    .tournament-table__left,
    .tournament-table__middle,
    .tournament-table__right {
        width: auto;
    }

    .tournament-table__middle {
        margin: 50px 0;
    }

    .tournament-table__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .tournament-table__middle-wrap {
        left: auto;
        right: -50px;
        top: 13px;
    }

    .tournament-table__icon-wrap {
        margin-bottom: 15px;
    }

    .tournament-table__item {
        margin-bottom: 25px;
    }

    .tournament-table--panorama::before {
        content: none;
    }

    .tournament-table__absolute-text-center {
        display: none;
    }
}

@media (max-width:500px) {
    .tournament-table__middle-wrap {
        right: -25px;
    }
}

.gradient-price-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.gradient-price-list__item {
    border-radius: 5px;
    width: 100%;
    max-width: 46.9%
}

.gradient-price-list__item--alone {
    max-width: none;
}

.gradient-price-list__item--alone .gradient-price-list__wrapper {
    padding: 10%
}

.gradient-price-list__wrapper {
    position: relative;
    padding: 15% 10%;
    overflow: hidden;
    border-radius: 5px;
}

.gradient-price-list__bg-img {
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    -webkit-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    -o-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    transition: all .45s cubic-bezier(.25, 1, .2, 1);
    opacity: 0;
}

.gradient-price-list__bg-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    -o-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    transition: all .45s cubic-bezier(.25, 1, .2, 1);
    opacity: .85;
    background: #3452ff;
    background: -webkit-gradient(linear, left top, right bottom, from(#3452ff), to(#15d679));
    background: -o-linear-gradient(top left, #3452ff, #15d679);
    background: linear-gradient(to bottom right, #3452ff, #15d679);
}

.gradient-price-list__inner {
    position: relative;
    z-index: 2;
}

.gradient-price-list__inner-wrap {
    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;
    min-height: 470px;
}

.gradient-price-list__descr-item,
.gradient-price-list__overtitle,
.gradient-price-list__price,
.gradient-price-list__title {
    text-align: center;
}

.gradient-price-list__descr-item,
.gradient-price-list__more,
.gradient-price-list__overtitle,
.gradient-price-list__price,
.gradient-price-list__title {
    -webkit-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    -o-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    transition: all .45s cubic-bezier(.25, 1, .2, 1);
}

.gradient-price-list__overtitle,
.gradient-price-list__title {
    color: #302a2a;
}

.gradient-price-list__overtitle {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px;
}

.gradient-price-list__title {
    font-size: 24px;
    line-height: 29px;
    min-height: 90px;
    margin-bottom: 40px;
    max-width: 210px;
}

.gradient-price-list__descr-item,
.gradient-price-list__more,
.gradient-price-list__price {
    color: #5a6472;
}

.gradient-price-list__descr-list {
    margin-bottom: 30px;
}

.gradient-price-list__descr-item {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    max-width: 350px;
    margin-bottom: 5px;
}

.gradient-price-list__descr-item:last-child {
    margin-bottom: 0;
}

.gradient-price-list__price {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 46px;
    margin-top: auto;
}

.gradient-price-list__more {
    font-size: 13px;
    line-height: 16px;
    text-transform: initial;
}

.gradient-price-list__more .more-details__arrow {
    border-color: #5a6472;
    border-width: 1px;
    width: 19px;
    height: 19px;
}

.gradient-price-list__more .more-details__arrow::before {
    background-image: url(../fonts/more-arrow-gray.svg);
}

.gradient-price-list__item:hover .gradient-price-list__bg-img {
    opacity: 1;
}

.gradient-price-list__item:hover .gradient-price-list__more,
.gradient-price-list__item:hover .gradient-price-list__overtitle,
.gradient-price-list__item:hover .gradient-price-list__price,
.gradient-price-list__item:hover .gradient-price-list__title {
    color: #fff;
}

.gradient-price-list__item:hover .gradient-price-list__descr-item {
    color: #c6e0ec;
}

.gradient-price-list__item:hover .more-details__arrow {
    border-color: #fff;
}

.gradient-price-list__item:hover .more-details__arrow::before {
    background-image: url(../fonts/more-arrow.svg);
}

.gradient-price-list__more:hover .more-details__arrow {
    border-color: transparent;
}

@media (max-width:1024px) {
    .gradient-price-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .gradient-price-list__inner-wrap {
        min-height: auto;
    }

    .gradient-price-list__title {
        max-width: none;
        min-height: auto;
        margin-bottom: 20px;
    }

    .gradient-price-list__item {
        max-width: none;
        margin-bottom: 30px;
    }

    .gradient-price-list__item:last-child {
        margin-bottom: 0;
    }

    .gradient-price-list__wrapper {
        padding: 5%
    }

    .gradient-price-list__bg-img {
        opacity: 1;
    }

    .gradient-price-list__more,
    .gradient-price-list__overtitle,
    .gradient-price-list__price,
    .gradient-price-list__title {
        color: #fff;
    }

    .gradient-price-list__descr-item {
        color: #c6e0ec;
        max-width: 600px;
    }

    .gradient-price-list__more .more-details__arrow::before {
        background-image: url(../fonts/more-arrow.svg);
    }

    .gradient-price-list__more .more-details__arrow {
        border-color: #fff;
    }

    .gradient-price-list__price {
        margin-bottom: 20px;
    }
}

@media (max-width:768px) {
    .gradient-price-list__wrapper {
        padding: 30px;
    }

    .gradient-price-list__title {
        font-size: 20px;
        line-height: 25px;
    }

    .gradient-price-list__descr-item {
        font-size: 12px;
        line-height: 24px;
    }

    .gradient-price-list__descr-list {
        margin-bottom: 20px;
    }

    .gradient-price-list__price {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (max-width:500px) {
    .gradient-price-list__wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.terms-dev__container {
    max-width: 1050px;
    padding-right: 4%;
    padding-bottom: 100px;
    padding-top: 40px;
}

.terms-dev {
    background-color: #333;
}

.terms-dev--light-blue {
    background-color: #ecf7ff;
}

.terms-dev--light-blue .term-dev__first-version-title,
.terms-dev--light-blue .terms-dev__month,
.terms-dev--light-blue .terms-dev__text,
.terms-dev--light-blue .terms-dev__title {
    color: #444;
}

.terms-dev--light-blue .term-dev__first-version-text {
    color: #bbb;
}

.terms-dev--light-blue .term-dev__first-version-block {
    border-color: #bbb;
}

.terms-dev__title {
    margin-bottom: 80px;
}

.terms-dev__left {
    margin-right: 20px;
}

.terms-dev__term-wrap,
.terms-dev__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.terms-dev__term-wrap {
    margin-bottom: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.terms-dev__term {
    position: relative;
    font-weight: 600;
    font-size: 160px;
    line-height: 195px;
    color: #25d366;
    margin-right: 50px;
}

.terms-dev__term span {
    position: absolute;
    font-size: 55px;
    line-height: 67px;
    right: -20px;
    top: 0;
}

.terms-dev__text-wrap {
    max-width: 275px;
}

.terms-dev__month,
.terms-dev__text {
    color: #fff;
}

.terms-dev__month {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 16px;
}

.terms-dev__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.term-dev__first-version-block {
    max-width: 346px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, .33);
    padding: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.term-dev__first-version-icon {
    width: 50px;
    margin-bottom: 18px;
}

.term-dev__first-version-title {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-bottom: 18px;
}

.term-dev__first-version-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
}

@media (max-width:1100px) {
    .terms-dev__term {
        margin-right: 20px;
    }

    .term-dev__first-version-block {
        max-width: 330px;
        padding: 35px;
    }
}

@media (max-width:1024px) {
    .terms-dev__container {
        padding-right: 30px;
    }

    .terms-dev__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .terms-dev__left {
        margin-bottom: 40px;
        margin-right: 0;
    }

    .terms-dev__term-wrap {
        max-width: 600px;
    }

    .terms-dev__right {
        -ms-flex-item-align: center;
        align-self: center;
    }
}

@media (max-width:768px) {
    .terms-dev__term-wrap {
        max-width: 530px;
    }

    .terms-dev__term {
        font-size: 110px;
        line-height: 130px;
    }

    .terms-dev__term span {
        font-size: 40px;
        line-height: 52px;
    }
}

@media (max-width:600px) {
    .terms-dev__text-wrap {
        max-width: none;
    }

    .terms-dev__term-wrap {
        -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;
    }
}

@media (max-width:500px) {
    .terms-dev__container {
        padding-right: 15px;
    }

    .terms-dev__title {
        margin-bottom: 30px;
    }

    .term-dev__first-version-block {
        padding: 20px;
    }
}

.additional-services__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

@media (max-width:1024px) {
    .additional-services__item {
        margin-bottom: 30px;
    }

    .additional-services__item:last-child,
    .additional-services__item:nth-last-child(2) {
        margin-bottom: 0;
    }
}

@media (max-width:600px) {
    .additional-services__item {
        margin-bottom: 0;
    }
}

.additional-services-card {
    height: 90vh;
    width: 25%;
    position: relative;
}

.additional-services-card:hover .additional-services-card__shadow {
    opacity: 1;
}

.additional-services-card__bg-img-wrap {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.additional-services-card__bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: cover;
    outline: 1px solid transparent;
    -webkit-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    -o-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    transition: all .4s cubic-bezier(.12, .65, .4, 1);
}

.additional-services-card__bg-img::after {
    content: '';
    position: absolute;
    background-color: #282828;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    -o-transition: all .4s cubic-bezier(.12, .65, .4, 1);
    transition: all .4s cubic-bezier(.12, .65, .4, 1);
    opacity: .6;
}

.additional-services-card__link {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.additional-services-card__description {
    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;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(100px);
    transform: translate(-50%, -50%) translateZ(100px);
    width: 100%;
    height: 100%;
    max-width: 400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.additional-services-card__description-inner {
    padding: 30px 50px;
}

.additional-services-card__img {
    width: 42px;
    margin-bottom: 33px;
    opacity: .5;
    -webkit-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    -o-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    transition: all .45s cubic-bezier(.25, 1, .2, 1);
}

.additional-services-card__text,
.additional-services-card__title {
    color: #fff;
}

.additional-services-card__title {
    font-size: 29px;
    line-height: 35px;
    margin-bottom: 5px;
}

.additional-services-card__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.additional-services-card__shadow {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    -webkit-box-shadow: 0 35px 100px rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .4);
    box-shadow: 0 35px 100px rgba(0, 0, 0, .4), 0 16px 40px rgba(0, 0, 0, .4);
    -webkit-transition: all .27s ease-out;
    -o-transition: all .27s ease-out;
    transition: all .27s ease-out;
    z-index: -1;
    opacity: 0;
}

.additional-services-card__link:hover {
    z-index: 100;
}

.additional-services-card__link:hover .additional-services-card__img {
    opacity: 1;
}

.additional-services-card__link:hover .additional-services-card__bg-img::after {
    opacity: .2;
}

@media (max-width:1200px) {
    .additional-services-card__description-inner {
        width: 80%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width:1024px) {
    .additional-services-card {
        width: 50%
    }
}

@media (max-width:600px) {
    .additional-services-card {
        height: 65vh;
        width: 100%
    }
}

.text-with-image__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}

.text-with-image__text-wrap {
    position: absolute;
    left: 90px;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-45px);
    -ms-transform: translateY(-50%) translateX(-45px);
    transform: translateY(-50%) translateX(-45px);
    opacity: 0;
    max-width: 520px;
    -webkit-transition: all .65s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .65s cubic-bezier(.215, .61, .355, 1);
    transition: all .65s cubic-bezier(.215, .61, .355, 1);
    z-index: 1;
}

.text-with-image__text,
.text-with-image__title {
    color: #302a2a;
}

.text-with-image__title {
    font-size: 30px;
    line-height: 37px;
    font-weight: 600;
    margin-bottom: 25px;
}

.text-with-image__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 10px;
}

.text-with-image__image-wrap {
    opacity: 0;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transition: all .65s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .65s cubic-bezier(.215, .61, .355, 1);
    transition: all .65s cubic-bezier(.215, .61, .355, 1);
}

.text-with-image__container.animated .text-with-image__image-wrap,
.text-with-image__container.animated .text-with-image__text-wrap {
    opacity: 1;
}

.text-with-image__container.animated .text-with-image__image-wrap {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.text-with-image__container.animated .text-with-image__text-wrap {
    -webkit-transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
}

@media (max-width:1024px) {
    .text-with-image__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;
    }

    .text-with-image__text-wrap {
        position: static;
        -webkit-transform: translateY(45px) translateX(0);
        -ms-transform: translateY(45px) translateX(0);
        transform: translateY(45px) translateX(0);
        max-width: none;
        margin-bottom: 30px;
    }

    .text-with-image__container.animated .text-with-image__text-wrap {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (max-width:500px) {
    .text-with-image__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .text-with-image__text {
        font-size: 14px;
        line-height: 27px;
    }
}

.offering {
    background-color: #212121;
}

.offering--black {
    background-color: #000;
}

.offering--green {
    background-color: #00542f;
}

.offering--brown {
    background-color: #5e3d36;
}

.offering--blue {
    background-color: #293db1;
}

.offering--light-green {
    background-image: -o-linear-gradient(160.9deg, #8bc25b 43.07%, #a4e36c 100%);
    background-image: linear-gradient(289.1deg, #8bc25b 43.07%, #a4e36c 100%);
}

.offering--vnukovo-blue {
    background-color: #5e69a5;
}

.offering--karfidov {
    background-image: -o-linear-gradient(346.29deg, #151a24 34.28%, #2a3243 63.61%, #2a3243 83.92%, #181d29 100.98%);
    background-image: linear-gradient(103.71deg, #151a24 34.28%, #2a3243 63.61%, #2a3243 83.92%, #181d29 100.98%);
}

.offering--sibmera {
    background-image: -o-linear-gradient(45deg, #27254a 12.64%, #471d41 69.44%);
    background-image: linear-gradient(45deg, #27254a 12.64%, #471d41 69.44%);
}

.offering--uhta {
    background-color: #3a3181;
}

.offering--purple {
    background-color: #1d085b;
}

.offering__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 540px;
    padding-top: 92px;
    padding-bottom: 50px;
}

.offering__container--minh-360 {
    min-height: 360px;
}

.offering__client-year,
.offering__offer,
.offering__task {
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .6s cubic-bezier(.215, .61, .355, 1);
    transition: all .6s cubic-bezier(.215, .61, .355, 1);
}

.offering__container.animated .offering__client-year,
.offering__container.animated .offering__offer,
.offering__container.animated .offering__task {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.offering__container.animated .offering__task {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.offering__container.animated .offering__offer {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.offering__client-year {
    max-width: 256px;
    margin-right: 28px;
}

.offering__task {
    max-width: 350px;
    margin-right: 20px;
}

.offering__offer {
    max-width: 400px;
    margin-left: auto;
}

.offering__client-year-item {
    margin-bottom: 50px;
}

.offering__client-year-item:last-child {
    margin-bottom: 0;
}

.offering__client-year-title,
.offering__text {
    font-size: 14px;
}

.offering__client-year-text,
.offering__client-year-title {
    line-height: 17px;
}

.offering__client-year-text,
.offering__text {
    font-weight: 500;
}

.offering__text {
    line-height: 28px;
    margin-bottom: 30px;
    color: #c5c3c3;
}

.offering__text:last-child {
    margin-bottom: 0;
}

.offering__client-year-title,
.offering__title {
    color: #fff;
}

.offering__client-year-title {
    font-weight: 700;
    margin-bottom: 7px;
}

.offering__title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 40px;
}

.offering__client-year-title--dark,
.offering__title--dark {
    color: #5b7642;
}

.offering__text--white {
    color: #fff;
}

.offering__text--light-gray {
    color: #edeffc;
}

.offering__text--light-pink {
    color: #d8bad3;
}

.offering__text--gray-bbb,
.offering__title--gray-bbb {
    color: #bbb;
}

.offering__offer--ml0 {
    margin-left: 0;
}

.offering__client-year--max576 {
    max-width: 576px;
    margin-right: 0;
}

.offering__client-year-item--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(224, 224, 224, .5);
    margin-bottom: 0;
}

.offering__client-year-item--flex:first-child {
    padding-top: 0;
}

.offering__client-year-item--flex:last-child {
    border-bottom: 0;
}

.offering__client-year-item--flex .offering__client-year-title {
    min-width: 97px;
    margin-right: 27px;
}

@media (max-width:1024px) {
    .offering__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .offering__task {
        margin-right: 0;
    }

    .offering__offer {
        max-width: none;
        margin-top: 30px;
    }
}

@media (max-width:768px) {
    .offering__container {
        padding-top: 60px;
        min-height: auto;
    }

    .offering__client-year,
    .offering__task {
        max-width: none;
    }

    .offering__client-year {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .offering__client-year-item {
        margin-bottom: 20px;
    }

    .offering__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .offering__text {
        margin-bottom: 15px;
    }
}

.design-site-with-slider {
    padding-top: 90px;
    padding-bottom: 90px;
}

.design-site-with-slider--light-blue {
    background-color: #f4f6ff;
}

.design-site-with-slider__subtitle {
    margin-bottom: 70px;
}

.design-site-with-slider__img-alone {
    margin: 0 auto;
}

.design-site-with-slider__img {
    width: 100%
}

.design-site-with-slider__slider .splide__pagination {
    bottom: -50px;
}

.design-site-with-slider__slider .splide__pagination__page {
    width: 18px;
    height: 3px;
    background: #c4c4c4;
    border-radius: 0;
    margin: 5px;
}

.design-site-with-slider__slider .splide__pagination__page.is-active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: #999;
}

@media (min-width:1400px) {
    .design-site-with-slider__slide {
        width: 1100px;
    }
}

@media (max-width:1024px) {
    .design-site-with-slider {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .design-site-with-slider__subtitle {
        margin-bottom: 35px;
    }

    .design-site-with-slider__slider .splide__pagination {
        bottom: -30px;
    }
}

.case-design {
    background-color: #f4f4f4;
}

.case-design__container {
    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-top: 100px;
    padding-bottom: 100px;
}

.case-design__description {
    max-width: 400px;
    margin-right: 20px;
}

.case-design__text,
.case-design__title {
    color: #302a2a;
}

.case-design__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    max-width: 320px;
    margin-bottom: 25px;
}

.case-design__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 20px;
}

.case-design__text:last-child {
    margin-bottom: 0;
}

.case-design__collage {
    position: relative;
    margin-right: 90px;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: 45px;
}

.case-design__bg {
    min-width: 484px;
    min-height: 240px;
}

.case-design__bg,
.case-design__img {
    opacity: 0;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transition: opacity .3s ease, -webkit-transform .7s cubic-bezier(.3, .95, .3, .95);
    transition: opacity .3s ease, -webkit-transform .7s cubic-bezier(.3, .95, .3, .95);
    -o-transition: transform .7s cubic-bezier(.3, .95, .3, .95), opacity .3s ease;
    transition: transform .7s cubic-bezier(.3, .95, .3, .95), opacity .3s ease;
    transition: transform .7s cubic-bezier(.3, .95, .3, .95), opacity .3s ease, -webkit-transform .7s cubic-bezier(.3, .95, .3, .95);
}

.case-design__img {
    position: absolute;
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    border-radius: 5px;
}

.case-design__img--first {
    top: -100px;
    left: -45px;
}

.case-design__img--second {
    bottom: -100px;
    right: -90px;
}

.case-design__img--first-elvis {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 2;
    top: -81px;
    left: -92px;
}

.case-design__img--second-elvis {
    -webkit-box-shadow: none;
    box-shadow: none;
    bottom: -137px;
    right: -126px;
}

.case-design__collage.animated .case-design__bg,
.case-design__collage.animated .case-design__img {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.case-design__collage.animated .case-design__img--first {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.case-design__collage.animated .case-design__img--second {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.case-design--vnukovo {
    background: url(../fonts/CV.svg) no-repeat;
    background-position: 90% 50%
}

@media (max-width:1200px) {
    .case-design__collage {
        margin-right: 45px;
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .case-design__img {
        max-width: 400px;
    }

    .case-design__img--first {
        top: -60px;
        left: -45px;
    }

    .case-design__img--second {
        bottom: -60px;
        right: -45px;
    }

    .case-design__img--first-elvis {
        top: -48px;
        left: -74px;
    }

    .case-design__img--second-elvis {
        bottom: -83px;
        right: -65px;
    }
}

@media (max-width:1024px) {
    .case-design__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .case-design__description {
        max-width: none;
        margin-bottom: 50px;
        margin-right: 0;
    }

    .case-design--vnukovo {
        background: #f4f4f4;
    }
}

@media (max-width:768px) {
    .case-design__description {
        margin-bottom: 30px;
    }

    .case-design__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .case-design__text {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .case-design__collage {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .case-design__bg {
        min-width: 320px;
        min-height: 170px;
    }

    .case-design__img {
        max-width: 280px;
    }

    .case-design__img--first {
        top: -25px;
        left: -15px;
    }

    .case-design__img--second {
        bottom: -25px;
        right: -15px;
    }

    .case-design__img--first-elvis {
        top: -34px;
        left: -53px;
    }

    .case-design__img--second-elvis {
        bottom: -57px;
        right: -51px;
    }
}

@media (max-width:420px) {
    .case-design__bg {
        min-width: 270px;
        min-height: 140px;
    }

    .case-design__img {
        max-width: 240px;
    }

    .case-design__img--first-elvis {
        top: -34px;
        left: -35px;
    }

    .case-design__img--second-elvis {
        bottom: -43px;
        right: -27px;
    }
}

.case-opportunities__container {
    padding-top: 60px;
    padding-bottom: 60px;
}

.case-opportunities__container-avanta1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (max-width:450px) {
    .case-opportunities__container-avanta1 {
        padding-bottom: 0;
    }
}

.case-opportunities__item {
    margin-bottom: 80px;
}

.case-opportunities__item:last-child {
    margin-bottom: 0;
}

.case-opportunities__item--mb200 {
    margin-bottom: 200px;
}

.case-opportunities__container--w100 {
    width: 100%
}

@media (max-width:1024px) {
    .case-opportunities__item--mb200 {
        margin-bottom: 100px;
    }
}

@media (max-width:500px) {

    .case-opportunities__item,
    .case-opportunities__item--mb200 {
        margin-bottom: 40px;
    }
}

.opportunity {
    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;
}

.opportunity--image-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.opportunity--revers-aling-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.opportunity--aling-center {
    -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;
}

.opportunity--image-left .opportunity__description {
    margin-left: 20px;
    margin-right: 0;
}

.opportunity__description {
    max-width: 520px;
    margin-right: 20px;
}

.opportunity__text,
.opportunity__title {
    color: #302a2a;
}

.opportunity__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 25px;
}

.opportunity__title--blue {
    color: #1a72cc;
}

.opportunity__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 20px;
}

.opportunity__text:last-child {
    margin-bottom: 0;
}

.opportunity__text--dontmargin {
    margin-bottom: 0;
}

.opportunity__images-wrap {
    height: 100%;
    width: 100%;
    position: relative;
    min-height: 370px;
    max-width: 535px;
}

.opportunity__images-wrap--h652 {
    min-height: 652px;
}

.opportunity__images-wrap--h445 {
    min-height: 445px;
}

.opportunity__images-wrap--h300 {
    min-height: 300px;
}

.opportunity__images-wrap--h368 {
    min-height: 368px;
}

.opportunity__images-wrap--none-min-height {
    min-height: auto;
}

.opportunity__img {
    position: absolute;
    -webkit-box-shadow: -6px 19px 41px rgba(168, 168, 168, .25);
    box-shadow: -6px 19px 41px rgba(168, 168, 168, .25);
    border-radius: 5px;
}

.opportunity__images-wrap picture {
    display: block;
}

.opportunity__images-wrap picture,
.opportunity__img {
    opacity: 0;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transition: opacity .3s ease, -webkit-transform .7s cubic-bezier(.3, .95, .3, .95);
    transition: opacity .3s ease, -webkit-transform .7s cubic-bezier(.3, .95, .3, .95);
    -o-transition: transform .7s cubic-bezier(.3, .95, .3, .95), opacity .3s ease;
    transition: transform .7s cubic-bezier(.3, .95, .3, .95), opacity .3s ease;
    transition: transform .7s cubic-bezier(.3, .95, .3, .95), opacity .3s ease, -webkit-transform .7s cubic-bezier(.3, .95, .3, .95);
}

.opportunity__img--no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.opportunity__img--static {
    position: static;
}

.opportunity__img--profiles1 {
    left: 22%;
    top: 0;
}

.opportunity__img--profiles2 {
    right: 0;
    bottom: 0;
}

.opportunity__img--profiles3 {
    left: 0;
    top: 70px;
}

.opportunity__img--results1 {
    right: 0;
    top: 0;
}

@media (max-width:767px) {
    .opportunity__img-width {
        width: 100%
    }
}

.opportunity__img--results2 {
    left: 0;
    bottom: 0;
}

.opportunity__img--widgets1 {
    left: 0;
    top: 0;
}

.opportunity__img--widgets2 {
    right: 0;
    bottom: 0;
}

.opportunity__img--prototype-drama1 {
    left: 22%;
    top: 0;
}

.opportunity__img--prototype-drama2 {
    right: 0;
    top: 20%
}

.opportunity__img--prototype-drama3 {
    left: 0;
    bottom: 0;
}

.opportunity__img--culturesite1 {
    left: 0;
    bottom: 0;
}

.opportunity__img--avk1 {
    left: 0;
    top: 0;
}

.opportunity__img--avk2 {
    right: 0;
    top: 20%
}

.opportunity__img--prototype-avk1 {
    left: 10%;
    top: 0;
}

.opportunity__img--karfidov2 {
    bottom: 20%
}

.opportunity__img--karfidov-one-center {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.opportunity__img--elvis-first {
    top: 0;
    left: 0;
    z-index: 2;
    width: 85%
}

.opportunity__img--elvis-second {
    right: 0;
    top: 49px;
}

.opportunity__img--elvis-first-fill {
    top: 0;
    left: 0;
    z-index: 2;
}

.opportunity__img--elvis-second-fill {
    right: 0;
    bottom: 0;
}

.opportunity__images-wrap.animated .opportunity__img,
.opportunity__images-wrap.animated picture {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.opportunity__images-wrap.animated .opportunity__img:nth-child(2),
.opportunity__images-wrap.animated picture:nth-child(2) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.opportunity__images-wrap.animated .opportunity__img:nth-child(3),
.opportunity__images-wrap.animated picture:nth-child(3) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.opportunity__images-wrap.animated .opportunity__img:nth-child(4),
.opportunity__images-wrap.animated picture:nth-child(4) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.opportunity__text--white,
.opportunity__title--white {
    color: #fff;
}

.opportunity__description ul {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #302a2a;
}

.opportunity__description li {
    position: relative;
    padding-left: 10px;
}

.opportunity__description li::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 15px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #f20732;
}

.opportunity__text:last-of-type {
    margin-bottom: 5px;
}

@media (max-width:1024px) {

    .opportunity,
    .opportunity--image-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .opportunity--image-left .opportunity__description,
    .opportunity__description {
        margin-bottom: 30px;
    }

    .opportunity--image-left .opportunity__description {
        margin-left: 0;
    }

    .opportunity__description {
        margin-right: 0;
        max-width: none;
    }
}

@media (max-width:768px) {
    .opportunity__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .opportunity__text {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }
}

@media (max-width:500px) {
    .opportunity__img--profiles1 {
        left: 0;
    }

    .opportunity__images-wrap--mobile-version {
        min-height: auto;
        height: 380px;
        overflow: hidden;
        margin-bottom: -60px;
    }

    .opportunity__images-wrap--mobile-version .opportunity__img--culturesite1 {
        bottom: auto;
        top: 0;
    }

    .opportunity__images-wrap--mobile-version .opportunity__img--prototype-drama2 {
        top: 28%
    }
}

.case-grid-block {
    display: grid;
    grid-template-columns: 25% 25% 50%;
    grid-template-rows: repeat(2, minmax(-webkit-min-content, auto));
    grid-template-rows: repeat(2, minmax(min-content, auto));
    -webkit-perspective: 2000px;
    perspective: 2000px;
    overflow: hidden;
}

.case-grid-block__cell {
    opacity: 0;
    -webkit-transform: rotateZ(10deg) rotateX(-45deg) translateY(120px);
    transform: rotateZ(10deg) rotateX(-45deg) translateY(120px);
    -webkit-transition: opacity .65s cubic-bezier(.33, 1, .68, 1), -webkit-transform .65s cubic-bezier(.33, 1, .68, 1);
    transition: opacity .65s cubic-bezier(.33, 1, .68, 1), -webkit-transform .65s cubic-bezier(.33, 1, .68, 1);
    -o-transition: opacity .65s cubic-bezier(.33, 1, .68, 1), transform .65s cubic-bezier(.33, 1, .68, 1);
    transition: opacity .65s cubic-bezier(.33, 1, .68, 1), transform .65s cubic-bezier(.33, 1, .68, 1);
    transition: opacity .65s cubic-bezier(.33, 1, .68, 1), transform .65s cubic-bezier(.33, 1, .68, 1), -webkit-transform .65s cubic-bezier(.33, 1, .68, 1);
}

.case-grid-block__cell.animated {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.case-grid-block__full-cell {
    grid-column: -1/-2;
    grid-row: 1/3;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.case-grid-block__full-cell::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(2.78%, rgba(0, 0, 0, .34)), color-stop(22.15%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, .34) 2.78%, rgba(255, 255, 255, 0) 22.15%);
    background: linear-gradient(90deg, rgba(0, 0, 0, .34) 2.78%, rgba(255, 255, 255, 0) 22.15%);
    z-index: 1;
}

.case-grid-block__full-img {
    position: absolute;
    max-width: none;
    left: -3px;
    top: 0;
    width: 101%
}

.case-grid-block__descr-cell {
    padding: 9% 18%
}

.case-grid-block__descr-cell--not-title {
    padding-top: 16%
}

.case-grid-block__descr-cell--green {
    background-color: #009f5c;
}

.case-grid-block__descr-cell--white {
    background-color: #fff;
}

.case-grid-block__descr-cell--dark-green {
    background-color: #00542f;
}

.case-grid-block__descr-cell--blue {
    background-color: #0c1339;
}

.case-grid-block__descr-cell--uhta {
    background-color: #3a3181;
}

.case-grid-block__descr-icon,
.case-grid-block__descr-icon-wrap {
    width: 30px;
    height: 30px;
}

.case-grid-block__descr-icon-wrap {
    margin-bottom: 15px;
}

.case-grid-block__descr-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 25px;
}

.case-grid-block__descr-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}

.case-grid-block__descr-text--black,
.case-grid-block__descr-title--black {
    color: #302a2a;
}

.case-grid-block__img-cell {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%
}

.case-grid-block__img-cell--min-height300 {
    min-height: 300px;
}

.case-grid-block__descr-cell--2cell {
    grid-column: span 2;
}

@media (max-width:1024px) {
    .case-grid-block {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, minmax(-webkit-min-content, auto));
        grid-template-rows: repeat(3, minmax(min-content, auto));
    }

    .case-grid-block__full-cell {
        grid-column: -1/1;
        grid-row: 3;
        min-height: 500px;
    }

    .case-grid-block__descr-cell {
        padding: 50px 30px;
    }
}

@media (max-width:600px) {
    .case-grid-block {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, minmax(170px, -webkit-max-content));
        grid-template-rows: repeat(5, minmax(170px, max-content));
    }

    .case-grid-block__full-cell {
        grid-column: -1/1;
        grid-row: 5;
        min-height: 500px;
    }

    .case-grid-block__img-cell--min-height300 {
        min-height: auto;
    }

    .case-grid-block__descr-cell--second {
        grid-row: 4/5;
    }
}

@media (max-width:500px) {
    .case-grid-block__descr-cell {
        padding: 30px 15px;
    }

    .case-grid-block__full-cell {
        min-height: 350px;
    }
}

.integration-post {
    background-color: #181a1c;
    padding-top: 100px;
    padding-bottom: 100px;
}

.integration-post__container {
    margin-bottom: 55px;
}

.integration-post__subtitle,
.integration-post__title {
    color: #fff;
}

.integration-post__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 25px;
}

.integration-post__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.integration-post__slide {
    overflow: hidden;
}

.integration-post__img {
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
}

.integration-post__link-pofile {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    text-decoration: underline;
    color: #fff;
    position: absolute;
    right: 7.4%;
    top: 0;
}

.slider-dots .splide__pagination {
    bottom: -60px;
}

.slider-dots .splide__pagination__page {
    width: 3px;
    height: 3px;
    border: 2px solid transparent;
    background: #c4c4c4;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin: 7px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.slider-dots .splide__pagination__page.is-active {
    width: 7px;
    height: 7px;
    background: 0 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-color: #c4c4c4;
}

.slider-dots--black .splide__pagination__page.is-active {
    border-color: #000;
}

@media (max-width:1024px) {
    .integration-post {
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .integration-post__link-pofile {
        position: static;
        margin-top: 15px;
        text-align: left;
    }
}

.mobile-version-with-slider {
    background-color: #fff;
    padding-top: 130px;
    padding-bottom: 100px;
}

.mobile-version-with-slider__container {
    margin-bottom: 70px;
}

.mobile-version-with-slider__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width:1024px) {
    .mobile-version-with-slider {
        padding-top: 60px;
        padding-bottom: 90px;
    }
}

.functional-create__title {
    text-align: left;
    margin-bottom: 40px;
    font-weight: 600;
    padding: 0;
}

.functional-create__container {
    margin-bottom: 60px;
}

@media (max-width:768px) {
    .functional-create__container {
        margin-bottom: 30px;
    }
}

.canvas-with-tooltip {
    position: relative;
    height: 640px;
    width: 100%;
    background-color: #444;
}

.canvas-with-tooltip__img-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.canvas-with-tooltip__description {
    position: absolute;
    bottom: 50px;
    left: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    max-width: 1160px;
    left: 6.6%;
    right: 6.6%
}

.canvas-with-tooltip__description--center {
    text-align: center;
}

.canvas-with-tooltip__container {
    height: 100%
}

.canvas-with-tooltip__tooltip--first {
    left: 15%;
    top: 10%
}

.canvas-with-tooltip__tooltip--second {
    left: 49%;
    top: 20%
}

.canvas-with-tooltip__tooltip--third {
    right: 15%;
    top: 25%
}

.canvas-with-tooltip__tooltip--fourth {
    right: 35%;
    bottom: 35%
}

.canvas-with-tooltip__tooltip--fifth {
    left: 25%;
    bottom: 25%
}

.canvas-with-tooltip__tooltip--first-drama {
    left: 10%;
    top: 30%
}

.canvas-with-tooltip__tooltip--second-drama {
    left: 50%;
    top: 56%
}

.canvas-with-tooltip__tooltip--third-drama {
    right: 10%;
    top: 25%
}

.canvas-with-tooltip__tooltip--hockey1 {
    left: 24%;
    bottom: 43%
}

.canvas-with-tooltip__tooltip--hockey2 {
    right: 34%;
    top: 18%
}

.canvas-with-tooltip__tooltip--hockey3 {
    right: 37%;
    bottom: 22%
}

@media (max-width:1024px) {
    .canvas-with-tooltip__description {
        left: 30px;
        right: 30px;
    }

    .canvas-with-tooltip__tooltip--first-drama {
        left: 20%;
        top: 40%
    }

    .canvas-with-tooltip__tooltip--third-drama {
        right: 20%;
        top: 25%
    }
}

@media (max-width:768px) {
    .canvas-with-tooltip__description {
        font-size: 14px;
        bottom: 30px;
    }

    .canvas-with-tooltip__tooltip--first {
        left: 20%
    }

    .canvas-with-tooltip__tooltip--third {
        right: 20%
    }
}

@media (max-width:600px) {

    .canvas-with-tooltip__tooltip--fifth,
    .canvas-with-tooltip__tooltip--first,
    .canvas-with-tooltip__tooltip--third {
        left: 35%;
        right: auto;
    }

    .canvas-with-tooltip__tooltip--fourth,
    .canvas-with-tooltip__tooltip--second {
        left: 45%;
        right: auto;
    }

    .canvas-with-tooltip__tooltip--first {
        top: 5%
    }

    .canvas-with-tooltip__tooltip--second {
        top: 20%
    }

    .canvas-with-tooltip__tooltip--third {
        top: 34%
    }

    .canvas-with-tooltip__tooltip--fourth {
        bottom: 45%
    }

    .canvas-with-tooltip__tooltip--fifth {
        bottom: 30%
    }

    .canvas-with-tooltip__tooltip--first-drama {
        left: 40%;
        top: 50%
    }

    .canvas-with-tooltip__tooltip--third-drama {
        right: 48%;
        top: 20%
    }

    .canvas-with-tooltip__tooltip--second-drama {
        left: 50%;
        top: 72%
    }

    .canvas-with-tooltip__tooltip--hockey1 {
        left: 35%
    }
}

.tooltip {
    position: absolute;
}

.tooltip.animated {
    -webkit-animation: bounceIn .8s ease-out forwards;
    animation: bounceIn .8s ease-out forwards;
}

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

    33% {
        -webkit-transform: translateY(-13px);
        transform: translateY(-13px);
        opacity: 1;
    }

    66% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

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

    33% {
        -webkit-transform: translateY(-13px);
        transform: translateY(-13px);
        opacity: 1;
    }

    66% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.tooltip__content-wrap {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    width: 230px;
    position: absolute;
    left: -100px;
    bottom: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
}

.tooltip__content-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #302a2a;
    margin-bottom: 5px;
}

.tooltip--bottom .tooltip__content-wrap {
    top: 55px;
    bottom: auto;
}

.tooltip__content-img {
    margin-bottom: 23px;
}

.tooltip__content-img:last-child {
    margin-bottom: 0;
}

.tooltip__btn {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: #3452ff;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.tooltip__btn span {
    height: 30px;
    width: 30px;
    display: block;
    pointer-events: none;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.tooltip__btn::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 22px;
    height: 22px;
    margin: -11px auto auto -11px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-radius: 50%;
    background-color: inherit;
    opacity: 1;
    z-index: -1;
    pointer-events: none;
    -webkit-animation: pulsate 3s cubic-bezier(.2, 1, .2, 1) infinite;
    animation: pulsate 3s cubic-bezier(.2, 1, .2, 1) infinite;
}

@-webkit-keyframes pulsate {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}

@keyframes pulsate {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}

.tooltip__btn span::before {
    position: absolute;
    display: block;
    height: 2px;
    width: 12px;
    left: 9px;
    top: 14px;
    content: ' ';
    background-color: #fff;
}

.tooltip__btn span::after {
    position: absolute;
    display: block;
    height: 12px;
    width: 2px;
    left: 14px;
    top: 9px;
    content: ' ';
    background-color: #fff;
}

.tooltip__btn:hover span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tooltip__btn:hover+.tooltip__content-wrap {
    opacity: 1;
}

.bg-with-curve-opacity {
    background-color: #000;
}

.bg-with-curve-opacity__container {
    padding-bottom: 130px;
}

.bg-with-curve-opacity__content {
    max-width: 700px;
    margin: 0 auto;
}

.bg-with-curve-opacity__description-wrap {
    max-width: 520px;
    margin: 0 auto;
    margin-bottom: 70px;
}

.bg-with-curve-opacity__description-wrap--maxwidth600 {
    max-width: 600px;
}

.bg-with-curve-opacity__bonus {
    background-color: #3452ff;
    padding: 8px 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.bg-with-curve-opacity__bonus--purple {
    background-color: #3406b9;
}

.bg-with-curve-opacity__bonus-text,
.bg-with-curve-opacity__description,
.bg-with-curve-opacity__successes-text,
.bg-with-curve-opacity__successes-title,
.bg-with-curve-opacity__title {
    color: #fff;
}

.bg-with-curve-opacity__bonus {
    -webkit-transform: rotateX(-90deg) translateZ(0);
    transform: rotateX(-90deg) translateZ(0);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    -webkit-transition: opacity 1.3s cubic-bezier(.2, 1, .2, 1), -webkit-transform 1.3s cubic-bezier(.2, 1, .2, 1);
    transition: opacity 1.3s cubic-bezier(.2, 1, .2, 1), -webkit-transform 1.3s cubic-bezier(.2, 1, .2, 1);
    -o-transition: transform 1.3s cubic-bezier(.2, 1, .2, 1), opacity 1.3s cubic-bezier(.2, 1, .2, 1);
    transition: transform 1.3s cubic-bezier(.2, 1, .2, 1), opacity 1.3s cubic-bezier(.2, 1, .2, 1);
    transition: transform 1.3s cubic-bezier(.2, 1, .2, 1), opacity 1.3s cubic-bezier(.2, 1, .2, 1), -webkit-transform 1.3s cubic-bezier(.2, 1, .2, 1);
}

.bg-with-curve-opacity__description,
.bg-with-curve-opacity__title {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
}

.bg-with-curve-opacity__bonus.animated {
    opacity: 1;
    -webkit-transform: rotateX(0) translateZ(0);
    transform: rotateX(0) translateZ(0);
}

.bg-with-curve-opacity__description.animated,
.bg-with-curve-opacity__title.animated {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.bg-with-curve-opacity__bonus-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}

.bg-with-curve-opacity__title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 25px;
}

.bg-with-curve-opacity__title--maxwidth450 {
    max-width: 450px;
}

.bg-with-curve-opacity__description {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 15px;
}

.bg-with-curve-opacity__description:last-child {
    margin-bottom: 0;
}

.bg-with-curve-opacity__successes-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.bg-with-curve-opacity__successes-item {
    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;
    margin-right: 20px;
}

.bg-with-curve-opacity__successes-item:last-child {
    margin-right: 0;
}

.bg-with-curve-opacity__successes-img {
    width: 40px;
    height: 40px;
    margin-bottom: 35px;
}

.bg-with-curve-opacity__successes-text,
.bg-with-curve-opacity__successes-title {
    text-align: center;
}

.bg-with-curve-opacity__successes-title {
    font-size: 62px;
    line-height: 76px;
    margin-bottom: 15px;
    position: relative;
    font-weight: 700;
}

.bg-with-curve-opacity__successes-title span:not(.anim-counter__inner) {
    position: absolute;
    font-size: 30px;
    line-height: 37px;
    top: 0;
    right: -20px;
}

.bg-with-curve-opacity__successes-title span.bg-with-curve-opacity__successes-title--litle {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    position: static;
}

.bg-with-curve-opacity__successes-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    max-width: 172px;
}

@media (max-width:768px) {
    .bg-with-curve-opacity__description-wrap {
        max-width: none;
        margin-bottom: 40px;
    }

    .bg-with-curve-opacity__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .bg-with-curve-opacity__description {
        font-size: 14px;
        line-height: 24px;
    }

    .bg-with-curve-opacity__successes-img {
        margin-bottom: 15px;
    }

    .bg-with-curve-opacity__successes-title {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 15px;
    }
}

@media (max-width:650px) {
    .bg-with-curve-opacity__successes-list {
        -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;
    }

    .bg-with-curve-opacity__successes-item {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .bg-with-curve-opacity__successes-item:last-child {
        margin-bottom: 0;
    }

    .bg-with-curve-opacity__successes-text {
        max-width: none;
    }
}

.morphing-link-block {
    background-color: #f8f8f8;
}

.morphing-link-block__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 105px;
    padding-bottom: 105px;
}

.morphing-link-block--white {
    background-color: #fff;
}

@media (max-width:1024px) {
    .morphing-link-block__container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.reviews__container {
    padding-top: 130px;
    padding-bottom: 90px;
}

.reviews__title {
    position: relative;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #302a2a;
    padding-bottom: 30px;
    margin-bottom: 37px;
}

.reviews__title::before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 65px;
    height: 3px;
    background-color: #3f59ff;
}

.reviews__title--green::before {
    background-color: #13b26f;
}

.reviews__slide-container {
    max-width: 850px;
    padding: 0 30px;
    margin: 0 auto;
}

.reviews__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #302a2a;
    margin-bottom: 25px;
}

.reviews__text:last-child {
    margin-bottom: 0;
}

.reviews__text-wrap {
    margin-bottom: 37px;
}

.reviews__who {
    text-align: center;
}

.reviews__name {
    font-size: 18px;
    line-height: 22px;
    color: #444;
    margin-bottom: 10px;
}

.reviews__position {
    font-style: italic;
    font-size: 12px;
    line-height: 15px;
    color: #bbb;
}

.reviews__position--maxwidth200 {
    max-width: 200px;
    margin: 0 auto;
}

.reviews__number-slides {
    margin-top: 18px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    color: #444;
}

.reviews .splide__arrow {
    background: 0 0;
}

.reviews .splide__arrow--next {
    right: -1em;
}

.reviews .splide__arrow--prev {
    left: -1em;
}

@media (max-width:1024px) {
    .reviews__container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width:768px) {
    .reviews__text {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}

@media (max-width:500px) {
    .reviews__slide-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.order-site {
    background-color: #1a72cc;
    margin-bottom: -215px;
}

.order-site__container {
    padding-top: 100px;
    padding-bottom: 280px;
}

.order-site__title {
    position: relative;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    padding-bottom: 30px;
}

.order-site__title::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 3px;
    width: 65px;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

@media (max-width:1024px) {
    .order-site__container {
        padding-top: 60px;
    }
}

@media (max-width:768px) {
    .order-site__title {
        font-size: 24px;
        line-height: 32px;
    }
}

.next-prev__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.next-prev__item {
    width: 50%;
    min-height: 238px;
    position: relative;
    overflow: hidden;
    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;
}

.next-prev__item--full {
    width: 100%
}

.next-prev__item::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 22, 39, .33);
    -webkit-transition: background-color .4s cubic-bezier(.05, .2, .1, 1) 0s;
    -o-transition: background-color .4s cubic-bezier(.05, .2, .1, 1) 0s;
    transition: background-color .4s cubic-bezier(.05, .2, .1, 1) 0s;
}

.next-prev__item--prev {
    text-align: right;
}

.next-prex__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.next-prev__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.next-prev__item-content {
    position: relative;
    z-index: 2;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    max-width: 235px;
}

.next-prev__item-category,
.next-prev__item-title {
    color: #fff;
}

.next-prev__item-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.next-prev__item-category span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    margin-right: 10px;
}

.next-prev__item--prev .next-prev__item-category {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.next-prev__item-title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
}

.next-prev__item:hover::after {
    background-color: rgba(13, 13, 13, .9);
}

.next-prev__item-title-text {
    position: relative;
    display: inline-block;
}

.next-prev__item-title .next-arrow {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    right: -43px;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    width: 40px;
    display: block;
    -webkit-transform: translateX(38px);
    -ms-transform: translateX(38px);
    transform: translateX(38px);
    -webkit-animation: rightArrowEnd .7s cubic-bezier(0, .2, .1, 1) forwards;
    animation: rightArrowEnd .7s cubic-bezier(0, .2, .1, 1) forwards;
}

.next-prev__item--prev .next-prev__item-title .next-arrow {
    -webkit-transform: translateX(38px) rotate(180deg);
    -ms-transform: translateX(38px) rotate(180deg);
    transform: translateX(38px) rotate(180deg);
    left: -43px;
    right: auto;
    -webkit-animation: rightArrowEnd2 .7s cubic-bezier(0, .2, .1, 1) forwards;
    animation: rightArrowEnd2 .7s cubic-bezier(0, .2, .1, 1) forwards;
}

.next-prev__item .next-arrow line {
    stroke-width: 2px;
    stroke-dasharray: 10px;
    stroke: #fff;
    -webkit-animation: rightArrowLineEnd .4s cubic-bezier(.3, .2, .1, 1) .25s forwards;
    animation: rightArrowLineEnd .4s cubic-bezier(.3, .2, .1, 1) .25s forwards;
    stroke-dashoffset: 40px;
}

.next-prev__item-title-line {
    height: 2px;
    width: 45px;
    background-color: #fff;
    position: absolute;
    content: '';
    right: -74px;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(28px) scaleX(0);
    -ms-transform: translateY(-50%) translateX(28px) scaleX(0);
    transform: translateY(-50%) translateX(28px) scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-animation: rightLineEnd .4s cubic-bezier(.05, .2, .1, 1) forwards;
    animation: rightLineEnd .4s cubic-bezier(.05, .2, .1, 1) forwards;
}

.next-prev__item--prev .next-prev__item-title-line {
    -webkit-transform: translateY(-50%) translateX(-28px) scaleX(0);
    -ms-transform: translateY(-50%) translateX(-28px) scaleX(0);
    transform: translateY(-50%) translateX(-28px) scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    left: -74px;
    right: auto;
    -webkit-animation: rightLineEnd2 .4s cubic-bezier(.05, .2, .1, 1) forwards;
    animation: rightLineEnd2 .4s cubic-bezier(.05, .2, .1, 1) forwards;
}

.next-prev__item--prev:hover .next-prev__item-title .next-arrow {
    -webkit-transform: translateX(42px);
    -ms-transform: translateX(42px);
    transform: translateX(42px);
    -webkit-animation: rightArrowStart2 .4s cubic-bezier(.05, .2, .1, 1) forwards;
    animation: rightArrowStart2 .4s cubic-bezier(.05, .2, .1, 1) forwards;
}

.next-prev__item--next:hover .next-prev__item-title .next-arrow {
    -webkit-transform: translateX(42px);
    -ms-transform: translateX(42px);
    transform: translateX(42px);
    -webkit-animation: rightArrowStart .4s cubic-bezier(.05, .2, .1, 1) forwards;
    animation: rightArrowStart .4s cubic-bezier(.05, .2, .1, 1) forwards;
}

.next-prev__item:hover .next-arrow line {
    -webkit-animation: rightArrowLineStart .3s cubic-bezier(.05, .2, .1, 1) .1s forwards;
    animation: rightArrowLineStart .3s cubic-bezier(.05, .2, .1, 1) .1s forwards;
    stroke-dashoffset: 30px;
}

.next-prev__item--prev:hover .next-prev__item-title .next-prev__item-title-line {
    -webkit-transform: translateY(-50%) translateX(0) scaleX(1);
    -ms-transform: translateY(-50%) translateX(0) scaleX(1);
    transform: translateY(-50%) translateX(0) scaleX(1);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-animation: rightLineStart2 .4s cubic-bezier(.05, .2, .1, 1) forwards;
    animation: rightLineStart2 .4s cubic-bezier(.05, .2, .1, 1) forwards;
}

.next-prev__item--next:hover .next-prev__item-title .next-prev__item-title-line {
    -webkit-transform: translateY(-50%) translateX(0) scaleX(1);
    -ms-transform: translateY(-50%) translateX(0) scaleX(1);
    transform: translateY(-50%) translateX(0) scaleX(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-animation: rightLineStart .4s cubic-bezier(.05, .2, .1, 1) forwards;
    animation: rightLineStart .4s cubic-bezier(.05, .2, .1, 1) forwards;
}

.next-prev__item--next:hover .next-prev__item-content {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
}

.next-prev__item--prev:hover .next-prev__item-content {
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}

.next-prev__item:hover .next-prev__bg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@-webkit-keyframes rightArrowStart {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

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

@keyframes rightArrowStart {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

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

@-webkit-keyframes rightArrowEnd {
    0% {
        -webkit-transform: translateX(42px);
        transform: translateX(42px);
    }

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

@keyframes rightArrowEnd {
    0% {
        -webkit-transform: translateX(42px);
        transform: translateX(42px);
    }

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

@-webkit-keyframes rightArrowStart2 {
    0% {
        -webkit-transform: translateX(50px) rotate(180deg);
        transform: translateX(50px) rotate(180deg);
    }

    100% {
        -webkit-transform: translateX(-42px) rotate(180deg);
        transform: translateX(-42px) rotate(180deg);
    }
}

@keyframes rightArrowStart2 {
    0% {
        -webkit-transform: translateX(50px) rotate(180deg);
        transform: translateX(50px) rotate(180deg);
    }

    100% {
        -webkit-transform: translateX(-42px) rotate(180deg);
        transform: translateX(-42px) rotate(180deg);
    }
}

@-webkit-keyframes rightArrowEnd2 {
    0% {
        -webkit-transform: translateX(-42px) rotate(180deg);
        transform: translateX(-42px) rotate(180deg);
    }

    100% {
        -webkit-transform: translateX(-75px) rotate(180deg);
        transform: translateX(-75px) rotate(180deg);
    }
}

@keyframes rightArrowEnd2 {
    0% {
        -webkit-transform: translateX(-42px) rotate(180deg);
        transform: translateX(-42px) rotate(180deg);
    }

    100% {
        -webkit-transform: translateX(-75px) rotate(180deg);
        transform: translateX(-75px) rotate(180deg);
    }
}

@-webkit-keyframes rightArrowLineStart {
    0% {
        stroke-dashoffset: 30px;
    }

    100% {
        stroke-dashoffset: 40px;
    }
}

@keyframes rightArrowLineStart {
    0% {
        stroke-dashoffset: 30px;
    }

    100% {
        stroke-dashoffset: 40px;
    }
}

@-webkit-keyframes rightArrowLineEnd {
    0% {
        stroke-dashoffset: 40px;
    }

    100% {
        stroke-dashoffset: 50px;
    }
}

@keyframes rightArrowLineEnd {
    0% {
        stroke-dashoffset: 40px;
    }

    100% {
        stroke-dashoffset: 50px;
    }
}

@media (max-width:850px) {
    .next-prev__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .next-prev__item {
        width: 100%;
        min-height: 150px;
    }
}

.advance-cms__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1070px;
}

.advance-cms__left,
.advance-cms__right {
    width: 100%
}

.advance-cms__left {
    max-width: 457px;
    margin-right: 20px;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.advance-cms__left-mw440 {
    max-width: 440px;
}

.advance-cms__item,
.advance-cms__left {
    opacity: 0;
    -webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
    transition: opacity .6s ease, -webkit-transform .6s ease;
    -o-transition: opacity .6s ease, transform .6s ease;
    transition: opacity .6s ease, transform .6s ease;
    transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease;
}

.advance-cms__right {
    max-width: 530px;
}

.advance-cms__subtitle,
.advance-cms__title {
    color: #000;
}

.advance-cms__title {
    font-weight: 800;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 20px;
}

.advance-cms__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
}

.advance-cms__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.advance-cms__item {
    max-width: 239px;
    margin-right: 15px;
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}

.advance-cms__item:last-child {
    margin-right: 0;
}

.advance-cms__item-text,
.advance-cms__item-title {
    color: #444;
}

.advance-cms__item-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 27px;
}

.advance-cms__item-text {
    font-size: 18px;
    line-height: 31px;
}

.advance-cms__item-link {
    margin-top: 30px;
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #3452ff;
    padding-left: 37px;
}

.advance-cms__item-link::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 2px;
    background-color: #3452ff;
}

.advance-cms__left.animated {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.advance-cms__right.animated .advance-cms__item {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.advance-cms__right.animated .advance-cms__item:nth-child(2) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

@media (max-width:1024px) {
    .advance-cms__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .advance-cms__left,
    .advance-cms__right {
        max-width: none;
    }

    .advance-cms__left {
        margin-bottom: 30px;
    }

    .advance-cms__item {
        max-width: 45%;
        -webkit-transform: translateX(0) translateY(50px);
        -ms-transform: translateX(0) translateY(50px);
        transform: translateX(0) translateY(50px);
    }

    .advance-cms__right.animated .advance-cms__item {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
    }

    .advance-cms__right.animated .advance-cms__item:nth-child(2) {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s;
    }
}

@media (max-width:768px) {
    .advance-cms__title {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    .advance-cms__item-link,
    .advance-cms__item-text,
    .advance-cms__subtitle {
        font-size: 14px;
    }

    .advance-cms__item-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .advance-cms__item-link {
        line-height: 24px;
    }
}

@media (max-width:600px) {
    .advance-cms__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .advance-cms__item {
        max-width: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .advance-cms__item:last-child {
        margin-bottom: 0;
    }

    .advance-cms__item-link {
        margin-top: 10px;
    }
}

.card-spectacle__text,
.card-spectacle__title {
    color: #302a2a;
}

.card-spectacle__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 20px;
}

.card-spectacle__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 25px;
}

.card-spectacle__text:last-child {
    margin-bottom: 0;
}

.card-spectacle__img {
    -webkit-box-shadow: 0 15px 70px 60px rgba(145, 145, 145, .25);
    box-shadow: 0 15px 70px 60px rgba(145, 145, 145, .25);
}

.card-spectacle__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 130px;
}

.card-spectacle .slider-dots .splide__pagination {
    bottom: 50px;
}

@media (max-width:768px) {
    .card-spectacle__text {
        font-size: 14px;
        line-height: 24px;
    }
}

.continue-cooperation {
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/cooperation.png);
    background-size: cover;
}

.continue-cooperation__container {
    padding-top: 160px;
    padding-bottom: 160px;
}

.continue-cooperation__tex,
.continue-cooperation__title {
    color: #302a2a;
}

.continue-cooperation__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 25px;
}

.continue-cooperation__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
}

.continue-cooperation__content {
    max-width: 505px;
}

.continue-cooperation__bonus {
    background-color: #13b26f;
    max-width: 155px;
    min-width: 155px;
}

.continue-cooperation__bonus--light-blue {
    background-color: #02c4c2;
}

.continue-cooperation__bonus--blue {
    background-color: #1a72cc;
}

@media (max-width:768px) {
    .continue-cooperation__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .continue-cooperation__text {
        font-size: 14px;
        line-height: 24px;
    }
}

.ux-accent__description-wrap,
.ux-accent__item-title,
.ux-accent__title {
    color: #302a2a;
}

.ux-accent__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 25px;
}

.ux-accent__description {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.ux-accent__description:last-child {
    margin-bottom: 0;
}

.ux-accent__description-wrap {
    margin-bottom: 100px;
}

.ux-accent__list {
    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;
}

.ux-accent__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45%;
    margin-bottom: 90px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .45s cubic-bezier(.12, .65, .4, 1);
    -o-transition: all .45s cubic-bezier(.12, .65, .4, 1);
    transition: all .45s cubic-bezier(.12, .65, .4, 1);
}

.ux-accent__item-count {
    width: 100%;
    max-width: 25px;
    height: 25px;
    border: 2px solid #bbb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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-right: 16px;
    border-radius: 50%
}

.ux-accent__item-count span {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #bbb;
}

.ux-accent__item-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 18px;
}

.ux-accent__content-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #989191;
}

.ux-accent__item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
    color: #444;
}

.ux-accent__content-list {
    margin-bottom: 25px;
}

.ux-accent__content-list:last-child {
    margin-bottom: 0;
}

.ux-accent__content-item {
    padding-left: 19px;
    position: relative;
}

.ux-accent__content-item::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background-color: #989191;
}

.ux-accent__list.animated .ux-accent__item {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.ux-accent__list.animated .ux-accent__item:nth-child(2) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.ux-accent__list.animated .ux-accent__item:nth-child(3) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.ux-accent__list.animated .ux-accent__item:nth-child(4) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.ux-accent__list.animated .ux-accent__item:nth-child(5) {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

@media (max-width:1024px) {
    .ux-accent__item {
        margin-bottom: 40px;
    }
}

@media (max-width:900px) {
    .ux-accent__title {
        max-width: none;
    }

    .ux-accent__description-wrap {
        margin-bottom: 40px;
    }

    .ux-accent__item {
        width: 100%
    }
}

@media (max-width:768px) {
    .ux-accent__title {
        font-size: 24px;
        line-height: 32px;
    }

    .ux-accent__description {
        font-size: 14px;
    }

    .ux-accent__item-title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .ux-accent__item-text {
        font-size: 14px;
        line-height: 22px;
    }

    .ux-accent__item {
        margin-bottom: 25px;
    }
}

.grid-examples__wrapper {
    padding: 0 5px;
}

.grid-examples__list {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-template-rows: repeat(2, minmax(329px, 33vh));
    gap: 5px;
    grid-gap: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.grid-examples__item {
    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;
    position: relative;
    overflow: hidden;
}

.grid-examples__item::before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    position: absolute;
    z-index: 2;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.grid-examples__item-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.grid-examples__item:hover .grid-examples__item-content {
    opacity: 1;
}

.grid-examples__item:hover .grid-examples__item-img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.grid-examples__item:hover::before {
    opacity: .6;
}

.grid-examples__item-content {
    position: relative;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.grid-examples__item-text,
.grid-examples__item-title {
    color: #fff;
    text-align: center;
}

.grid-examples__item-title {
    font-weight: 400;
    font-size: 22px;
    line-height: 31px;
    margin-bottom: 10px;
}

.grid-examples__item-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.grid-examples__link {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 4;
}

.grid-examples__item--big {
    grid-column: 1/3;
    grid-row: 1/3;
}

.grid-examples__item--middle {
    grid-column: 3/-1;
    grid-row: 2/3;
}

@media (max-width:1024px) {
    .grid-examples__list {
        grid-template-columns: repeat(2, 50%);
        grid-template-rows: repeat(4, 50vh);
    }

    .grid-examples__item--big {
        grid-column: 1/-1;
    }

    .grid-examples__item--middle {
        grid-column: 1/-1;
        grid-row: 4/5;
    }
}

@media (max-width:600px) {
    .grid-examples__list {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 50vh);
    }

    .grid-examples__item--big {
        grid-row: 1/2;
    }
}

.post-head {
    width: 100%;
    height: 550px;
    position: relative;
    z-index: 3;
}

.post-head__bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.post-head__container {
    height: 100%;
    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;
}

.post-head__content {
    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;
}

.post-head__categories {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.post-head__category {
    margin-right: 15px;
}

.post-head__category:last-child {
    margin-right: 0;
}

.post-head__category-link {
    display: inline-block;
    padding: 4px 10px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    border: 2px solid rgba(255, 255, 255, .4);
    border-radius: 4px;
    color: #fff;
    -webkit-transition: opacity .45s cubic-bezier(.25, 1, .33, 1), border-color .45s cubic-bezier(.25, 1, .33, 1), color .45s cubic-bezier(.25, 1, .33, 1), background-color .45s cubic-bezier(.25, 1, .33, 1), -webkit-transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    transition: opacity .45s cubic-bezier(.25, 1, .33, 1), border-color .45s cubic-bezier(.25, 1, .33, 1), color .45s cubic-bezier(.25, 1, .33, 1), background-color .45s cubic-bezier(.25, 1, .33, 1), -webkit-transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    -o-transition: opacity .45s cubic-bezier(.25, 1, .33, 1), transform .45s cubic-bezier(.25, 1, .33, 1), border-color .45s cubic-bezier(.25, 1, .33, 1), color .45s cubic-bezier(.25, 1, .33, 1), background-color .45s cubic-bezier(.25, 1, .33, 1), box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    transition: opacity .45s cubic-bezier(.25, 1, .33, 1), transform .45s cubic-bezier(.25, 1, .33, 1), border-color .45s cubic-bezier(.25, 1, .33, 1), color .45s cubic-bezier(.25, 1, .33, 1), background-color .45s cubic-bezier(.25, 1, .33, 1), box-shadow .45s cubic-bezier(.25, 1, .33, 1);
    transition: opacity .45s cubic-bezier(.25, 1, .33, 1), transform .45s cubic-bezier(.25, 1, .33, 1), border-color .45s cubic-bezier(.25, 1, .33, 1), color .45s cubic-bezier(.25, 1, .33, 1), background-color .45s cubic-bezier(.25, 1, .33, 1), box-shadow .45s cubic-bezier(.25, 1, .33, 1), -webkit-transform .45s cubic-bezier(.25, 1, .33, 1), -webkit-box-shadow .45s cubic-bezier(.25, 1, .33, 1);
}

.post-head__category-link:hover {
    border-color: transparent;
    background-color: #3452ff;
    -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, .16);
    box-shadow: 0 20px 38px rgba(0, 0, 0, .16);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.post-head__title {
    font-size: 51px;
    line-height: 62px;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
}

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

.post-head__info-item {
    padding: 0 10px;
    border-right: 1px solid rgba(255, 255, 255, .25);
}

.post-head__info-item:first-child {
    padding-left: 0;
}

.post-head__info-item:last-child {
    border-right: none;
    padding-right: 0;
}

.post-head__info-text,
.post-head__info-text a {
    font-size: 16px;
    line-height: 16px;
    color: rgba(255, 255, 255, .8);
    text-align: center;
}

.post-head__info-text a {
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.post-head__info-text a:hover {
    color: #fff;
}

@media (max-width:768px) {
    .post-head__title {
        font-size: 36px;
        line-height: 46px;
    }
}

@media (max-width:500px) {
    .post-head__title {
        font-size: 24px;
        line-height: 34px;
    }

    .post-head__category-link,
    .post-head__info-text,
    .post-head__info-text a {
        font-size: 14px;
    }

    .post-head__info-text,
    .post-head__info-text a {
        line-height: 24px;
    }

    .post-head__info-item {
        padding: 0 5px;
    }
}

.tag__link {
    background-color: rgba(52, 82, 255, .06);
    -webkit-transition: all .4s cubic-bezier(.25, 1, .2, 1);
    -o-transition: all .4s cubic-bezier(.25, 1, .2, 1);
    transition: all .4s cubic-bezier(.25, 1, .2, 1);
    padding: 5px 10px;
    border-radius: 50px;
    font-weight: 700;
    color: #3452ff;
    font-size: 14px;
}

.tag__link:hover {
    background-color: #3452ff;
    color: #fff;
    -webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .15);
}

.post-sidebar__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 15px;
    color: #999;
}

.post-sidebar__widget {
    margin-bottom: 60px;
}

.trending-post__list {
    counter-reset: counter;
}

.trending-post__item {
    margin-bottom: 15px;
}

.trending-post__item:last-child {
    margin-bottom: 0;
}

.trending-post__link {
    display: block;
    width: 100%;
    height: 100%;
    counter-increment: counter;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 25px 25px 25px 85px;
    -webkit-transition: border-color .4s cubic-bezier(.25, 1, .2, 1);
    -o-transition: border-color .4s cubic-bezier(.25, 1, .2, 1);
    transition: border-color .4s cubic-bezier(.25, 1, .2, 1);
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trending-post__link:before {
    content: counter(counter);
    margin-right: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    font-weight: 700;
    display: block;
    position: absolute;
    top: 50%;
    left: 25px;
    border-width: 2px;
    z-index: 20;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    line-height: 34px;
    font-size: 12px;
    pointer-events: none;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: color .4s cubic-bezier(.25, 1, .2, 1), border-color .4s cubic-bezier(.25, 1, .2, 1);
    -o-transition: color .4s cubic-bezier(.25, 1, .2, 1), border-color .4s cubic-bezier(.25, 1, .2, 1);
    transition: color .4s cubic-bezier(.25, 1, .2, 1), border-color .4s cubic-bezier(.25, 1, .2, 1);
    color: #333;
}

.trending-post__item-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity .4s cubic-bezier(.25, 1, .2, 1);
    -o-transition: opacity .4s cubic-bezier(.25, 1, .2, 1);
    transition: opacity .4s cubic-bezier(.25, 1, .2, 1);
    border-radius: 5px;
}

.trending-post__item-bg::before {
    position: absolute;
    content: '';
    z-index: 10;
    pointer-events: none;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 5px;
    opacity: .7;
}

.trending-post__content {
    position: relative;
}

.trending-post__item:first-child .trending-post__link {
    padding-top: 100px;
}

.trending-post__item:first-child .trending-post__link::before {
    color: #fff;
    border-color: #fff;
    top: 100px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.trending-post__item:first-child .trending-post__name-post {
    color: #fff;
}

.trending-post__item:first-child .trending-post__date-post {
    color: rgba(255, 255, 255, .75);
}

.trending-post__item:first-child .trending-post__item-bg {
    opacity: 1;
}

.trending-post__date-post,
.trending-post__name-post {
    -webkit-transition: color .4s cubic-bezier(.25, 1, .2, 1);
    -o-transition: color .4s cubic-bezier(.25, 1, .2, 1);
    transition: color .4s cubic-bezier(.25, 1, .2, 1);
}

.trending-post__name-post {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    display: block;
    color: #333;
}

.trending-post__date-post {
    font-size: 13px;
    line-height: 14px;
    margin-top: 6px;
    color: #000;
}

.trending-post__link:hover .trending-post__name-post {
    color: #fff;
}

.trending-post__link:hover .trending-post__date-post {
    color: rgba(255, 255, 255, .75);
}

.trending-post__link:hover .trending-post__item-bg {
    opacity: 1;
}

.trending-post__link:hover::before {
    color: #fff;
    border-color: #fff;
}

.recently-post__item {
    margin-bottom: 28px;
}

.recently-post__item:last-child {
    margin-bottom: 0;
}

.recently-post__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.recently-post__img-wrap {
    overflow: hidden;
    border-radius: 5px;
    height: 65px;
    width: 100%;
    max-width: 65px;
    position: relative;
    display: inline-block;
    content: '';
    z-index: 10;
    margin-right: 25px;
}

.recently-post__img {
    width: 100%
}

.recently-post__content {
    width: calc(100% - 70px);
}

.recently-post__date-post,
.recently-post__name-post {
    display: block;
    -webkit-transition: color .4s cubic-bezier(.25, 1, .2, 1);
    -o-transition: color .4s cubic-bezier(.25, 1, .2, 1);
    transition: color .4s cubic-bezier(.25, 1, .2, 1);
}

.recently-post__name-post {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #333;
}

.recently-post__date-post {
    color: #000;
    font-size: 13px;
    line-height: 14px;
    margin-top: 6px;
}

.recently-post__link:hover .recently-post__name-post {
    color: #3452ff;
}

.posts-catalog-filter__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 36px;
    padding-bottom: 50px;
}

.posts-catalog-filter__filter {
    width: 22.24%
}

.posts-catalog-filter__catalog-posts-wrap {
    width: 77%
}

.posts-catalog-filter__catalog-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    grid-gap: 12px;
}

.posts-catalog-filter__catalog-posts-load-more {
    margin: 0 auto;
    margin-top: 65px;
}

@media (max-width:1024px) {
    .posts-catalog-filter__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .posts-catalog-filter__catalog-posts-wrap,
    .posts-catalog-filter__filter {
        width: 100%
    }

    .posts-catalog-filter__filter {
        margin-bottom: 30px;
    }

    .posts-catalog-filter__catalog-posts {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:700px) {
    .posts-catalog-filter__catalog-posts {
        grid-template-columns: 1fr;
    }
}

.posts-filter__title {
    font-size: 30px;
    line-height: 37px;
    color: #444;
    margin-bottom: 25px;
}

.posts-filter__list {
    margin-bottom: 30px;
}

.posts-filter__list:last-child {
    margin-bottom: 0;
}

.posts-filter__category {
    margin-bottom: 15px;
}

.posts-filter__form-wrap {
    -webkit-transition: max-height .5s ease;
    -o-transition: max-height .5s ease;
    transition: max-height .5s ease;
}

.posts-filter__form-title {
    font-size: 14px;
    line-height: 20px;
    color: #626363;
    margin-bottom: 20px;
}

.posts-filter__open-filter {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #302a2a;
    display: none;
    margin-bottom: 30px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 21px;
    padding-bottom: 21px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
}

.posts-filter__open-filter span {
    position: relative;
    display: block;
    padding-right: 25px;
}

.posts-filter__open-filter span::before {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(../fonts/equalizer.svg) no-repeat center;
    background-size: cover;
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in;
}

@media (max-width:1024px) {
    .posts-filter__form-wrap {
        max-height: 0;
        overflow: hidden;
    }

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

@media (max-width:500px) {
    .posts-filter__open-filter {
        margin-bottom: 15px;
    }
}

.category-item,
.category-item__text {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.category-item {
    cursor: pointer;
    display: inline-block;
}

.category-item__input {
    position: absolute;
    left: -9999px;
    opacity: 0;
    height: 0;
    width: 0;
}

.category-item__text {
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    line-height: 21px;
    color: #5a6472;
    cursor: pointer;
    padding: 3px 15px;
    border-radius: 50px;
    border: 2px solid #e6e6e6;
}

.category-item__text--active,
.category-item__text:hover {
    background-color: #3452ff;
    border-color: transparent;
}

.category-item__text--active,
.category-item__text:hover {
    color: #fff;
}

.catalog-post {
    background: #fff;
    -webkit-box-shadow: 10px 11px 67px rgba(0, 0, 0, .1);
    box-shadow: 10px 11px 67px rgba(0, 0, 0, .1);
    border-radius: 5px;
}

.catalog-post__inner-wrap {
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.catalog-post__post-content {
    position: relative;
}

.catalog-post__category-list {
    position: absolute;
    left: 20px;
    top: 15px;
    z-index: 102;
}

.catalog-post__category .category-item__text {
    color: #fff;
    border-color: rgba(230, 230, 230, .5);
}

.catalog-post__category:hover .category-item__text {
    background-color: #3452ff;
    border-color: transparent;
}

.catalog-post--full-bg .catalog-post__post-img,
.catalog-post--wide-tall .catalog-post__post-img,
.catalog-post__post-img img {
    -webkit-transition: all .7s cubic-bezier(.2, 1, .22, 1);
    -o-transition: all .7s cubic-bezier(.2, 1, .22, 1);
    transition: all .7s cubic-bezier(.2, 1, .22, 1);
}

.catalog-post__img-link {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.catalog-post__post-img img {
    width: 100%
}

.catalog-post__img-link,
.catalog-post__post-img {
    display: block;
    position: relative;
}

.catalog-post__img-link {
    overflow: hidden;
}

.catalog-post__article-content {
    padding: 20px 13% 17%;
    position: relative;
    z-index: 100;
    background-color: #fff;
}

.catalog-post__post-date {
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #5a6472;
    margin-bottom: 10px;
    display: inline-block;
}

.catalog-post__post-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #302a2a;
}

.catalog-post__post-header {
    margin-bottom: 20px;
}

.catalog-post__excerpt p {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #5a6472;
}

.catalog-post__content-inner {
    position: relative;
}

.catalog-post__content-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 101;
}

.catalog-post__meta {
    padding: 10px 20px;
    border-top: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.catalog-post__author,
.catalog-post__comments {
    display: inline-block;
    margin-right: 13px;
}

.catalog-post__meta-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    color: #979797;
}

.catalog-post__icon {
    margin-right: 5px;
    display: inline-block;
}

.catalog-post__icon path {
    -webkit-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    transition: fill .3s ease;
}

.catalog-post__meta-link:hover .catalog-post__icon path {
    fill: #1e83ec;
}

.catalog-post--wide-tall {
    grid-column: 1/-1;
}

.catalog-post--wide-tall .catalog-post__img-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 100;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.catalog-post--full-bg .catalog-post__post-img,
.catalog-post--wide-tall .catalog-post__post-img {
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #333;
    background-position: center;
}

.catalog-post--full-bg .catalog-post__post-img img,
.catalog-post--wide-tall .catalog-post__post-img img {
    display: none;
}

.catalog-post--wide-tall .catalog-post__content-inner {
    position: relative;
    width: 50%;
    height: 100%;
    z-index: 100;
    background-color: #fff;
}

.catalog-post--wide-tall .catalog-post__meta {
    width: 50%
}

.catalog-post--wide-tall .catalog-post__article-content {
    padding: 21%
}

.catalog-post--wide-tall .category-item__text,
.catalog-post--without-img .category-item__text {
    color: #5a6472;
}

.catalog-post--wide-tall .catalog-post__category:hover .category-item__text,
.catalog-post--without-img .catalog-post__category:hover .category-item__text {
    color: #fff;
}

.catalog-post--full-bg .catalog-post__img-link {
    position: static;
}

.catalog-post--full-bg .catalog-post__post-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.catalog-post--full-bg .catalog-post__content-inner,
.catalog-post--full-bg .catalog-post__post-content,
.catalog-post--without-img .catalog-post__content-inner,
.catalog-post--without-img .catalog-post__post-content {
    height: 100%
}

.catalog-post--full-bg .catalog-post__content-inner,
.catalog-post--without-img .catalog-post__content-inner {
    position: static;
}

.catalog-post--full-bg .catalog-post__article-content,
.catalog-post--without-img .catalog-post__article-content {
    position: absolute;
    z-index: 100;
    top: 50%;
    background-color: transparent;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    width: 100%;
    padding: 20% 10%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.catalog-post--full-bg .catalog-post__post-date,
.catalog-post--full-bg .catalog-post__post-title {
    color: #fff;
}

.catalog-post--full-bg .catalog-post__excerpt p {
    color: #eee;
}

.catalog-post--full-bg .catalog-post__inner-wrap::before {
    background-color: rgba(0, 0, 0, .43);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    content: ' '
}

.catalog-post--full-bg .catalog-post__meta,
.catalog-post--without-img .catalog-post__meta {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: auto;
    left: 0;
    z-index: 102;
    border-color: rgba(255, 255, 255, .25);
}

.catalog-post--full-bg .catalog-post__meta-link {
    color: rgba(255, 255, 255, .9);
}

.catalog-post--without-img {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.catalog-post--full-bg:hover .catalog-post__post-img,
.catalog-post--wide-tall:hover .catalog-post__post-img,
.catalog-post:hover .catalog-post__post-img img {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

@media (max-width:1024px) {

    .catalog-post--full-bg,
    .catalog-post--without-img {
        height: auto;
    }
}

@media (max-width:700px) {
    .catalog-post__meta {
        display: none;
    }

    .catalog-post--wide-tall .catalog-post__img-link {
        position: relative;
        width: 100%;
        height: 280px;
    }

    .catalog-post--wide-tall .category-item__text {
        color: #fff;
    }

    .catalog-post--wide-tall .catalog-post__content-inner {
        width: 100%;
        height: auto;
        position: static;
    }

    .catalog-post--wide-tall .catalog-post__article-content,
    .catalog-post__article-content {
        padding: 17%
    }

    .catalog-post--wide-tall .catalog-post__img-link {
        border-top-left-radius: 5px;
        border-bottom-right-radius: 0;
    }

    .catalog-post--full-bg .catalog-post__article-content,
    .catalog-post--without-img .catalog-post__article-content {
        padding: 30% 17%;
        position: relative;
    }
}

@media (max-width:500px) {

    .catalog-post--wide-tall .catalog-post__article-content,
    .catalog-post__article-content {
        padding: 10%
    }

    .catalog-post--full-bg .catalog-post__article-content,
    .catalog-post--without-img .catalog-post__article-content {
        padding-left: 10%;
        padding-right: 10%
    }
}

.slider-with-visualization__subtitle {
    margin-bottom: 20px;
}

.slider-with-visualization__slider {
    padding: 50px 0;
}

.slider-with-visualization .splide__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0;
    bottom: 0;
    padding-left: 6.66%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.slider-with-visualization .splide__pagination li {
    width: 100%
}

.slider-with-visualization .splide__pagination__page {
    display: block;
    height: 1px;
    width: 100%;
    background: #e0e0e0;
    margin: 0;
    opacity: 1;
    border-radius: 0;
}

.slider-with-visualization .splide__pagination__page.is-active {
    background: #444;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 3px;
}

.slider-with-visualization__slider-container {
    padding-left: 6.66%
}

.slider-with-visualization__vizualizator {
    width: 100%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .12);
    height: 1px;
    position: relative;
}

.slider-with-visualization__vizualizator span {
    width: 15%;
    height: 3px;
    position: absolute;
    left: 0;
    top: -1px;
    display: block;
    background-color: #000;
    -webkit-transition: -webkit-transform .55s cubic-bezier(.07, .5, .34, .96);
    transition: -webkit-transform .55s cubic-bezier(.07, .5, .34, .96);
    -o-transition: transform .55s cubic-bezier(.07, .5, .34, .96);
    transition: transform .55s cubic-bezier(.07, .5, .34, .96);
    transition: transform .55s cubic-bezier(.07, .5, .34, .96), -webkit-transform .55s cubic-bezier(.07, .5, .34, .96);
}

@media (min-width:1366px) {
    .slider-with-visualization .splide__pagination {
        padding-right: 7.4%;
        padding-left: 0;
    }

    .slider-with-visualization__slider-container {
        margin: 0 auto;
        position: relative;
        max-width: 1160px;
        padding: 0 7.4% 0 6.66%
    }

    .slider-with-visualization__slider .splide__track {
        overflow: initial;
    }
}

@media (max-width:1024px) {
    .slider-with-visualization .splide__pagination {
        padding-left: 30px;
    }
}

@media (max-width:500px) {
    .slider-with-visualization .splide__pagination {
        padding-left: 15px;
    }
}

.team-professional {
    background-color: #f5f5f7;
}

.team-professional__container {
    padding-top: 110px;
    padding-bottom: 110px;
}

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

.team-professional__item {
    width: 31.3%;
    -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    padding: 35px 50px;
    border-radius: 10px;
    max-width: 340px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2%
}

.team-professional__item:last-child {
    margin-right: 0;
}

.team-professional__item:hover {
    background-color: #ebedf7;
    -webkit-box-shadow: -6px 19px 41px rgba(64, 101, 242, .05);
    box-shadow: -6px 19px 41px rgba(64, 101, 242, .05);
    border-radius: 10px;
}

.team-professional__item-about {
    width: 31.3%;
    -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    padding: 35px 50px;
    border-radius: 10px;
    max-width: 340px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2%
}

.team-professional__item-about:last-child {
    margin-right: 0;
}

.team-professional__item-about:hover {
    background-color: #ebedf7;
    -webkit-box-shadow: -6px 19px 41px rgba(64, 101, 242, .05);
    box-shadow: -6px 19px 41px rgba(64, 101, 242, .05);
    border-radius: 10px;
}

.team-professional__icon-wrap {
    min-height: 52px;
    margin-bottom: 20px;
}

.team-professional__icon path {
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
}

.team-professional__item-professional,
.team-professional__text,
.team-professional__title {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.team-professional__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #444;
    margin-bottom: 20px;
}

.team-professional__item-professional,
.team-professional__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #5a6472;
    margin-bottom: 10px;
}

.team-professional__item-professional:last-child,
.team-professional__text:last-child {
    margin-bottom: 0;
}

.team-professional__item-professional {
    position: relative;
    padding-left: 12px;
}

.team-professional__item-professional::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 11px;
    width: 5px;
    height: 5px;
    background-color: rgba(0, 0, 0, .66);
    border-radius: 50%;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

@media (max-width:1024px) {
    .team-professional__container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .team-professional__item {
        padding: 25px;
        margin-right: 1%
    }
}

@media (max-width:768px) {
    .team-professional__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .team-professional__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        max-width: none;
    }

    .team-professional__item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:500px) {
    .team-professional__item.animated {
        background-color: #3452ff;
        -webkit-box-shadow: 0 30px 90px rgba(52, 82, 255, .33);
        box-shadow: 0 30px 90px rgba(52, 82, 255, .33);
    }

    .team-professional__item.animated .team-professional__item-professional,
    .team-professional__item.animated .team-professional__text,
    .team-professional__item.animated .team-professional__title {
        color: #fff;
    }

    .team-professional__item.animated .team-professional__item-professional::before {
        background-color: #fff;
    }

    .team-professional__item.animated .team-professional__icon path {
        fill: #fff;
    }
}

.our-team__container {
    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;
    padding-right: 0;
    max-width: none;
}

.our-team__right {
    width: 70%
}

.our-team__left {
    margin-right: 50px;
}

.our-team__slider {
    width: 100%;
    padding-bottom: 60px;
    cursor: -webkit-grab;
    cursor: grab;
}

.our-team .slider-dots .splide__pagination {
    bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.our-team__subtitle,
.our-team__title {
    color: #302a2a;
}

.our-team__title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 17px;
}

.our-team__subtitle {
    font-size: 30px;
    line-height: 37px;
}

@media (max-width:1024px) {
    .our-team__container {
        display: block;
    }

    .our-team__left {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .our-team__right {
        width: 100%
    }

    .our-team .slider-dots .splide__pagination {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width:500px) {
    .our-team__subtitle {
        font-size: 24px;
        line-height: 32px;
    }
}

.our-clients {
    background-color: #282828;
}

.our-clients__container {
    padding-top: 120px;
    padding-bottom: 120px;
}

.our-clients__title {
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
    color: #fff;
    margin-bottom: 40px;
}

.our-clients__descr {
    margin-bottom: 70px;
}

.our-clients__descr-item {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #c5c3c3;
    margin-bottom: 10px;
    padding-left: 20px;
}

.our-clients__descr-item:last-child {
    margin-bottom: 0;
}

.our-clients__descr-item::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 5px;
    background-color: rgba(255, 255, 255, .66);
    border-radius: 50%
}

.our-clients__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.our-clients__item {
    width: 10%;
    height: 60px;
    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;
    margin-right: 7%;
    margin-bottom: 50px;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.our-clients__item:nth-child(6n) {
    margin-right: 0;
}

.our-clients__list.animated .our-clients__item {
    opacity: 1;
}

.our-clients__link:hover {
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    opacity: .7;
}

@media (max-width:1024px) {
    .our-clients__container {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width:768px) {
    .our-clients__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .our-clients__item {
        width: 47%;
        margin-right: 0;
    }
}

.vacancies {
    background-color: #444;
}

.vacancies__container {
    padding-top: 50px;
    padding-bottom: 85px;
}

.vacancies__item-description,
.vacancies__item-title,
.vacancies__text,
.vacancies__title {
    color: #fff;
}

.vacancies__title {
    font-size: 42px;
    line-height: 59px;
    margin-bottom: 25px;
}

@media (max-width:767px) {
    .vacancies__title {
        font-size: 32px;
        line-height: 32px;
    }
}

.vacancies__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
}

.vacancies__text a {
    color: #fff;
    -webkit-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
}

.vacancies__text a:hover {
    color: #d9d9d9;
}

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

.vacancies__item {
    border: 1px solid rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 42px;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    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;
    position: relative;
}

.vacancies__item:nth-child(3n) {
    margin-right: 0;
}

.vacancies__item-ribbon {
    border-bottom: 22.5px solid #e52028;
    border-left: 22.5px solid transparent;
    border-right: 22.5px solid transparent;
    height: 0;
    left: -18px;
    top: 6px;
    width: 28.5px;
    position: absolute;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    z-index: 1;
}

.vacancies__item-ribbon-text {
    padding-top: 5px;
    padding-left: 3px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    color: #fff;
}

.vacancies__item-border-bottom,
.vacancies__item-border-left,
.vacancies__item-border-right,
.vacancies__item-border-top {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .5);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.vacancies__item-border-top {
    top: -1px;
    left: 1px;
    width: calc(100% - 4px);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.vacancies__item-border-bottom {
    bottom: -1px;
    left: 1px;
    width: calc(100% - 4px);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}

.vacancies__item-border-left {
    top: 1px;
    left: 1px;
    height: calc(100% - 4px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}

.vacancies__item-border-right {
    bottom: 1px;
    right: 1px;
    height: calc(100% - 4px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.vacancies__item.animated .vacancies__item-border-bottom,
.vacancies__item.animated .vacancies__item-border-top {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.vacancies__item.animated .vacancies__item-border-left,
.vacancies__item.animated .vacancies__item-border-right {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.vacancies__item-title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 18px;
}

.vacancies__item-description-wrap {
    margin-bottom: 20px;
}

.vacancies__item-description {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
}

.vacancies__button {
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .45s cubic-bezier(.25, 1, .33, 1);
    -o-transition: all .45s cubic-bezier(.25, 1, .33, 1);
    transition: all .45s cubic-bezier(.25, 1, .33, 1);
    min-width: 183px;
    margin-top: auto;
}

.vacancies__button:hover {
    border-color: #3452ff;
    background: #fff;
    color: #3452ff;
}

.vacancies__button:hover::after {
    background-image: url(../fonts/btn-arrow-blue.svg);
}

@media (max-width:1024px) {
    .vacancies__container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .vacancies__item {
        width: 48%
    }

    .vacancies__item:nth-child(2n) {
        margin-right: 0;
    }

    .vacancies__item:nth-child(3n) {
        margin-right: 2%
    }
}

@media (max-width:700px) {
    .vacancies__item {
        width: 100%;
        padding: 25px;
        min-height: auto;
    }

    .vacancies__item:nth-child(1n) {
        margin-right: 0;
    }
}

.blockquote-slider__slide {
    opacity: .3;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.blockquote-slider__blockquote {
    position: relative;
    padding: 32px 43px 32px 72px;
    quotes: "“" "”";
    position: relative;
    margin: 0;
    margin-bottom: 50px;
    color: #676767;
    border-radius: 5px;
}

.blockquote-slider__blockquote::before {
    font-family: sans-serif;
    content: open-quote;
    font-size: 130px;
    position: absolute;
    left: 18px;
    top: 25px;
    opacity: .4;
    line-height: 115px;
}

.blockquote-slider__blockquote::after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50px;
    height: 30px;
    background: url(../fonts/blockquote-triangle.svg) no-repeat center;
    background-size: cover;
    opacity: 0;
}

.blockquote-slider__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #676767;
    margin-bottom: 10px;
}

.blockquote-slider__text:last-child {
    margin-bottom: 0;
}

.blockquote-slider__slide.is-active {
    opacity: 1;
}

.blockquote-slider__slide.is-active .blockquote-slider__blockquote {
    background-color: #3452ff;
}

.blockquote-slider__slide.is-active .blockquote-slider__blockquote::before {
    color: rgba(0, 0, 0, .27);
}

.blockquote-slider__slide.is-active .blockquote-slider__blockquote::after {
    opacity: 1;
}

.blockquote-slider__slide.is-active .blockquote-slider__text {
    color: #fff;
}

.blockquote-slider__info {
    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;
}

.blockquote-slider__info-ava {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #c4c4c4;
    margin-bottom: 7px;
    overflow: hidden;
}

.blockquote-slider__info-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #444;
    margin-bottom: 5px;
}

.blockquote-slider__info-position {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #bbb;
}

.blockquote-slider__slider {
    padding-bottom: 70px;
}

.blockquote-slider__slider .splide__pagination {
    bottom: 0;
}

.slider-line-pag .splide__pagination__page {
    width: 18px;
    height: 3px;
    background-color: #c4c4c4;
    border-radius: 0;
    margin: 5px;
    opacity: 1;
}

.slider-line-pag .splide__pagination__page.is-active {
    background-color: #3452ff;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

@media (max-width:768px) {
    .blockquote-slider__blockquote {
        padding: 25px 20px;
    }

    .blockquote-slider__blockquote::before {
        position: relative;
        left: 0;
        top: 30px;
        line-height: 50px;
        display: block;
        margin-right: 10px;
        float: left;
    }
}

.portfolio-catalog-filter__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 36px;
    padding-bottom: 50px;
}

.portfolio-catalog-filter__portfolio-wrap {
    width: 77%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width:1024px) {
    .portfolio-catalog-filter__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .portfolio-catalog-filter__portfolio-wrap {
        width: 100%
    }
}

.portfolio__item {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 50px;
}

.portfolio__item:last-child {
    margin-bottom: 0;
}

.portfolio-card {
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

.portfolio-card__link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.portfolio-card__head {
    position: relative;
}

.portfolio-card__category-list {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 10;
}

.portfolio-card__category {
    margin-right: 6px;
    margin-bottom: 6px;
}

.portfolio-card__category:last-child {
    margin-right: 0;
}

.portfolio-card__footer {
    padding-top: 15px;
}

.portfolio-card__footer-service {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #444;
}

.portfolio-card__footer-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 31px;
    color: #444;
}

.portfolio-card__category .category-item__text {
    color: #fff;
}

.portfolio-card__img-wrap {
    overflow: hidden;
}

.portfolio-card__img {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.portfolio-card:hover .portfolio-card__img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.types-advance {
    background-color: #0a0a0b;
}

.types-advance__container {
    padding-top: 110px;
    padding-bottom: 110px;
}

.types-advance__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.types-advance__item {
    width: 49%
}

@media (max-width:1024px) {
    .types-advance__container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .types-advance__list {
        -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;
    }

    .types-advance__item {
        width: 60%;
        margin-bottom: 40px;
    }

    .types-advance__item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:768px) {
    .types-advance__item {
        width: 100%;
        margin-bottom: 30px;
    }
}

.flip-box {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.flip-box,
.flip-box__back,
.flip-box__front {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box__back,
.flip-box__front {
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .55s ease .25s, -webkit-transform .7s cubic-bezier(.4, .2, .2, 1);
    transition: opacity .55s ease .25s, -webkit-transform .7s cubic-bezier(.4, .2, .2, 1);
    -o-transition: transform .7s cubic-bezier(.4, .2, .2, 1), opacity .55s ease .25s;
    transition: transform .7s cubic-bezier(.4, .2, .2, 1), opacity .55s ease .25s;
    transition: transform .7s cubic-bezier(.4, .2, .2, 1), opacity .55s ease .25s, -webkit-transform .7s cubic-bezier(.4, .2, .2, 1);
    color: #fff;
    min-height: 400px;
    height: auto;
}

.flip-box__front {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #444;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.flip-box__back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.flip-box__back-inner,
.flip-box__front-inner {
    -webkit-transform: translateY(-50%) translateZ(50px) scale(.95);
    transform: translateY(-50%) translateZ(50px) scale(.95);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 60px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flip-box__title {
    font-weight: 500;
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 25px;
}

.flip-box__title:last-child {
    margin-bottom: 0;
}

.flip-box__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
}

.flip-box:hover .flip-box__front {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.flip-box:hover .flip-box__back {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

@media (max-width:600px) {

    .flip-box__back-inner,
    .flip-box__front-inner {
        padding: 20px;
    }

    .flip-box__title {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .flip-box__text {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width:500px) {

    .flip-box__back,
    .flip-box__front {
        min-height: 300px;
    }
}

.us-instruments {
    background-color: #eaf1fd;
}

.us-instruments__container {
    padding-top: 170px;
    padding-bottom: 50px;
    padding-left: 12%
}

.us-instruments__title {
    font-size: 36px;
    line-height: 50px;
    color: #302a2a;
    margin-bottom: 70px;
}

.us-instruments__instruments {
    margin-bottom: 58px;
}

.us-instruments__instruments:last-child {
    margin-bottom: 0;
}

@media (max-width:1150px) {
    .us-instruments__container {
        padding-left: 6.66%
    }
}

@media (max-width:1024px) {
    .us-instruments__container {
        padding-left: 30px;
        padding-top: 50px;
    }
}

@media (max-width:768px) {
    .us-instruments__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 40px;
    }

    .us-instruments__instruments {
        margin-bottom: 30px;
    }
}

@media (max-width:500px) {
    .us-instruments__container {
        padding-left: 15px;
    }
}

.instruments__title {
    font-size: 14px;
    line-height: 17px;
    color: #444;
    margin-bottom: 30px;
}

.instruments__icon-wrap,
.instruments__item,
.instruments__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

.instruments__item {
    width: 24%;
    margin-bottom: 20px;
}

.instruments__icon {
    min-width: 40px;
    max-width: 40px;
}

.instruments__icon-wrap {
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
}

.instruments__name {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #444;
}

@media (max-width:1024px) {
    .instruments__item {
        width: 32%
    }
}

@media (max-width:768px) {
    .instruments__item {
        width: 49%
    }
}

@media (max-width:500px) {
    .instruments__item {
        width: 100%
    }
}

.terms-advance {
    background-color: #172453;
    padding-top: 50px;
}

.terms-advance__container {
    padding-bottom: 100px;
}

.terms-advance__subtitle {
    color: #b2c0f3;
}

.terms-advance__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.terms-advance__item-descr,
.terms-advance__term {
    color: #fff;
    text-align: center;
}

.terms-advance__item {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(53%, rgba(139, 151, 192, .5)), color-stop(0, rgba(255, 255, 255, 0)));
    background-image: -o-linear-gradient(rgba(139, 151, 192, .5) 53%, rgba(255, 255, 255, 0) 0);
    background-image: linear-gradient(rgba(139, 151, 192, .5) 53%, rgba(255, 255, 255, 0) 0);
    background-position: right;
    background-size: 1px 10px;
    background-repeat: repeat-y;
}

.terms-advance__item-wrap {
    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;
    padding-left: 24px;
    padding-right: 24px;
}

.terms-advance__item-descr-wrap {
    min-height: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 66px;
}

.terms-advance__item-descr-wrap--max130 {
    max-width: 130px;
}

.terms-advance__item-descr {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
}

.terms-advance__item-descr-plus {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.terms-advance__lines {
    margin-bottom: 35px;
}

.terms-advance__term {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
}

.terms-advance__term span {
    font-weight: 700;
    font-size: 30px;
    line-height: 37px;
}

.terms-advance__item--first {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.terms-advance__item--first .terms-advance__item-wrap {
    padding-left: 0;
}

.terms-advance__item--second {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.terms-advance__item--third {
    -webkit-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    background: 0 0;
}

.terms-advance__item--third .terms-advance__item-wrap {
    padding-right: 0;
}

@media (max-width:768px) {
    .terms-advance__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .terms-advance__item {
        margin-bottom: 60px;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(72%, rgba(139, 151, 192, .5)), color-stop(0, rgba(255, 255, 255, 0)));
        background-image: -o-linear-gradient(left, rgba(139, 151, 192, .5) 72%, rgba(255, 255, 255, 0) 0);
        background-image: linear-gradient(to right, rgba(139, 151, 192, .5) 72%, rgba(255, 255, 255, 0) 0);
        background-position: bottom;
        background-size: 10px 1px;
        background-repeat: repeat-x;
    }

    .terms-advance__item:last-child {
        margin-bottom: 0;
    }

    .terms-advance__lines {
        margin-bottom: 10px;
    }

    .terms-advance__item-wrap {
        padding: 0;
        padding-bottom: 24px;
    }

    .terms-advance__item-descr-wrap {
        min-height: auto;
        height: auto;
    }
}

.advance-with-chart {
    background-color: #f9f9f9;
}

.advance-with-chart--mb-negative {
    margin-top: -450px;
    padding-top: 450px;
    padding-bottom: 120px;
}

.advance-with-chart__item {
    margin-bottom: 170px;
}

.advance-with-chart__item:last-child {
    margin-bottom: 0;
}

.advance-with-chart__successes-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px;
}

.advance-with-chart__successes-item {
    text-align: center;
    padding: 30px 4%;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    width: 19%;
    margin-right: 1%;
    -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
}

.advance-with-chart__successes-item:last-child {
    margin-right: 0;
}

.advance-with-chart__successes-text,
.advance-with-chart__successes-title {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.advance-with-chart__successes-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #ff1053;
    margin-bottom: 10px;
}

.advance-with-chart__successes-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #302a2a;
}

.advance-with-chart__successes-item:hover {
    background: #ff1053;
    -webkit-box-shadow: -6px 19px 41px rgba(255, 16, 83, .25);
    box-shadow: -6px 19px 41px rgba(255, 16, 83, .25);
    border-color: transparent;
}

.advance-with-chart__successes-item:hover .advance-with-chart__successes-text,
.advance-with-chart__successes-item:hover .advance-with-chart__successes-title {
    color: #fff;
}

@media (max-width:1024px) {
    .advance-with-chart__successes-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .advance-with-chart__successes-item {
        width: 24%;
        margin-bottom: 1%
    }

    .advance-with-chart--mb-negative {
        margin-top: -350px;
        padding-top: 350px;
        padding-bottom: 50px;
    }

    .advance-with-chart__item {
        margin-bottom: 90px;
    }

    .advance-with-chart__successes-list {
        margin-bottom: 60px;
    }
}

@media (max-width:768px) {
    .advance-with-chart__successes-item {
        width: 32%
    }

    .advance-with-chart__successes-list {
        margin-bottom: 0;
    }

    .advance-with-chart--mb-negative {
        margin-top: -250px;
        padding-top: 250px;
    }
}

@media (max-width:550px) {
    .advance-with-chart__successes-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2%
    }
}

.chart__chart-wrap {
    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;
}

.chart__chart {
    height: 300px;
    width: 90%
}

.chart__button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
}

.chart__button-text {
    font-size: 20px;
    line-height: 24px;
    color: #434343;
    margin-right: 50px;
}

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

.chart__button {
    width: 25px;
    height: 25px;
    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;
    background-color: transparent;
    border-radius: 2px;
    -webkit-transition: background-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: background-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    cursor: pointer;
}

.chart__button--active,
.chart__button:hover {
    background-color: #fff;
    -webkit-box-shadow: -3px 6px 41px rgba(56, 56, 56, .25);
    box-shadow: -3px 6px 41px rgba(56, 56, 56, .25);
}

.chart__button-icon path,
.chart__button-icon rect {
    -webkit-transition: fill .3s ease-in-out, stroke .3s ease-in-out;
    -o-transition: fill .3s ease-in-out, stroke .3s ease-in-out;
    transition: fill .3s ease-in-out, stroke .3s ease-in-out;
}

.chart__button--active .chart__button-icon:not(.chart__button-icon--stroke) path,
.chart__button--active .chart__button:hover .chart__button-icon rect,
.chart__button:hover .chart__button-icon rect,
.chart__button:hover .chart__button-icon:not(.chart__button-icon--stroke) path {
    fill: #302a2a;
}

.chart__button--active .chart__button-icon--stroke path,
.chart__button:hover .chart__button-icon--stroke path {
    stroke: #302a2a;
}

.ct-area {
    fill-opacity: 1;
}

.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #f883c7;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-slice-pie {
    fill: #f883c7;
}

.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
    stroke: #0054fd;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-slice-pie {
    fill: #0054fd;
}

.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
    stroke: #ffdf71;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-slice-pie {
    fill: #ffdf71;
}

.chart__chart-service-item {
    padding-left: 24px;
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #302a2a;
    margin-bottom: 5px;
}

.chart__chart-service-item:last-child {
    margin-bottom: 0;
}

.chart__chart-service-item::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.chart__chart-service-item--ya::before {
    background-color: #f883c7;
}

.chart__chart-service-item--google::before {
    background-color: #0054fd;
}

.chart__chart-service-item--mail::before {
    background-color: #ffdf71;
}

@media (max-width:900px) {
    .chart__chart-wrap {
        -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;
    }

    .chart__chart {
        width: 100%
    }

    .chart__chart-service-list {
        -ms-flex-item-align: center;
        align-self: center;
    }
}

@media (max-width:768px) {
    .chart {
        display: none;
    }
}

.contact-info__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 25px;
    grid-gap: 25px;
}

.contact-info__item--2row {
    grid-column: -1/-2;
    grid-row: 1/-1;
}

.contact-info__item {
    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;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out;
    transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, border .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    text-align: center;
    padding: 30px 16%;
    position: relative;
}

.contact-info__item-icon-wrap {
    margin-bottom: 20px;
    height: 40px;
}

.contact-info__item-icon-wrap path {
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
}

.contact-info__item-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #5a6472;
    margin-bottom: 20px;
}

.contact-info__item-phone {
    display: block;
}

.contact-info__item-phone,
.contact-info__item-social-link {
    margin-bottom: 20px;
}

.contact-info__item-mail {
    font-size: 18px;
}

.contact-info__item-address,
.contact-info__item-work-time,
.contact-info__requisites-item {
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}

.contact-info__item-address,
.contact-info__item-mail,
.contact-info__item-phone,
.contact-info__item-title,
.contact-info__item-work-time,
.contact-info__requisites-item {
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.contact-info__item-address {
    font-weight: 700;
    color: #444;
    margin-bottom: 10px;
}

.contact-info__item-work-time {
    font-weight: 500;
    color: #bbb;
}

.contact-info__requisites-item {
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact-info__requisites-item:last-child {
    margin-bottom: 0;
}

.contact-info__item:hover {
    background: #ff1053;
    -webkit-box-shadow: -6px 19px 41px rgba(255, 16, 83, .25);
    box-shadow: -6px 19px 41px rgba(255, 16, 83, .25);
    border-color: transparent;
}

.contact-info__item:hover .contact-info__item-address,
.contact-info__item:hover .contact-info__item-mail,
.contact-info__item:hover .contact-info__item-phone,
.contact-info__item:hover .contact-info__item-title,
.contact-info__item:hover .contact-info__requisites-item {
    color: #fff;
}

.contact-info__item:hover .contact-info__item-work-time {
    color: #ff9da3;
}

.contact-info__item:hover .contact-info__item-icon-wrap path {
    fill: #fff;
}

.contact-info__item:hover .contact-info__item-copy {
    opacity: 1;
    pointer-events: initial;
}

.contact-info__item-copy-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.contact-info__item-copy {
    position: absolute;
    right: 5%;
    bottom: 2%;
    opacity: 0;
    pointer-events: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #ff9da3;
    padding-right: 40px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.contact-info__item-copy::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 27px;
    height: 27px;
    background: url(../fonts/duplicate.svg) no-repeat center;
    background-size: cover;
}

.contact-info__item-copy-wrap.active .contact-info__item-copy::after {
    -webkit-animation: clipboard 1.2s cubic-bezier(.87, 0, .13, 1);
    animation: clipboard 1.2s cubic-bezier(.87, 0, .13, 1);
}

@-webkit-keyframes clipboard {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    50% {
        -webkit-transform: translateY(calc(-50% - 20px)) rotate(360deg);
        transform: translateY(calc(-50% - 20px)) rotate(360deg);
    }

    100% {
        -webkit-transform: translateY(-50%) rotate(720deg);
        transform: translateY(-50%) rotate(720deg);
    }
}

@keyframes clipboard {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    50% {
        -webkit-transform: translateY(calc(-50% - 20px)) rotate(360deg);
        transform: translateY(calc(-50% - 20px)) rotate(360deg);
    }

    100% {
        -webkit-transform: translateY(-50%) rotate(720deg);
        transform: translateY(-50%) rotate(720deg);
    }
}

@media (max-width:1024px) {
    .contact-info__item {
        padding-left: 5%;
        padding-right: 5%
    }

    .contact-info__item-address,
    .contact-info__item-work-time,
    .contact-info__requisites-item {
        font-size: 16px;
        line-height: 32px;
    }
}

@media (max-width:768px) {
    .contact-info__list {
        display: block;
    }

    .contact-info__item {
        margin-bottom: 25px;
    }

    .contact-info__item:last-child {
        margin-bottom: 0;
    }

    .contact-info__item--with-copy {
        padding-bottom: 50px;
    }

    .contact-info__item-address,
    .contact-info__item-work-time,
    .contact-info__requisites-item {
        font-size: 14px;
        line-height: 28px;
    }
}

.toggle-panel {
    border-bottom: 2px solid rgba(0, 0, 0, .08);
}

.toggle-panel__link,
.toggle-panel__title {
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #444;
    cursor: pointer;
}

.toggle-panel__link {
    position: relative;
    -webkit-transition: color .15s ease;
    -o-transition: color .15s ease;
    transition: color .15s ease;
    padding: 30px 70px 30px 0;
}

.toggle-panel__link:hover {
    color: #4065f2;
}

.toggle-panel__title-plus {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #888;
    border-radius: 30px 30px;
    -webkit-transition: border-color .15s ease;
    -o-transition: border-color .15s ease;
    transition: border-color .15s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.toggle-panel__title-plus::before {
    content: '';
    top: 14px;
    left: 6px;
    margin-top: -2px;
    width: 14px;
    height: 2px;
    position: absolute;
    background-color: #888;
    -webkit-transition: background-color .15s ease;
    -o-transition: background-color .15s ease;
    transition: background-color .15s ease;
}

.toggle-panel__title-plus::after {
    content: '';
    top: 6px;
    left: 14px;
    width: 2px;
    margin-left: -2px;
    height: 14px;
    position: absolute;
    background-color: #888;
    -webkit-transition: background-color .15s ease, -webkit-transform .45s cubic-bezier(.3, .4, .2, 1);
    transition: background-color .15s ease, -webkit-transform .45s cubic-bezier(.3, .4, .2, 1);
    -o-transition: transform .45s cubic-bezier(.3, .4, .2, 1), background-color .15s ease;
    transition: transform .45s cubic-bezier(.3, .4, .2, 1), background-color .15s ease;
    transition: transform .45s cubic-bezier(.3, .4, .2, 1), background-color .15s ease, -webkit-transform .45s cubic-bezier(.3, .4, .2, 1);
}

.toggle-panel__content-wrap {
    -webkit-transition: max-height .5s ease;
    -o-transition: max-height .5s ease;
    transition: max-height .5s ease;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    display: block;
}

.toggle-panel--open .toggle-panel__link,
.toggle-panel--open .toggle-panel__title,
.toggle-panel:hover .toggle-panel__link,
.toggle-panel:hover .toggle-panel__title {
    color: #4065f2;
}

.toggle-panel--open .toggle-panel__title-plus,
.toggle-panel:hover .toggle-panel__title-plus {
    border-color: #3452ff;
}

.toggle-panel--open .toggle-panel__title-plus::after,
.toggle-panel--open .toggle-panel__title-plus::before,
.toggle-panel:hover .toggle-panel__title-plus::after,
.toggle-panel:hover .toggle-panel__title-plus::before {
    background-color: #3452ff;
}

.toggle-panel--open .toggle-panel__content-wrap {
    padding-bottom: 30px;
    pointer-events: all;
}

.toggle-panel--open .toggle-panel__title-plus::after {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

.toggle-panel__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #444;
}

@media (max-width:768px) {

    .toggle-panel__link,
    .toggle-panel__title {
        font-size: 16px;
        line-height: 24px;
    }

    .toggle-panel__link {
        padding-right: 40px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .toggle-panel__text {
        font-size: 14px;
        line-height: 22px;
    }

    .toggle-panel--open .toggle-panel__content-wrap {
        padding-bottom: 20px;
    }
}

.personal-data__text {
    font-size: 14px;
    line-height: 21px;
    color: #252525;
    font-weight: 600;
}

.personal-data__text a {
    color: #5e69a5;
    text-decoration: underline;
}

.personal-data__text span {
    color: #ff1517;
}

.personal-data__input[type=checkbox]:checked,
.personal-data__input[type=checkbox]:not(:checked) {
    position: absolute;
    opacity: 0;
}

.personal-data__input[type=checkbox]:checked+label,
.personal-data__input[type=checkbox]:not(:checked)+label {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
}

.personal-data__input[type=checkbox]:checked+label::before,
.personal-data__input[type=checkbox]:not(:checked)+label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #5e69a5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

.personal-data__input[type=checkbox]:checked+label::after,
.personal-data__input[type=checkbox]:not(:checked)+label::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 9px;
    width: 12px;
    height: 6px;
    border-radius: 1px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.personal-data__input[type=checkbox]:not(:checked)+label::after {
    opacity: 0;
}

.personal-data__input[type=checkbox]:checked+label::after {
    opacity: 1;
}

.personal-data__input[type=checkbox]:checked+label::before {
    background-color: #5e69a5;
}

.personal-data__error-text {
    font-size: 0;
    line-height: 0;
    font-weight: 500;
    color: #ff1517;
    opacity: 0;
    visibility: hidden;
    padding-left: 40px;
    -webkit-transition-property: opacity, font-size, line-height;
    -o-transition-property: opacity, font-size, line-height;
    transition-property: opacity, font-size, line-height;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.personal-data__error-text--active {
    opacity: 1;
    visibility: inherit;
    font-size: 14px;
    line-height: 21px;
}

@media (max-width:450px) {
    .personal-data__text {
        font-size: 12px;
        line-height: 18px;
    }

    .personal-data__error-text--active {
        font-size: 12px;
        line-height: 16px;
    }
}

.modal {
    position: fixed;
    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;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, .85);
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 100;
}

.modal--active {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}

.modal__wrapper {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    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;
    background-color: #fff;
    border-radius: 5px;
    width: 70vw;
    height: 60vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.modal__wrapper--full {
    width: 90vw;
    height: 73vh;
}

.modal__wrapper--transparent {
    background-color: transparent;
}

.modal--active .modal__wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.modal__close {
    position: absolute;
    right: 0;
    top: -30px;
    opacity: .65;
    -webkit-transition: all .47s cubic-bezier(.3, 1, .3, .95) 0s;
    -o-transition: all .47s cubic-bezier(.3, 1, .3, .95) 0s;
    transition: all .47s cubic-bezier(.3, 1, .3, .95) 0s;
}

.modal__close i {
    color: #fff;
    font-size: 24px;
}

.modal__close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 1;
}

.modal__content {
    height: 100%;
    width: 100%
}

@media (max-width:768px) {
    .modal__wrapper--full {
        height: 60vh;
    }
}

.vacancies-modal__wrapper {
    overflow: auto;
    height: 80vh;
    max-height: 80vh;
}

.vacancies-modal__header {
    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;
    border-bottom: 1px solid rgba(172, 175, 186, .5);
    padding: 21px calc(7% - 17px) 21px 7%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vacancies-modal__content-description-item,
.vacancies-modal__content-description-name,
.vacancies-modal__header-title {
    color: #252525;
}

.vacancies-modal__header-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
}

.vacancies-modal__close {
    position: static;
}

.vacancies-modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 45px calc(7% - 17px) 45px 7%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
}

.vacancies-modal__content-left {
    margin-right: 20px;
}

.vacancies-modal__content-right {
    max-width: 305px;
}

.vacancies-modal__content-description {
    margin-bottom: 35px;
    max-width: 540px;
}

.vacancies-modal__content-description:last-child {
    margin-bottom: 0;
}

.vacancies-modal__content-description-name {
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 25px;
}

.vacancies-modal__content-description-list {
    position: relative;
    padding-left: 27px;
}

.vacancies-modal__content-description-list::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    height: 95%;
    background-color: #4065f2;
}

.vacancies-modal__content-description-item {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}

@media (max-width:1100px) {
    .vacancies-modal__wrapper {
        width: 95vw;
    }

    .vacancies-modal__content,
    .vacancies-modal__header {
        padding-left: 3%;
        padding-right: 3%
    }
}

@media (max-width:768px) {
    .vacancies-modal__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .vacancies-modal__content-left {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .vacancies-modal__content-right {
        max-width: none;
    }

    .vacancies-modal__header-title {
        font-size: 24px;
        line-height: 32px;
    }

    .vacancies-modal__header {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .vacancies-modal__content-description {
        margin-bottom: 20px;
    }

    .vacancies-modal__content-description-name {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .vacancies-modal__content-description-list {
        padding-left: 15px;
    }

    .vacancies-modal__content-description-item {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width:500px) {
    .vacancies-modal__close {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
    }
}

.vacancies-form__container {
    padding-top: 20px;
}

.vacancies-form__title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #4065f2;
    margin-bottom: 16px;
}

.vacancies-form__text {
    padding-left: 0;
    margin-bottom: 17px;
}

.vacancies-form__text span {
    color: #ff1517;
}

.vacancies-form__input-group {
    margin-bottom: 10px;
    border-radius: 0;
}

.vacancies-form__input-group:last-child {
    margin-bottom: 0;
}

.vacancies-form__input-file {
    margin-top: 17px;
    margin-bottom: 28px;
}

.vacancies-form__personal-data {
    margin-bottom: 24px;
}

.vacancies-form__input {
    padding-left: 25px;
    color: #444;
}

.vacancies-form__input-group-label {
    font-size: 16px;
    line-height: 20px;
    color: #acafba;
    top: 15px;
    font-weight: 400;
    left: 25px;
    background-color: #fff;
}

.vacancies-form__input-group-label span {
    color: #ff1517;
}

.input-group--focused .vacancies-form__input-group-label {
    top: -8px;
}

.vacancies-form__button {
    width: 100%
}

@media (max-width:800px) {
    .vacancies-form__container {
        padding-top: 0;
    }
}

@media (max-width:768px) {
    .vacancies-form__title {
        font-size: 20px;
        line-height: 20px;
    }
}

.colors-typography__container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.colors-typography__colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.colors-typography__color {
    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;
    color: #fff;
    width: 150px;
    height: 77px;
    margin-right: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

.colors-typography__color:last-child {
    margin-right: 0;
}

.colors-typography__fonts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.colors-typography__font {
    max-width: 27%;
    color: #302a2a;
}

.colors-typography__font--ubuntu {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.colors-typography__font--journal-sans {
    font-family: 'Journal Sans', Arial, Helvetica, sans-serif;
}

.colors-typography__font--journal-sans-bold,
.colors-typography__font--ubuntu-bold {
    font-weight: 700;
}

.colors-typography__font--ubuntu-medium {
    font-weight: 500;
}

.colors-typography__font--journal-sans-regular,
.colors-typography__font--ubuntu-regular {
    font-weight: 400;
}

.colors-typography__font-name {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
}

.colors-typography__font-big {
    font-size: 55px;
    line-height: 63px;
    margin-bottom: 20px;
}

.colors-typography__all-uppercase {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.colors-typography__all-lowercase {
    font-size: 12px;
    line-height: 14px;
    text-transform: lowercase;
}

@media (max-width:768px) {
    .colors-typography__fonts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .colors-typography__font {
        max-width: none;
        margin-bottom: 30px;
    }

    .colors-typography__font:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:500px) {
    .colors-typography__color {
        width: 130px;
        height: 60px;
        margin-right: 15px;
        margin-bottom: 15px;
    }
}

.get-discount {
    background-color: #000;
    background: url(../images/why-us-bg.png) no-repeat center;
    background-size: cover;
}

.get-discount__container {
    padding-top: 110px;
    padding-bottom: 110px;
}

.get-discount__head {
    text-align: center;
    margin-bottom: 50px;
}

.get-discount__title {
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 11px;
}

.get-discount__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #bbb;
}

.get-discount__form-wrap {
    position: relative;
}

.get-discount__success-form-wrap {
    display: none;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    -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;
    padding: 20px;
}

.get-discount__success-title {
    font-weight: 700;
    font-size: 42px;
    line-height: 59px;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
}

.get-discount__success-subtitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}

.get-discount__success-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #13b26f;
}

.get-discount__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.get-discount__deadline-wrap {
    width: 50%;
    margin-right: 20px;
}

.get-discount__deadline {
    font-weight: 500;
    font-size: 200px;
    line-height: 200px;
    color: #fff;
}

.get-discount__form-title {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-left: 64px;
    position: relative;
    margin-bottom: 35px;
}

.get-discount__form-title::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: url(../fonts/target.svg) no-repeat center;
    background-size: cover;
}

.get-discount__inputs-wrap {
    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;
    margin-bottom: 17px;
}

.get-discount__input-group,
.get-discount__submit-btn {
    width: 49%
}

@media (max-width:1200px) {
    .get-discount__deadline {
        font-size: 125px;
    }
}

@media (max-width:850px) {
    .get-discount__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .get-discount__deadline-wrap {
        margin-right: 0;
        text-align: center;
        margin-bottom: 20px;
    }

    .get-discount__deadline-wrap,
    .get-discount__form-wrap {
        width: 100%
    }

    .get-discount__deadline {
        line-height: 125px;
    }
}

@media (max-width:768px) {
    .get-discount__container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .get-discount__title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width:500px) {
    .get-discount__inputs-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .get-discount__input-group {
        margin-bottom: 17px;
    }

    .get-discount__input-group:last-child {
        margin-bottom: 0;
    }

    .get-discount__input-group,
    .get-discount__submit-btn {
        width: 100%
    }

    .get-discount__deadline {
        font-size: 100px;
        line-height: 100px;
    }
}

.complex-solution {
    background-color: var(--lightMainColor);
}

.complex-solution__container {
    padding-top: 70px;
    padding-bottom: 110px;
    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;
}

.complex-solution__overhead {
    display: inline-block;
    padding: 8px 15px;
    background-color: #fff;
    color: var(--mainColor);
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin-bottom: 13px;
}

.complex-solution__title {
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #000;
}

.complex-solution__list {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.complex-solution__item {
    position: relative;
}

.complex-solution__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    -webkit-box-shadow: -6px 19px 41px var(--mainColor);
    box-shadow: -6px 19px 41px var(--mainColor);
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.complex-solution__item-wrap {
    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;
    padding: 45px 4%
}

.complex-solution__icon-wrap {
    width: 40px;
    height: 40px;
    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;
    margin-bottom: 20px;
}

.complex-solution__icon-wrap path,
.complex-solution__item,
.complex-solution__item-text,
.complex-solution__item-title {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.complex-solution__item {
    width: 32%;
    margin-right: 2%;
    border: 1px solid rgba(0, 0, 0, .17);
    border-radius: 10px;
}

.complex-solution__item:last-child {
    margin-right: 0;
}

.complex-solution__item:hover {
    border-color: var(--mainColor);
    background-color: var(--mainColor);
}

.complex-solution__item:hover .complex-solution__icon-wrap path {
    fill: #fff;
}

.complex-solution__item:hover .complex-solution__item-text,
.complex-solution__item:hover .complex-solution__item-title {
    color: #fff;
}

.complex-solution__item:hover::before {
    opacity: .5;
}

.complex-solution__item-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #444;
    margin-bottom: 10px;
}

.complex-solution__item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #5a6472;
}

@media (max-width:1024px) {
    .complex-solution__item-wrap {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .complex-solution__item-title {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width:768px) {
    .complex-solution__container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .complex-solution__list {
        display: block;
    }

    .complex-solution__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .complex-solution__item:last-child {
        margin-bottom: 0;
    }

    .complex-solution__title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width:500px) {
    .complex-solution__overhead {
        font-size: 10px;
    }
}

.sportsite-head {
    background-color: var(--headBackground);
    position: relative;
}

.sportsite-head .request-section__success {
    border: 0;
}

.sportsite-head__content {
    z-index: 3;
    width: 100%
}

@media (max-width:1400px) {
    .sportsite-head__content {
        padding-top: 0;
    }
}

.sportsite-head__card-wrapper img {
    max-width: none;
}

.sportsite-head__clients--any-sport-type-page {
    margin-bottom: 30px;
}

.sportsite-head__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    position: relative;
    padding-top: 87px;
}

.sportsite-head__container::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200vw;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
    background-color: rgba(0, 4, 10, .33);
    z-index: 2;
}

@media (max-width:500px) {
    .sportsite-head__container: :before {
        background-color: rgba(0, 4, 10, .692);
    }
}

.sportsite-head__card-wrapper {
    position: absolute;
    right: 56px;
    bottom: 0;
    z-index: 1;
}

.sportsite-head__card-wrapper img {
    position: absolute;
    right: 56px;
    bottom: 0;
    z-index: 1;
    width: 1011px;
    height: 640px;
}

@media (max-width:1400px) {
    .sportsite-head__card-wrapper img {
        width: initial;
        height: initial;
    }
}

.sportsite-head__telephone {
    position: absolute;
    right: -108px;
    right: 0;
    bottom: 87px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: right;
    color: #fff;
}

@media (max-width:1400px) {
    .sportsite-head__telephone {
        right: -55px;
    }
}

.sportsite-head__header {
    margin-bottom: 21px;
    max-width: 804px;
}

.sportsite-head__title {
    font-weight: 700;
    font-size: 42px;
    line-height: 59px;
    color: #fff;
    margin-bottom: 15px;
}

.sportsite-head__subtitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #bbb;
    max-width: 90%
}

.sportsite-head__clients {
    margin-bottom: 60px;
    margin-top: 50px;
}

.sportsite-head__clients-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sportsite-head__clients-item {
    margin-right: 50px;
}

.sportsite-head__clients-item:last-child {
    margin-right: 0;
}

.sportsite-head__solutions-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    margin-bottom: 16px;
}

.sportsite-head__clients-slider,
.sportsite-head__solutions-slider {
    visibility: visible;
}

.sportsite-head__clients-slider-track,
.sportsite-head__solutions-slider-track {
    overflow: initial;
}

.sportsite-head__solutions-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sportsite-head__solutions-item {
    margin-right: 21px;
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    border-radius: 5px;
    background-color: #fff;
    position: relative;
}

.sportsite-head__solutions-item :last-child {
    margin-right: 0;
}

.sportsite-head__solutions-item-link {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.sportsite-head__solutions-item-wrapper {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sportsite-head__solutions-item-icon {
    font-size: 36px;
    line-height: 28px;
    color: #000;
}

.sportsite-head__solutions-item-text-wrap {
    margin-left: 16px;
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.sportsite-head__solutions-item-name-sport {
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.sportsite-head__solutions-item-more {
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    color: #02c4c2;
    padding-right: 24px;
    position: relative;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.sportsite-head__solutions-item-more::before {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url(../fonts/arrow-more-teal.svg) no-repeat center;
    background-size: cover;
}

.sportsite-head__solutions-item:hover .sportsite-head__solutions-item-text-wrap {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.sportsite-head__solutions-item:hover .sportsite-head__solutions-item-more {
    opacity: 1;
}

.sportsite-head__form-block {
    background-color: var(--mainColor);
    margin-top: -30px;
    position: relative;
    z-index: 2;
}

.sportsite-head__form-block-container {
    padding-top: 120px;
    padding-bottom: 70px;
}

.sportsite-head__form-block-head {
    text-align: center;
    margin-bottom: 30px;
}

.sportsite-head__form-block-title {
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 20px;
}

.sportsite-head__form-block-subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #dbe0ff;
}

.sportsite-head__form,
.sportsite-head__form-block-social,
.sportsite-head__form-block-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sportsite-head__form {
    width: 100%
}

.sportsite-head__form-block-social {
    margin-right: 20px;
}

.sportsite-head__form-block-social-item {
    margin-right: 14px;
}

.sportsite-head__form-block-social-item:last-child {
    margin-right: 0;
}

.sportsite-head__form-input-group {
    margin-right: 18px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.sportsite-head__form-input-group:last-child {
    margin-right: 0;
}

@media (max-width:1100px) {
    .sportsite-head__telephone {
        display: none;
    }
}

@media (max-width:1024px) {
    .sportsite-head__form-block {
        margin-top: 0;
    }

    .sportsite-head__container {
        padding-bottom: 50px;
    }

    .sportsite-head__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sportsite-head__solutions-slider {
        visibility: hidden;
    }

    .sportsite-head__solutions-list {
        display: initial;
    }

    .sportsite-head__solutions-item {
        margin-right: 0;
    }

    .sportsite-head__card-wrapper {
        right: -100px;
        bottom: -30px;
    }

    .sportsite-head__form-block-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sportsite-head__form-block-social {
        margin-bottom: 30px;
        margin-right: 0;
    }
}

@media (max-width:768px) {
    .sportsite-head__clients {
        visibility: hidden;
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    .sportsite-head__clients-logo {
        max-width: none;
    }

    .sportsite-head__clients-item {
        margin-right: 0;
    }

    .sportsite-head__container {
        padding-top: 106px;
    }

    .sportsite-head__title {
        font-size: 32px;
        line-height: 45px;
    }

    .sportsite-head__subtitle {
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        width: 100%
    }

    .sportsite-head__header {
        margin-bottom: 16px;
    }

    .sportsite-head__solutions-title {
        font-size: 20px;
        line-height: 28px;
    }

    .sportsite-head__card-wrapper {
        right: -200px;
    }

    .sportsite-head__form-block-container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .sportsite-head__form-block-title {
        font-size: 28px;
        line-height: 32px;
    }

    .sportsite-head__form-block-subtitle {
        font-size: 14px;
    }
}

@media (max-width:700px) {
    .sportsite-head__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sportsite-head__form-input-group {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .sportsite-head__form-input-group:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:500px) {
    .sportsite-head__clients {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .sportsite-head__form-block-title {
        font-size: 24px;
    }

    .sportsite-head__title {
        font-size: 28px;
    }
}

.sportsite-configurator {
    background-color: #3452ff;
    position: relative;
}

.sportsite-configurator-bg-grey {
    background: #444;
}

.sportsite-configurator__progress {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 8px;
    background-color: #2d44cb;
}

.sportsite-configurator__progress-black {
    background-color: #000;
}

.sportsite-configurator__progress-bar {
    height: 100%;
    width: 100%;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fc70d5;
}

.sportsite-configurator__progress-bar--red {
    background: -webkit-gradient(linear, left bottom, left top, from(#e52028), to(#e52028)), rgba(255, 255, 255, .5);
    background: -o-linear-gradient(bottom, #e52028, #e52028), rgba(255, 255, 255, .5);
    background: linear-gradient(0deg, #e52028, #e52028), rgba(255, 255, 255, .5);
}

.sportsite-configurator__container {
    padding-top: 80px;
    padding-bottom: 60px;
}

.sportsite-configurator__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 80px;
}

@media (max-width:1199px) {
    .sportsite-configurator__wrapper {
        gap: 0;
    }
}

@media (max-width:767px) {
    .sportsite-configurator__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px 0;
    }
}

.sportsite-configurator__text {
    max-width: 850px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 55px;
}

.sportsite-configurator__text span {
    color: #fc70d5;
}

.sportsite-configurator__text-red {
    max-width: 850px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 55px;
    width: 50%
}

@media (max-width:767px) {
    .sportsite-configurator__text-red {
        width: 100%
    }
}

.sportsite-configurator__text-red span {
    color: #e52028;
}

.sportsite-configurator__title {
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 140%;
    color: #fff;
    width: 50%
}

@media (max-width:767px) {
    .sportsite-configurator__title {
        width: 100%
    }
}

.sportsite-configurator__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.sportsite-configurator__content-left,
.sportsite-configurator__content-right {
    width: 100%
}

.sportsite-configurator__content-left {
    margin-right: 2%
}

.sportsite-configurator__step {
    display: none;
}

.sportsite-configurator__step.active {
    display: block;
}

.sportsite-configurator__content-steps-count {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #b8c2ff;
    margin-bottom: 22px;
}

.sportsite-configurator__content-steps-count--grey {
    color: #a5a5a5;
}

.sportsite-configurator__content-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 80px;
    min-height: 88px;
}

.sportsite-configurator__content-title:empty {
    margin-bottom: 0;
    min-height: 0;
}

.sportsite-configurator__content-right {
    max-width: 270px;
}

.sportsite-configurator__inputs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sportsite-configurator__inputs-item {
    position: relative;
    margin-right: 1%;
    width: 19%
}

.sportsite-configurator__inputs-item:last-child {
    margin-right: 0;
}

.sportsite-configurator__inputs-item-label {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}

.sportsite-configurator__inputs-item-wrap {
    padding: 30px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 160px;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 10px;
    overflow: hidden;
    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;
}

.sportsite-configurator__inputs-item-icon-wrap {
    width: 40px;
    height: 40px;
    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;
    margin-bottom: 25px;
}

.sportsite-configurator__inputs-item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #fff;
}

.sportsite-configurator__inputs-item.active .sportsite-configurator__inputs-item-wrap,
.sportsite-configurator__inputs-item:hover .sportsite-configurator__inputs-item-wrap {
    border-color: rgba(255, 255, 255, .4);
}

.sportsite-configurator__content-right-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    margin-bottom: 18px;
}

.sportsite-configurator__content-steps-list {
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.sportsite-configurator__content-steps-item {
    position: relative;
    margin-bottom: 20px;
}

.sportsite-configurator__content-steps-item:last-child {
    margin-bottom: 0;
}

.sportsite-configurator__content-steps-item::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 36px;
    width: 4px;
    background-color: #fff;
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.sportsite-configurator__content-steps-item__red::before {
    background: -webkit-gradient(linear, left bottom, left top, from(#e52028), to(#e52028)), #fc70d5;
    background: -o-linear-gradient(bottom, #e52028, #e52028), #fc70d5;
    background: linear-gradient(0deg, #e52028, #e52028), #fc70d5;
}

.sportsite-configurator__content-steps-item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 31px;
    color: #b8c2ff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.sportsite-configurator__content-steps-item-text::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
    height: 12px;
    background: url(../fonts/done-config.svg) no-repeat center;
    background-size: cover;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.sportsite-configurator__content-steps-item-text--grey {
    color: #a5a5a5;
}

.sportsite-configurator__content-steps-item.active::before {
    opacity: 1;
}

.sportsite-configurator__content-steps-item.done {
    cursor: pointer;
}

.sportsite-configurator__content-steps-item.done:not(.last-step) .sportsite-configurator__content-steps-item-text--grey {
    color: #fff;
    line-height: 25px;
}

.sportsite-configurator__content-steps-item.done:not(.last-step) .sportsite-configurator__content-steps-item-text {
    padding-left: 26px;
}

.sportsite-configurator__content-steps-item.done:not(.last-step) .sportsite-configurator__content-steps-item-text::before {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1;
}

.sportsite-configurator__form-inputs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 17px;
    gap: 17px;
}

.sportsite-configurator__form-input-group--full {
    grid-column: 1/-1;
}

.sportsite-configurator__form-inputs {
    margin-bottom: 17px;
}

.sportsite-configurator__form-file-load {
    margin-bottom: 20px;
}

.sportsite-configurator__form {
    position: relative;
}

.sportsite-configurator__success {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: -10px;
    -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;
    bottom: 0;
    text-align: center;
    background-color: #3452ff;
    color: #fff;
    font-weight: 700;
    border: 1px solid #b8c2ff;
    border-radius: 5px;
    display: none;
}

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

.sportsite-configurator__success-title {
    font-size: 42px;
    line-height: 59px;
}

.sportsite-configurator__success-subtitle {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
}

.sportsite-configurator__success-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #b8c2ff;
}

@media (max-width:1024px) {
    .sportsite-configurator__content-right {
        display: none;
    }

    .sportsite-configurator__content-left {
        margin-right: 0;
    }

    .sportsite-configurator__success {
        height: auto;
        top: 0;
    }
}

@media (max-width:768px) {
    .sportsite-configurator__content-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 50px;
        min-height: 60px;
    }

    .sportsite-configurator__inputs-item {
        width: 31%;
        margin-bottom: 2%;
        margin-right: 2%
    }

    .sportsite-configurator__inputs-item:nth-child(3n) {
        margin-right: 0;
    }

    .sportsite-configurator__inputs-item-wrap {
        border-color: rgba(255, 255, 255, .4);
    }

    .sportsite-configurator__container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .sportsite-configurator__form-inputs {
        display: block;
    }

    .sportsite-configurator__form-input-group {
        margin-bottom: 17px;
    }

    .sportsite-configurator__form-input-group:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:500px) {
    .sportsite-configurator__inputs-item {
        width: 48%
    }

    .sportsite-configurator__inputs-item:nth-child(3n) {
        margin-right: 2%
    }

    .sportsite-configurator__inputs-item:nth-child(2n) {
        margin-right: 0;
    }
}

.page-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    background-color: transparent;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
}

.page-header--active {
    background-color: #fff;
    -webkit-box-shadow: 0 -8px 37px -5px rgba(0, 0, 0, .3);
    box-shadow: 0 -8px 37px -5px rgba(0, 0, 0, .3);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.page-header--transfrom {
    -webkit-transform: translateY(-105%);
    -ms-transform: translateY(-105%);
    transform: translateY(-105%);
}

.page-header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 18px;
    padding-bottom: 18px;
}

.page-header__burger-wrap {
    margin-right: -10px;
}

.page-header__logo {
    display: block;
    margin-right: 2.5%;
    width: 100px;
}

.page-header__phone,
.page-header__tagline {
    opacity: 0;
    visibility: hidden;
}

.page-header--active .page-header__phone,
.page-header--active .page-header__tagline {
    opacity: 1;
    visibility: visible;
}

.page-header__tagline {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #626363;
    padding-left: 6.9%
}

.page-header__tagline::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 11.7%;
    height: 1px;
    background-color: #979797;
}

.page-header__phone {
    margin-left: auto;
    margin-right: 5%;
    display: block;
    font-weight: 800;
    font-size: 20px;
    line-height: 28px;
    color: #444;
}

@media (max-width:1024px) {

    .page-header__logo,
    .page-header__phone {
        margin-right: 2%
    }
}

@media (max-width:850px) {
    .page-header__tagline {
        display: none;
    }

    .page-header__logo {
        margin-right: 0;
    }

    .page-header__phone {
        margin-right: auto;
    }
}

@media (max-width:768px) {
    .page-header__phone {
        font-size: 14px;
        line-height: 24px;
    }

    .page-header__container {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.page-footer {
    background: #fff;
}

.page-footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 93px;
    padding-bottom: 73px;
}

.page-footer__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #444;
    margin-bottom: 44px;
}

.page-footer__menu {
    margin-bottom: 47px;
}

.page-footer__privacy-policy {
    margin-bottom: 12px;
}

.page-footer__left {
    width: 100%
}

.page-footer__left {
    max-width: 770px;
}

@media (max-width:1250px) {
    .page-footer__left {
        max-width: 660px;
    }
}

@media (max-width:1100px) {
    .page-footer__left {
        max-width: 640px;
    }
}

@media (max-width:1024px) {
    .page-footer__right {
        width: 100%;
        max-width: 230px;
    }
}

@media (max-width:768px) {
    .page-footer {
        position: static;
    }

    .page-footer__container {
        padding-top: 30px;
        padding-bottom: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .page-footer__left,
    .page-footer__right {
        max-width: none;
    }

    .page-footer__right {
        margin-bottom: 20px;
    }

    .page-footer__menu,
    .page-footer__title {
        display: none;
    }
}

.home-main__head {
    background-color: #2c151c;
    margin-bottom: 40px;
}

.home-main__advantages-cms,
.home-main__service-morphing-card,
.home-main__services-catalog,
.home-main__stages-development {
    margin-bottom: 140px;
}

.home-main__create-solutions,
.home-main__las-article,
.home-main__main-price {
    margin-bottom: 120px;
}

@media (max-width:768px) {

    .home-main__advantages-cms,
    .home-main__create-solutions,
    .home-main__las-article,
    .home-main__main-price,
    .home-main__service-morphing-card,
    .home-main__services-catalog,
    .home-main__stages-development {
        margin-bottom: 60px;
    }
}

.about-page__head {
    overflow: initial;
    margin-bottom: 100px;
}

.about-page__head-container {
    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;
}

.about-page__head-diplom {
    position: relative;
    top: 100px;
    margin-left: 20px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.about-page__head-diplom.animated {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.about-page__ux-accent {
    margin-bottom: 70px;
}

.about-page__slider-with-visualization {
    margin-bottom: 140px;
}

.about-page__our-clients,
.about-page__team-professional {
    margin-bottom: 170px;
}

.about-page__our-team {
    margin-bottom: 130px;
}

.about-page__blockquote-slider {
    margin-bottom: 180px;
}

@media (max-width:1024px) {

    .about-page__blockquote-slider,
    .about-page__our-clients,
    .about-page__our-team,
    .about-page__slider-with-visualization,
    .about-page__team-professional,
    .about-page__ux-accent {
        margin-bottom: 60px;
    }

    .about-page__head {
        margin-bottom: 200px;
    }

    .about-page__head-diplom {
        position: absolute;
        top: 250px;
        left: 0;
        max-width: 170px;
    }
}

@media (max-width:768px) {
    .about-page__head-diplom {
        top: 180px;
    }
}

@media (max-width:350px) {
    .about-page__head {
        margin-bottom: 250px;
    }

    .about-page__head-diplom {
        top: 225px;
    }
}

.contact-page__head {
    margin-bottom: 30px;
}

.contact-page__contact-info {
    margin-bottom: 40px;
}

.contact-page__map,
.contact-page__map-container {
    width: 100%
}

.contact-page__map-container {
    height: 550px;
}

.contact-page__map {
    height: 100%
}

.service-sportsite__head {
    margin-bottom: 150px;
}

.service-sportsite__faq,
.service-sportsite__why-us {
    margin-bottom: 130px;
}

.service-sportsite__tournament-table {
    margin-bottom: 140px;
}

.service-sportsite__light-blue {
    padding-top: 167px;
    padding-bottom: 160px;
    background: #eaf1fd;
    background: -webkit-gradient(linear, left top, left bottom, from(#eaf1fd), color-stop(50%, #eaf1fd), color-stop(50%, #fff), to(white));
    background: -o-linear-gradient(top, #eaf1fd 0, #eaf1fd 50%, #fff 50%, #fff 100%);
    background: linear-gradient(180deg, #eaf1fd 0, #eaf1fd 50%, #fff 50%, #fff 100%);
}

.service-sportsite__white-padding {
    padding-top: 167px;
    padding-bottom: 160px;
}

.service-sportsite__create-solutions {
    margin-bottom: 100px;
}

.service-sportsite__bg-with-curve-opacity {
    background: url(../images/curve-sportsite.png) no-repeat center;
    background-size: cover;
}

.service-sportsite__bg-with-curve-opacity .bg-with-curve-opacity__description-wrap {
    max-width: none;
}

.service-sportsite__bg-with-curve-opacity .bg-with-curve-opacity__content {
    max-width: 900px;
}

.service-sportsite__bg-with-curve-opacity .bg-with-curve-opacity__successes-list {
    max-width: 700px;
    margin: 0 auto;
}

.service-sportsite__ux-accent .ux-accent__container {
    padding-top: 90px;
}

.service-sportsite__configurator {
    margin-bottom: 50px;
}

@media (max-width:768px) {

    .service-sportsite__main .request-section,
    .service-sportsite__main .widgets {
        margin-top: 200px;
    }

    .service-sportsite__main .services-price__triangle {
        height: 120px;
    }

    .service-sportsite__main .services-price {
        padding-bottom: 150px;
    }

    .service-sportsite__main .request-section__wave,
    .service-sportsite__main .widgets__curve {
        height: 150px;
        top: -149px;
    }
}

@media (max-width:500px) {
    .service-sportsite__main .request-section {
        margin-top: 120px;
    }

    .service-sportsite__main .services-price__triangle {
        height: 70px;
    }

    .service-sportsite__main .services-price {
        padding-bottom: 80px;
    }
}

@media (max-width:1024px) {

    .service-sportsite__faq,
    .service-sportsite__head,
    .service-sportsite__tournament-table,
    .service-sportsite__why-us {
        margin-bottom: 60px;
    }
}

.service-shopsite__head {
    margin-bottom: 150px;
}

.service-shopsite__for-whom {
    margin-bottom: 100px;
}

.service-shopsite__text-with-image {
    margin-bottom: 150px;
}

.service-shopsite__stages-development {
    margin-bottom: 145px;
}

.service-shopsite__advantages-cms {
    margin-bottom: 160px;
}

.service-shopsite__create-solutions,
.service-shopsite__faq,
.service-shopsite__why-us {
    margin-bottom: 130px;
}

.service-shopsite__example-works {
    margin-bottom: 100px;
}

.service-shopsite__price-list {
    margin-bottom: 180px;
}

@media (max-width:1200px) {
    .service-shopsite__stages-development .layer-animation {
        right: -10%
    }
}

@media (max-width:1024px) {

    .service-shopsite__advantages-cms,
    .service-shopsite__create-solutions,
    .service-shopsite__example-works,
    .service-shopsite__faq,
    .service-shopsite__for-whom,
    .service-shopsite__head,
    .service-shopsite__price-list,
    .service-shopsite__stages-development,
    .service-shopsite__text-with-image,
    .service-shopsite__why-us {
        margin-bottom: 80px;
    }
}

.service-portalsite__head {
    margin-bottom: 150px;
}

.service-portalsite__create-solutions,
.service-portalsite__faq,
.service-portalsite__for-whom {
    margin-bottom: 130px;
}

.service-portalsite__advantages-cms,
.service-portalsite__example-works,
.service-portalsite__stages-development {
    margin-bottom: 180px;
}

.service-portalsite__terms-dev {
    background-color: #333;
    margin-bottom: 130px;
}

@media (max-width:1200px) {
    .service-portalsite__stages-development .layer-animation {
        right: -10%
    }
}

@media (max-width:1024px) {

    .service-portalsite__advantages-cms,
    .service-portalsite__create-solutions,
    .service-portalsite__example-works,
    .service-portalsite__faq,
    .service-portalsite__for-whom,
    .service-portalsite__head,
    .service-portalsite__stages-development {
        margin-bottom: 80px;
    }
}

.service-culturesite__head {
    margin-bottom: 170px;
}

.service-culturesite__widgets {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21.16%, #4fb672), to(#4fb572));
    background-image: -o-linear-gradient(top, #4fb672 21.16%, #4fb572 100%);
    background-image: linear-gradient(180deg, #4fb672 21.16%, #4fb572 100%);
}

.service-culturesite__opportunities {
    max-height: 650px;
    overflow: hidden;
}

.service-culturesite__opportunities--blue,
.service-culturesite__opportunities--purple {
    min-height: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.service-culturesite__opportunities--purple {
    background-color: #9362ba;
}

.service-culturesite__opportunities--blue {
    background-color: #1465c5;
}

.service-culturesite__for-whom {
    margin-bottom: 100px;
}

.service-culturesite__advantages-cms,
.service-culturesite__price-list,
.service-culturesite__why-us {
    margin-bottom: 218px;
}

.service-culturesite__example-works,
.service-culturesite__faq {
    margin-bottom: 120px;
}

@media (max-width:1024px) {

    .service-culturesite__advantages-cms,
    .service-culturesite__example-works,
    .service-culturesite__faq,
    .service-culturesite__for-whom,
    .service-culturesite__head,
    .service-culturesite__price-list,
    .service-culturesite__why-us {
        margin-bottom: 60px;
    }

    .service-culturesite__opportunities {
        max-height: none;
    }

    .service-culturesite__advantages-cms {
        margin-top: 50px;
    }
}

@media (max-width:500px) {
    .service-culturesite__opportunities--min-h-none {
        min-height: auto;
    }
}

.culture-site-file-load__label,
.culture-site-request-section,
.culturesite-head__form-block-subtitle {
    color: var(--lightMainColor);
}

.service-culturesite-new__for-whom {
    margin-top: 112px;
}

@media (max-width:600px) {
    .service-culturesite-new__for-whom {
        margin-top: 60px;
    }
}

.get-discount-culture-site {
    background: url(../images/culturesite-why-us-bg.png) no-repeat center, rgba(0, 0, 0, .5);
    background-size: cover;
}

.culture-site-stages-development__item:not(:first-child) {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0))), #f5f5f5;
    background: -o-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%), #f5f5f5;
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%), #f5f5f5;
}

.widgets--culturesite {
    background-image: url(../images/widgets-culturesite.png);
}

.culturesite-tournament-table__item-title {
    color: #444;
}

.culturesite-tournament-table__item-text {
    color: #979797;
}

.culturesite-tournament-table--panorama::before {
    background: url(../fonts/panorama-arrow-black.svg) no-repeat center;
    content: '';
    display: inline-block;
    position: absolute;
    width: 111.5%;
    height: 75%;
    background-size: cover;
    top: 77%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.culturesite-new__opportunities {
    background: var(--lightMainColor);
}

.culturesite-new__opportunities-title {
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    color: #444;
    text-align: right;
    margin-bottom: 25px;
}

.culturesite-new__opportunities-text {
    font-weight: 500;
    font-size: 16px;
    color: #979797;
    text-align: right;
}

.culturesite-new__opportunities-text--black {
    color: #444;
}

.culturesite-new__opportunities {
    min-height: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.culturesite-new__opportunities--without-bg {
    background: 0 0;
}

.section-subtitle--culturesite-new {
    margin-bottom: 25px;
}

.bg-with-curve-opacity__title {
    font-weight: 700;
}

.stage-development__item--culturesite-new {
    line-height: 2;
}

.opportunity__img--culturesite-new-actor-page2 {
    right: 129px;
    bottom: -53px;
}

.integration-post--service-culturesite {
    padding-top: 119px;
}

.mobile-version-with-slider--culturesite-new {
    padding-top: 29px;
    margin-bottom: 203px;
}

.service-sportsite__configurator--culturesite-new-mb200 {
    margin-bottom: 200px;
}

@media (max-width:600px) {
    .service-sportsite__configurator--culturesite-new-mb200 {
        margin-bottom: 70px;
    }
}

.services-price--culturesite-new {
    padding-bottom: 422px;
    margin-bottom: 0;
}

.control-system__notebook-inner--wordpress-1c {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.control-system__notebook-inner-item--top {
    position: absolute;
    left: 105px;
    top: 78px;
}

@media (max-width:630px) {
    .control-system__notebook-inner-item--top {
        left: 71px;
        top: 37px;
    }
}

@media (max-width:470px) {
    .control-system__notebook-inner-item--top {
        left: 56px;
        top: 27px;
    }
}

@media (max-width:380px) {
    .control-system__notebook-inner-item--top {
        left: 43px;
        top: 24px;
    }
}

.control-system__notebook-inner-item--bottom {
    position: absolute;
    right: 93px;
    bottom: 155px;
}

@media (max-width:630px) {
    .control-system__notebook-inner-item--bottom {
        right: 72px;
        bottom: 116px;
    }
}

@media (max-width:470px) {
    .control-system__notebook-inner-item--bottom {
        right: 55px;
        bottom: 88px;
    }
}

@media (max-width:380px) {
    .control-system__notebook-inner-item--bottom {
        right: 48px;
        bottom: 59px;
    }
}

.control-system__notebook-text--white {
    color: #fff;
}

@media (max-width:670px) {
    .control-system__notebook-title--bitrix-and-wordpress {
        font-size: 24px;
    }
}

@media (max-width:550px) {
    .control-system__notebook-title--bitrix-and-wordpress {
        font-size: 14px;
    }
}

@media (max-width:550px) {
    .control-system__notebook-inner-item--top {
        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;
    }

    .control-system__notebook-inner-item--bottom {
        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;
    }
}

@media (max-width:410px) {
    .control-system__notebook-text--bitrix-and-wordpress {
        display: none;
    }
}

.culturesite-new__opportunities--pink-mobile-version {
    margin-top: 23px;
}

@media (max-width:1024px) {
    .case-grid-block--culturesite-new {
        margin-top: 100px;
    }
}

.culturesite-new__opportunities-title--text-left {
    text-align: left;
}

.culturesite-new__spectacle-card {
    padding-bottom: 235px;
}

@media (max-width:600px) {
    .culturesite-new__spectacle-card {
        padding-bottom: 120px;
    }
}

.culturesite-new__spectacle-card-text {
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
    color: #302a2a;
}

.splide--circle-pagination .splide__pagination__page {
    border-radius: 50%
}

.stage-development__image--big {
    max-width: 750px;
}

@media (max-width:1024px) {
    .stage-development__image--big {
        max-width: 100%
    }
}

.integration-post--culturesite-new {
    padding-bottom: 193px;
    padding-top: 130px;
}

@media (max-width:600px) {
    .integration-post--culturesite-new {
        padding-top: 70px;
        padding-bottom: 130px;
    }
}

.mobile-version-with-slider--culturesite-new {
    margin-top: 115px;
    margin-bottom: 161px;
}

@media (max-width:600px) {
    .mobile-version-with-slider--culturesite-new {
        margin-top: 70px;
        margin-bottom: 70px;
    }
}

.case-opportunities__item--culturesite-new {
    margin-bottom: 255px;
}

@media (max-width:600px) {
    .case-opportunities__item--culturesite-new {
        margin-bottom: 100px;
    }

    .case-opportunities__item--culturesite-new:last-child {
        margin-bottom: 0;
    }
}

.case-opportunities__item--culturesite-new:last-child {
    margin-bottom: 0;
}

.service-culturesite-new__tournament-table {
    margin-bottom: 160px;
}

@media (max-width:600px) {
    .service-culturesite-new__tournament-table {
        margin-bottom: 60px;
    }
}

.culturesite-new__opportunities-title--self-project {
    max-width: 80%
}

@media (min-width:1024px) and (max-width:1100px) {
    .opportunity--image-left .opportunity__description--actor-card {
        margin-left: 83px;
    }
}

.case-page__title--culturesite-new {
    font-size: 30px;
}

.culturesite-new__spectacle-card__title {
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 25px;
    font-size: 30px;
}

.get-discount-culture-site--museum {
    background: url(../images/culturesite-why-us-bg-museum.png) no-repeat center, rgba(0, 0, 0, .5);
    background-size: cover;
}

.widgets--culturesite-kdc {
    background-image: url(../images/widgets-culturesite-kdc.png);
}

.widgets--culturesite-kdc-museum {
    background-image: url(../images/widgets-culturesite-museum.png);
}

.culturesite-head__content {
    z-index: 3;
    width: 100%
}

@media (min-width:1000px) and (max-width:1400px) {
    .culturesite-head__content {
        padding-top: 63px;
    }
}

@media (min-width:1400px) {
    .culturesite-head__content {
        padding-top: 136px;
    }
}

.culturesite-head__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    min-height: 571px;
    position: relative;
    padding-top: 87px;
}

.culturesite-head__container::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200vw;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
    background-color: rgba(0, 4, 10, .33);
    z-index: 2;
}

@media (max-width:1400px) {
    .culturesite-head__container {
        min-height: 495px;
    }
}

@media (max-width:800px) {
    .culturesite-head__container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width:500px) {
    .culturesite-head__container: :before {
        background-color: rgba(0, 4, 10, .692);
    }
}

.culturesite-head__telephone {
    position: absolute;
    right: 137px;
    bottom: 110px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: right;
    color: #fff;
}

@media (max-width:1400px) {
    .culturesite-head__telephone {
        right: 113px;
        bottom: 69px;
    }
}

@media (max-width:1250px) {
    .culturesite-head__telephone {
        display: none;
    }
}

.button--callback {
    background: var(--headBackground);
    color: #fff;
    max-width: 201px;
    width: 100%;
    margin-top: 50px;
}

.case-page__subtitle,
.case-page__title {
    color: #302a2a;
}

.case-page__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 25px;
}

.case-page__subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}

@media (max-width:768px) {
    .case-page__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .case-page__subtitle {
        font-size: 16px;
        line-height: 24px;
    }
}

.case-akhmat__mobile-version {
    margin-bottom: 100px;
}

.case-akhmat__functional-create {
    margin-bottom: 110px;
}

@media (max-width:1024px) {
    .case-akhmat__functional-create {
        margin-bottom: 30px;
    }
}

@media (max-width:768px) {
    .case-akhmat__functional-create {
        margin-bottom: 0;
    }
}

.case-akhmat__bg-with-curve-opacity {
    background: url(../images/bg-with-opacity_3.png) no-repeat center;
    background-size: cover;
}

.case-akhmat__bg-with-curve-opacity--elvis {
    background: url(../images/elvis-rar.jpg) no-repeat center;
}

.case-akhmat__free-container {
    margin-top: 100px;
    margin-bottom: 90px;
}

@media (max-width:1024px) {
    .case-akhmat__free-container {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.case-akhmat__free-title {
    padding-left: 80px;
    font-size: 36px;
    line-height: 44px;
}

@media (max-width:1024px) {
    .case-akhmat__free-title {
        padding-left: 0;
    }
}

@media (max-width:768px) {
    .case-akhmat__free-title {
        font-size: 24px;
        line-height: 32px;
    }
}

.case-drama__bg-with-curve-opacity {
    background: url(../images/bg-with-opacity_1.png) no-repeat center;
    background-size: cover;
}

.case-drama__case-design--mb60 {
    margin-bottom: 60px;
}

@media (max-width:767px) {
    .case-drama__case-design--mb60 {
        margin-bottom: 30px;
    }
}

.case-drama__opportunities {
    margin-bottom: 80px;
}

.case-drama__opportunities {
    margin-bottom: 80px;
}

@media (max-width:767px) {
    .case-drama__opportunities {
        margin-bottom: 0;
    }
}

.case-drama__mobile-version {
    margin-bottom: 120px;
}

.case-basketball__bg-with-curve-opacity {
    background: url(../images/bg-with-opacity_2.png) no-repeat center;
    background-size: cover;
}

.case-karfidov__mobile-version {
    padding-top: 0;
    margin-bottom: 100px;
}

@media (max-width:1024px) {
    .case-karfidov__mobile-version {
        margin-bottom: 30px;
    }
}

.case-sibmera__bg-with-curve-opacity {
    background-image: url(../images/bg-with-opacity.jpg);
    background-size: cover;
}

.case-uhta__bg-with-curve-opacity {
    background: url(../images/bg-with-opacity.png) no-repeat center;
    background-size: cover;
}

.service-sportsite__new-opportunities {
    color: #302a2a;
    font-family: Montserrat;
}

.new-opportunities__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2;
    padding-bottom: 24px;
}

@media (max-width:450px) {
    .new-opportunities__title {
        font-size: 25px;
    }
}

.new-opportunities__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 2;
}

.service-sportsite__new-opportunities-container {
    padding: 213px 197px 42px;
    max-width: 963px;
    margin: 0 auto;
}

@media (max-width:1050px) {
    .service-sportsite__new-opportunities-container {
        padding: 213px 120px 42px;
    }
}

@media (max-width:900px) {
    .service-sportsite__new-opportunities-container {
        padding: 213px 60px 42px;
    }
}

@media (max-width:600px) {
    .service-sportsite__new-opportunities-container {
        padding: 213px 30px 42px;
    }
}

@media (max-width:450px) {
    .service-sportsite__new-opportunities-container {
        padding: 140px 30px 42px;
    }
}

.service-sportsite__new-opportunities-description {
    max-width: 61%;
    position: relative;
    z-index: 2;
}

@media (max-width:800px) {
    .service-sportsite__new-opportunities-description {
        max-width: 100%
    }
}

.new-opportunities-img {
    position: absolute;
    top: -409px;
    right: -89px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width:1300px) {
    .new-opportunities-img {
        top: -396px;
        right: -160px;
    }
}

@media (max-width:1200px) {
    .new-opportunities-img {
        top: -293px;
        right: -69px;
    }
}

@media (max-width:900px) {
    .new-opportunities-img {
        position: initial;
        max-width: initial;
    }
}

.case-grid-block__descr-cell--gray {
    background: #f4f4f4;
}

.service-sportsite__match-center-container {
    padding: 252px 15px 168px;
}

@media (max-width:800px) {
    .service-sportsite__match-center-container {
        padding: 150px 15px 168px;
    }
}

@media (max-width:5500px) {
    .service-sportsite__match-center-container {
        padding: 80px 15px 168px;
    }
}

.match-center--results1 {
    top: -76px;
    right: -21px;
}

.match-center--results2 {
    bottom: -20px;
    right: 94px;
}

.match-center--results3 {
    left: -19px;
    top: -7px;
}

@media (max-width:1024px) {
    .match-center--results1 {
        top: 13px;
        right: -9px;
    }

    .match-center--results2 {
        bottom: -97px;
    }

    .match-center--results3 {
        top: 58px;
    }
}

.integration-post--service-sportsite {
    background-color: #fff;
}

.integration-text--service-sportsite {
    color: #444;
}

.anime-underline--sport-page::before {
    opacity: .5;
}

.request-section__text--any-sport-type {
    color: #fff;
}

.file-load__label--football {
    color: #78e4b7;
}

.file-load__label--voleyball {
    color: #93c3f5;
}

.file-load__label--hockey {
    color: #73dbf4;
}

.file-load__label--basketball {
    color: #ffcdb0;
}

.sportsite-head__form-block-subtitle--any-sport-type {
    color: #fff;
}

.sportsite-head__telephone--any-sport-type {
    bottom: -164px;
}

.service-sportsite__bg-with-curve-opacity--hockey {
    background: url(../images/experts-it-hockey.png) no-repeat center;
    background-size: cover;
}

.service-sportsite__bg-with-curve-opacity--basketball {
    background: url(../images/experts-it-basketball.png) no-repeat center;
    background-size: cover;
}

.service-sportsite__bg-with-curve-opacity--voleyball {
    background: url(../images/experts-it-voleyball.png) no-repeat center;
    background-size: cover;
}

.service-sportsite__bg-with-curve-opacity--tournament {
    background: url(../images/experts-it-tournament.png) no-repeat center;
    background-size: cover;
}

.service-sportsite__bg-with-curve-opacity--federation {
    background: url(../images/experts-it-federation.png) no-repeat center;
    background-size: cover;
}

.service-sportsite__bg-with-curve-opacity--stadium {
    background: url(../images/experts-it-stadium.png) no-repeat center;
    background-size: cover;
}

.service-sportsite__bg-with-curve-opacity--fitness {
    background: url(../images/experts-it-fitness.png) no-repeat center;
    background-size: cover;
}

.service-sportsite__bg-with-curve-opacity--basketball::before,
.service-sportsite__bg-with-curve-opacity--fitness::before,
.service-sportsite__bg-with-curve-opacity--hockey::before,
.service-sportsite__bg-with-curve-opacity--voleyball::before {
    height: 80px;
    background-image: url(../fonts/wave-opacity-white.svg);
}

.sportside-player-card {
    border-radius: 15px;
}

.stage-development__title--booking-fields::after {
    background-image: url(../fonts/booking-fields-gray.svg);
}

.widgets--tournament {
    background-image: url(../images/widgets-tournament.png);
}

.widgets--federation {
    background-image: url(../images/widgets-federation.png);
}

.widgets--stadium {
    background-image: url(../images/widgets-stadium.png);
}

.canvas-with-tooltip__tooltip--stadium1 {
    left: 13%;
    bottom: 37%
}

.canvas-with-tooltip__tooltip--stadium2 {
    right: 45%;
    top: 46%
}

.canvas-with-tooltip__tooltip--stadium3 {
    right: 15%;
    bottom: 40%
}

.stadium-panorama-descr-text {
    position: absolute;
    bottom: 82px;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    left: 27%
}

@media (max-width:800px) {
    .stadium-panorama-descr-text {
        left: 31px;
    }
}

.stadium-panorama-descr-text--fitness {
    left: 15%
}

@media (max-width:950px) {
    .stadium-panorama-descr-text--fitness {
        left: 5%
    }
}

.button--white-black {
    color: var(--mainColor);
    background-color: #fff;
}

.button--white-black::after {
    background-image: url(../fonts/btn-arrow-blue.svg);
}

.button--white-dark {
    color: var(--mainColor);
    background-color: #fff;
}

.button--white-dark::after {
    background-image: url(../fonts/btn-arrow-black.svg);
}

.case-grid-block__full-cell--light-shadow {
    position: relative;
    grid-column: -1/-2;
    grid-row: 1/3;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.case-grid-block__full-cell--light-shadow::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(2.78%, rgba(0, 0, 0, .15)), color-stop(12.69%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, rgba(0, 0, 0, .15) 2.78%, rgba(255, 255, 255, 0) 12.69%);
    background: linear-gradient(90deg, rgba(0, 0, 0, .15) 2.78%, rgba(255, 255, 255, 0) 12.69%);
    -webkit-filter: drop-shadow(-6px 19px 41px rgba(0, 0, 0, .25));
    filter: drop-shadow(-6px 19px 41px rgba(0, 0, 0, .25));
    z-index: 1;
}

.bg-with-curve-opacity__successes-text--sportsite {
    max-width: 230px;
}

.stage-development__container--sportsite-ticket-system {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.case-grid-block--sportsite-grid {
    padding: 40px 25px 49px 79px;
}

.case-grid-block--sportsite-grid__title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 11px;
}

.case-sportsite-grid-block--gray {
    padding: 51px 28px 56px 64px;
}

.case-sportsite-grid-block--gray-icon-wrap,
.case-sportsite-grid-block--gray-title {
    margin-bottom: 13px;
}

.case-grid-block__cell--sportsite {
    background-position: top;
}

.sportsite-head__img {
    left: -20px !important;
    top: -15px !important;
}

.sportsite-head__content--fitness {
    margin: 52px 0 0 0;
}

.sportsite-head__title--fitness {
    margin-bottom: 33px;
    max-width: 80%
}

.sportsite-head__container--fitness {
    min-height: 496px;
}

.sportsite-head__telephone--fitness {
    bottom: -72px;
}

.widgets--fitness {
    background-image: url(../images/fitness-background.png);
}

.sportsite-fitness-section {
    margin-top: 244px;
}

.sportsite-fitness-section__title {
    max-width: 100%
}

@media (max-width:500px) {
    .complex-solution__item--sportsite.animated {
        border-color: var(--mainColor);
        background-color: var(--mainColor);
    }

    .complex-solution__item--sportsite.animated p {
        color: #fff;
    }

    .complex-solution__item--sportsite.animated svg {
        fill: #fff;
    }
}

.complex-solution__item--sportsite svg {
    fill: var(--mainColor);
}

.complex-solution__item--sportsite-bg {
    -webkit-box-shadow: -6px 19px 41px var(--lightMainColor);
    box-shadow: -6px 19px 41px var(--lightMainColor);
    border-color: var(--mainColor);
    background-color: var(--mainColor);
    opacity: 0;
    -webkit-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    -o-transition: all .45s cubic-bezier(.25, 1, .2, 1);
    transition: all .45s cubic-bezier(.25, 1, .2, 1);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px;
}

.complex-solution__item--sportsite {
    position: relative;
}

.complex-solution__item--sportsite:hover {
    -webkit-box-shadow: -6px 19px 41px var(--lightMainColor);
    box-shadow: -6px 19px 41px var(--lightMainColor);
}

.service-sportsite__bg-with-curve-opacity {
    overflow: hidden;
}

.wave--white-opacity-top::before {
    z-index: 1;
}

.get-discount {
    position: relative;
}

@media (max-width:600px) {
    .case-design__collage--sportsite {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.sportsite-head__container {
    min-height: 571px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width:1400px) {
    .sportsite-head__container {
        min-height: 495px;
    }
}

.request-section__title {
    font-weight: 700;
}

@media (max-width:500px) {
    .sportsite-head__form-block-title--sportsite-new {
        margin-top: 50px;
    }
}

.button--sportsite-fitness {
    background: #02c4c2;
    color: #fff;
    max-width: 201px;
    width: 100%;
    margin-top: 50px;
}

.offering--dark-pink {
    background-color: #982671;
}

.opportunity__img--prototype-kdc1 {
    left: 12%;
    top: -20px;
}

.opportunity__img--prototype-kdc2 {
    right: -25px;
    top: 18%
}

.opportunity__img--prototype-kdc3 {
    left: -58px;
    bottom: -62px;
}

.case-kdc-projects-section {
    background: url(../images/kdc-project-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}

.case-kdc-projects-section__bg-with-blur {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.opportunity__img--info-kdc1 {
    left: 11%;
    top: 120px;
}

.opportunity__img--info-kdc2 {
    right: 2px;
    top: 19%
}

.opportunity__img--info-kdc3 {
    left: -57px;
    bottom: 104px;
}

.splide__track--case-kdc {
    overflow: initial;
}

.splide__slide--case-kdc {
    -webkit-filter: drop-shadow(0 20px 60px rgba(51, 51, 51, .2));
    filter: drop-shadow(0 20px 60px rgba(51, 51, 51, .2));
}

.opportunity__img--case-kdc {
    border-radius: 25px;
    -webkit-box-shadow: 0 40px 41px -12px rgba(0, 0, 0, .25);
    box-shadow: 0 40px 41px -12px rgba(0, 0, 0, .25);
}

.morphing-link__text--dark-pink {
    color: #a6297b;
}

.morphing-link__text--dark-pink::before {
    border-color: #a6297b;
}

.continue-cooperation__bonus--case-kdc {
    background-color: #1a72cc;
}

.canvas-with-tooltip__tooltip--first-kdc {
    left: 15%;
    top: 11%
}

.canvas-with-tooltip__tooltip--second-kdc {
    left: 33%;
    top: 61%
}

.canvas-with-tooltip__tooltip--third-kdc {
    right: 50%;
    top: 26%
}

.canvas-with-tooltip__tooltip--fourth-kdc {
    right: 23%;
    top: 56%
}

.tooltip__content-wrap--kdc-bottom {
    bottom: -60px;
}

.case-drama__bg-with-curve-opacity--case-kdc {
    overflow: hidden;
}

.case-drama__bg-with-curve-opacity--case-kdc::before {
    z-index: 2;
}

.case-design__container--with-blur {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.case-design__title--case-kdc {
    color: #fff;
}

.case-design__text--case-kdc {
    color: rgba(255, 255, 255, .8);
}

.new-offering__info-item--kdc {
    border-bottom: 1px solid #7e1b5d;
}

.new-offering__text--kdc {
    line-height: 28px;
    margin-bottom: 30px;
    color: #ffc7ec;
    font-size: 14px;
    font-weight: 500;
}

.new-offering__text--kdc:last-child {
    margin-bottom: 0;
}

.case-page__subtitle--kdc-interactive-section {
    line-height: 2;
}

.kdc-interactive-section {
    position: relative;
    min-height: 956px;
}

@media (max-width:1000px) {
    .kdc-interactive-section {
        min-height: 815px;
    }
}

@media (max-width:750px) {
    .kdc-interactive-section {
        min-height: 550px;
    }
}

@media (max-width:500px) {
    .kdc-interactive-section {
        min-height: 430px;
    }
}

.kdc-interactive-section__gif {
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    border-radius: 10px;
}

.case-opportunities--kdc-prototypes {
    margin-bottom: 157px;
    margin-top: 73px;
}

@media (max-width:650px) {
    .case-opportunities--kdc-prototypes {
        margin-top: 0;
        margin-bottom: 90px;
    }
}

.case-opportunities--kdc-afisha {
    margin-bottom: 149px;
    margin-top: 152px;
}

@media (max-width:650px) {
    .case-opportunities--kdc-afisha {
        margin-top: 60px;
        margin-bottom: 50px;
    }
}

.case-design__img--kdc-design-first {
    top: -48px;
    left: -11px;
}

.case-opportunities--kfc-info {
    margin-bottom: 0;
    margin-top: 58px;
}

.case-kdc__mobile-version {
    margin-bottom: 68px;
}

.functional-create__container--case-kdc {
    margin-bottom: 28px;
}

.case-opportunities--kdc {
    margin-top: 157px;
}

@media (max-width:650px) {
    .case-opportunities--kdc {
        margin-top: 60px;
    }
}

.case-opportunities__item--kdc {
    margin-bottom: 203px;
}

@media (max-width:650px) {
    .case-opportunities__item--kdc {
        margin-bottom: 50px;
    }
}

.case-opportunities__item--kdc:last-child {
    margin-bottom: 203px;
}

@media (max-width:650px) {
    .case-opportunities__item--kdc: last-child {
        margin-bottom: 50px;
    }
}

.kdc-interactive-section__clip-path {
    background-color: #ffc8ec;
    width: 100%;
    min-height: 541px;
    position: absolute;
    bottom: 15px;
    z-index: -1;
}

@media (max-width:750px) {
    .kdc-interactive-section__clip-path {
        min-height: 381px;
        bottom: 4px;
    }
}

@media (max-width:500px) {
    .kdc-interactive-section__clip-path {
        min-height: 300px;
    }
}

.kdc-interactive-section__background {
    position: absolute;
    bottom: 79px;
    width: 100%
}

@media (max-width:1000px) {
    .kdc-interactive-section__background {
        bottom: 78px;
    }
}

@media (max-width:750px) {
    .kdc-interactive-section__background {
        bottom: 50px;
    }
}

@media (max-width:500px) {
    .kdc-interactive-section__background {
        bottom: 22px;
    }
}

.kdc-interactive-section__clip-path-bg {
    position: relative;
}

.kdc-interactive-section__clip-path-bg::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 80px;
    background-image: url(../fonts/wave-opacity-white.svg);
}

.page-head__description--leaflor-max-width850 {
    max-width: 850px;
}

.offering--light-pink {
    background-color: #ffedf9;
}

.new-offering__info-item--leaflor {
    border-bottom: 1px solid rgba(246, 77, 120, .5);
}

.offering__client-year-title--leaflor {
    color: #e51868;
}

.new-offering__text--leaflor {
    line-height: 28px;
    margin-bottom: 30px;
    color: #878787;
    font-size: 14px;
    font-weight: 500;
}

.new-offering__text--leaflor:last-child {
    margin-bottom: 0;
}

.types-advance--leaflor {
    background-color: #ffedf9;
    margin-bottom: 0;
}

.section-title--leaflor-light-pink {
    color: #e1476e;
}

.section-subtitle--leaflor {
    color: #878787;
}

.morphing-link__text--light-pink {
    color: #ed4a74;
}

.morphing-link__text--light-pink::before {
    border-color: #ed4a74;
}

.service-morphing-card--leaflor {
    background-image: url(../images/case-leaflor.png);
}

.button-3d--border-radius span {
    border-radius: 100px;
}

.control-system__description-item-text--leaflor-marker {
    position: relative;
    padding-left: 10px;
}

.control-system__description-item-text--leaflor-marker::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 14px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #747474;
}

.case-opportunities--leaflor-prototypes {
    margin-bottom: 0;
    margin-top: 148px;
}

@media (max-width:650px) {
    .case-opportunities--leaflor-prototypes {
        margin-top: 50px;
    }
}

.opportunity__img--prototype-leaflor1 {
    left: 23%;
    top: -17px;
}

.opportunity__img--prototype-leaflor2 {
    right: 0;
    top: 19%
}

.opportunity__img--prototype-leaflor3 {
    left: 0;
    bottom: 18px;
}

.case-page__subtitle--leaflor {
    font-size: 16px;
    line-height: 2;
}

.case-design--leaflor {
    margin-top: 128px;
}

.case-design__container--leaflor {
    padding-top: 22px;
}

.case-design__img--leaflor-design-first {
    top: -33px;
    right: -90px;
}

.case-design__img--leaflor-design-second {
    top: 136px;
    right: -90px;
}

@media (max-width:768px) {
    .case-design__img--leaflor-design-second {
        top: 60px;
        right: -16px;
    }
}

.case-opportunities--leaflor-products-cards {
    margin-top: 192px;
}

@media (max-width:650px) {
    .case-opportunities--leaflor-products-cards {
        margin-top: 125px;
    }
}

.opportunity__img--product-cards-leaflor1 {
    left: 22%;
    top: 102px;
}

.opportunity__img--product-cards-leaflor2 {
    right: -9px;
    top: 38%
}

.opportunity__img--product-cards-leaflor3 {
    left: -7px;
    bottom: 125px;
}

.functional-create--leaflor {
    margin-top: 151px;
}

@media (max-width:650px) {
    .functional-create--leaflor {
        margin-top: 50px;
    }
}

.functional-create__text--leaflor {
    margin-bottom: 87px;
    color: #302a2a;
    line-height: 1.9;
    font-weight: 500;
    font-size: 16px;
}

.case-opportunities--leaflor {
    margin-top: 200px;
}

@media (max-width:650px) {
    .case-opportunities--leaflor {
        margin-top: 50px;
    }
}

.morphing-link-block--leaflor {
    margin-bottom: 200px;
}

@media (max-width:650px) {
    .morphing-link-block--leaflor {
        margin-bottom: 50px;
    }
}

.opportunity__colors-use {
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 575px;
}

@media (max-width:700px) {
    .opportunity__colors-use {
        min-width: 100%
    }
}

.opportunity__colors-use-item {
    width: 50%;
    min-height: 201.25px;
}

@media (max-width:650px) {
    .opportunity__leaflor-logo {
        margin: 111px 0 0 0;
    }
}

.opportunity__colors-use-item--light-pink {
    background-color: #ffedf9;
}

.opportunity__colors-use-item--dark-pink {
    background-color: #e51868;
}

.opportunity__colors-use-item--middle-pink {
    background-color: #f64d78;
}

.opportunity__colors-use-item--green {
    background-color: #26da4a;
}

.opportunity__colors-use-item-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    color: #302a2a;
}

.opportunity__colors-use-item-text--white {
    color: #fff;
}

.opportunity__colors-use-item-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 10px 10px 29px 33px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.opportunity__leaflor-logo-item {
    width: 50%;
    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;
}

@media (max-width:1100px) {
    .opportunity__leaflor-logo-item {
        width: 100%
    }
}

.opportunity__leaflor-logo-grid {
    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;
}

.opportunity__leaflor-logo-grid-item {
    width: 50%;
    background-color: #ffedf9;
    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;
}

@media (max-width:600px) {
    .opportunity__leaflor-logo-grid-item {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .opportunity__leaflor-logo-grid-item:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

.wave--fix::before {
    top: -3px !important;
}

.opportunity__leaflor-logo-grid-item--picture {
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.opportunity__leaflor-logo-grid-item-wrapper--picture {
    padding: 0;
}

.opportunity__leaflor-logo-grid-item-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 2;
    color: #878787;
    padding-bottom: 5px;
}

.opportunity__leaflor-logo-grid-item-text--title {
    font-weight: 600;
    font-size: 30px;
    line-height: 1.3;
    color: #e51868;
    max-width: 90%;
    text-align: center;
    padding: 0;
}

.opportunity__leaflor-logo-grid-item-wrapper {
    padding: 39px 53px;
}

.opportunity__leaflor-logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media (max-width:1100px) {
    .opportunity__leaflor-logo-wrapper {
        -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;
    }
}

.case-opportunities--leaflor-design-concept {
    margin-top: 0;
    margin-bottom: 15px;
}

.canvas-with-tooltip__description--leaflor-text {
    margin-bottom: 26px;
}

.canvas-with-tooltip__tooltip--first-leaflor {
    left: 15%;
    top: 11%
}

.canvas-with-tooltip__tooltip--second-leaflor {
    left: 33%;
    top: 61%
}

@media (max-width:600px) {
    .canvas-with-tooltip__tooltip--second-leaflor {
        top: 40%;
        left: 79%
    }
}

.canvas-with-tooltip__tooltip--third-leaflor {
    right: 50%;
    top: 26%
}

.canvas-with-tooltip__tooltip--fourth-leaflor {
    right: 23%;
    top: 56%
}

@media (max-width:600px) {
    .canvas-with-tooltip__tooltip--fourth-leaflor {
        top: 9%;
        right: 23%
    }
}

.page-head__content--eastware {
    max-width: 995px;
}

.offering--asphalt {
    background: -webkit-gradient(linear, left bottom, left top, from(#2e2e2e), to(#2e2e2e)), #483320;
    background: -o-linear-gradient(bottom, #2e2e2e, #2e2e2e), #483320;
    background: linear-gradient(0deg, #2e2e2e, #2e2e2e), #483320;
}

.offering__client-year--eastware {
    max-width: 647px;
}

.offering__client-year-title--eastware {
    color: #ff3928;
    margin-right: 139px;
}

.offering__client-year-text.offering__text--eastware {
    color: #b5b5b5;
}

.offering__client-year-text--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 452px;
}

.offering__title--red {
    color: #ff3928;
}

.offering__text--grey {
    color: #b5b5b5;
}

.purple-line {
    border-bottom: 1px solid rgba(246, 77, 120, .5);
}

.opportunity__description--max-width {
    max-width: 528px;
}

.opportunity__title-eastware {
    font-size: 36px;
    line-height: 44px;
}

@media (max-width:767px) {
    .opportunity__title-eastware {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
        margin-left: 10px;
    }
}

.opportunity__img--prototype-eastware {
    right: 0;
    top: 31%
}

.opportunity__img--prototype-eastware1 {
    left: 0;
    top: 0;
}

.case-design__description-eastware {
    max-width: 506px;
    margin-right: 35px;
}

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

@media (max-width:767px) {
    .case-design__bg--flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.case-design__title-eastware {
    max-width: 506px;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 44px;
}

@media (max-width:767px) {
    .case-design__title-eastware {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
        margin-left: 10px;
    }
}

.case-design__img--red {
    top: 16px;
    border-radius: 0;
}

.case-design__img--grey {
    top: 16px;
    right: -91px;
    border-radius: 0;
}

.case-design__container-slider {
    padding-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media (max-width:767px) {
    .case-design__container-slider {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.case-opportunities__container-eastware {
    margin-top: 157px;
    margin-bottom: 157px;
}

@media (max-width:767px) {
    .case-opportunities__container-eastware {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.case-design__img--slider {
    right: 0;
    top: 56%;
    border-radius: 0;
    z-index: 3;
}

.case-design__img--slider1 {
    top: 10%;
    left: 0;
    border-radius: 0;
    z-index: 2;
}

.case-design__img--slider2 {
    top: 33%;
    border-radius: 0;
    z-index: 3;
    left: 49px;
}

@media (max-width:500px) {
    .case-design__img--slider2 {
        left: 0;
    }
}

.eastware-bg--pink {
    margin-bottom: 80px;
    background: #f4f4f4;
}

.opportunity__img--case-eastware {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.opportunity__img--block {
    position: absolute;
    max-width: 484px;
    width: 100%;
    max-height: 240px;
    background: #ff3928;
    top: 85px;
    right: 0;
    z-index: 1;
}

.opportunity__img--block:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.opportunity__img--info-eastware1 {
    top: 29%;
    left: -8%;
    z-index: 3;
}

@media (max-width:767px) {
    .opportunity__img--info-eastware1 {
        left: 0;
    }
}

.opportunity__img--info-eastware2 {
    z-index: 2;
    top: 40%;
    right: 0;
}

.opportunity__img--info-eastware3 {
    z-index: 1;
    top: 0;
    right: 13%
}

@media (max-width:767px) {
    .opportunity__img--info-eastware3 {
        right: 0;
    }
}

.tooltip--bottom {
    top: 55px;
    bottom: auto;
}

.section-title-eastware {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    max-width: 1150px;
    color: #6c3c31;
    margin-bottom: 124px;
}

.control-system__notebook-text--eastware {
    color: #fff;
}

.eastware-correct {
    max-width: 565px;
    text-align: center;
}

.morphing-link__text--carrot {
    color: #fe3929;
}

.morphing-link__text--carrot::before {
    border-color: #fe3929;
}

.button-3d__front-eastware span {
    border-radius: 20px;
}

.button-3d__back-eastware span {
    border-radius: 20px;
}

.create-solutions__container--clip-eastware {
    margin-top: -455px;
    padding-top: 450px;
}

body {
    background: #fff;
}

.case-opportunities-grey {
    background: #f4f4f4;
    padding-top: 100px;
    padding-bottom: 120px;
}

.page-head__content--max-width995 {
    max-width: 995px;
}

.case-opportunities__container-thaispa {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (max-width:767px) {
    .case-opportunities__container-thaispa {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.offering--copper {
    background: #522e15;
}

.line-vertical__thaispa {
    display: block;
    width: 2px;
    min-height: 400px;
    height: 400px;
    margin-top: -29px;
    margin-right: 79px;
    background: url(""), #c4c4c4;
}

@media (max-width:774px) {
    .line-vertical__thaispa {
        display: none;
    }
}

.offering__container-thaispa {
    min-height: 431px;
}

.case-design__description-thaispa {
    max-width: 506px;
}

.case-design__title-thaispa {
    max-width: 506px;
}

.case-design__img-thaispa--first {
    z-index: 2;
    top: 0;
}

.case-design__img-thaispa--second {
    z-index: 1;
    top: 60px;
    right: -80px;
}

.case-design__items {
    position: absolute;
    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;
    top: -43px;
    right: -145px;
    z-index: 3;
}

.case-design__block {
    max-width: 190px;
    width: 190px;
    height: 83px;
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    border-radius: 5px;
    margin-bottom: 15px;
}

.case-design__block-brown {
    background: #522e15;
}

.case-design__block-beige {
    background: #ecdabc;
}

.case-design__block-pink {
    background: #f5e8e8;
}

.case-design__block-gold {
    background: -webkit-gradient(linear, left top, right top, color-stop(-1.67%, #be7d19), color-stop(107.22%, #ebc85b));
    background: -o-linear-gradient(left, #be7d19 -1.67%, #ebc85b 107.22%);
    background: linear-gradient(90deg, #be7d19 -1.67%, #ebc85b 107.22%);
}

.opportunity__img--thaispa-profiles1 {
    right: 10px;
    top: -20px;
}

.opportunity__img--thaispa-profiles2 {
    right: -10px;
    top: 120px;
}

.opportunity__img--thaispa-profiles3 {
    top: 75px;
    left: 0;
}

.opportunity__img--profiles4 {
    top: 218px;
    left: 31px;
}

.opportunity__description-thaispa {
    max-width: 548px;
}

.opportunity__img--thaispa-results1 {
    z-index: 3;
    max-width: 396px;
    height: 173px;
    top: 0;
    right: 0;
}

.opportunity__img--thaispa-results2 {
    z-index: 1;
    max-width: 396px;
    height: 173px;
    top: 116px;
    left: 0;
}

.opportunity__img--thaispa-results3 {
    z-index: 3;
    width: 396px;
    top: 0;
    right: 0;
}

.opportunity__img--thaispa-results4 {
    z-index: 1;
    width: 396px;
    top: 100px;
    left: 0;
}

.opportunity-thaispa--block {
    position: absolute;
    min-width: 300px;
    min-height: 173px;
    -webkit-box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    box-shadow: -6px 19px 41px rgba(0, 0, 0, .25);
    border-radius: 5px;
}

.opportunity-thaispa--block-begie {
    background: #ecdabc;
    z-index: 2;
    right: -45px;
    top: 75px;
    max-width: 396px;
    width: 100%
}

.opportunity__img--thaispa-widgets1 {
    top: 105px;
    left: 0;
    z-index: 3;
}

.opportunity-thaispa--block-pink {
    background: #f5e8e8;
    max-width: 451px;
    width: 100%;
    max-height: 267px;
    top: 40px;
    left: 70px;
    z-index: 1;
}

.opportunity-thaispa--block-pink:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.opportunity__img--thaispa-master1 {
    top: 105px;
    left: 0;
}

.opportunity__img--thaispa-master2 {
    right: 0;
    top: -50px;
}

.opportunity__description-thaispa--width {
    max-width: 420px;
}

@media (max-width:1024px) {
    .opportunity__description-thaispa--width {
        max-width: none;
    }
}

@media (max-width:1024px) {
    .opportunity__description-thaispa--margin {
        margin-bottom: 100px;
    }
}

.opportunity__img--thaispa-design {
    z-index: 3;
    right: 30px;
    top: 0;
}

.opportunity-thaispa--block-begiebig {
    max-width: 482px;
    width: 100%;
    max-height: 440px;
    background: #ecdabc;
    z-index: 1;
    right: -25px;
    top: -70px;
}

.opportunity-thaispa--block-begiebig:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.opportunity__img--thaispa-online {
    z-index: 4;
}

.opportunity__img--thaispa-service1 {
    top: -45px;
    left: 0;
    z-index: 1;
}

.opportunity__img--thaispa-service2 {
    right: 0;
    top: 20px;
    z-index: 2;
}

.opportunity__img--thaispa-service3 {
    top: 175px;
    right: 155px;
    z-index: 3;
}

@media (max-width:767px) {
    .opportunity__img--thaispa-service3 {
        left: 0;
    }
}

.opportunity-thaispa--block-bigpink {
    max-width: 482px;
    width: 100%;
    max-height: 440px;
    background: #f5e8e8;
    right: -60px;
    top: -35px;
    z-index: 1;
}

.opportunity-thaispa--block-bigpink:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.opportunity__img--thaispa-delivery1 {
    top: -50px;
    left: 0;
}

.opportunity__img--thaispa-delivery2 {
    right: 0;
    top: 100px;
}

.opportunity__img--thaispa-payment1 {
    top: 40px;
    z-index: 2;
}

.opportunity__img--thaispa-payment2 {
    right: 0;
    z-index: 1;
}

.control-system--gold {
    background: #f2e6d1;
}

.section-title-thaispa {
    margin-bottom: 120px;
    font-weight: 700;
}

.control-system__description-width {
    max-width: 455px;
}

.control-system__notebook-wrap-margin {
    margin: 0;
}

.thai-title {
    font-size: 28px;
    line-height: 34px;
    color: #000;
}

.thai-text {
    font-size: 16px;
    line-height: 20px;
    color: #828282;
}

.beige-count {
    background: #f2e6d1;
    border: 2px solid #828282;
}

.beige-count span {
    color: #828282;
}

.morphing-link__text--gold {
    background: -webkit-gradient(linear, left top, right top, from(#be7d19), to(#ebc85b));
    background: -o-linear-gradient(left, #be7d19, #ebc85b);
    background: linear-gradient(90deg, #be7d19, #ebc85b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid transparent;
    position: relative;
}

.morphing-link__text--gold:after {
    position: absolute;
    content: "";
    max-width: 177px;
    width: 100%;
    bottom: 20px;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#be7d19), to(#ebc85b));
    background: -o-linear-gradient(left, #be7d19, #ebc85b);
    background: linear-gradient(90deg, #be7d19, #ebc85b);
}

.morphing-link__text--gold::before {
    -o-border-image: -o-linear-gradient(left, #be7d19, #ebc85b);
    border-image: -webkit-gradient(linear, left top, right top, from(#be7d19), to(#ebc85b));
    border-image: linear-gradient(90deg, #be7d19, #ebc85b);
    border-image-slice: 1;
}

.case-opportunities__item--thaispa {
    margin-bottom: 200px;
}

@media (max-width:767px) {
    .case-opportunities__item--thaispa {
        margin-bottom: 100px;
    }
}

.design-site-with-slider__subtitle-margin {
    margin-bottom: 30px;
}

.offering-roscosmos {
    background: #02163e;
}

.case-design-blue {
    background: -o-linear-gradient(224.71deg, #07389b 4.01%, #000a1f 102.51%);
    background: linear-gradient(225.29deg, #07389b 4.01%, #000a1f 102.51%);
}

.case-roscosmos__margin {
    margin-top: 100px;
    margin-bottom: 130px;
}

@media (max-width:767px) {
    .case-roscosmos__margin {
        margin-top: 40px;
        margin-bottom: 60px;
    }
}

.case-opportunities__item--mt90 {
    margin-top: 90px;
}

@media (max-width:767px) {
    .case-opportunities__item--mt90 {
        margin-top: 0;
    }
}

.gradient-text--blue {
    background: -o-linear-gradient(325deg, #2553ca 27%, #550469 100%, #0500e3);
    background: linear-gradient(125deg, #2553ca 27%, #550469 100%, #0500e3);
}

.opportunity__description-blue-dot li::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    margin-right: 11px;
    top: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #061071;
}

.opportunity__description-orange-dot li::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    margin-right: 11px;
    top: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fc4c02;
}

.opportunity__text-margin {
    margin-left: 10px;
    margin-top: 20px;
}

.opportunity__images-wrap--roscosmos {
    min-height: 465px;
}

.opportunity__img--roscosmos1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.opportunity__img--roscosmos2 {
    position: absolute;
    right: 0;
    top: 33%;
    z-index: 3;
}

.opportunity__img--roscosmos3 {
    position: absolute;
    left: 0;
    bottom: 0;
}

.opportunity__img--roscosmos4 {
    left: 0;
    top: 0;
    z-index: 0;
}

.opportunity__img--roscosmos5 {
    position: absolute;
    width: 104px;
    height: 101px;
    right: 55px;
    top: 75px;
    z-index: 1;
}

.opportunity__description-wrap {
    max-width: 1160px;
}

.case-page__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width:767px) {
    .case-page__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.strava-bg {
    background: url(../images/strava-bg.png) 50% 0 no-repeat;
}

@media (max-width:767px) {
    .strava-bg {
        background: url(../images/strava-bg.png) 50% 0 no-repeat;
        background-size: 100%
    }
}

.case-opportunities__container-pd {
    padding-top: 140px;
}

@media (max-width:767px) {
    .case-opportunities__container-pd {
        padding-top: 40px;
    }
}

.control-system-dark-blue {
    background: #040917;
    padding-top: 120px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}

@media (max-width:1024px) {
    .control-system-dark-blue {
        padding-top: 60px;
    }
}

.circle-decoration__red {
    position: absolute;
    width: 718px;
    height: 710px;
    background: -o-radial-gradient(50% 50%, 50% 50%, rgba(135, 14, 38, .33) 0, rgba(135, 14, 38, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(135, 14, 38, .33) 0, rgba(135, 14, 38, 0) 100%);
    top: -25%;
    left: -12%
}

.circle-decoration__blue {
    position: absolute;
    width: 718px;
    height: 710px;
    background: -o-radial-gradient(50% 50%, 50% 50%, rgba(0, 46, 113, .66) 0, rgba(0, 46, 113, 0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 46, 113, .66) 0, rgba(0, 46, 113, 0) 100%);
    right: -12%;
    top: -25%
}

.section-title--roscosmos {
    margin-bottom: 60px;
}

.section-title-dark {
    text-shadow: 0 0 5px #3872be, 0 0 5px #3872be, 0 0 5px rgba(11, 110, 241, .5);
    color: #fff;
}

.control-system__description-dark:before {
    -webkit-box-shadow: 0 0 2px #3872be, 0 0 5px #3872be, 0 0 4px #0b6ef1, inset 0 0 1px #186ad7;
    box-shadow: 0 0 2px #3872be, 0 0 5px #3872be, 0 0 4px #0b6ef1, inset 0 0 1px #186ad7;
}

.control-system__description-item-title--dark {
    text-shadow: 0 0 5px #3872be, 0 0 5px #3872be, 0 0 5px rgba(11, 110, 241, .5);
    color: #fff;
}

.dark-count {
    background: #040917;
    border: 2px solid #bbb;
    -webkit-box-shadow: 0 0 2px #3872be, 0 0 5px #3872be, 0 0 4px #0b6ef1, inset 0 0 1px #186ad7;
    box-shadow: 0 0 2px #3872be, 0 0 5px #3872be, 0 0 4px #0b6ef1, inset 0 0 1px #186ad7;
}

.dark-count span {
    text-shadow: 0 0 5px #3872be, 0 0 5px #3872be, 0 0 5px rgba(11, 110, 241, .5);
}

.control-system__notebook-wrap-roscosmos {
    margin-top: 55px;
}

.morphing-link--dark {
    color: #dddedd;
    text-shadow: 0 0 30px #3872be;
}

.morphing-link__text--dark::before {
    border-color: #dddedd;
    -webkit-box-shadow: inset 0 0 4px #186ad7;
    box-shadow: inset 0 0 4px #186ad7;
    -webkit-filter: drop-shadow(0 0 70px #3872be) drop-shadow(0 0 50px #3872be) drop-shadow(0 0 30px #0b6ef1);
    filter: drop-shadow(0 0 70px #3872be) drop-shadow(0 0 50px #3872be) drop-shadow(0 0 30px #0b6ef1);
}

.control-system__notebook-wrap-roscosmos {
    top: 41%
}

.case-opportunities__item-roscosmos {
    margin-bottom: 175px;
}

@media (max-width:1024px) {
    .case-opportunities__item-roscosmos {
        margin-bottom: 80px;
    }
}

.opportunity__images-wrap--roscosmos-height {
    height: 100%;
    width: 100%;
    position: relative;
    max-width: 535px;
}

.offering--blue-green {
    background: #254e58;
}

.offering__client-year-title--avanta {
    color: #88bdbb;
}

.new-offering__text--avanta {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    color: #cecece;
}

.new-offering__info-item--avanta {
    border-bottom: 1px solid #88bdbb;
}

.opportunity__img--avanta1 {
    left: 10%;
    top: 0;
}

@media (max-width:767px) {
    .opportunity__img--avanta1 {
        left: 0;
    }
}

.opportunity__img--avanta2 {
    right: 0;
    top: 30%;
    margin-right: 70px;
}

@media (max-width:767px) {
    .opportunity__img--avanta2 {
        margin-right: 0;
    }
}

.avanta-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 40px;
}

@media (max-width:767px) {
    .avanta-circle {
        margin-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.avanta-circle__item {
    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;
    width: 157px;
    height: 157px;
    border-radius: 50%;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #dcdcdc;
    margin-bottom: 15px;
    margin-right: 15px;
}

.avanta-circle__item-first {
    background: #88bdbb;
}

.avanta-circle__item-second {
    background: #254e58;
}

.avanta-circle__item-third {
    background: #112d32;
}

.avanta-circle__item-fourth {
    background: #4e4a41;
}

.avanta-circle__item-fifth {
    background: #6e6659;
}

.opportunity__img--avanta3 {
    left: 0;
    top: 18%
}

.avanta-bg__360 {
    background-image: url(../fonts/360.svg);
    background-position: 35% 0;
    background-repeat: no-repeat;
    margin-top: 193px;
    padding-top: 170px;
}

@media (max-width:1024px) {
    .avanta-bg__360 {
        margin-top: 100px;
    }
}

.case-design__img--avanta {
    left: 40px;
    top: 50px;
}

.opportunity__description-blue-dot--small li:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    margin-right: 11px;
    top: 14px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #264f59;
}

.avanta__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 31px;
}

.case-design__img--avanta3 {
    top: -60px;
}

@media (max-width:767px) {
    .case-design__img--avanta3 {
        left: 0;
        top: -30px;
    }
}

.case-design__img--avanta4 {
    top: 122px;
    right: 0;
}

@media (max-width:767px) {
    .case-design__img--avanta4 {
        top: 85px;
    }
}

.tooltip__content-wrap--avanta {
    bottom: -85px;
}

.canvas-with-tooltip__tooltip--sixth {
    left: 35%;
    top: 52%
}

@media (max-width:767px) {
    .canvas-with-tooltip__tooltip--sixth {
        left: 64%;
        top: 30%
    }
}

.canvas-with-tooltip__tooltip--seventh {
    right: 15%;
    top: 75%
}

.canvas-with-tooltip__tooltip--eighth {
    left: 15%;
    top: 72%
}

.canvas-with-tooltip__tooltip--ninth {
    left: 56%;
    top: 65%
}

.canvas-with-tooltip__tooltip--tenth {
    top: 20%;
    left: 56%
}

.opportunity__description--max-width {
    max-width: 530px;
}

.section-title-avanta {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    max-width: 1150px;
    color: #254e58;
    margin-bottom: 124px;
}

.case-akhmat__design-site--avanta {
    margin-top: 90px;
}

.morphing-link__text--dark-green {
    color: #254e58;
}

.morphing-link__text--dark-green:before {
    border-color: #254e58;
}

.case-page__title--avanta {
    color: #254e58;
}

.case-page__subtitle--avanta {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #254e58;
    max-width: 1100px;
}

.opportunity__images-wrap--h540 {
    min-height: 540px;
}

@media (max-width:450px) {
    .opportunity__images-wrap--h540 {
        min-height: 330px;
    }
}

.opportunity__img--avanta6 {
    left: 0;
    top: 0;
}

.opportunity__img--avanta7 {
    left: 27%;
    top: 24%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width:400px) {
    .opportunity__img--avanta7 {
        left: 3%;
        top: 32%
    }
}

.opportunity__img--avanta8 {
    right: 0;
    bottom: 0;
}

@media (max-width:400px) {
    .opportunity__img--avanta8 {
        right: 0;
        top: 14%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (max-width:1024px) {
    .case-opportunities__item-avanta {
        margin-bottom: 100px;
    }
}

@media (max-width:500px) {
    .case-opportunities__item-avanta {
        margin-bottom: 160px;
    }
}

.opportunity__description--max-width-320 {
    max-width: 320px;
}

@media (max-width:1024px) {
    .opportunity__description--max-width-320 {
        max-width: 650px;
    }
}

.case-opportunities__container-avanta {
    margin-top: 100px;
    margin-bottom: 100px;
}

@media (max-width:1024px) {
    .case-opportunities__container-avanta {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

@media (max-width:1024px) {
    .case-opportunities__container-avanta {
        margin-top: 60px;
        margin-bottom: 0;
    }
}

@media (max-width:767px) {
    .case-avanta--gifPc {
        display: none;
    }
}

.case-avanta--gifMob {
    display: none;
}

@media (max-width:767px) {
    .case-avanta--gifMob {
        display: block;
        width: 100%
    }
}

.offering--green-bright {
    background: #00ca66;
}

.opportunity__images-wrap--h250 {
    min-height: 250px;
}

.morphing-link__text--bright-green {
    color: #00ca66;
}

.morphing-link__text--bright-green:before {
    border-color: #00ca66;
}

.case-design__img--campus {
    top: -25px;
    left: -25px;
}

.case-design__bg-campus {
    min-height: 306px;
}

@media (max-width:768px) {
    .case-design__bg-campus {
        min-width: 300px;
        min-height: 200px;
    }
}

.page-head__survey {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #b1233d;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.page-head__title--survey {
    margin-bottom: 30px;
    margin-top: 160px;
}

.survey__content {
    margin-bottom: 194px;
}

@media (max-width:1199px) {
    .survey__content {
        margin-bottom: 70px;
    }
}

@media (max-width:767px) {
    .survey__content {
        margin-bottom: 45px;
    }
}

.survey__content-container {
    margin-top: 75px;
    margin-bottom: 75px;
}

@media (max-width:1199px) {
    .survey__content-container {
        margin-top: 45px;
        margin-bottom: 55px;
    }
}

@media (max-width:767px) {
    .survey__content-container {
        margin-top: 20px;
        margin-bottom: 50px;
    }
}

.survey__content-container--wrapper {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #302a2a;
    margin-bottom: 25px;
}

@media (max-width:767px) {
    .survey__content-container--wrapper {
        font-size: 26px;
        line-height: 30px;
    }
}

.survey__content-container--wrapper__question {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    color: #302a2a;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 30px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (max-width:767px) {
    .survey__content-container--wrapper__question {
        font-size: 18px;
    }
}

.survey__content-container--wrapper__question input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.survey__content-container--wrapper__question:hover input~.checkmark {
    opacity: .5;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.survey__content-container--wrapper__question input:checked~.checkmark {
    background-color: transparent;
}

.survey__content-container--wrapper__question input:checked~.checkmark:after {
    display: block;
}

.survey__content-container--wrapper__question .checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #302a2a;
}

.checkmark {
    position: absolute;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: transparent;
    border: 2px solid #302a2a;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.survey__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 40px;
}

.survey__radio-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.rating-area {
    overflow: hidden;
    width: 460px;
    margin: 0 0;
    position: relative;
}

@media (max-width:767px) {
    .rating-area {
        width: 320px;
    }
}

.rating-area:not(:checked)>input {
    display: none;
}

.rating-area:not(:checked)>label {
    float: right;
    width: 26px;
    height: 30px;
    margin-right: 20px;
    padding: 0;
    cursor: pointer;
    font-size: 32px;
    line-height: 32px;
    color: #d3d3d3;
}

@media (max-width:767px) {
    .rating-area: not(:checked)>label {
        margin-right: 5px;
    }
}

.rating-area:not(:checked)>label:before {
    content: '';
    background-image: url(../fonts/empty-star.svg);
    position: absolute;
    width: 31px;
    height: 30px;
}

.rating-area>input:checked~label {
    content: '';
    background-image: url("data:image/svg+xml, %3Csvg width='32' height='31' viewBox='0 0 32 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9992 25.5064L6.39118 30.5576L8.22614 19.859L0.453125 12.2822L11.1952 10.7212L15.9992 0.987305L20.8032 10.7212L31.5452 12.2822L23.7722 19.859L25.6071 30.5576L15.9992 25.5064Z' fill='url(%23paint0_linear_3145_509)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3145_509' x1='0.453125' y1='16.1163' x2='31.5452' y2='16.1163' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2301C5C1'/%3E%3Cstop offset='1' stop-color='%231A6BE8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 26px;
    height: 30px;
}

.rating-area:not(:checked)>label:hover,
.rating-area:not(:checked)>label:hover~label {
    content: '';
    background-image: url("data:image/svg+xml, %3Csvg width='32' height='31' viewBox='0 0 32 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9992 25.5064L6.39118 30.5576L8.22614 19.859L0.453125 12.2822L11.1952 10.7212L15.9992 0.987305L20.8032 10.7212L31.5452 12.2822L23.7722 19.859L25.6071 30.5576L15.9992 25.5064Z' fill='url(%23paint0_linear_3145_509)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3145_509' x1='0.453125' y1='16.1163' x2='31.5452' y2='16.1163' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2301C5C1'/%3E%3Cstop offset='1' stop-color='%231A6BE8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 26px;
    height: 30px;
}

.rating-area>input:checked+label:hover,
.rating-area>input:checked+label:hover~label,
.rating-area>input:checked~label:hover,
.rating-area>input:checked~label:hover~label,
.rating-area>label:hover~input:checked~label {
    content: '';
    background-image: url("data:image/svg+xml, %3Csvg width='32' height='31' viewBox='0 0 32 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9992 25.5064L6.39118 30.5576L8.22614 19.859L0.453125 12.2822L11.1952 10.7212L15.9992 0.987305L20.8032 10.7212L31.5452 12.2822L23.7722 19.859L25.6071 30.5576L15.9992 25.5064Z' fill='url(%23paint0_linear_3145_509)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3145_509' x1='0.453125' y1='16.1163' x2='31.5452' y2='16.1163' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2301C5C1'/%3E%3Cstop offset='1' stop-color='%231A6BE8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 26px;
    height: 30px;
}

.rate-area>label:active {
    position: relative;
    content: '';
    background-image: url("data:image/svg+xml, %3Csvg width='32' height='31' viewBox='0 0 32 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9992 25.5064L6.39118 30.5576L8.22614 19.859L0.453125 12.2822L11.1952 10.7212L15.9992 0.987305L20.8032 10.7212L31.5452 12.2822L23.7722 19.859L25.6071 30.5576L15.9992 25.5064Z' fill='url(%23paint0_linear_3145_509)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3145_509' x1='0.453125' y1='16.1163' x2='31.5452' y2='16.1163' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2301C5C1'/%3E%3Cstop offset='1' stop-color='%231A6BE8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 26px;
    height: 30px;
}

.survey__textarea {
    width: 100%
}

.survey__textarea textarea {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 172.35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bcbcbc;
    background: #f0f0f0;
    border-radius: 5px;
    resize: none;
    max-width: 90%;
    width: 100%;
    height: 100px;
    padding: 13px 28px;
    border: none;
}

@media (max-width:450px) {
    .survey__textarea textarea {
        max-width: 82%
    }
}

.button--dark {
    background-color: #444;
    color: #fff;
}

.button--dark span {
    font-family: Montserrat;
}

.page-head__vacancies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-image: url(../images/vacancies-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

@media (max-width:768px) {
    .stage-development__title {
        font-size: 23px;
        line-height: 32px;
        margin-bottom: 40px;
    }
}

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

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

.slider__agency-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #302a2a;
    position: relative;
    margin-bottom: 67px;
}

.slider__agency-title:before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 48%;
    width: 65px;
    height: 3px;
    background-color: #3f59ff;
}

.slider__agency-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.slider__agency-block__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 20px;
}

@media (max-width:1199px) {
    .slider__agency-block__top {
        gap: 20px 0;
        -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;
    }
}

.slider__agency-block__top-left {
    max-width: 641px;
}

.slider__agency-block__top-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 200%;
    color: #302a2a;
    margin-bottom: 25px;
}

@media (max-width:1199px) {
    .slider__agency-block__top-text {
        font-size: 14px;
        line-height: 150%
    }
}

@media (max-width:767px) {
    .slider__agency-block__top-text {
        margin-bottom: 15px;
    }
}

.slider__agency-block__top-right {
    max-width: 366px;
}

.slider__agency-block__top-name {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #444;
}

.slider__agency-block__top-position {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #bbb;
}

.agency__slider-arrow {
    background: 0 0;
    border-radius: 0;
}

.agency__slider-next {
    content: '';
    background-repeat: no-repeat;
    background-image: url(../fonts/arrow-right.svg);
}

@media (max-width:1199px) {
    .agency__slider-next {
        display: none;
    }
}

.agency__slider-prev {
    content: '';
    background-repeat: no-repeat;
    background-image: url(../fonts/arrow-left.svg);
}

@media (max-width:1199px) {
    .agency__slider-prev {
        display: none;
    }
}

.slider__agency {
    margin-bottom: 130px;
    margin-top: 130px;
}

@media (max-width:1199px) {
    .slider__agency {
        margin-top: 70px;
        margin-bottom: 60px;
    }
}

@media (max-width:767px) {
    .slider__agency {
        margin-top: 40px;
        margin-bottom: 30px;
    }
}

.stage-development__item-lh {
    line-height: 200%
}

.page-head__description-flutter {
    margin-top: 20px;
}

.benefits {
    margin-top: 150px;
    margin-bottom: 170px;
}

@media (max-width:767px) {
    .benefits {
        margin-top: 60px;
        margin-bottom: 70px;
    }
}

.benefits__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    color: #000;
    margin-bottom: 15px;
}

@media (max-width:767px) {
    .benefits__title {
        font-size: 22px;
    }
}

.benefits__title-bottom {
    margin-top: 30px;
    font-size: 30px;
    font-weight: 600;
}

.benefits__list {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width:767px) {
    .benefits__list {
        font-size: 14px;
    }
}

.benefits__list-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    list-style-type: disc;
    margin-left: 30px;
}

@media (max-width:767px) {
    .benefits__list-item {
        font-size: 14px;
    }
}

.benefits__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #000;
    padding-top: 10px;
}

@media (max-width:767px) {
    .benefits__text {
        font-size: 14px;
    }
}

.usability {
    margin-top: 150px;
    margin-bottom: 100px;
}

@media (max-width:767px) {
    .usability {
        margin-top: 60px;
        margin-bottom: 50px;
    }
}

.usability__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    color: #000;
}

@media (max-width:767px) {
    .usability__title {
        font-size: 22px;
    }
}

.usability__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0 60px;
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (max-width:767px) {
    .usability__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 10px;
        margin-bottom: 10px;
        gap: 30px 0;
    }
}

.usability__wrapper-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 200%;
    color: #000;
    border-left: 1px solid #bababa;
    padding-left: 48px;
    max-width: 427px;
}

@media (max-width:767px) {
    .usability__wrapper-text {
        padding-left: 15px;
        font-size: 14px;
    }
}

.usability__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 200%;
    color: #000;
}

@media (max-width:767px) {
    .usability__text {
        font-size: 14px;
    }
}

.section-subtitle {
    max-width: 732px;
}

.moduls__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width:1199px) {
    .moduls__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.laravel-advantages__wrapper {
    margin-bottom: 30px;
}

.laravel-advantages__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    color: #000;
    margin-bottom: 5px;
}

@media (max-width:767px) {
    .laravel-advantages__title {
        font-size: 23px;
    }
}

.laravel-advantages__text {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #000;
}

@media (max-width:767px) {
    .laravel-advantages__text {
        font-size: 14px;
    }
}

.laravel-advantages {
    margin-top: 140px;
    margin-bottom: 290px;
}

@media (max-width:1199px) {
    .laravel-advantages {
        margin-top: 100px;
        margin-bottom: 100px;
    }
}

@media (max-width:767px) {
    .laravel-advantages {
        margin-top: 50px;
        margin-bottom: 40px;
    }
}

.section-title-mb {
    margin-bottom: 105px;
}

.cms-wordpress-page__head {
    margin-bottom: 150px;
}

.cms-wordpress-page__advance-cms,
.cms-wordpress-page__why-us {
    margin-bottom: 170px;
}

.cms-wordpress-page__example-works {
    margin-bottom: 100px;
}

.cms-wordpress-page__stages-development {
    margin-bottom: 160px;
}

@media (max-width:1024px) {

    .cms-wordpress-page__advance-cms,
    .cms-wordpress-page__example-works,
    .cms-wordpress-page__head,
    .cms-wordpress-page__stages-development,
    .cms-wordpress-page__why-us {
        margin-bottom: 60px;
    }
}

.cms-bitrix-page__head {
    margin-bottom: 150px;
}

.cms-bitrix-page__advance-cms,
.cms-bitrix-page__why-us {
    margin-bottom: 170px;
}

.cms-bitrix-page__example-works {
    margin-bottom: 100px;
}

.cms-bitrix-page__stages-development {
    margin-bottom: 160px;
}

@media (max-width:1200px) {
    .cms-bitrix-page__stages-development .layer-animation {
        right: -10%
    }
}

@media (max-width:1024px) {

    .cms-bitrix-page__advance-cms,
    .cms-bitrix-page__example-works,
    .cms-bitrix-page__head,
    .cms-bitrix-page__stages-development,
    .cms-bitrix-page__why-us {
        margin-bottom: 60px;
    }
}

.stages-pages-support__continue-cooperation,
.stages-pages-support__head {
    margin-bottom: 130px;
}

@media (max-width:1024px) {

    .stages-pages-support__continue-cooperation,
    .stages-pages-support__head {
        margin-bottom: 60px;
    }
}

.stages-pages-functional__example-works,
.stages-pages-functional__stages-development {
    margin-bottom: 120px;
}

@media (max-width:1024px) {

    .stages-pages-functional__example-works,
    .stages-pages-functional__stages-development {
        margin-bottom: 60px;
    }
}

.stages-pages-planning__advance-cms,
.stages-pages-planning__example-works,
.stages-pages-planning__head,
.stages-pages-planning__stages-development {
    margin-bottom: 130px;
}

.stages-pages-planning__ux-accent {
    margin-bottom: 150px;
}

@media (max-width:1024px) {

    .stages-pages-planning__advance-cms,
    .stages-pages-planning__example-works,
    .stages-pages-planning__head,
    .stages-pages-planning__stages-development,
    .stages-pages-planning__ux-accent {
        margin-bottom: 60px;
    }
}

.stages-pages-design__design-example-subtitle {
    margin-bottom: 0;
}

.stages-pages-design__design-example-slider .splide__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.stages-pages-design__design-example-slider .splide__track {
    padding: 130px 0;
}

.stages-pages-design__design-example-slider-img {
    -webkit-box-shadow: 0 15px 70px 60px rgba(145, 145, 145, .25);
    box-shadow: 0 15px 70px 60px rgba(145, 145, 145, .25);
}

.stages-pages-design__design-example-slider .splide__pagination {
    bottom: 60px;
}

.stages-pages-design__design-example,
.stages-pages-design__head,
.stages-pages-design__stages-development {
    margin-bottom: 130px;
}

.stages-pages-design__grid-examples,
.stages-pages-design__main-price {
    margin-bottom: 170px;
}

@media (max-width:1024px) {

    .stages-pages-design__design-example,
    .stages-pages-design__grid-examples,
    .stages-pages-design__head,
    .stages-pages-design__main-price,
    .stages-pages-design__stages-development {
        margin-bottom: 60px;
    }
}

.stages-pages-advance__main-price,
.stages-pages-advance__types-advance {
    margin-bottom: 200px;
}

.stages-pages-advance__advance-with-chart,
.stages-pages-advance__service-morphing-card,
.stages-pages-advance__stages-development,
.stages-pages-advance__terms-advance {
    margin-bottom: 170px;
}

.stages-pages-advance__las-article {
    margin-bottom: 120px;
}

@media (max-width:1024px) {

    .stages-pages-advance__advance-with-chart,
    .stages-pages-advance__las-article,
    .stages-pages-advance__main-price,
    .stages-pages-advance__service-morphing-card,
    .stages-pages-advance__stages-development,
    .stages-pages-advance__terms-advance,
    .stages-pages-advance__types-advance {
        margin-bottom: 60px;
    }
}

.post__wrapper {
    padding-top: 60px;
    z-index: 2;
    background-color: #fff;
    position: relative;
}

.post__main {
    padding-bottom: 60px;
    width: 68.5%
}

.post__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

.post__sidebar {
    position: sticky;
    top: 0;
    width: 27.5%
}

.post__content p {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 1.5em;
}

.post__content p:last-child {
    margin-bottom: 0;
}

.post__content h2 {
    margin-bottom: 1rem;
    font-size: 30px;
    line-height: 1.2;
}

.post__content h3 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: .5em;
}

.post__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
}

.post__tag {
    margin-right: 10px;
}

.post__tag:last-child {
    margin-right: 0;
}

.post__author-bio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px;
}

.post__author-bio-image {
    width: 80px;
    height: 80px;
    border-radius: 100%
}

.post__author-info {
    margin-left: 30px;
    max-width: 70%
}

.post__author-name,
.post__author-name a {
    font-size: 26px;
    line-height: 36px;
    font-weight: 400;
    color: #333;
}

.post__author-name a {
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.post__author-name a:hover {
    color: #3452ff;
}

.post__author-name {
    margin-bottom: 10px;
}

.post__author-position {
    font-size: 14px;
    line-height: 16px;
    color: #333;
    opacity: .7;
}

.post__content figure {
    margin: 0;
    margin-bottom: 15px;
}

.post__content figure figcaption {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #bbb;
    font-style: italic;
    margin-top: 5px;
}

.wp-block-image img {
    max-width: 100%;
    margin-bottom: 15px;
}

@media (max-width:1024px) {
    .post__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .post__main,
    .post__sidebar {
        width: 100%
    }
}

@media (max-width:768px) {
    .post__headline-wrap h3 {
        font-size: 20px;
        line-height: 28px;
    }
}

.anime-underline {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.anime-underline::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 6px;
    height: 28%;
    width: 100%;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    z-index: -1;
    -webkit-transition: opacity .25s ease, -webkit-transform 1.2s cubic-bezier(.15, .75, .4, 1);
    transition: opacity .25s ease, -webkit-transform 1.2s cubic-bezier(.15, .75, .4, 1);
    -o-transition: transform 1.2s cubic-bezier(.15, .75, .4, 1), opacity .25s ease;
    transition: transform 1.2s cubic-bezier(.15, .75, .4, 1), opacity .25s ease;
    transition: transform 1.2s cubic-bezier(.15, .75, .4, 1), opacity .25s ease, -webkit-transform 1.2s cubic-bezier(.15, .75, .4, 1);
    background-color: #9eacff;
}

.animated.anime-underline::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.anim-lines {
    width: 100%;
    height: 10px;
    position: relative;
    background-color: #262626;
}

.anim-lines--dark-blue {
    background-color: #000a2f;
}

.anim-lines__line {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #25d366;
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.anim-lines__line span {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #25d366;
    top: -20px;
}

.anim-lines__line--yellow {
    background-color: #fe9c01;
}

.anim-lines__line--yellow span {
    color: #fe9c01;
}

.anim-lines__line--blue {
    background-color: #3187ed;
}

.anim-lines__line--blue span {
    color: #3187ed;
}

.gradient-text--pink {
    background: -o-linear-gradient(45deg, #464cef 0, #f2145d 100%);
    background: linear-gradient(45deg, #464cef 0, #f2145d 100%);
    color: #3452ff;
}

.gradient-text--green {
    background-color: #13b26f;
}

.gradient-text--red {
    background-color: #ea3757;
}

.gradient-text--purple {
    background-color: #9d5bd1;
}

.gradient-text {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wave {
    position: relative;
}

.wave::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wave--bottom {
    padding-bottom: 300px;
}

.wave--bottom::before {
    bottom: -1px;
    height: 250px;
}

.wave--top {
    margin-top: 300px;
}

.wave--inner-top {
    padding-top: 200px;
}

.wave--mt0 {
    margin-top: 0;
}

.wave--inner-top--without-padding::before,
.wave--inner-top::before {
    height: 180px;
    top: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wave--triangle-gray::before {
    background-image: url(../fonts/wave-triangle-gray.svg);
}

.wave--triangle-dark-blue::before {
    background-image: url(../fonts/wave-triangle-dark-blue.svg);
}

.wave--triangle-light-blue::before {
    background-image: url(../fonts/wave-triangle-light-blue.svg);
}

.wave--top::before {
    top: -249px;
    height: 250px;
}

.wave--blue::before {
    background-image: url(../fonts/wave-form.svg);
}

.wave--white-inner::before {
    background-image: url(../fonts/wave-opacity.svg);
}

.wave--light-opacity-top::before {
    background-image: url(../fonts/wave-opacity-blue.svg);
}

.wave--light-opacity-top-pink::before {
    background-image: url(../fonts/wave-opacity-pink.svg);
}

.wave--light-opacity-top-circle::before {
    background-image: url(../images/wave-opacity-light-transform.png);
    left: -2%;
    width: 103.2%;
    height: 201px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.wave--curve-orange::before {
    background-image: url(../fonts/wave-curve-orange.svg);
}

.wave--curve-white::before {
    background-image: url(../fonts/wave-curve-white.svg);
}

.wave--curve-light-green::before {
    left: -2%;
    width: 102.2%;
    background-image: url(../fonts/wave-curve-light-green.svg);
}

.wave--curve-light-gray::before {
    left: -2%;
    width: 102.2%;
    background-image: url(../fonts/wave-curve-light-gray.svg);
}

.wave--curve-light-blue::before {
    left: -2%;
    width: 102.2%;
    background-image: url(../fonts/wave-curve-light-blue.svg);
}

.wave--light-opacity-top-gold::before {
    left: -2%;
    width: 106.2%;
    height: 207px;
    background-image: url(../images/wave-curve-light.png);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.wave--white-opacity-top::before {
    height: 80px;
    background-image: url(../fonts/wave-opacity-white.svg);
}

@media (max-width:768px) {
    .wave--top {
        margin-top: 200px;
    }

    .wave--top::before {
        height: 150px;
        top: -149px;
    }

    .wave--inner-top {
        padding-top: 140px;
    }

    .wave--inner-top::before {
        height: 120px;
    }

    .wave--bottom {
        padding-bottom: 150px;
    }

    .wave--bottom::before {
        height: 120px;
    }

    .wave--mt0 {
        margin-top: 0;
    }
}

@media (max-width:500px) {
    .wave--top {
        margin-top: 120px;
    }

    .wave--bottom {
        padding-bottom: 80px;
    }

    .wave--bottom::before {
        height: 70px;
    }
}

.color-text--pink {
    color: #f44a83;
}

.clipped {
    position: relative;
}

.clipped::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 115px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.clipped--bottom::before {
    bottom: -1px;
    height: 29px;
}

.clipped--light-blue::before {
    background-image: url(../fonts/clipped-bottom.svg);
}

.clipped--white::before {
    background-image: url(../fonts/clipped-bottom-white.svg);
}

.cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
}

.slider-with-cursor {
    cursor: -webkit-grab;
    cursor: grab;
}

.cursor--slider {
    width: 52px;
    height: 52px;
    left: -26px;
    top: -26px;
    border-radius: 50%;
    z-index: 400;
    background: 0 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    mix-blend-mode: difference;
    will-change: transform;
}

.cursor--slider::before {
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
    border-radius: 50%;
    -webkit-transition: opacity .3s ease, -webkit-transform .45s ease;
    transition: opacity .3s ease, -webkit-transform .45s ease;
    -o-transition: transform .45s ease, opacity .3s ease;
    transition: transform .45s ease, opacity .3s ease;
    transition: transform .45s ease, opacity .3s ease, -webkit-transform .45s ease;
}

.cursor--slider span {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cursor--slider span i {
    position: absolute;
    opacity: 0;
    color: #fff;
    font-size: 16px;
    max-width: 100%;
    text-align: center;
    word-spacing: 1px;
    font-family: FontAwesome;
    font-weight: 400;
    display: inline-block;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    -o-transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    height: 16px;
    width: 9px;
}

.cursor--slider i.fa-angle-right {
    right: -22px;
    top: -9px;
}

.cursor--slider i.fa-angle-left {
    left: -22px;
    top: -9px;
}

.cursor--slider.active {
    opacity: 1;
}

.cursor--slider.active::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.cursor--slider.active i.fa-angle-left,
.cursor--slider.active i.fa-angle-right {
    opacity: 1;
}

.cursor--slider.active.drag::before {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

@media (max-width:1024px) {
    .slider-with-cursor {
        cursor: initial;
    }

    .cursor {
        display: none;
    }
}