@CHARSET "UTF-8";
    /* aurumowe */

    @font-face {
        font-family: 'tele-groteskfett';
        src: url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff2') format('woff2'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff') format('woff'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.ttf') format('truetype'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.svg#tele-groteskfett') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'tele-groteskhalb';
        src: url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.woff2') format('woff2'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.woff') format('woff'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.eot'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.ttf') format('truetype'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.svg#tele-groteskhalb') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'tele-grotesknorregular';
        src: url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff2') format('woff2'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff') format('woff'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.ttf') format('truetype'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.svg#tele-grotesknorregularregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'tele-groteskultregular';
        src: url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.woff2') format('woff2'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.woff') format('woff'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.eot'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.ttf') format('truetype'),
        url('https://www.t-mobile.pl/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.svg#tele-groteskultregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    /* tele-groteskultregular */

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

    .fett {
        font-family: Tele-groteskfett !important;
    }

    .halb {
        font-family: Tele-groteskhalb !important;
    }

    .ultra {
        font-family: tele-groteskultregular !important;
    }

    .center {
        text-align: center
    }

    .nowrap {
        white-space: nowrap;
    }

    del {
        text-decoration: none;
        background: url(../images/strike-price.png) center no-repeat;
    }



    body {
        margin: 0;
        display: block;
        background-color: #4B4B4B;
        font-family: Tele-grotesknorregular, Arial;
        font-size: 16px;
    }
    .regulamin{
        color:#e20074;
        float:right;
        text-align: right;
    }
    table.area {
        width: 100%
    }

    a {
        text-decoration: none;
        color: #4379ab;
    }

    a:hover {
        color: #E20074;
    }

    a:hover,
    a:focus,
    a:active {
        outline: medium none;
        text-decoration: underline;
    }

    b,
    strong {
        font-family: Tele-groteskfett;
    }

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

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        *zoom: 1;
    }

    .clear {
        clear: both;
        float: none;
        font-size: 0px;
        height: 0px;
        background: none;
        padding: 0;
    }

    .magenta {
        color: #E20074 !important;
    }

    .blue {
        color: #60a6e9 !important;
    }

    .btn {
        background: #e20074;
        color: #fff;
        font-family: tele-groteskfett, Arial, Tahoma, Helvetica;
        font-size: 24px;
        height: auto;
        line-height: auto;
        padding: 12px 40px;
        border-radius: 8px;
        text-align: center;
        text-decoration: none !important;
        white-space: nowrap;
        display: inline-block;
        margin: 0 auto;
        position: relative;
    }

    .btn.link {
        background: none;
        color: #fff;
    }

    .btn.link:hover {
        background: none;
        text-decoration: underline !important;
    }

    .btn.big {
        font-size: 30px;
        padding: 17px 60px;
    }

    .btn.white {
        background: white;
        color: #e20074;
        padding: 10px 53px;
        border: 2px solid #e20074;
    }

    .btn.white.big {
        padding: 13px 40px;
    }

    .btn:hover {
        background: #FF0083;
        color: white;
    }

    .wrapper {
        max-width: 1920px;
        min-width: 320px;
        margin: 0 auto;
        width: 100%;
        background-color: white;
    }

    .mainCon {
        background: none
    }

    .mainCon a.logo1 {
        display: inline-block;
        float: left;
        margin: 0 auto;
        height: 30px;
        width: 120px;
        max-width: 50%;
        background: url(../images/logo_03.png) 5px center no-repeat;
        background-size: auto 30px
    }

    .mainCon a.logo2 {
        display: inline-block;
        width: 160px;
        float: right;
        margin: 0 auto;
        height: 30px;
        max-width: 50%;
        margin-right: 0px;
        background: url(../images/logo_06.png) right center no-repeat;
        background-size: auto 25px
    }

    .mainCon a:hover {
        text-decoration: none
    }

    .section {
        width: 100%;
        height: auto;
        padding: 25px 0;
        position: relative;
    }


    .section .content {
        width: 100%;
        max-width: 375px;
        margin: 0 auto;
        position: relative;
        padding: 15px 40px;
    }

    #textButton {
        color: #e20074;
        display: block;
        cursor: pointer;
        font-family: 'tele-groteskfett';
    }
    .s_ar{
        font-family:arial;
        font-weight:bold;
    }
    #thx,
    #err {
        text-align: center
    }

    .visible-xs {
        display: block;
    }

    .step-ico .visible-xs {
        display: inline-block;
    }

    .visible-sm {
        display: none
    }

    .visible-md {
        display: none
    }

    .visible-lg {
        display: none
    }

    .visible-xlg {
        display: none
    }

    .hidden-sm {
        display: block
    }

    .hidden-md {
        display: block
    }

    .hidden-lg {
        display: block
    }
    /* TYLKO DLA TEJ STRONY ---------------------------------------------- */

    body .tipso_content {
        font-size: 16px;
    }

    h1 {
        font-family: tele-groteskultregular;
        margin: 250px 10px 0;
        text-align: left;
        color: #fff;
    }

    h1 span {
        display: inline-block
    }


    h1 span._1 {
        font-size: 72px;
    }

    h1 span._2 {
        font-size: 24px;
        text-transform: uppercase;
    }



    h2 {
        font-family: tele-groteskultregular;
        color: #000;
        text-align: left;
        font-size: 31px;
        margin: 0 0 1em 0;
    }

    h3 {
        font-size: 2.5em;
    }




    .p1 {
        font-size: 1.6em
    }



    .s-arrow {
        background: #e20074;
        border-radius: 50%;
        color: #ffffff;
        display: block;
        height: 60px;
        left: 50%;
        position: absolute;
        text-align: center;
        bottom: -30px;
        width: 60px;
        z-index: 10;
        margin-left: -30px;
        cursor: pointer;
    }

    .s-arrow::before {
        background: #e20074 none repeat scroll 0 0;
        border-radius: 50%;
        content: "";
        display: block;
        height: 120%;
        left: 50%;
        opacity: 0.5;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 120%;
        z-index: 5;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .s-arrow:hover::before {
        width: 145%;
        height: 145%;
    }

    .s-arrow::after {
        background: transparent url(../images/sec-arrow.png) center no-repeat;
        border-radius: 50%;
        content: "";
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        z-index: 7;
    }

    i.infotip {
        background: #C1C1C1 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABFCAYAAAA4lKTpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNjZBRDkwMURGOUIxMUU5QTM1M0NGRUIzQTdDMENCNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNjZBRDkwMkRGOUIxMUU5QTM1M0NGRUIzQTdDMENCNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM2NkFEOEZGREY5QjExRTlBMzUzQ0ZFQjNBN0MwQ0I1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2NkFEOTAwREY5QjExRTlBMzUzQ0ZFQjNBN0MwQ0I1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8mHMKwAAAZJJREFUeNrs2r2qwjAUB/ATrZNFF3Hr6tBF6CSKSym4+gi+QsFHcHfuUHB0kE6+gIuPINi9i2DbpSCKesl623sl/dAI/4wth/NLk9DTNMyyLJK5KXmCdF2nXq8nFBNFEe12u+qBk8mE5vP5M0/HDMNgy+VSKKYmmmQ0GuUern6/L9wxYaCiKG+dgzWSvAEIIIAAygYMwzB3ssfjUT1wu91SHMfCie73O202GyYax2Qvt7BIAATw24GZ5XGj0aBut1tqosvlQufzuTiQ4xzHeWqaVvrTWK/XzHXdYkM8HA6pChxv4/G4+EdTs9nEIgEQQAABlBmYJIncwP1+T6fTSd5q5na70Ww2Y39VM7Zt59qILLXc4sggCDIDrtcrFgmAAAIIIIAAAggggAD+W1G3Wi0yTTMzoNPp5E7Gd86m02nmvcPhQL7vp66nfuS0221arVZPVVXf/rQWiwX7fXQlNcSDwYA+geONn8d5OQfr9ToWCYAAAgigzMBPbmDygxcvgfxdeDwe2btx/CSJ53mp6z8CDADOxmcOn9b3IgAAAABJRU5ErkJggg==') center no-repeat;
        background-size: auto;
        background-size: auto auto;
        background-size: auto 10px;
        border-radius: 50%;
        color: #fff;
        content: "i";
        display: inline-block;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        height: 17px;
        line-height: 17px;
        margin-top: -5px;
        position: relative;
        text-align: center;
        vertical-align: middle;
        width: 17px;
    }

    i.infotip.go-top {
        top: -1.8em;
    }

    .tipso_style {
        cursor: help;
    }

    .section.mod-last {
        background: #212121;
        color: #C6C6C6;
        padding: 25px 0 15px 0;
    }

    .section.mod-last .legal-mod .legal {
        margin-bottom: .7em;
    }

    .section.mod-last .reg-mod {
        margin: 1em 0;
        text-align: right;
    }

    .section.mod-last .reg-mod p {}

    .section.mod-last .reg-mod p a {
        color: #e20074;
    }

    .section.mod-last .logo-footer {
        display: block;
        height: 35px;
        margin: 15px auto;
    }

    .section.mod-last .reserved {
        text-align: center;
    }

    .section.mod-last hr {
        border: none;
        border-top: 1px solid #666;
    }

    .section.mod0 {
        background: #fff url(../images/kv_xxs.jpg) center top no-repeat;
        background-size: auto;
        height: 600px;
        position: relative;
        padding-top: 0;
    }

    .nonsens {
        position: absolute;
        width: 70px;
        top: 436px;
        left: calc(50% + 35px);
    }

    .section.mod0 .btn-holder {
        text-align: center;
        margin-top: 45px;
    }

    .image1 {
        width: 210px;
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .images-holder {
        text-align: center;
        padding-right: 30px;
    }

    .image2 {
        display: inline-block;
        width: 200px;
        vertical-align: baseline;
    }

    .image3 {
        display: inline-block;
        width: 80px;
        vertical-align: baseline;
        margin-bottom: 10px;
    }

    .line {
        margin-left: 60px;
        margin-top: 40px;
    }

    .step-holder {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAYCAMAAAABDBevAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYwRkRERTk4MEEwNTExRUJBNzU2QjgxQTQ0RThCMjE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYwRkRERTk5MEEwNTExRUJBNzU2QjgxQTQ0RThCMjE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjBGRERFOTYwQTA1MTFFQkE3NTZCODFBNDRFOEIyMTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjBGRERFOTcwQTA1MTFFQkE3NTZCODFBNDRFOEIyMTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5jLXT7AAAAGFBMVEX5y+P3v9z////iAHTpP5bsV6PoN5L96/RQu64pAAAAJklEQVR42mJgZwQBBgZGZhBgoRrNAKbZGNhZQICVgQkCqE0DBBgAp+sBpBZrJWEAAAAASUVORK5CYII=') 23px 80px repeat-y;
        background-size: 3px auto;
        position: relative;
        width: 300px;
        /* overflow: hidden; */
    }

    .app {
        position: absolute;
        width: 150px;
        left: -32px;
        top: 590px;
    }

    .step-holder:before {
        content: "";
        display: block;
        width: 100%;
        height: 25px;
        background: white;
        position: absolute;
        left: 0;
        top: 0;
    }

    .step-holder .step {
        position: relative;
        padding: 25px 0;
        overflow: hidden;
    }

    .step-holder .step._7 {
        position: relative;
        padding-bottom: 35px;
        padding-top: 0;
        background: #fff;
    }

    .step-holder .step .step-ico {

        position: absolute;
    }

    .step-holder .step.right_s {
        padding-left: 10p;
    }

    .step-holder .step.right_s .step-ico {
        left: 24px;
        position: absolute;
    }

    .step-holder .step.right_s .step-ico.ico_s {
        left: 64px;
        position: absolute;
    }

    .step-holder .step .step-ico img {
        width: 50px;
    }

    .step-holder .step a {
        text-decoration: underline;
        color: #e20074;
        font-family: 'tele-groteskfett';
        white-space: nowrap;
        text-decoration: none;
    }

    .step-holder .step a:hover {
        text-decoration: underline
    }

    .step-holder .step._5:before {}



    .step-holder .step._2 .step-ico {}

    .step-holder .step._3 .step-ico {}

    .step-holder .step._4 .step-ico {}

    .step-holder .step._5 .step-ico {}

    .step-holder .step._6 .step-ico {}

    .step-holder .step .step-text {
        padding-left: 60px;
        font-size: 16px;
        line-height: 1.4em;
        position: relative;
        z-index: 10;
    }

    .step-holder .step.right_s .step-text {
        padding-left: 125px;
    }

    .step-holder .step .step-text ul {
        padding-left: 1em;
        list-style: none;
    }

    .step-holder .step .step-text ul li {
        position: relative;
    }

    .step-holder .step .step-text ul li:before {
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #e20074;
        left: -.9em;
        top: calc(.7em - 3px);
    }

    .video {
        width: 250px;
        margin-left: 50px;
    }

    .link-info {
        text-align: center;
        text-decoration: none;
    }

    .link-info a {
        font-size: 1.2em;
        color: #e20074;
        text-decoration: none;
    }

    .link-info a:hover {
        font-size: 1.2em;
        color: #e20074;
        text-decoration: underline;
    }

    .go-wrapper {
        background-color: #F2F2F2;
        border-radius: 10px;
        display: block;
        width: 300px;
        margin: 0 auto;
        padding: 15px;
    }

    .go-wrapper p {

font-size: 16px;

font-family: 'tele-groteskhalb';

line-height: 1.4em;

}

    .go-wrapper p span.title {
        font-size: 24px;
        display: block;
        font-family: 'tele-groteskfett';
        line-height: 2em;
    }

    .go-logo-box {
        background: #fff;
        border-radius: 10px;
        display: block;
        text-align: center;
    }

    .go-logo-box img {
        width: 100px;
        margin: 20px auto;
    }

    .tel-box {
        background-color: #E3E3E3;
        border-radius: 10px;
        margin: 20px 0 0;
        font-family: 'tele-groteskfett';
        font-size: 16px;
        padding: 20px;
    }

    .tel-box span {
        color: #e20074;
        font-size: 24px
    }
    .tipso_bubble{
        max-width:250px;
    }
    /* -------------- MOBILE ------------------------------------------------*/

    @media screen and (min-width: 600px) {
        /* ------------------------------ 640 --------------------------------*/
        .visible-xs {
            display: none!important
        }
        .visible-sm {
            display: block;
        }
        .visible-md {
            display: none
        }
        .visible-lg {
            display: none
        }
        .visible-xlg {
            display: none
        }

        .hidden-sm {
            display: none !important
        }
        .hidden-md {
            display: block
        }
        .hidden-lg {
            display: block
        }

        .section {
            padding: 60px 0 0 0;
        }

        body {
            font-size: 18px;
        }
        h2 {
            font-size: 36px;
            text-align: left;
        }
        .section .content {
            max-width: 768px;
            padding: 0 15px;
        }
        .mainCon {
            padding-top: 15px;
        }
        .mainCon a.logo1 {
            height: 50px;
            background-size: auto;
        }
        .mainCon a.logo2 {
            height: 50px;
            background-size: auto;
        }
        .section.mod-last .logo-footer {
            display: block;
            height: 35px;
            margin: 0px 0;
            float: left;
        }
        .section.mod-last .reserved {
            text-align: right;
            float: right;
            margin-top: 12px;
            width: calc(100% - 100px);
        }
        .section.mod0 {
            background: #fff url(../images/kv_xs.jpg) center top no-repeat;
            background-size: auto;
            height: 790px;
            position: relative;
            padding-top: 0;
        }

        h1 {
            margin: 330px auto 0;
            display: block;
            width: 323px;
            float: none;
        }

        h1 span._1 {
            font-size: 100px;
        }

        h1 span._2 {
            font-size: 30px;
            text-transform: uppercase;
        }

        h1 span._3 {
            /*margin-left: -105px;*/
        }
        h1 span._4 {
            margin-left: 105px;
        }
        .nonsens {
            position: absolute;
            width: 80px;
            top: 590px;
            left: calc(50% + 80px);
        }
        .section.mod0 .btn-holder {
            margin-top: 70px;
        }
        .image1 {
            display: block;
            position: absolute;
            left: calc(50% + 10px);
            width: 300px;
            z-index: 20;
            /* top: -40px; */
        }
        .image2 {
            width: 250px;
        }
        .image3 {
            width: 110px;
            margin-bottom: 10px;
        }
        .step-holder {
            width: 600px;
        }
        .arrow_xs {
            width: 274px;
            margin-left: 23px;
        }
        .step-holder .step {
            max-width: 50%;
            width: 50%;
            float: none;
        }
        .step-holder .step._2 {}
        .step-holder .step._3 {
            top: 229px;
        }
        .step-holder .step._5 {
            top: 440px;
        }
        .step-holder .step._6 {
            top: 601px;
        }
        .step-holder .step._7 {
            margin-top: 257px;
        }
        .app {
            position: absolute;
            width: 274px;
            left: 17px;
            top: 460px;
        }
        .step-holder .step.right_s {

            position: absolute;

            right: 0;
        }
        .step-holder .step .step-text {
            font-size: 18px;
        }
        .step-holder .step.right_s .step-ico {
            left: 8px !important;
        }
        .step-holder .step.right_s .step-text {
            padding-left: 65px;
        }
        .step-holder .step .supernet-box {
            background: white url(../images/supernet-platformy.png) center 8px no-repeat;
            background-size: contain;
            border: 3px solid #e20074;
            border-radius: 15px;
            width: 535px;
            margin: -13px auto 0 auto;
            height: 278px;
            position: relative;
        }
        .step-holder .step .supernet-box:before {
            position: absolute;
            content: "";
            width: 200px;
            height: 35px;
            background: white;
            left: 50%;
            transform: translateX(-180px);
            top: -20px;
        }
        .link-info {
            text-align: center;
            margin-top: 60px;
        }
        .go-wrapper {
            background-color: #F2F2F2;
            border-radius: 10px;
            display: block;
            width: 600px;
            margin: 0 auto 30px;
            padding: 15px;
        }

        .go-wrapper p {

            float: left;

            display: block;

            width: 70%;

            padding: 0 20px;
        }

        .go-wrapper p span.title {
            font-size: 24px;
            display: block;
            font-family: 'tele-groteskfett';
            line-height: 2em;
        }

        .go-logo-box {
            width: 30%;
            height: 175px;
            padding: 30px 0;
            float: left;
        }

        .go-logo-box img {
            width: 100px;
            margin: 20px auto;
        }
        .tech-wrap {
            margin-bottom: 20px;
        }
        .tel-box {
            width: 46%;
            margin: 1%;
            height: 100px;
            float: left;
        }
        .tel-box span {
            color: #e20074;
            font-size: 24px
        }
    }

    @media screen and (min-width: 960px) {
        /* ------------------------------ 960 --------------------------------*/
        .visible-xs {
            display: none!important
        }
        .visible-sm {
            display: none!important;
        }
        .visible-md {
            display: block!important;
        }
        .visible-lg {
            display: none
        }
        .visible-xlg {
            display: none
        }
        .hidden-sm {
            display: none !important
        }
        .hidden-md {
            display: block
        }
        .hidden-lg {
            display: block
        }
        h2 {
            margin-top: 110px;
            font-size: 48px;
        }
        .section .content {
            max-width: 960px;
        }
        .section.mod-last {
            padding: 35px 0 25px;
        }

        .section.mod-last .reg-mod {
            text-align: right;
        }
        .section.mod-last hr {
            width: 100%;
            float: none;
            margin: 25px 0;
            border: none;
            border-top: 1px solid #666;
        }
        .section.mod0 {
            background: #fff url(../images/kv_sm.jpg) center top no-repeat;
            height: 770px;
            position: relative;
            padding-top: 0;
        }

        h1 {
            display: inline-block;
            margin: 60px auto 0 20px;
            text-align: left;
            width: auto;
        }

        h1 span._1 {
            font-size: 130px;
        }
        h1 span._2 {}


        .nonsens {
            position: absolute;
            width: 80px;
            top: 360px;
            left: 275px;
            right: 15px;
        }
        .section.mod0 .btn-holder {
            text-align: left;
            margin-top: 60px;
        }
        .image1 {
            display: block;
            position: absolute;
            width: 390px;
            z-index: 20;
            top: 25px;
        }
        .step-holder {
            width: 100%;
        }
        .arrow_xs {
            width: 434px;
            margin-left: 23px;
        }
        .step-holder .step .step-ico img {
            width: 65px;
        }
        .step-holder .step .step-text,
        .step-holder .step.right_s .step-text {
            padding-left: 80px;
        }
        .step-holder .step._2 {}
        .step-holder .step._3 {
            top: 168px;
        }
        .step-holder .step._5 {
            top: 328px;
        }
        .step-holder .step._6 {
            top: 460px;
        }
        .step-holder .step._7 {
            margin-top: 257px;
        }
        .video {
            width: 400px;
            margin-left: 50px;
        }
        .app {
            position: absolute;
            width: 301px;
            left: 17px;
            top: 351px;
        }
        .go-wrapper {
            background-color: #F2F2F2;
            border-radius: 10px;
            display: block;
            width: 100%;
            margin: 0 auto 30px;
            padding: 15px;
        }

        .go-wrapper p {

            float: left;

            display: block;

            width: 60%;

            padding: 0 20px;
        }

        .go-wrapper p span.title {
            font-size: 24px;
            display: block;
            font-family: 'tele-groteskfett';
            line-height: 2em;
        }

        .go-logo-box {
            width: 40%;
            height: 175px;
            padding: 30px 0;
            float: left;
        }

        .go-logo-box img {
            width: 114px;
            margin: 20px auto;
        }
        .tech-wrap {
            margin-bottom: 0;
            width: 59%;
            float: left;
        }
        .tel-box {
            width: 39%;
            margin: 1%;
            /* height: 71px; */
            float: left;
            font-size: 18px;
        }
        .tel-box span {
            color: #e20074;
            font-size: 24px
        }
    }

    @media screen and (min-width: 1200px) {
        /* ------------------------------ 1200 --------------------------------*/
        .visible-xs {
            display: none!important
        }
        .visible-sm {
            display: none!important;
        }
        .visible-md {
            display: none!important;
        }
        .visible-lg {
            display: block!important;
        }
        .visible-xlg {
            display: none
        }
        .section .content {
            max-width: 1200px;
        }
        .btn {
            font-size: 30px;
        }
        .section.mod0 {
            background: #fff url(../images/kv_sm.jpg) center top no-repeat;
            height: 770px;
            position: relative;
            padding-top: 0;
        }

        h1 {
            display: inline-block;
            margin: 115px auto 0 0;
        }
        h1 span._1 {
            font-size: 140px;
        }
        h1 span._2 {
            font-size: 36px;
        }
        h1 span._3 {}
        h1 span._4 {
            margin-left: 135px;
        }
        h2 {
            font-size: 41px;
        }
        .nonsens {
            position: absolute;
            width: 105px;
            top: 440px;
            left: 295px;
            right: auto;
        }
        .section.mod0 .btn-holder {
            text-align: left;
            margin-top: 70px;
        }
        .image1 {
            display: block;
            position: absolute;
            left: calc(50% + 140px);
            width: 390px;
            z-index: 20;
            top: 40px;
        }
        .images-holder {
            position: absolute;
            right: 15px;
            bottom: 165px;
        }
        .image2 {
            width: 250px;
        }
        .image3 {
            width: 110px;
            margin-bottom: 10px;
        }
        .step-holder {
            width: 100%;
            background-position: 30px 0px;
        }
        .step-holder .step._2 {}
        .step-holder .step._3 {
            top: 198px;
        }
        .step-holder .step._5 {
            top: 379px;
        }
        .step-holder .step._6 {
            top: 543px;
        }
        .step-holder .step._7 {
            top: 40px;
        }
        .step-holder .step {
            /* margin-bottom: 35px; */
        }

        .step-holder .step .step-ico {
            width: 72px;
        }
        .step-holder .step .step-text {
            font-size: 24px;
        }
        .app {
            position: absolute;
            width: 372px;
            left: 17px;
            top: 391px;
        }

        .arrow_xs {
            width: 555px;
            margin-left: 30px;
        }
        .link-info {
            text-align: center;
            margin-top: 100px;
            font-size: 30px;
        }
    }

    @media screen and (min-width: 1560px) {
        /* ------------------------------ 1560 --------------------------------*/
        .visible-xs {
            display: none!important
        }
        .visible-sm {
            display: none!important;
        }
        .visible-md {
            display: none!important;
        }
        .visible-lg {
            display: none!important;
        }
        .visible-xlg {
            display: block!important;
        }
        .section .content {
            max-width: 1560px;
        }
        .btn {
            font-size: 34px;
        }
        h1 span._1 {
    font-size: 200px;
}
h1 span._2 {
    font-size: 48px;
}
.nonsens {
    position: absolute;
    width: auto;
    top: 530px;
    left: 365px;
    right: auto;
}
        h2 {
            font-size: 56px;
            margin-top: 230px;
        }
        .section.mod0 {
            background: #fff url(../images/kv_lg.jpg) center top no-repeat;
            background-size: auto;
            height: 1030px;
            position: relative;
            padding-top: 0;
        }

        .image1 {
            display: block;
            position: absolute;
            left: calc(50% + 140px);
            width: auto;
            z-index: 20;
            top: 40px;
        }
        .arrow_xs {
            width: 734px;
            margin-left: 30px;
        }
        .go-logo-box {
            width: 40%;
            height: 226px;
            padding: 30px 0;
            float: left;
        }
        .go-logo-box img {
            width: 154px;
            margin: 20px auto;
        }
        .go-wrapper {
            width: 75%;
        }
        .go-wrapper p {
            float: left;
            display: block;
            width: 60%;
            padding: 0 20px;
            font-size: 18px;
        }
        .video {
            width: auto;
            margin-left: 50px;
        }
        .link-info {
            margin-top: 200px
        }
    }