@CHARSET "UTF-8";


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

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

.smltx .ui-loader {
    display: none
}

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

.smltx .halb {
    font-family: Tele-Grotesk-Halb !important;
}

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

.smltx .center {
    text-align: center
}

.smltx .blue {
    color: #e20074 !important;
}

.smltx .font07 {
    font-size: 0.7em;
}

.smltx .font08 {
    font-size: 0.8em;
}

.smltx .font09 {
    font-size: 0.9em;
}

.smltx .font10 {
    font-size: 1.0em;
}

.smltx .font11 {
    font-size: 1.1em;
}

.smltx .font12 {
    font-size: 1.2em;
}

.smltx .font13 {
    font-size: 1.3em;
}

.smltx .font14 {
    font-size: 1.4em;
}

.smltx .font15 {
    font-size: 1.5em;
}

.smltx .font16 {
    font-size: 1.6em;
}

.smltx .font17 {
    font-size: 1.7em;
}

.smltx .font18 {
    font-size: 1.8em;
}

.smltx .font19 {
    font-size: 1.9em;
}

.smltx .font20 {
    font-size: 2.0em;
}

.smltx .font21 {
    font-size: 2.1em;
}

.smltx .font22 {
    font-size: 2.2em;
}

.smltx .font23 {
    font-size: 2.3em;
}

.smltx .font24 {
    font-size: 2.4em;
}

.smltx .font25 {
    font-size: 2.5em;
}

.smltx .font26 {
    font-size: 2.6em;
}

.smltx .font27 {
    font-size: 2.7em;
}

.smltx .font28 {
    font-size: 2.8em;
}

.smltx .font29 {
    font-size: 2.9em;
}

.smltx .font30 {
    font-size: 3.0em;
}

.smltx .font31 {
    font-size: 3.1em;
}

.smltx .font32 {
    font-size: 3.2em;
}

.smltx .font33 {
    font-size: 3.3em;
}

.smltx .font34 {
    font-size: 3.4em;
}

.smltx .font35 {
    font-size: 3.5em;
}

.smltx .font36 {
    font-size: 3.6em;
}

.smltx .font37 {
    font-size: 3.7em;
}

.smltx .font38 {
    font-size: 3.8em;
}

.smltx .font39 {
    font-size: 3.9em;
}

.smltx .font40 {
    font-size: 4.0em;
}


/* body {
    margin: 0;
    display: block;
  background-color:#ededed;
    font-family:Tele-GroteskHal;
    font-size:18px;

}
body * {
    box-sizing: border-box;
} */

.smltx table.area {
    width: 100%
}

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

.smltx a:hover {
    color: #e20074;
}

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

.smltx b,
.smltx strong {
    font-family: Tele-GroteskFet;
}

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

.smltx .clearfix:after {
    clear: both;
}

.smltx .clearfix {
    *zoom: 1;
}

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

.smltx .magenta {
    color: #e20074 !important;
}

.smltx .btn {
    background: #e20074;
    color: white;
    font-family: Tele-GroteskNor, Arial, Tahoma, Helvetica;
    font-size: 1.2em;
    height: auto;
    letter-spacing: -0.5px;
    line-height: auto;
    padding: 0.5em 1.9em;
    border-radius: 24px;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    display: inline-block;
    margin: 10px auto;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.smltx .btn:hover {
    color: black;
}

.box.hovered .btn {
    background: #FFFFFF;
    color: #e20074!important;
}

.smltx .wrapper {
    max-width: 1920px;
    min-width: 350px;
    /* width: 1520px; */
    /* display: block; */
    /* position: relative; */
    margin: 0 auto;
    padding: 25px 0;
    height: auto;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.77);
    width: 100%;
    background-color: #ededed;
    overflow-x: hidden;
}

.smltx .mainCon {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-family: Arial;
    font-size: 12px;
    color: #333;
    background-color: #fff;
    height: 80px;
    max-width: 1920px
}

.smltx .mainCon a.logo1 {
    display: inline-block;
    float: left;
    margin: 0 auto;
    height: 75px;
    width: 120px;
    background: url(../images/logo_03.png) 20px center no-repeat;
}

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

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

.smltx .section {
    width: 100%;
    height: auto;
    padding: 15px;
    overflow-x: hidden;
}

.smltx .section .content {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 10px 0;
}

.smltx .visible-sm {
    display: none
}

.smltx .visible-md {
    display: none
}

.smltx .visible-lg {
    display: block
}

.smltx .hidden-sm {
    display: block
}

.smltx .hidden-md {
    display: block
}

.smltx .hidden-lg {
    display: none
}


/* TYLKO DLA TEJ STRONY ---------------------------------------------- */
.smltx .price.mid {
    margin-top: -68px;
    margin-left: -100px;
}

.smltx .font07.alt {
    margin-left: -100px;
}

.smltx .box .item .black-color {
    color: #000000;
}

.smltx .no-margin-bot {
    margin-bottom: 0;
}

.smltx .box .ico.repos {
    margin-bottom: 5px;
    margin-top: 3px;
}

.smltx .check-icon {
    background: transparent url(../images/check.png) center center no-repeat;
    width: 20px;
    height: 16px;
    margin: 0 auto;
    margin-top: 10px;
}

.smltx .box.hovered .check-icon {
    background: transparent url(../images/check-white.png) center center no-repeat;
}

.smltx .box hr.no-margin {
    margin: 0;
}

.smltx .box .item .price-static.small {
    margin-top: 5px;
    font-size: 2.8em;
}

.smltx .box .item .price-static.small img {
    opacity: 0.6;
    margin-top: 12px;
    margin-right: 12px;
}

.smltx .box .item .price-static.small span {
    font-size: 0.9em;
}

.smltx .box .item .price-static.small sup {
    font-size: 0.5em;
    display: inline-block;
    margin-left: -1px;
}

.smltx .box .item .price-static.small sup sup {
    margin-left: 2px;
}

.smltx .box .item .under-small {
    margin-top: -6px;
    margin-left: 35px;
    display: inline-block;
}

.smltx .tel-switcher .switch-holder {
    background: transparent;
    width: 100%;
    max-width: 302px;
    display: block;
    margin: 5px auto;
    list-style: none;
    border-radius: 30px;
    padding: 0;
    z-index: 20;
    text-align: center;
    border: solid 2px #e20074;
}

.smltx .tel-switcher .switch-holder a {
    display: inline-block;
    text-align: center;
    width: 33.335%;
    color: #e20074;
    height: 2.3em;
    line-height: 2.25em;
    font-size: 0.85em;
    border-radius: 18px;
    text-decoration: none;
}

.smltx .tel-switcher .switch-holder .four a {
    width: 24.65%;
}

.smltx .tel-switcher .switch-holder a.with-tel-trigger.active,
.smltx .tel-switcher .switch-holder a.with-tel-trigger:hover {
    margin-left: -2px;
    margin-right: 2px;
}

.smltx .tel-switcher .switch-holder a.without-tel-trigger.active,
.smltx .tel-switcher .switch-holder a.without-tel-trigger:hover {
    margin-right: -2px;
    margin-left: 2px;
}

.smltx .tel-switcher .switch-holder a.active,
.smltx .tel-switcher .switch-holder a:hover {
    background: #e20074;
    color: #FFFFFF;
}

.smltx .nav-holder {
    height: 55px;
}

.smltx .point-nav {
    width: auto;
    display: inline-block;
    margin-top: 20px
}

.smltx .point-nav .point {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #e20074;
    display: inline-block;
}

.smltx .point-nav .point.active {
    border: 2px solid #e20074;
    background: #e20074;
}

.smltx .nav-holder .left {
    width: 18px;
    height: 26px;
    display: block;
    float: left;
    margin: 15px;
    background: url(../images/nav_arrows.png) top left no-repeat;
}

.smltx .nav-holder .right {
    width: 18px;
    height: 26px;
    display: block;
    float: right;
    margin: 15px;
    background: url(../images/nav_arrows.png) top right no-repeat;
}

.smltx .box-wrapper {
    -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;
}

.smltx .box {
    width: 340px;
    background-color: #FFFFFF;
    height: auto;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0;
    box-sizing: border-box;
    z-index: 50;
    outline: solid 1px #e5e5e5;
    margin-right: 40px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.smltx .box:last-child {
    margin-right: 0px;
}

.smltx .box.hovered {
    background-color: #e20074;
    z-index: 60;
    /* transform: scale(1.005); */
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    color: #FFFFFF!important;
}

.box.hovered * {
    color: #FFFFFF!important;
}

.smltx .box hr {
    margin: 0!important;
    height: 1px;
    border-top: solid 1px #eeeeee;
}

.smltx .box.hovered hr {
    border-top: solid 1px #d3006b;
}

.smltx .box .name {
    font-family: Tele-GroteskFet;
    font-size: 1.8em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.smltx .box.hovered .name {
    background: #FFFFFF;
    color: #e20074!important;
}

.smltx .box hr {
    width: 100%;
    border: none;
    border-top: 1px solid #ccc
}

.smltx .box .item {
    width: 100%;
    min-height: 60px;
    padding: 15px;
    display: block;
    vertical-align: middle;
}

.smltx .box .item.grey {
    background-color: #eee
}

.smltx .box.hovered .item.grey {
    background-color: #e20074;
}

.smltx .box .item.switcher-holder {
    height: 120px;
}

.smltx .box .item.switcher-holder.off {
    height: 94px;
}

.smltx .box .item.fixed-height {
    height: 81px;
}

.smltx .box .item span {
    color: #e20074;
    display: block;
    font-family: Tele-GroteskFet;
    font-size: 1.6em
}

.smltx .box .item span .seper {
    font-family: Tele-GroteskHal;
    color: #333333;
    font-size: 0.8em;
    line-height: 1.9;
    display: inline-block;
}

.smltx .box .item sup {
    font-family: Tele-GroteskHal;
    font-size: 0.7em
}

.smltx .box .item sub {
    font-family: Tele-GroteskHal;
    font-size: 0.7em;
    position: relative;
    top: 0.5em;
}

.smltx .box .item .switcher > p {
    display: flex;
	align-items: center;
}

.smltx .box .item .switcher p.net.active {
    padding: 7px 10px;
    color: #e20074;
    font-size: 1.9em;
    font-family: Tele-GroteskFet
}

.smltx .box .item .switcher p.net.nolimit.active {
    font-size: 1.18em;
    line-height: 1em;
    color: #e20074;
	width: 86px;
}

.smltx .box .item .switcher .net {
    display: none
}

.smltx .box .item .switcher .net span {
    display: none
}

.smltx .box .item .switcher .net.active span {
    display: block;
    font-size: 13px;
    color: #333;
}

.smltx .box .item .switcher .net.active,
.smltx .box .item .switcher .net.btn-left,
.smltx .box .item .switcher .net.btn-right {
    display: flex;
}

.smltx .box .item .switcher .btn-left,
.smltx .box .item .switcher .btn-right {
    line-height: 50px;
    cursor: pointer;
}

.smltx .box .item .switcher .btn-right.nolimit {
    line-height: 1.1em;
}

.smltx .box .item .switcher .btn-left.nolimit {
    line-height: 1.1em;
}

.smltx .box .item .switcher .btn-left {
    width: 74px;
    height: 52px;
    padding-left: 26px;
    background: url(../images/button_arrow.png) bottom left no-repeat;
}

.smltx .box.hovered .item .switcher .btn-left {
    background: url(../images/button_arrow-white.png) bottom left no-repeat;
}

.smltx .box.hovered .item .switcher .btn-left.disabled {
    background: url(../images/button_arrow-white.png) top left no-repeat;
}

.smltx .box.hovered .item .switcher .btn-right {
    background: url(../images/button_arrow-white.png) top right no-repeat;
}

.smltx .box.hovered .item .switcher .btn-right.disabled {
    background: url(../images/button_arrow-white.png) bottom right no-repeat;
}

.smltx .box .item .switcher .btn-right {
    width: 74px;
    height: 51px;
    padding-right: 13px;
    background: url(../images/button_arrow.png) top right no-repeat;
	padding-left: 5px;
}

.smltx .box .item .switcher .btn-left.disabled {
    width: 73px;
    height: 51px;
    background: url(../images/button_arrow.png) top left no-repeat;
}

.smltx .box .item .switcher .btn-right.disabled {
    width: 74px;
    height: 52px;
    background: url(../images/button_arrow.png) bottom right no-repeat;
	cursor: initial;
}

.smltx .box .item .price {
    font-size: 2.7em;
    font-family: Tele-GroteskNor;
    margin-bottom: -0.2em;
}

.smltx .box .item .price span {
    font-size: 1em;
    color: #333;
    display: inline;
    font-family: Tele-GroteskNor;
}

.smltx .box .item .price sup {
    font-family: Tele-GroteskNor;
}

.smltx .box .item .price-static {
    font-size: 2.7em;
    font-family: Tele-GroteskFet;
    color: #e20074;
    margin-bottom: -0.2em;
}

.smltx .box .item .price-static span {
    font-size: 1em;
    display: inline;
}

.smltx .box .item .price-static sup {
    font-family: Tele-GroteskFet;
}

.smltx .box .item .block-price {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}

.smltx .box .item .block-price .tip-icon {
    position: absolute;
    height: 17px;
    width: 17px;
    top: 50%;
    right: -40px;
    margin-top: -9px;
    cursor: pointer;
    background: transparent url(../images/tip.png) center center no-repeat;
}

.smltx .box .item .block-price .tip-icon:hover {
    background: transparent url(../images/tip-pink.png) center center no-repeat;
}

.smltx .box .item .ico.tip-icon {
    height: 17px;
    width: 17px;
    margin-top: 0px;
    cursor: pointer;
    background: transparent url(../images/tip.png) center center no-repeat;
}

.smltx .box .item .ico.tip-icon:hover {
    background: transparent url(../images/tip-pink.png) center center no-repeat;
}

.smltx .box.hovered .item .ico.tip-icon {
    height: 17px;
    width: 17px;
    margin-top: 0px;
    cursor: pointer;
    background: transparent url(../images/tip-white.png) center center no-repeat;
}

.smltx .box.hovered .item .ico.tip-icon:hover {
    background: transparent url(../images/tip.png) center center no-repeat;
}

.smltx .tip-active {
    background: transparent url(../images/tip-pink.png) center center no-repeat;
}

.smltx .box.hovered .item .block-price .tip-icon {
    background: transparent url(../images/tip-white.png) center center no-repeat;
}

.smltx .box.hovered .item .block-price .tip-icon.tip-active {
    background: transparent url(../images/tip.png) center center no-repeat;
}

.smltx .box .ico {
    font-size: 0.6em;
    display: inline-block;
    margin: 10px;
    cursor: pointer;
}

.smltx .box .ico-bonus {
    font-size: 0.8em;
    display: inline-block;
    margin: 15px 20px;
    text-align: left;
    padding-left: 45px
}

.smltx .box .ico-bonus.delivery {
    background: url(../images/ico-delivery.png) center left no-repeat;
}

.smltx .box .ico-bonus.online-shop {
    background: url(../images/online-shop.png) center left no-repeat;
}

.smltx .box.hovered .ico-bonus.online-shop {
    background: url(../images/online-shop-white.png) center left no-repeat;
}

.smltx .box.hovered .ico-bonus.delivery {
    background: url(../images/ico-delivery-white.png) center left no-repeat;
}

.smltx .all-icons .content {
    width: 100%!important;
}

.smltx .box-all-icons {
    background: #f5f5f5;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
    max-width: 1020px;
    margin: 0 auto;
    padding: 20px 20px 20px 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.smltx .box-all-icons .ico {
    width: 126px;
    float: left;
    margin: 20px 15px 0 0;
    cursor: pointer;
}

.smltx .box-all-icons .ico.last {
    margin: 20px 0 0 0;
}

.smltx .box-all-icons .my-title {
    font-family: Tele-GroteskNor;
    font-size: 1.4em;
    line-height: 1;
    color: #333333;
    text-align: center;
}

.smltx .banners .content {
    width: 100%!important;
}

.smltx .banners .content img {
    margin: 0 auto;
}

.smltx .other .content {
    width: 1140px;
    text-align: center;
}

.smltx .other .special-btn {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
    width: 272px;
    border: solid 2px #e20074;
    border-radius: 26px;
    padding: 14px 0 14px 50px;
    color: #e20074;
    font-family: Tele-GroteskHal;
    font-size: 1.1em;
    line-height: 1;
    cursor: pointer;
}

.smltx .other .special-btn:hover,
.smltx .other .special-btn.current {
    background-color: #e20074;
}

.smltx .other .special-btn span {
    width: 100%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.smltx .other .special-btn.nav {
    background: transparent url(../images/ico-mini-nav.png) 15px center no-repeat;
}

.smltx .other .special-btn:hover.nav,
.smltx .other .special-btn.nav.current {
    background: #e20074 url(../images/ico-mini-nav-white.png) 15px center no-repeat;
    color: #FFFFFF;
}

.smltx .other .special-btn.gdzie {
    background: transparent url(../images/ico-mini-kid.png) 15px center no-repeat;
}

.smltx .other .special-btn:hover.gdzie,
.smltx .other .special-btn.gdzie.current {
    background: #e20074 url(../images/ico-mini-kid-white.png) 15px center no-repeat;
    color: #FFFFFF;
}

.smltx .other .special-btn.norton {
    background: transparent url(../images/ico-mini-secure.png) 15px center no-repeat;
}

.smltx .other .special-btn:hover.norton,
.smltx .other .special-btn.norton.current {
    background: #e20074 url(../images/ico-mini-secure-white.png) 15px center no-repeat;
    color: #FFFFFF;
}

.smltx .other .special-btn.cloud {
    background: transparent url(../images/ico-mini-cloud.png) 15px center no-repeat;
}

.smltx .other .special-btn:hover.cloud,
.smltx .other .special-btn.cloud.current {
    background: #e20074 url(../images/ico-mini-cloud-white.png) 15px center no-repeat;
    color: #FFFFFF;
}

.smltx .other .special-btn.mydysk {
    background: transparent url(../images/ico-mini-mydysk.png) 15px center no-repeat;
}

.smltx .other .special-btn:hover.mydysk,
.smltx .other .special-btn.mydysk.current {
    background: #e20074 url(../images/ico-mini-mydysk-white.png) 15px center no-repeat;
    color: #FFFFFF;
}

.smltx .other .special-btn.bezpieczne {
    background: transparent url(../images/ico-mini-bezpieczne.png) 15px center no-repeat;
}

.smltx .other .special-btn:hover.bezpieczne,
.smltx .other .special-btn.bezpieczne.current {
    background: #e20074 url(../images/ico-mini-bezpieczne-white.png) 15px center no-repeat;
    color: #FFFFFF;
}

.smltx .other .special-btn.tidal {
    background: transparent url(../images/ico-mini-tidal.png) 15px center no-repeat;
}

.smltx .other .special-btn:hover.tidal,
.smltx .other .special-btn.tidal.current {
    background: #e20074 url(../images/ico-mini-tidal-white.png) 15px center no-repeat;
    color: #FFFFFF;
}

.smltx .other .other-title {
    font-family: Tele-GroteskNor;
    font-size: 2.6em;
    line-height: 1.2;
    color: #4b4b4b;
    text-align: center;
    margin-bottom: 40px;
}

.smltx .desc-box {
    position: relative;
    margin: 40px 0 20px 0;
}

.smltx .desc-box hr {
    height: 1px;
    border-top: solid 1px #bcbcbc;
}

.smltx .desc-box .my-title {
    font-family: Tele-GroteskFet;
    font-size: 1.5em;
    /* 30/16 */
    line-height: 1;
    color: #4b4b4b;
    text-align: left;
    padding: 0 0 14px 25px;
}

.smltx .desc-box .close-me {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 25px;
    background: transparent url(../images/close-desc.png) center center no-repeat;
    cursor: pointer;
}

.smltx .desc-box .my-desc {
    font-family: Tele-GroteskHal;
    font-size: 1.1em;
    /* 30/16 */
    line-height: 1.2;
    color: #4b4b4b;
    text-align: left;
    padding: 10px 25px 0 25px;
}

.smltx .desc-box {
    display: none;
}

.smltx .desc-box.nav-box {
    display: block;
}

.smltx .offer-show-more {
    color: #4b4b4b;
    text-decoration: none !important;
}

/* -------------- MOBILE ------------------------------------------------*/


/*
@media screen and (max-width: 1085px){

.visible-sm {display: none}
.visible-md {display: block}
.visible-lg {display: none}

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


    .hide960{display: none}

    .box{
      margin-right: 30px;
    }
    .box:last-child{
      margin-right: 0px;
    }
    .box:first-child{
      margin-left: -120px;
    }


    .box:hover {
        z-index: 30;
        transform: none;
        -webkit-box-shadow: none
        -moz-box-shadow: none
        box-shadow: none
    }
  .box.hovered {
    z-index: 30;
    transform: none;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  }
    .wrapper .box.centered {
        filter:none;
        transform:scale(1.02) ;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        z-index: 60;
    }

    .other .content{
      width: 610px;
      margin: 0 auto;
      padding: 22px 0 22px 30px;}

      .other .other-title{
        font-size: 1.9em;
      }


}

@media screen and (max-width: 640px){

.visible-sm {display: block}
.visible-md {display: none}
.visible-lg {display: none}

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

    body {font-size: 14px}


  .price.mid.alt{
    margin-top: -51px;

  }


    .mainCon {
        position: relative;
        width: 100%;
        margin: 0 auto;
        font-family: Arial;
        font-size: 12px;
        color: #333;
        background-color: #fff;
        height:50px;
        max-width: 1920px
    }
    .mainCon a.logo1 {
        display: inline-block;
        float:left;
        margin: 0 auto;
        height: 50px;
        width:120px;
        background: url(../images/logo_03.png) 20px center no-repeat;
        background-size: auto 40px
    }
    .mainCon a.logo2 {
        display: inline-block;
        width: 160px;
        float: right;
        margin: 0 auto;
        height: 50px;
        margin-right: 20px;
        background: url(../images/logo_06.png) right center no-repeat;
        background-size:  auto 40px
    }

    .section .content {
        width: 836px;
        text-align: center
    }
    .box{
      margin-right: 0px;
    }
    .box:last-child{
      margin-right: 0px;
    }
    .box:first-child{
      margin-left: 0px;
    }
    .box {
        width:270px;
    }
    .box .item.fixed-height {
        height: 75px;
    }
    .box .ico {
        margin: 15px 0;
    }
    .box .ico-bonus {
        margin: 15px 10px;
        height: 36px;
    }
    .box-all-icons{
      width: 300px;
      margin: 0 auto;
      padding: 20px 15px;
    }
    .box-all-icons .ico{
      margin: 20px 15px 0  0;
    }
    .box-all-icons .ico:nth-child(odd){
      margin: 20px 0 0  0;
    }
    .box-all-icons .ico.last{
      margin: 20px 0 0 0;
    }
    .box-all-icons .ico.last-row-sm{
      margin-left: 70px;
    }
    .box-all-icons .ico.last-row-md{
      margin-left: 0px;
    }

    .other .content{
      width: 270px;
      margin: 0 auto;
      padding: 0;
    }

      .other .special-btn {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 15px;
    width: 260px;
    border: solid 2px #e20074;
    border-radius: 26px;
    padding: 14px 0 14px 50px;
    color: #e20074;
    font-family: Tele-GroteskHal;
    font-size: 1.1em;
    line-height: 1;
    cursor: pointer;
}
.other .other-title{
  font-size: 1.9em;
  margin-bottom: 20px;
}

.box .item .ico.tip-icon {
    margin-top: -2px;
    margin-left: 6px;
    margin-bottom: 0;
}
.box:hover .item .ico.tip-icon, .box.hovered .item .ico.tip-icon {
    margin-top: -2px;
    margin-left: 6px;
    margin-bottom: 0;
}

}
 */

/* PONIZEJ ZNAJDUJA SIE STYLE DLA MALEJ SIATKI OFERT */

.smltxsm div, .smltxsm span, .smltxsm applet, .smltxsm object, .smltxsm iframe, .smltxsm h1, .smltxsm h2, .smltxsm h3, .smltxsm h4, .smltxsm h5, .smltxsm h6,
.smltxsm p, .smltxsm blockquote, .smltxsm pre, .smltxsm a, .smltxsm abbr, .smltxsm acronym, .smltxsm ddress, .smltxsm big, .smltxsm cite, .smltxsm code,
.smltxsm del, .smltxsm dfn, .smltxsm em, .smltxsm img, .smltxsm ins, .smltxsm kbd, .smltxsm q, .smltxsm s, .smltxsm samp,
.smltxsm small, .smltxsm strike, .smltxsm strong, .smltxsm sub, .smltxsm tt, .smltxsm var, .smltxsm b, .smltxsm u, .smltxsm i,
.smltxsm center, .smltxsm dl, .smltxsm dt, .smltxsm dd, .smltxsm ol, .smltxsm ul, .smltxsm li, .smltxsm fieldset, .smltxsm form, .smltxsm label, .smltxsm legend,
.smltxsm table, .smltxsm caption, .smltxsm tbody, .smltxsm tfoot, .smltxsm thead, .smltxsm tr, .smltxsm th, .smltxsm td, .smltxsm article,
.smltxsm aside, .smltxsm canvas, .smltxsm details, .smltxsm embed, .smltxsm figure, .smltxsm figcaption, .smltxsm footer, .smltxsm header, .smltxsm hgroup, .smltxsm menu,
.smltxsm nav, .smltxsm output, .smltxsm ruby, .smltxsm section, .smltxsm summary, .smltxsm time, .smltxsm mark, .smltxsm audio,
.smltxsm video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
    box-sizing:border-box;
}
.smltxsm .ui-loader {display:none}
.smltxsm .fett {
    font-family: Tele-GroteskFet !important;
}
.smltxsm .halb {
    font-family: Tele-Grotesk-Halb !important;
}
.smltxsm .ultra {
    font-family: tele-groteskultregular !important;
}
.smltxsm .center {
    text-align: center
}
.smltxsm table.area {
    width: 100%
}
.smltxsm a {
    text-decoration: none;
    color: #4379ab;
}
.smltxsm a:hover {
    color: #e20074;
}
.smltxsm a:hover,
.smltxsm a:focus,
.smltxsm a:active {
    outline: medium none;
    text-decoration: underline;
}
.smltxsm b,
.smltxsm strong {
    font-family: Tele-GroteskFet;
}
.smltxsm .clearfix:before,
.smltxsm .clearfix:after {
    content: " ";
    display: table;
}
.smltxsm .clearfix:after {
    clear: both;
}
.smltxsm .clearfix {
    *zoom: 1;
}
.smltxsm .clear {
    clear: both;
    float: none;
    font-size: 0px;
    height: 0px;
    background: none;
    padding: 0;
}
.smltxsm .wrapper {
    margin: 0 auto;
    height: auto;
    width: 960px;
    background-color: #ededed;
}

/* TYLKO DLA TEJ STRONY ---------------------------------------------- */

.smltxsm .magenta {
    color: #e20074 !important;
}
.smltxsm .btn {
    background: #e20074;
	color: white;
	height: auto;
	letter-spacing: -0.5px;
	line-height: auto;
	padding: 11px;
	border-radius: 25px;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
	display: inline-block;
	width: 179px;
	margin: 3px auto;
	font-size: 140%;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.32);
}
.smltxsm .btn.white {
    background: #fff;
    color: #e20074;
}
.smltxsm .box:not(.active) .btn:hover {
    color:black;
}
.smltxsm .box {
    font-size:16px;
    font-family:Tele-GroteskHal;
    width:180px;
    background-color: #fff;
    height:auto;
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 5px 8px;
    padding:0;
    box-sizing:border-box;
    z-index: 50;
    overflow-x: hidden;

    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.smltxsm .box.active {
    background: #e20074;
    color:white;
    /*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.32);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.32);*/
}
.smltxsm .box .name {
    font-size: 1.4em;
    padding: 8px 0;
}
.smltxsm .box.active .name {
    color:#e20074;
    background: white;
}
.smltxsm .box hr {
    width:100%;
    border: none;
    border-top: 1px solid #ccc;
    margin:0;
	position: absolute;
}
.smltxsm .box .item {
    width:100%;
    min-height: 60px;
    padding:10px;
    display: block;
    vertical-align: middle;
}
.smltxsm .box .item span{
    color:#e20074;
    display: block;
    font-size: 1.5em
}
.smltxsm .box.active .item span{
    color:#fff;
    display: block;
    font-size: 1.5em
}
.smltxsm .box .item span.black{
    color:inherit;
}
.smltxsm .box .item.switcher {
    position: relative;
}
.smltxsm .box .item.switcher .switcher-prev {
    position: absolute;
    top: 33px;
    left:20px;
    width:23px;
    height:23px;
    background: url(../images/switcher_button.png) left top;
}
.smltxsm .box .item.switcher .switcher-next {
    position: absolute;
    top: 33px;
    right:20px;
    width:23px;
    height:23px;
    background: url(../images/switcher_button.png) center top ;
}
.smltxsm .box .item.switcher .switcher-prev.edge,
.smltxsm .box .item.switcher .switcher-next.edge {
    background: url(../images/switcher_button.png) right top ;
}
.smltxsm .box .item i {
    width:17px;
    height: 17px;
    position: relative;
    left:15px;
    display: inline-block;
    background: url(../images/tip.png) left top ;
    cursor: pointer;
}
.smltxsm .box.active .item i {
    background: url(../images/tip.png) right top ;
}
.smltxsm .box.active .item.switcher .switcher-prev {
    background: url(../images/switcher_button.png) left bottom;
}
.smltxsm .box.active .item.switcher .switcher-next {
    background: url(../images/switcher_button.png) center bottom ;
}
.smltxsm .box.active .item.switcher .switcher-prev.edge,
.smltxsm .box.active .item.switcher .switcher-next.edge {
    background: url(../images/switcher_button.png) right bottom ;
}
.smltxsm .box .item.switcher .switcher-prev:hover,
.smltxsm .box .item.switcher .switcher-next:hover {
    opacity:0.8;
}
.smltxsm .box .item.switcher .net-val {
    display: none;
}
.smltxsm .box .item.switcher .net-val.active {
    display: block;
}
.smltxsm .box .item span.check {
    text-indent: 1000px;
    background: url(../images/check.png) center no-repeat ;
    text-align: center;
}
.smltxsm .box.active .item span.check {
    background: url(../images/check_white.png) center no-repeat ;
}
/* .smltxsm .box.active .btn {
    display: none;
} */
.smltxsm .box.active .btn.choosen {
    display: inline-block;
}
.smltxsm .box .btn.choosen {
    display: none;
}
.smltxsm .check{
    width: initial;
    height: initial;
}
.hidden{
    display: none !important;
}
.qtip::before{
	border-top-color: #C6C6C6 !important;
	border-width: 17px !important;
	margin-left: -17px !important;
}
.fullName {
    position: absolute;
    border: 1px solid black;
    border-radius: 21px;
    background: white;
    padding: 5px;
    bottom: 576px;
    width: 95%;
    word-wrap: break-word;
}
a.qtip-close{
	display:none;
}
.smltxsm a:hover {
    color: #000000;
	background-color: #e62789;
}

.smltxsm .box:not(.active) {
	cursor: pointer;
}

.smltxsm .box.boxHover {
	cursor: pointer;
}

.box > .item > a.bx-prev {
    position: absolute;
	top: 447px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
	left: 10px;
	background: url(//cdn.execon.pl/resources/TMobile/T_HYCOM/SML/images/controls.png) no-repeat 0 -38px;
	text-decoration: none;
	color: #4379ab;
}

.box > .item > a.bx-next {
    position: absolute;
	top: 447px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
	left: 136px;
	background: url(//cdn.execon.pl/resources/TMobile/T_HYCOM/SML/images/controls.png) no-repeat -43px -38px;
	text-decoration: none;
	color: #4379ab;
}

.box > .item.carousel > a.bx-prev {
	top: 581px;
	left: 1px;
}

.box > .item.carousel > a.bx-next {
	top: 581px;
	left: 309px;
}

.my-own-qtip{
	background: white;
	width: 218px;
	position: relative;
	left: -71px;
	top: -222px;
	z-index: 99999;
	color: black !important;
	max-width: 300px;
	min-width: 50px;
	font-size: 0.92em;
	direction: ltr;
	border-radius: 5px;
	margin-top: -20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.32);
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.32);
	height: 141px;
	text-align: left;
	padding-left: 9px !important;
	padding-right: 9px !important;
	font-size: 1em !important;
}

.my-own-qtip > strong {
	color: black !important;
	font-size: 1.4em;
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 3px;
	margin-top: 5px;
}


.my-own-qtip::after, .my-own-qtip::before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.my-own-qtip::after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}
.my-own-qtip::before {
    border-top-color: #C6C6C6 !important;
    border-width: 17px !important;
    margin-left: -17px !important;
}

.item.carousel {
	overflow: visible !important;
}

.item.carousel .my-own-qtip strong {
    color: black !important;
}

.box.hovered .item.carousel .my-own-qtip {
    color: black !important;
}

.phone-details #inna-cena .item .my-own-qtip {
	width: 210px;
	font-size: 0.7em !important;
}

.phone-details #inna-cena .box {
	overflow: visible !important;
}

.phone-details #inna-cena .box .item {
	overflow: visible !important;
}

.phone-details #inna-cena .box .item .ico {
	margin-left: 24px !important;
	width:110px !important;
}

.phone-details #inna-cena .box .item:eq(6) {
	height: 81px !important;
}

.phone-details > .container > .row > .columns.three > a.border-button.white-button{
	background: #ededed !important;
	width: 105px !important;
	padding: 0px 24px !important;
	box-shadow: none !important;
}

.phone-details > .container > .row > .columns.three > a.border-button.white-button:hover {
	background: #ffffff !important;
}

.box.hovered .btn-left{
  color:black !important;
  font-weight: 600;
  padding-top: 2px;
}

.box.hovered .btn-right{
  color:black !important;
  font-weight: 600;
  padding-top: 2px;
}

.box .btn-left{
  color:white !important;
  font-weight: 600;
  padding-top: 2px;
}

.box .btn-right{
  color:white !important;
  font-weight: 600;
  padding-top: 2px;
}

.my-own-qtip.netflix {
    color: black !important;
	padding-top: 10px;
	height: 133px;
	left: 72px;
	top: -203px;
}

.my-own-qtip.roaming {
    color: black !important;
    padding-top: 10px;
    height: 79px;
    left: 76px;
    top: -155px;
}

.box > .item.carousel.special > a.bx-next {
    top: 391px;
}

.box > .item.carousel.special > a.bx-prev {
    top: 391px;
}

.my-own-qtip.MyBox {
    height: 67px;
    top: -145px;
}

.my-own-qtip.Nawigacja {
    height: 82px;
    top: -160px;
}

.my-own-qtip.MyDysk {
    height: 96px;
    top: -174px;
}

.my-own-qtip.Radio.internetowe {
    height: 79px;
    top: -172px;
}

.my-own-qtip.Tidal {
    height: 95px;
    top: -173px;
}

.my-own-qtip.Google.Music {
    height: 140px;
    top: -218px;
}

.my-own-qtip.Facebook, .my-own-qtip.Messenger, .my-own-qtip.WhatsApp, .my-own-qtip.Twitter {
    height: 140px;
    top: -218px;
}

.my-own-qtip.Google.Music {
    height: 140px;
    top: -215px;
}

.container > h1{
	margin-top: 20px !important;
}

.my-own-qtip.average_price {
    position: absolute;
    top: -25px;
    left: 59px;
    width: 94px;
    color: black !important;
    height: 32px;
    padding-top: 7px;
}

.phone-details #inna-cena .my-own-qtip.MyBox {
    top: 350px;
}

.phone-details #inna-cena .my-own-qtip.Nawigacja {
    top: 333px;
}

.phone-details #inna-cena .my-own-qtip.MyDysk {
    top: 320px;
}

.phone-details #inna-cena .my-own-qtip.Radio.internetowe {
    top: 335px;
}

.phone-details #inna-cena .my-own-qtip.Tidal {
    top: 320px;
}

.phone-details #inna-cena .my-own-qtip.Google.Music {
    top: 275px;
}

.phone-details #inna-cena .my-own-qtip.Facebook, .phone-details #inna-cena .my-own-qtip.Messenger, .phone-details #inna-cena .my-own-qtip.WhatsApp, .phone-details #inna-cena .my-own-qtip.Twitter {
    top: 275px;
}

.phone-details #inna-cena .my-own-qtip.netflix {
    color: black !important;
	padding-top: 5px;
	height: 145px;
	left: 75px;
	top: 162px;
	position: absolute;
	width: 113px;
}

.phone-details #inna-cena .my-own-qtip.roaming {
    color: black !important;
	padding-top: 5px;
	height: 85px;
	left: 86px;
	top: 161px;
	position: absolute;
	width: 92px;
}

/*.phone-details #inna-cena .box .item:nth-of-type(7) > div {
	position: absolute;
	left: 47px;
	top: 618px;
}

.phone-details #inna-cena .box .item:nth-of-type(7) > span.black {
	position: absolute;
	left: 1px;
	top: 641px;
	width: 179px;
}

.phone-details #inna-cena .box .item:nth-of-type(7){
    height: 70px !important;
}*/

.phone-details #inna-cena .box .item:nth-of-type(1){
   padding: 5px;
   height: 81px;
}

.phone-details #inna-cena .box .item:nth-of-type(2) {
    height: 63px !important;
    padding-top: 7px;
}

.phone-details #inna-cena .box .item:nth-of-type(3){
    height: 70px !important;
}

.phone-details #inna-cena .box .item:nth-of-type(4), .phone-details #inna-cena .box .item:nth-of-type(5) {
    height: 60px !important;
    padding-top: 7px;
}

.phone-details #inna-cena .box .item:nth-of-type(6){
    height: 130px !important;
    padding-top: 10px;
}

.phone-details #inna-cena .box .item:nth-of-type(7) {
    height: 60px !important;
    padding-top: 5px;
}

.phone-details #inna-cena .box .item:nth-of-type(8){
   padding-top: 10px;
    padding-bottom: 10px;
}

other-sml-offers .box .item:nth-of-type(6) .my-own-qtip{
    position: absolute;
    top: 350px;
    left: -22px;
}

.my-own-qtip.internetDataLimit {
    color: black !important;
  padding-top: 10px;
  height: 195px;
  left: 140px;
  top: -327px;
}

other-sml-offers .box .item:nth-of-type(6) .internetDataLimit {
  color: black !important;
  padding-top: 10px;
  left: 79px;
  top: 137px;
  height: 250px;
  width: 108px !important;
  z-index: 10000 !important;
}

.switcher {
  display: flex;
  align-items: center;
  justify-content: center;
}

.smltx .box .item .switcher .nolimit.btn-right {
  padding: 0 !important;
  display: flex !important;
  align-items: center;
}

.switcher .net:not(.active) .nolimit-long {
  width: 61%;
  font-size: 0.8em;
  text-align: center;
  margin-left: 5px;
  line-height: 1em;
}

.hovered .switcher .net:not(.active) .nolimit-long {
  color: black !important;
}

.switcher .nolimit.net-val {
  font-size: 0.7em !important;
  width: 50%;
  margin-left: 25%;
}

.check-in-other-offer {
    font-size: 13px !important;
    background: #cb6a9c !important;
}

.grey-img{
  opacity: 0.4 !important;
}