html, body { scroll-behavior: smooth; } /* telekom menu alacsusztatas */ .frameContainer { margin-top: -152px; } @media (max-width: 960px){ .frameContainer { margin-top: -84px; } } .header-desktop .segmentbar ul li a { /*color: #fff !important; /* sötét hátterű fejlécnél */ color: #000 !important; /* világos hátterű fejlécnél */ } /* 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_itc_m2m_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; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_main_carousel_cont *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_main_carousel { width: 100%; overflow: hidden; padding: 0; position: relative; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item{ position:relative; overflow:hidden; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item a{ text-decoration:none; font-size:0px; line-height:0px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg { position: absolute; width: 100%; line-height:0px; font-size:0px; z-index:10; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_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_itc_m2m_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_itc_m2m_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_itc_m2m_lp .inwb_main_carousel_item_inner_cont img{ position:absolute; top:0px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl1{ z-index:20; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl2{ z-index:30; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl3{ z-index:40; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_video_item .inwb_main_carousel_item_bg img { display: none; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_video_item .inwb_main_carousel_item_inner_cont img { display: none; } /* light mode */ #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp #inwb_main_carousel { height: 496px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item { height: 496px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg { height: 496px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.xs-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.xs-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.xs-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.xs-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.xs-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp #inwb_main_carousel { height: 496px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item { height: 496px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg { height: 496px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.s-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.s-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.s-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.s-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.s-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.m-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.m-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.m-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.m-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.m-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.l-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.l-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.l-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp .inwb_main_carousel_item_inner_cont{ width: calc(100% - 40px); min-width: 888px; max-width: 1107px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.l-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.l-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.xl-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.xl-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_bg img.xl-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp .inwb_main_carousel_item_inner_cont{ width: 100%; max-width:1108px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-right{ right: 0px; left: unset; } } /*** fejlec ***/ #inwb_lp_main_cont #inwb_itc_m2m_lp{ background-color: #eff2f4; margin-bottom: 60px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_section{ padding:24px 0px; } #inwb_lp_main_cont #inwb_itc_m2m_lp .inwb_lap{ max-width:1156px; /*902px széles főtartalom*/ } /* BLOCK 01 */ #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 { padding: 45px 0px 24px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img { width: 100%; max-width: 1108px; margin: 0px auto; border-radius: 32px; background-color: #fff; padding: 24px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img div { width: 50%; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img div:nth-of-type(1) { margin-right: 25px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img div:nth-of-type(2) { margin-top: 34px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img img { width: 100%; max-width: 514px; height: auto; border-radius: 18px; } /* BLOCK 03 */ #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_03 .inwb_flex_cont { flex-wrap: wrap; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_03 .inwb_flex_cont div { padding: 0px 8px; width: 158px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_03 .inwb_flex_cont div img { margin: 0px auto 18px; } /* BLOCK 04 */ #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_04 .inwb_m2m_help_box { width:100%; background: #ffffff; margin: 16px auto 0px; padding: 24px 0px; border-radius: 24px; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1); } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_04 .inwb_m2m_help_box .inwb_m2m_help_box_content { margin-top:16px; padding-top:16px; padding-left:24px; padding-right:24px; display:none; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_04 .inwb_m2m_help_box h3 { cursor: pointer; padding-right: 60px; padding-left: 24px; background-image: url('/static-ut/alkalmazasok/lp/ict-m2m-231006-inwb-a/static/img/inwb_help_arrow.webp'); background-position: right 25px center; background-size: auto 8px; background-repeat: no-repeat; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_04 .inwb_m2m_help_box h3.opened { background-image: url('/static-ut/alkalmazasok/lp/ict-m2m-231006-inwb-a/static/img/inwb_help_arrow_selected.webp'); } /* BLOCK 05 */ #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 { background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #EFF2F4 100%); } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont { gap: 24px; flex-wrap: wrap; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div { width: 48%; background: #fff; border-radius: 32px; transition: .2s ease-in-out; } /* RADIO */ #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_lp #inwb_block_05 .brutto_netto_radio input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ #inwb_lp_main_cont #inwb_itc_m2m_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_itc_m2m_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_itc_m2m_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_itc_m2m_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_itc_m2m_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_itc_m2m_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_itc_m2m_lp #inwb_block_05 .brutto_netto_radio_text { display: inline-block; position: relative; padding-left: 32px; margin-top: 6px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 .inwb_price_box { border-radius: 18px; width: 100%; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 .inwb_price_box.inwb_blue_box { background-color: #d5f2f0; width: 100%; height: auto; min-height: 180px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 .inwb_price_box.inwb_grey_box { background-color: #eff2f4; padding: 8px 12px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 p.line_height_16 { line-height: 16px; } /* BLOCK 06 */ #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_06 .help_main_cont { width:100%; background: #ffffff; margin: 16px auto 0px; padding: 24px 50px 24px 24px; border-radius: 32px; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1); text-align: left; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_06 .help_main_cont img { height: 98px; width: 98px; margin-right: 50px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_06 .help_main_cont div { padding-right: 12px; } /* 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_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img { align-items: center; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img div:nth-of-type(2) { margin-top: 0px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img div { width: 100%; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img img { max-width: unset; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_03 .inwb_flex_cont { width: 100%; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_03 .inwb_flex_cont div { padding: 12px 0px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 #dijcsomag_flex_cont { flex-direction: column; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 .inwb_lap > .inwb_flex_cont > div { width: 100%; } } @media (max-width: 768px){ #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img { flex-direction: column; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img div:nth-of-type(1) { margin-right: auto; margin-bottom: 24px; } } @media (max-width: 575px){ #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_01 .inwb_lap .inwb_box_with_img { padding: 16px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 .inwb_price_box.inwb_blue_box { padding: 8px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 #dijcsomag_flex_cont .flex_item:nth-of-type(1) .inwb_price_box.inwb_grey_box { flex-direction: column; align-items: flex-start; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 #dijcsomag_flex_cont .flex_item:nth-of-type(1) .inwb_price_box.inwb_grey_box p { padding: 6px 0px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 #dijcsomag_flex_cont .flex_item:nth-of-type(2) .inwb_price_box.inwb_grey_box { flex-direction: column; align-items: center; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_05 #dijcsomag_flex_cont .flex_item:nth-of-type(2) .inwb_price_box.inwb_grey_box p { padding: 6px 0px; text-align: center; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_06 .help_main_cont { flex-direction: column; justify-content: center; align-items: center; padding: 24px; text-align: center; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_06 .help_main_cont div { flex-direction: column; align-items: center; margin-bottom: 12px; padding-right: 0px; } #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_06 .help_main_cont img { margin-right: unset; margin-bottom: 24px; } } @media (max-width: 420px){ #inwb_lp_main_cont #inwb_itc_m2m_lp #inwb_block_03 .inwb_flex_cont div { width: 100%; } } @media (max-width: 360px){ }