/* telekom menu alacsusztatas */ .frameContainer { margin-top: -152px; } .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 */ /* telekom menü alácsúsztatás deprecated header#frameHeader { margin: 0 auto 0; } .frameContainer { margin-top: -112px; } html header#frameHeader .topMenu .segments .link-m{ color: #fff; } @media (max-width: 960px){ .frameContainer { margin-top: -68px; } } telekom menü alácsúsztatás deprecated */ /* 221213 ideiglenesen gombok "levéve" */ /*#inwb_lp_main_cont #inwb_wfxt_block_02_dvcs_business .inwb_tkom_btn.inwb_tkom_btn_magenta_outlined { display: none; }*/ #inwb_lp_main_cont #inwb_wfx_termek_lp{ background-color:#fff; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_lap .inwb_lap_inner{ max-width: 518px; margin: 0 auto; } /* Header >>> */ @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_wfx_termek_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_wfx_termek_lp #inwb_main_carousel_cont *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_main_carousel { width: 100%; overflow: hidden; padding: 0; position: relative; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item{ position:relative; overflow:hidden; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item a{ text-decoration:none; font-size:0px; line-height:0px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg { position: absolute; width: 100%; line-height:0px; font-size:0px; z-index:0; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp .inwb_main_carousel_item_bg_bottomshade { position: absolute; /*height: 160px;*/ height: 100%; bottom: 0px; width: 100%; transform: rotate(-180deg); z-index:0; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg_custom_topshade { position: absolute; height: 160px; top: 0px; width: 100%; transform: rotate(-180deg); z-index:0; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont { position: relative; height:100%; line-height:0px; font-size:0px; z-index:0; margin:0 auto; text-align:center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img{ position:absolute; top:0px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl1{ z-index:0; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl2{ z-index:0; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont .prod-img-lvl3{ z-index:0; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_video_item .inwb_main_carousel_item_bg img { display: none; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_video_item .inwb_main_carousel_item_inner_cont img { display: none; } /* light mode */ #inwb_lp_main_cont #inwb_wfx_termek_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; } /* <<< Header */ /* NAV >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main { position: relative; width: 100%; max-width: 1156px; margin: 0 auto; z-index:40; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap{ position: absolute; margin-top: -44px; transition: all 0.3s ease-in-out; z-index: 1; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap.inwb_sticky{ position: fixed; top: 20px; margin-top: 0; transition: all 0.3s ease-in-out; z-index: 1000; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar { display: flex; width: 100%; max-width: 1108px; align-items: center; background: rgba(255, 255, 255, 0.8); box-shadow: 0px 4px 4px rgba(24, 33, 77, 0.1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border-radius: 12px; padding: 4px; margin: 0 auto; overflow: scroll; cursor: pointer; scrollbar-width: none; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar::-webkit-scrollbar { display: none; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .inwb_nav_item { width: 50%; min-width: 200px; padding: 15px 0px; border-radius: 8px; text-align: center; border: 3px solid transparent; cursor: pointer; text-decoration: none; display: flex; flex-direction: column; justify-content: center; align-items: center; max-height: 56px; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .inwb_nav_item.inwb_active_nav { background-color: #fff; border-radius: 8px; box-shadow: 0px 1px 4px rgba(24, 33, 77, 0.2); color: #e20074; font-weight: 700; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .inwb_nav_item:hover{ color: #e20074; transition: 0.2s; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .focus_border { border: 3px solid #53BAF2; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .inwb_nav_item:focus { border: 3px solid transparent; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .inwb_nav_item.inwb_active_nav:hover { border: 3px solid transparent; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .inwb_nav_item.inwb_active_nav:focus { border: 3px solid #FFFFFF; } /* <<< NAV */ /* Block 01 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_01{ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eff2f4 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#eff2f4 100%); background: linear-gradient(to bottom, #ffffff 0%,#eff2f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff2f4',GradientType=0 ); } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_01 .inwb_flex_cont > div{ width:48%; } /* <<< Block 01 */ /* Block 02 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02{ background: #eff2f4; background: -moz-linear-gradient(top, #eff2f4 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #eff2f4 0%,#ffffff 100%); background: linear-gradient(to bottom, #eff2f4 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff2f4', endColorstr='#ffffff',GradientType=0 ); } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_navbar{ display: flex; width: 100%; max-width: 660px; align-items: center; background: rgba(255, 255, 255, 0.8); box-shadow: 0px 4px 4px rgba(24, 33, 77, 0.1); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); border-radius: 12px; padding: 4px; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_navbar .inwb_wfxt_block_02_navitem { width: 50%; padding: 15px 0px; border-radius: 8px; text-align: center; border: 3px solid transparent; cursor: pointer; text-decoration: none; display: flex; flex-direction: column; justify-content: center; align-items: center; max-height: 56px; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_navbar .inwb_wfxt_block_02_navitem.inwb_wfxt_block_02_navitem_active { background-color: #fff; border-radius: 8px; box-shadow: 0px 1px 4px rgba(24, 33, 77, 0.2); color: #e20074; font-weight: 700; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_navbar .inwb_wfxt_block_02_navitem:hover{ color: #e20074; transition: 0.2s; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_navbar .inwb_wfxt_block_02_navitem:focus { border: 3px solid transparent; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_navbar .inwb_wfxt_block_02_navitem.inwb_wfxt_block_02_navitem_active:hover { border: 3px solid transparent; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_navbar .inwb_wfxt_block_02_navitem.inwb_wfxt_block_02_navitem_active:focus { border: 3px solid #FFFFFF; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs { max-width:1108px; overflow:hidden; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs .slick-dots{ margin-top:24px; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs_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: 3px solid #e20074; border-bottom: solid 1px #fff; border-left: solid 1px #fff; border-right: solid 1px #fff; transition: all 0.3s ease-out; cursor: pointer; margin-top:80px; width:264px; min-width:264px; max-width:264px; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs_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; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs_item:hover a.inwb_tkom_btn.inwb_tkom_btn_magenta_outlined{ background: #e20074; border:solid 2px #e20074; color: #fff; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs_item .inwb_wfxt_block_02_dvcs_item_img_cont{ width: 100%; height: 160px; margin-top:-120px; position:relative; margin-bottom:32px; transition: all 0.1s ease-in-out; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs_item:hover .inwb_wfxt_block_02_dvcs_item_img_cont{ transform:scale(1.1); } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs_item .inwb_wfxt_block_02_dvcs_item_img_cont img{ object-fit: contain; object-position: center center; display: block; width: 100%; height: 125%; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_dvcs_alap .inwb_wfxt_block_02_dvcs_item p.inwb_min_h{ /*min-height: 72px;*/ } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_dvcs_business .inwb_wfxt_block_02_dvcs_item p.inwb_min_h, #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_dvcs_premium .inwb_wfxt_block_02_dvcs_item p.inwb_min_h{ min-height: 108px; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs_item hr{ height: 1px; background:#d2d6dd; border:none; } /* <<< Block 02 */ /* Block 03 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_03{ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eff2f4 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#eff2f4 100%); background: linear-gradient(to bottom, #ffffff 0%,#eff2f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff2f4',GradientType=0 ); } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_03 .inwb_flex_cont > div{ width:33%; } /* <<< Block 03 */ /* Block 04 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04{ background-image: -moz-linear-gradient(top, #eff2f4 0%, transparent 100%), url('/static-ut/alkalmazasok/lp/wfx-termek-lp-ut-COC-32651-240327-inwb-a/static/img/wfx-termek-lp-block-04-bg.webp'); background-image: -webkit-linear-gradient(top, #eff2f4 0%,transparent 100%), url('/static-ut/alkalmazasok/lp/wfx-termek-lp-ut-COC-32651-240327-inwb-a/static/img/wfx-termek-lp-block-04-bg.webp'); background-image: linear-gradient(to bottom, #eff2f4 0%,transparent 100%), url('/static-ut/alkalmazasok/lp/wfx-termek-lp-ut-COC-32651-240327-inwb-a/static/img/wfx-termek-lp-block-04-bg.webp'); background-repeat: no-repeat, repeat; background-position: center center, center center; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff2f4', endColorstr='transparent',GradientType=0 ); } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 #inwb_wfxt_block_04_overlay{ position:absolute; width:100%; bottom:0; height:50px; background: transparent; background: -moz-linear-gradient(top, transparent 0%, #ffffff 100%); background: -webkit-linear-gradient(top, transparent 0%,#ffffff 100%); background: linear-gradient(to bottom, transparent 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#ffffff',GradientType=0 ); } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div{ width:30%; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(24, 33, 77, 0.1); border-radius: 8px; border:solid 1px #fff; cursor:pointer; 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; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div:hover{ box-shadow: 0px 12px 20px rgba(93, 100, 130, 0.36); border-color:#e20074; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div:hover a.inwb_tkom_btn.inwb_tkom_btn_magenta_outlined{ background: #e20074; border:solid 2px #e20074; color: #fff; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div p:first-of-type{ min-height:60px; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > img#inwb_wfxt_block_04_decor_img_01{ position:absolute; left:0; top:32px; z-index:5; transform:translateX(-80%); } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > img#inwb_wfxt_block_04_decor_img_02{ position:absolute; right:0; bottom:0; z-index:5; transform:translateX(65%); } /* <<< Block 04 */ /* Block 05 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_05{ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eff2f4 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#eff2f4 100%); background: linear-gradient(to bottom, #ffffff 0%,#eff2f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff2f4',GradientType=0 ); } /* <<< Block 05 */ /* Block 06 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_06{ background: #eff2f4; background: -moz-linear-gradient(top, #eff2f4 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #eff2f4 0%,#ffffff 100%); background: linear-gradient(to bottom, #eff2f4 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff2f4', endColorstr='#ffffff',GradientType=0 ); } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_06 .inwb_lap_inner{ max-width: 1084px; } /* <<< Block 06 */ /* Header responsive >>> */ /* 360-575 -XS */ @media only screen and (max-width: 575px) { #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_main_carousel { height: 496px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item { height: 496px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg { height: 496px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.xs-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.xs-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.xs-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.xs-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.xs-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp #inwb_main_carousel { height: 496px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item { height: 496px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg { height: 496px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.s-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.s-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.s-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.s-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.s-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.m-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.m-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.m-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp .inwb_main_carousel_item_inner_cont{ width: 100%; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.m-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.m-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.l-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.l-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.l-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp .inwb_main_carousel_item_inner_cont{ width: calc(100% - 40px); min-width: 888px; max-width: 1107px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.l-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.l-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp #inwb_main_carousel { height: 532px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item { height: 532px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg { height: 532px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.xl-bg-pos-left { object-position: left center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.xl-bg-pos-right { object-position: right center; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_bg img.xl-bg-pos-center { object-position: center center; } #inwb_lp_main_cont #inwb_wfx_termek_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_wfx_termek_lp .inwb_main_carousel_item_inner_cont{ width: 100%; max-width:1108px; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-center{ /*left: 50%; */ transform: translateX(-50%); } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-left{ left: 0px; right: unset; } #inwb_lp_main_cont #inwb_wfx_termek_lp .inwb_main_carousel_item_inner_cont img.xl-prod-img-pos-right{ right: 0px; left: unset; } } /* <<< Header responsive */ /* 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: 1156px){ } @media (max-width: 960px){ /* Block 04 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div{ width:45%; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > img#inwb_wfxt_block_04_decor_img_01{ transform:translateX(-60%); } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > img#inwb_wfxt_block_04_decor_img_02{ transform:translateX(30%); } /* <<< Block 04 */ } @media (max-width: 876px){ /* Block 02 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs#inwb_wfxt_block_02_dvcs_business { display:block } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_dvcs_business .inwb_wfxt_block_02_dvcs_item { width:auto; min-width:unset; max-width:unset; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs#inwb_wfxt_block_02_dvcs_premium { display:block } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_dvcs_premium .inwb_wfxt_block_02_dvcs_item { width:auto; min-width:unset; max-width:unset; } /* <<< Block 02 */ } @media (max-width: 768px){ /* Block 01 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_01 .inwb_flex_cont > div{ width:100%; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_01 .inwb_flex_cont > div:nth-of-type(1){ order:2; margin-top:36px; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_01 .inwb_flex_cont > div:nth-of-type(2){ order:1; } /* <<< Block 01 */ /* Block 03 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_03 .inwb_flex_cont > div{ width:50%; } /* <<< Block 03 */ /* Block 04 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div{ width:40%; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div h2{ min-height:40px; } /* <<< Block 04 */ } @media (max-width: 600px){ /* Block 02 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 .inwb_wfxt_block_02_dvcs#inwb_wfxt_block_02_dvcs_alap { display:block } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_02 #inwb_wfxt_block_02_dvcs_alap .inwb_wfxt_block_02_dvcs_item { width:auto; min-width:unset; max-width:unset; } /* <<< Block 02 */ } @media (max-width: 575px){ /* NAV >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar { display: block; width: 100%; overflow: hidden; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .inwb_nav_item { min-width: unset; padding: 15px 25px; } /* <<< NAV */ /* Block 03 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_03 .inwb_flex_cont > div{ width:100%; } /* <<< Block 03 */ /* Block 04 >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div{ width:100%; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div h2{ min-height:unset; } #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_wfxt_block_04 .inwb_flex_cont > div p:first-of-type{ min-height:unset; } /* <<< Block 04 */ } @media (max-width: 420px){ /* NAV >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .inwb_nav_item { min-width: unset; padding: 15px 20px; } /* <<< NAV */ } @media (max-width: 360px){ /* NAV >>> */ #inwb_lp_main_cont #inwb_wfx_termek_lp #inwb_nav_main .inwb_lap .inwb_navbar .inwb_nav_item { min-width: unset; padding: 15px 15px; } /* <<< NAV */ }