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

        @font-face {
            font-family: 'tele-groteskfett';
            src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.woff2') format('woff2'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.woff') format('woff'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.eot'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.eot?#iefix') format('embedded-opentype'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.ttf') format('truetype'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.svg#tele-groteskfett') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'tele-groteskhalb';
            src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.woff2') format('woff2'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.woff') format('woff'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.eot'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.eot?#iefix') format('embedded-opentype'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.ttf') format('truetype'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.svg#tele-groteskhalb') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'tele-grotesknorregular';
            src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.woff2') format('woff2'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.woff') format('woff'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.eot'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.eot?#iefix') format('embedded-opentype'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.ttf') format('truetype'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.svg#tele-grotesknorregularregular') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'tele-groteskultregular';
            src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.woff2') format('woff2'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.woff') format('woff'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.eot?#iefix') format('embedded-opentype'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.eot'),
            url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.ttf') format('truetype'),
            url('/r/repo1/tm/fonts/new_tm/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
        }

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


        body {
            margin: 0;
            display: block;
            background-color: #FFF;
            font-family: Tele-grotesknorregular, Arial;
            font-size: 16px;
        }

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

        .vol2 {
            display: none;
        }

        .vol1 {
            display: inline-block;
        }

        .magenta {
            color: #E20074 !important;
        }

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

        .btn {
            background: #e20074;
            color: #fff;
            font-family: Tele-groteskfett, Arial, Tahoma, Helvetica;
            font-size: 1.2em;
            height: auto;
            line-height: auto;
            padding: 0.7em 1.8em;
            border-radius: 4px;
            text-align: center;
            text-decoration: none !important;
            white-space: nowrap;
            display: block;
            margin: 0 auto;
            position: relative;
        }

        .btn.mag {
            background: #e20074;
            color: #fff;
        }

        .btn .arrow {
            border-color: transparent transparent transparent #fff;
            border-style: solid;
            border-width: 10px 0 10px 16px;
            content: "";
            display: inline-block;
            height: 2px;
            position: absolute;
            width: 0;
            top: 50%;
            right: 20px;
            margin-top: -10px
        }

        .btn:hover .arrow {
            color: #333;
            border-color: transparent transparent transparent #333;
        }

        .btn:hover {
            color: #333;
        }

        .btn-white {
            color: #e20074;
            background-color: white;
        }

        .btn-white:hover {
            color: #333;
        }

        .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: 50px;
            width: 120px;
            max-width: 50%;
            background: url(../images/logo_03.png) 5px center no-repeat;
            background-size: auto 50px
        }

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

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

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


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

        #thx,
        #err {
            text-align: center
        }


        .visible-sm {
            display: none
        }

        .visible-md {
            display: none
        }

        .visible-lg {
            display: block
        }

        .hidden-sm {
            display: block
        }

        .hidden-md {
            display: block
        }

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

        h1 {
            font-family: tele-groteskultregular;
            font-size: 2em;
            line-height: 0.95em;
            margin: 3em 0 2.5em 1em;
        }

        h1 span {
            margin: 0.05em 0;
            display: inline-block
        }

        h1 span.black {
            background: black;
            color: white;
            padding: 2px 8px;
        }

        h1 span.magi {
            background: #e20074;
            color: white;
            padding: 2px 8px;
        }

        h1 span.white {
            background: #fff;
            color: #e20074;
            padding: 2px 8px;
        }

        h2 {
            font-family: tele-groteskultregular;
            color: white;
        }

        h3 {
            font-size: 2.5em;
        }


        .section.mod0 {
            background: #e20074 url(../images/bg_header_320.jpg) top center no-repeat;
            background-size: auto;
            position: relative;
        }

        .section.mod1 .content {
            margin-top: -250px;
            padding: 15px 0px;
        }

        .section.mod1 .mobile-bg {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white
        }

        .section.mod0 .header-tel-holder {
            display: none;
        }

        .section.mod0 .gift {
            max-width: 140px;
        }

        .section.mod0 .header-pat {
            display: inline-block;
            text-align: center;
            color: white;
            font-family: tele-groteskhalb;
            letter-spacing: .5px;
            line-height: 1.1em;
            border: 1px solid white;
            border-radius: 8px;
            padding: 8px 15px;
            position: absolute;
            right: 15px;
            top: 290px;
            transform: rotate(15deg);
        }



        .p1 {
            font-size: 1.6em
        }



        .s-arrow {
            background: #fff;
            border-radius: 50%;
            color: #ffffff;
            height: 60px;
            left: 50%;
            position: absolute;
            text-align: center;
            bottom: 50px;
            width: 60px;
            z-index: 10;
            margin-left: -30px;
            cursor: pointer;
            transform: scale(.85);
            display: none;
        }

        .s-arrow::before {
            background: #fff 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: url(../images/arrow_down.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: #D0D0D0;
            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.mod1 {
            background: #F7F7F7;
        }

        .slider-holder {
            max-width: 320px;
            margin: 0 auto;
        }

        .tel-side {
            display: block;
            text-align: center;
            max-width: 320px;
            padding: 15px 0;
            position: relative;
            overflow-x: visible;
        }

        .phone-name {
            font-family: tele-grotesknorregular;
            color: #fff;
        }

        .tel-side .phone-name1 {
            font-size: 1.3em;
            font-family: tele-groteskultregular;
            margin: .8em auto .2em
        }

        .tel-side .tech-spec {
            color: #a5a5a5;
            text-decoration: underline;
        }

        .tel-side .color-switcher-holder {
            position: absolute;
            right: 0;
            left: 0;
            bottom: -45px;
            margin: 0 auto;
        }

        .tel-side .color-switcher-holder .color-item {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: black;
            display: inline-block;
            margin: 12px 5px;
            -webkit-box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.75);
            box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.75);
            position: relative;
        }

        .tel-side .color-switcher-holder .color-item.white {
            background: white
        }

        .tel-side .color-switcher-holder .color-item.gold {
            background: gold
        }

        .tel-side .color-switcher-holder .color-item.active:after {
            position: absolute;
            top: -5px;
            left: -5px;
            content: "";
            border: 1px solid #e20074;
            height: 33px;
            width: 33px;
            border-radius: 50%
        }

        .slick-slide .tel-side img {
            display: inline-block;
            max-height: 250px;
        }

        .pat {
            font-size: .8em;
            display: block;
            width: 5em;
            height: 5em;
            border-radius: 50%;
            background: #57b9f2;
            position: absolute;
            top: 14%;
            left: calc(50% + 25px);
        }

        .pat:before {
            display: block;
            content: "";
            width: 120%;
            height: 120%;
            border-radius: 50%;
            background: #57b9f2;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            opacity: .5;
        }

        .pat .v-align {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
        }

        .pat.smaller .v-align {
            top: 45%;
            left: 45%;
        }

        .pat .price-holder {
            color: white;
            margin-top: -5px;
            font-family: tele-groteskultregular;
        }

        .pat .price-holder .number {
            font-size: 3.5em;
            line-height: 0.8em;
        }

        .pat .price-holder .number._2 {
            font-size: 2.5em;
            line-height: 0.8em;
        }

        .pat .price-holder .number._3 {
            font-size: 2.0em;
            line-height: 0.8em;
        }

        .pat .price-holder .currency {
            font-size: 1.5em;
            line-height: 1em;
            position: relative;
            vertical-align: top;
        }

        .pat.smaller .price-holder .currency {
            font-size: 1.2em;
            line-height: 1em;
        }

        .pat .price-holder .currency .desc {
            display: inline-block;
            font-size: 0.45em;
            left: 0;
            line-height: 1em;
            position: absolute;
            top: 82%;
            white-space: nowrap;
            text-align: left
        }

        .pat del {
            font-size: 1em;
            color: white;
            position: relative;
            display: inline-block;
            margin-top: -.5em;
        }

        .pat del:after {
            color: white;
            display: block;
            content: "";
            width: 120%;
            height: 2px;
            background: #e20074;
            position: absolute;
            top: 50%;
            right: -10%;
            transform: rotate(-14deg);
        }

        .tel-side .tech-icos {
            display: none;
            text-align: center;
            margin-top: 15px;
            height: auto;
            width: 68px;
            position: absolute;
            left: 0;
            top: 0;
        }

        .tel-side .tech-icos .ico {
            display: inline-block;
            width: 100%;
            margin: 0 2px 15px;
            background: url(../images/wyswietlacz.png) top center no-repeat;
            background-size: 25px auto;
            padding-top: 32px;
            font-size: 14px;
        }

        .tel-side .tech-icos .ico.ico-camera {
            background-image: url(../images/aparat.png)
        }

        .tel-side .tech-icos .ico.ico-cpu {
            background-image: url(../images/procesor.png)
        }

        .tel-side .tech-icos .ico.ico-dust {
            background-image: url(../images/wodoodpornosc.png)
        }

        .tel-side .tech-icos .ico.ico-memo {
            background-image: url(../images/pamiec.png)
        }

        .tel-side .tech-icos .ico.ico-bat {
            background-image: url(../images/bateria.png)
        }

        .tel-side .tech-icos .ico.ico-finger {
            background-image: url(../images/czytnik_linii.png)
        }

        .tel-side .tech-icos .ico.ico-dual {
            background-image: url(../images/dual_sim.png)
        }

        .offer-side {
            display: block;
            max-width: 320px;
        }

        .box-tabs {
            display: none;
            z-index: 5;
            padding-top: 6px;
        }

        .box-tabs .tab {
            display: inline-block;
            width: 50%;
            float: left;
            background: #e20074;
            color: white;
            border-radius: 6px 6px 0 0;
            font-family: tele-groteskultregular;
            font-size: .75em;
            line-height: 1.2em;
            padding: 8px 6px;
            cursor: pointer;
        }

        .box-tabs .tab.active {
            background: white;
            color: #e20074;
            border: 1px solid #ccc;
            border-bottom: 0;
            position: relative;
        }

        .box-tabs .tab.active:after {
            display: block;
            position: absolute;
            content: "";
            top: -7px;
            left: -1px;
            width: 100%;
            height: 13px;
            border-radius: 8px 8px 0 0;
            background: white;
            border: 1px solid #ccc;
            border-bottom: none;
            z-index: 12;
        }

        .box-tabs .tab .prefix {
            display: inline-block;
            width: 35%;
        }

        .box-tabs .tab .n {
            display: inline-block;
            width: 60%;
            text-align: left;
        }

        .box-tabs .tab.tab_1 {
            margin-right: 0;
        }

        .box-tabs .tab.tab_1 .prefix {
            font-size: 3.2em;
            line-height: .7em;
        }

        .box-tabs .tab.tab_2 {
            margin-left: 0;
        }

        .box-tabs .tab.tab_2 .prefix {
            font-size: 1.7em;
            line-height: 1.2em
        }

        .box-tabs .tab.tab_2 .prefix small {
            font-size: .5em;
            vertical-align: baseline;
        }

        .box {
            display: inline-block;
            text-align: center;
            width: 100%;
            background: white;
            padding: 15px 0 13px 0;
            bottom: 17%;
            margin: 0;
            margin: 40px 0;
            border-top: 0;
            border-radius: 5px;
            -webkit-box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.5);
        }

        .box .item.mobile-tab {
            color: #e20074;
            font-family: tele-groteskfett;
            font-size: 1.1em;
            border-top: 1px solid #e20074;
            border-bottom: 1px solid #e20074;
            position: relative;
            cursor: pointer;
            margin-top: -1px;
        }

        .box .item.mobile-tab.active {
            border-bottom: none;
        }

        .box .item.mobile-tab:after {
            position: absolute;
            content: "";
            width: 30px;
            height: 30px;
            right: 15px;
            top: 0;
            background: url(../images/arrow_down.png) right center no-repeat;
            background-size: contain;
            transform: rotate(0deg);
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .box .item.mobile-tab.active:after {
            transform: rotate(180deg);
        }


        .box .item {
            display: block;
            min-height: 20px;
            padding: .5em;
            vertical-align: middle;
            width: 100%;
            font-size: 1.0em;
            line-height: 1.0em;
            margin: 0 auto;
        }

        .box .tab-depend.tab_2 {
            display: none;
        }

        .box .block-price del {
            position: relative;
            font-size: 1.4em;
            margin-left: -1em;
            margin-right: .45em
        }

        .box .block-price del:after {
            color: white;
            display: block;
            content: "";
            width: 120%;
            height: 1px;
            background: black;
            position: absolute;
            top: 50%;
            right: -10%;
            transform: rotate(-14deg);
        }

        .box .item span.price {
            color: #e20074;
            display: block;
            font-family: tele-groteskultregular;
            font-size: 3.2em;
            line-height: 0.9em;
            font-family: tele-groteskultregular;
        }

        .box .item span {
            color: #e20074;
            display: block;
            font-family: tele-groteskultregular;
            font-size: 1.5em;
            line-height: 1.1em;
            font-family: tele-groteskultregular;
        }

        .box .item span.smaller {
            display: block;
            font-size: 1.6em;
        }

        .box hr {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-image: url('') none;
            display: block;
            margin: 0 auto;
            width: 80%;
            border-left-style: none;
            border-left-width: medium;
            border-right-style: none;
            border-right-width: medium;
            border-top-style: solid;
            border-top-width: 1px;
            border-bottom-style: none;
            border-bottom-width: medium;
            border-color: #ededed;
        }

        .box .price-holder {
            margin-top: 8px;
            width: 100%;
            margin-bottom: 8px;
        }

        .box .price-holder .number {
            font-size: 4.5em;
            font-family: tele-groteskultregular;
            color: #e20074;
            line-height: .8em;
            display: inline-block;
        }

        .box .price-holder .currency {
            font-size: 1.1em;
            line-height: 1em;
            font-family: tele-groteskultregular;
            color: #e20074;
            display: inline-block;
            text-align: left;
        }

        .slick-slide.slide {}

        .custom-arrow-next,
        .custom-arrow-prev {
            display: block;
            width: auto;
            height: 30px;
            position: absolute;
            top: 34.5%;
            z-index: 50;
        }

        .custom-arrow-next em,
        .custom-arrow-prev em {
            display: inline-block;
            position: absolute;
            top: 0;
            width: 40px;
            height: 40px;
        }

        .custom-arrow-next {
            right: 15px;
        }

        .custom-arrow-prev {
            left: -5px;
        }

        .custom-arrow-next em,
        .custom-arrow-prev em {
            -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
            border-radius: 50%
        }

        .custom-arrow-next em {
            background: url(../images/arrow_down.png) right center no-repeat;
            background-size: contain;
            transform: rotate(-90deg);
            right: 0;
        }

        .custom-arrow-prev em {
            left: 0;
            background: url(../images/arrow_down.png) left center no-repeat;
            background-size: contain;
            transform: rotate(90deg);
        }

        .custom-arrow-next.slick-disabled,
        .custom-arrow-prev.slick-disabled {
            opacity: .4
        }

        .custom-arrow-next div,
        .custom-arrow-prev div {
            max-width: 80px;
            margin-top: 45px;
            font-size: .9em;
            color: black;
            visibility: hidden;
        }

        .custom-arrow-next div span,
        .custom-arrow-prev div span {
            font-family: tele-groteskfett
        }

        .custom-arrow-next div {
            text-align: right;
        }

        .custom-arrow-prev div {
            text-align: left;
        }

        .custom-arrow-next.slick-disabled div,
        .custom-arrow-prev.slick-disabled div {
            opacity: 0
        }


        .section.mod2 {
            background: black;
            color: white;
        }

        .section.mod2 h2 {
            font-size: 1.3em;
            font-family: tele-groteskfett;
        }

        .section.mod2 .steps .step {
            font-family: tele-groteskhalb;
            max-width: 70%;
            margin: 25px auto;
            padding: 20px 5px;
            position: relative;
        }

        .section.mod2 .steps .step a {
            color: white;
            text-decoration: underline;
        }

        .section.mod2 .steps .step:after {
            position: absolute;
            content: "";
            top: 100%;
            left: 50%;
            margin-left: -10px;
            width: 20px;
            height: 20px;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAQCAYAAADnEwSWAAAAAXNSR0IArs4c6QAAANhJREFUOBG1k00KwjAQhQteQXDhzo2C99+70Du4ceGuIHiF+I362jRNSpukA4/8Td7XmdCmIZxze3RDB1vXCLy26IrOnR8LAz2RRYuKgXgY6I4s3ugHZHKxHS+KgPj4INk+mGzUQlWmwyxgAtRXZv0kyW9lFpBLO6TWyWMI0uNxmg1cBCoB/kH2Jn7EKxJIIzdSFR6Vo5Fca10eyDOJAV8Yd8AqoAAYfvUXmADZWf8Dy2jumDBlexSDquf6j/Kwjb2LT6sDEnkCWBc0AVwHFAGuCwqAJ62XjB/JQm9imQImdQAAAABJRU5ErkJggg==') center no-repeat;
            background-size: contain;
        }

        .section.mod2 .steps .step._3:after {
            display: none;
        }

        .section.mod2 .steps .step img {
            margin: 0 auto 15px;
            display: block;
        }

        .section.mod4 .right {
            text-align: right;
        }



        #outlet-info-modal {
            background: #e20074;
            max-width: 900px;
        }

        #outlet-info-modal .icos-holder {
            margin-bottom: 2em
        }

        #outlet-info-modal .icos-holder .icos {
            font-size: .9em;
            display: inline-block;
            width: 100%;
            max-width: 300px;
            background: url(../images/LP_Outlet_05.png) top center no-repeat;
            background-size: auto 80px;
            height: auto;
            color: white;
            padding-top: 80px;
            margin: 10px 0;
            padding-left: 30px;
            padding-right: 30px;
        }

        #outlet-info-modal .icos-holder .icos._1 {
            background-image: url(../images/LP_Outlet_05.png);
        }

        #outlet-info-modal .icos-holder .icos._2 {
            background-image: url(../images/LP_Outlet_07.png);
        }

        #outlet-info-modal .icos-holder .icos._3 {
            background-image: url(../images/LP_Outlet_09.png);
        }

        #outlet-info-modal .icos-holder .icos._4 {
            background-image: url(../images/LP_Outlet_11.png);
        }

        .outlet-modal .fancybox-skin {
            background: #e20074;
            color: white;
            outline: 1px solid white;
        }

        .tech {
            pointer-events: none;
            position: absolute;
            top: 10em;
            right: 13.5em;
            width: 6em;
            z-index: -1;
        }

        .tech span {
            color: #e20074;
            background: #fff;
            padding: 0.5em;
            font-size: .7em;
            line-height: 1em;
            margin: 3px 0;
            float: right;
            text-align: right;
            width: 9em;
        }
        /* -------------- MOBILE ------------------------------------------------*/

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

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

            .section {
                padding: 0
            }

            body {
                font-size: 18px;
            }
            .section .content {
                max-width: 768px;
            }
            .mainCon a.logo1 {
                height: 50px;
                background-size: auto;
            }
            .mainCon a.logo2 {
                height: 50px;
                background-size: auto;
            }

            .section.mod0 {
                background: #e20074 url(../images/bg_header_770.jpg) top center no-repeat;
            }
            .section.mod0 .header-pat {
                right: initial;
                left: 70%;
                top: 190px;
            }
            .section.mod0 .gift-holder {
                text-align: left;
            }
            .section.mod0 .header-tel-holder {
                display: block;
                text-align: center;
                margin-top: -30px
            }
            .section.mod0 .header-tel-holder .header-tel {
                display: inline-block;
                position: relative;
                margin: 0 12px;
            }
            .section.mod0 .header-tel-holder .header-tel img {
                max-height: 300px;
            }
            .section.mod0 .header-tel-holder .header-tel .header-tel-name {
                color: white;
                margin-top: .5em
            }
            .section.mod0 .header-tel-holder .header-tel .pat {
                right: -20px;
                left: initial;
                text-align: center;
            }
            .section.mod1 .content {
                margin-top: 0
            }
            h1 {
                font-size: 2.3em;
            }
            .section.mod1 {
                text-align: center;
            }
            .section.mod1 .mobile-bg {
                display: none;
            }
            .slider-holder {
                max-width: 580px;
                margin: 0 auto;
            }
            .slick-slide .tel-side img {

                max-height: 400px;
            }
            .slick-slide.slide {
                margin: 40px 0;
                padding: 0 45px;
            }
            .offer-side {
                max-width: 260px;
                float: right;
            }
            .tel-side {
                display: inline-block;
                text-align: center;
                width: 100%;
                max-width: 225px;
                padding: 43px 0 0 0;
                position: relative;
                margin-top: 0px
            }
            .tel-side .phone-name1 {
                font-size: 1em;
            }

            .tel-side .tech-icos {
                display: block;
            }
            .tech-spec {
                display: none;
            }
            .offer-side {
                width: 100%;
            }
            .offer-side {
                display: block;
            }
            .tech {
                top: 15em;
                right: 8em;
                z-index: 1;
            }
            .box-tabs {
                display: block;
            }
            .box {

                width: 247px;
                font-size: .9em;

                -webkit-box-shadow: 0px 9px 22px -10px rgba(0, 0, 0, 0.75);
                -moz-box-shadow: 0px 9px 22px -10px rgba(0, 0, 0, 0.75);
                box-shadow: 0px 9px 22px -10px rgba(0, 0, 0, 0.75);
                border: 1px solid #eee;
                /*border-top: none;*/
            }

            .box .item.mobile-tab {
                display: none;
            }
            .box .item {
                padding: .5em 1em;
            }
            .section.mod2 h2 {
                font-size: 2em;
            }
            .section.mod2 .steps .step {
                width: 32%;
                height: auto;
                margin: 25px auto;
                padding: 100px 15px 15px;
                display: inline-block;
            }
            .section.mod2 .steps .step a {
                color: white;
                text-decoration: underline;
            }
            .section.mod2 .steps .step:after {
                top: 46px;
                left: 100%;
                margin-left: -10px;
                background-size: contain;
                transform: rotate(-90deg);
            }
            .section.mod2 .steps .step._3:after {
                display: none;
            }
            .section.mod2 .steps .step img {
                margin: 0 auto 15px;
                display: block;
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
            }
            .section.mod2 .steps .step._2 img {
                top: 30px;
            }
            #outlet-info-modal .icos-holder .icos {
                width: 49%;
            }
            .custom-arrow-next,
            .custom-arrow-prev {
                top: 45.5%;
            }
            .pat {
                font-size: 1em;
            }
            .texh {
                display: block;
                position: absolute;
                top: 69%;
                left: 9%;
                z-index: 10;
                width: 150px;
            }
        }

        @media screen and (min-width: 960px) {
            /* ------------------------------ 960 --------------------------------*/
            .section .content {
                max-width: 960px;
            }
            .s-arrow {
                display: block;
            }
            .section.mod0 {}
            h1 {
                font-size: 2em;
                margin-top: 7em;
                display: block;
                float: left;
            }
            .phone-name {
                font-family: tele-grotesknorregular;
                color: #000;
            }
            .section.mod0 .header-pat {
                right: initial;
                left: 330px;
                top: 130px;
                transform: rotate(-15deg);
            }
            .section.mod0 .header-tel-holder {
                display: block;
                text-align: right;
                margin-top: -340px
            }
            .section.mod0 .header-tel-holder .header-tel img {
                max-height: 380px;
            }
            .section.mod0 .header-tel-holder .header-tel .header-tel-name {
                text-align: center;
            }
            .section.mod1 {
                padding-top: 40px;
                padding-bottom: 30px;
            }
            .slider-holder {
                max-width: 69%;
                top: 7em;
            }
            .tel-side {
                display: inline-block;
                margin: 0;
            }
            .offer-side {
                display: inline-block;
            }
            .section.mod2 h2 {
                float: left;
                max-width: 20%;
                text-align: right;
                font-size: 1.5em;
                margin-top: 50px
            }
            .section.mod2 .steps {
                width: 80%;
                float: left;
            }
            #outlet-info-modal .icos-holder .icos {
                width: 24%;
                background-size: auto 120px;
                padding-top: 120px;
                font-size: 1em;
            }
            .slick-slider {
                position: absolute!important;
                ;
                right: 0;
                float: right;
            }
            .slick-slide.slide {
                margin: 40px 0px;
                padding: 0 80px;
            }
            .section.mod0 {
                background: url(../images/bg_header_1200.jpg) top center no-repeat;
                height: 800px;
            }
            .slick-slide .tel-side img {
                display: inline-block;
            }
            .vol1 {
                display: none;
            }
            .vol2 {
                display: inline-block;
            }
            .tech {
                position: absolute;
                top: 15em;
                right: 11.5em;
                z-index: -1;
                width: 7em;
            }
            .tech span{
                width: 8em;
            }
        }

        @media screen and (min-width: 1200px) {
            /* ------------------------------ 1200 --------------------------------*/
            .section.mod0 {
                background: url(../images/bg_header_1560.jpg) top center no-repeat;
            }
            .section .content {
                max-width: 1200px;
            }

            .section.mod0 {
                height: 850px;
                background-size: auto;
            }
            h1 {
                font-size: 2.5em;
                margin-top: 5em;
            }
            .section.mod0 .header-pat {
                right: initial;
                left: 560px;
                top: 94px;
                font-size: 1.3em;
                border: 2px solid white;
            }
            .section.mod0 .gift-holder .gift {
                max-width: 180px;
            }

            .offer-side {
                max-width: 355px;
            }
            .tel-side {
                padding: 24px 0 0 0;
                max-width: 335px;
            }
            .box-tabs .tab {
                font-size: .9em;
            }
            .custom-arrow-next div,
            .custom-arrow-prev div {
                visibility: visible;
            }
            .slider-holder {
                max-width: 66%;
                float: right;
            }
            .box {
                width: 330px;
                font-size: 1em;
            }
            .slick-slide.slide {
                padding: 0 45px;
            }
            .slick-slide .tel-side img {
                max-height: 460px;
            }
            .pat {

                left: calc(50% - 145px);
            }
            .vol2 {
                display: none;
            }
            .vol1 {
                display: inline-block;
            }
            .tech {
                top: 17em;
                right: 15em;
                z-index: -1;
                width: 9em;
            }
            .tech span{
                
                width: 9em;
            }
            .tel-side .phone-name1 {
                font-size: 1.3em;
            }
        }

        @media screen and (min-width: 1560px) {
            /* ------------------------------ 1560 --------------------------------*/
            .section.mod0 {
                background: url(../images/bg_header_1920.jpg) top center no-repeat;
            }
            .section .content {
                max-width: 1560px;
            }
            .section.mod0 {
                height: 980px;
            }
            h1 {
                font-size: 3.5em;
                margin-top: 5em;
                float: left;
            }
            .section.mod0 .header-pat {
                left: 802px;
                top: 150px;
            }
            .section.mod0 .header-tel-holder .header-tel {
                margin: 0 40px;
            }
            .section.mod0 .header-tel-holder .header-tel img {
                max-height: 500px;
            }

            .section.mod0 .gift-holder .gift {
                max-width: 600px;
            }
            .tel-side {
                display: inline-block;
                margin: 0;
                max-width: 470px;
            }

            .offer-side {
                display: inline-block;
            }
            .slick-slide .tel-side img {
                max-height: 550px;
            }
            .custom-arrow-next div,
            .custom-arrow-prev div {
                max-width: 500px;
            }
            .section.mod2 h2 {
                max-width: 30%;
                text-align: right;
                font-size: 1.5em;
                margin-top: 90px
            }
            .section.mod2 .steps {
                width: 70%;
                float: left;
            }
            .box {

                margin: 100px 0;
            }
            .pat {
                font-size: 1.3em;
                top: 14%;
                left: calc(50% - 195px);
            }
            .slider-holder {
                max-width: 60%;
            }
            .tech {

                position: absolute;
                top: 21em;
                right: 20em;
                z-index: -1;
                width: 9em;
            }
            .tech span{
                    font-size: 0.8em;
                width: 9em;
            }
            .tel-side .phone-name1 {
                font-size: 1.5em;
            }
            .custom-arrow-prev {
                left: 75px;
            }
        }




        body .tipso_content {
            font-size: 1.1em;
        }