/*INTERNET*/
.main_right_bg{display: none!important;}
.main_right_bg2{
    background-image: linear-gradient(90deg,#DEEEFF, #0077FF );
    height: 100%;
    position: fixed;
    width: 14.479vw;
    opacity: 0.11;
    right: 0;
    top: 0;
    z-index: -1;
    margin-top: 0 !important;
}
.internet{
    margin-top: 8.385vw;
}
.internet > div{
  /*overflow: hidden;*/
}

@media (max-width: 767px) {
    .internet{
        margin-top: 20.385vw;
        overflow-x: hidden;
    }
    .internet_bg{
        background-image: linear-gradient(90deg,#DEEEFF, #0077FF );
        opacity: 0.07;
        z-index: -5;
    }
    .main_right_bg2 {
        display: none !important;
    }
    .internet > div{
      overflow: hidden;
    }
}


/*UVOD*/
.uvod{
    padding-top: 3.698vw;
    height: 44.083vw;
    overflow-x: hidden;
    overflow-y: hidden;
}
.uvod_left img{
    width: 74.792vw;
    height: 37.083vw;
}
.uvod_left .uvod_text{
  z-index: 2;
    position: absolute;
    left: 20.833vw;
    top: 3.438vw;
    width: 29.688vw;
    height: 31.250vw;
}
.uvod_left .uvod_text h2{
    margin-top: 3.438vw;
    margin-bottom: 3.073vw;
    font-size: 3.906vw;
    font-family: SourceSansSemiBold;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}
.uvod_left .uvod_text p{
    line-height: 1.563vw;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    margin-bottom: 2.188vw;
}
.uvod_left .uvod_text p.nadpis{
    font-family: SourceSansBold;
    color: #3E9FFF;
    margin-bottom:1.146vw ;
}
.uvod_left .uvod_text hr{
    width: 27.917vw;
    border: 1px solid #3E9FFF;
    opacity: 1;
    margin: 0!important;
    margin-bottom: 2.760vw!important;
}
.uvod_left .uvod_text button {
  /*  background-image: linear-gradient(to bottom,#2560E6,#1581ED, #3e9fff, #1582ed);
    background-size: 100% 250%;
    background-position: 0 100%;*/
    width: 12.708vw;
    height: 3.646vw;
    box-shadow: 0px 10px 16px #00000029;
    border: none;
    border-radius: 12px;
    opacity: 1;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0.9px;
    color: #FFFFFF;
    margin-top: -1.2vw !important;
    /* margin-bottom: 80px; */
    /*transition: all .3s ease-in-out;*/
}
/*.uvod_left .uvod_text button:hover {
    background-position: 0 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition:  all .3s ease-in-out;
    -webkit-transition:  all .3s ease-in-out;
    transition:  all .3s ease-in-out;

}*/
.uvod_left .uvod_text button:focus {
    outline: none;
}

.uvod_right img{
    position: absolute;
    filter: drop-shadow(0px 20px 40px #3E9FFF29);
}
.uvod_right .uvod_1_img{
    width: 24.479vw;
    height: 21.510vw;
    top: 17.5vw;
    left: 57.6vw;
}
.uvod_right .uvod_2_img{
    width: 21.302vw;
    height: 20.677vw;
    top: 8.5vw;
    left: 76.5vw;
}
.uvod_right .uvod_3_img{
    width:8.021vw;
    height: 7.760vw;
    top: 5.9vw;
    left: 78.25vw;
}
.uvod_right .uvod_4_img{
    width:10.260vw;
    height: 10.156vw;
    top: 28vw;
    right: -3vw;
}

@media (max-width: 767px) {
    .uvod {
        padding-top: 9.5vw;
        height: 145.083vw;
    }
    .uvod_left{
        height: 125.600vw;
    }
    .uvod_left img{
         position: absolute;
         right: 0;
         width: 253.333vw;
         height: 125.600vw;
     }
    .uvod_left .uvod_text{
        position: absolute;
        z-index: 2;
        left:9.600vw;
        top: 10vw;
        width: 53.333vw;
        height: 125.600vw;
    }
    .uvod_left .uvod_text h2{
        margin-top: 8vw;
        margin-bottom:6.133vw;
        font-size: 9.333vw;
    }
    .uvod_left .uvod_text p{
        line-height: 6.667vw;
        font-size: 4vw;
        font-family: SourceSansRegular;
        letter-spacing: 0;
        color: #727272;
        margin-bottom: 14.133vw;
    }
    .uvod_left .uvod_text p.nadpis{
        font-family: SourceSansBold;
        color: #3E9FFF;
        margin-bottom:2.133vw ;
    }
    .uvod_left .uvod_text hr{
        width: 38.933vw;
        margin: 0!important;
        margin-bottom: 2.667vw!important;
    }
    .uvod_left .uvod_text button{
        margin-top: 1.875vw;
        border-radius: 3.200vw;
        font-size: 2.667vw;
        letter-spacing: 0.5px;
        width: 38.667vw;
        height: 10.933vw;
    }


    .uvod_right .uvod_1_img{
        width: 52vw;
        height: 77.067vw;
        top: 3.5vw;
        left: 60vw;
    }
    .uvod_right .uvod_2_img{
        width: 51.467vw;
        height: 76.267vw;
        top: 56.5vw;
        left: 61.5vw;
    }
    .uvod_bg{
        top: 37vw;
        z-index: -2;
        position: absolute;
        width: 69.333vw;
        height: 106.400vw;
        background-image: linear-gradient(-90deg,#0077FF,#DEEEFF);
        opacity: 0.07;
    }
}

/*TYPY*/
.typy{
    margin-top: 5.729vw;
    height: 58.750vw;
}
.typy .row{
    margin-left: 11.458vw;
    margin-right: 11.458vw;
}
.typy .row .col{
    padding: 2vw!important;
    margin-left: 2.031vw;
    margin-right: 2.031vw;
    background-color: #FFFFFF;
    box-shadow: 0px 20px 40px #3E9FFF29;
    border-radius: 12px;
    opacity: 1;
    transition: .2s;
}
.typy .row .col:hover{
  box-shadow: 0px 20px 40px #3E9FFF67;
}
.typy .row .col h2{
    margin-top: 1.563vw;
    height: 7.188vw;
    font-size: 2.865vw;
    font-family: SourceSansLight;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.typy .row .col h4 ,.typy .card-body h4{
    margin-top: 2.188vw;
    margin-bottom: 0.469vw;
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.typy .row .col ul,.typy .card-body ul,.typy .row .col p,.typy .card-body p{
    /* height: 12.188vw!important; */
    line-height: 1.563vw;
    margin-top:1.563vw;
    margin-bottom: 0!important;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}
.typy .row .col .info{
  height: 12.188vw;
}
.typy .row .col button, .typy .card-body button{
    letter-spacing: 0.9px;
    color: #FFFFFF;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    position: absolute;
    bottom: 3.594vw;
    width: 9.063vw;
    height: 2.813vw;
  /*  background-image: linear-gradient(to bottom,#2560E6,#1581ED, #3e9fff, #1582ed);
    background-size: 100% 250%;
    background-position: 0 100%;    border-radius: 12px;
    opacity: 1;
    transition: all .3s ease-in-out;*/
}
/*.typy .row .col button:hover, .typy .card-body button:hover{
    background-position: 0 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition:  all .3s ease-in-out;
    -webkit-transition:  all .3s ease-in-out;
    transition:  all .3s ease-in-out;
}*/

.typy .typy_img1{
     position: absolute;
     top: -14.5vw;
     left: -0.8vw;
    width: 10.260vw;
    height: 10.156vw;
 }
.typy .typy_img2{
    position: absolute;
    bottom: -3.2vw;
    left: 10.3vw;
    width: 10.260vw;
    height: 10.156vw;
}
.typy .typy_bg{
    position: absolute;
    z-index: -3;
    top: -27.5vw;
    left: 50vw;
    width: 34.531vw;
    height: 84.375vw;
    background: transparent linear-gradient(180deg, #0077FF 0%, #DEEEFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 12px;
    opacity: 0.07;
}


@media (max-width: 767px) {
    .typy{
        margin-top: 14.667vw;
        height: auto;
    }
    .typy .accordion{
        margin: auto;
        width: 80.533vw;
        border-radius: 12px;
        border: none;
    }
    .typy .card{
        border: none;
        margin-bottom: 0.400vw;
    }
    .typy .card-header {
        background: none !important;
        border-bottom: none !important;
        height: 21.333vw;
        background-color: #FFFFFF;
        box-shadow: 0px 20px 40px #3E9FFF29;
        opacity: 1;
    }
    .typy .card-header p{
        margin:0;
        margin-left: 2.400vw;
        margin-top: 2.133vw;
        font-size: 6.667vw;
        font-family: SourceSansLight;
        letter-spacing: 0;
        color: #3E9FFF;
        opacity: 1;
    }
    .typy .card-header i{
        margin-right: 3.733vw;
    }
    .typy .card-body{
        background-color: #FFFFFF;
        height: auto!important;
        padding-top: 0!important;
    }
    .typy .card-body h4{
        font-size: 4.800vw;
        margin-top: 9.333vw;
        margin-bottom: 8vw;
    }
    .typy .card-body p,.typy .card-body ul{
        margin: 0!important;
        height: auto!important;
        width: 66.133vw;
        line-height: 6.667vw;
        font-size: 4vw;

    }
    .typy .card-body button{
        position: static;
        margin:0 auto;
        display:block;
        margin-top: 9.333vw!important;
        margin-bottom: 8.800vw!important;
        font-size: 4vw;
        width: 42.667vw;
        height: 12.533vw;
    }
    .typy .typy_img1{
        top: -20.5vw;
        left: 51.2vw;
        width:52.533vw;
        height: 52vw;
    }
    .typy .typy_img2{
        position: relative;
        z-index: -1;
        bottom: 44.8vw;
        left: 1.3vw;
        width:52.533vw;
        height: 52vw;
    }
    .typy .card-header .i1{
      -webkit-text-stroke: 1.5px white;
      -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }
    .typy .card-header [aria-expanded="true"] .i1{
      /*  display: none;*/
      -moz-transform:rotate3d(0,0,1,-180deg);
      -webkit-transform:rotate3d(0,0,1,-180deg);
      transform:rotate3d(0,0,1,-180deg);
    }
  /*  .typy .card-header [aria-expanded="true"] .i2{
        display: inline-block!important;
    }*/
}


/*VYBER*/
.vyber_bg{
    padding-bottom: 4vw;
    height: auto;
    z-index: -3;
    background-image: linear-gradient(-90deg,RGBA(0,119,255,0.07),RGBA(222,238,255,0));
}

.vyber{
    padding-top: 8.802vw;
}

.vyber h2{
    font-size: 2.865vw;
    font-family: SourceSansLight;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
    margin-bottom: 7.240vw;
}
.vyber .row1{
    width: 100%;
    height: 3.125vw;
    margin: 0;
}
.vyber .col1{
    padding: 0;
}
.vyber .col1 p, .vyber .p1{
    margin: 0;
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}
.vyber .col1 .p1{
    font-size: 0.938vw;
    color: #3E9FFF;
    float: left;
    margin-left: 20.833vw;
}
.vyber .vyber_img{
    position: absolute;
    left: 18.4vw;
    top: -0.5vw;
    width:2.292vw;
    height: 3.073vw;
}
.vyber .formular_height{
    margin-top: 2.083vw;
}
.vyber .formular_1{
    width: 29.583vw;
    height: 21.771vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 16px #00000019;
    border-radius: 12px;
    opacity: 1;
    margin: 0 auto ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.vyber .formular_text{
    width: 70%;
    height: auto !important;
    float: left;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0.9px;
    color: #FFFFFF;
    opacity: 1;
    display: flex;
    flex-direction: column;
}
.vyber .formular_text label{
    margin: 0;
    margin-bottom: 0.156vw;
    width: 100%;
    text-align: left;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    opacity: 1;
}
.vyber .formular_text input{
    width: 100%;
    height: 2vw;
    text-align: left;
    border: none;
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
    -webkit-appearance: none;
}
.vyber .formular_text input::placeholder{
  /*  font-size: 0.938vw;*/
    font-size: 1.302vw;
    font-family: SourceSansLight;
    letter-spacing: 0;
    color: #D5D5D5!important;
    opacity: 1;
}
.vyber .formular_text input.red_placeholder::placeholder{
  color: red!important;
}
.vyber .formular_text hr{
    margin-bottom: 1.458vw;
    border-top: 1px solid #E9E9F0;
    opacity: 1;
    width: 20.833vw;
}
.vyber .formular_1 .hr1{
    margin-top:0vw;
}
.vyber .formular_1 .hr2{
    margin-top: 0vw;
}
.vyber .formular_1 .hr3{
    margin-top: 0vw;
}

.vyber .formular_text button{
    margin-top: 0.521vw;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0.9px;
    color: #FFFFFF;
    float: left;
    width: 9.063vw;
    height: 2.813vw;
  /*  background-image: linear-gradient(to bottom,#2560E6,#1581ED, #3e9fff, #1582ed);
    background-size: 100% 250%;
    background-position: 0 100%;    border-radius: 12px;
    transition: all .3s ease-in-out;
    opacity: 1;*/
}
/*.vyber .formular_text button:hover{
    background-position: 0 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition:  all .3s ease-in-out;
    -webkit-transition:  all .3s ease-in-out;
    transition:  all .3s ease-in-out;
}*/
.vyber .formular_text button:focus{
    outline: none;
}
.vyber .p2{
    font-family: SourceSansRegular;
    font-size: 1.302vw;
    margin-top: 3.385vw;
    margin-bottom: 3.594vw;
}
.vyber .row2{
    margin: auto 35.208vw;
    height: 20.208vw;
}
.vyber .col2{
    padding: 0;
    width: 14.323vw;
    height: 20.208vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 16px #00000019;
    border-radius: 12px;
    opacity: 1;
}
.vyber .col2_1{
    margin-right:0.453vw
}
.vyber .col2_2{
    margin-left: 0.453vw;
}
.vyber .vyber_img2{
    margin: 3.906vw 4.948vw 0 4.948vw;
    width: 4.375vw;
    height: 3.281vw;
}
.vyber .vyber_img3{
    margin: 3.542vw 4.740vw 0 4.740vw;
    width: 4.792vw;
    height: 3.854vw;
}
.vyber h3{
    margin-top: 1.823vw;
    margin-bottom: 0.521vw;
    font-size: 1.302vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #43425D;
    text-transform: uppercase;
    opacity: 1;
}
.vyber .p3, .vyber .p4{
    font-size: 0.781vw!important;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D!important;
    opacity: 1;
}
.vyber .p3 span{
    font-size:1.823vw!important;
    color: #3E9FFF!important;
}
.vyber .dostunpny{
    position: absolute;
    bottom: 0;
    width: 100%;
    height:2.917vw;
    background-color: #3E9FFF;
    border-radius: 0px 0px 12px 12px;
    opacity: 1;
    color: #FFFFFF;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    padding-top: 0.833vw;
}
.vyber .nedostupny{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.917vw;
    background-color: #A2A2A2;
    border-radius: 0px 0px 12px 12px;
    opacity: 1;
    color: #FFFFFF;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    padding-top: 0.833vw;
}
.vyber button{
    margin-top: 3.646vw;
    width: 11.458vw;
    height: 2.813vw;
  /*  background-image: linear-gradient(to bottom,#2560E6,#1581ED, #3e9fff, #1582ed);
    background-size: 100% 250%;
    background-position: 0 100%;    border-radius: 12px;
    opacity: 1;
    transition: all .3s ease-in-out;*/
    font-size: 0.781vw!important;
    font-family: SourceSansRegular;
    letter-spacing: 0.9px;
    color: #FFFFFF;
}
/*.vyber button:hover{
    background-position: 0 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition:  all .3s ease-in-out;
    -webkit-transition:  all .3s ease-in-out;
    transition:  all .3s ease-in-out;
}*/
.vyber button:focus{
    outline: none;
}
.vyber .vyber_bodky{
    position:absolute;
    width: 10.260vw;
    height: 10.156vw;
    right: 12vw;
    bottom: -9.1vw;
}

@media (max-width: 767px)  {
    .vyber_bg{
        height: auto!important;
        margin-top: -49.333vw;
        background-image: none!important;
    }
    .vyber h2{
        font-size: 6.667vw;
        margin-bottom: 12.800vw;
    }
    .vyber .col1_1{
        padding-bottom: 10.667vw;
    }
    .vyber .p1{
        margin-left: 38.400vw!important;
        font-size: 3.467vw!important;
    }
    .vyber .col1 .p1 img{
        margin-left: 11.467vw!important;
        width: 5.333vw;
        height: 7.200vw;
    }
    .vyber .col1 p{
        font-size: 4vw;
    }
    .vyber .formular_height{
        margin-top: 19.083vw;
        /* height: auto!important; */
    }
    .vyber .formular_1{
        width: 72.267vw;
        height: auto;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .vyber .formular_text{
        padding-top: 6vw;
        width: 56.133vw;
        height: auto;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transform: translateY(2vw);
    }
    .vyber .formular_1 label{
        margin: 0;
        font-size: 3.467vw;
    }
    .vyber .formular_1 input{
        width: 100%;
        height: 8vw;
        font-size: 4vw;
    }
    .vyber .formular_1 input::placeholder{
        font-size: 4vw;
    }
    @supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
        .vyber .formular_1 .formular_text input{
            transform: translateX(-1.7vw);
        }
    }
    .vyber .formular_1 .formular_text hr{
        margin-bottom: 4.458vw;
        width: 56.133vw;
    }
    .vyber .formular_1 .formular_text .hr1{
        margin-top: 0;
    }
    .vyber .formular_1 .formular_text .hr2{
        margin-top: 0;
    }
    .vyber .formular_1 .formular_text .hr3{
        margin-top: 0;
    }
    .vyber .formular_1 .formular_text button{
        width: 42.667vw;
        height: 12.533vw;
        font-size: 4vw!important;
        margin-top: 9.067vw;
        margin-left: auto;
        margin-right: auto;
    }
    .vyber .p2{
        margin-left: auto;
        margin-right: auto;
        width: 62.400vw;
        margin-top: 77.333vw;
        padding-top: 1.867vw;
        font-size: 4vw!important;
    }
    .vyber_bg2{
        background-image :linear-gradient(90deg,RGBA(0,119,255,0.07),RGBA(222,238,255,1));
    }
    .vyber .row2{
        margin: auto 9.600vw;
        margin-top: 9.067vw!important;
        height: 62vw;
    }
    .vyber .col2{
        width: 38.933vw;
        height: 54.933vw;
    }
    .vyber .col2_1{
        margin-right:1.333vw;
    }
    .vyber .col2_2{
        margin-left: 1.333vw;
    }
    .vyber .vyber_img2{
        width: 12vw;
        height: 9.067vw;
        margin: 10.400vw 13.467vw 4.800vw 13.467vw;
    }
    .vyber .vyber_img3{
        width: 13.067vw;
        height: 10.667vw;
        margin: 9.733vw 12.933vw 3.467vw 12.933vw;
    }
    .vyber h3{
        font-size: 4vw!important;
        margin-bottom: 2.933vw;
    }
    .vyber .p3, .vyber .p4{
        font-size: 2.667vw!important;
    }
    .vyber .p3 span{
        font-size: 4vw!important;
    }
    .vyber .dostunpny, .vyber .nedostupny{
        height: 8vw;
        font-size: 2.667vw!important;
        padding-top: 2vw!important;
    }
    .vyber button{
        width: 42.667vw;
        height: 12.533vw;
        font-size: 4vw!important;
        margin-bottom: 8.400vw;
    }
    .vyber .vyber_bodky{
        width: 52.533vw;
        height: 52vw;
        z-index: -2;
        right: 91vw;
        top: 110vw;
    }
}


/*BALIK*/
.balik_wifi{
    height: 66.406vw;
    text-align: center;
    background-image:linear-gradient(90deg, RGBA(0,119,255,0.07), RGBA(222,238,255,0));
}
.balik_wifi .balik_img1{
    margin-top: 6.771vw;
    width: 4.375vw;
    height: 3.281vw;
    margin-bottom: 0.885vw;
}
.balik_wifi .p1{
    font-size:0.938vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
    margin-bottom: 2.240vw;
}
.balik_wifi .p2{
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
    margin-bottom: 3.646vw;
}
.balik_wifi .kruh_text{
    position: absolute;
    margin-left: 17.240vw;
    margin-top: -13.281vw;
    height: 3.906vw;
}
.balik_wifi .kruh_text p{
    width: 10.604vw;
    margin-left:5vw;
    padding-top: 2.781vw;
    text-align: left;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.balik_wifi .kruh{
    margin: 0;
    float: left;
    width: 3.906vw;
    height: 3.906vw;
    border: 1px solid #3E9FFF;
    opacity: 1;
    border-radius: 2.604vw;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
}
.balik_wifi .bloky{
    margin-bottom: 3.594vw;
}
.balik_wifi .blok{
    cursor: pointer;
    width: 41.615vw;
    height: 7.240vw;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 20px #00000014;
    border-radius: 12px;
    opacity: 1;
    margin: 0 auto;
    margin-bottom: 0.870vw;
}
.balik_wifi .blok div{
    float: left;
}
.balik_wifi .blok .wifi_input,.zelate .div_zelam .zelam_input{
    display: block;
    position: relative;
    padding-left: 1.823vw;
    margin-bottom: 0.625vw;
    cursor: pointer;
    font-size: 1.146vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    width: 4.896vw;
    text-align: right;
}
.balik_wifi .blok .wifi_input input,.zelate .div_zelam .zelam_input input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.balik_wifi .blok .wifi_input .checkmark,.zelate .div_zelam .zelam_input .span_zelam {
    position: absolute;
    border: 0.104vw solid #3E9FFF;
    border-radius: 0.313vw;
    opacity: 1;
    top: -0.260vw;
    left: 2vw;
    height: 1.563vw;
    width: 1.563vw;
    background-color: transparent;
}
.zelate .div_zelam .zelam_input .span_zelam {
    top: -0.781vw;
    left: 0;
}
.balik_wifi .blok .wifi_input:hover input ~ .checkmark {
  /*  background-color: #3E9FFF;*/
}
.balik_wifi .div_zelam .zelam_input:hover input ~ .span_zelam {
     /*background-color: #3E9FFF;*/
}
.balik_wifi .blok .wifi_input input:checked ~ .checkmark{
    background-color: #3E9FFF;
    border: 0.104vw solid #FFFFFF;
}
.balik_wifi .blok .wifi_input input:checked ~ .checkmark i{
    position: relative;
    top: 0.5px;
    display: block!important;
    font-size: 0.677vw;
    color: white;
}
.balik_wifi .div_zelam .zelam_input input:checked ~ .span_zelam {
     background-color: #3E9FFF;
 }
.balik_wifi .div_zelam .zelam_input input:checked ~ .span_zelam i {
    display: block!important;
    font-size: 0.677vw;
    color: white;
    position: relative;
    top: 0.5px;
}



.balik_wifi .blok.checked{
    background-color: #3E9FFF!important;
}
.balik_wifi .blok .texty .p_typ.checked,.balik_wifi .blok .texty .p_info.checked,.balik_wifi .blok .cena.checked{
    color: #FFFFFF!important;
}
.balik_wifi .blok .texty{
    width: 27.083vw;
    margin: 0;
    text-align: left;
}
.balik_wifi .blok .texty .p_typ{
    font-size: 1.302vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #3E9FFF;
    text-transform: uppercase;
    opacity: 1;
    line-height:  1.302vw;
    margin-top: 1.302vw;
    margin-bottom: 0.260vw;
}
.balik_wifi .blok .texty .p_info{
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    opacity: 1;
}
.balik_wifi .blok .cena{
    text-align: left;
    font-size: 1.823vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.balik_wifi .zelate{
    width: 29.583vw;
    height: 15.938vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 16px #00000019;
    border-radius: 12px;
    opacity: 1;
    padding-left: 3.385vw;
    padding-right: 3.385vw;
}
.balik_wifi .zelate .p_zelate{
    padding-top: 2.135vw;
    margin-bottom: 0;
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.balik_wifi .zelate .div_zelam{
    height: 6.042vw;
    cursor: pointer;
}
.balik_wifi .zelate .p_zelam{
    float: left;
    margin: 0;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}
.balik_wifi .zelate .p_zelam.active{
    color: red!important;
}
.balik_wifi .zelate .zelam_input{
    float: left;
    width: 3.385vw;
    margin: 0;
}
.balik_wifi .zelate input{
    float: left;
}
.balik_wifi .zelate hr{
    margin: 0;
    width: 22.760vw;
    height: 0px;
    border: 1px solid #EBEBEB;
    opacity: 1;
}
.balik_wifi .balik_bodky{
    margin-top: -2.292vw;
    margin-left: -63.542vw;
    width: 10.260vw;
    height: 10.156vw;
}


@media (max-width: 767px)  {
    .balik_wifi {
        height: 199.406vw;
        background-image: none;
        padding-top: 22.400vw;
    }

    .balik_wifi .kruh_text{
        margin: 0;
        top: 3.467vw;
        height: 10vw;
        width: 100%;
        display: flex!important;
        align-items: center!important;
        justify-content: center!important;
    }
    .balik_wifi .kruh_text_2{
        top: 132.267vw;
    }
    .balik_wifi .kruh_text p{
        width: auto;
        margin-left: 3.867vw;
        padding-top: 3.781vw;
        font-size: 3.467vw;
    }
    .balik_wifi .kruh{
        margin: 0;
        float: left;
        width: 10vw;
        height: 10vw;
        border-radius: 13.333vw;
        font-size: 2.667vw;
    }
    .balik_wifi .balik_img1{
        margin-top: 0;
        width: 12vw;
        height: 9.067vw;
        margin-bottom: 5.067vw;
    }
    .balik_wifi .p1{
        font-size:4vw;
        margin-bottom:5.733vw;
    }
    .balik_wifi .p2{
        font-size: 4vw;
        margin-bottom: 8.800vw;
    }
    .balik_wifi .blok{
        width: 80.533vw;
        height: 18.933vw;
        box-shadow: 0px 10px 16px #3E9FFF14;
        margin: 0 auto;
        margin-bottom: 2.747vw;
    }
    .balik_wifi .bloky{
        margin-bottom: 25.067vw;
    }

    .balik_wifi .blok .wifi_input input:checked ~ .checkmark i ,  .balik_wifi .div_zelam .zelam_input input:checked ~ .span_zelam i{
        position: relative;
        top: 0.5px;
        display: block!important;
        font-size: 2vw;
        color: white;
    }
    .balik_wifi .blok .wifi_input input:checked ~ .checkmark i{
      top: 0!important;
    }


    .balik_wifi .blok .wifi_input,.zelate .div_zelam .zelam_input{
        padding-left: 14.2vw;
        margin-bottom: 0.625vw;
        font-size: 1.146vw;
        width: 4.896vw;
    }
    .balik_wifi .blok .wifi_input .checkmark,.zelate .div_zelam .zelam_input .span_zelam {
        border: 1px solid #3E9FFF;
        border-radius: 3px;
        top: -1.5vw;
        left: 4.533vw;
        height: 4vw;
        width: 4vw;
    }

    .balik_wifi .blok .wifi_input input:checked ~ .checkmark {
        border: 1px solid #FFFFFF;
    }
    .zelate .div_zelam .zelam_input .span_zelam {
        top: -0.781vw;
        left: 0;
    }


    .balik_wifi .blok .texty{
        width: 48vw;
        margin: 0;
    }
    .balik_wifi .blok .texty .p_typ{
        font-size: 4vw;
        line-height:  4vw;
        margin-top: 4.533vw;
        margin-bottom: 0.260vw;
    }
    .balik_wifi .blok .texty .p_info{
        font-size: 2.667vw;
    }
    .balik_wifi .blok .cena{
        font-size: 4vw;
    }
    .balik_wifi .zelate{
        position: relative;
        width: 80.533vw;
        height: 43.467vw;
        padding-right: 9.333vw;
        padding-left: 9.333vw;
    }
    .balik_wifi .zelate hr{
        width: 100%;
    }
    .balik_wifi .zelate .p_zelate{
        font-size: 4vw;
        padding-top: 4vw;
    }
    .balik_wifi .zelate .p_zelam{
        font-size: 3.467vw;
    }
    .balik_wifi .zelate .div_zelam{
        height: 16.533vw;
    }
    .balik_wifi .zelate .zelam_input{
        padding-left: 12vw;
    }
    .balik_wifi .zelate .span_zelam{
        left: 3.200vw!important;
    }
    .balik_wifi .balik_bodky {
        position: absolute;
        margin: 0!important;
       /* left: 60vw;*/
        /*  margin-left: -106px!important;*/
        right: -53.8vw;
        top: 22vw;
        width: 53.333vw;
        height:53.333vw;
        z-index: -2;
    }
}

/*BALIK TV*/
.balik_tv{
    height: auto;
    padding-bottom: 5.469vw;
    text-align: center;
    background-image:linear-gradient(270deg, RGBA(0,119,255,0.07) 0%, RGBA(222,238,255,0) 100%);
}
.balik_tv .balik_tv_img1{
    margin-top: 7.135vw;
    width: 4.375vw;
    height: 3.281vw;
    margin-bottom: 0.833vw;
}
.balik_tv .p1{
    font-size:0.938vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
    margin-bottom: 1.302vw;
}
.balik_tv .p2{
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
    margin-bottom: 2.344vw;
}
.balik_tv .kruh_text{
    position: absolute;
    top: 7.188vw;
    left: 17.240vw;
    height: 3.906vw;
}
.balik_tv .kruh_text p{
    width: 7.604vw;
    margin-left:5vw;
    padding-top: 0.781vw;
    text-align: left;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.balik_tv .kruh{
    margin: 0;
    float: left;
    width: 3.906vw;
    height: 3.906vw;
    border: 1px solid #3E9FFF;
    opacity: 1;
    border-radius: 2.604vw;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
}
.balik_tv .blok div{
    float: left;
}
.balik_tv .blok .tv_input{
    position: relative;
    margin-left: -0.208vw;
    margin-bottom: 0.625vw;
    cursor: pointer;
    font-size: 1.146vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    width: 4.896vw;
    text-align: left;
}
.balik_tv .blok .tv_input input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.balik_tv .blok .tv_input .checkmark {
    position: absolute;
    border: 0.104vw solid #43425D;
    border-radius: 0.313vw;
    opacity: 1;
    top: -0.260vw;
    left: 2vw;
    height: 1.563vw;
    width: 1.563vw;
    background-color: transparent;
}
.balik_tv .blok .tv_input input:checked ~ .checkmark{
    background-color: #3E9FFF;
    border: 0.104vw solid #3E9FFF;
}
.balik_tv .blok .tv_input input:checked ~ .checkmark i {
    display: block!important;
    position: relative;
    top: 0.5px;
    font-size: 0.677vw;
    color: white;
}
.balik_tv .blok.checked{
    background-color: #3E9FFF!important;
}
.balik_tv .blok .texty .p_typ.checked{
    color: #FFFFFF!important;
}


.balik_tv .row{
    margin-left: 17.760vw;
    margin-right: 17.760vw;
    margin-bottom:0.859vw;
}
.balik_tv .col-md{
    padding: 0!important;
    width: 30.990vw;
    height: auto;
    padding-right: 0.833vw!important;
}
.balik_tv .blok{
    position: relative;
    z-index: 2;
    cursor: pointer;
    padding: 0;
    height: 7.240vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 16px #00000014;
    border-radius: 12px;
    opacity: 1;
}

.balik_tv .blok .blok_bg{
    z-index: 0;
    position: absolute;
    width: 97.5%;
    height: 7.240vw;
    box-shadow: 0px 10px 16px #00000014;
    border-radius: 12px;
}


.balik_tv .blok .texty{
    width: 9.375vw;
    margin: 0;
    text-align: left;
}
.balik_tv .blok .texty .p_typ{
    font-size: 1.302vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #727272;
    text-transform: uppercase;
    opacity: 1;
    line-height:  1.302vw;
    margin-top: 1.302vw;
    margin-bottom: 0.260vw;
}
.balik_tv .blok:hover .texty .p_typ{
  color:#43425D;
}
.balik_tv .blok.clicked .texty .p_typ{
  color:#3E9FFF;
}
.balik_tv .blok .texty .p_info{
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    opacity: 1;
}
.balik_tv .blok .cena{
    text-align: left;
    width: 6.875vw;
    font-size: 1.823vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.balik_tv .blok .vr{
    border-left:    1px solid #EBEBEB;
    height:         3.281vw;
    margin: 0;
}
.balik_tv .blok .viac{
    cursor: pointer;
    z-index: 2;
}
.balik_tv .blok a{
  margin-left: 1.615vw;
  text-decoration: none;
  color: inherit;
}
.balik_tv .blok .viac p{
    margin: 0;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    opacity: 1;
    margin-top: 0.521vw;
}
.balik_tv .blok:hover .viac p{
  color:#43425D;
}
.balik_tv .blok.clicked .viac p{
  color:#43425D;
}
.balik_tv .blok .viac i{
  color:#727272;
  opacity: 0.54;
  font-size: 0.677vw;
  -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.balik_tv .blok:hover .viac i{
  color:#43425D;
  opacity: 1;
  /*text-shadow: 0px 3px rgba(18, 18, 17, 0.2);*/
}
.balik_tv .blok.clicked .viac i{
  color:#43425D;
  opacity: 1;
}
.balik_tv .blok .viac i.rotation {
    -moz-transform:rotate3d(0,0,1,-180deg);
    -webkit-transform:rotate3d(0,0,1,-180deg);
    transform:rotate3d(0,0,1,-180deg);
  }
.balik_tv .col-md .div_kanaly_parent{
  margin-top: -1.302vw;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 16px #00000014;
  border-radius: 0px 0px 12px 12px;
  opacity: 1;
  padding-top: 3.188vw;
  padding-bottom: 0.5vw;
  /*  padding-left: 2.396vw;*/
}

.balik_tv .col-md .div_kanaly{
    margin:0!important;
    padding:0!important;
    overflow: auto;
    z-index: 0;
    width: 100%;
    height: auto;
}


.balik_tv .col-md .div_kanaly .div_kanal{
    width: 5.990vw;
    height: 11.771vw;
    float: left;
    text-align: left;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    text-transform: uppercase;
    opacity: 1;
    padding:0!important;
}
.balik_tv .col-md .div_kanaly .div_kanal ul{
  list-style: none;padding:0!important;
}
.balik_tv .col-md .div_kanaly .div_kanal ul li{
  margin-bottom:1.5vw;
}
.balik_tv .col-md .div_kanaly .div_kanal ul li .img_div{
  position: relative;
  width: 2.604vw;
  height: 2.604vw;
  margin: 0 auto;
}
.balik_tv .col-md .div_kanaly .div_kanal ul li .img_div img{
  max-width: 2.604vw;
  max-height: 2.604vw;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.balik_tv .col-md .div_kanaly .div_kanal ul li .nazov_kanalu{
  text-align:center;
  text-transform: none;
  margin-bottom:0;
}
.balik_tv .row_dole{
    height: 15.990vw;
}
.balik_tv .col-md.col_dole{
    margin-top: 2.781vw;
    padding: 0!important;
    /*margin-right: 0.833vw;*/
    width: 30.938vw;
    height: 18.990vw;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 16px #00000019;
    border-radius: 12px;
    opacity: 1;
}
.balik_tv .col-md .balik_tv_left {
    margin: 0 5.208vw;
}
.balik_tv .col-md .balik_tv_right{
    margin: 0 3.880vw;
}
.balik_tv .row_dole h2{
    margin-top: 2.188vw;
    margin-bottom: 3.568vw;
    font-size: 1.458vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.balik_tv .row_dole h2.h2_2{
    margin-bottom: 2.370vw;
}
.balik_tv .row_dole .zariadenia{
    width: 17.969vw;
    height: 4.635vw;
    margin: 0 1.250vw;
    float: left;
}
.balik_tv .row_dole .balik_tv_img2{
    float: left;
    width: 3.750vw;
    height: 4.635vw;
}
.balik_tv .row_dole .zariadenia .zariadenia_cisla {
    float: right;
    width: 10.104vw;
    height: 3.385vw;
}
.balik_tv .row_dole .zariadenia .zariadenia_cisla p{
    text-align: center;
    float: left;
    width: 5.208vw;
    margin: 0;
    font-size: 2.708vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.balik_tv .row_dole .zariadenia .kruh_dole{
    width: 2.448vw;
    height: 2.448vw;
    border: 0.104vw solid #727272;
    border-radius: 3.125vw;
    opacity: 1;
    float: left;
    font-size: 1.406vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #727272;
    cursor: pointer;
    transition: .2s;
}
.balik_tv .row_dole .zariadenia .kruh_dole:hover{
  color: #3E9FFF;
  border: 0.104vw solid #3E9FFF;
}
.balik_tv .row_dole .router {
    width: 27.177vw;
    height: 7.552vw;
}
.balik_tv .row_dole .balik_tv_img3{
    float: left;
    margin-top: 0.521vw;
    margin-bottom: auto;
    margin-right: 1.979vw;
    width: 4.792vw;
    height: 4.792vw;
}
.balik_tv .row_dole .router_text{
    float: left;
    width: auto;
}
.balik_tv .row_dole hr{
    width: 16.302vw;
    height: 0px;
    border: 1px solid #EBEBEB;
    opacity: 1;
    margin: 1.458vw 0;
}
.balik_tv .row_dole .p_router{
    font-size: 1.042vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}
.balik_tv .row_dole .div_router{
  cursor: pointer;
}
.balik_tv .row_dole .div_router:not(.div_router_2){
    height: 1.458vw;
}
.balik_tv .row_dole .div_router_2{
    margin-top: 2.031vw;
}


.balik_tv .col_dole .router_input{
    display: block;
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 1.146vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    width: 3.385vw;
    text-align: right;
}
.balik_tv .col_dole .router_input input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.balik_tv .col_dole .router_input .span_router{
    position: absolute;
    border: 0.104vw solid #3E9FFF;
    border-radius: 0.313vw;
    opacity: 1;
    left: 0;
    width: 1.563vw;
    height: 1.563vw;
    background-color: transparent;
}
.balik_tv .col_dole .router_input .span_router_2{
    bottom: 0;
}
.balik_tv .col_dole .router_input input:checked ~ .span_router{
    background-color: #3E9FFF;
}

.balik_tv .col_dole .router_input input:checked ~ .span_router i {
    display: block!important;
    position: relative;
    top: 0.5px;
    font-size: 0.677vw;
    color: white;
}
.balik_tv .balik_tv_bodky{
    bottom: -5vw;
    left: 78vw;
    z-index: -2;
    width: 10.260vw;
    height: 10.156vw;
}

@media (max-width: 767px)  {
    .balik_tv {
        height: auto;
        padding-bottom: 79.469vw;
    }

    .balik_tv .kruh_text {
        top:4.667vw;
        left: 34vw;
        height: 10vw;
    }
    .balik_tv .kruh {
        width: 10vw;
        height: 10vw;
        border: 1px solid #3E9FFF;
        border-radius:13.333vw;
        font-size: 2.667vw;
    }
    .balik_tv .kruh_text p {
        width: 22.667vw;
        margin-left: 3.867vw;
        padding-top: 2.4vw;
        font-size: 3.467vw;
        float: left;
    }
    .balik_tv .balik_tv_img1 {
        margin-top: 23.733vw;
        width: 13.067vw;
        height: 10.667vw;
        margin-bottom: 3.733vw;
    }
    .balik_tv .p1 {
        font-size: 4vw;
        margin-bottom: 5.600vw;
    }
    .balik_tv .p2 {
        font-size: 4vw;
        margin-bottom: 7.467vw;
    }
    .balik_tv .row {
        margin-left: 9.600vw;
        margin-right: 9.600vw;
        margin-bottom: 0;
    }
    .balik_tv .col-md {
        padding: 0!important;
        height: auto;
        width: 100%;
        padding-right: 0!important;
        margin-bottom: 2.667vw!important;
    }
    .balik_tv .blok {
        padding: 0;
        height: 18.667vw;
        position: relative;
        z-index: 4;
    }

    .balik_tv .blok .tv_input{
        margin-left: 0;
        margin-bottom: 2.667vw;
        font-size: 1.146vw;
        width: 14.400vw;
    }
    .balik_tv .blok .tv_input .checkmark {
        border: 1px solid #43425D;
        border-radius: 3px;
        left: 5vw;
        width: 4vw;
        height: 4vw;
    }
    .balik_tv .blok .tv_input input:checked ~ .checkmark i {
        font-size: 1.867vw;
    }
    .balik_tv .blok .texty {
        width: 26.667vw;
    }
    .balik_tv .blok .texty .p_typ {
        font-size: 4vw;
        line-height: 4vw;
        margin-top: 4vw;
        margin-bottom: 0.260vw;
    }
    .balik_tv .blok .texty .p_info {
        font-size: 2.667vw;
    }
    .balik_tv .blok .cena {
        width: 14.667vw;
        font-size: 4vw;
    }
    .balik_tv .blok .vr {
        height: 8.533vw;
    }
    .balik_tv .blok .viac {
        /* margin-left: 4vw; */
    }
    .balik_tv .blok a{
      margin-left: 4vw!important;
    }
    .balik_tv .blok .viac p {
        font-size: 2.667vw;
        margin-top: -3vw;
    }
    .balik_tv .blok .viac i {
        font-size: 2vw;
        position: absolute;
    }
    .balik_tv .col-md .div_kanaly {
        margin-top: -5.067vw;
        width: 100%;
        height: auto;
        /* height: 68vw; */
        padding-top: 10.133vw;
        padding-left: 9.600vw;
    }
    .balik_tv .col-md .div_kanaly .div_kanal {
        width: 18.667vw;
        font-size: 3.200vw;
    }
    .balik_tv .blok .blok_bg {
        width: 100%;
        height: 18.667vw;
    }
    .balik_tv .col-md.col_dole {
        margin-top: 4.533vw;
        margin-bottom: 0!important;
        margin-right: 0.833vw;
        width: 80.533vw;
        height: 38.400vw;
    }
    .balik_tv .col-md .balik_tv_left {
        margin: 0 11.733vw;
    }
    .balik_tv .row_dole h2 {
        margin-top: 8.533vw;
        margin-bottom: 4vw;
        font-size: 4vw;
    }
    .balik_tv .row_dole .zariadenia {
        width: 46.933vw;
        height: 12vw;
        margin: 0 4vw;
    }
    .balik_tv .row_dole .balik_tv_img2 {
        width: 9.867vw;
        height: 12vw;
    }
    .balik_tv .row_dole .zariadenia .zariadenia_cisla {
        width: 29.333vw;
        height: 6.400vw;
        margin-top: 2.133vw;
    }
    .balik_tv .row_dole .zariadenia .kruh_dole {
        width: 6.400vw;
        height: 6.400vw;
        border: 2px solid #727272;
        border-radius: 8vw;
        font-size: 3.200vw;
        padding-top: .3vw;
    }
    .balik_tv .row_dole .zariadenia .kruh_dole:hover{
    color: #727272!important;
    border:2px solid #727272!important;
    }
    .balik_tv .row_dole .zariadenia .kruh_dole:active{
    color: #3E9FFF!important;
    border:2px solid #3E9FFF!important;
    }
    .balik_tv .row_dole .zariadenia .zariadenia_cisla p {
        width: 13.333vw;
        font-size: 6.667vw;
    }
    .balik_tv .row_dole h2.h2_2 {
        margin-top: 4.933vw!important;
        margin-bottom: 5.867vw!important;
    }
    .balik_tv .col-md .balik_tv_right {
        margin-left: 9.867vw;
    }
    .balik_tv .row_dole .router {
        width: auto;
        height:19.733vw;
    }
    .balik_tv .row_dole .balik_tv_img3 {
        margin-right: 5.333vw;
        width: 12.533vw;
        height: 12.533vw;
    }
    .balik_tv .row_dole .router_text {
        width: auto;
    }
    .balik_tv .row_dole .div_router:not(.div_router_2) {
        height: 4vw;
    }

    .balik_tv .col_dole .router_input {
        width: 8.385vw;
    }
    .balik_tv .col_dole .router_input .span_router{
        border: 1px solid #3E9FFF;
        border-radius:3px;
        width: 4vw;
        height: 4vw;
    }
    .balik_tv .col_dole .router_input .span_router_2{
        bottom: 0;
    }
    .balik_tv .col_dole .router_input input:checked ~ .span_router i {
        font-size: 1.8vw;
    }
    .balik_tv .row_dole hr {
        width: 42.400vw;
        border: 1px solid #EBEBEB;
        opacity: 1;
        margin-top: 5.333vw;
        margin-bottom: 4.533vw;
    }
    .balik_tv .row_dole .div_router_2 {
        margin-top: 0
    }
    .balik_tv .row_dole .p_router {
        font-size: 2.667vw;
    }
    .balik_tv .balik_tv_bodky {
        bottom: -25vw;
        left: -44vw;
        width: 52.533vw;
        height: 52vw;
    }
}


/*FORMULAR*/

.formular{
    height: 45.844vw;
    background-image:linear-gradient(90deg, RGBA(0,119,255,0.07) 0%, RGBA(222,238,255,0) 100%);
}
.formular .kruh_text{
    position: absolute;
    margin-left: 17.240vw;
    margin-top: 1.188vw;
    height: 3.906vw;
}
.formular .kruh_text p{
    height: 100%;
    width: 7.604vw;
    margin-left:1.094vw;
    text-align: left;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
}
.formular .kruh{
    margin: 0;
    float: left;
    width: 3.906vw;
    height: 3.906vw;
    border: 1px solid #3E9FFF;
    opacity: 1;
    border-radius: 2.604vw;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #3E9FFF;
}
.formular .p1{
    padding-top: 8.047vw;
    margin-left: 31.250vw;
    margin-bottom: 4.583vw;
    font-size: 1.458vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}
.formular .row_formular{
    margin: 0 17.760vw;
    height: auto;
    min-height: 18.750vw;
    margin-bottom: 3.438vw;
}
/* ===== FORMULAR: poradie boxov (PC) =====
   Chceme aby "Vaša vybraná ponuka" bola hore
   a kontaktný formulár bol POD ňou.
*/
@media (min-width: 768px){
  .formular .row_formular{
    display: flex;
    flex-direction: column;     /* stack pod seba */
    gap: 1.4vw;                 /* medzera medzi boxami */
  }

  .formular .col_formular{
    width: 100%;
    margin-right: 0 !important; /* zruší bočný gap čo bol pre 2 stĺpce */
  }

  /* najprv sumarizácia */
  .formular .col_formular.col_right{
    order: 1;
  }

  /* potom kontaktné údaje */
  .formular .col_formular.col_left{
    order: 2;
  }
}

.formular .col_formular{
    padding: 0;
    margin-right: 0.833vw;
    height: auto;
    background-color: #FFFFFF;
    box-shadow: 0px 10px 16px #00000019;
    border-radius: 12px;
    opacity: 1;
}
.formular .col_formular.col_right{
    background-color: #F3F9FF;
}
.formular .col_left{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.formular .col_left .formular_text{
    width: 20.833vw;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: -1.458vw; /*kvoli vyrovnanosti*/
}
.formular .col_left .formular_text label{
    margin: 0;
    margin-bottom: 0.156vw;
    width: 100%;
    float: left;
    text-align: left;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    opacity: 1;
}
.formular .col_left .formular_text input{
    width: 100%;
    height: 2vw;
    float: left;
    text-align: left;
    border: none;
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
    -webkit-appearance: none;
}
.formular .col_left .formular_text input::placeholder{
    /*font-size: 1vw;*/
    font-size: 1.302vw;
    font-family: SourceSansLight;
    letter-spacing: 0;
    color: #D5D5D5!important;
    opacity: 1;
}
.formular .col_left .formular_text input.red_placeholder::placeholder{
  color: red!important;
}
.formular .col_left .formular_text hr{
    margin-bottom: 1.458vw;
    border-top: 1px solid #E9E9F0;
    opacity: 1;
    width: 20.833vw;
}
.formular .col_left  .hr1{
    margin:0;
}
.formular .col_left  .hr2{
    margin: 0;
}
.formular .col_left  .hr3{
    margin: 0;
}
.formular button{
    margin: 0 41.396vw;
    width: 15.208vw;
    height: 3.646vw;
    /*background-image: linear-gradient(to bottom,#2560E6,#1581ED, #3e9fff, #1582ed);
    background-size: 100% 250%;
    background-position: 0 100%;
    box-shadow: 0px 10px 16px #00000029;
    border-radius: 12px;
    opacity: 1;*/
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0.9px;
    color: #FFFFFF;
    margin-bottom: 8.906vw;
    /*transition: all .3s ease-in-out;*/
}
/*.formular button:hover {
    background-position: 0 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition:  all .3s ease-in-out;
    -webkit-transition:  all .3s ease-in-out;
    transition:  all .3s ease-in-out;
}*/
.formular button:focus {
    outline: none;
}
.formular .dakujeme .fajka{
    margin: 0 48.177vw;
    width: 3.594vw;
    height: 2.708vw;
    opacity: 1;
    margin-bottom: 3.542vw;
}
.formular .dakujeme .fajka i {
    font-size: 3.333vw;
    color: #3E9FFF;
}
.formular .dakujeme p{
    line-height: 1.563vw;
    text-align: center;
    font-size: 1.302vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
}

@media (max-width: 767px) {
    .formular {
        height: 191.6vw;
        background-image: none;
    }
    .formular .kruh_text {
        top: 0;
        left: 31.200vw;
        height: 10vw;
        margin-top: 3.867vw;
        margin-left: 0;
    }

    .formular .kruh {
        width: 10vw;
        height: 10vw;
        border: 1px solid #3E9FFF;
        border-radius: 13.333vw;
        font-size: 2.667vw;
    }

    .formular .kruh_text p {
        width: auto;
        margin-left: 3.867vw;
        font-size: 3.467vw;
        float: left;
    }
    .formular .p1 {
        padding-top: 17.600vw;
        text-align: center;
        margin:0 9.600vw;
        margin-bottom: 4.583vw;
        font-size: 4vw;
    }

    .formular .row_formular{
        margin: 0 11.200vw;
        height: auto;
    }
    .formular .col_formular {
        margin-right: 0.833vw;
        margin-bottom: 9.067vw;
    }
    .formular .col_left{
        height: 68.267vw;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
}
    .formular .col_right{
        height: auto;
    }


    .formular .col_left .formular_text{
        width: 62.133vw;
        height: auto;
        margin: 0;
        display: flex;
        flex-direction: column;
        transform: translateY(2vw);
    }
    .formular .col_left .formular_text label{
        margin: 0;
        font-size: 3.467vw;
    }
    .formular .col_left .formular_text input{
        width: 100%;
        height: 8vw;
        font-size: 4vw;
    }
    @supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
        .formular .col_left .formular_text input{
            transform: translateX(-1.7vw);
        }
    }

    .formular .col_left .formular_text input::placeholder{
        font-size: 4vw;
    }
    .formular .col_left .formular_text hr{
        margin-bottom: 4.458vw;
        width: 62.133vw;
    }
    .formular .col_left  .hr1{
        margin-top: 0;
    }
    .formular .col_left  .hr2{
        margin-top: 0;
    }
    .formular .col_left  .hr3{
        margin-top: 0;
    }


    .formular button{
        margin: 0 30.667vw;
        width: 38.667vw;
        height: 10.933vw;

        font-size: 2.667vw;
        margin-bottom: 17.067vw;
    }
    .formular .dakujeme .fajka{
        margin: 0 42.133vw;
        width: 15.467vw;
        height: 11.733vw;
        margin-bottom: 8vw;
    }
    .formular .dakujeme .fajka i {
        font-size: 14.5vw;
    }
    .formular .dakujeme p{
        line-height: 5.600vw;
        font-size: 4.800vw;
    }
}

/* wrapper okolo inputu + dropdown */
.cov_suggest_wrap{
  position: relative;
}

/* dropdown panel */
.cov_suggest{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  background: #fff;
  border: 1px solid rgba(62,159,255,.25);
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
  overflow: hidden;
  z-index: 9999;
  display: none;
}

/* zapnutý dropdown */
.cov_suggest.open{ display:block; }

/* jednotlivé položky */
.cov_suggest .item{
  padding: 10px 12px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.25;
  color: #1f2937;
  background: #fff;
}

/* hover */
.cov_suggest .item:hover{
  background: rgba(62,159,255,.10);
}

/* aktívna (klávesnica) */
.cov_suggest .item.active{
  background: rgba(62,159,255,.18);
}

/* „nič sa nenašlo“ */
.cov_suggest .empty{
  padding: 10px 12px;
  font-size: 13px;
  color: #6b7280;
}

/* scrollbar keď je veľa položiek */
.cov_suggest .list{
  max-height: 260px;
  overflow: auto;
}

/* ================================
   HOTFIX: Overenie dostupnosti
   ================================ */

/* PC: zmenši medzery */
.internet .vyber{
  padding-top: 4vw !important;         /* bolo 8.802vw */
}

.internet .vyber h2{
  margin-bottom: 3vw !important;       /* bolo 7.240vw */
}

/* toto nech nie je pod ostatnými sekciami (robilo prekryvanie) */
.internet .vyber_bg{
  z-index: 1 !important;               /* bolo -3 */
  padding-bottom: 3vw !important;      /* jemne menšie */
}

/* aby bodky / dekorácie nešli cez obsah */
.internet .vyber_bodky{
  z-index: 0 !important;
  pointer-events: none;
}


/* ================================
   MOBILE: odstráň negatívny margin
   (to spôsobuje prekrytie)
   ================================ */
@media (max-width: 767px){
  .vyber_bg{
    margin-top: 0 !important;          /* bolo -49.333vw */
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
    z-index: 1 !important;
  }

  .vyber{
    padding-top: 0 !important;
  }

  /* toto ti na mobile robí extrémny skok dole (77vw!) */
  .vyber .p2{
    margin-top: 6vw !important;        /* bolo 77.333vw */
    padding-top: 0 !important;
  }

  /* bodky nech neliezli cez iné sekcie */
  .vyber .vyber_bodky{
    top: auto !important;
    bottom: -10vw !important;
    right: -30vw !important;
    pointer-events: none;
  }
}

/* =========================================================
   ORDER SUMMARY (Vaša vybraná ponuka) – GRID ako SCREEN 2
   ========================================================= */

.formular .col_formular.col_right{
  background-color: #F3F9FF;
}

.formular .col_formular.col_right .offer_summary{
  padding: 3.2vw 3.2vw;
  box-sizing: border-box;
}

/* nadpis hore uprostred */
.formular .col_formular.col_right .sum_title{
  text-align: left;
  margin: 0 0 2.6vw 0;
  font-size: 1.45vw;
  font-family: SourceSansRegular;
  color: #43425D;
}

/* 2 stĺpce + 3 riadky (items / divider / total) */
.formular .col_formular.col_right .summary_grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 2px auto;
  column-gap: 6vw;
  row-gap: 2.2vw;
  align-items: start;
}

/* umiestnenie buniek */
.formular .summary_grid .sg_items_once{ grid-column: 1; grid-row: 1; }
.formular .summary_grid .sg_items_monthly{ grid-column: 2; grid-row: 1; }

.formular .summary_grid .sg_divider_once{ grid-column: 1; grid-row: 2; }
.formular .summary_grid .sg_divider_monthly{ grid-column: 2; grid-row: 2; }

.formular .summary_grid .sg_total_once{ grid-column: 1; grid-row: 3; }
.formular .summary_grid .sg_total_monthly{ grid-column: 2; grid-row: 3; }

.formular .summary_grid .sg_row{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.2vw;
  margin-bottom: 1.4vw;
}

.formular .summary_grid .sg_label{
  font-family: SourceSansRegular;
  font-size: 0.98vw;
  color: #727272;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.formular .summary_grid .sg_price{
  font-family: SourceSansBold;
  font-size: 1.25vw;
  color: #43425D;
}

.formular .summary_grid .sg_label_stack{
  display: flex;
  flex-direction: column;
  gap: 0.45vw;
  min-width: 0;
}

.formular .summary_grid .sg_sub{
  font-family: SourceSansRegular;
  font-size: 0.92vw;
  color: #727272;
  text-transform: none;
  line-height: 1.2;
}

/* žltá čiara – vždy v rovnakom grid riadku */
.formular .summary_grid .sg_divider{
  height: 2px;
  background: #FFD400;
  border-radius: 2px;
  width: 100%;
}

/* totals – väčšie písmo ako chceš */
.formular .summary_grid .sg_total{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.2vw;
}

.formular .summary_grid .sg_total_label{
  font-family: SourceSansRegular;
  font-size: 0.95vw;
  color: #727272;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.formular .summary_grid .sg_total_price{
  font-family: SourceSansBold;
  font-size: 2.2vw; /* väčšie */
  color: #43425D;
}

/* =====================
   MOBILE
   ===================== */
@media (max-width: 767px){
  .formular .col_formular.col_right .offer_summary{
    padding: 7vw 6vw;
  }

  .formular .col_formular.col_right .sum_title{
    font-size: 5vw;
    margin-bottom: 6vw;
  }

  /* na mobile pod seba (2 bloky) */
  .formular .col_formular.col_right .summary_grid{
    grid-template-columns: 1fr;
    grid-template-rows: auto 2px auto auto 2px auto;
    column-gap: 0;
    row-gap: 4.5vw;
  }

  .formular .summary_grid .sg_items_once{ grid-column: 1; grid-row: 1; }
  .formular .summary_grid .sg_divider_once{ grid-column: 1; grid-row: 2; }
  .formular .summary_grid .sg_total_once{ grid-column: 1; grid-row: 3; }

  .formular .summary_grid .sg_items_monthly{ grid-column: 1; grid-row: 4; }
  .formular .summary_grid .sg_divider_monthly{ grid-column: 1; grid-row: 5; }
  .formular .summary_grid .sg_total_monthly{ grid-column: 1; grid-row: 6; }

  .formular .summary_grid .sg_label{ font-size: 3.2vw; }
  .formular .summary_grid .sg_sub{ font-size: 3vw; }
  .formular .summary_grid .sg_price{ font-size: 4vw; }
  .formular .summary_grid .sg_total_label{ font-size: 3.2vw; }
  .formular .summary_grid .sg_total_price{ font-size: 7vw; }
}


/* MOBILE */
@media (max-width: 767px){
  .formular .col_formular.col_right .offer_summary{
    padding: 8vw 6vw;
    gap: 6vw;
  }

  .formular .col_formular.col_right .offer_summary .div_right{
    flex-basis: 34vw;
  }

  .formular .col_formular.col_right .offer_summary .div_left h3{
    font-size: 4vw;
    margin-bottom: 6.5vw;
  }

  .formular .col_formular.col_right .offer_summary .wifi_form,
  .formular .col_formular.col_right .offer_summary .tv_form{
    gap: 3.2vw;
    margin-bottom: 6.5vw;
  }

  .formular .col_formular.col_right .offer_summary .wifi_form_img{ width: 6.4vw; height: 4.8vw; }
  .formular .col_formular.col_right .offer_summary .tv_form_img{ width: 7.467vw; height: 5.867vw; }

  .formular .col_formular.col_right .offer_summary .wifi_form_text p,
  .formular .col_formular.col_right .offer_summary .tv_form_text p{
    font-size: 2.667vw;
  }

  .formular .col_formular.col_right .offer_summary #kanaly_order{ max-width: 38vw; }

  .formular .col_formular.col_right .offer_summary .total_row .label{ font-size: 2.667vw; }
  .formular .col_formular.col_right .offer_summary .total_row .value{ font-size: 5.6vw; }

  .formular .col_formular.col_right .offer_summary .once_items p{ font-size: 2.667vw; }
  .formular .col_formular.col_right .offer_summary .total_divider{ margin: 4vw 0 4.5vw; }
}
/* =====================================================
   ORDER SUMMARY (pravý panel) – JEDINÁ finálna verzia
   ===================================================== */

/* aby sa sekcia neprerezávala */
.formular{
  height: auto !important;
  min-height: 45.844vw;
  padding-bottom: 6vw;
}

/* PC: objednávka hore, kontaktný formulár pod ňou */
@media (min-width: 768px){
  .formular .row_formular{
    display: flex;
    flex-direction: column;
    gap: 1.4vw;
  }

  .formular .col_formular{
    width: 100%;
    margin-right: 0 !important;
  }

  .formular .col_formular.col_right{ order: 1; }
  .formular .col_formular.col_left{  order: 2; }
}

/* pravý box */
.formular .col_formular.col_right{
  background-color: #F3F9FF;
}

/* nový layout pravého boxu */
.formular .col_formular.col_right .offer_summary{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3.2vw;
  width: 100%;
  padding: 3.2vw 3.2vw;
  box-sizing: border-box;
}

/* zrušiť staré floaty (ak niekde zostali) */
.formular .col_formular.col_right .offer_summary .div_left,
.formular .col_formular.col_right .offer_summary .div_right{
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

/* ľavá časť (texty) */
.formular .col_formular.col_right .offer_summary .div_left{
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

.formular .col_formular.col_right .offer_summary .div_left > h3{
  font-size: 1.302vw;
  font-family: SourceSansRegular;
  color: #43425D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2.2vw;
}

/* wifi/tv riadky */
.formular .col_formular.col_right .offer_summary .wifi_form,
.formular .col_formular.col_right .offer_summary .tv_form{
  display: flex;
  align-items: center;
  gap: 1.2vw;
  margin-bottom: 2.2vw;
}

.formular .col_formular.col_right .offer_summary .wifi_form_img{
  width: 2.500vw;
  height: 1.875vw;
}

.formular .col_formular.col_right .offer_summary .tv_form_img{
  width: 2.917vw;
  height: 2.344vw;
}

.formular .col_formular.col_right .offer_summary .wifi_form_text,
.formular .col_formular.col_right .offer_summary .tv_form_text{
  margin: 0;
}

.formular .col_formular.col_right .offer_summary .wifi_form_text p,
.formular .col_formular.col_right .offer_summary .tv_form_text p{
  margin: 0;
  line-height: 1.25;
  font-size: 0.938vw;
  font-family: SourceSansRegular;
  color: #727272;
}

/* kanály (iba vľavo) */
.formular .col_formular.col_right .offer_summary #kanaly_order{
  text-transform: uppercase;
  max-width: 28vw;
  line-height: 1.25;
  word-break: break-word;
}

/* pravá časť (sumy) */
.formular .col_formular.col_right .offer_summary .div_right{
  flex: 0 0 16vw;
  max-width: 16vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

/* 2 riadky so sumami */
.formular .col_formular.col_right .offer_summary .total_row{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1vw;
}

.formular .col_formular.col_right .offer_summary .total_row .label{
  font-family: SourceSansRegular;
  font-size: 0.781vw;
  color: #727272;
  text-transform: uppercase;
}

.formular .col_formular.col_right .offer_summary .total_row .value{
  font-family: SourceSansBold;
  font-size: 1.823vw;
  color: #43425D;
}

/* router riadok pod jednorazovo */
.formular .col_formular.col_right .offer_summary .once_items{
  width: 100%;
  margin-top: 0.4vw;
  margin-bottom: 0.2vw;
}

.formular .col_formular.col_right .offer_summary .once_items p{
  margin: 0;
  font-family: SourceSansRegular;
  font-size: 0.88vw;
  color: #727272;
  display: flex;
  justify-content: space-between;
}

/* žltá čiara */
.formular .col_formular.col_right .offer_summary .total_divider{
  width: 100%;
  height: 2px;
  background: #FFD400;
  margin: 1.0vw 0 1.6vw 0;
  border-radius: 2px;
}

/* MOBILE */
@media (max-width: 767px){
  .formular{
    min-height: 0;
    padding-bottom: 20vw;
  }

  .formular .col_formular.col_right .offer_summary{
    padding: 8vw 6vw;
    gap: 6vw;
  }

  .formular .col_formular.col_right .offer_summary .div_right{
    flex: 0 0 34vw;
    max-width: 34vw;
  }

  .formular .col_formular.col_right .offer_summary .div_left > h3{
    font-size: 4vw;
    white-space: normal;
    margin-bottom: 6.5vw;
  }

  .formular .col_formular.col_right .offer_summary .wifi_form,
  .formular .col_formular.col_right .offer_summary .tv_form{
    gap: 3.2vw;
    margin-bottom: 6.5vw;
    align-items: flex-start;
  }

  .formular .col_formular.col_right .offer_summary .wifi_form_img{ width: 6.4vw; height: 4.8vw; }
  .formular .col_formular.col_right .offer_summary .tv_form_img{ width: 7.467vw; height: 5.867vw; }

  .formular .col_formular.col_right .offer_summary .wifi_form_text p,
  .formular .col_formular.col_right .offer_summary .tv_form_text p{
    font-size: 2.667vw;
  }

  .formular .col_formular.col_right .offer_summary #kanaly_order{
    max-width: 38vw;
  }

  .formular .col_formular.col_right .offer_summary .total_row .label{ font-size: 2.667vw; }
  .formular .col_formular.col_right .offer_summary .total_row .value{ font-size: 5.6vw; }
  .formular .col_formular.col_right .offer_summary .once_items p{ font-size: 2.667vw; }

  .formular .col_formular.col_right .offer_summary .total_divider{
    margin: 4vw 0 4.5vw;
  }
}
/* ================================
   SCREEN 2 LOOK (PC + MOBILE)
   Nadpis hore v strede + obsah pod ním
   + poradie: ponuka hore, formulár dole všade
   ================================ */

/* poradie boxov: VŠADE (PC aj mobile) */
.formular .row_formular{
  display: flex;
  flex-direction: column;
  gap: 1.4vw;
}
.formular .row_formular > .col_formular.col_right{ order: 1; }
.formular .row_formular > .col_formular.col_left{  order: 2; }

/* pravý box nech sa nezmenšuje divnými výškami */
.formular .col_formular.col_right{
  height: auto !important;
}

/* offer summary ako SCREEN 2 */
.formular .col_formular.col_right .offer_summary{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3.2vw;

  /* viac priestoru hore pre nadpis v strede */
  padding: 5.2vw 3.2vw 3.2vw;
  box-sizing: border-box;
}

/* vycentrovaný nadpis hore (SCREEN 2) */
.formular .col_formular.col_right .offer_summary .div_left > h3{
  position: absolute;
  top: 2.4vw;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 !important;

  font-size: 1.302vw;
  font-family: SourceSansRegular;
  color: #43425D;

  white-space: nowrap;
}

/* ľavý obsah začína pod nadpisom */
.formular .col_formular.col_right .offer_summary .div_left{
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 1.2vw;
}

/* pravé sumy tiež začnú pod nadpisom */
.formular .col_formular.col_right .offer_summary .div_right{
  flex: 0 0 16vw;
  max-width: 16vw;
  padding-top: 1.2vw;

  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

/* menej “prázdneho” priestoru pri riadkoch */
.formular .col_formular.col_right .offer_summary .wifi_form,
.formular .col_formular.col_right .offer_summary .tv_form{
  margin-bottom: 1.8vw;
}

/* žltá čiara a spacing ako na SCREEN 2 */
.formular .col_formular.col_right .offer_summary .total_divider{
  margin: 1.0vw 0 1.4vw;
}

/* MOBILE: rovnaká logika */
@media (max-width: 767px){
  .formular .row_formular{
    gap: 6vw;
  }

  .formular .col_formular.col_right .offer_summary{
    padding: 14vw 6vw 8vw;  /* viac hore, lebo nadpis je absolut */
    gap: 6vw;
  }

  .formular .col_formular.col_right .offer_summary .div_left > h3{
    top: 5.5vw;
    font-size: 4vw;
    white-space: normal;
    text-align: center;
    width: 80%;
  }

  .formular .col_formular.col_right .offer_summary .div_left,
  .formular .col_formular.col_right .offer_summary .div_right{
    padding-top: 2vw;
  }

  .formular .col_formular.col_right .offer_summary .div_right{
    flex: 0 0 34vw;
    max-width: 34vw;
  }
}
/* ===== SUMMARY: 2 stĺpce (jednorazovo vs mesačne) ===== */
.offer_summary{
  position: relative;
  padding: 4.5vw 3.2vw 3vw;
  box-sizing: border-box;
}

.offer_summary .offer_title{
  position: absolute;
  top: 1.8vw;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-size: 1.302vw;
  font-family: SourceSansRegular;
  color: #43425D;
  white-space: nowrap;
}

.offer_summary .sum_grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4vw;
  padding-top: 3.2vw; /* miesto pre nadpis */
}

.offer_summary .sum_col{
  display: flex;
  flex-direction: column;
  gap: 1.2vw;
}

.offer_summary .sum_row,
.offer_summary .sum_total{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1vw;
}

.offer_summary .sum_row .name{
  font-family: SourceSansRegular;
  font-size: 0.938vw;
  color: #727272;
}

.offer_summary .sum_row .price{
  font-family: SourceSansRegular;
  font-size: 0.938vw;
  color: #43425D;
}

.offer_summary .sum_total{
  border-top: 2px solid #FFD400;
  padding-top: 1.2vw;
  margin-top: 0.6vw;
}

.offer_summary .sum_total .name{
  font-family: SourceSansRegular;
  font-size: 0.781vw;
  text-transform: uppercase;
  color: #727272;
}

.offer_summary .sum_total .price{
  font-family: SourceSansBold;
  font-size: 1.823vw;
  color: #43425D;
}

/* ===== MOBILE ===== */
@media (max-width: 767px){
  .offer_summary{
    padding: 14vw 6vw 8vw;
  }

  .offer_summary .offer_title{
    top: 5vw;
    font-size: 4vw;
    white-space: normal;
    width: 90%;
    text-align: center;
  }

  .offer_summary .sum_grid{
    grid-template-columns: 1fr; /* pod seba */
    gap: 8vw;
    padding-top: 10vw;
  }

  .offer_summary .sum_row .name,
  .offer_summary .sum_row .price{
    font-size: 3.2vw;
  }

  .offer_summary .sum_total .name{
    font-size: 2.667vw;
  }

  .offer_summary .sum_total .price{
    font-size: 6vw;
  }

  .offer_summary .sum_total{
    padding-top: 4vw;
  }
}
/* =========================
   ORDER SUMMARY V2 (SCREEN 2)
   ========================= */
.formular .col_formular.col_right{
  background-color: #F3F9FF;
}

.offer_summary_v2{
  padding: 3.2vw 3.2vw;
  box-sizing: border-box;
  width: 100%;
}

.offer_summary_v2 .os_title{
  text-align: center;
  font-family: SourceSansRegular;
  font-size: 1.45vw;
  color: #43425D;
  margin-bottom: 3.2vw;
}

.offer_summary_v2 .os_cols{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6vw;
  align-items: start;
}

.offer_summary_v2 .os_col{
  min-width: 0;
}

.offer_summary_v2 .os_row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2vw;
  margin-bottom: 1.6vw;
}

.offer_summary_v2 .os_name{
  font-family: SourceSansRegular;
  font-size: 1.05vw;
  color: #727272;
  line-height: 1.25;
}

.offer_summary_v2 .os_price{
  font-family: SourceSansBold;
  font-size: 1.20vw;
  color: #43425D;
  white-space: nowrap;
}

.offer_summary_v2 .os_name_block{
  display: flex;
  flex-direction: column;
  gap: 0.35vw;
  min-width: 0;
}

.offer_summary_v2 .os_meta{
  font-family: SourceSansRegular;
  font-size: 0.95vw;
  color: #727272;
  line-height: 1.25;
  word-break: break-word;
}

.offer_summary_v2 .os_divider{
  height: 2px;
  width: 100%;
  background: #FFD400;
  margin: 2.2vw 0 2.4vw;
  border-radius: 2px;
}

.offer_summary_v2 .os_total{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 2vw;
}

.offer_summary_v2 .os_total_label{
  font-family: SourceSansRegular;
  font-size: 0.85vw;
  color: #727272;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.offer_summary_v2 .os_total_value{
  font-family: SourceSansBold;
  font-size: 2.15vw;
  color: #43425D;
  white-space: nowrap;
}

/* MOBILE */
@media (max-width: 767px){
  .offer_summary_v2{
    padding: 8vw 6vw;
  }

  .offer_summary_v2 .os_title{
    font-size: 5vw;
    margin-bottom: 7vw;
  }

  .offer_summary_v2 .os_cols{
    grid-template-columns: 1fr;
    row-gap: 8vw;
  }

  .offer_summary_v2 .os_name{
    font-size: 3.6vw;
  }

  .offer_summary_v2 .os_price{
    font-size: 4.2vw;
  }

  .offer_summary_v2 .os_meta{
    font-size: 3.3vw;
  }

  .offer_summary_v2 .os_total_label{
    font-size: 3.2vw;
  }

  .offer_summary_v2 .os_total_value{
    font-size: 6.5vw;
  }

  .offer_summary_v2 .os_divider{
    margin: 5vw 0 5vw;
  }
}
/* =========================
   FIX: divider + totals vždy dole rovnako (PC aj mobile)
   + väčšie sumy
   ========================= */

.offer_summary_v2 .os_cols{
  align-items: stretch; /* oba stĺpce rovnako vysoké */
}

.offer_summary_v2 .os_col{
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 18vw; /* aby mali stĺpce stabilnú výšku */
}

/* žltá čiara sa vytlačí vždy dole */
.offer_summary_v2 .os_divider{
  margin-top: auto;          /* kľúčové: posunie divider dole */
  margin-bottom: 1.4vw;
}

/* sumár nech je vždy hneď pod čiarou */
.offer_summary_v2 .os_total{
  margin-top: 0;
}

/* trošku väčšie písmo v sumároch */
.offer_summary_v2 .os_total_label{
  font-size: 0.95vw;
}

.offer_summary_v2 .os_total_value{
  font-size: 2.45vw;
}

/* jemne väčšie ceny v riadkoch (aby to bolo čitateľnejšie) */
.offer_summary_v2 .os_price{
  font-size: 1.28vw;
}

/* MOBILE doladenie */
@media (max-width: 767px){
  .offer_summary_v2 .os_col{
    min-height: 0;
  }

  .offer_summary_v2 .os_divider{
    margin-top: 5vw;       /* na mobile už nepotrebuješ auto push */
    margin-bottom: 4vw;
  }

  .offer_summary_v2 .os_total_label{
    font-size: 3.6vw;
  }

  .offer_summary_v2 .os_total_value{
    font-size: 7.2vw;
  }

  .offer_summary_v2 .os_price{
    font-size: 4.4vw;
  }
}
/* text nad ľavým formulárom */
.formular_left_title{
  text-align: center;     /* ak chceš úplne centrované nad bielym boxom, daj center */
  margin: 0 0 24px 0;   /* odstup od inputov */
}
/* FORMULAR – urob miesto pod kruhom bez hacku cez skrytý <p> */
.formular .row_formular{
  margin-top: 8.047vw;   /* toto nahrádza padding-top ktorý robil .formular .p1 */
}

/* Text v ľavom boxe nad inputmi */
.formular .col_left .form_note{
  margin: 0 0 2.2vw 0;
  text-align: center;
  font-size: 1.458vw;
  font-family: SourceSansRegular;
  letter-spacing: 0;
  color: #43425D;
}

/* MOBILE */
@media (max-width: 767px){
  .formular .row_formular{
    margin-top: 17.600vw;
  }

  .formular .col_left .form_note{
    margin: 0 0 5vw 0;
    font-size: 4vw;
  }
}
/* === FIX: priestor medzi kruhom (4) a obsahom === */
.formular #formular_div{
  padding-top: 1.047vw;
}

@media (max-width: 767px){
  .formular #formular_div{
    padding-top: 17.600vw;
  }
}
.formular .col_formular{
  background-color: #F3F9FF;
  box-shadow: 0px 10px 16px #00000019;
  border-radius: 12px;
}
.formular .col_left{
  min-height: 35vw;
  background-color: #F3F9FF;
}

.formular .col_left .formular_text{
  background-color: #FFFFFF;
  padding: 3.2vw;
  border-radius: 12px;
  box-shadow: 0px 10px 16px #00000019;
}
/* ===== INTERNET – Detail služby (modal) ===== */

.pkg-more{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  background:none;
  border:0;
  padding:0;
  color:#0b5fff;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
}
.pkg-more:hover{ text-decoration: underline; }

.pkg-more .infoIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;height:18px;
  border-radius:50%;
  border:1px solid rgba(11,95,255,.4);
  font-size:12px;
  line-height:1;
}

.pkg-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:99999;
  display:none;               /* dôležité */
  align-items:center;
  justify-content:center;
  padding:16px;
}

.pkg-modal{
  width:min(860px, 100%);
  max-height:min(80vh, 720px);
  background:#fff;
  border-radius:12px;
  box-shadow:0 20px 60px rgba(0,0,0,.30);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.pkg-modal-header{
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.pkg-modal-title{
  font-size:18px;
  font-weight:700;
  color:#111;
}

.pkg-modal-close{
  width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  cursor:pointer;
  font-size:18px;
  line-height:1;
}

.pkg-modal-body{
  padding:16px 18px 18px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  color:#111;
  font-size:14px;
  line-height:1.45;
}

.pkg-modal-body .row{ margin:8px 0; }

.pkg-modal-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:6px;
  color:#333;
  font-size:13px;
}

.pkg-badge{
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.08);
  padding:6px 10px;
  border-radius:999px;
  font-weight:600;
}

@media (max-width: 560px){
  .pkg-modal{ max-height: 86vh; }
  .pkg-modal-title{ font-size:16px; }
}