.section.mod100 {
        background:  url(../images/bg-xs.jpg) left bottom no-repeat;
        background-size: 1200px auto;
        height: 607px;
}
.section.mod100 h1{
    margin: 43px auto 20px auto;
    text-align: center;
    max-width: 300px;
    vertical-align: top;
}
.section.mod100 h1 span{
    color:#56B9F2;
    background: #ddf1fc;
    display: inline-block;
    padding: 0em .2em;
    margin:0;
}
.section.mod100 .after-h1{
    font-size: 1.4em;
    text-align: center;
    margin:0 auto 1em auto;
}
.section.mod100 .btn{
    display: block;
    max-width: 200px
}
.section.mod101{
    background: #FFF;
}

.section.mod101 .content {
    padding: 30px 0px;
    width: 100%;
    /* max-width: 100%; */
    /* margin: 0 auto;  */

    min-width: 100%;
}

.section.mod101 h2{
    text-align: center;
    margin-bottom: 1em;
}
.section.mod1 {
    background-color: #F5F5F5;
}
.section.mod1 .p1 {
    margin-bottom: 1em;
}

.wrapper .section.mod2 h2 {
    padding-right: 50px;
}

.device-offer-holder .box {
    background: white;
    padding: 15px;
    margin: 10px 0;
    border-radius: 12px 12px 0 0;
    -webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.20);
}
.device-offer-holder .box._1{
    text-align: center;
}
.device-offer-holder .box._1 .device-img{
    max-width: 120px;
    display: inline-block;
}
.device-offer-holder .box._1 .device-name{
    text-align: center;
    font-size: 1.3em;
    font-family: tele-groteskfett;
    margin: .2em auto
}
.device-offer-holder .box._1 .device-name-bis{
}
.device-offer-holder .box._1 .plus{
    color:#ccc;
    text-align: left;
    font-size: 1.3em;
    line-height: .5em;
    font-family: tele-groteskfett;
    margin: 0em auto
}

.device-offer-holder .box._2 {
    border-radius: 0 0 12px 12px;
}


.device-offer-holder .spec-holder .item {
    display: block;
    min-height: 20px;
    padding: .30em .5em;
    vertical-align: middle;
    font-size: 1.0em;
    line-height: 1.0em;
    margin: 0 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;
}
.device-offer-holder .spec-holder .item i:not(.infotip) {
    width: 23px;
    display: block;
    opacity: 0;
    cursor: default;
}

.device-offer-holder .spec-holder .item .desc {
    color: #484747;
    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;
}

.device-offer-holder .spec-holder .item .desc.b {
    font-family: tele-groteskfett;
    font-size: 1.2em;
    white-space: nowrap;
}
.device-offer-holder .spec-holder .item .desc .ntflx {
    width: 100px;
    display: inline-block;
    margin-left: -8px
}

.device-offer-holder .spec-holder .item span.speed {
    white-space: nowrap;
    display: block;
    color: #e20074;
    font-family: tele-groteskultregular;
    line-height: 1.1em;
    margin: .1em auto;
    font-size: 1.1em;
    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;
}
.device-offer-holder .spec-holder .item span.speed.price {
    font-size: 2.5em;
    color: #414041;
    line-height: .5em;
}
.device-offer-holder .spec-holder .item span.speed.price .currency{
    font-size: .7em;
    vertical-align: baseline;
}
.device-offer-holder .box hr {
    border: none;
    border-top: 1px solid #c5c5c5
}
.device-offer-holder .box i.infotip {
    margin-top: -1px;
}
.device-offer-holder .btn {
    display: block;
    font-size: 1.5em;
    margin:.8em 0 0 0 ;
}


.section.mod101 .price-tooltip {
    font-size: 1.1em;
    font-family: tele-groteskfett;
    color: #58BAFF;
    background: #DBF2FF;
    display: inline-block;
    padding: .35em .9em;
    border-radius: 12px;
    margin: 0 0 0 auto;
    position: relative;
}

.section.mod101 .price-tooltip::after {
    bottom: 100%;
    left: 78%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(219, 242, 255, 0);
    border-bottom-color: #DBF2FF;
    border-width: 12px;
    margin-left: -12px;
}
.section.mod-last-white {
    background: white;
}
.section.mod-last-white .right {
    text-align: right;
}





 .stable-bg .timer-holder {
     width: 260px;
     height: 260px;
     text-align: center;
     background: transparent url(../images/counter.png) center center no-repeat;
     background-size: contain;
     position: relative;
     margin: 34px auto;
     z-index: 100;
 }

  .stable-bg .timer-holder::after{
    position: absolute;
    width: 88%;
    height: 88%;
    left: 6.5%;
    bottom: 2px;
    content: '';
    border-radius: 50%;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2);
    z-index: 0;
  }


 .stable-bg .timer-holder .countdown {
     position: absolute;
     top: 70px;
     left: 0;
     width: 100%;
     height: 231px;
     text-align: center;
     font-family: tele-groteskultregular;
     font-size: 34px;
 }

 .stable-bg .timer-holder .countdown .slice {
     display: inline-block;
        margin-bottom: 15px;
 }

 .stable-bg .timer-holder .countdown .slice .sep-cont {
     margin-right: -5px;
 }

 .stable-bg .timer-holder .countdown .slice .sub {
     margin-right: 5px;
 }

 .stable-bg .timer-holder .countdown .slice div {
     display: inline-block;
     text-align: left;
     margin: 0
 }

 .stable-bg .timer-holder .end-text {
     color: #e20074;
     font-size: 28px;
     margin-top: 10px;
     font-family: tele-groteskfett;
 }


  .warning-holder {
      text-align: left;
  }

  .warning-holder .p1 .triangle {
      display: inline-block;
      width: 20px;
      margin: 2px 4px 0 -24px;
  }

  .warning-holder .p1 {
      display: inline-block;
      margin: 0;
      padding-left: 40px;
  }

  .promo-clicker2 {
      width: 280px;
      height: 75px;
      display: inline-block;
      padding: 1px;
      text-align: left;
      position: relative;
      background: url(../images/box2.png) center center no-repeat;
      background-size: contain;
  }

  .promo-clicker2 ._2 {
      color: #e20074;
      display: inline-block;
      font-size: .8em;
      position: absolute;
      left: 55%;
      top: 35%;

  }

  .promo-clicker2 ._2:after {
      content: "";
      position: absolute;
      width: 150%;
      bottom: -2px;
      height: 1px;
      background: #e20074;
      left: -25%;

  }


  .promo-clicker {
      background: white;
      display: inline-block;
      padding: 10px;
      border-radius: 12px;
      text-align: left;
      position: relative;
      margin-top: -20px;
  }

  .promo-clicker .desc {
      color: #7B7B7B;
      text-align: left;
      margin: 0 0 .25em 0;
      font-size: .8em
  }

  .promo-clicker .kod-text {
      background: #e5e5e5;
      color: #343434;
      border: none;
      padding: .7em 3em .7em 1em;
      width: auto;
      letter-spacing: 2px;
      font-size: 1em;
      border-radius: 8px 0 0 8px;
      vertical-align: top;
      margin: 0;
      display: inline-block;
      font-family: tele-grotesknor;
  }

  .promo-clicker .copy-btn {
      display: inline-block;
      width: auto;
      margin: 0;
      background: #e20074 url(../images/copy_icon.png) 34px center no-repeat;
      background-size: 18px auto;
      color: white;
      border: none;
      padding: .7em 3em .7em 3.5em;
      font-size: 1emm;
      border-radius: 0 8px 8px 0;
      text-align: center;
  }

  .promo-clicker .copy-btn:hover {
      color: white;
      text-decoration: none;
      background-color: #353535;
  }

  span.copyinfo {
      position: absolute;
      display: inline-block;
      color: white;
      bottom: -17px;
      left: 20px;
      white-space: nowrap;
      padding: 7px 12px;
      font-size: 15px;
      border-radius: 4px;
      line-height: 1em;
      background: #56B9F2;
      font-family: tele-groteskhalb;
      display: none;
      text-decoration: none;
  }

  span.copyinfo:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-bottom-color: #56B9F2;
      border-width: 8px;
      margin-left: -8px;
  }

  .wr-1{
      width: 280px;
      margin: 0 auto;
  }
  .wr-2 {
      width: 280px;
      margin: 0 auto;
  }
  .swiper-wrapper {
      padding-bottom: 40px;
  }
  .swiper-slide{
    opacity: 0.6;
  }
  .swiper-slide.swiper-slide-active{
    opacity: 1;
  }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
      opacity: 1;
      border: solid 1px #7B7B7B;
      background: #FFF;
      width: 12px;
      height: 12px;
  }

  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: solid 1px #e20074;
    background: #e20074;
  }
  .offer-box{
      width: 280px;
      margin: 14px auto;
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
      border-radius: 14px;
      text-align: center;
      cursor: pointer;
  }
  /* font-family: tele-groteskhalb; */
  .offer-box .dev-name {
    font-family: tele-groteskfet;
    font-size: 1.5em;
    line-height: 1em;
    color: #343434;
    margin-top: 24px;
    display: inline-block;
  }
  .offer-box .offer-name {
      font-family: tele-groteskhalb;
      font-size: 1em;
      line-height: 1em;
      color: #939393;
      margin-top: 6px;
      margin-bottom: 24px;
      display: inline-block;
  }
  .offer-box .phone-box{
      position: relative;
      width: 180px;
      margin: 0 auto;
      margin-bottom: 30px;
  }
  .offer-box .phone-box .p-pat {
    position: absolute;
    background: #56B9F2;
    width: 64px;
    height: 64px;
    top: 30px;
    left: 0;
    z-index: 140;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(86, 185, 242, 0.7);
    box-shadow: 0 0 0 5px rgba(86, 185, 242, 0.7);
    font-size: 1.3em;
    line-height: 1em;
    color: #FFF;
  }
  .offer-box .phone-box .p-pat .old-p {
    font-size: 0.7em;
    line-height: 1em;
    margin-top: 7px;
    position: relative;
    display: inline-block;
  }
  .offer-box .phone-box .p-pat .old-p sup{
      font-size: 0.5em;
      top: -0.3em;
  }
  .offer-box .phone-box .p-pat .old-p::after {
    content: '';
    position: absolute;
    left: -2px;
    bottom: 50%;
    width: 100%;
    height: 1px;
    background: #FFF;
    -moz-transform: rotate(-23deg);
    -webkit-transform: rotate(-23deg);
    -o-transform: rotate(-23deg);
    -ms-transform: rotate(-23deg);
    transform: rotate(-23deg);
  }
  .offer-box .phone-box::after{
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -90px;
      margin-top: -90px;
      width: 180px;
      height: 180px;
      background: #939393;
      border-radius: 50%;
      z-index: 0;
      opacity: 0.5;
  }
   .offer-box .phone-box .p-pat .curr-p {
       font-size: 1.35em;
       line-height: 1em;
       display: block;
       margin-top: -5px;
       /* font-family: tele-groteskultregular; */
       font-family: tele-groteskfet;
   }
   .offer-box .phone-box .p-pat .curr-p sup{
    font-size: 0.4em;
    top: -0.9em;
   }
  .offer-box .phone-box .phone-img {
      display: block;
      height: 250px;
      margin: 0 auto;
      position: relative;
      z-index: 10;
  }
  .offer-box .custom-btn {
    font-family: tele-groteskfet;
    background: #e20074;
    color: #FFF;
    display: inline-block;
    font-size: 1.1em;
    line-height: 1em;
    width: 100%;
    padding:14px 0;
    -webkit-border-radius: 0 0 14px 14px;
    border-radius: 0 0 14px 14px;
    text-decoration: none;
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
   .offer-box:hover .custom-btn {
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
   }
  .offer-box .custom-btn:hover,
  .offer-box .custom-btn:focus,
  .offer-box .custom-btn:active {
    color: #000;
  }

  .sw{
    width: 260px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .sw .sw-item {
    display: inline-block;
    width: 50%;
    float: left;
    text-align: center;
    font-family: tele-groteskhal;
    color: #4E4E4E;
    font-size: 1em;
    line-height: 1em;
    padding: 10px 0;
    border: solid 2px #fce5f1;
    background: #FFF;
    cursor: pointer;
  }
  .sw .sw-item.item-new {
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    border-right: none;
  }
  .sw .sw-item.item-renew {
      -webkit-border-radius: 0 8px 8px 0;
      border-radius: 0 8px 8px 0;
      border-left: none;
  }
  .sw .sw-item.active{
      background: #fce5f1;
      color: #e20074;
  }

  .colors {
      content: '';
      position: absolute;
      bottom: -10px;
      right: -30px;
      width: 30px;
      height: auto;
      z-index: 300;
  }
  .colors .color{
      width: 20px;
      height: 20px;
      background: #939393;
      border-radius: 50%;
      margin: 10px auto;
      position: relative;
      z-index: 100;
      cursor: pointer;
      -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
  }
  .colors .color.active{
      position: relative;
      z-index: 100;
  }
  .colors .color.active::after {
    content: '';
    position: absolute;
    background: transparent;
    border: solid 2px #e20074;
    border-radius: 50%;
    width: 130%;
    height: 130%;
    z-index: -1;
    left: -25%;
    top: -26%;
    pointer-events: none;
    cursor: none;
  }
  .colors .color.c-black {
    background: #000;
  }
  .colors .color.c-dblue {
      background: #28407b;
  }
.colors .color.c-white {
    background: #efefef;
}
  .wr-1.no-sw .sw {
      display: none;
  }

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

@media screen and (min-width: 600px){   /* ------------------------------ 640 --------------------------------*/

    .section.mod100 {
            background: url(../images/bg-xs.jpg) -100px bottom no-repeat;
            background-size: 1700px auto;
            height: 843px;
    }
    .section.mod100 h1{
        margin: 80px auto 20px auto;
        text-align: center;
        max-width: 500px;
    }
    .section.mod100 .after-h1 {
        max-width: 450px;
    }
    .device-offer-holder  {
        text-align: center;
        font-size: 16px;
    }
    .device-offer-holder .box {
        display: inline-block;
        width: 290px;
        height: 520px;
        border-radius: 12px  0 0 12px;
        position: relative;
    }
    .device-offer-holder .box._1 .device-img {
        max-width: 63%;
    }
    .device-offer-holder .box .device-img  {
        position: absolute;
        top:47%;
        left:50%;
        transform:translateY(-50%) translateX(-50%);
    }
    .device-offer-holder .box .device-name  {
        position: absolute;
        bottom:15px;
        left:0%;
        width: 100%;
        padding-left: 15px
    }
    .device-offer-holder .box._1 .device-name-bis{
        font-size: .90em;
    }
    .device-offer-holder .box._2 {
        border-radius: 0 12px 12px 0;
    }
    .device-offer-holder .box._2 .spec-holder.bot {
        position: absolute;
        bottom: 15px;
        width: calc(100% - 30px);
    }

     .stable-bg .timer-holder {
         width: 260px;
         height: 260px;
         position: relative;
         margin: 100px auto;
     }


     .stable-bg .timer-holder .countdown {
         top: 70px;
         height: 231px;
         font-size: 34px;
     }

     .stable-bg .timer-holder .countdown .slice {
         margin-bottom: 15px;
     }

     .stable-bg .timer-holder .countdown .slice .sep-cont {
         margin-right: -5px;
     }

     .stable-bg .timer-holder .countdown .slice .sub {
         margin-right: 5px;
     }

     .stable-bg .timer-holder .countdown .slice div {
         display: inline-block;
         text-align: left;
         margin: 0
     }

     .stable-bg .timer-holder .end-text {
         font-size: 28px;
         margin-top: 8px;
     }


     .warning-holder {
         text-align: center;
     }

     .warning-holder .p1 .triangle {
         display: inline-block;
         width: 20px;
         margin: 2px 4px 0 0;
     }

     .warning-holder .p1 {
         display: inline-block;
         font-size: 1.1em;
         margin: 0;
         padding-left: 0;
     }

     .promo-clicker2 {
         width: 380px;
         height: 75px;
         display: inline-block;
         padding: 1px;
         text-align: left;
         position: relative;
         background: url(../images/box2.png) center center no-repeat;
         background-size: contain;
     }

     .promo-clicker2 ._2 {
         color: #e20074;
         display: inline-block;
         font-size: 0.9em;
         position: absolute;
         left: 55%;
         top: 33%;

     }

     .promo-clicker2 ._2:after {
         content: "";
         position: absolute;
         width: 150%;
         bottom: -2px;
         height: 1px;
         background: #e20074;
         left: -25%;

     }


     .promo-clicker {
         display: block;
         padding: 10px;
         border-radius: 12px;
         text-align: left;
         position: relative;
         margin-top: 0px;
         width: 310px;
         margin: 0 auto;
         z-index: 100;
         background: transparent;
     }

     .promo-clicker .desc {
         color: #7B7B7B;
         text-align: left;
         margin: 0 0 .25em 0;
         font-size: .8em
     }

     .promo-clicker .kod-text {
         background: #e5e5e5;
         color: #343434;
         border: none;
         padding: .7em 3em .7em 1em;
         width: auto;
         letter-spacing: 2px;
         font-size: 1em;
         border-radius: 8px 0 0 8px;
         vertical-align: top;
         margin: 0;
         display: inline-block;
         font-family: tele-grotesknor;
     }

     .promo-clicker .copy-btn {
         display: inline-block;
         width: auto;
         margin: 0;
         background: #e20074 url(../images/copy_icon.png) 34px center no-repeat;
         background-size: 18px auto;
         color: white;
         border: none;
         padding: .7em 3em .7em 3.5em;
         font-size: 1emm;
         border-radius: 0 8px 8px 0;
         text-align: center;
     }

     .promo-clicker .copy-btn:hover {
         color: white;
         text-decoration: none;
         background-color: #353535;
     }

     span.copyinfo {
         position: absolute;
         display: inline-block;
         color: white;
         bottom: -17px;
         left: 20px;
         white-space: nowrap;
         padding: 7px 12px;
         font-size: 15px;
         border-radius: 4px;
         line-height: 1em;
         background: #56B9F2;
         font-family: tele-groteskhalb;
         display: none;
         text-decoration: none;
     }

     span.copyinfo:after {
         bottom: 100%;
         left: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
         border-color: rgba(136, 183, 213, 0);
         border-bottom-color: #56B9F2;
         border-width: 8px;
         margin-left: -8px;
     }

     .wr-1 {
         width: 500px;
         margin: 0 auto;
         position: relative;
     }
     .wr-1::after{
         content: '';
         position: absolute;
         width: 100%;
         top:85%;
         left: 0;
         width: 100%;
         height: 2px;
         background: #e5e5e5;
         z-index: 0;
     }

     .wr-1.no-sw::after{
         top:62%;
     }


     .wr-2 {
         width: 500px;
         margin: 0 auto;
         text-align: center;
     }
     .section.mod101{


     }
     .section.mod101 .content {
         padding: 30px 0px;
         width: 100%;
         /* max-width: 100%; */
         /* margin: 0 auto;  */

         min-width: 100%;
         position: relative;
     }
.swiper-container {
    left: 0;
    right: 0;
    position: relative;
    max-width: 100%;
}

.sw {
    width: 290px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 100;
}

.sw .sw-item {
    font-size: 1em;
    padding: 10px 0;
}




}
@media screen and (min-width: 960px){   /* ------------------------------ 960 --------------------------------*/

    .section.mod100 {
        background: url(../images/bg-sm.jpg) center bottom no-repeat;
        background-size: auto;
        height: 772px;
    }
    .section.mod100 h1{
        margin: 220px 0 20px 0;
        text-align: left;
        max-width: 482px;
        font-size: 2.3em;
    }
    .section.mod100 .after-h1 {
        font-size: 1.4em;
        text-align: left;
        margin: 0 0 1em 0;
    }
     .section.mod100 .btn{
        display: block;
        max-width: 200px;
        margin:70px 0 0 0 ;
    }
    .section.mod101 h2{
        font-size: 2.5em;
        margin:.5em auto .2em auto;
    }
    .device-offer-holder  {
        text-align: center;
        font-size: 18px;
    }
    .device-offer-holder .box {
        margin: 20px 5px;
        width: 420px;
        height: 600px;
    }
    .device-offer-holder .spec-holder .item span.speed {
        font-size: 1.25em;
    }
    .device-offer-holder .box._1 .device-img  {
        /*max-width: 300px*/
    }
    .device-offer-holder .spec-holder .item .desc .ntflx {
        width: 130px;
        margin-left: -11px;
    }

    .stable-bg .timer-holder {
        width: 260px;
        height: 260px;
        position: absolute;
        margin: 0;
        right: 70px;
        top: 210px;
    }


    .stable-bg .timer-holder .countdown {
        top: 70px;
        height: 231px;
        font-size: 34px;
    }

    .stable-bg .timer-holder .countdown .slice {
        margin-bottom: 15px;
    }

    .stable-bg .timer-holder .countdown .slice .sep-cont {
        margin-right: -5px;
    }

    .stable-bg .timer-holder .countdown .slice .sub {
        margin-right: 5px;
    }

    .stable-bg .timer-holder .countdown .slice div {
        display: inline-block;
        text-align: left;
        margin: 0
    }

    .stable-bg .timer-holder .end-text {
        font-size: 28px;
        margin-top: 8px;
    }

    .warning-holder {
         text-align: center;
         margin-bottom: 10px;
     }

     .warning-holder .p1 .triangle {
         display: inline-block;
         width: 20px;
         margin: 2px 4px 0 0;
     }

     .warning-holder .p1 {
         display: inline-block;
         font-size: 1.1em;
         margin: 0;
         padding-left: 0;
     }

     .promo-clicker2 {
         width: 380px;
         height: 75px;
         display: inline-block;
         padding: 1px;
         text-align: left;
         position: relative;
         background: url(../images/box2.png) center center no-repeat;
         background-size: contain;
     }

     .promo-clicker2 ._2 {
         color: #e20074;
         display: inline-block;
         font-size: 1em;
         position: absolute;
         left: 54%;
         top: 31%;

     }

     .promo-clicker2 ._2:after {
         content: "";
         position: absolute;
         width: 150%;
         bottom: -2px;
         height: 1px;
         background: #e20074;
         left: -25%;

     }


     .promo-clicker {
         display: block;
         padding: 10px;
         border-radius: 12px;
         text-align: left;
         position: relative;
         margin-top: 0px;
         width: 400px;
         margin: 0 auto;
         z-index: 100;
         background: transparent;

     }

     .promo-clicker .desc {
         color: #7B7B7B;
         text-align: left;
         margin: 0 0 .25em .5em;
         font-size: 1em
     }

     .promo-clicker .kod-text {
         background: #e5e5e5;
         color: #343434;
         border: none;
         padding: .7em 4.8em .7em 1.2em;
         width: auto;
         letter-spacing: 2px;
         font-size: 1.1em;
         border-radius: 8px 0 0 8px;
         vertical-align: top;
         margin: 0;
         display: inline-block;
         font-family: tele-grotesknor;
     }

     .promo-clicker .copy-btn {
         display: inline-block;
         width: auto;
         margin: 0;
         background: #e20074 url(../images/copy_icon.png) 54px center no-repeat;
         background-size: 20px auto;
         color: white;
         border: none;
         padding: .7em 3.5em .7em 4em;
         font-size: 1.1em;
         border-radius: 0 8px 8px 0;
         text-align: center;
     }

     .promo-clicker .copy-btn:hover {
         color: white;
         text-decoration: none;
         background-color: #353535;
     }

     span.copyinfo {
         position: absolute;
         display: inline-block;
         color: white;
         bottom: -17px;
         left: 20px;
         white-space: nowrap;
         padding: 7px 12px;
         font-size: 15px;
         border-radius: 4px;
         line-height: 1em;
         background: #56B9F2;
         font-family: tele-groteskhalb;
         display: none;
         text-decoration: none;
     }

     span.copyinfo:after {
         bottom: 100%;
         left: 50%;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
         border-color: rgba(136, 183, 213, 0);
         border-bottom-color: #56B9F2;
         border-width: 8px;
         margin-left: -8px;
     }

     .wr-1 {
         width: 940px;
         margin: 0 auto;
         position: relative;
     }
     .wr-1::after{
         content: '';
         position: absolute;
         width: 100%;
         top: 87%;
         left: 0;
         width: 100%;
         height: 2px;
         background: #e5e5e5;
         z-index: 0;
     }


     .wr-2 {
         width: 940px;
         margin: 0 auto;
         text-align: center;
         border-bottom: solid 2px #e5e5e5;
         padding-bottom: 30px;
     }
     .swiper-slide {
         opacity: 1;
     }
     .swiper-container{
         width: 940px;
         margin: 0 auto;
     }
     .swiper-pagination{
         display: none;
     }
     .swiper-wrapper{
         padding-bottom: 20px;
         padding-top: 10px;
     }

     .sw {
         width: 340px;
         margin-top: 40px;
         margin-bottom: 20px;
         position: relative;
         z-index: 100;
     }

     .sw .sw-item {
         font-size: 1.05em;
         padding: 12px 0;
     }
}
@media screen and (min-width: 1200px){   /* ------------------------------ 1200 --------------------------------*/

    .section.mod100 {
        background: url(../images/bg-md.jpg) center bottom no-repeat;
        background-size: auto;
        height: 809px;
    }
    .section.mod100 h1{
        margin: 180px 0 120px 0;
        max-width: 650px;
        text-align: left;
        font-size: 3.4em;
    }
     .section.mod100 .btn{
        display: block;
        max-width: 280px;
        margin:70px 0 0 0 ;
        font-size: 1.5em
    }
    .device-offer-holder .box {
        width: 510px;
        height: 600px;
    }
    .device-offer-holder .box._1 .device-img  {
        max-width: 380px
    }

    .stable-bg .timer-holder {
        width: 300px;
        height: 300px;
        right: 75px;
        top: 250px;
    }


    .stable-bg .timer-holder .countdown {
        top: 80px;
        height: 231px;
        font-size: 38px;
    }

    .stable-bg .timer-holder .countdown .slice {
        margin-bottom: 15px;
    }

    .stable-bg .timer-holder .countdown .slice .sep-cont {
        margin-right: -5px;
    }

    .stable-bg .timer-holder .countdown .slice .sub {
        margin-right: 5px;
    }

    .stable-bg .timer-holder .countdown .slice div {
        display: inline-block;
        text-align: left;
        margin: 0
    }

    .stable-bg .timer-holder .end-text {
        font-size: 38px;
        margin-top: 4px;
    }


    .warning-holder {
        text-align: left;
        margin-bottom: 0px;
        display: inline-block;
        position: relative;
        top: 25px;
        margin-right: 20px;
    }

    .warning-holder .p1 .triangle {
        display: inline-block;
        width: 20px;
        margin: 2px 4px 0 0;
    }

    .warning-holder .p1 {
        display: inline-block;
        font-size: 1.1em;
        margin: 0;
        padding-left: 0;
    }

    .promo-clicker2 {
        width: 436px;
        height: 75px;
        display: inline-block;
        padding: 1px;
        text-align: left;
        position: relative;
        background: url(../images/box2.png) center center no-repeat;
        background-size: contain;
    }

    .promo-clicker2 ._2 {
        color: #e20074;
        display: inline-block;
        font-size: 1.1em;
        position: absolute;
        left: 54%;
        top: 30%;

    }

    .promo-clicker2 ._2:after {
        content: "";
        position: absolute;
        width: 150%;
        bottom: -2px;
        height: 1px;
        background: #e20074;
        left: -25%;

    }


    .promo-clicker {
        display: block;
        padding: 10px;
        border-radius: 12px;
        text-align: left;
        position: relative;
        margin-top: 0px;
        width: 400px;
        margin: 0 auto;
        z-index: 100;
        background: transparent;

    }

    .promo-clicker .desc {
        color: #7B7B7B;
        text-align: left;
        margin: 0 0 .25em .5em;
        font-size: 1em
    }

    .promo-clicker .kod-text {
        background: #e5e5e5;
        color: #343434;
        border: none;
        padding: .7em 4.8em .7em 1.2em;
        width: auto;
        letter-spacing: 2px;
        font-size: 1.1em;
        border-radius: 8px 0 0 8px;
        vertical-align: top;
        margin: 0;
        display: inline-block;
        font-family: tele-grotesknor;
    }

    .promo-clicker .copy-btn {
        display: inline-block;
        width: auto;
        margin: 0;
        background: #e20074 url(../images/copy_icon.png) 54px center no-repeat;
        background-size: 20px auto;
        color: white;
        border: none;
        padding: .7em 3.5em .7em 4em;
        font-size: 1.1em;
        border-radius: 0 8px 8px 0;
        text-align: center;
    }

    .promo-clicker .copy-btn:hover {
        color: white;
        text-decoration: none;
        background-color: #353535;
    }

    span.copyinfo {
        position: absolute;
        display: inline-block;
        color: white;
        bottom: -17px;
        left: 20px;
        white-space: nowrap;
        padding: 7px 12px;
        font-size: 15px;
        border-radius: 4px;
        line-height: 1em;
        background: #56B9F2;
        font-family: tele-groteskhalb;
        display: none;
        text-decoration: none;
    }

    span.copyinfo:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #56B9F2;
        border-width: 8px;
        margin-left: -8px;
    }

    .wr-1 {
        width: 1100px;
        margin: 0 auto;
        position: relative;
        margin-top: 20px;
    }

    .wr-1::after {
        content: '';
        position: absolute;
        width: 100%;
        top: 88%;
        left: 0;
        width: 100%;
        height: 2px;
        background: #e5e5e5;
        z-index: 0;
    }


    .wr-2 {
        width: 1066px;
        margin: 0 auto;
        text-align: left;
        border-bottom: solid 2px #e5e5e5;
        padding-bottom: 30px;
    }

    .section.mod101 h2 {
        font-size: 2em;
        margin: .5em auto .2em auto;
    }

    .swiper-container {
        width: 1100px;
    }

    .offer-box {
        width: 330px;
        margin: 14px auto;
    }

    .offer-box .dev-name {
        font-size: 1.5em;
        margin-top: 34px;
    }

    .offer-box .offer-name {
        font-size: 1em;
        margin-top: 8px;
        margin-bottom: 30px;
    }

    .offer-box .phone-box {
        width: 220px;
        margin-bottom: 40px;
    }

    .offer-box .phone-box .p-pat {
        width: 80px;
        height: 80px;
        top: 30px;
        left: 0;
        -webkit-box-shadow: 0 0 0 7px rgba(86, 185, 242, 0.7);
        box-shadow: 0 0 0 7px rgba(86, 185, 242, 0.7);
        font-size: 1.5em;
    }

    .offer-box .phone-box::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -110px;
        margin-top: -110px;
        width: 220px;
        height: 220px;
        background: #939393;
        border-radius: 50%;
        z-index: 0;
        opacity: 0.5;
    }

    .offer-box .phone-box .p-pat .curr-p {
        font-size: 1.35em;
        line-height: 1em;
        display: block;
        margin-top: -5px;
        /* font-family: tele-groteskultregular; */
        font-family: tele-groteskfet;
    }

    .offer-box .phone-box .p-pat .curr-p sup {
        font-size: 0.4em;
        top: -0.9em;
    }

    .offer-box .phone-box .phone-img {
        display: block;
        height: 305px;
        margin: 0 auto;
        position: relative;
        z-index: 10;
    }

    .offer-box .custom-btn {
        font-family: tele-groteskfet;
        background: #e20074;
        color: #FFF;
        display: inline-block;
        font-size: 1.1em;
        line-height: 1em;
        width: 100%;
        padding: 14px 0;
        -webkit-border-radius: 0 0 14px 14px;
        border-radius: 0 0 14px 14px;
    }

    .section.mod101 h2{
        margin-top: 30px;
    }



}
@media screen and (min-width: 1560px){   /* ------------------------------ 1560 --------------------------------*/


    .section.mod100 {
        background: url(../images/bg-lg.jpg) center bottom no-repeat;
        background-size: auto;
        height: 960px;
    }
    .section.mod100 h1{
        margin: 280px 0 20px 0;
        font-size: 3.4em;
        max-width: 700px;
    }

    .stable-bg .timer-holder {
        width: 300px;
        height: 300px;
        right: 220px;
        top: 300px;
    }

    .warning-holder {
        text-align: left;
        margin-bottom: 0px;
        display: inline-block;
        position: relative;
        top: 25px;
        margin-right: 20px;
    }

    .warning-holder .p1 .triangle {
        display: inline-block;
        width: 20px;
        margin: 2px 4px 0 0;
    }

    .warning-holder .p1 {
        display: inline-block;
        font-size: 1.1em;
        margin: 0;
        padding-left: 0;
    }

    .promo-clicker2 {
        width: 436px;
        height: 75px;
        display: inline-block;
        padding: 1px;
        text-align: left;
        position: relative;
        background: url(../images/box2.png) center center no-repeat;
        background-size: contain;
    }

    .promo-clicker2 ._2 {
        color: #e20074;
        display: inline-block;
        font-size: 1.1em;
        position: absolute;
        left: 54%;
        top: 30%;

    }

    .promo-clicker2 ._2:after {
        content: "";
        position: absolute;
        width: 150%;
        bottom: -2px;
        height: 1px;
        background: #e20074;
        left: -25%;

    }


    .promo-clicker {
        display: block;
        padding: 10px;
        border-radius: 12px;
        text-align: left;
        position: relative;
        margin-top: 0px;
        width: 440px;
        margin: 0 auto;
        z-index: 100;
        background: transparent;

    }

    .promo-clicker .desc {
        color: #7B7B7B;
        text-align: left;
        margin: 0 0 .25em .5em;
        font-size: 1em
    }

    .promo-clicker .kod-text {
        background: #e5e5e5;
        color: #343434;
        border: none;
        padding: .7em 4.8em .7em 1.2em;
        width: auto;
        letter-spacing: 2px;
        font-size: 1.1em;
        border-radius: 8px 0 0 8px;
        vertical-align: top;
        margin: 0;
        display: inline-block;
        font-family: tele-grotesknor;
    }

    .promo-clicker .copy-btn {
        display: inline-block;
        width: auto;
        margin: 0;
        background: #e20074 url(../images/copy_icon.png) 54px center no-repeat;
        background-size: 20px auto;
        color: white;
        border: none;
        padding: .7em 3.5em .7em 4em;
        font-size: 1.1em;
        border-radius: 0 8px 8px 0;
        text-align: center;
    }

    .promo-clicker .copy-btn:hover {
        color: white;
        text-decoration: none;
        background-color: #353535;
    }

    span.copyinfo {
        position: absolute;
        display: inline-block;
        color: white;
        bottom: -17px;
        left: 20px;
        white-space: nowrap;
        padding: 7px 12px;
        font-size: 15px;
        border-radius: 4px;
        line-height: 1em;
        background: #56B9F2;
        font-family: tele-groteskhalb;
        display: none;
        text-decoration: none;
    }

    span.copyinfo:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #56B9F2;
        border-width: 8px;
        margin-left: -8px;
    }

    .wr-1 {
        width: 1400px;
        margin: 0 auto;
        position: relative;
    }

    .wr-1::after {
        content: '';
        position: absolute;
        width: 100%;
        top: 88%;
        left: 0;
        width: 100%;
        height: 2px;
        background: #e5e5e5;
        z-index: 0;
    }


    .wr-2 {
        width: 1360px;
        margin: 0 auto;
        text-align: left;
        border-bottom: solid 2px #e5e5e5;
        padding-bottom: 30px;
    }

    .section.mod101 h2 {
        font-size: 2.3em;
        margin: .5em auto .7em auto;
    }
    .swiper-container {
        width: 1400px;
    }

    .offer-box {
        width: 430px;
        margin: 14px auto;
    }

    .offer-box .dev-name {
        font-size: 1.7em;
        margin-top: 44px;
    }

    .offer-box .offer-name {
        font-size: 1.1em;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .offer-box .phone-box {
        width: 260px;
        margin-bottom: 50px;
    }

    .offer-box .phone-box .p-pat {
        width: 100px;
        height: 100px;
        top: 44px;
        left: -6px;
        -webkit-box-shadow: 0 0 0 10px rgba(86, 185, 242, 0.7);
        box-shadow: 0 0 0 10px rgba(86, 185, 242, 0.7);
        font-size: 1.7em;
    }

    .offer-box .phone-box::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -130px;
        margin-top: -130px;
        width: 260px;
        height: 260px;
        background: #939393;
        border-radius: 50%;
        z-index: 0;
        opacity: 0.5;
    }

    .offer-box .phone-box .p-pat .curr-p {
        font-size: 1.35em;
        line-height: 1em;
        display: block;
        margin-top: -5px;
        /* font-family: tele-groteskultregular; */
        font-family: tele-groteskfet;
    }

    .offer-box .phone-box .p-pat .curr-p sup {
        font-size: 0.44em;
        top: -0.9em;
    }

    .offer-box .phone-box .phone-img {
        display: block;
        height: auto;
        margin: 0 auto;
        position: relative;
        z-index: 10;
    }

    .offer-box .custom-btn {
        font-family: tele-groteskfet;
        background: #e20074;
        color: #FFF;
        display: inline-block;
        font-size: 1.1em;
        line-height: 1em;
        width: 100%;
        padding: 14px 0;
        -webkit-border-radius: 0 0 14px 14px;
        border-radius: 0 0 14px 14px;
    }

    .sw {
        width: 380px;
        margin-top: 40px;
        margin-bottom: 20px;
        position: relative;
        z-index: 100;
    }

    .sw .sw-item {
        font-size: 1.05em;
        padding: 10px 0;
    }

    .section.mod101 h2 {
        margin-top: 40px;
    }
}