/*TELEVIZIA*/
.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;
}
.televizia{
    margin-top: 8.385vw;
}
.televizia_bg.jk{
    height: 540vw!important;
}

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



/*UVOD*/
.uvod{
    padding-top: 3.698vw;
    height: 44.083vw;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom: 2.760vw;
}
.uvod_left img{
    width: 74.792vw;
    height: 37.083vw;
}
.uvod_left .uvod_text{
    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: 1.6vw;
}
.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{
    margin-top: 1.875vw;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0.9px;
    color: #FFFFFF;
    width: 12.708vw;
    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: 0.625vw;
    transition: all .3s ease-in-out;
    opacity: 1;*/
}
/*.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_right img{
    position: absolute;
    filter: drop-shadow(0px 20px 40px #3E9FFF29);
}
.uvod_right .uvod_1_img{
    width:26.094vw;
    height: 22.917vw;
    top: 16vw;
    left: 56.6vw;
}
.uvod_right .uvod_2_img{
    width: 22.448vw;
    height: 21.771vw;
    top: 8.5vw;
    left: 69.8vw;
}
.uvod_right .uvod_4_img{
    width:10.260vw;
    height: 10.156vw;
    top: 28vw;
    right: -3vw;
}
.uvod > .uvod_4_img{
    width:10.260vw;
    height: 10.156vw;
    top: 35vw;
    left: -1vw;
}
.uvod .p_uvod_dole{
    font-size: 0.781vw!important;
    font-family: SourceSansBold!important;
    letter-spacing: 0!important;
    color: #7FBEFC!important;
    margin-top: 0.729vw;
    margin-left: 0.75vw;
}

@media (max-width: 767px) {
    .uvod {
        padding-top: 9.5vw;
        height: 145.083vw;
        margin-bottom: 11.733vw;
    }
    .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: 12.133vw;
        margin-top: 5vw;
    }
    .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;
    }
    .uvod_bg_2 {
        top: 54.4vw;
        left: 8vw;
        z-index: -2;
        position: absolute;
        width: 41.467vw;
        height: 124vw;
        background: transparent linear-gradient(90deg, #0077FF 0%, #DEEEFF 100%);
        opacity: 0.07;
    }
}

/*TYPY*/

.typy{
   /* height: 195.833vw;*/
}
.typy .typ_left ,.typy .typ_right{
    height: 48.958vw;
}
.typy .typ_left .typ_main_bg{
    width: 68.958vw;
    height: 48.958vw;
    position: absolute;
    right: 0;
    z-index: -5;
    background-image: linear-gradient(-90deg,#0077FF,#DEEEFF);
    opacity: 0.07;
}
.typy .typ_right .typ_main_bg {
    width: 68.958vw;
    height: 48.958vw;
    position: absolute;
    left: 0;
    z-index: -5;
    background-image: linear-gradient(90deg,#0077FF,#DEEEFF);
    opacity: 0.07;
}

.typy .typ_left .typ_1_bg {
    width: 19.792vw;
    height: 89.323vw;
    position: absolute;
    right: 20vw;
    top: -35.417vw;
    z-index: -2;
    background-image: linear-gradient(-90deg,#0077FF,#DEEEFF);
    opacity: 0.07;
}
.typy .typ_left .left .white_bg {
    width: 50vw;
    height: 39.063vw;
    background-image: linear-gradient(-90deg,#FFFFFF,#FFFFFF00);
    position: absolute;
    margin:4.948vw 0;
    border-radius: 12px;
    opacity: 1;
    padding-left: 20.833vw;
}
.typy .typ_left .left .white_bg h2,.typy .typ_right .right .white_bg h2{
    font-size: 3.906vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #43425D;
    opacity: 1;
    margin-top: 2.448vw;
    margin-bottom: 3.646vw;
}
.typy .typ_right .right .white_bg h2{
    margin-top: 1.823vw;
}
.typy .typ_left .left .white_bg .p1,.typy .typ_right .right .white_bg .p1{
    width: 19.063vw;
    text-align: left;
    line-height: 1.563vw;
    font-size: 0.938vw;
    font-family: SourceSansRegular;
    letter-spacing: 0;
    color: #727272;
    opacity: 1;
    margin-bottom: 3.516vw;
}
.typy .typ_left .left .white_bg button,.typy .typ_right .right .white_bg button{
    width:12.708vw;
    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: 3.323vw;
  /*  transition: all .3s ease-in-out;*/
}
/*.typy .typ_left .left .white_bg  button:hover,.typy .typ_right .right .white_bg  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 .typ_left .left .white_bg .p2,.typy .typ_right .right .white_bg .p2{
    font-size: 0.781vw;
    font-family: SourceSansBold;
    letter-spacing: 0;
    color: #3E9FFF;
    opacity: 1;
    margin-bottom: 1.563vw;
}
.typy .typ_left .left .white_bg .p3,.typy .typ_right .right .white_bg .p3{
    font-size: 0.677vw;
    font-family: SourceSansRegular;
    line-height: 1.563vw;
    letter-spacing: 0;
    color: #7FBEFC;
    width: 28.750vw;
    text-transform: uppercase;
    opacity: 1;
}
.typy .typ_left .right{
    box-shadow: 0px 19px 38px #3E9FFF42;
    width: 30.521vw;
    height: 30.885vw;
    background-color: #FFFFFF;
    border-radius: 12px;
    opacity: 1;
    position: absolute;
    left: 55.885vw;
    top: 9.010vw;
    padding: 7.188vw 4.896vw;
}


.typy .typ_right .right .white_bg {
    width: 50vw;
    height: 39.063vw;
    background-image: linear-gradient(90deg,#FFFFFF,#FFFFFF00);
    position: absolute;
    right: 0;
    margin: 4.948vw 0;
    border-radius: 12px;
    opacity: 1;
    padding-left: 6.719vw;
}
.typy .typ_right .left{
    box-shadow: 0px 19px 38px #3E9FFF42;
    width: 30.521vw;
    height:30.885vw;
    background-color: #FFFFFF;
    border-radius: 12px;
    opacity: 1;
    position: absolute;
    left: 13.646vw;
    top: 9.063vw;
    padding: 7.188vw 4.896vw;
}


.typy .typ_left .typ_2_bg {
    width: 19.792vw;
    height: 58.854vw;
    position: absolute;
    right: 20vw;
    top: -4.948vw;
    z-index: -2;
    background-image: linear-gradient(-90deg,#0077FF,#DEEEFF);
    opacity: 0.07;
}
.typy .typ_right .typ_3_bg {
    width: 19.792vw;
    height: 59.010vw;
    position: absolute;
    left: 14.479vw;
    top: -4.948vw;
    z-index: -2;
    background-image: linear-gradient(90deg,#0077FF,#DEEEFF);
    opacity: 0.07;
}
.typy .typ_left .bodky_img_1{
    position: absolute;
    width:10.260vw;
    height: 10.156vw;
    z-index: -1;
    left: 7.292vw;
    bottom: -3vw;
}
.typy .typ_right .bodky_img_2{
    position: absolute;
    width:10.260vw;
    height: 10.156vw;
    z-index: -1;
    left: 0;
    bottom: -5vw;
}
.typy .typ_left .bodky_img_3{
    position: absolute;
    width:10.260vw;
    height: 10.156vw;
    z-index: -1;
    left: 0;
    top: 7.7vw;
}
.typy .program_img{
    width: 8.438vw;
    height: 4.740vw;
}

.typy .setup_box_img{
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .typy{
        height: auto;
    }
    .typy .accordion .card{
        background: transparent;
        border: none!important;
    }
    .typy .accordion .card .card-header{
        background: transparent;
        background-image: linear-gradient(-90deg,#FFFFFF,#FFFFFF00);
        border-radius: 0px 12px 0px 0px;
        border: none;
        margin-bottom: 0!important;
        padding: 0 9.333vw;
    }
    .typy .accordion .card .card-header p{
        margin-top: 8.533vw;
        margin-bottom: 10.400vw;
        font-size: 6.667vw;
        font-family: SourceSansRegular;
        letter-spacing: 0;
        color: #43425D;
        opacity: 1;
    }
    .typy .accordion .card .card-header p i{
        margin-right: 3.467vw;
    }
    .typy .accordion .card .card-body{
        padding: 0;
        height: 181.333vw;
    }
  .typy .accordion .card .card-body .gradient_right{
      background-image: linear-gradient(90deg,#DEEEFF, #0077FF );
      width: 15vw;
      position: absolute;
      height: 88vw;
      top: 122vw;
      left: 75vw;
      z-index: -4;
      opacity: 0.07;
    }
    .typy .accordion .card .card-body .gradient_left{
        background-image: linear-gradient(270deg,#DEEEFF, #0077FF );
        width: 15vw;
        position: absolute;
        height: 88vw;
        top: 122vw;
        right: 75vw;
        z-index: -4;
        opacity: 0.07;
      }
    .typy .accordion .card .card-body .white_bg{
        height:94.667vw;
        background-image: linear-gradient(-90deg,#FFFFFF,#FFFFFF00);
        border-radius: 0px 0px 12px 0px;
        opacity: 1;
        /* z-index: 2; */
        padding-left: 9.067vw;
    }

    .typy .accordion .card .card-body .white_bg .p1 {
        font-size: 4vw;
        width: 80.533vw;
        line-height:8vw;
        font-family: SourceSansRegular;
        letter-spacing: 0;
        color: #727272;
        opacity: 1;
        margin-bottom: 6.133vw;
    }
    .typy .accordion .card .card-body .white_bg button{
        width: 38.667vw;
        height:10.933vw;
        /*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;
        transition: all .3s ease-in-out;*/
        font-size: 2.667vw;
        font-family: SourceSansRegular;
        letter-spacing: 0.5px;
        color: #FFFFFF;
        margin-bottom: 6.133vw;
    }
    /*.typy .accordion .card .card-body .white_bg 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 .accordion .card .card-body .white_bg .p2 {
        font-size: 3.467vw;
        font-family: SourceSansBold;
        letter-spacing: 0;
        color: #3E9FFF;
        opacity: 1;
        margin-bottom: 1.067vw;
    }
    .typy .accordion .card .card-body .white_bg .p3{
        font-size: 3.467vw;
        width: 80.533vw;
        font-family: SourceSansRegular;
        letter-spacing: 0;
        color: #7FBEFC;
        text-transform: uppercase;
        opacity: 1;
    }

        .typy .card-header>div .i1{
      -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }
    .typy .card-header>div[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>div[aria-expanded="true"] .i2{
        display: inline-block!important;
    }*/
    .typy .card-header>div[aria-expanded="true"] ~ .televizia_bg {
        height: 514vw!important;
    }
    .typy .accordion .card .card-body .programy{
        width: 80.267vw;
        height:81.333vw;
        margin: 0 9.867vw;
        background-color: #FFFFFF;
        box-shadow: 0px 19px 38px #3E9FFF42;
        border-radius: 12px;
        opacity: 1;
        margin-top: -6.667vw;
        padding: 6.667vw;
    }
    .typy .accordion .card .card-body .programy.setup_box{
        margin-top: -12vw;
    }
    .typy .accordion .card .card-body .program_img{
        width: 22.933vw;
        height: 12.800vw;
    }
    .typy .accordion .card .card-body .programy_bodky{
        position: absolute;
        width: 52.533vw;
        height: 52vw;
        z-index: -2;

    }
    .typy .accordion .card .card-body .programy_bodky_1{
        left: 0;
        opacity: 0.7;
        top: 85vw;
    }
    .typy .accordion .card .card-body .programy_bodky_2{
        right: 0;
        top: 95vw;
    }
    .typy .accordion .card .card-body .programy_bodky_3{
        left: 0;
        opacity: 0.7;
        bottom: -16.5vw;
    }
    .typy .accordion .card .card-body .programy_bodky_4,.typy .accordion .card .card-body .programy_bodky_5{
        left: -44.5vw;
        top: 126vw;
    }
    .typy .accordion .card .card-body .programy_bodky_6{
        right: 0;
        top: 92vw;
    }
    .typy .accordion .card .card-body .setup_box_img{
        width: 100%;
        height: 100%;
    }
    .typy .accordion .card .card-body .programy_bodky_7 {
        bottom: 1vw;
    }
}