@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);

@-webkit-keyframes move-vert {
    0%, 12%, 15%, 16.5%, 64%, 69% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    12.5%, 65% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
}

@keyframes move-vert {
    0%, 12%, 15%, 16.5%, 64%, 69% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
    12.5%, 65% {
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }
}

@-webkit-keyframes niebieski1 {
    0%, to {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@keyframes niebieski1 {
    0%, to {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@-webkit-keyframes r1 {
    0%, to {
        -webkit-transform: rotate(-20deg) translateY(0);
        transform: rotate(-20deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(-20deg) translateY(30px);
        transform: rotate(-20deg) translateY(30px)
    }
}

@keyframes r1 {
    0%, to {
        -webkit-transform: rotate(-20deg) translateY(0);
        transform: rotate(-20deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(-20deg) translateY(30px);
        transform: rotate(-20deg) translateY(30px)
    }
}

@-webkit-keyframes r3 {
    0%, to {
        -webkit-transform: rotate(134deg) translateY(0);
        transform: rotate(134deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(134deg) translateY(-20px);
        transform: rotate(134deg) translateY(-20px)
    }
}

@keyframes r3 {
    0%, to {
        -webkit-transform: rotate(134deg) translateY(0);
        transform: rotate(134deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(134deg) translateY(-20px);
        transform: rotate(134deg) translateY(-20px)
    }
}

@-webkit-keyframes r2 {
    0%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes r2 {
    0%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes r4 {
    0%, to {
        -webkit-transform: rotate(40deg) translateY(0);
        transform: rotate(40deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(40deg) translateY(-20px);
        transform: rotate(40deg) translateY(-20px)
    }
}

@keyframes r4 {
    0%, to {
        -webkit-transform: rotate(40deg) translateY(0);
        transform: rotate(40deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(40deg) translateY(-20px);
        transform: rotate(40deg) translateY(-20px)
    }
}

@-webkit-keyframes r5 {
    0%, to {
        -webkit-transform: rotate(115deg) translateY(0);
        transform: rotate(115deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(115deg) translateY(-20px);
        transform: rotate(115deg) translateY(-20px)
    }
}

@keyframes r5 {
    0%, to {
        -webkit-transform: rotate(115deg) translateY(0);
        transform: rotate(115deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(115deg) translateY(-20px);
        transform: rotate(115deg) translateY(-20px)
    }
}

@-webkit-keyframes r8 {
    0%, to {
        -webkit-transform: rotate(-106deg) translateY(0);
        transform: rotate(-106deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(-106deg) translateY(-20px);
        transform: rotate(-106deg) translateY(-20px)
    }
}

@keyframes r8 {
    0%, to {
        -webkit-transform: rotate(-106deg) translateY(0);
        transform: rotate(-106deg) translateY(0)
    }
    50% {
        -webkit-transform: rotate(-106deg) translateY(-20px);
        transform: rotate(-106deg) translateY(-20px)
    }
}

@-webkit-keyframes r7 {
    0%, to {
        bottom: 14%
    }
    50% {
        bottom: 16%
    }
}

@keyframes r7 {
    0%, to {
        bottom: 14%
    }
    50% {
        bottom: 16%
    }
}

@-webkit-keyframes rotateLR {
    0%, to {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

@keyframes rotateLR {
    0%, to {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

fieldset, img {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a img, fieldset, img {
    border: 0
}

input[type=email], input[type=tel], input[type=text], textarea {
    -webkit-appearance: none
}

button, input[type=submit] {
    cursor: pointer
}

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

textarea {
    overflow: auto
}

button, input {
    margin: 0;
    padding: 0;
    border: 0
}

.slick-list:focus, a, a:focus, button, div, h1, h2, h3, h4, h5, h6, input, select, span, textarea {
    outline: 0
}

ol, ul {
    list-style-type: none
}

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

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

@font-face {
    font-family: second;
    src: url(../fonts/Verveine-Regular.woff2) format("woff2"), url(../fonts/Verveine-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

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

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

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

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

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

.slick-track {
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: second;
    src: url(../fonts/Verveine-Regular.woff2) format("woff2"), url(../fonts/Verveine-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.loader {
    background-color: #1b1b1b;
    position: fixed;
    z-index: 200;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loader, .loader .countLoad, .loader__inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loader__inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.loader .countLoad {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #1e90ff
}

.loader #js-count::after {
    content: '%'
}

.loader__anim {
    position: relative;
    width: 350px;
    margin-top: 30px
}

.loader__anim-img {
    position: absolute;
    max-width: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    max-height: initial
}

.loader__anim-wrap {
    overflow: hidden;
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%
}

.loader__logo {
    max-width: 165px;
    height: 68px;
    margin-top: 20px
}

body {
    color: #fff;
    background-color: #393939;
    font-size: 23px;
    line-height: 1.4;
    font-family: "Roboto", sans-serif
}

img {
    max-width: 100%
}

a {
    text-decoration: none
}

.main {
    position: relative
}

.wrapper {
    background-size: 200% 100vh;
    background-position: 50% 0;
    background-attachment: fixed
}

.icon {
    display: inline-block
}

.fontV {
    font-family: second, roboto, arial, sans-serif
}

.btn-icon, .btn-icons, .btn-text-icon {
    display: block;
    position: absolute;
    background-color: transparent;
    border: 0
}

.btn-icon img, .btn-icons img, .btn-text-icon img {
    width: 50px;
    display: inline-block
}

.btn-text-icon .bottom-icon, .scroll-icon span {
    display: inline-block;
    vertical-align: middle
}

.btn-text-icon .left-text, .btn-text-icon .right-text {
    display: inline-block;
    padding-top: 9px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 10px;
    margin-left: 15px
}

.rocket {
    position: absolute;
    width: 125px
}

.scroll-icon {
    display: block;
    margin: auto;
    max-width: 200px;
    top: calc(50% - 35px);
    right: 30px;
    position: absolute
}

.scroll-icon span {
    color: #fff;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.scroll-icon span:first-child {
    width: 70px;
    height: 70px
}

.scroll-icon span:first-child > svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.scroll-icon span:last-child {
    margin-left: 14px;
    font-size: 32px
}

.text-center {
    text-align: center
}

.btn-under.cloned {
    opacity: 0
}

.prev-page-under-6 {
    left: 30px;
    bottom: 18%
}

.prev-page-under-6 .bottom-icon img {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.prev-page-under-7 {
    left: 30px;
    bottom: calc(50vh - (.39 * 100vw) / 2.1);
    text-align: left;
    z-index: 6
}

.prev-page-under-7 .top-icon img {
    width: 120px
}

.prev-page-under-7 .bottom-icon img {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.prev-page-under-8 {
    z-index: 6;
    bottom: 7%;
    left: 30px;
    text-align: left
}

.prev-page-under-8 .bottom-icon {
    margin-bottom: 10px
}

.prev-page-under-8 .bottom-icon img {
    -webkit-transform: rotate(-101deg);
    -ms-transform: rotate(-101deg);
    transform: rotate(-101deg)
}

.prev-page-under-8 .top-icon {
    margin-left: -10px
}

.prev-page-under-8 .top-icon img {
    width: 120px
}

.prev-page-under-8 .left-text {
    display: inline-block;
    padding-top: 9px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 10px;
    margin-left: 15px;
    font-family: second, roboto, arial, sans-serif
}

.prev-page-under-8 .bottom-icon {
    display: inline-block;
    vertical-align: middle
}

.hidden {
    display: none !important
}

.p10 {
    display: none
}

.call-menu {
    width: 43px;
    height: 33px;
    position: fixed;
    top: 25px;
    left: 20px;
    z-index: 101;
    background: 0 0;
    border: 0
}

.call-menu span {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.call-menu i, .call-menu span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fff
}

.call-menu i:first-child {
    top: -15px
}

.call-menu i:last-child {
    bottom: -15px
}

.tablet-top-logo {
    width: 185px;
    height: 34px;
    position: fixed;
    top: 20px;
    left: 120px;
    z-index: 99;
    display: none
}

.tablet-top-logo img {
    max-width: 100%
}

.menu-active .call-menu span {
    background-color: transparent
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    position: fixed;
    z-index: 100;
    left: 0
}

.navigaton__logo {
    margin-bottom: 65px;
    padding-right: 30px;
    max-width: 100%;
    text-align: center
}

.navigaton__logo img {
    display: inline-block;
    max-width: 165px;
    height: 68px
}

.menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.menu__item, .menu__link {
    position: relative
}

.menu__item .icon-wrap {
    width: 37px;
    height: 37px;
    text-align: center;
    position: relative;
    margin-right: 18px
}

.menu__item .icon-wrap svg {
    display: inline-block;
    max-width: 100%;
    max-height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.menu__item .icon-white {
    fill: #fff;
    -webkit-transition: fill .3s ease;
    -o-transition: fill .3s ease;
    transition: fill .3s ease
}

.menu__item::after {
    content: none
}

.menu__link {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    width: calc(100% - 40px);
    padding-bottom: 13px;
    padding-top: 5px;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.menu__link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ef436e;
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    transform: translateX(-101%)
}

.bottom-name {
    margin-top: auto;
    text-align: center;
    padding-right: 30px
}

.icon-wrap.icon-menu-1 > svg {
    width: 26px;
    height: 25px
}

.icon-wrap.icon-menu-2 > svg {
    width: 28px;
    height: 26px
}

.icon-wrap.icon-menu-3 > svg, .icon-wrap.icon-menu-4 > svg {
    width: 39px;
    height: 33px
}

.icon-wrap.icon-menu-5 > svg {
    width: 38px;
    height: 25px
}

.icon-wrap.icon-menu-6 > svg {
    width: 36px;
    height: 34px
}

.screen {
    display: block;
    width: 100%;
    min-height: 100vh;
    text-align: center;
    position: relative;
    overflow: hidden
}

.screen .inner {
    position: relative;
    height: 100%
}

.first-screen {
    padding-top: 75px
}

.first-screen .next-page {
    width: 150px;
    height: 100px;
    top: -21px;
    right: 0
}

.first-screen .next-page .top-icon img {
    width: 122px
}

.first-screen .next-page .bottom-icon img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.first-screen .scroll-icon {
    position: relative;
    z-index: 10;
    top: auto;
    right: auto
}

.first-title, .logo-wrapper {
    display: block;
    text-align: center;
    margin-bottom: 45px
}

.logo-wrapper img {
    width: 180px;
    display: inline-block
}

.first-title {
    line-height: 1;
    font-size: 62px;
    color: #fff;
    margin-bottom: 30px
}

.first-title .inner {
    max-width: 10em;
    display: inline-block
}

.letter {
    display: inline-block;
    min-width: .3em
}

.floor {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5
}

.lapa-nieb {
    position: absolute;
    left: 20%;
    bottom: 16px;
    z-index: 10
}

.lapa-nieb__arm, .lapa-nieb__ear, .lapa-nieb__ear-static {
    width: 9%;
    position: absolute;
    top: -2%;
    height: auto !important
}

.lapa-nieb__ear {
    right: 25%;
    -webkit-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    transform-origin: 50% bottom;
    -webkit-animation: niebieski1 2s linear infinite;
    animation: niebieski1 2s linear infinite;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg)
}

.lapa-nieb__arm, .lapa-nieb__ear-static {
    left: 20%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: -1
}

.lapa-nieb__arm {
    left: 2px;
    width: 16%;
    top: 5%;
    -webkit-transform-origin: 70% bottom;
    -ms-transform-origin: 70% bottom;
    transform-origin: 70% bottom;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-animation: niebieski1 2.5s linear infinite .2s;
    animation: niebieski1 2.5s linear infinite .2s
}

.lapa-nieb img {
    height: 400px;
    height: calc(200px + (400 - 200) * ((100vw - 767px) / (1500 - 767)))
}

.lapa-roma {
    position: absolute;
    bottom: 16px;
    z-index: 10
}

.lapa-roma__arm, .lapa-roma__ear {
    position: absolute;
    height: auto !important
}

.lapa-roma__ear {
    right: 32%;
    top: -3%;
    width: 10%;
    -webkit-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    transform-origin: 50% bottom;
    -webkit-animation: niebieski1 2s linear infinite;
    animation: niebieski1 2s linear infinite
}

.lapa-roma__arm {
    top: 25%;
    left: 6px;
    width: 18%;
    -webkit-transform-origin: 90% bottom;
    -ms-transform-origin: 90% bottom;
    transform-origin: 90% bottom;
    -webkit-animation: niebieski1 3s linear infinite .2s;
    animation: niebieski1 3s linear infinite .2s
}

.lapa-roma img {
    height: 420px;
    height: calc(200px + (420 - 200) * ((100vw - 767px) / (1500 - 767)))
}

.main-line {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 6;
    bottom: 45%
}

#main-line {
    width: 100vw
}

.second-screen {
    padding-top: 9vh
}

.second-screen .subtitle {
    font-size: 34px;
    display: block;
    text-align: center;
    margin-top: -15px
}

.second-screen .scroll-icon {
    z-index: 3
}

.second-screen .lapa-nieb2 {
    position: absolute;
    bottom: -125px;
    right: 0%;
    width: 470px;
    opacity: 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.second-screen .lapa-nieb2__c {
    margin-left: -40px
}

.second-screen .lapa-nieb2__c, .second-screen .lapa-nieb2__i2 {
    height: 50px;
    -webkit-animation: r2 1.5s linear infinite;
    animation: r2 1.5s linear infinite
}

.second-screen .lapa-nieb2__i1 {
    height: 40px;
    margin: 0 10px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-animation: r2 1.5s linear infinite .7s;
    animation: r2 1.5s linear infinite .7s
}

.second-screen .lapa-nieb2__main {
    width: 66%
}

.second-screen .next-bottom-page {
    position: absolute;
    bottom: 6%;
    right: 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.second-screen .next-bottom-page .bottom-icon {
    width: 50px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 11px
}

.second-screen .prev-page {
    bottom: 43%;
    left: 41%
}

.second-screen .bottom-icon {
    width: 50px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.second-screen .rocket {
    left: 10px;
    bottom: 13%
}

.second-top-inner {
    display: block;
    width: 100%;
    text-align: center
}

.title-second {
    width: 310px;
    height: 85px;
    display: inline-block
}

.third-text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.second-top-left {
    position: relative;
    margin-left: 2%;
    margin-top: -52px;
    width: 510px;
    height: 378px;
    text-align: left
}

.second-middle-right {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    margin-left: 10%;
    text-align: left;
    padding-top: 70px;
    padding-right: 100px
}

.second-middle-right .custom-title {
    margin-bottom: 25px;
    font-size: 33px
}

.second-line {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 19%
}

.second-line .second-line-mob {
    display: none
}

.second-line > svg {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.custom-title {
    font-size: 44px;
    font-weight: 900;
    line-height: 1.1
}

.custom-text {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 1em
}

.custom-list {
    font-size: 24px;
    font-family: second, roboto, arial, sans-serif;
    color: #87bcd9;
    line-height: 1.3
}

.big-text {
    font-size: 125%
}

.big-text.red {
    color: #ef436e
}

.big-text.blue {
    color: #acdfea
}

.mt20 {
    margin-top: 20px
}

.third-screen .prev-page {
    left: 51.5%;
    top: 10px
}

.third-screen .prev-page .left-icon, .third-screen .prev-page .right-icon {
    display: inline-block;
    vertical-align: middle
}

.third-screen .prev-page .right-icon img {
    width: 81px;
    margin-left: 14px
}

.third-screen .next-page {
    bottom: 14px;
    left: 51%;
    display: inline-block
}

.third-screen .next-page .left-text {
    padding-top: 9px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 10px;
    margin-left: 15px
}

.third-screen .next-page .bottom-icon, .third-screen .next-page .left-text {
    display: inline-block;
    vertical-align: middle
}

.third-screen .next-page img {
    -webkit-transform: rotate(155deg);
    -ms-transform: rotate(155deg);
    transform: rotate(155deg)
}

.bg-third {
    padding-left: 15px;
    position: relative;
    height: 100%
}

.third-line {
    position: absolute;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.third-line-mob {
    pointer-events: none;
    display: none
}

.point {
    display: block;
    position: absolute
}

.mob-point {
    display: none
}

.mob-point.event-point {
    min-width: 405px;
    min-width: calc(210px + (405 - 210) * ((100vw - 320px) / (768 - 320)));
    margin-left: -20px
}

.mob-point.csr-point {
    max-width: 30%;
    -webkit-transform: scale(1.6) rotate(30deg);
    -ms-transform: scale(1.6) rotate(30deg);
    transform: scale(1.6) rotate(30deg)
}

.mob-point.digital-point {
    max-width: 30%;
    -webkit-transform: scale(1.6) rotate(-30deg);
    -ms-transform: scale(1.6) rotate(-30deg);
    transform: scale(1.6) rotate(-30deg)
}

.mob-point.pr-point {
    width: 292px;
    margin-right: 10%
}

.mob-point.strategia-point {
    width: 31%;
    max-width: 203px;
    -webkit-transform: rotate(-12deg) scale(1.6);
    -ms-transform: rotate(-12deg) scale(1.6);
    transform: rotate(-12deg) scale(1.6);
    top: -45px;
    position: relative;
    left: 20px;
    left: calc(0px + (20 - 0) * ((100vw - 600px) / (768 - 600)))
}

.mob-point.uslugi-point {
    -webkit-transform: rotate(-12deg) scale(1.5);
    -ms-transform: rotate(-12deg) scale(1.5);
    transform: rotate(-12deg) scale(1.5);
    position: relative;
    right: 0;
    top: 30px
}

.mob-point.custom-point {
    -webkit-transform: scale(1.5) rotate(-29deg);
    -ms-transform: scale(1.5) rotate(-29deg);
    transform: scale(1.5) rotate(-29deg);
    margin-left: -5%;
    margin-right: 12%
}

.mob-point.zintegrowany-point {
    position: relative;
    right: -10%
}

.mob-point.social-point {
    position: relative;
    top: -24px;
    right: 21%
}

.hidden-way, .third-center-text {
    position: absolute;
    left: 0;
    width: 100%
}

.third-center-text {
    font-size: 60px;
    font-size: calc(40px + (60 - 40) * ((100vw - 1024px) / (1980 - 1024)));
    font-weight: 700;
    margin-left: auto;
    display: block;
    top: 44%
}

.third-center-text .text-to-bottom {
    display: none
}

.third-center-text .text-to-top {
    font-size: 75px;
    font-family: second, roboto, arial, sans-serif;
    text-transform: uppercase
}

#rocket {
    left: 0;
    bottom: 20%;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-animation: r1 2s linear infinite;
    animation: r1 2s linear infinite;
    z-index: 10
}

#rocket3 {
    left: 40%;
    top: 20%;
    -webkit-transform: rotate(134deg);
    -ms-transform: rotate(134deg);
    transform: rotate(134deg);
    -webkit-animation: r3 2s linear infinite;
    animation: r3 2s linear infinite
}

#rocket2 {
    left: 105px;
    bottom: 30%
}

#rocket2, #rocket6 {
    -webkit-animation: r2 2s linear infinite;
    animation: r2 2s linear infinite
}

#rocket-free-portfolio, #rocket4 {
    -webkit-animation: r4 2s linear infinite;
    animation: r4 2s linear infinite
}

#rocket5, #rocket8 {
    -webkit-animation: r5 2s linear infinite;
    animation: r5 2s linear infinite;
    z-index: 10
}

#rocket8 {
    -webkit-animation: r8 2s linear infinite;
    animation: r8 2s linear infinite
}

#rocket7 {
    -webkit-animation: r7 2s linear infinite;
    animation: r7 2s linear infinite
}

.nine-screen .section-text {
    z-index: 10
}

.hidden-way {
    top: 0;
    height: 100%;
    z-index: -1;
    opacity: 0
}

.four-screen .section-title {
    width: 380px;
    height: auto;
    position: absolute;
    top: -174px;
    left: 69px
}

.four-screen .prev-page {
    top: 14px;
    left: 48%
}

.four-screen .next-page {
    left: 55%;
    bottom: 15px
}

.four-screen .next-page .bottom-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.four-screen .lapa-nieb4 {
    pointer-events: none;
    position: absolute
}

.four-screen .lapa-nieb4 .to-top-img {
    width: 80%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    -webkit-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    transform-origin: 50% bottom;
    -webkit-animation: rotateLR 2s linear infinite;
    animation: rotateLR 2s linear infinite
}

.five-screen .lapa-nieb5 img, .four-screen .lapa-nieb4 img {
    width: 100%
}

.four-screen .lapa-nieb4 .to-bottom-img {
    display: none
}

.four-screen .text {
    width: 320px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    padding-bottom: 45px;
    color: #000;
    font-size: 21px
}

.four-screen .text .text-inner {
    height: 310px;
    padding: 25px 23px 35px
}

.four-screen .text-1 {
    left: 10%
}

.four-screen .text-1 .text-inner {
    display: table-cell;
    vertical-align: middle;
    background-color: #f2bf25
}

.four-screen .text-2 {
    right: 10%
}

.four-screen .text-2 .text-inner {
    background-color: #a6dce3
}

.four-screen .red {
    color: #ef436e;
    font-family: second, roboto, arial, sans-serif;
    font-size: 26px
}

.four-screen .underline {
    text-decoration: underline
}

.four-screen .rocket {
    top: 150px;
    left: 45%;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

#four-line, .four-screen .left-right-line, .four-screen .scroll-icon {
    display: none
}

#four-line {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.five-screen {
    display: block
}

.five-screen .section-title {
    width: 450px;
    position: absolute;
    top: -197px;
    left: 60px
}

.five-screen .subtitle {
    text-transform: uppercase;
    font-size: 28px;
    padding-top: 22px;
    padding-bottom: 10px
}

.five-screen .subtext {
    font-size: 20px;
    line-height: 1.8
}

.five-screen .lapa-nieb5 {
    width: 85%;
    position: absolute;
    bottom: -164px;
    left: 8%;
    pointer-events: none
}

.five-screen .lapa-nieb5__main-img {
    width: 30% !important;
    z-index: 2;
    position: relative
}

.five-screen .lapa-nieb5__img-1, .five-screen .lapa-nieb5__img-2, .five-screen .lapa-nieb5__img-3 {
    width: 30% !important;
    position: absolute;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.five-screen .lapa-nieb5__img-3 {
    right: 12%;
    top: 21%;
    -webkit-animation: rotateLR 3s linear infinite;
    animation: rotateLR 3s linear infinite;
    -webkit-transform-origin: left 100%;
    -ms-transform-origin: left 100%;
    transform-origin: left 100%;
    z-index: 3
}

.five-screen .lapa-nieb5__img-2 {
    right: 21%;
    top: -26%;
    -webkit-animation: rotateLR 3s linear infinite .4s;
    animation: rotateLR 3s linear infinite .4s;
    -webkit-transform-origin: 20% bottom;
    -ms-transform-origin: 20% bottom;
    transform-origin: 20% bottom;
    z-index: 3
}

.five-screen .lapa-nieb5__img-1 {
    left: 15%;
    top: -13%;
    -webkit-animation: rotateLR 2.5s linear infinite .2s;
    animation: rotateLR 2.5s linear infinite .2s;
    -webkit-transform-origin: 80% bottom;
    -ms-transform-origin: 80% bottom;
    transform-origin: 80% bottom;
    z-index: 1
}

.five-screen .text {
    position: absolute;
    bottom: 20px;
    left: 30px;
    font-size: 30px;
    max-width: 235px
}

.five-screen .red {
    color: #ef436e
}

.five-screen .rocket {
    top: 24%;
    right: 21%;
    -webkit-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    transform: rotate(115deg)
}

.five-screen .prev-page {
    right: 22%;
    top: 20px
}

.five-screen .next-page {
    right: 10px;
    bottom: auto;
    top: 570px;
    top: calc(400px + (570 - 400) * ((100vw - 1280px) / (1920 - 1280)))
}

.five-screen .next-page .top-icon {
    text-align: right;
    margin-bottom: 10px;
    padding-right: 10px
}

.five-screen .next-page .top-icon img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.five-screen .next-page .bottom-icon img, .six-screen .next-page .top-icon img {
    width: 120px
}

.five-screen .mob-img-1 {
    display: block;
    width: 122%;
    position: relative;
    right: -10%;
    max-width: none;
    margin-top: 27px
}

.five-screen .mob-img-3 {
    display: block;
    width: 120%;
    max-width: none;
    margin-left: -10%;
    margin-top: -40px
}

.secton-text-block {
    position: absolute;
    top: 0;
    left: 10%;
    padding-top: 240px;
    max-width: 550px
}

#five-line {
    position: absolute;
    height: 76%;
    max-height: 600px;
    max-height: calc(430px + (600 - 430) * ((100vw - 1280px) / (1920 - 1280)));
    right: 0;
    pointer-events: none
}

.five-line-small {
    display: block;
    position: absolute;
    bottom: -10%;
    width: calc(100% + 260px);
    right: 0
}

.six-screen .six-line {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100vw
}

.six-screen .six-line-mob {
    display: none
}

.six-screen .section-text-block {
    max-width: 980px;
    margin: auto;
    padding-top: 9vh
}

.six-screen .section-title {
    display: block;
    text-align: center
}

.six-screen .section-title img {
    width: 40vh;
    max-width: 360px;
    display: inline-block
}

.six-screen .subtitle {
    font-size: 48px;
    color: #ef436e;
    margin-bottom: 20px
}

.six-screen .subtext {
    text-align: center;
    line-height: 1.9;
    font-size: 24px;
    font-size: calc(18px + (24 - 18) * ((100vw - 1280px) / (1980 - 1280)))
}

.six-screen .rocket6 {
    width: 125px;
    position: absolute;
    bottom: 13%;
    left: 101px
}

.six-screen .next-page {
    right: 12px;
    bottom: 12%
}

.seven-screen .next-page2 .bottom-icon img, .six-screen .next-page .bottom-icon img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.six-screen .text {
    font-size: 40px;
    font-size: calc(30px + (40 - 30) * ((100vw - 1030px) / (1300 - 1030)));
    position: absolute;
    text-align: center;
    width: 102%;
    left: -1%;
    bottom: 0;
    z-index: 10;
    padding: 20px;
    -webkit-box-shadow: inset -15px -43px 80px #000;
    box-shadow: inset -15px -43px 80px #000
}

.section-img-team {
    width: 100%;
    height: 480px;
    height: calc(325px + (480 - 325) * ((100vw - 1024px) / (1980 - 1024)));
    position: absolute;
    bottom: 0;
    left: 0
}

.team-member, .team-member img {
    position: absolute
}

.team-member::after {
    content: '';
    display: block;
    width: 75%;
    padding-bottom: 100%;
    background-image: url(../img/stun.png);
    background-repeat: no-repeat;
    z-index: 2;
    -webkit-transform: rotate(-33deg);
    -ms-transform: rotate(-33deg);
    transform: rotate(-33deg)
}

.team-member .is-active {
    z-index: -1;
    margin-left: 9%;
    top: -1%
}

.team-member.memb-2 .is-active {
    margin-left: 1%;
    top: 1%
}

.team-member.memb-3 .is-active {
    margin-left: 5%;
    top: 5%
}

.team-member.memb-4 .is-active {
    margin-left: 5%;
    top: -4%
}

.team-member.memb-5 .is-active {
    margin-left: 1%;
    top: -2%
}

.team-member.memb-6 .is-active {
    margin-left: 10%;
    top: -3%
}

.team-member.memb-8 .is-active {
    margin-left: -5%;
    top: 0
}

.team-member .hover-block, .team-member .is-active, .team-member::after {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.team-member img {
    top: 0%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 200%;
    max-width: none;
    pointer-events: none
}

.team-member a:not(.hover-block), .team-member img:not(.is-active) {
    z-index: 1;
    position: relative
}

.team-member:hover .hover-block, .team-member:hover .is-active, .team-member:hover::after {
    opacity: 1
}

.hover-block {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #f2bf25;
    color: #000;
    width: 260px;
    width: calc(180px + (260 - 180) * ((100vw - 1024px) / (1500 - 1024)));
    font-size: 26px;
    font-size: calc(22px + (26 - 22) * ((100vw - 1024px) / (1500 - 1024)));
    font-weight: 700;
    padding: 36px 15px 20px;
    padding-top: calc(15px + (36 - 15) * ((100vw - 1024px) / (1800 - 1024)));
    z-index: 3
}

.hover-block .red {
    color: #ef436e;
    font-size: 23px;
    font-size: calc(18px + (23 - 18) * ((100vw - 1024px) / (1500 - 1024)))
}

.team-z-1 {
    z-index: 1
}

.team-z-2 {
    z-index: 2
}

.team-z-3 {
    z-index: 3
}

.team-z-4 {
    z-index: 4
}

.memb-1 {
    top: 0;
    left: 0;
    width: 12.5%
}

.memb-1 img {
    width: 327%;
    left: 87%
}

.memb-1 .hover-block {
    left: 67%;
    top: 48%
}

.memb-1::after {
    top: 18%;
    left: -16%;
    z-index: 2;
    width: 64%
}

.memb-2, .memb-3 {
    top: -2%;
    left: 12.5%;
    width: 12.5%
}

.memb-2 img {
    width: 233%
}

.memb-2 .hover-block {
    left: 50%;
    top: 47%
}

.memb-2::after {
    top: 19%;
    left: -22%;
    width: 65%
}

.memb-3 {
    left: 25%
}

.memb-3 img {
    top: -16px;
    left: 34%;
    width: 257%
}

.memb-3 img.is-active {
    top: -18px
}

.memb-3 .hover-block {
    left: 30%;
    top: 47%
}

.memb-3::after {
    top: 22%;
    left: -37%;
    width: 65%
}

.memb-4 {
    top: 0;
    width: 10.5%;
    left: 37.5%
}

.memb-4 img {
    width: 377%;
    top: -76px
}

.memb-4 .hover-block {
    left: 39%;
    top: 45%
}

.memb-4::after {
    top: 17%;
    left: -61%
}

.memb-5, .memb-6, .memb-7 {
    top: 0;
    width: 10.5%;
    left: 47%
}

.memb-5 img {
    width: 279%;
    left: 28%
}

.memb-5 .hover-block {
    left: 30%;
    top: 45%
}

.memb-5::after {
    top: 20%;
    left: -80%
}

.memb-6, .memb-7 {
    left: 57.5%
}

.memb-6 img {
    width: 405%;
    left: 47%;
    top: -34px
}

.memb-6 .hover-block {
    left: 26%;
    top: 42%
}

.memb-6::after {
    top: 15%;
    left: -66%
}

.memb-7 {
    left: 65.5%
}

.memb-7 .hover-block {
    left: 51%;
    top: 50%
}

.memb-7 img {
    width: 304%;
    left: 51%;
    top: -6px
}

.memb-7::after {
    top: 23%;
    left: -49%
}

.memb-8 {
    top: 0;
    width: 12.5%;
    left: 76%
}

.memb-8 img {
    width: 250%;
    top: -60px;
    left: 33%
}

.memb-8 .hover-block {
    left: 68%;
    top: 44%
}

.memb-8::after {
    top: 18%;
    left: -28%;
    width: 65%
}

.team-mobile {
    display: none
}

.team-mobile__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
    max-width: 33.3333%;
    position: relative
}

.team-mobile__item .member-photo {
    height: 100%;
    display: block;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover
}

.team-mobile__item .member-name {
    position: absolute;
    display: block;
    width: 180px;
    padding: 7px 0 18px;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    font-size: 23px;
    line-height: 1.22;
    font-weight: 600;
    background-image: url(../img/txt-card-yellow-box-ipad.png);
    background-repeat: no-repeat;
    background-size: 120%;
    background-position: 29% 50%;
    color: #1d1d20;
    text-decoration: none;
    z-index: 2
}

.seven-screen .section-title {
    max-width: 650px;
    color: #81c7c0
}

.seven-screen .next-page:not(.next-page2) {
    z-index: 6;
    bottom: 8%;
    right: 50%
}

.seven-screen .next-page:not(.next-page2) .left-text {
    font-family: second, roboto, arial, sans-serif;
    font-size: 22px;
    font-weight: 500
}

.seven-screen .next-page:not(.next-page2) .bottom-icon {
    margin-left: 10px
}

.seven-screen .next-page:not(.next-page2) .bottom-icon img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.seven-screen .next-page2 {
    z-index: 6;
    bottom: calc(50vh - (.39 * 100vw) / 2.1);
    right: 30px
}

.seven-screen .next-page2 .left-text {
    font-family: second, roboto, arial, sans-serif;
    font-size: 22px;
    font-weight: 500
}

.seven-screen .next-page2 .bottom-icon {
    margin-left: 10px
}

.seven-screen .rocket {
    left: 15%;
    bottom: 14%;
    z-index: 10;
    width: 188px;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.inner-portfolio-link {
    display: none
}

h2.inner-portfolio-title {
    display: block;
    margin: 0 auto 40px 10%;
    text-align: left;
    font-family: second, roboto, arial, sans-serif;
    color: #fff;
    font-size: 75px
}

.portfolio-small-list ul {
    max-width: 550px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.portfolio-small-list li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
    max-width: 33.3333%;
    padding: 0 8px 30px
}

.portfolio-small-list .portfolio-small-item-name {
    pointer-events: none
}

.portfolio-small-list .item-inner {
    width: 100%;
    height: 100%;
    position: relative
}

.portfolio-small-list .portfolio-small-item-name {
    position: absolute;
    display: block;
    width: 125px;
    padding: 14px 0 18px;
    text-align: center;
    font-size: 16px;
    line-height: 1.22;
    font-weight: 600;
    background-image: url(../img/txt-card-yellow-box-ipad.png);
    background-repeat: no-repeat;
    background-size: 120%;
    background-position: 29% 50%;
    color: #1d1d20;
    text-decoration: none;
    z-index: 2
}

.portfolio-small-list li:nth-child(1) .portfolio-small-item-name, .portfolio-small-list li:nth-child(4) .portfolio-small-item-name, .portfolio-small-list li:nth-child(5) .portfolio-small-item-name {
    top: -10px;
    left: 15%;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg)
}

.portfolio-small-list li:nth-child(2) .portfolio-small-item-name, .portfolio-small-list li:nth-child(3) .portfolio-small-item-name, .portfolio-small-list li:nth-child(6) .portfolio-small-item-name, .portfolio-small-list li:nth-child(7) .portfolio-small-item-name {
    top: -10px;
    right: 0;
    -webkit-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg)
}

.ipl-line {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.lapa-nieb-7_2 {
    position: absolute;
    bottom: -115px;
    width: 470px;
    right: -50px
}

.lapa-nieb-7_2__ruka {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 27%;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: 100% bottom;
    -ms-transform-origin: 100% bottom;
    transform-origin: 100% bottom;
    -webkit-animation: niebieski1 1.5s linear infinite;
    animation: niebieski1 1.5s linear infinite
}

.lapa-nieb-7_2__main {
    width: 70%;
    position: relative;
    z-index: 2
}

#seven-line, .lapa-nieb7 {
    position: absolute;
    pointer-events: none
}

#seven-line {
    bottom: calc(50% - (100vw * .39) / 2);
    left: 0;
    z-index: 6;
    width: 100%
}

.seven-line-mob {
    display: none
}

.lapa-nieb7 {
    top: 55%;
    right: -7%;
    width: 300px
}

.lapa-nieb7__ogon {
    position: absolute;
    top: 54%;
    width: 25% !important;
    left: 27%;
    -webkit-transform-origin: 90% 10%;
    -ms-transform-origin: 90% 10%;
    transform-origin: 90% 10%;
    -webkit-animation: niebieski1 2s linear infinite;
    animation: niebieski1 2s linear infinite
}

.lapa-nieb7 img {
    width: 100%
}

.eight-screen .slide-next {
    z-index: 20
}

.last-line-mob, .nine-screen .mob-text {
    display: none
}

.nine-screen .section-text {
    max-width: 500px
}

.nine-screen .section-text h2 {
    font-size: 62px;
    font-size: calc(40px + (62 - 40) * ((100vw - 1023px) / (1980 - 1023)))
}

.nine-screen .section-text .subtitle {
    font-size: 27px;
    font-size: calc(17px + (27 - 17) * ((100vw - 1023px) / (1980 - 1023)));
    margin-bottom: 10px
}

.nine-screen .section-text .subtitle a {
    color: #fff
}

.nine-screen .section-text .subtitle a:hover {
    cursor: pointer;
    text-decoration: underline
}

.nine-screen .section-text .undertitle {
    font-size: 22px;
    font-size: calc(17px + (22 - 17) * ((100vw - 1023px) / (1980 - 1023)))
}

.nine-screen .rocket {
    width: 218px;
    left: 30%;
    bottom: 58%;
    -webkit-transform: rotate(-106deg);
    -ms-transform: rotate(-106deg);
    transform: rotate(-106deg)
}

.nine-screen .last-line {
    width: 86%;
    bottom: 10%;
    left: 0;
    position: absolute;
    pointer-events: none
}

.section-free {
    position: relative
}

.section-free .prev-page {
    z-index: 10;
    top: 40px;
    left: 30px;
    text-align: left
}

.section-free .prev-page .left-icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.section-free .prev-page .right-icon {
    width: 120px;
    margin-left: 15px
}

.portfolio-element {
    top: 9%;
    height: 70%;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.close-section-free {
    z-index: 10;
    top: 20px;
    right: 40px
}

.close-section-free img {
    width: 62px;
    height: 62px
}

.team-member-name {
    position: absolute;
    top: -141px;
    left: calc(50% - 250px);
    padding-top: 248px;
    text-align: center;
    width: 609px;
    z-index: 5;
    background-image: url(../img/hands-card.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 410px
}

.team-member-name .name {
    font-size: 51px;
    font-weight: 700;
    color: #000
}

.top-member-mob {
    display: none
}

.team-member-img-full {
    bottom: -20px;
    z-index: 6;
    max-height: 80%
}

.team-member-img-full.left {
    left: 0
}

.team-member-img-full.right {
    right: 15%
}

.team-member-img-small {
    width: 650px;
    height: 450px;
    z-index: 6;
    top: 16%
}

.team-member-img-small.left {
    left: 20px
}

.team-member-img-small.right {
    right: 20px
}

.team-member-text {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    top: 68%;
    left: 50%;
    max-width: 40%
}

.team-member-title {
    font-size: 36px;
    font-family: second, roboto, arial, sans-serif;
    color: #ef436e;
    margin-bottom: .5em;
    text-transform: uppercase;
    line-height: 1.2
}

.people {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.people .top-member-mob {
    top: 16vh;
    width: 100%;
    z-index: 15
}

.people .top-member-mob .member-prev, .people .top-member-mob .member-pseudo-prev {
    margin-left: 10px
}

.people .top-member-mob .member-next, .people .top-member-mob .member-pseudo-next {
    margin-right: 10px
}

.people-2 .team-member-img-small.right {
    right: 11%;
    width: 400px;
    top: 5%;
    z-index: 0
}

.people-2 .team-member-img-full {
    left: 7%
}

.people-4 .team-member-img-small.right {
    position: absolute;
    top: 0;
    z-index: 0
}

.people-4 .team-member-img-full.left {
    margin-top: 122px
}

.people-6 .team-member-img-full {
    width: 100%
}

.start-slider-people.people-slider-wrapper, .start-slider-works.portfolio-slider-wrapper {
    width: 800vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    z-index: 99
}

.start-slider-people.people-slider-wrapper .people {
    width: 100vw
}

.start-slider-people.people-slider-wrapper [data-member="1"] {
    left: 0
}

.start-slider-people.people-slider-wrapper [data-member="2"] {
    left: 100vw
}

.start-slider-people.people-slider-wrapper [data-member="3"] {
    left: 200vw
}

.start-slider-people.people-slider-wrapper [data-member="4"] {
    left: 300vw
}

.start-slider-people.people-slider-wrapper [data-member="5"] {
    left: 400vw
}

.start-slider-people.people-slider-wrapper [data-member="6"] {
    left: 500vw
}

.start-slider-people.people-slider-wrapper [data-member="7"] {
    left: 600vw
}

.start-slider-people.people-slider-wrapper [data-member="8"] {
    left: 700vw
}

.start-slider-works.portfolio-slider-wrapper {
    width: 700vw
}

.start-slider-works.portfolio-slider-wrapper .portfolio-item {
    width: 100vw
}

.start-slider-works.portfolio-slider-wrapper [data-work="1"] {
    left: 0
}

.start-slider-works.portfolio-slider-wrapper [data-work="2"] {
    left: 100vw
}

.start-slider-works.portfolio-slider-wrapper [data-work="3"] {
    left: 200vw
}

.start-slider-works.portfolio-slider-wrapper [data-work="4"] {
    left: 300vw
}

.start-slider-works.portfolio-slider-wrapper [data-work="5"] {
    left: 400vw
}

.start-slider-works.portfolio-slider-wrapper [data-work="6"] {
    left: 500vw
}

.start-slider-works.portfolio-slider-wrapper [data-work="7"] {
    left: 600vw
}

.team-member-credo {
    font-size: 40px;
    position: absolute;
    text-align: center;
    width: 102%;
    left: -1%;
    bottom: 0;
    z-index: 10;
    padding: 20px;
    font-family: second, roboto, arial, sans-serif;
    -webkit-box-shadow: inset -15px -43px 80px #000;
    box-shadow: inset -15px -43px 80px #000
}

.people-6 .team-member-img-small.right {
    max-width: 60vh;
    z-index: 0;
    right: 7%;
    top: 17%
}

.portfolio .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.portfolio .prev-page {
    right: 43%;
    top: 7%
}

.portfolio .prev-page .bottom-icon, .portfolio .prev-page .left-text, .portfolio .prev-page .top-icon {
    display: inline-block;
    vertical-align: middle
}

.portfolio .prev-page .top-icon img {
    width: 120px
}

.portfolio .prev-page .left-text {
    font-family: second, roboto, arial, sans-serif;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-left: 10px
}

.portfolio .next-page {
    top: 10%;
    right: 30px;
    text-align: right
}

.portfolio .next-page .left-text {
    display: block;
    font-family: second, roboto, arial, sans-serif;
    font-size: 30px
}

.portfolio .next-page .bottom-icon img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.portfolio .rocket {
    top: 28%;
    left: 39%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.portfolio-small {
    position: absolute;
    top: 13%;
    left: 0;
    z-index: 0;
    width: 100%
}

.to-row-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 94%;
    margin: auto
}

.to-row-3 .col {
    max-width: 33.3333%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
    max-height: 310px;
    z-index: 7
}

.to-row-3 .col:last-child {
    position: relative
}

.to-row-3 .col:last-child::after {
    content: '';
    z-index: -1;
    position: absolute;
    bottom: -6px;
    right: 10%;
    width: 119px;
    height: 125px;
    background-image: url(../img/stun.png);
    background-repeat: no-repeat;
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.two-work {
    position: relative;
    z-index: 1;
    height: 100%
}

.two-work a:not(:last-child) {
    position: absolute;
    width: 90%;
    height: 85%;
    left: 5%;
    z-index: 1
}

.two-work a:last-child {
    position: absolute;
    width: 90%;
    height: 82%;
    bottom: -5%;
    right: 0;
    z-index: 2
}

.two-work a:last-child img {
    margin-top: -10%
}

.two-work a {
    overflow: hidden
}

.two-work a:hover {
    z-index: 3
}

.two-works-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    z-index: 4
}

.rocket-free-portfolio {
    top: 26%;
    left: 38%;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.portfolio-item .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.portfolio-item .prev-page {
    z-index: 15
}

.portfolio-item .prev-page .bottom-icon, .portfolio-item .prev-page .top-icon {
    display: inline-block;
    vertical-align: middle
}

.portfolio-item .prev-page .bottom-icon img {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.portfolio-item .prev-page .top-icon {
    font-size: 30px;
    color: #fff;
    margin-left: 10px
}

.portfolio-item .only-close {
    top: 40px;
    right: 40px;
    z-index: 15
}

.portfolio-item .only-close img {
    width: 75px;
    height: 75px
}

.portfolio-item .portfolio__title {
    background-image: url(../img/portfolio-item-title-bg.png);
    background-size: contain;
    position: absolute;
    top: 0;
    right: 20%;
    width: 343px;
    height: 200px;
    z-index: 9;
    padding-top: 98px;
    text-align: center;
    font-family: second, roboto, arial, sans-serif;
    font-size: 30px;
    color: #abdfd5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.portfolio-item .portfolio-elem {
    display: block;
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%
}

.portfolio-item .rocket {
    bottom: 19%;
    left: 54%;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    width: 150px
}

.portfolio-item .plane-img {
    position: absolute;
    top: -5%;
    right: -6%;
    height: 178px
}

.portfolio-info {
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2
}

.portfolio-info .left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 500px;
    flex: 1 1 500px;
    padding-right: 30px
}

.portfolio-info .left img {
    width: auto;
    display: block
}

.portfolio-info .right {
    padding-top: 100px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    margin-right: 10%;
    min-width: 300px
}

.portfolio-info .right-inner {
    background-image: url(../img/portfolio-text-bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 45px;
    color: #fff;
    width: 385px;
    height: 586px;
    font-size: 15px
}

.portfolio-info .right-inner .subtitle {
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.portfolio-info .right-inner .subtitle:not(:first-child) {
    margin-top: 20px
}

.item1 .portfolio-info .left {
    padding-left: 150px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.item1 .portfolio-info .left img:not(:last-child) {
    max-height: 32vh;
    margin-bottom: 3vh;
    margin-left: auto
}

.item1 .portfolio-info .left .animate3 {
    position: absolute;
    bottom: -5%;
    right: 48%;
    width: 600px;
    max-width: 55%
}

.item2 .portfolio-info .left {
    padding-top: 50px
}

.item2 .portfolio-info .left .animate1 {
    margin-bottom: 3vh
}

.item3 .portfolio-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item3 .portfolio-info .left img {
    display: inline-block;
    width: 45%;
    margin-left: 3%
}

.item4 .portfolio-info {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.item4 .left {
    text-align: center
}

.item4 .left img {
    max-width: 470px;
    margin: 0 auto 30px
}

.item5 .portfolio-info, .item6 .portfolio-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item5 .left img {
    margin: 86px 0 0
}

.item6 .left {
    min-width: 660px
}

.item6 .left img {
    max-width: 427px;
    margin: auto
}

.item7 .portfolio-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item7 .portfolio-info .left {
    top: 0
}

.item7 .portfolio-info .right-inner {
    font-size: 15px;
    font-size: calc(13px + (15 - 13) * ((100vw - 1280px) / (1980 - 1280)))
}

.item7 .portfolio-info .right-inner .subtitle {
    font-size: 15px;
    text-align: center
}

.item7 .left img {
    width: calc(49% - 30px);
    float: left;
    position: static;
    margin: 0 30px 30px 0
}

.item7 .left::after {
    content: '';
    display: table;
    width: 100%;
    clear: both
}

.team-member:hover {
    z-index: 11
}

@media only screen and (min-width: 768px) {
    body .mobile {
        display: none
    }

    .wrapper {
        background-size: cover;
        background-position: 0 0
    }

    .navigation {
        top: 0;
        background-color: rgba(0, 0, 0, .65);
        width: 255px;
        padding: 9vh 0 50px 30px;
        height: 100%
    }

    .menu__item .icon-wrap {
        display: inline-block;
        vertical-align: middle
    }

    .menu__item::after {
        content: "";
        position: absolute;
        width: 20px;
        height: 25px;
        display: block;
        right: -10px;
        top: 0;
        opacity: 0;
        -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
        background-image: url(../img/apple-image.png);
        -webkit-transition: opacity .3s ease, -webkit-transform .3s ease .15s;
        -o-transition: transform .3s ease .15s, opacity .3s ease;
        transition: transform .3s ease .15s, opacity .3s ease;
        transition: transform .3s ease .15s, opacity .3s ease, -webkit-transform .3s ease .15s
    }

    .menu__item.is-active .icon-white {
        fill: #ef436e
    }

    .menu__item.is-active .menu__link {
        color: #ef436e
    }

    .menu__item.is-active .menu__link::after, .menu__item.is-active::after {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .menu__item.is-active::after {
        opacity: 1
    }

    .menu__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        margin-bottom: 10px;
        position: relative
    }

    .menu__link {
        font-size: 20px
    }

    .first-screen {
        padding-top: 130px
    }

    .logo-wrapper {
        margin-bottom: 50px
    }

    .logo-wrapper img {
        width: 300px;
        height: 120px
    }

    .lapa-nieb {
        left: calc(50% - 322px)
    }

    .lapa-roma {
        right: calc(50% - 374px)
    }

    .mob-point.uslugi-point {
        top: 0;
        margin-left: 20%
    }
}

@media (min-width: 768px) {
    .mob-point.event-point {
        min-width: 405px
    }

    .mob-point.strategia-point {
        left: 20px
    }
}

@media only screen and (min-width: 1023px) {
    html:not(.tablet) .menu__item:hover .icon-white {
        fill: #ef436e
    }

    html:not(.tablet) .menu__item:hover .menu__link {
        color: #ef436e
    }

    html:not(.tablet) .menu__item:hover .menu__link::after, html:not(.tablet) .menu__item:hover::after {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    html:not(.tablet) .menu__item:hover::after {
        opacity: 1
    }

    .lapa-nieb {
        left: 37%
    }

    .lapa-roma {
        right: 10%
    }

    .second-screen {
        padding-left: 260px
    }
}

@media only screen and (min-width: 1024px) {
    .super-wrap {
        position: relative
    }

    body .to-bottom {
        display: none
    }

    .super-wrap, .wrapper {
        width: 100vw;
        height: 100vh;
        overflow: hidden
    }

    .scroll-icon:hover {
        cursor: pointer
    }

    .scroll-icon:hover span {
        opacity: .77
    }

    .prev-page-under-6 {
        left: -200px
    }

    #fullpage {
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .8s ease-in-out;
        -o-transition: transform .8s ease-in-out;
        transition: transform .8s ease-in-out;
        transition: transform .8s ease-in-out, -webkit-transform .8s ease-in-out;
        width: 100vw;
        height: 100vh
    }

    .start-fullpage .section.screen {
        position: absolute
    }

    .start-fullpage .section.screen.first-screen {
        left: 0;
        top: 0
    }

    .start-fullpage .section.screen.second-screen {
        left: 100%;
        top: 0
    }

    .start-fullpage .section.screen.third-screen {
        left: 100%;
        top: 100%
    }

    .start-fullpage .section.screen.four-screen {
        left: 100%;
        top: 200%
    }

    .start-fullpage .section.screen.five-screen {
        left: 100%;
        top: 300%
    }

    .start-fullpage .section.screen.six-screen {
        left: 200%;
        top: 300%
    }

    .start-fullpage .section.screen.seven-screen {
        left: 300%;
        top: 300%
    }

    .start-fullpage .section.screen.eight-screen {
        left: 300%;
        top: 400%
    }

    .start-fullpage .section.screen.nine-screen {
        left: 400%;
        top: 400%
    }

    .call-menu, .first-title .to-mob {
        display: none
    }

    .screen {
        padding-left: 260px;
        height: 100vh
    }

    .first-screen {
        padding-top: 9vh
    }

    .logo-wrapper {
        margin-bottom: 5vh
    }

    .first-title {
        font-size: 62px;
        font-size: calc(30px + (62 - 30) * ((100vw - 767px) / (1920 - 767)))
    }

    .first-title .to-desck {
        margin: auto;
        display: block
    }

    .main-line {
        bottom: 20%
    }

    .third-text-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .point.uslugi-point {
        width: 27%;
        top: 44%;
        left: -1%;
        max-width: 270px
    }

    .point.strategia-point {
        width: 26%;
        bottom: 23%;
        left: 30%
    }

    .point.zintegrowany-point {
        width: 26%;
        left: -11%;
        bottom: 12%
    }

    .point.custom-point {
        width: 31%;
        right: 1%;
        bottom: 18%
    }

    .point.social-point {
        width: 23%;
        bottom: 3%;
        left: 20%
    }

    .six-screen .section-title {
        font-size: 50px
    }

    .nine-screen .section-text, .seven-screen .section-title {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .seven-screen .section-title {
        z-index: 10;
        font-size: 46px;
        font-size: calc(33px + (46 - 33) * ((100vw - 1024px) / (1920 - 1024)));
        top: 50%
    }

    .nine-screen .section-text {
        top: 35%
    }

    .nine-screen .last-line {
        z-index: 6
    }

    .section-free {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-image: url(../../img/bg-min.jpg);
        padding-left: 260px;
        height: 100vh
    }

    .section-free .inner {
        position: relative;
        height: 100%
    }
}

@media only screen and (min-width: 1025px) {
    .second-line {
        width: 65%;
        right: 41%;
        bottom: 0
    }

    #four-line {
        display: block
    }

    .five-line-small, body .tablet {
        display: none
    }

    .team-member-img-full, .team-member-img-small, .team-member-text {
        position: absolute
    }

    .people-1 .team-member-img-full img {
        width: 720px
    }

    .people-2 .team-member-name {
        position: absolute;
        top: -152px;
        left: calc(50% - 303px);
        padding-top: 252px
    }

    .people-2 .team-member-img-full img {
        width: 365px
    }

    .people-2 .team-member-img-small {
        top: 3%;
        width: 440px
    }

    .people-2 .team-member-text {
        top: auto;
        bottom: 100px
    }

    .people-3 .team-member-name, .people-6 .team-member-name, .people-8 .team-member-name {
        position: absolute;
        top: -152px;
        left: calc(50% - 303px);
        padding-top: 252px
    }

    .people-3 .team-member-img-full img, .people-8 .team-member-img-full img {
        width: 380px
    }

    .people-3 .team-member-img-small {
        top: 3%
    }

    .people-6 .team-member-img-small, .people-8 .team-member-img-small {
        top: 3%;
        width: 550px
    }

    .people-3 .team-member-text, .people-6 .team-member-text, .people-8 .team-member-text {
        top: auto;
        bottom: 100px
    }

    .people-3 .team-member-img-small {
        width: 42%
    }

    .people-4 .team-member-img-full img {
        width: 780px
    }

    .people-5 .team-member-img-full img {
        width: 340px
    }

    .people-5 .team-member-text {
        max-width: 300px
    }

    .people-6 .team-member-img-full img {
        width: 740px
    }

    .people-7 .team-member-img-full {
        right: 4%
    }

    .people-7 .team-member-img-full img {
        width: 340px
    }

    .people-7 .team-member-text {
        max-width: 273px;
        top: 43%
    }
}

@media (min-width: 1050px) {
    .people-4 .team-member-img-full.left {
        left: -74px;
        bottom: 50px
    }
}

@media only screen and (min-width: 1200px) {
    #rocket {
        bottom: 24%
    }

    .four-screen .lapa-nieb4 {
        width: 90%;
        bottom: 65px;
        left: 5%
    }
}

@media only screen and (min-width: 1279px) {
    body .big {
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    .first-screen .next-page {
        top: 5%
    }

    .point.digital-point {
        width: 12%;
        top: 0%;
        left: 39%
    }

    .point.event-point {
        width: 25%;
        left: 7%;
        top: 10%;
        max-width: 340px
    }

    .point.pr-point {
        width: 22%;
        right: 20%;
        top: 13%;
        max-width: 340px
    }

    .point.csr-point {
        width: 12%;
        top: 40%;
        right: 16%;
        max-width: 170px
    }

    #rocket3 {
        left: 46%;
        top: 18%
    }

    .four-screen .section-title {
        width: 340px;
        height: auto;
        top: -152px
    }

    .four-screen .scroll-icon {
        display: block
    }

    .people-3 .team-member-img-full.left {
        left: 7%
    }

    .people-4 .team-member-img-small.right {
        top: 140px;
        right: 7%
    }
}

@media only screen and (min-width: 1281px) {
    .second-top-left {
        padding: 23px 113px 16px 30px;
        max-width: 46%
    }

    .second-top-left::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../img/second-screen-text-bg.png);
        width: 100%;
        min-width: 520px;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat
    }

    .second-screen .custom-text {
        max-width: 430px
    }

    .second-middle-right {
        margin-left: 3%
    }

    .point.uslugi-point {
        width: 25%
    }

    .point.strategia-point {
        width: 24%;
        bottom: 26%;
        max-width: 250px
    }
}

@media only screen and (min-width: 1300px) {
    .first-title br {
        display: none
    }

    .item4 .left {
        min-width: 650px
    }
}

@media (min-width: 1300px) {
    .six-screen .text {
        font-size: 40px
    }
}

@media only screen and (min-width: 1366px) {
    .first-title {
        margin-bottom: 7vh
    }

    .lapa-nieb {
        left: 28%
    }

    .second-top-left {
        padding: 30px 113px 35px 30px;
        max-width: 476px
    }

    .point.zintegrowany-point {
        width: 23%;
        left: 0%
    }

    .point.social-point {
        width: 22%;
        bottom: 3%;
        left: 31%;
        max-width: 240px
    }
}

@media only screen and (min-width: 1400px) {
    .first-screen .next-page {
        top: 11%
    }
}

@media only screen and (min-width: 1440px) {
    .nine-screen .section-text {
        top: 350px
    }

    .nine-screen .last-line {
        max-height: 77%
    }
}

@media (min-width: 1500px) {
    .lapa-nieb img {
        height: 400px
    }

    .lapa-roma img {
        height: 420px
    }

    .hover-block {
        width: 260px;
        font-size: 26px
    }

    .hover-block .red {
        font-size: 23px
    }
}

@media only screen and (min-width: 1500px) {
    .four-screen .lapa-nieb4 {
        width: 84%;
        bottom: 0;
        left: 5%
    }

    .people-1 .team-member-img-small.right {
        width: 400px;
        right: 13%;
        top: 19%
    }

    .to-row-3 .col:last-child::after {
        bottom: -30px
    }
}

@media only screen and (min-width: 1550px) {
    .hover-block {
        height: 150px
    }
}

@media only screen and (min-width: 1580px) {
    .second-screen .custom-text {
        font-size: 24px;
        font-size: calc(18px + (24 - 18) * ((100vw - 1580px) / (1920 - 1580)))
    }
}

@media only screen and (min-width: 1600px) {
    .point.digital-point {
        max-width: 155px;
        top: 2%;
        left: 38%
    }

    .point.event-point {
        left: 8%
    }

    .point.pr-point {
        right: 8%
    }

    .point.csr-point {
        right: 14%
    }

    .point.uslugi-point {
        left: 2%
    }

    .point.zintegrowany-point {
        max-width: 300px
    }

    .point.custom-point {
        right: 20%;
        max-width: 320px
    }

    .people-2 .team-member-img-small.right {
        width: 415px
    }

    .people-2 .team-member-img-small.right img {
        width: 100%
    }

    .people-5 .team-member-text {
        left: 35%;
        max-width: 300px
    }
}

@media only screen and (min-width: 1700px) {
    .four-screen .lapa-nieb4 {
        width: 72%;
        bottom: 0;
        left: 9%
    }

    .five-screen .lapa-nieb5 {
        width: 73%;
        left: 16%
    }

    .section-free.portfolio-item .portfolio-info .left {
        min-width: 800px
    }
}

@media only screen and (min-width: 1800px) {
    .second-top-left {
        max-width: 520px;
        margin-right: 1%
    }

    .second-top-left::after {
        width: 585px;
        min-width: 585px;
        height: 426px
    }

    .point.event-point {
        left: 15%
    }

    .point.zintegrowany-point {
        left: 10%
    }

    .people-8 .team-member-img-small.right {
        top: 20%;
        right: 20%
    }

    .people-2 .team-member-img-small.right {
        width: 520px
    }

    .to-row-3 .col:last-child::after {
        bottom: -74px
    }

    .two-work a:not(:last-child) {
        height: 100%
    }

    .two-work a:last-child {
        height: 85%
    }
}

@media (min-width: 1800px) {
    .hover-block {
        padding-top: 36px
    }
}

@media only screen and (min-width: 1900px) {
    .five-screen .lapa-nieb5 {
        width: 78%;
        left: 11%
    }
}

@media (min-width: 1920px) {
    .five-screen .next-page {
        top: 570px
    }

    #five-line {
        max-height: 600px
    }
}

@media (min-width: 1980px) {
    .third-center-text {
        font-size: 60px
    }

    .six-screen .subtext {
        font-size: 24px
    }

    .section-img-team {
        height: 480px
    }

    .nine-screen .section-text h2 {
        font-size: 62px
    }

    .nine-screen .section-text .subtitle {
        font-size: 27px
    }

    .nine-screen .section-text .undertitle {
        font-size: 22px
    }

    .item7 .portfolio-info .right-inner {
        font-size: 15px
    }
}

@media (min-width: 1024px) and (max-height: 750px) {
    .four-screen .lapa-nieb4 {
        max-width: 120vh;
        left: calc(50% - 60vh)
    }

    .portfolio .prev-page {
        right: 43%;
        top: 1%;
        z-index: 10
    }

    .portfolio-item .portfolio__title {
        top: -32px
    }

    .portfolio-info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .portfolio-info .left {
        max-height: 59vh;
        position: relative;
        top: -100px
    }

    .portfolio-info .right-inner {
        margin-bottom: -40px
    }
}

@media (min-width: 1024px) and (max-height: 810px) {
    .item6 .left {
        top: 0
    }

    .item6 .left img {
        max-width: none;
        min-width: 1px;
        max-height: 500px
    }
}

@media (min-width: 1050px) and (max-height: 899px) {
    .people-4 .team-member-img-small.right {
        top: 78px;
        right: -1%
    }
}

@media (min-width: 1279px) and (max-height: 749px) {
    .people-4 .team-member-text {
        width: 55%;
        max-width: 55%;
        left: 44%;
        top: auto;
        bottom: 100px
    }
}

@media (min-width: 1280px) and (max-height: 800px) {
    .people-2 .team-member-text {
        max-width: 55%;
        left: 42%
    }
}

@media (min-width: 1280px) and (max-height: 801px) {
    .people-3 .team-member-img-small.right {
        width: 550px !important;
        right: 0 !important
    }

    .people-4 .team-member-text {
        margin-top: -100px
    }
}

@media (min-width: 1281px) and (max-height: 810px) {
    .nine-screen .last-line {
        max-height: 85%
    }
}

@media (min-width: 1500px) and (max-height: 750px) {
    .people-3 .team-member-img-small.right {
        width: 510px !important;
        right: 0 !important
    }

    .people-3 .team-member-text {
        max-width: 55%;
        width: 55%;
        left: 40%
    }

    .people-6 .team-member-img-small.right {
        right: 3%;
        top: 12%
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-width: 1023px) {
    .second-top-left .custom-text {
        font-size: 21px
    }

    .second-top-left .custom-list {
        font-size: 29px
    }
}

@media (min-width: 1500px) and (max-width: 1600px) and (max-height: 750px) {
    .prev-page-under-8 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .prev-page-under-8 .left-text {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media (min-width: 1500px) and (max-width: 1540px) and (max-height: 725px) {
    .point.zintegrowany-point {
        bottom: 6%;
        left: 7%;
        width: 21%
    }
}

@media (min-width: 1279px) and (max-width: 1499px) and (max-height: 750px) {
    .people-3 .team-member-text {
        max-width: 50%;
        width: 50%;
        left: 47%
    }
}

@media (min-width: 1050px) and (max-width: 1300px) and (max-height: 725px) {
    .point.zintegrowany-point {
        bottom: 10%;
        left: 2%;
        width: 21%
    }
}

@media (min-width: 1024px) and (max-width: 1281px) and (max-height: 810px) {
    .nine-screen .last-line {
        width: 91%;
        bottom: 16%
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-width: 320px) {
    .second-top-left .custom-text {
        font-size: 17px
    }

    .second-top-left .custom-list {
        font-size: 20px
    }
}

@media only screen and (min-width: 1580px) and (max-width: 1580px) {
    .second-screen .custom-text {
        font-size: 18px
    }
}

@media (min-width: 1501px) and (max-width: 1599px) {
    .people-2 .team-member-img-small.right {
        right: 1%;
        width: 319px;
        top: 12%
    }

    .people-2 .team-member-img-small.right img {
        width: 100%
    }
}

@media (min-width: 1500px) and (max-width: 1680px) {
    .second-top-left {
        margin-left: -3%
    }
}

@media (min-width: 1300px) and (max-width: 1699px) {
    .five-screen .prev-page {
        right: 23%
    }
}

@media (min-width: 1300px) and (max-width: 1439px) {
    .nine-screen .last-line {
        bottom: 15%
    }
}

@media (min-width: 1281px) and (max-width: 1500px) {
    .second-top-left {
        margin-top: 2%
    }
}

@media (min-width: 1280px) and (max-width: 1550px) {
    .four-screen .text {
        font-size: 17px;
        padding: 10px
    }

    .four-screen .text .text-inner {
        height: 250px
    }

    .four-screen .text-1 {
        left: 0
    }

    .four-screen .text-2 {
        right: 0
    }
}

@media (min-width: 1280px) and (max-width: 1500px) {
    .five-screen .scroll-icon {
        top: 35%
    }
}

@media (min-width: 1280px) and (max-width: 1366px) {
    .second-middle-right {
        max-width: 44%;
        margin-left: 5%;
        padding-top: 30px
    }
}

@media (min-width: 1280px) and (max-width: 1300px) {
    .p10 {
        display: block
    }
}

@media (min-width: 1051px) and (max-width: 1601px) {
    .people-3 .team-member-img-small.right {
        width: 620px;
        height: auto;
        top: 0%;
        z-index: 0;
        right: 10%
    }
}

@media (min-width: 1025px) and (max-width: 1500px) {
    .people-2 .team-member-img-small.right {
        display: none
    }
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .bg-third .scroll-icon {
        display: none
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .second-top-left {
        border: 2px dashed #ef436e;
        padding: 30px 30px 35px 45px;
        margin-top: 2%;
        max-width: 42%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .first-screen .next-page {
        top: -12px
    }

    .first-screen .next-page .top-icon img {
        width: 100%
    }

    .first-screen .next-page .bottom-icon {
        text-align: right;
        padding-right: 20px;
        margin-top: 10px
    }

    .second-screen .lapa-nieb2 {
        bottom: -185px;
        right: -10%;
        width: 423px
    }

    .second-screen .prev-page {
        bottom: 35%;
        left: 29%
    }

    .second-middle-right {
        padding-right: 30px;
        max-width: 55%;
        margin-left: 55px;
        margin-right: auto
    }

    .third-line {
        max-width: 1000px
    }

    .point.digital-point {
        width: 14%;
        top: 1%;
        left: 34%
    }

    .point.event-point {
        width: 27%;
        top: 11%;
        left: -1%
    }

    .point.pr-point {
        width: 23%;
        top: 16%;
        right: 18%
    }

    .point.csr-point {
        width: 14%;
        top: 43%;
        right: 10%
    }

    .five-screen .lapa-nieb5 {
        bottom: -23px
    }

    .five-screen .prev-page {
        right: auto;
        left: 30px;
        top: 48%
    }

    .five-screen .prev-page .bottom-icon img {
        -webkit-transform: rotate(-80deg);
        -ms-transform: rotate(-80deg);
        transform: rotate(-80deg)
    }

    .seven-screen .section-title {
        top: 44%
    }

    .seven-screen .next-page2 {
        bottom: calc(50vh - (.39 * 100vw) / 2.5);
        right: 5px
    }

    .lapa-nieb7 {
        display: none
    }

    .item1 .portfolio-info .left .animate3 {
        position: static;
        max-width: 400px;
        margin: 0 auto -65px
    }

    .item5 .portfolio-info .left img {
        margin: 0 auto -50px;
        max-width: 400px !important
    }

    .item6 .left img {
        max-height: 400px
    }
}

@media (min-width: 1024px) and (max-width: 1050px) {
    .wrapper {
        background-size: 100vw 100vh;
        background-repeat: repeat
    }

    .people-3 .team-member-img-small.right {
        top: -16%;
        right: -12%;
        width: 422px;
        max-width: none
    }

    .section-free.portfolio-item .inner::after {
        content: '';
        display: block;
        position: absolute;
        width: 50px;
        height: 50px;
        z-index: 10;
        right: 90px;
        top: 350px;
        background-image: url(../img/move_vertical_arrows_blue.png);
        background-size: cover;
        -webkit-animation-name: move-vert;
        animation-name: move-vert;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
}

@media (min-width: 1024px) and (max-width: 1025px) {
    .prev-page-under-7 {
        bottom: 17%
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .seven-screen .section-title {
        font-size: 33px
    }
}

@media (min-width: 1023px) and (max-width: 1279px) {
    .four-screen .scroll-icon {
        top: 20%
    }
}

@media (min-width: 1023px) and (max-width: 1050px) {
    .people-4 .team-member-img-small.right {
        top: -17%
    }

    .portfolio-item .top-member-mob {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 10;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 80px
    }

    .portfolio-item .top-member-mob .member-next, .portfolio-item .top-member-mob .member-prev, .portfolio-item .top-member-mob .member-pseudo-next, .portfolio-item .top-member-mob .member-pseudo-prev {
        display: block;
        width: 50px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50px;
        flex: 1 1 50px;
        border: 0;
        background-color: transparent
    }

    .portfolio-item .top-member-mob .member-next img, .portfolio-item .top-member-mob .member-prev img, .portfolio-item .top-member-mob .member-pseudo-next img, .portfolio-item .top-member-mob .member-pseudo-prev img {
        width: 50px
    }

    .portfolio-item .top-member-mob .member-prev img, .portfolio-item .top-member-mob .member-pseudo-prev img {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .portfolio-item .top-member-mob .member-next img, .portfolio-item .top-member-mob .member-pseudo-next img {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .portfolio-item .top-member-mob .member-line {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 100px);
        flex: 1 1 calc(100% - 100px);
        max-width: calc(100% - 100px)
    }

    .portfolio-item .top-member-mob .member-prev, .portfolio-item .top-member-mob .member-pseudo-prev {
        text-align: left;
        padding-left: 30px;
        max-width: 100px
    }

    .portfolio-item .top-member-mob .member-next, .portfolio-item .top-member-mob .member-pseudo-next {
        text-align: right;
        padding-right: 30px;
        max-width: 100px
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1920px) {
    .first-title {
        font-size: 62px
    }

    .seven-screen .section-title {
        font-size: 46px
    }
}

@media (max-height: 1070px) and (min-width: 1023px) {
    .second-screen {
        padding-top: 5vh
    }
}

@media only screen and (min-width: 1580px) and (min-width: 1920px) {
    .second-screen .custom-text {
        font-size: 24px
    }
}

@media (min-width: 1400px) and (min-height: 750px) and (max-height: 900px) {
    .people-4 .team-member-text {
        top: 56%
    }
}

@media (min-width: 1500px) and (min-height: 750px) and (max-height: 899px) {
    .people-4 .team-member-text {
        top: 56%
    }
}

@media only screen and (max-width: 1023px) and (max-width: 1024px) {
    .section-free .prev-page {
        display: none
    }
}

@media only screen and (max-width: 1023px) and (min-width: 1023px) {
    .first-title {
        font-size: 62px
    }

    .seven-screen .section-title {
        font-size: 47px
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .four-screen .text {
        padding-bottom: 0;
        width: 50%;
        height: 230px;
        font-size: 19px
    }

    .four-screen .text .text-inner {
        vertical-align: text-top
    }

    .four-screen .text-1 {
        left: 0
    }

    .four-screen .text-2 {
        right: 0
    }

    .five-screen .section-title {
        width: 280px;
        top: -99px;
        left: auto;
        right: -25%
    }

    .portfolio-item .top-member-mob {
        margin-top: -120px
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .four-screen .lapa-nieb4 {
        bottom: 70px;
        pointer-events: none;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .second-top-left {
        width: 100%;
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        border: 0;
        margin-top: 0;
        padding: 0 30px 20px
    }

    .second-top-left .custom-text {
        font-size: 21px;
        font-size: calc(17px + (21 - 17) * ((100vw - 320px) / (1023 - 320)))
    }

    .second-top-left .custom-list {
        font-size: 29px;
        font-size: calc(20px + (29 - 20) * ((100vw - 320px) / (1023 - 320)));
        padding-left: 20px
    }

    .second-top-left .custom-list, .second-top-left .tablet-left {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }

    .team-member-name {
        top: -44px;
        left: 37%;
        padding-top: 141px;
        width: 386px;
        height: 192px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .team-member-name .name {
        font-size: 27px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .tablet-top-logo {
        display: block
    }

    .navigation {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .second-screen {
        padding-top: 120px;
        overflow: hidden
    }

    .second-screen .lapa-nieb2 {
        bottom: -245px;
        right: -108px;
        width: 500px;
        opacity: 1;
        display: none
    }

    .second-middle-right {
        max-width: 100%;
        margin-left: 40px;
        margin-bottom: 100px;
        padding-top: 0
    }

    .second-line {
        position: relative;
        margin-bottom: 65px
    }

    .second-line .second-line-desctop {
        display: none
    }

    .second-line .second-line-mob {
        display: block
    }

    .third-screen {
        height: 1050px
    }

    .mob-point.csr-point {
        margin-left: 10%
    }

    .mob-point.digital-point {
        margin-right: 15%;
        margin-top: -40px
    }

    .mob-point.pr-point {
        margin-top: -40px
    }

    .third-center-text {
        padding-top: 150px
    }

    .five-screen.screen {
        height: 740px;
        min-height: auto
    }

    .seven-screen.screen {
        background-image: url(../img/floor-min.jpg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: contain
    }

    .people-3 .team-member-text {
        padding-top: 100px
    }

    .people-4 .team-member-img-small.right img {
        min-width: 400px
    }

    .people-4 .team-member-text {
        padding-top: 140px
    }

    .people-3 .team-member-img-small.right > img {
        max-width: 483px;
        margin: auto;
        position: absolute;
        left: -82px;
        top: -69px
    }

    .people-3 .team-member__info .mob-right {
        padding-left: 40px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 767px) {
    .first-title {
        font-size: 30px
    }
}

@media only screen and (max-width: 1023px) and (max-width: 768px) {
    .seven-screen .section-title {
        font-size: 45px
    }
}

@media only screen and (max-width: 1023px) and (max-width: 320px) {
    .first-title {
        font-size: 32px
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .lapa-nieb img, .lapa-roma img {
        height: 350px
    }
}

@media (min-width: 740px) and (max-width: 780px) {
    .five-screen .next-page {
        bottom: 13%
    }
}

@media (min-width: 735px) and (max-width: 800px) {
    .navigaton__menu {
        margin: auto
    }
}

@media (min-width: 731px) and (max-width: 750px) {
    .lapa-nieb img {
        height: 330px
    }

    .lapa-roma img {
        height: 340px
    }
}

@media only screen and (max-width: 1700px) {
    .four-screen .next-page {
        left: 54%
    }

    .memb-5 .hover-block {
        top: 50%
    }
}

@media only screen and (max-width: 1600px) {
    .five-screen .section-title {
        width: 355px;
        top: -174px;
        left: 60px
    }

    .five-screen .lapa-nieb5 {
        bottom: -66px
    }

    .secton-text-block {
        left: 7%;
        padding-top: 170px;
        max-width: 481px
    }

    .memb-1 .hover-block {
        top: 43%
    }

    .team-member-name {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }

    .team-member-img-small.right {
        width: 556px;
        height: auto;
        top: 19%
    }

    .people-5 .team-member-img-small.left, .people-5 .team-member-img-small.right, .people-7 .team-member-img-small.left, .people-7 .team-member-img-small.right {
        max-width: 64vh;
        z-index: 0
    }

    .people-8 .team-member-img-small.right {
        top: 19%;
        max-width: 60vh;
        right: 10%;
        z-index: 0
    }

    .people-5 .team-member-text {
        left: calc(36% - 150px)
    }

    .people-6 .team-member-img-full img {
        width: 545px
    }
}

@media only screen and (max-width: 1400px) {
    .team-member-name {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    .team-member-img-small.right {
        width: 400px;
        top: 27%;
        right: 11%
    }

    .people-4 .team-member-img-full img {
        width: 545px
    }
}

@media screen and (max-width: 1380px) {
    .team-member-text {
        font-size: 16px;
        line-height: 1.2
    }

    .people-1 .team-member-img-full img {
        width: 618px
    }
}

@media (max-width: 600px) {
    .mob-point.strategia-point {
        left: 0
    }
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important
    }
}

@media (max-width: 320px) {
    .mob-point.event-point {
        min-width: 210px
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1),(min-resolution: 192dpi) {
    .team-mobile__item .member-name {
        background-image: url(../img/txt-card-yellow-box-ipad@2x.png)
    }
}

@media only screen and (max-width: 1370px) {
    .prev-page-under-8 {
        bottom: 15%
    }

    .prev-page-under-8 .bottom-icon, .prev-page-under-8 .top-icon {
        display: inline-block;
        vertical-align: middle
    }

    .prev-page-under-8 .top-icon {
        margin-left: 10px
    }

    .people-7 .team-member-text {
        top: 55%;
        left: 36%
    }
}

@media only screen and (max-width: 1366px) {
    .second-screen .scroll-icon {
        display: none
    }

    .memb-1 .hover-block {
        top: 49%
    }
}

@media only screen and (max-width: 1300px) {
    .people-6 .team-member-img-small.right {
        top: 19%
    }

    .item6 .portfolio-info .left, .item7 .portfolio-info .left {
        top: 0
    }

    .item6 .left img {
        max-width: 330px
    }

    .item6 .left {
        max-width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        min-width: 0;
        padding: 40px
    }
}

@media only screen and (max-width: 1290px) {
    .memb-6 .is-active {
        top: -4% !important
    }

    .memb-8 .is-active {
        top: -2% !important
    }

    .to-row-3 .col img {
        -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
        transform: scale(1.4)
    }
}

@media only screen and (max-width: 1289px) {
    .nine-screen .section-text {
        top: 43%
    }
}

@media only screen and (max-width: 1280px) {
    .second-screen .lapa-nieb2__main {
        width: 55%
    }

    #rocket2 {
        left: 60px
    }

    .six-screen .subtext {
        line-height: 1.6
    }

    .memb-4 img {
        top: -36px
    }

    .team-member-img-full img {
        position: relative;
        z-index: 1
    }

    .team-member-img-small.right {
        z-index: 0
    }
}

@media (max-width: 1280px) {
    .five-screen .next-page {
        top: 400px
    }

    #five-line {
        max-height: 430px
    }

    .six-screen .subtext {
        font-size: 18px
    }

    .item7 .portfolio-info .right-inner {
        font-size: 13px
    }
}

@media only screen and (max-width: 1279px) {
    .four-screen .section-title {
        width: 280px;
        top: -103px;
        left: auto;
        right: 0
    }

    .nine-screen .last-line, .nine-screen .rocket, .seven-screen .scroll-icon {
        display: none
    }

    #seven-line {
        left: -12%;
        width: 124%
    }

    .portfolio-item .inner, .section-free.portfolio-item .portfolio-info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .portfolio-item .prev-page {
        display: none
    }

    .portfolio-item .portfolio__title {
        background-image: none;
        display: block;
        text-align: center;
        position: relative;
        width: 100%;
        right: 0;
        z-index: 0
    }

    .portfolio-item .portfolio-elem {
        display: none
    }

    .section-free.portfolio-item .portfolio-info {
        padding-top: 0;
        margin-top: -50px
    }

    .section-free.portfolio-item .portfolio-info .left, .section-free.portfolio-item .portfolio-info .right {
        padding: 30px;
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .section-free.portfolio-item .portfolio-info .left img, .section-free.portfolio-item .portfolio-info .right img {
        max-width: 100%
    }

    .portfolio-info .right-inner {
        background-image: none;
        padding: 0;
        width: 100%;
        height: auto
    }

    .item1 .portfolio-info .left img {
        display: block;
        width: 100%;
        position: static
    }

    .item1 .portfolio-info .left img:not(:last-child) {
        display: none
    }

    .item4 .portfolio-info .left {
        margin: auto;
        max-width: 400px !important
    }
}

@media only screen and (max-width: 1200px) {
    .five-screen .scroll-icon {
        display: none
    }
}

@media only screen and (max-width: 1100px) {
    .memb-6 .is-active {
        top: -6% !important
    }

    .memb-8 .is-active {
        top: -4% !important
    }
}

@media only screen and (max-width: 1050px) {
    .section-free.portfolio-item .portfolio-info {
        max-height: calc(100vh - 200px);
        overflow-y: auto;
        max-width: 80%;
        margin: auto
    }
}

@media (max-width: 1030px) {
    .six-screen .text {
        font-size: 30px
    }
}

@media only screen and (max-width: 1025px) {
    #seven-line {
        bottom: 17%
    }

    .people-3 .team-member-img-small {
        position: absolute
    }

    .portfolio-item .plane-img, .portfolio-item .rocket {
        display: none
    }
}

@media only screen and (max-height: 750px) {
    .navigation {
        padding: 50px 0 50px 30px
    }

    .navigaton__logo {
        margin-bottom: 5vh
    }

    .second-line {
        bottom: -100px
    }

    .second-line .next-bottom-page {
        bottom: calc(6% + 100px);
        right: 14%
    }

    .point.custom-point {
        bottom: 10%;
        width: 26%
    }

    .five-screen .lapa-nieb5 {
        bottom: -115px;
        width: 130vh;
        left: calc(50% - 65vh)
    }

    .six-screen .section-text-block {
        padding-top: 3vh
    }

    .six-screen .subtitle {
        font-size: 36px;
        margin-bottom: 10px
    }

    .six-screen .subtext {
        font-size: 17px
    }

    .item1 .portfolio-info .left, .item3 .portfolio-info .left {
        top: 0
    }
}

@media (min-height: 1000px) and (max-height: 1060px) {
    .nine-screen .section-text {
        top: 44%
    }
}

@media only screen and (max-width: 1024px) {
    body .desctop {
        display: none
    }

    .four-screen .next-page, .four-screen .prev-page {
        left: 1%;
        top: 17%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .four-screen .prev-page .bottom-icon {
        display: block
    }

    .four-screen .prev-page .bottom-icon img {
        -webkit-transform: rotate(-93deg);
        -ms-transform: rotate(-93deg);
        transform: rotate(-93deg)
    }

    .four-screen .next-page {
        left: auto;
        right: 40px;
        top: 26%;
        bottom: auto
    }

    .four-screen .next-page .bottom-icon, .four-screen .prev-page .bottom-icon {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: left
    }

    .four-screen .next-page .bottom-icon img {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .four-screen .next-page .left-text {
        text-align: right;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .four-screen .rocket {
        left: 27%;
        -webkit-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    .four-screen .left-right-line {
        display: block;
        position: absolute;
        right: 0%;
        width: calc(100% + 260px);
        top: 200px;
        pointer-events: none
    }

    .five-screen .rocket {
        top: auto;
        bottom: 46%;
        right: 52%;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    .secton-text-block {
        padding-top: 170px
    }

    #five-line {
        -webkit-transform: matrix(-1, 0, 0, -1, 0, 0) rotate(-45deg);
        -ms-transform: matrix(-1, 0, 0, -1, 0, 0) rotate(-45deg);
        transform: matrix(-1, 0, 0, -1, 0, 0) rotate(-45deg);
        width: 200%;
        right: -380px;
        top: 29%
    }

    .portfolio-element {
        display: none
    }

    .team-member-img-full {
        width: 250px;
        margin: auto;
        display: block
    }

    .team-member-img-full img {
        width: 100%
    }

    .team-member-img-small {
        width: 43%;
        top: 236px;
        height: auto;
        max-width: 90%
    }

    .team-member-text {
        top: 215px;
        left: 3%;
        width: 100%;
        max-width: 90%
    }

    .team-member__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        position: relative;
        padding: 150px 20px 30px
    }

    .team-member__info .mob-left, .team-member__info .mob-right {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        position: relative
    }

    .team-member__info .team-member-img-small {
        width: 100%
    }

    .team-member__info .team-member-img-small ~ .team-member-img-full {
        margin-top: 70px
    }

    .team-member__info .team-member-text {
        padding-left: 20px
    }

    .people-2 .team-member-img-small.right {
        position: absolute;
        top: 0;
        z-index: 0;
        width: 100%
    }

    .team-member-credo {
        display: none
    }
}

@media (max-width: 1024px) {
    .third-center-text {
        font-size: 40px
    }

    .section-img-team {
        height: 325px
    }

    .hover-block {
        width: 180px;
        font-size: 22px;
        padding-top: 15px
    }

    .hover-block .red {
        font-size: 18px
    }
}

@media (max-width: 1023px) {
    .nine-screen .section-text h2 {
        font-size: 40px
    }

    .nine-screen .section-text .subtitle, .nine-screen .section-text .undertitle {
        font-size: 17px
    }
}

@media only screen and (max-width: 1023px) {
    .wrapper {
        overflow-x: hidden;
        overflow-y: auto
    }

    .prev-page-under-6 {
        bottom: 100vw;
        display: none
    }

    .prev-page-under-7 {
        bottom: auto;
        top: 453px;
        left: 50px;
        display: none
    }

    .prev-page-under-7 .bottom-icon img {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    .prev-page-under-8 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        text-align: left;
        bottom: 26%;
        display: none
    }

    .prev-page-under-8 .bottom-icon {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .prev-page-under-8 .top-icon {
        margin-left: -10px;
        margin-bottom: 12px
    }

    .people-slider-wrapper, .portfolio-slider-wrapper {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        top: 0;
        left: 0;
        background-image: url(../../img/bg-min.jpg);
        background-size: cover;
        background-position: 0 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .people-slider-wrapper.open, .portfolio-slider-wrapper.open {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        z-index: 102
    }

    #fullpage {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    html {
        overflow: auto
    }

    html body {
        height: auto
    }

    html .wrapper {
        height: auto;
        overflow-x: hidden
    }

    .first-title {
        font-size: 62px;
        font-size: calc(32px + (62 - 32) * ((100vw - 320px) / (1023 - 320)))
    }

    .first-title .to-mob {
        display: block;
        margin: auto
    }

    .first-title .to-desck, .main-line {
        display: none
    }

    .second-screen .subtitle {
        margin-top: 0;
        margin-bottom: 40px
    }

    .second-screen .next-bottom-page {
        bottom: -40px
    }

    .second-screen .next-bottom-page .bottom-icon {
        -webkit-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        transform: rotate(130deg)
    }

    .second-screen .prev-page {
        left: 30px;
        bottom: 0
    }

    .second-screen .rocket {
        left: calc(50% - 60px);
        bottom: -35px;
        display: none
    }

    .second-middle-right .custom-title, .second-top-left .custom-title {
        font-size: 40px
    }

    .second-screen {
        min-height: 1px
    }

    .second-middle-right {
        margin-bottom: 0
    }

    .second-middle-right .custom-text {
        font-size: 19px
    }

    .second-line, .third-line, .third-screen .next-page, .third-screen .prev-page {
        display: none
    }

    .third-line-mob {
        position: absolute;
        display: block;
        height: 100%;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 0
    }

    .point, .third-center-text .text-to-top {
        display: none
    }

    .mob-point {
        display: inline-block;
        max-width: 49%;
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3)
    }

    .third-center-text {
        display: block;
        position: relative;
        padding-top: 150px;
        top: 0 !important
    }

    .third-center-text .text-to-bottom {
        display: inline-block;
        width: 300px;
        max-width: 70%
    }

    #rocket {
        bottom: 43%
    }

    #rocket, #rocket3, .four-screen .left-right-line, .four-screen .next-page, .four-screen .prev-page, .four-screen .rocket {
        display: none
    }

    .four-screen.screen {
        height: 680px;
        min-height: auto
    }

    .five-screen .lapa-nieb5 {
        width: 100%;
        bottom: -3px
    }

    .five-screen .rocket {
        display: none
    }

    .five-screen .prev-page {
        top: 55%;
        left: 30px;
        right: auto;
        display: none
    }

    .five-screen .prev-page .bottom-icon img {
        -webkit-transform: rotate(-80deg);
        -ms-transform: rotate(-80deg);
        transform: rotate(-80deg)
    }

    .five-line-small, .five-screen .next-page {
        display: none
    }

    .six-screen.screen {
        min-height: auto;
        height: auto
    }

    .six-screen .six-line {
        display: none
    }

    .six-screen .six-line-mob {
        display: block;
        position: absolute;
        height: calc(100vw + 50px);
        z-index: -1;
        bottom: 0;
        left: 0
    }

    .six-screen .section-text-block {
        margin-bottom: 60px
    }

    .six-screen .rocket6 {
        display: none
    }

    .six-screen .next-page {
        bottom: 27px;
        display: none
    }

    .section-img-team, .six-screen .text {
        display: none
    }

    .team-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-decoration: none
    }

    .seven-screen.screen {
        height: auto;
        min-height: auto
    }

    .seven-screen .inner {
        padding-top: 110px;
        height: 550px
    }

    .seven-screen .section-title {
        display: block;
        margin: auto;
        font-size: 47px;
        font-size: calc(45px + (47 - 45) * ((100vw - 768px) / (1023 - 768)));
        position: relative
    }

    .seven-screen .next-page:not(.next-page2) {
        bottom: 30px;
        right: 33%;
        display: none
    }

    .seven-screen .next-page2 {
        bottom: 200px;
        display: none
    }

    .seven-screen .rocket {
        left: -9px;
        bottom: 250px;
        z-index: 10;
        width: 164px;
        -webkit-transform: rotate(66deg);
        -ms-transform: rotate(66deg);
        transform: rotate(66deg);
        display: none
    }

    .seven-screen .floor {
        bottom: auto;
        top: 550px;
        z-index: 0
    }

    .inner-portfolio-link {
        display: block;
        position: relative;
        height: 1050px;
        margin-top: -55px;
        padding-top: 150px
    }

    .inner-portfolio-link .prev-page {
        display: none;
        position: absolute;
        top: 35px;
        right: 38%
    }

    #seven-line, .ipl-line {
        display: none
    }

    .lapa-nieb-7_2 {
        bottom: 8px;
        width: 357px
    }

    .seven-line-mob {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1
    }

    .lapa-nieb7 {
        top: 167px;
        right: -6%;
        width: 351px
    }

    .eight-screen {
        display: none
    }

    .nine-screen.screen {
        min-height: auto;
        height: 1050px
    }

    .nine-screen .mob-text {
        display: block;
        font-family: second, roboto, arial, sans-serif;
        color: #ef436e;
        font-size: 75px;
        margin: 110px auto 25px;
        text-transform: uppercase
    }

    .nine-screen .section-text {
        margin: 0 auto
    }

    .nine-screen .section-text h2 {
        font-size: 53px;
        max-width: 500px;
        width: 100%;
        display: block;
        margin: 0 auto 30px;
        line-height: 1.1
    }

    .nine-screen .section-text .subtitle {
        font-size: 22px;
        margin-bottom: 20px
    }

    .nine-screen .last-line {
        display: none
    }

    .last-line-mob {
        position: absolute;
        bottom: 27%;
        display: none
    }

    .section-free {
        overflow: hidden
    }

    .section-free .inner, .top-member-mob {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .top-member-mob {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%;
        -webkit-box-orient: horizontal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 80px;
        position: absolute;
        top: 50%;
        z-index: 10
    }

    .top-member-mob .member-next, .top-member-mob .member-prev, .top-member-mob .member-pseudo-next, .top-member-mob .member-pseudo-prev {
        display: block;
        width: 50px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50px;
        flex: 1 1 50px;
        max-width: 100px;
        border: 0;
        background-color: transparent
    }

    .top-member-mob .member-next img, .top-member-mob .member-prev img, .top-member-mob .member-pseudo-next img, .top-member-mob .member-pseudo-prev img {
        width: 50px
    }

    .top-member-mob .member-prev img, .top-member-mob .member-pseudo-prev img {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .top-member-mob .member-next img, .top-member-mob .member-pseudo-next img {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .top-member-mob .member-line {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(100% - 100px);
        flex: 1 1 calc(100% - 100px);
        max-width: calc(100% - 100px)
    }

    .people-2 .team-member-img-small.right, .people-3 .team-member-img-small.right {
        z-index: -1
    }

    .people-4 .team-member-img-full.left {
        margin-top: 213px
    }

    .people-4 .mob-left {
        padding-right: 40px
    }

    .people-2 .team-member-img-small.right {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-left: 27px
    }

    .people-2 .team-member-img-small.right img {
        width: 100%
    }

    .people-3 .team-member-img-full.left {
        margin-top: 138px
    }

    .portfolio .rocket {
        display: none
    }

    .portfolio-item .portfolio__title {
        max-height: 140px
    }

    .portfolio-item .top-member-mob img {
        margin: auto
    }

    .portfolio-info .right {
        margin-right: 0
    }

    .item1 .portfolio-info .left .animate3 {
        position: static;
        margin-bottom: -60px
    }

    .item5 .left img {
        margin: 0
    }
}

@media (max-width: 767px) {
    .lapa-nieb img, .lapa-roma img {
        height: 200px
    }
}

@media only screen and (max-width: 767px) {
    .loader .countLoad {
        width: 60px;
        height: 60px
    }

    .loader #js-count {
        font-size: 14px
    }

    .loader__anim {
        width: 250px;
        margin-top: 20px
    }

    .loader__logo {
        max-width: 120px;
        height: auto
    }

    .call-menu, body .tablet, body .to-top {
        display: none
    }

    .navigation {
        bottom: 0
    }

    .menu__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        background-color: #1d1d20;
        position: fixed;
        bottom: 0;
        left: 0
    }

    .menu__item .icon-wrap {
        display: block;
        margin: auto
    }

    .menu__item.is-active {
        background-color: #f3c01c
    }

    .menu__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        text-align: center;
        padding: 5px 0
    }

    .menu__item .icon {
        display: block;
        margin: 4px auto
    }

    .menu__link {
        display: block;
        text-align: center;
        width: 100%;
        margin-top: -4px;
        padding-bottom: 0;
        position: static
    }

    .menu__link::after {
        content: none !important
    }

    .menu__link::before {
        content: '';
        background: 0 0;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1
    }

    .first-title {
        padding-left: 30px;
        padding-right: 30px
    }

    .lapa-nieb {
        left: -126px;
        bottom: -65px;
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg)
    }

    .lapa-roma {
        right: -164px;
        bottom: -65px;
        -webkit-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
        transform: rotate(-9deg)
    }

    .second-screen {
        padding-top: 55px;
        overflow: hidden
    }

    .second-screen .lapa-nieb2__c {
        margin-left: -20px
    }

    .second-screen .lapa-nieb2__c, .second-screen .lapa-nieb2__i2 {
        height: 20px;
        -webkit-animation: r2 3s linear infinite;
        animation: r2 3s linear infinite
    }

    .second-screen .lapa-nieb2__i1 {
        height: 20px;
        margin: 0 5px;
        -webkit-animation: r2 3s linear infinite 1.5s;
        animation: r2 3s linear infinite 1.5s
    }

    .second-screen .lapa-nieb2 {
        bottom: auto;
        right: auto;
        width: 200px;
        opacity: 1;
        top: 190px;
        left: -58px;
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    .title-second {
        width: 225px;
        height: 60px
    }

    .third-text-wrapper {
        margin: 0 auto;
        max-width: 325px;
        padding: 40px 25px 0;
        background-image: url(../img/path-valkea.svg);
        background-repeat: no-repeat;
        background-size: 325px auto;
        background-position-y: 33px
    }

    .second-top-left {
        margin-top: 0
    }

    .second-middle-right {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 270px
    }

    .second-middle-right .custom-text, .second-middle-right .custom-title {
        text-align: center
    }

    .second-middle-right .custom-text .big-text {
        display: block;
        text-decoration: underline
    }

    .third-screen {
        height: 880px
    }

    .mob-point.csr-point {
        margin-left: 5%
    }

    .mob-point.digital-point {
        margin-top: -20px;
        margin-right: 5%
    }

    .mob-point.pr-point {
        margin-top: -20px
    }

    .mob-point.custom-point {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto
    }

    .mob-point.zintegrowany-point {
        right: auto;
        top: 24px
    }

    .mob-point.social-point {
        top: -74px;
        right: 10%
    }

    .third-center-text {
        padding: 79px 0 30px
    }

    .four-screen .section-title {
        max-width: 90%;
        display: block;
        position: relative;
        height: 122px;
        overflow: hidden;
        top: 0;
        margin: 40px auto 10px
    }

    .five-screen .section-title img, .four-screen .section-title img {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .four-screen .lapa-nieb4 {
        position: relative;
        width: 100%;
        left: 0
    }

    .four-screen .lapa-nieb4 .to-top-img {
        display: none
    }

    .four-screen .lapa-nieb4 .to-bottom-img {
        display: block
    }

    .four-screen .text .text-inner {
        height: auto;
        padding: 10px 9px 24px;
        font-size: 16px
    }

    .four-screen .text .text-inner .red {
        font-size: 22px
    }

    .four-screen .text {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        margin-top: -53px
    }

    .four-screen .text-1 {
        -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    .four-screen .text-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    .four-screen.screen {
        height: auto
    }

    .five-screen.screen {
        height: auto;
        min-height: auto
    }

    .five-screen .section-title {
        max-width: 100%;
        display: block;
        position: relative;
        height: 135px;
        overflow: hidden;
        top: 0;
        left: 0;
        margin: 40px auto 10px
    }

    .five-screen .lapa-nieb5, .five-screen .text, .seven-screen.screen .inner, .six-screen .six-line-mob {
        display: none
    }

    .secton-text-block {
        position: relative;
        left: 0;
        right: 0;
        padding: 0 20px
    }

    .six-screen .section-text-block {
        padding-left: 20px;
        padding-right: 20px
    }

    .portfolio-small-list li, .team-mobile__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%
    }

    .team-mobile__item img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .team-mobile__item .member-name {
        font-size: 14px;
        width: 120px;
        bottom: 8px;
        background-size: 100%;
        background-position: 29% 16%;
        pointer-events: none
    }

    .inner-portfolio-link .prev-page, .seven-screen .floor, .seven-screen .rocket {
        display: none
    }

    .inner-portfolio-link {
        margin-top: 0;
        padding-top: 50px;
        height: 1150px
    }

    h2.inner-portfolio-title {
        font-size: 52px;
        margin: 0 auto 40px;
        text-align: center
    }

    h2.inner-portfolio-title span {
        display: inline-block;
        padding: 10px 20px;
        border: 4px dashed #ef436e;
        border-radius: 80px
    }

    .portfolio-small-list {
        margin-top: 200px
    }

    .lapa-nieb-7_2 {
        bottom: auto;
        top: 172px;
        right: -43px;
        width: 250px
    }

    .nine-screen.screen {
        height: 710px
    }

    .nine-screen .mob-text {
        margin-top: 60px;
        font-size: 52px
    }

    .nine-screen .section-text h2 {
        font-size: 34px
    }

    .nine-screen .section-text .subtitle {
        font-size: 20px
    }

    .close-section-free {
        top: 20px;
        right: 20px
    }

    .close-section-free img {
        width: 50px;
        height: 50px
    }

    .team-member-name {
        top: -65px;
        left: 50%;
        padding-top: 111px;
        width: 300px;
        height: 158px;
        -webkit-transform: scale(1) translateX(-50%);
        -ms-transform: scale(1) translateX(-50%);
        transform: scale(1) translateX(-50%)
    }

    .team-member-name .name {
        font-size: 24px
    }

    .top-member-mob {
        position: absolute;
        top: 49vh;
        z-index: 25
    }

    .top-member-mob .member-prev, .top-member-mob .member-pseudo-prev {
        text-align: left
    }

    .top-member-mob .member-next img, .top-member-mob .member-prev img, .top-member-mob .member-pseudo-next img, .top-member-mob .member-pseudo-prev img {
        display: inline-block;
        width: 40px
    }

    .top-member-mob .member-next, .top-member-mob .member-pseudo-next {
        text-align: right
    }

    .team-member-title {
        font-size: 28px
    }

    .team-member__info {
        overflow-y: auto;
        max-height: 100vh;
        padding-top: 85px
    }

    .team-member__info .mob-left, .team-member__info .mob-right {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        position: relative
    }

    .people-1 .team-member-img-small.right, .people-1 .team-member-img-small.right img {
        margin: auto
    }

    .people-2 .team-member-img-small.right {
        width: 100%;
        position: static;
        margin: 23px auto 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .people-2 .team-member-img-full {
        display: none
    }

    .people-2 .team-member-text {
        width: 100%;
        max-width: 100%
    }

    .people-3 .team-member-text {
        padding: 40px 0 0;
        margin: auto
    }

    .people-4 .team-member-img-small.right {
        margin: auto;
        max-width: 100%;
        display: block
    }

    .people-4 .team-member-img-full.left {
        display: none
    }

    .people-4 .mob-left {
        margin-top: 40px;
        padding-right: 0
    }

    .people-1 .mob-left {
        margin-top: 40px
    }

    .people-3 .team-member-img-small {
        position: static;
        width: 100%
    }

    .people-3 .team-member-img-full {
        display: none !important
    }

    .people-3 .mob-right {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        max-width: 100%;
        padding: 0;
        margin-top: 186px
    }

    .people-3 .team-member-img-small.right {
        max-width: 100%;
        margin: auto;
        position: absolute;
        left: 50%;
        top: 10px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .people-4 .team-member-img-small.right {
        position: static;
        margin-bottom: -76px
    }

    .portfolio-item .only-close {
        top: 20px;
        right: 20px
    }

    .portfolio-item .only-close img {
        width: 40px;
        height: 40px
    }

    .portfolio-item .portfolio__title {
        height: 156px;
        padding-top: 21px;
        top: 0;
        margin: 20px auto 40px
    }

    .portfolio-item .top-member-mob {
        margin-top: -186px
    }

    .section-free.portfolio-item .inner::after {
        content: '';
        display: block;
        position: absolute;
        width: 50px;
        height: 50px;
        z-index: 10;
        right: 26px;
        top: 197px;
        background-image: url(../img/move_vertical_arrows_blue.png);
        background-size: cover;
        -webkit-animation-name: move-vert;
        animation-name: move-vert;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .section-free.portfolio-item .portfolio-info {
        margin-top: -90px;
        max-width: 80%;
        padding: 0;
        max-height: calc(100vh - 130px)
    }

    .portfolio-info, .section-free.portfolio-item .portfolio-info .left {
        padding: 10px
    }

    .section-free.portfolio-item .portfolio-info .right {
        padding: 30px 10px 10px
    }

    .portfolio-info .right {
        min-width: 1%
    }

    .item4 .left img {
        margin-bottom: 20px
    }

    .item4 .left img:last-child {
        margin-bottom: 0
    }

    .item7 .left img {
        width: 100%;
        float: none;
        margin: 0 auto 20px
    }
}

@media only screen and (max-width: 600px) {
    .lapa-nieb img {
        height: 330px
    }

    .lapa-roma img {
        height: 345px
    }

    .third-screen {
        height: 850px
    }
}

@media only screen and (max-height: 800px) {
    .navigation {
        padding: 50px 0 50px 30px
    }
}

@media only screen and (max-width: 520px) {
    .third-text-wrapper {
        max-width: 320px;
        background-size: 309px auto
    }
}

@media only screen and (max-width: 330px) {
    .inner-portfolio-link {
        height: 1065px
    }
}

@media only screen and (max-height: 770px) {
    .lapa-nieb img {
        max-height: 315px
    }

    .lapa-roma img {
        max-height: 330px
    }
}

@media only screen and (max-height: 730px) {
    .navigaton__menu {
        margin-top: 0
    }

    .lapa-nieb img {
        height: 275px
    }

    .lapa-roma img {
        height: 300px
    }
}

@media only screen and (max-height: 740px) {
    .lapa-nieb7 {
        width: 72%
    }
}

@media all and (max-height: 800px) {
    .nine-screen .section-text {
        top: 34%
    }
}

html .wrapper {
    /*background-size: 100%;*/
    /*background-attachment: fixed;*/
    /*background-attachment: fixed;*/
    /*background-size: initial;*/
    /*background-attachment: fixed;*/
}

/*# sourceMappingURL=app.css.map */

#wrapper-container {
    background-attachment:fixed !important;
    background-size:cover !important;

}