/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @font-face {
    font-family: "tele-groteskfett";
    src: url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.ttf") format("truetype"),
        url("/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("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.ttf") format("truetype"),
        url("/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-groteskfetregular";
    src: url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.ttf") format("truetype"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.svg#tele-groteskfetregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: "telegrotesk_headlineregular";
    src: url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.ttf") format("truetype"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.svg#telegrotesk_headlineregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "telegrotesk_headline_ultrarg";
    src: url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.ttf") format("truetype"),
        url("/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.svg#telegrotesk_headline_ultrarg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "tele-grotesknorregular";
    src: url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.ttf") format("truetype"),
        url("/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("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.ttf") format("truetype"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.svg#tele-groteskultregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "telelogoregular";
    src: url("/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.ttf") format("truetype"),
        url("/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.svg#telelogoregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "glyphicons halflings";
    src: url("/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
        url("/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

@font-face {
    font-family: "slick";
    src: url("/c/binaries/content/assets/lp/common/fonts/slick.eot");
    src: url("/c/binaries/content/assets/lp/common/fonts/slick.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/slick.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/slick.ttf") format("truetype"),
        url("/c/binaries/content/assets/lp/common/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*werjsja dla popupow */
@font-face {
    font-family: "Tele-GroteskNor";
    src: url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff") format("woff"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot?#iefix") format("embedded-opentype"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.ttf") format("truetype"),
        url("/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.svg#tele-grotesknorregularregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* END werjsja dla popupow */

@font-face {
    font-family: "teleneobold";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-bold-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "teleneobold_italic";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-bolditalic-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-bolditalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "teleneoextrabold";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-extrabold-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-extrabold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "teleneoextrabold_italic";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-extrabolditalic-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-extrabolditalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "teleneomedium";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-medium-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "teleneomedium_italic";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-mediumitalic-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-mediumitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "teleneoregular";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-regular-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "teleneoregular_italic";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-regularitalic-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-regularitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "teleneothin";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-thin-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-thin-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "teleneothin_italic";
    src: url("/c/binaries/content/assets/lp/common/fonts/teleneo-thinitalic-webfont.woff2") format("woff2"),
        url("/c/binaries/content/assets/lp/common/fonts/teleneo-thinitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

:root {
    font-size: 1rem;
    line-height: 1.25rem;
}

body,
html {
    background: #333;

    padding: 0;
    margin: 0;
}

.area {
    width: 100%;
}

.title,
.title_print {
    display: none;
}

p,
a,
h1,
h2,
h3,
span,
hr {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

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

.my-wrapper {
    max-width: 23.4375rem;
    margin: 0 auto;
    position: relative;
    font-family: "teleneomedium";
}

.container-fluid .container {
    padding: 0 5%;
    margin: 0 auto;
    width: 100%;
}

.top-bar {
    background: transparent;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 1.25rem;
    width: 100%;
}

.logo-box {
    padding: 0.9375rem;
    display: flex;
}

.logo-box .logo {

    height: 1.9344rem;
}

.logo-box .lifs {
    width: 6.6875rem;
    height: 0.5138rem;
    margin-top: 0.8125rem;
    margin-left: 1.25rem;
}

.btnaa {
    text-decoration: none;
    font-family: "teleneobold";
    color: #fff;
    text-align: center;
    display: inline-block;


    border-radius: 0.5rem;
    font-size: 1em;
    line-height: 1em;
    padding: 0.625rem 0.875rem;
    min-width: 10rem;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.btnaa.dark {
    color: #fff;
    background: #e20074;
}

.btnaa.blue {
    color: #fff;
    background: #427bab;
}

.btnaa.white {
    color: #e20074;
    background: #fff;
}

.btnaa.no_border {
    border: solid 0.125rem #FFF;
    color: #e20074;
    margin-top: 0.4375rem;
    text-decoration: underline;
}

.btnaa:hover,
.btnaa:focus,
.btnaa:active {
    color: #000;

}

.btnaa.no_border:hover,
.btnaa.no_border:focus,
.btnaa.no_border:active {}

.btnaa.dark:hover,
.btnaa.dark:focus,
.btnaa.dark:active {
    background: #FF0083;
    color: white;

}

.offer .container {
    position: relative;
    z-index: 10;
    padding: 1.875rem 5%;
}

.offer.jak .container {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.offer.jak img {
    max-width: 14.375rem;
    height: auto;
    margin: 0 auto;
}

.offer.przedluz .container {
    background: #E20074 url(../img/przedluz_xxs.png) bottom center no-repeat;
    height: 20.9375rem;
}

.offer .sec-title {
    font-family: "teleneoextrabold";
    font-size: 2em;
    line-height: 1em;
    color: #161615;
    margin-bottom: 0.9375rem;
    text-align: center;
}

.offer.przedluz .sec-title {
    font-family: "teleneoextrabold";
    font-size: 1.8em;
    line-height: 1em;
    color: #fff;
    margin-bottom: 0.9375rem;
}

.offer .top-title {
    font-family: "teleneomedium";
    font-size: 0.8em;
    line-height: 1em;
    color: #161615;
    display: flex;
    align-items: center;
    margin-bottom: 0.9375rem;
}

.offer .top-title .circ_icon {
    width: 1.75rem;
    margin-right: 0.3125rem;
}

.offer .btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.offer {
    background: #fff;
}
.subinfo{
   text-align:center;
   font-size:12px;
   padding:0 2rem;
}
.offer.przedluz {
    background: #fff;
    color: #fff;
    padding-bottom: 1.875rem;
}

.arr-bot {
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    bottom: -2.25rem;
    left: 50%;
    margin-left: -0.9375rem;
    background: transparent url(../img/arrow.png) center center no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 200;
}

.offer.main {
    background: #427bab;
}

.offer.main .main-title {
    font-family: "teleneoextrabold";
    font-size: 2rem;
    line-height: 1em;
    color: #fff;
    padding: 3.75rem 0 1.3125rem;
    text-align: center;
}

h2 {
    font-family: "teleneoextrabold";
    font-size: 1.6rem;
    line-height: 1em;
    color: #000;
    padding: 3.75rem 0 1.3125rem;
    text-align: center;
}

.offer.main .main-subtitle {
    font-family: "teleneomedium";
    font-size: 1em;
    line-height: 1.1em;
    color: #fff;
    margin-bottom: 1.25rem;
}

.offer.main .main-subtitle span {
    font-family: "teleneoextrabold";
    display: block;
    margin-top: 0.75rem;
}


.offer.main .infi-s {
    display: block;
    width: 18.125rem;
    margin: 3.125rem auto;
}

.offer.main .sw-mid-cont {
    width: 18.125rem;
    margin: 0 auto;
    background: #fff;
    border-radius: 2.5rem;
    display: flex;
    padding: 0.25rem;
    margin-bottom: 1.875rem;
}

.offer.main .sw-mid-cont .sw-mid-item {
    border-radius: 2.5rem;
    padding: 0.5rem 0.5rem 0.25rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.offer.main .sw-mid-cont .sw-mid-item.active {
    background: #e20074;
    cursor: default;
    pointer-events: none;
}

.offer.main .sw-mid-cont .sw-mid-item .sw-mid-txt {
    font-family: "teleneoextrabold";
    font-size: 0.7em;
    line-height: 1.2em;
    color: #e20074;
    text-align: center;
}

.offer.main .sw-mid-cont .sw-mid-item.active .sw-mid-txt {
    color: #fff;
}

.offer .main-small-info {
    font-family: "teleneomedium";
    font-size: 0.8em;
    line-height: 1.1em;
    color: #fff;
    margin-bottom: 0rem;
    text-align: center;
}

.box_offer {
    width: 17.5rem;
    -webkit-box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, .1);
    border-radius: 0.75rem;
    opacity: 0.5;
    font-size: .92em;
    margin: 0 auto;
}

.swiper-wrapper {
    display: flex;
    align-items: flex-end;
    padding: 1.875rem 0
}

.swiper-button-prev {
    width: 2.25rem;
    height: 2.125rem;
    background: transparent url(../img/go_left.png) center center no-repeat;
    background-size: contain;
    left: 0;
}

.swiper-button-next {
    width: 2.25rem;
    height: 2.125rem;
    background: transparent url(../img/go_right.png) center center no-repeat;
    background-size: contain;
    right: 0;
}

.swiper-button-prev::after {
    content: "";
}

.swiper-button-next::after {
    content: "";
}

.swiper-slide.swiper-slide-active .box_offer {
    opacity: 1;
}


.box_offer .top_el .pat-online {
    position: absolute;
    width: 6.875rem;
    height: 1.875rem;
    left: 50%;
    bottom: -0.875rem;
    margin-left: -3.4375rem;
    background: transparent url(../img/online.png) center center no-repeat;
    background-size: contain;
}



.box_offer .top_el.dif.pink {
    background: #e20074;
    height: 8.125rem;
}

.box_offer.buy .top_el.dif.pink {
    height: 7.75rem;
}

.box_offer .top_el .pat_xxs {
    background: url(../img/xxs.png) left top no-repeat;
    background-size: auto;

    height: 4.0625rem;
    /* border-radius: 0 0 3.75rem 3.75rem; */
}

.box_offer .top_el .pat_xs {
    background: url(../img/xs_v2.png) left top no-repeat;
    background-size: auto;

    height: 4.0625rem;
    /* border-radius: 0 0 3.75rem 3.75rem; */
}

.box_offer .top_el .pat_s {
    background: url(../img/s_v2.png) left top no-repeat;
    background-size: auto;

    height: 4.0625rem;
    /* border-radius: 0 0 3.75rem 3.75rem; */
}

.box_offer .top_el .pat_l {
    background: url(../img/l_v2.png) left top no-repeat;
    background-size: auto;

    height: 4.0625rem;
    /* border-radius: 0 0 3.75rem 3.75rem; */
}

.box_offer .top_el .pat_m {
    background: url(../img/m_v2.png) left top no-repeat;
    background-size: auto;

    height: 4.0625rem;
    /* border-radius: 0 0 3.75rem 3.75rem; */
}

.box_offer .top_el .offer_name {
    font-family: "teleneoextrabold";
    font-size: 2em;
    line-height: 1em;
    color: #888888;
    text-align: center;
}

.box_offer .top_el.dif .offer_name {
    margin-bottom: 1rem;
}

.box_offer .top_el.dif.pink .offer_name {
    color: #FFF;
}

.box_offer .bot_el {
    border-radius: 0 0 0.75rem 0.75rem;
    background: #FFF;
    padding: 0.625rem 1.125rem 0 1.125rem;
}

.box_offer .bot_el .bot_line {
    padding: 0.375rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box_offer .bot_el .bot_line.side_pad {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.box_offer .bot_el .bot_line.orange {
    background: #FFD32920;
}

.box_offer .bot_el .bot_line.blue {
    background: #427bab20;
}

.box_offer .bot_el .bot_line .bot_small_text {
    font-family: "teleneomedium";
    font-size: 1em;
    line-height: 1.1em;
    color: #646464;
    display: flex;
    align-items: center;
}

.box_offer .bot_el .bot_line.offer_name .bot_small_text {
    font-family: "teleneoextrabold";
    font-size: 1.5em;
    line-height: 1.1em;
    color: #000;
    align-items: center;
    justify-content: space-between;
}

.pat_5g {
    margin-right: auto;
    padding: 0 0.5rem;
    place-self: self-end;
    padding-bottom: 0.5em;
}

.box_offer .bot_el .bot_line .bot_small_text .tri {
    margin-right: 0.5rem;
}


.box_offer .bot_el .bot_line.blue .bot_small_text {
    color: #427bab;
}

.box_offer .bot_el .bot_line .bot_small_text i {
    margin-right: 0.3125rem;
}

.box_offer .bot_el .bot_line .bot_small_text .txt_r {
    text-align: right;
    display: block;
}

.box_offer .bot_el .bot_line .inner_btn {
    font-family: "teleneoextrabold";
    font-size: 1.1em;
    line-height: 1em;
    color: #888888;
    background: #EDEDED;
    border: solid 0.125rem #EDEDED;
    width: 47%;
    text-align: center;
    padding: 0.9375rem 0 0.75rem 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.box_offer .bot_el .bot_line .bot_big_text.blue {

    color: #427bab;

}

.box_offer .bot_el .bot_line .bot_big_text.magenta {

    color: #e20074;

}

.box_offer .bot_el .bot_line .inner_btn:hover,
.box_offer .bot_el .bot_line .inner_btn:focus,
.box_offer .bot_el .bot_line .inner_btn:active {
    color: #427bab;
}

.box_offer .bot_el .bot_line .bot_big_text {
    font-family: "teleneoextrabold";
    font-size: 1.1em;
    line-height: 1em;
    color: #464646;
    position: relative;
    text-align: right;
}

.box_offer .bot_el .bot_line.offer_name .bot_big_text {
    font-family: "teleneoextrabold";
    font-size: 1.3em;
    line-height: -1em;
    color: #e20074;

    text-align: right;
}

.box_offer .bot_el .bot_line .bot_big_text del {
    font-family: "teleneoextrabold";
    font-size: .9em;
    color: #D0D0D0;
    margin-right: 0.3125rem;
}

.box_offer .bot_el .bot_line .bot_big_text span {
    font-family: "teleneobold";
    font-size: .6em;
    line-height: 1em;
    color: #888888;
    display: block;




}

.box_offer .bot_el .bot_line.orange .bot_big_text {
    color: #D48936;
}

.box_offer .bot_el .bot_line .bot_big_text.pink {
    color: #e20074;
}

.box_offer .bot_el hr {
    border: none;
    border-top: solid 0.0625rem #00000029;
    margin: 0.625rem 0;
}

.box_offer .bot_el hr.dif {
    margin: 0.625rem 0 0.625rem 0;
}

.box_offer .bot_el .btnaa {
    width: 100%;
    padding: 0.75rem 0rem !important;
}

.box_offer .bot_el .btnaa.dark {
    margin-top: 0.625rem;
}


.offer-switcher {
    text-align: right;
    margin: 0.6875rem auto;
    position: relative;
    z-index: 1;
    text-align: right;
    margin-right: 0.625rem;
}

.offer-switcher .offer-name {
    font-size: 1em;
    display: inline-block;
    text-align: right;
    line-height: 1em;
    font-family: "teleneomedium";
    position: relative;
    top: -0.6em;
    cursor: pointer;
    color: #000;
    margin-right: 0.625rem;
}

.offer-switcher .offer-name+.switch {
    display: inline-block;
    width: 4rem;
    height: 1.875rem;
    background: #e20074;
    border-radius: 1.5625rem;
    margin: 0;
    text-align: right;
    cursor: pointer;
    position: relative;
}

.offer-switcher .offer-name+.switch {
    background-color: #FFF;
    text-align: left;
    -webkit-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.1);
}

.offer-switcher.active .offer-name+.switch {
    /*background-color: #E200741F;*/
    text-align: right;
}

.offer-switcher .switch:hover {
    -webkit-box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.1);
}

.offer-switcher .switch .point {
    display: inline-block;
    width: 1.375rem;
    height: 1.375rem;
    background: #656565;
    border-radius: 50%;
    margin: 0.25rem;
    position: relative;
}

.offer-switcher .switch .point:before {
    display: none;
}

.offer-switcher .switch .point:after {
    display: block;
    content: "NIE";
    position: absolute;
    left: calc(100% + 0.3125rem);
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9em;
    color: #414141;
    font-family: "tele-groteskhalb";
}

.offer-switcher.active .switch .point {
    background: #e20074;
}

.offer-switcher.active .switch .point:after {
    display: none;
}

.offer-switcher.active .switch .point:before {
    display: block;
    content: "TAK";
    position: absolute;
    right: calc(100% + 0.3125rem);
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9em;
    color: #e20074;
    font-family: "tele-groteskhalb";
}

.box_offer.buy {
    opacity: 1;
    width: 100%;
    margin-top: -0.3125rem;
}

.box_offer .bot_el .bot_line .bot_small_text.light i {
    text-decoration: none;
    font-style: normal;
    color: #888888;
    font-size: .9em;
    font-family: "teleneomedium";
}

.box_offer .bot_el .bot_line.extra {
    font-size: 1.3em;
}

.box_offer .bot_el .bot_line.extra .bot_small_text {
    font-family: "teleneobold";
}

.box_offer .bot_el hr.txt-on {
    position: relative;
    overflow: visible;
}

.box_offer .bot_el hr.txt-on::after {
    position: absolute;
    left: 0;
    top: -0.3125rem;
    content: "OPŁATY MIESIECZNE";
    background: #FFF;
    padding-right: 0.9375rem;
    font-family: "teleneomedium";
    font-size: .88em;
    line-height: 1em;
    color: #888888;
}

.countdown {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 1.25rem 0;
    text-align: center;
}

.countdown .ctitle {
    font-family: "teleneobold";
    color: #000000;
    text-align: left;
    font-size: 1em;
    margin-bottom: 0.5rem;
}

.slice {
    display: inline-block;
    width: 3.375rem;
    margin: 0 0.25rem;
    font-family: "teleneobold";
}

.slice .sep-cont {
    background: #ffffff;
    background: -moz-linear-gradient(top,
            #ffffff 0%,
            #ffffff 50%,
            #e5e5e5 50%,
            #f9f9f9 100%);
    background: -webkit-linear-gradient(top,
            #ffffff 0%,
            #ffffff 50%,
            #e5e5e5 50%,
            #f9f9f9 100%);
    background: linear-gradient(to bottom,
            #ffffff 0%,
            #ffffff 50%,
            #e5e5e5 50%,
            #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);

    padding: 0;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
}

.slice .sub {
    color: #000000;
    font-size: 1em;
    margin-top: 0.5rem;
    opacity: 1;
}

.count-title {
    font-size: 1.1em;
    margin-bottom: 0.9375rem;
    color: #fff;
}

.clock-bg {
    color: #000;
    font-size: 2em;
    line-height: 1.5em;
    padding-top: 0.1875rem;
}

.ball {
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
}

@keyframes bounce {
    from {
        transform: translateY(0rem);
    }

    to {
        transform: translateY(-0.9375rem);
    }
}

@-webkit-keyframes bounce {
    from {
        transform: translateY(0rem);
    }

    to {
        transform: translateY(-0.9375rem);
    }
}

.tipso_content {
    font-size: 1.1em;
    line-height: 1em;
    font-family: 'tele-grotesknorregular', Arial;
    padding: 0.625rem 0.4375rem;
    border-radius: 0.375rem;
}

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 0.625rem;
    border-radius: 50%;
    color: #fff;
    content: "i";
    display: inline-block;
    font-family: arial;
    font-size: 0.75rem;
    font-weight: bold;
    height: 1.0625rem;
    line-height: 1.0625rem;
    margin-top: -0.3125rem;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 1.0625rem;
}

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

.tipso_style {
    cursor: help;
}

.legal h2 {
    font-family: "teleneoextrabold";
    padding: 0 0 1.25rem 0;
    text-align: center;
    line-height: 1.2em;
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    padding-top: 2.8125rem;
}

.legal {
    background: #000;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.7em;
    padding-top: 0;
    padding-bottom: 2.5rem;
}

.legal .container {
    display: flex;
    flex-direction: column;
}

.legal .reg-link {
        font-size: 1rem;
    font-family: "teleneoextrabold";
    display: flex;
    text-align: left;
    padding: 1em 0;
    padding-left: 0.625rem;
    color: #e20074;
    text-decoration: none;
    align-items: flex-start;
}

.legal .reg-link img {
    margin-right: 0.5em;
}

.footer {
    background: #262626;

}

.footer .container {
    background: #262626;
    padding: 1.875rem 0;
}

.footer .my-links {
    font-family: "tele-grotesknorregular";
    font-size: 1em;
    line-height: 1.1em;
    color: #e20074;
    text-decoration: underline;
}

.footer .legal {
    font-family: "tele-grotesknorregular";
    font-size: 1em;
    line-height: 1.1em;
    color: #c6c6c6;
    margin-top: 0.625rem;
}

.footer .footer-hr {
    border: none;
    margin: 3.125rem 0 2.5rem;
    border-top: solid 0.0625rem #c6c6c6;
}

.footer .logo-footer {
    width: 4.375rem;
    margin-bottom: 0.625rem;
}

.footer .legal.dif {
    margin-top: 0.75rem;
    text-align: right;
}

.container-fluid.footer .container {
    background-color: #262626;
    padding: 0.625rem;
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer p {
    font-size: 0.6875rem;
    line-height: 2em;
    text-align: center;
}

.footer img {
    width: 12.9375rem;
    margin: 0 auto;
    display: block;
    padding: 0.625rem 0;
}



.fix-wid {
    margin-bottom: 1.875rem;
}

@media (min-width: 37.5rem) {
    .my-wrapper {
        max-width: 48rem;
    }

    .container-fluid .container {
        padding: 0 0.625rem;
        width: 37rem;
    }
	
	.container-fluid.legal .container div:last-child {
		min-width: 40%;
	}

    .top-bar {
        top: 1.5625rem;
    }



    .footer img {
        float: left;
    }

    .footer p {
        text-align: right;
        line-height: 5em;
    }

    .offer .container {
        padding: 3.125rem 0;
    text-align: center;}



    .offer .sec-title {
        font-size: 2.2em;
        margin-bottom: 0.9375rem;
    }

    .offer.przedluz .sec-title {
        text-align: left;
        width: 21.875rem;
    }

    .btnaa {
        font-size: 1.37em;
        padding: 0.75rem 2.5rem;
    }

    .offer .btn-container {
        margin-top: 3.125rem;
        display: flex;
        justify-content: flex-start;
    }

    .offer.jak .btn-container {
        display: flex;
        justify-content: center;
    }

    .offer .top-title {
        font-size: 1em;
        margin-bottom: 1.25rem;
    }

    .offer .top-title .circ_icon {
        width: 2.625rem;
        margin-right: 0.625rem;
    }

    .offer .btn-container.diff {
        width: 31.25rem;
    }


    .offer.main .main-title {
        font-size: 3.2em;
        margin: 1.25rem 0;
    }

    .offer.main .main-subtitle {
        font-size: 1.15em;
        line-height: 1.1em;
        margin-bottom: 1.25rem;
        width: 25rem;
    }

    .offer.main .main-subtitle span {
        margin-top: 0.9375rem;
    }


    .offer.main .infi-s {
        width: 25rem;
        margin: 4.375rem auto;
    }

    .offer.main .sw-mid-cont {
        width: 36.25rem;
        border-radius: 2.5rem;
        display: flex;
        padding: 0.25rem;
        margin-bottom: 1.875rem;
    }

    .offer.main .sw-mid-cont .sw-mid-item {
        border-radius: 2.5rem;
        width: 33.3%;
        padding: 0.875rem 0 0.625rem 0;
    }

    .offer.main .sw-mid-cont .sw-mid-item .sw-mid-txt {
        font-size: 0.8em;
        line-height: 1em;
        width: 100%;
    }

    .offer .main-small-info {
        font-size: 0.9em;
        line-height: 1.2em;
        margin: 0 auto;
        margin-bottom: 0rem;
        width: 35rem;
    }

    .offer.jak .container {
        display: flex;

        flex-direction: row;
    }

    .offer .buy-title {
        font-size: 2.5em;
        margin-bottom: 1.875rem;
    }


    .box_offer.buy {
        opacity: 1;
        width: 100%;
        margin-top: -0.3125rem;
    }

    .box_offer .bot_el hr.txt-on::after {
        top: -0.3125rem;
        padding-right: 0.9375rem;
        font-size: .88em;
    }


    .slice {
        width: 3.375rem;
        margin: 0 0.25rem;
        text-align: center;
    }


    .offer.przedluz .container {
        background: #E20074 url(../img/przedluz_xs.png) bottom right no-repeat;
        height: 16.875rem;
        padding: 3.125rem;
    }

    .container-fluid.footer .container {
        background-color: #262626;
        padding: 0.625rem;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (min-width: 60rem) {
    .logo-box .logo {
        /* width: 5.5rem; */
        height: 2.7019rem;
    }

    .logo-box .lifs {
        width: 9.375rem;
        height: 0.7206rem;
        margin-top: 1.1563rem;
    }

    .my-wrapper {
        max-width: 100%;
        background: #fff;
    }

    .container-fluid .container {
        padding: 0;
        width: 59rem;
    }

    .top-bar {
        top: 1.5625rem;
    }



    .offer {
        /* padding: 3.75rem 0; */
        background: white;
    }

    h2 {

        font-size: 2.2rem;

    }

    .offer.jak .container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding: 4.375rem 0;
        align-items: center;
    }

    .offer .sec-title {
        font-size: 2.6em;
        margin-bottom: 0.9375rem;
        /* margin-top: 2.5rem; */
    }


    .btnaa {
        font-size: 1.37em;
        padding: 0.75rem 2.5rem;
    }

    .arr-bot {
        bottom: 0.625rem;
    }

    .offer .btn-container {
        margin-top: 1.25rem;
    }

    .offer.przedluz .container {
        background: #E20074 url(../img/przedluz_lg.png) bottom right no-repeat;
        background-size: 26.3125rem;
        height: 16.875rem;
        padding: 3.125rem;
    }

    .offer .top-title {
        font-size: 1em;
        margin-bottom: 0rem;
    }

    .offer .top-title .circ_icon {
        width: 2.625rem;
        margin-right: 0.625rem;
    }

    .offer .btn-container.diff {
        width: 31.25rem;
    }

    .offer.main .container {
        background: transparent url(../img/kv-lg_v1.png) right 2.5rem no-repeat;
        background-size: 24.6875rem;
        height: 32.5rem;
        text-align: left;
        }

    .offer.main .main-title {
        font-size: 3.2em;
        padding: 10rem 0 2.5rem 0;
        margin: 0;
        text-align: left;
    }

    .offer.main .main-subtitle {
        font-size: 1.15em;
        line-height: 1.1em;
        margin-bottom: 1.5625rem;
        width: 25rem;
    }

    .offer.main .main-subtitle span {
        margin-top: 0.9375rem;
    }



    .offer.main .infi-s {
        display: none;
    }

    .offer.main .sw-mid-cont {
        width: 46.25rem;
        padding: 0.25rem;
        margin-bottom: 1.875rem;
        margin-top: 6.25rem;
    }

    .offer.main .sw-mid-cont .sw-mid-item {
        border-radius: 2.5rem;
        padding: 1rem 0 0.75rem 0;
    }

    .offer.main .sw-mid-cont .sw-mid-item .sw-mid-txt {
        font-size: 1em;
    }

    .offer .main-small-info {
        font-size: 0.9em;
        margin-bottom: 0rem;
        width: 25rem;
        padding: 2.5625rem 0;
        text-align: left;
        margin-right: 0;
    }

    .swiper {
        max-width: 60rem;
    }

    .box_offer {
        width: 14.625rem;
        opacity: 1;
        font-size: .8em;
    }

    .offer .buy-title {
        font-size: 3.2em;
        margin-bottom: 3.75rem;
    }


    .box_offer.buy {
        opacity: 1;
        width: 100%;
        margin-top: -0.3125rem;
    }

    .box_offer .bot_el hr.txt-on::after {
        top: -0.3125rem;
        padding-right: 0.9375rem;
        font-size: .88em;
    }

    .countdown {
        width: 100%;
        margin: 0 auto;
        display: inline-block;
        border-radius: 0.625rem 0.625rem 0 0;
        padding: 0rem 0;
        text-align: left;
        margin-top: 1.25rem;
    }

    .countdown .ctitle {
        font-size: 1em;
        margin-bottom: 0.5rem;
    }

    .slice {
        width: 3.375rem;
        margin: 0 0.25rem;
        text-align: center;
    }


    .fix-wid {
        width: 56.25rem;
        margin: 0 auto;
        position: relative;
        margin-bottom: 4.375rem;
    }

    .fix-wid::before {
        content: "";
        position: absolute;
        left: 64%;
        top: -1.875rem;
        width: 0.0625rem;
        height: 120%;
        border-left: dashed 0.125rem #FFF;
    }


    .legal .container {
        display: flex;
        flex-direction: row;
    }
}

@media (min-width: 75rem) {
    .my-wrapper {
        max-width: 100%;
        background: #fff;
    }

    .container-fluid .container {
        padding: 0;
        width: 75rem;
    }



    .top-bar {
        top: 1.875rem;
    }

    .logo-box .lifs {
        margin-left: 1.875rem;
    }

    .offer.przedluz .sec-title {
        text-align: left;
        width: 39.125rem;
        font-size: 2.5em;
        margin-top: 0;
    }

    .legal h2 {
        text-align: left;
    }

    .legal .reg-link {
        text-align: left;
    }

    .offer .container {
        padding: 4.375rem 0;
    }



    .offer .sec-title {
        font-size: 2.5em;
        margin-bottom: 0.9375rem;
        margin-top: 2.5rem;
    }

    .btnaa {
        font-size: 1em;
        padding: 0.75rem 2.5rem;
    }

    .offer .btn-container {
        margin-top: 2.1875rem;
    }

    .arr-bot {
        width: 5rem;
        height: 5rem
    }

    .offer .top-title {
        font-size: 1.5em;
        margin-bottom: 0rem;
    }

    .offer .top-title .circ_icon {
        width: 4.375rem;
        margin-right: 1.5rem;
    }

    .offer .btn-container.diff {
        width: 31.25rem;
    }

    .offer.main .container {
        background: transparent url(../img/kv-lg_v1.png) right 2.5rem no-repeat;
        background-size: 24.6875rem;
    }

    .offer.main .main-title {
        font-size: 3.75rem;
        /* margin: 0 0 1.5625rem 0; */
        padding: 3.75rem 0 2.5rem 0;
    }

    .offer.main .main-subtitle {
        font-size: 1.9em;
        line-height: 1.1em;
        margin-bottom: 2.1875rem;
        width: 31.25rem;
    }

    .offer.main .main-subtitle span {
        margin-top: 1.25rem;
    }

    .btnaa.dark.round {
        border-radius: 1.875rem;
        padding: 1rem 2.25rem;
    }

    .offer.main .infi-s {
        display: none;
    }

    .offer.main .sw-mid-cont {
        width: 62.5rem;
        padding: 0.375rem;
        margin-bottom: 2.5rem;
        margin-top: 5rem;
    }

    .offer.main .sw-mid-cont .sw-mid-item {
        border-radius: 2.5rem;
        padding: 1.125rem 0 0.875rem 0;
    }

    .offer.main .sw-mid-cont .sw-mid-item .sw-mid-txt {
        font-size: 1.3em;
    }

    .swiper {
        max-width: 75rem;
    }

    .box_offer {
        width: 17.8125rem;
        font-size: 1em;
    }

    .offer .buy-title {
        font-size: 3.2em;
        margin-bottom: 3.75rem;
    }

    .box_offer.buy {
        opacity: 1;
        width: 100%;
        margin-top: -0.3125rem;
    }

    .box_offer .bot_el hr.txt-on::after {
        top: -0.3125rem;
        padding-right: 0.9375rem;
        font-size: .88em;
    }

    .countdown {
        width: 100%;
        margin: 0 auto;
        display: inline-block;
        border-radius: 0.625rem 0.625rem 0 0;
        padding: 0rem 0;
        text-align: left;
        margin-top: 1.875rem;
    }

    .countdown .ctitle {
        font-size: 1.4em;
        margin-bottom: 0.5rem;
    }

    .slice {
        width: 5.5rem;
        margin: 0 0.25rem;
        text-align: center;
    }

    .clock-bg {
        font-size: 3.3em;
        line-height: 1.5em;
        padding-top: 0.5rem;
    }

    .slice .sub {
        font-size: 1.2em;
        margin-top: 0.625rem;
    }


    .box_offer .top_el .pat-online {
        width: 7.5rem;
        height: 1.875rem;
        bottom: -0.875rem;
        margin-left: -3.4375rem;
    }

    .offer.jak img {
        max-width: 21.25rem;
        height: auto;
        margin: 0 auto;
    }

    .fix-wid {
        width: 60rem;
    }

    .fix-wid::before {
        left: 67.5%;
        top: -1.875rem;
        height: 120%;
    }


}

@media (min-width: 105rem) {
    .my-wrapper {
        /* max-width: 120rem; */
        background: #fff;
    }

    .container-fluid .container {
        padding: 0;
        width: 104rem;
    }

    .top-bar {
        top: 2.5rem;
    }

    .logo-box .logo {
        width: 4.3113rem;
        height: 3.0994rem;
    }

    .logo-box .lifs {
        width: 11.7631rem;
        height: 0.9419rem;
        margin-top: 1.25rem;
        margin-left: 2.125rem;
    }

    h2 {
        font-size: 3rem;
    }

    .legal {
        padding-bottom: 5rem;
        padding-top: 2.5rem;
        font-size: 0.875rem;
    }

    .offer .container {
        padding: 5rem 0;
    }



    .offer .sec-title {
        font-size: 2.5em;
        margin-bottom: 0.9375rem;
        margin-top: 3.125rem;
    }

    .btnaa {
        font-size: 1.2em;
        padding: 0.8125rem 2.875rem;
    }

    .btnaa.big {
        font-size: 2em;

    }

    .offer .btn-container {
        margin-top: 3.125rem;
    }


    .offer .top-title {
        font-size: 1.7em;
        margin-bottom: 0.625rem;
    }

    .offer .top-title .circ_icon {
        width: 4.375rem;
        margin-right: 1.5rem;
    }

    .offer .btn-container.diff {
        width: 33.125rem;
    }


    .offer.main .container {
        /* background: transparent url(../img/infi.png) right 1.875rem no-repeat; */
        background-size: auto;
        height: 54.0625rem;
    }

    .offer.main .main-title {
        font-size: 5.3em;

        padding: 10.375rem 0 4.6875rem 0;
    }

    .offer.main .main-subtitle {
        font-size: 2.6em;
        line-height: 1.1em;
        margin-bottom: 2.8125rem;
        width: 37.5rem;
    }

    .offer.main .main-subtitle span {
        margin-top: 1.625rem;
    }

    .btnaa.dark.round {
        border-radius: 1.875rem;
        padding: 1rem 2.5rem;
    }

    .offer.main .infi-s {
        display: none;
    }

    .offer.main .sw-mid-cont {
        width: 68.75rem;
        padding: 0.5rem;
        margin-bottom: 2.5rem;
        margin-top: 5rem;
    }

    .offer.main .sw-mid-cont .sw-mid-item {
        border-radius: 2.5rem;
        padding: 1.25rem 0 1rem 0;
    }

    .offer.main .sw-mid-cont .sw-mid-item .sw-mid-txt {
        font-size: 1.2em;
    }

    .offer .main-small-info {
        font-size: 1.125rem;
        margin-bottom: 0rem;
        width: 35.75rem;
        padding: 4.4375rem 5.25rem 0 0;
    }

    .swiper {
        max-width: 87.5rem;
    }

    .box_offer {
        width: 18.75rem;
        font-size: 1em;
    }

    .offer .buy-title {
        font-size: 3.5em;
        margin-bottom: 3.75rem;
    }


    .fix-wid {
        width: 68.75rem;
    }

    .fix-wid::before {
        left: 68%;
        top: -1.875rem;
        height: 120%;
    }


    .footer {

        padding: 0.625rem 0;

    }



}