.offer-side-hover-table {
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 30px;
}

                            .mphonebox .offer-side-hover-table .box {
                                position: relative;
                                width: 100%;
                                display: block;
                                margin: 0 auto 45px auto;
                                background: white;
                                padding: 15px;
                                border-radius: 8px;
                                -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.21);
                                -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.21);
                                box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.21);
                            }
                            .mphonebox .offer-side-hover-table .box .offer-name{
                                text-align: left;
                                font-size: 28px;
                                margin-bottom: 15px;
                                padding-left:8px;
                                color:#2B2B2B;
                                vertical-align: baseline;
                            }
                             .mphonebox .offer-side-hover-table .box .offer-name strong{
                                vertical-align: baseline;
                            }
                             .mphonebox .offer-side-hover-table .box .offer-name .lead-info{
                                display: none !important;
                            }
                             .mphonebox .offer-side-hover-table .box .offer-name strong{
                                font-family: 'tele-groteskultregular';
                            }

                             .mphonebox .offer-side-hover-table .box hr {
                                border:none;
                                border-bottom:1px solid #e5e5e5;
                            }

                            .mphonebox .offer-side-hover-table .offer-desc {
                                padding: 0 0 0 .5em;
                                font-family: 'tele-groteskhalb;'
                                color:#505050;
                                margin-top:-.7em;
                            }
                            .mphonebox .offer-side-hover-table .box .item {
                                display: block;
                                min-height: 20px;
                                padding: .1em .5em;
                                vertical-align: middle;
                                font-size: 1.0em;
                                line-height: 1.0em;
                                margin: 6px auto;
                                position: relative;
                                vertical-align: middle;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-align: center;
                                    -ms-flex-align: center;
                                        align-items: center;
                            }
                            .mphonebox .offer-side-hover-table .box .item-special {
                                display: block;
                                min-height: 20px;
                                padding: .30em .5em;
                                vertical-align: middle;
                                font-size: 1.0em;
                                line-height: 1.0em;
                            }
                            .mphonebox .offer-side-hover-table .box .item.dark {
                                background: #F7F7F7;
                                cursor: pointer;
                            }
                            .mphonebox .offer-side-hover-table .box .item.dark:hover {
                                background: #E200741F;
                            }
                            .mphonebox .offer-side-hover-table .box .item.dark:hover * {
                                color:#e20074 !important;
                            }
                            .mphonebox .offer-side-hover-table .box .item.blue {
                                background: rgba(100, 185, 228, .1);
                                padding: .3em .5em;
                            }
                            .mphonebox .offer-side-hover-table .box .item.blue .speed,
                            .mphonebox .offer-side-hover-table .box .item.blue .desc{
                                color: rgba(100, 185, 228, 1);
                            }
                            .tab-sec-head {
                                font-size: 21px;
                               font-family: tele-groteskfett;
                               color:#333;
                               line-height: 1.0em;
                            }
                            .mphonebox .offer-side-hover-table .box .gap {
                                height:.7em;
                            }
                            .mphonebox .offer-side-hover-table .box .item.abo-name .desc {
                                font-family: tele-groteskultregular;
                                font-size: 1.8em;
                                line-height: 1.1em;
                                margin-bottom: .4em;
                            }
                            .mphonebox .offer-side-hover-table .box .item.abo .desc {
                               font-family: tele-groteskfett;
                               font-size: 1.1em;
                            }
                            .mphonebox .offer-side-hover-table .box .item.smaller .desc {
                               font-size: .8em;
                            }

                            .mphonebox .offer-side-hover-table .box .item.abo span.speed {
                                /*top:-.4em;*/
                                line-height: 1.0em;
                                position: relative;
                            }
                            .mphonebox .offer-side-hover-table .box .item.abo span.speed .bigger-total {
                                font-size: 1.4em;
                                vertical-align: baseline;
                            }

                            .mphonebox .offer-side-hover-table .box .item .desc {
                                color: #555555;
                                font-family: tele-groteskhalb;
                                text-align: left;
                                vertical-align: middle;
                                -webkit-box-flex: 1;
                                    -ms-flex-positive: 1;
                                        flex-grow: 1;
                                max-width: 65%;
                                -webkit-box-pack: center;
                                    -ms-flex-pack: center;
                                        justify-content: center;
                                -webkit-box-align: center;
                                    -ms-flex-align: center;
                                        align-items: center;

                                        font-size: 1em;
                            }

                            .mphonebox .offer-side-hover-table .box .item-special .desc {
                                color: #555555;
                                font-family: tele-groteskhalb;
                                text-align: left;

                                        font-size: 1em;
                            }

                             i.tel {
                                display: inline-block;
                                height: 1.1em;
                                width: 1.1em;
                                margin-right: .3em;
                                background: url(../images/tel.png) center no-repeat;
                                background-size: contain;
                            }
                            .mphonebox .offer-side-hover-table .box .item .desc i.abo {
                                background-image: url(../images/abo-sum.png) ;
                            }
                            .mphonebox .offer-side-hover-table .box .item.blue .desc i.abo {
                                background-image: url(../images/abo-sum-blue.png) ;
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-item {
                                background: #fff;
                                margin-bottom: 0px;
                                margin-top:-6px;
                                padding-bottom: 0px;
                                position: relative;
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-item .speed,
                            .mphonebox .offer-side-hover-table .box .foldable-item .desc {
                                z-index: 10;
                                cursor: pointer;
                                min-height: 1.1em;
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-item .item span.speed{
                                color:#e20074;

                            }
                            .mphonebox .offer-side-hover-table .box .foldable-item.shown {

                            }
                            .mphonebox .offer-side-hover-table .box .foldable-item *{
                                  -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;
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-item .arrow{
                                  display: inline-block;
                                  width: 20px;
                                  height:20px;
                                  background:url(../images/arr.png) center no-repeat;
                                  transform:rotate(90deg);
                                  background-size: contain;
                                  cursor: pointer;
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-item.shown .arrow{
                                  transform:rotate(-90deg);
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-box{
                                -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
                                -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
                                box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
                                background: white;
                                position: absolute;
                                padding: 8px;
                                top:-1px;
                                left:0;
                                display: none;
                                width: 100%;
                                padding-top: 60px;
                                padding-bottom: 35px;
                                z-index: 5
                            }
                            .tel-item  .box .foldable-item.shown .foldable-box{
                                display: block;
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-box .net-btn {
                                width: calc(50% - 2px);
                                float: left;
                                display: block;
                                text-align: center;
                                font-family: 'Tele-groteskfett';
                                padding: 8px;
                                border-radius: 8px;
                                cursor: pointer;
                                height: 55px;
                                position: relative;
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-box .net-btn + .net-btn{
                                margin-left:4px;
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-box .net-btn .v-align{
                                position: absolute;
                                top:50%;
                                left:0;
                                transform: translateY(-50%);
                                text-align: center;
                                width: 100%;
                            }
                            .mphonebox .offer-side-hover-table .box .foldable-box .net-info{
                                font-size: 16px;
                                position: absolute;
                                left:15px;
                                bottom: 8px;
                                text-align: left;
                            }
                            .mphonebox .offer-side-hover-table .box .net-btn.active {
                                color:#e20074;
                                background: rgba(214, 13, 123, .08)
                            }
                            .mphonebox .offer-side-hover-table .box .net-btn:hover {
                                background: rgba(214, 13, 123, .08)
                            }
                            .mphonebox .offer-side-hover-table .box .net-btn span{
                                display: block;
                                font-family: 'Tele-groteskhalb';
                                font-size:14px;
                                margin-top: 3px;
                            }
                            .mphonebox .offer-side-hover-table .box .net-btn.active span{
                                display: none;

                            }



                            .mphonebox .offer-side-hover-table .box .item span.speed {
                                white-space: nowrap;
                                display: block;
                                color: #e20074;
                                font-family: tele-groteskultregular;
                                font-size: 1.0em;
                                color: #414041;
                                vertical-align: middle;
                                text-align: right;
                                -webkit-box-flex: 1;
                                    -ms-flex-positive: 1;
                                        flex-grow: 1;
                                -webkit-box-pack: center;
                                    -ms-flex-pack: center;
                                        justify-content: center;
                                -webkit-box-align: center;
                                    -ms-flex-align: center;
                                        align-items: center;
                            }
                            .mphonebox .offer-side-hover-table .box .item span.speed.force-magenta {
                                color: #e20074 !important;
                            }

                            .mphonebox .offer-side-hover-table .box .item span.speed netvalue{
                                font-family: 'tele-grotesknorregular';
                                color:black;
                            }

                            .mphonebox .offer-side-hover-table .box .item span.speed.pricing {
                                font-size: 1.15em;
                            }

                            .mphonebox .offer-side-hover-table .box .item.abo span.speed {
                                font-size: 1.2em;
                            }

                            .mphonebox .box.bottom-item {
                                margin-top: 25px;
                            }
                            .mphonebox .box.item span.speed .abo-numb {
                                font-size: 1.5em;
                                line-height: .9em;
                                vertical-align: baseline;
                            }
                            .mphonebox .box.item span.speed .currency {
                                display: inline;
                                vertical-align: baseline;
                                font-size: 1.2em;
                            }
                            .mphonebox .box.item.abo span.speed .currency {
                                display: inline;
                                vertical-align: baseline;
                                font-size: .8em;
                            }
                            .mphonebox .offer-side-hover-table .box .btn {
                                display: block;
                                max-width: 100%;
                                margin-top: 10px;
                            }
                             .mphonebox .box.extra-info{
                                background: rgba(86, 185, 242, .1);
                                color:rgba(86, 185, 242, 1);
                                font-family: 'tele-groteskfett';
                                font-size: 1em;
                                padding: .5em;
                                border-radius: 8px;
                                position: relative;
                            }
                             .mphonebox .box.extra-info:after{
                                bottom: 100%;
                                left: calc(100% - 20px);
                                border: solid transparent;
                                content: " ";
                                height: 0;
                                width: 0;
                                position: absolute;
                                pointer-events: none;
                                border-color: rgba(136, 183, 213, 0);
                                border-bottom-color:rgba(86, 185, 242, .1);
                                border-width: 9px;
                                margin-left: -9px;
                            }
                            .mphonebox .box.item-header {
                                background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJERjZFN0JCQTY2NzExRUE5MDZCQ0UxQjAyMjZBQzA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJERjZFN0JDQTY2NzExRUE5MDZCQ0UxQjAyMjZBQzA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkRGNkU3QjlBNjY3MTFFQTkwNkJDRTFCMDIyNkFDMDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkRGNkU3QkFBNjY3MTFFQTkwNkJDRTFCMDIyNkFDMDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7gZheVAAAAD0lEQVR42mK4cuUKQIABAAT8An06e7OrAAAAAElFTkSuQmCC') center repeat-x;
                                text-align: left;
                                margin-bottom: .5em;
                            }
                            .mphonebox .box.item-header span{
                                display: inline-block;
                                background: white;
                                padding: 0 15px 0 15px;
                                font-family: 'Tele-groteskfett';

                            }
                            .mphonebox .offer-side-hover-table .box .item span .bigger {
                                font-size: 1.5em;
                                vertical-align: baseline;
                            }

                            .mphonebox .box.hr-labeled {
                                padding: 0 8px;
                                display: flex;
                                margin-bottom: 5px;
                                margin-top: 20px
                            }
                            .mphonebox .box.hr-labeled .hr-label{
                                color:#aaa;
                                font-family: 'tele-groteskhalb';
                                font-size: .8em;
                                padding-right: 15px
                            }
                            .mphonebox .box.hr-labeled hr{
                                border-top: 1px solid #aaa;
                                flex-grow:1;
                                color:#aaa;
                            }

.net-hover-wrapper:after {
    display: table;
    clear: both;
    content:"";
}
.net-hover-wrapper .net-hover-item {
    display: flex;
    width: calc(50% - 10px);
    height: 90px;
    text-align: center;
    padding: 8px;
    float: left;
    margin:5px;
    border-radius: 8px;
    background:#F0F0F0;
    border:2px solid #F0F0F0;
    cursor: pointer;
    justify-content: center;
     align-items: center;
}
.net-hover-wrapper .net-hover-item.hovered {
    border:2px solid #e20074;
    background:white;
}
.net-hover-wrapper .net-hover-item.active {
    border:2px solid #e20074;
    background:white;
}
.net-hover-wrapper .net-hover-item ._1 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-family: 'tele-groteskultregular';
    color:#414041;
}
.net-hover-wrapper .net-hover-item ._2 {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-family: 'tele-grotesknor';
    color:#414041;
}
.installment-hover-wrapper:after {
    display: table;
    clear: both;
    content:"";
}
.installment-hover-wrapper .installment-hover-item {
    display: block;
    width: calc(50% - 10px);
    text-align: center;
    padding: 15px 8px;
    float: left;
    margin:5px;
    border-radius: 8px;
    background:#F0F0F0;
    border:2px solid #F0F0F0;
    cursor: pointer;
      -webkit-transition: background-color .2s ease-out;
      -moz-transition: background-color .2s ease-out;
      -o-transition: background-color .2s ease-out;
      transition: background-color .2s ease-out;
}
.installment-hover-wrapper .installment-hover-item.watch-me {

    background:#88c0d0;
}
.installment-hover-wrapper .installment-hover-item.hovered {
    border:2px solid #e20074;
    background:white;
}
.installment-hover-wrapper .installment-hover-item.active {
    border:2px solid #e20074;
    background:white;
}
.installment-hover-wrapper .installment-hover-item span {
    display: block;
    font-size: 18px;
    font-family: 'tele-groteskultregular';
    color:#414041;
}

.mphonebox .offer-switcher-hover-table {
    text-align: right;
    margin: 11px auto;
    position: relative;
    z-index: 1;
    text-align: right;
    margin-right: 10px;
}

.mphonebox .offer-switcher-hover-table .offer-name {
    font-size: 1.1em;
    display: inline-block;
    text-align: right;
    line-height: 1em;
    font-family: tele-groteskhalb;
    position: relative;
    top: -.7em;
    cursor: pointer;
}


.mphonebox .offer-switcher-hover-table .offer-name+.switch {
    display: inline-block;
    width: 64px;
    height: 30px;
    background: #e20074;
    border-radius: 25px;
    margin: 0;
    text-align: right;
    cursor: pointer;
    position: relative;
}

.mphonebox .offer-switcher-hover-table .offer-name+.switch {
    background-color: #C6C6C6;
    text-align: left;
}

.mphonebox .offer-switcher-hover-table.active .offer-name+.switch {
    background-color: #E200741F;
    text-align: right;
}

.mphonebox .offer-switcher-hover-table .switch:hover {
    -webkit-box-shadow: inset 0px 0px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 12px -4px rgba(0, 0, 0, 0.1);
}

.mphonebox .offer-switcher-hover-table .switch .point {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #484848;
    border-radius: 50%;
    margin: 4px;
    position: relative;
}
.mphonebox .offer-switcher-hover-table .switch .point:before {
    display: none
}
.mphonebox .offer-switcher-hover-table .switch .point:after {
    display: block;
    content:"NIE";
    position: absolute;
    left:calc(100% + 5px);
    top:50%;
    transform: translateY(-50%);
    font-size: .9em;
    color:#444;
    font-family: 'tele-groteskhalb'
}

.mphonebox .offer-switcher-hover-table.active .switch .point {
    background: #e20074;
}
.mphonebox .offer-switcher-hover-table.active .switch .point:after {
    display: none;
}
.mphonebox .offer-switcher-hover-table.active .switch .point:before {
    display: block;
    content:"TAK";
    position: absolute;
    right:calc(100% + 5px);
    top:50%;
    transform: translateY(-50%);
    font-size: .9em;
    color:#e20074;
    font-family: 'tele-groteskhalb'
}


@media (min-width: 600px) {
   

   .offer-side-hover-table {
        max-width: 450px;
        font-size: 18px;
   }
    .mphonebox .offer-switcher-hover-table .offer-name {
        font-size: 1.0em;
        top: -.6em;
    }
}

@media (min-width: 960px) {
     .offer-side-hover-table {
        max-width: 420px;
        font-size: 16px;
        float: right;
   }

}

@media (min-width: 1200px) {
     .offer-side-hover-table {
        max-width: 440px;
        font-size: 17px;
   }
                            .mphonebox .offer-side-hover-table .box {
                                padding: 22px;
                            }   
}

@media (min-width: 1680px) {
     .offer-side-hover-table {
        max-width: 500px;
        font-size: 18px;
   }

}