/* telekom menu alacsusztatas */ .frameContainer { margin-top: -152px; } @media (max-width: 960px){.frameContainer {margin-top: -84px;}} .header-desktop .segmentbar ul li a { color: #fff !important; } /* telekom menu alacsusztatas */ /*** fejlec ***/ @keyframes bg_scale_anim { 0% { transform: scale(1.0); } 100% { transform: scale(1.2); } } @keyframes timeranim { from { width: 0px; } to { width: 100%; } } #inwb_lp_main_cont .inwb_fc_blue { color: #267FBF; } #inwb_lp_main_cont .inwb_fc_green { color: #218076; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_main_carousel_cont { width: 100%; overflow: hidden; padding: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-family: TeleNeoWeb; font-weight: 400; font-kerning: normal; background: #f7f8f9; z-index: 0; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_main_carousel_cont *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_main_carousel { width: 100%; overflow: hidden; padding: 0; position: relative; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item{ position:relative; overflow:hidden; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item a{ text-decoration:none; font-size:0px; line-height:0px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg { position: absolute; width: 100%; line-height:0px; font-size:0px; z-index:10; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img { object-fit: cover; object-position: center center; display: block; width: 100%; height: 100%; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg_bottomshade { position: absolute; /*height: 160px;*/ height: 100%; bottom: 0px; width: 100%; transform: rotate(-180deg); z-index:100; z-index:15; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg_custom_topshade { position: absolute; height: 160px; top: 0px; width: 100%; transform: rotate(-180deg); z-index:100; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont { position: relative; height:100%; line-height:0px; font-size:0px; z-index:20; margin:0 auto; text-align:center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img{ position:absolute; top:0px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl1{ z-index:20; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl2{ z-index:30; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl3{ z-index:40; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_video_item .inwb_main_carousel_item_bg img { display: none; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_video_item .inwb_main_carousel_item_inner_cont img { display: none; } /* light mode */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_main_carousel_cont.light .inwb_main_carousel_item_bg_bottomshade{ /*background: linear-gradient( 180deg, rgba(24, 33, 77, 0.16) 0%, rgba(255, 255, 255, 0) 89.73%);*/ background: linear-gradient( 0deg, rgba(0, 0, 0, 0) 82.61%, #060709 100% ); transition: all 0.3s ease-out; } /* 360-575 -XS */ @media only screen and (max-width: 575px) { #inwb_lp_main_cont #inwb_m1b_lp #inwb_main_carousel { height: 496px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item { height: 496px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg { height: 496px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.xs-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.xs-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.xs-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.xs-bg-scale-anim-on { animation-duration: 10s; animation-name: bg_scale_anim; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: linear; transform: scale(1.2); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.xs-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.xs-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.xs-prod-img-pos-right{ right: 0px; left: unset; } } /* 576-767 - S */ @media only screen and (min-width: 576px) and (max-width: 767px) { #inwb_lp_main_cont #inwb_m1b_lp #inwb_main_carousel { height: 496px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item { height: 496px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg { height: 496px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.s-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.s-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.s-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.s-bg-scale-anim-on { animation-duration: 10s; animation-name: bg_scale_anim; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: linear; transform: scale(1.2); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.s-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.s-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.s-prod-img-pos-right{ right: 0px; left: unset; } } /* 768-959 - M */ @media only screen and (min-width: 768px) and (max-width: 959px) { #inwb_lp_main_cont #inwb_m1b_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.m-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.m-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.m-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.m-bg-scale-anim-on { animation-duration: 10s; animation-name: bg_scale_anim; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: linear; transform: scale(1.2); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.m-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.m-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.m-prod-img-pos-right{ right: 0px; left: unset; } } /* 960-1199 - L */ @media only screen and (min-width: 960px) and (max-width: 1199px) { #inwb_lp_main_cont #inwb_m1b_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.l-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.l-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.l-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.l-bg-scale-anim-on { animation-duration: 10s; animation-name: bg_scale_anim; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: linear; transform: scale(1.2); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont{ width: calc(100% - 40px); min-width: 888px; max-width: 1107px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.l-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.l-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.l-prod-img-pos-right{ right: 0px; left: unset; } } /* 1200+ - XL */ @media only screen and (min-width: 1200px) { #inwb_lp_main_cont #inwb_m1b_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.xl-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.xl-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.xl-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_bg img.xl-bg-scale-anim-on { animation-duration: 10s; animation-name: bg_scale_anim; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: linear; transform: scale(1.2); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont{ width: 100%; max-width:1108px; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-right{ right: 0px; left: unset; } } /*** fejlec ***/ #inwb_lp_main_cont #inwb_m1b_lp{ } #inwb_lp_main_cont #inwb_m1b_lp .inwb_section{ padding:24px 0; } #inwb_lp_main_cont #inwb_m1b_lp .inwb_lap{ max-width:1156px; /*1108px széles főtartalom*/ } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01{ } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(odd){ width: 16%; text-align: center; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(even){ width: 5%; text-align: center; padding-top: 36px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #EFF2F4 100%); padding: 0; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont { border: 4px solid #e20074; border-radius: 32px; background: #fff; box-shadow: 0px 8px 10px rgba(24, 33, 77, 0.1); } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_black_badge { display: flex; align-items: center; position: absolute; top: -28px; padding: 6px 20px 8px; left: 50%; transform: translateX(-50%); border: 4px solid #e20074; border-radius: 32px; background: #000; z-index: 1; white-space: nowrap; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont .inwb_flex_cont{ cursor: pointer; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont > .inwb_flex_cont > div:nth-child(1){ width: 12.5%; min-width: 132px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont > .inwb_flex_cont > div:nth-child(2){ width: 87.5%; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont .inwb_flex_cont > .inwb_flex_cont > div:nth-child(1) { width: 78%; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont .inwb_flex_cont > .inwb_flex_cont > div:nth-child(2) { width: 128px; } #img_mobile_plan { position: absolute; top: -55px; left: -43px; width: 206px; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok { width: 100%; position: relative; box-sizing: border-box; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #EFF2F4 100%); z-index: 2; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; max-width: 1108px; margin: 0 auto; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 12px; min-width: 345px; max-width: 345px; background: #FFFFFF; box-shadow: 0px 8px 10px rgba(24, 33, 77, 0.1); border-radius: 16px; margin-bottom: 32px; position: relative; cursor: pointer; transition: .3s ease-in-out; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item:hover { transform: scale(1.01); transition: .2s ease-in-out; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item:hover .inwb_tkom_btn_magenta_outlined { background-color: #e20074; color: #fff; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .csomagosszeallitas_btn { display: inline-flex; align-items: flex-start; justify-content: space-between; text-decoration: none; background-color: #E20074; border-radius: 4px; padding: 11px 16px; border: 1px solid #e20074; max-width: 251px; min-width: 251px; transition: 0.3s; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .csomagosszeallitas_btn:hover { background: transparent; color: #E20074; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .csomagosszeallitas_btn:hover img { content: url('/static-ut/alkalmazasok/lp/m1-business-lp-ut-COC-29928-231102-inwb-a/static/img/btn-arrow-active.svg'); width: 17px; height: 16px; transition: 0.3s; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .csomagosszeallitas_btn_align { margin: 54px auto 0px; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item { margin: 0px 12px 20px; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .slick-list { overflow: auto; overflow-x: hidden; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .draggable { padding: 0px 0px; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .slick-track { padding: 48px 0 0 0; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .slick-dots { position: absolute; bottom: -32px; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .slick-dots li button { width: 16px; height: 16px; border-radius: 50%; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .slick-dots li:nth-of-type(1) { margin-right: 24px; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .slick-dots li:nth-of-type(2) { margin-right: 24px; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item .csomag_flex_item_box { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; width: 100%; border-radius: 8px; padding: 12px; margin-bottom: 12px; min-height: 344px; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item .pink_box { background-color: rgba(226, 0, 116, 0.1); } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item .csomag_flex_item_box .csomag_flex_item_box_inner { display: flex; flex-direction: row; justify-content: start; align-content: start; align-items: start; width: 100%; padding: 12px 0; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item .csomag_flex_item_box img { width: 24px; height: 24px; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item.active { border: 4px solid #e20074; } #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item #inwb_tile_separator { width: 48px; height: 48px; position: absolute; top: -52px; left: 50%; transform: translateX(-50%); z-index: 2; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_04 { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #EFF2F4 100%); } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_04 .inwb_m1b_premium_outer_cont { border: 4px solid #D5F2F0; border-radius: 32px; background: #fff; box-shadow: 0px 8px 10px rgba(24, 33, 77, 0.1); } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_04 .inwb_m1b_premium_outer_cont .inwb_green_badge { display: flex; align-items: center; position: absolute; top: -28px; padding: 6px 20px 8px; left: 50%; transform: translateX(-50%); border: 4px solid #D5F2F0; border-radius: 32px; background: #D5F2F0; z-index: 1; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_04 .inwb_m1b_premium_outer_cont .inwb_flex_cont{ } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_04 .inwb_m1b_premium_outer_cont .inwb_flex_cont > div { width: 50%; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_04 .inwb_m1b_premium_outer_cont .inwb_flex_cont > div:first-of-type img { border-radius: 18px; } #inwb_lp_main_cont #inwb_m1b_lp .grey_box { background-color: #EFF2F4; border-radius: 12px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 { background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #EFF2F4 100%); } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont { gap: 24px; flex-wrap: wrap; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div { width: 48%; background: #fff; border-radius: 32px; transition: .2s ease-in-out; min-height: 580px; cursor: pointer; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div:hover { box-shadow: 0px 8px 10px rgba(24, 33, 77, 0.1); transition: .2s ease-in-out; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div:hover .inwb_tkom_btn { background-color: #fff; color: #e20074; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div .inwb_flex_cont { } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div .inwb_flex_cont > div { width: 50%; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div .inwb_flex_cont > div ul { list-style: disc; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div .inwb_flex_cont > div ul li::marker { color: #e20074; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div > div:last-of-type { position: absolute; bottom:24px; left: 36px; } /* RADIO */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .brutto_netto_radio { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .brutto_netto_radio input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .brutto_netto_radio_box { position: absolute; top: 0; left: 0; height: 24px; width: 24px; border: 2px solid #18214D; background-color: #fff; border-radius: 50%; } /* On mouse-over, add a grey background color */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .brutto_netto_radio:hover input ~ .brutto_netto_radio_box { background-color: #ccc; } /* When the radio button is checked, add background */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .brutto_netto_radio input:checked ~ .brutto_netto_radio_box { background-color: #fff; border: 2px solid #e20074; } /* Create the indicator (the dot/circle - hidden when not checked) */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .brutto_netto_radio_box:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .brutto_netto_radio input:checked ~ .brutto_netto_radio_box:after { display: inline-block; } /* Style the indicator (dot/circle) */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .brutto_netto_radio .brutto_netto_radio_box:after { top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #e20074; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .brutto_netto_radio_text { display: inline-block; position: relative; padding-left: 32px; margin-top: 6px; } /* RADIO */ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_06 { background: #fff; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_06 img { border-radius: 32px; } /* telekom alkalmazas */ #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section { width: 100%; background: #fff; padding: 64px 0px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; background: linear-gradient(180deg, #EFF2F4 0.22%, rgba(239, 242, 244, 0) 100.22%); border-radius: 32px; max-width: 1108px; padding: 32px 32px 44px; position: relative; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item { display: flex; flex-direction: column; box-sizing: border-box; position: relative; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item:nth-of-type(1) { width: 100%; max-width: 510px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item h1 { margin-bottom: 16px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont img { width: 240px; height: 268px; position: absolute; bottom: 0; right: 182px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item .telekom_alkalmazas_btn { display: block; width: 100%; max-width: 119px; padding: 10px 0px; background-color: #E20074; border-radius: 4px; transition: 0.3s; border: 1px solid #E20074; text-decoration: none; margin-top: 16px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .blue_badge_circle { position: absolute; background: #53BAF2; border-radius: 96px; width: 172px; height: 172px; right: 62px; top: -15px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .shadow_underline { background: #5D6482; opacity: 1; filter: blur(40px); position: absolute; width: 360px; height: 8px; right: 122px; bottom: 10px; z-index: 10; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .blue_badge_circle h2 { margin-top: 42px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item .telekom_alkalmazas_btn:hover { background-color: #FFFFFF; color: #E20074; } /* GYIk */ #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #EFF2F4 100%); } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton h1{ padding:0px 24px; } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .gyik_box_hl{ padding:72px 0px 0px; } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .gyik_box{ padding: 15px 24px; border-top: 1px solid rgba(24, 33, 77, 0.1); width: 100%; max-width: 720px; margin: 0px auto; } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .gyik_box:nth-last-child(1) { border-bottom: 1px solid rgba(24, 33, 77, 0.1); } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .inwb_inner_lap_box { padding: 48px 0px 128px; } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .gyik_box h3{ cursor:pointer; padding-right:24px; background-image:url('/static-ut/alkalmazasok/lp/m1-business-lp-ut-COC-29928-231102-inwb-a/static/img/arrow_gyik.svg'); background-position: right 9px center; background-size: auto 8px; background-repeat:no-repeat; } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .gyik_box h3.opened{ background-image:url('/static-ut/alkalmazasok/lp/m1-business-lp-ut-COC-29928-231102-inwb-a/static/img/arrow_gyik_opened.svg'); } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .gyik_box .gyik_box_content{ padding: 24px 0px 12px; display:none; } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .inwb_inner_lap { padding: 0; } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .gyik_box ul { list-style-type: square; margin-left: 20px; } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .gyik_box ol { list-style-type: decimal; margin-left: 20px; } #inwb_lp_main_cont #inwb_m1b_lp #gyik_seciton .gyik_box ul li::marker { font-size: 8px; line-height: 20px; } /* 1200+ - XL */ @media only screen and (min-width: 1200px) { } /* 960-1199 - L */ @media only screen and (min-width: 960px) and (max-width: 1199px) { } /* 768-959 - M */ @media only screen and (min-width: 768px) and (max-width: 959px) { } /* 576-767 - S */ @media only screen and (min-width: 576px) and (max-width: 767px) { } /* 360-575 -XS */ @media only screen and (max-width: 575px) { } @media (max-width: 1200px){ } @media (max-width: 1188px){ } @media (max-width: 960px){ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont { flex-wrap: wrap; justify-content: center; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(even){ max-width: 55px; width: 10%; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(1), #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(3){ width: 45%; text-align: center; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(4){ width: 100%; max-width: unset; padding: 36px 0; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(5), #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(7), #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(9){ width: 26%; text-align: center; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item:nth-of-type(1) { max-width: 320px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont img { right: 120px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .blue_badge_circle { right: 0px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div { box-shadow: 0px 8px 10px rgba(24, 33, 77, 0.1); } } @media (max-width: 768px){ #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_black_badge { top: -38px; white-space: break-spaces; width: fit-content; min-width: 300px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont .inwb_flex_cont{ flex-wrap: wrap; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont .inwb_flex_cont > div:nth-child(1){ width: 100%; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont .inwb_flex_cont > div:nth-child(2){ width: 100%; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont .inwb_flex_cont > .inwb_flex_cont { flex-wrap: nowrap; flex-direction: row-reverse; align-items: flex-start; padding-top: 24px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont .inwb_flex_cont > .inwb_flex_cont > div:nth-child(1) { width: 80%; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 .inwb_m1b_premium_outer_cont .inwb_flex_cont > .inwb_flex_cont > div:nth-child(2) { width: 20%; min-width: 64px; margin-right: 24px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_02 #img_mobile_plan { position: relative; width: 206px; left: unset; top: unset; margin: 36px auto 0; display: block; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_04 .inwb_m1b_premium_outer_cont > .inwb_flex_cont{ flex-wrap: wrap; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_04 .inwb_m1b_premium_outer_cont .inwb_flex_cont > div { width: 100%; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_04 .inwb_m1b_premium_outer_cont .inwb_flex_cont > div:first-of-type img { margin-bottom: 24px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont { gap: 24px; flex-wrap: wrap; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div { width: 100%; min-height: unset; max-width: 533px; margin: 0 auto; box-shadow: 0px 8px 10px rgba(24, 33, 77, 0.1); } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div > div:last-of-type { position: relative; bottom:unset; left:12px; margin-top: 12px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont img { top: -130px; left: 0; right: 0; margin: 0px auto; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .blue_badge_circle { top: -100px; right: -200px; left: 0; width: 120px; height: 120px; margin: 0px auto; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item:nth-of-type(1) { max-width: 100%; align-items: center; padding-top: 44px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .blue_badge_circle h2 { margin-top: 28px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont img { width: 168px; height: 186px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item h1 { text-align: center; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item p { text-align: center; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont { padding: 32px 20px 44px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont .telekom_alkalmazas_flex_item .telekom_alkalmazas_btn { margin-top: 24px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section { padding: 142px 0px 72px; } #inwb_lp_main_cont #inwb_m1b_lp #telekom_alkalmazas_section .inwb_lap .telekom_alkalmazas_flex_cont { padding: 32px 20px 20px; } } @media (max-width: 575px){ #inwb_lp_main_cont #inwb_m1b_lp #osszeallitott_csomagajanlatok .osszeallitott_csomagajanlatok_flex_container .csomag_flex_item { min-width: 301px; max-width: 301px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(6), #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(8){ display: none; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(4){ padding: 24px 0; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(5), #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(7), #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(9){ width: 100%; text-align: left; display: flex; align-items: center; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_01 .inwb_flex_cont > div:nth-child(7){ padding: 24px 0; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont { } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div .inwb_flex_cont { flex-wrap: wrap; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div .inwb_flex_cont > div { width: 100%; padding-top: 24px; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div .inwb_flex_cont > div ul { list-style: disc; } #inwb_lp_main_cont #inwb_m1b_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div .inwb_flex_cont > div ul li::marker { color: #e20074; } } @media (max-width: 420px){ } @media (max-width: 360px){ }