html, body { scroll-behavior: smooth; } /* telekom menu alacsusztatas */ .frameContainer { margin-top: -152px; } @media (max-width: 960px){ .frameContainer { margin-top: -108px; } } .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_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_main_carousel_cont *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_main_carousel { width: 100%; overflow: hidden; padding: 0; position: relative; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item{ position:relative; overflow:hidden; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item a{ text-decoration:none; font-size:0px; line-height:0px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg { position: absolute; width: 100%; line-height:0px; font-size:0px; z-index:10; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_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_ict_ms_felho_szolg_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_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img{ position:absolute; top:0px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl1{ z-index:20; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl2{ z-index:30; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl3{ z-index:40; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_video_item .inwb_main_carousel_item_bg img { display: none; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_video_item .inwb_main_carousel_item_inner_cont img { display: none; } /* light mode */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_main_carousel { height: 496px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item { height: 496px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg { height: 496px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.xs-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.xs-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.xs-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.xs-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.xs-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_main_carousel { height: 496px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item { height: 496px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg { height: 496px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.s-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.s-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.s-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.s-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.s-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.m-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.m-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.m-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.m-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.m-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.l-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.l-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.l-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont{ width: calc(100% - 40px); min-width: 888px; max-width: 1107px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.l-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.l-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.xl-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.xl-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_bg img.xl-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont{ width: 100%; max-width:1108px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-right{ right: 0px; left: unset; } } /*** fejlec ***/ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp{ background-color: #eff2f4; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_section{ padding:24px 0px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp .inwb_lap{ max-width:1156px; /*902px széles főtartalom*/ } /* BLOCK 01 */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 { padding: 60px 0px 32px 0px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_flex_cont { flex-wrap: wrap; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_flex_cont div { padding: 0px 24px; width: 25%; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_flex_cont div img { margin: 0px auto 18px; } /* BLOCK 02 */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_02 { padding: 32px 0; } /* BLOCK 03 */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03{ background-image: url('/static-ut/alkalmazasok/lp/ict-microsoft-felhoszolgaltatasok-231006-inwb-a/static/img/block-03-bg.webp'); background-repeat: repeat-x; background-size: auto 100%; background-position: center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_lap > .inwb_flex_cont > div{ width:30%; min-width: 302px; background: #f9f9f9; box-shadow: 0px 4px 4px rgba(24, 33, 77, 0.1); border-radius: 8px; border:solid 1px #fff; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; z-index:10; padding: 16px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_lap > .inwb_flex_cont > div:hover{ box-shadow: 0px 12px 20px rgba(93, 100, 130, 0.36); border-color:#e20074; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_lap > .inwb_flex_cont > div a.inwb_tkom_btn:hover .inwb_tkom_btn_magenta_outlined{ background: #e20074; border:solid 2px #e20074; color: #fff; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_lap > .inwb_flex_cont > img#inwb_block_03_decor_img_01{ position:absolute; left:0; top:32px; z-index:5; transform:translateX(-80%); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes { display: flex; flex-wrap: nowrap; flex-direction: row; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div { width: 50%; padding: 16px; z-index: 2; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(1) { border-top-left-radius: 4px; border-top-right-radius: 4px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(2) { border-top-right-radius: 4px; border-top-left-radius: 4px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(1).active { background-color: #fff; border: 2px solid #e20074; border-left: none; border-bottom: none; border-top: none; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(1).active a { color: #e20074; position: relative; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(1) a::after { content: ""; position: absolute; height: 2px; background-color: #f69ec4; width: 0; left: 25%; bottom: -18px; transform: translateX(-50%); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(1).active a::after { content: ""; position: absolute; height: 2px; background-color: #f69ec4; width: 100px; left: 50%; bottom: -18px; transform: translateX(-50%); transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) all; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(2).active { background-color: #fff; border: 2px solid #5D6482; border-right: none; border-bottom: none; border-top: none; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(2).active a { color: #5D6482; position: relative; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(2) a::after { content: ""; position: absolute; height: 2px; background-color: #9ea5bf; width: 0; left: 25%; bottom: -18px; transform: translateX(-50%); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div:nth-of-type(2).active a::after { content: ""; position: absolute; height: 2px; background-color: #9ea5bf; width: 100px; left: 50%; bottom: -18px; transform: translateX(-50%); transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) all; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_tab_elofizetes > div.active a { text-decoration: none; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 div[data-realid="price_eves"] { padding: 24px 18px 18px; background: #fff; border-right: 2px solid #e20074; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; top: -2px; z-index: 1; box-shadow: 0px 4px 4px rgba(24, 33, 77, 0.1); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 div[data-realid="price_havi"] { padding: 24px 18px 18px; background: #fff; border-left: 2px solid #5D6482; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; top: -2px; z-index: 1; box-shadow: 0px 4px 4px rgba(24, 33, 77, 0.1); } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_lap > .inwb_flex_cont > img#inwb_block_03_decor_img_02{ position:absolute; right:0; bottom:0; z-index:5; transform:translateX(65%); } /* RADIO */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .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_ict_ms_felho_szolg_lp #inwb_block_03 .brutto_netto_radio input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .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_ict_ms_felho_szolg_lp #inwb_block_03 .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_ict_ms_felho_szolg_lp #inwb_block_03 .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_ict_ms_felho_szolg_lp #inwb_block_03 .brutto_netto_radio_box:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .brutto_netto_radio input:checked ~ .brutto_netto_radio_box:after { display: inline-block; } /* Style the indicator (dot/circle) */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .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_ict_ms_felho_szolg_lp #inwb_block_03 .brutto_netto_radio_text { display: inline-block; position: relative; padding-left: 32px; margin-top: 6px; } /* RADIO */ /* BLOCK 04 */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_block_04 .inwb_block_04_business { max-width:1108px; overflow:hidden; align-items: stretch; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 .inwb_block_04_business .slick-dots{ margin-top:24px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 .inwb_block_04_business_item { background: #fff; border-radius: 8px; box-shadow: 0px 4px 4px rgba(93, 100, 130, 0.12); text-align: center; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-top: 1px solid #EFF2F4; border-bottom: solid 1px #EFF2F4; border-left: solid 1px #EFF2F4; border-right: solid 1px #EFF2F4; transition: all 0.3s ease-out; cursor: pointer; width:264px; min-width:264px; max-width:264px; overflow: hidden; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 .inwb_block_04_business_item:hover{ box-shadow: 0px 12px 20px rgba(93, 100, 130, 0.36); border-bottom: solid 1px #e20074; border-left: solid 1px #e20074; border-right: solid 1px #e20074; border-top: 1px solid #e20074; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 .inwb_block_04_business_item:hover a.inwb_tkom_btn.inwb_tkom_btn_magenta_outlined{ background: #e20074; border:solid 2px #e20074; color: #fff; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 .inwb_block_04_business_item .inwb_block_04_business_item_img_cont{ width: 100%; position:relative; margin-bottom:32px; transition: all 0.1s ease-in-out; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 .inwb_block_04_business_item .inwb_block_04_business_item_img_cont img{ object-fit: contain; object-position: center center; display: block; width: 100%; height: 125%; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 #inwb_block_04_business_alap .inwb_block_04_business_item p.inwb_min_h{ /*min-height: 72px;*/ } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 #inwb_block_04_business_solution .inwb_block_04_business_item p.inwb_min_h, #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 #inwb_block_04_business_premium .inwb_block_04_business_item p.inwb_min_h{ min-height: 108px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_04 .inwb_block_04_business_item hr{ height: 1px; background:#d2d6dd; border:none; } /* BLOCK 06 */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_block_06 .help_main_cont img { height: 98px; width: 98px; margin-right: 50px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_lap .inwb_box_with_img { align-items: center; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_lap .inwb_box_with_img div:nth-of-type(2) { margin-top: 0px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_lap .inwb_box_with_img div { width: 100%; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_lap .inwb_box_with_img div:nth-of-type(1) { margin-right: auto; margin-bottom: 24px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_lap .inwb_box_with_img img { max-width: unset; } /* Block 03 >>> */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_flex_cont > div{ width:45%; } /* <<< Block 03 */ } @media (max-width: 768px){ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_lap .inwb_box_with_img { flex-direction: column; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_flex_cont div { padding: 0px 24px; width: 50%; margin: 24px 0; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_02 .inwb_flex_cont{ align-items: flex-start; } /* Block 03 >>> */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_flex_cont > div{ width:40%; } /* <<< Block 03 */ } @media (max-width: 575px){ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_lap .inwb_box_with_img { padding: 16px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_01 .inwb_flex_cont div { padding: 0px 24px; width: 100%; max-width: 300px; margin: 24px 0; } /* Block 03 >>> */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_flex_cont > div{ width:100%; } /* <<< Block 03 */ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_05 .inwb_price_box.inwb_blue_box { padding: 8px; } #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_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_ict_ms_felho_szolg_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_ict_ms_felho_szolg_lp #inwb_block_06 .help_main_cont img { margin-right: unset; margin-bottom: 24px; } } @media (max-width: 420px){ #inwb_lp_main_cont #inwb_ict_ms_felho_szolg_lp #inwb_block_03 .inwb_flex_cont div { width: 100%; } } @media (max-width: 360px){ }