/** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(vendor/carousel/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} { font-size:100%; height:100%} *{-moz-box-sizing:border-box; box-sizing:border-box;} @font-face{font-family:"NHaasGroteskDSStd-55Rg"; src:url("clientlib-vbm-p2/fonts/NHaasGroteskDSStd-55Rg.eot?#iefix"); src:url("clientlib-vbm-p2/fonts/NHaasGroteskDSStd-55Rg.eot?#iefix") format("eot"),url("clientlib-vbm-p2/fonts/NHaasGroteskDSStd-55Rg.woff2") format("woff2"),url("clientlib-vbm-p2/fonts/NHaasGroteskDSStd-55Rg.woff") format("woff"),url("clientlib-vbm-p2/fonts/NHaasGroteskDSStd-55Rg.ttf") format("truetype"),url("clientlib-vbm-p2/fonts/NHaasGroteskDSStd-55Rg.svg#389e288e-637b-44b2-9b5a-4ecec3ae8e2c") format("svg"); font-weight:400; font-style:normal} @font-face{font-family:"NHaasGroteskDSStd-75Bd"; src:url("clientlib-vbm-p2/fonts/NHaasGroteskDSW02-75Bd.eot?#iefix"); src:url("clientlib-vbm-p2/fonts/NHaasGroteskDSW02-75Bd.eot?#iefix") format("eot"),url("clientlib-vbm-p2/fonts/NHaasGroteskDSW02-75Bd.woff2") format("woff2"),url("clientlib-vbm-p2/fonts/NHaasGroteskDSW02-75Bd.woff") format("woff"),url("clientlib-vbm-p2/fonts/NHaasGroteskDSW02-75Bd.ttf") format("truetype"),url("clientlib-vbm-p2/fonts/NHaasGroteskDSW02-75Bd.svg#5b9068b3-d518-4b0a-a5a2-1aa25714df22") format("svg"); font-weight:500; font-style:normal} @font-face{font-family:'vesicons'; font-weight:400; font-style:normal; src:url(clientlib-vbm-p2/fonts/ves-icons.eot); src:url(clientlib-vbm-p2/fonts/ves-icons.eot#ie) format("embedded-opentype"),url(clientlib-vbm-p2/fonts/ves-icons.woff) format("woff"),url(clientlib-vbm-p2/fonts/ves-icons.ttf) format("truetype"),url(clientlib-vbm-p2/fonts/ves-icons.svg#vesicons) format("svg")} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent} body{ line-height:1;-webkit-tap-highlight-color: rgba(0,0,0,0);} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block} nav ul{ list-style:none} ul.dash { list-style: none; margin-left: 0; padding-left: 1em; float:left; } ul.dash > li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; } ul.circle { list-style: none; margin-left: 0; padding-left: 1em; float:left; } ul.circle > li:before { display: inline-block; content: "\2022"; width: 1em; margin-left: -1em; } .para_list p{margin-left:10px;} .para_list p::before { content: " - "; margin-left:-10px; color: #000; } .p2_conntect_offer_bar { width: 27%; float: right; } span#packageExtreme { word-break: break-word; } blockquote, q{ quotes:none} blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none} a{ margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: #000; text-decoration: none; cursor:pointer} /* change colours to suit your needs */ ins{ background-color:#ff9; color:#000; text-decoration:none} /* change colours to suit your needs */ mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold} del{ text-decoration:line-through} abbr[title], dfn[title]{ border-bottom:1px dotted; cursor:help} table{ border-collapse:collapse; border-spacing:0} .clr { clear:both} ul li{list-style-type:none} p { line-height: 1.2 } h1, h2, h3, h4, h5 { line-height: 1;font-weight: normal; } textarea{resize: none;} /*Font zooming fix*/ body, html { -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; } /* ================ Comman Style ================== */ .font_regular {font-family:"NHaasGroteskDSStd-55Rg";} .font_bold {font-family:"NHaasGroteskDSStd-75Bd";} .pull_left { float: left; } .pull_right { float: right; } .t_color_white { color: #fff; } .t_color_black { color: #000; } .t_color_red {color: #d52b1e;} .t_color_gray { color: #747676; } .bg_color_white {background-color: #fff;} .bg_color_black {background-color: #000;} .bg_color_gray {background-color: #f6f6f6;} .bg_color_red { background-color: #d52b1e; } .bg_color_333 { background-color: #333333; } .bg_color_747676 { background-color: #747676; } .line_height_1_2 { line-height: 1.2 } .line_height_1 { line-height: 1 } .line_height_09{line-height: .92} .line_height_2_7{line-height: 2.7} .line_height_3_2{line-height: 3.2} .font_10 { font-size: 12px; } .font_12 { font-size: 12px; } .font_14 { font-size: 14px; } .font_16 { font-size: 16px; } .font_24 { font-size: 24px; } .font_25 { font-size: 25px; } .font_32 { font-size: 32px; } .font_52 { font-size: 52px; } .font_56 { font-size: 56px; } .font_18 { font-size: 18px; } .margin_0_auto { margin: 0px auto} .margin_16 { margin: 16px; } .margin_0 { margin: 0px; } .margin_30_42 { margin: 30px 0 42px 0;} .margin_top_0 { margin-top:0px; } .margin_top_3 { margin-top:03px; } .margin_top_5 { margin-top:05px; } .margin_top_6 { margin-top:06px; } .margin_top_7 { margin-top:07px; } .margin_top_8 { margin-top:08px; } .margin_top_9 { margin-top:09px; } .margin_top_10 { margin-top:10px; } .margin_top_11 { margin-top:11px; } .margin_top_12 { margin-top:12px; } .margin_top_13 { margin-top:13px; } .margin_top_14 { margin-top:14px; } .margin_top_15 { margin-top:15px; } .margin_top_16 { margin-top:16px; } .margin_top_17 { margin-top:17px; } .margin_top_18 { margin-top:18px; } .margin_top_25 { margin-top:25px; } .margin_top_35 { margin-top:35px; } .margin_top_40 { margin-top:40px; } .margin_top_46 { margin-top:46px; } .margin_top_48 { margin-top:48px; } .margin_top_52 { margin-top:52px; } .margin_top_64 { margin-top:64px; } .margin_top_20 {margin-top: 20px;} .margin_top_75 { margin-top:75px; } .margin_right_5 { margin-right:05px; } .margin_right_6 { margin-right:06px; } .margin_right_7 { margin-right:07px; } .margin_right_8 { margin-right:08px; } .margin_right_9 { margin-right:09px; } .margin_right_10 { margin-right:10px; } .margin_right_11 { margin-right:11px; } .margin_right_12 { margin-right:12px; } .margin_right_13 { margin-right:13px; } .margin_right_14 { margin-right:14px; } .margin_right_15 { margin-right:15px; } .margin_right_16 { margin-right:16px; } .margin_right_17 { margin-right:17px; } .margin_right_18 { margin-right:18px; } .margin_right_20 { margin-right:20px; } .margin_right_25 { margin-right:25px; } .margin_right_53 { margin-right:53px; } .margin_right_81 { margin-right: 81px; } .margin_bottom_2 { margin-bottom: 02px; } .margin_bottom_5 { margin-bottom:05px; } .margin_bottom_6 { margin-bottom:06px; } .margin_bottom_7 { margin-bottom:07px; } .margin_bottom_8 { margin-bottom:08px; } .margin_bottom_9 { margin-bottom:09px; } .margin_bottom_10 { margin-bottom:10px; } .margin_bottom_11 { margin-bottom:11px; } .margin_bottom_12 { margin-bottom:12px; } .margin_bottom_13 { margin-bottom:13px; } .margin_bottom_14 { margin-bottom:14px; } .margin_bottom_15 { margin-bottom:15px; } .margin_bottom_16 { margin-bottom:16px; } .margin_bottom_17 { margin-bottom:17px; } .margin_bottom_18 { margin-bottom:18px; } .margin_bottom_20 { margin-bottom:20px; } .margin_bottom_24 { margin-bottom:24px; } .margin_bottom_30 { margin-bottom:30px; } .margin_bottom_34 { margin-bottom:34px; } .margin_left_5 { margin-left:05px; } .margin_left_6 { margin-left:06px; } .margin_left_7 { margin-left:07px; } .margin_left_8 { margin-left:08px; } .margin_left_9 { margin-left:09px; } .margin_left_10 { margin-left:10px; } .margin_left_11 { margin-left:11px; } .margin_left_12 { margin-left:12px; } .margin_left_13 { margin-left:13px; } .margin_left_14 { margin-left:14px; } .margin_left_15 { margin-left:15px; } .margin_left_16 { margin-left:16px; } .margin_left_17 { margin-left:17px; } .margin_left_18 { margin-left:18px; } .padding_0 { padding: 0px; } .padding_16 { padding: 16px; } .padding_l_r_20 { padding-left:20px; padding-right: 20px; } .padding_l_r_40 { padding-left:40px; padding-right: 40px; } .padding_l_r_60 { padding-left:60px; padding-right: 60px; } .padding_top_5 { padding-top:05px; } .padding_top_6 { padding-top:06px; } .padding_top_7 { padding-top:07px; } .padding_top_8 { padding-top:08px; } .padding_top_9 { padding-top:09px; } .padding_top_10 { padding-top:10px; } .padding_top_11 { padding-top:11px; } .padding_top_12 { padding-top:12px; } .padding_top_13 { padding-top:13px; } .padding_top_14 { padding-top:14px; } .padding_top_15 { padding-top:15px; } .padding_top_16 { padding-top:16px; } .padding_top_17 { padding-top:17px; } .padding_top_18 { padding-top:18px; } .padding_top_40 { padding-top:40px; } .padding_top_50 { padding-top:50px; } .padding_top_60 { padding-top:60px; } .padd_right_none { padding-right: 0px; } .padding_right_5 { padding-right:05px; } .padding_right_6 { padding-right:06px; } .padding_right_7 { padding-right:07px; } .padding_right_8 { padding-right:08px; } .padding_right_9 { padding-right:09px; } .padding_right_10 { padding-right:10px; } .padding_right_11 { padding-right:11px; } .padding_right_12 { padding-right:12px; } .padding_right_13 { padding-right:13px; } .padding_right_14 { padding-right:14px; } .padding_right_15 { padding-right:15px; } .padding_right_16 { padding-right:16px; } .padding_right_17 { padding-right:17px; } .padding_right_18 { padding-right:18px; } .padding_right_20 { padding-right:20px; } .padding_right_25 { padding-right:25px; } .padding_right_30 { padding-right:30px; } .padding_bottom_3 { padding-bottom:05px; } .padding_bottom_5 { padding-bottom:05px; } .padding_bottom_6 { padding-bottom:06px; } .padding_bottom_7 { padding-bottom:07px; } .padding_bottom_8 { padding-bottom:08px; } .padding_bottom_9 { padding-bottom:09px; } .padding_bottom_10 { padding-bottom:10px; } .padding_bottom_11 { padding-bottom:11px; } .padding_bottom_12 { padding-bottom:12px; } .padding_bottom_13 { padding-bottom:13px; } .padding_bottom_14 { padding-bottom:14px; } .padding_bottom_15 { padding-bottom:15px; } .padding_bottom_16 { padding-bottom:16px; } .padding_bottom_17 { padding-bottom:17px; } .padding_bottom_18 { padding-bottom:18px; } .padding_bottom_54 { padding-bottom:54px; } .padding_bottom_40{padding-bottom:40px;} .padding_left_0 { padding-left:0px !important; } .padding_left_5 { padding-left:05px; } .padding_left_6 { padding-left:06px; } .padding_left_7 { padding-left:07px; } .padding_left_8 { padding-left:08px; } .padding_left_9 { padding-left:09px; } .padding_left_10 { padding-left:10px; } .padding_left_11 { padding-left:11px; } .padding_left_12 { padding-left:12px; } .padding_left_13 { padding-left:13px; } .padding_left_14 { padding-left:14px; } .padding_left_15 { padding-left:15px; } .padding_left_16 { padding-left:16px; } .padding_left_17 { padding-left:17px; } .padding_left_18 { padding-left:18px; } .padding_left_20 { padding-left:20px; } .padding_left_25 { padding-left:25px; } .border_none{border:none;} .border_top { border-top: 1px solid; } .border_bottom { border-bottom: 1px solid;} .border_right { border-right:1px solid;} .border_left { border-left:1px solid;} .border { border:1px solid; } .border_top_2 { border-top: 2px solid; } .border_black { border-color:#000;} .border_white { border-color:#fff;} .border_red { border-color:#d52b1e;} .border_gray { border-color:#d8dada;} .border_lightgray { border-color: #f6f6f6; } .border_darkgray {border-color:#323232;} .border_shadow{box-shadow: inset 0 -1px 0 0 #f6f6f6} .border_black_bottom {border-bottom-color: #000;} .text_right { text-align: right; } .text_center { text-align: center; } .text_left { text-align: left; } .text_decoration_none { text-decoration: none } .vertical_middle{vertical-align:middle;} .pos_relative { position: relative; } .pos_absolute { position: absolute; } .cursor_pointer { cursor: pointer; } .wid_100 { width: 100%; } .wid_90 { width: 90% } .wid_80 { width: 80% } .wid_75 { width: 75%; } .wid_65 { width: 65%;} .wid_60 { width: 60%;} .wid_50 { width:50%; } .wid_40 { width:40%; } .wid_45 { width:45%; } .wid_33 { width:33%; } .wid_35 { width:35%; } .wid_25 {width:25%;} .wid_20 { width: 20%; } .wid_211 { width: 211px; } .wid_151 { width: 151px; } .wid_170 { width: 170px; } .wid_131 { width: 131px; } .wid_215 { width: 215px; } .wid_350 { width: 350px; } .max_wid_170{max-width:170px;} .max_wid_200{max-width:200px;} .min_height_486 { min-height: 486px; } .min_height_366 { min-height: 366px; } .min_height_336 { min-height: 336px; } .min_height_304 { min-height: 304px; } .min_height_243 { min-height: 243px; } .min_height_245 { min-height: 245px; } .min_height_183 { min-height: 200px; } .min_height_162 { min-height: 162px!important; } .min_height_150 { min-height: 150px; } .min_height_136 { min-height: 136px; } .min_height_120 { min-height: 120px; } .min_height_122 { min-height: 122px; } .min_height_110 { min-height: 110px; } .min_height_100 { min-height: 100px; } .min_height_90 { min-height: 90px; } .min_height_80 { min-height: 80px; } .min_height_77 { min-height: 77px; } .min_height_50 { min-height: 50px; } .min_height_216 { min-height: 216px; } .min_height_64 { min-height: 64px; } .left_0 { left: 0px; } .top_80 { top: 80px; } .top_16 {top:16px;} .overflow_hidden { overflow: hidden; } .d_box_height{ display: flex; flex-wrap: wrap; } .anchor_equipment{display:block;height:160px;} .anchor_arrow_w:after, .anchor_arrow_b:after, .vle_nav_megamenu_destop .anchor_arrow_b:after { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;} .anchor_arrow_w:after {background: url(clientlib-vbm-p2/images/right-caret-w.svg) no-repeat right center;background-size: 14px; width: 9px;position: absolute;right: -15px;height: 11px;top: 4px;content: "";} .anchor_arrow_b:after {background: url(clientlib-vbm-p2/images/right-caret.svg) no-repeat right center;background-size: 14px; width: 9px;position: absolute;right: -15px;height: 11px;top: 2px;content: "";} .p2_dropdown_arrow:after { background: url(clientlib-vbm-p2/images/right-caret.svg) no-repeat right center;background-size: 14px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg); content: "";width: 14px;position: absolute;right: 0px;height: 14px;top: 8px;} .vle_nav_megamenu_destop .anchor_arrow_b:hover:after {background: url(clientlib-vbm-p2/images/right-caret-r.svg) no-repeat right center;background-size: 14px; width: 9px;position: absolute;right: -20px;height: 9px;top: 1px;content: "";} .vle_nav_megamenu_destop .anchor_arrow_b:after { top: 1px; } .arrow_16_w:after {height: 11px;background-size: 16px;width: 11px; } .anchor_arrow_b:hover:after, .anchor_arrow_w:hover:after {right: -30px !important;} .font_16.anchor_arrow_w:after, .font_16.anchor_arrow_b:after { top:4px; } .success_stories_line_readmore:after{padding-top:5.5px !important;font-size:12px!important;} .p2_line { height: 4px; } .p2_line.get_start_box_hd { min-height: 4px; } .font_16.anchor_arrow_b:after {top: 2px;width: 11px;height: 11px;} .border_radius_100 {border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;} .top_menu_drop_down:after {width: 8px;height: 10px;top: 6px;} .p2_menu_active {color: #000;border-bottom: 2px solid #d52b1e;} .top_menu_drop_down.active:after {top: 2px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);} .text_visible_none { visibility: hidden; } .z_index_10 { z-index: 10; } .z_index_20 { z-index: 20; } .z_index_30 { z-index: 30; } .z_index_40 { z-index: 40; } .z_index_50 { z-index: 50; } .z_index_100 { z-index: 100; } .display_none { display: none; } .display_inline{display: inline;} .display_inlineBlock{display: inline-block;} .display_block{display:block;} .outline_none { outline: none; } .border_none { border:none; } .border_bottom_2{border-bottom:2px solid ;} .offer-pricing-details{ font-family:"NHaasGroteskDSStd-55Rg"; font-size:16px; } /*offer bar banner*/ .offer_redBar_banner{ width:100%; min-height:53px; padding:10px 16px; } .doubleOffer_checkAvail{ text-align:center; } /*.product_display{ display:flex; flex-wrap:wrap; }*/ /*feature video changes*/ .digi_voice_box { position: relative; } .digi_voice_hd { position: absolute; top: 32px; left: 32px; z-index: 10; color: #fff;} .digi_voice_hd .m_getconsistant_aclick { top: 5px; right: 05px; } .features .include_box:hover { box-shadow: none; } .multimedia_box{ display: flex; flex-wrap: wrap; } .digi_popup { position: relative; margin: 0px; display: none; } .digi_popup_inner {padding-top: 40px;} .p2_popup_close { right: 32px; top: 32px; } .digi_popup .p2_popup_close img { width: 16px; } .fiosTVlogo{ height:80px; width:80px; vertical-align:middle; } /*.double_offercard{ bottom:3% !important; }*/ /*Custom Style*/ .vle_mainContainer{ margin:0 auto; width:100%;} .vle_mainContainer_left{ margin:0; width:100%;position: relative; font-family:"NHaasGroteskDSStd-55Rg"; /* border:1px solid #d8dada; */ float:left} .vle_searchblk { position: relative; display: inline-block; margin: 47px 16px 09px 0; float: right; width: 30%;} input.vle_searchfield[type='text']{ width: 100%; border-bottom:1px solid #747676;height:24px; color:#000;} .vle_searchlink{height: 13px;right: 0px;text-indent: -9999px;width: 13px;background: url(clientlib-vbm-p2/images/search.svg) 0 0px no-repeat; top: 6px;background-size: 13px;} .disclaimerLast{position: relative; bottom: 30px; font-size:10px; } .mobile_appImage{width:75%;} .vle_overlay { position: fixed;top: 0px;left: 0px; width: 100%;background: rgba(0, 0, 0, 0.7); height: 100vh;z-index: 17;display: none;} .vle_header_list:hover>a, .vle_header_list a.active {moz-box-shadow: inset 0 -2px 0px 0px #d52b1e;-webkit-box-shadow: inset 0 -2px 0px 0px #d52b1e;box-shadow: inset 0 -2px 0px 0px #d52b1e;} /* .vle_header_list:hover>a, .vle_header_list a.active {moz-box-shadow: inset 0 -2px 0px 0px #d52b1e;-webkit-box-shadow: inset 0 -2px 0px 0px #d52b1e;box-shadow: inset 0 -2px 0px 0px #d52b1e;} .vle_header_list:hover .vle_sub_nav a { box-shadow: none; } .vle_sub_nav a:hover { color:#d52b1e;font-family:"NHaasGroteskDSStd-75Bd"; }*/ .breadcum li:first-child a { padding-left: 0px; } .breadcum li a { padding: 0px 08px 0 08px; border-right: 1px solid #ccc;text-decoration:none; } .breadcum li:last-child a { padding-right:16px; border-right: none; } .breadcum li .drop_down_content { z-index: 200; width: 104px; display: none;top: 29px; } .breadcum li .drop_down_content a { padding: 12px; } /*TFN hide and showin desktop and mobile*/ .tfnDesktop{ display:block; } .tfnMobile{ display : none; } /*Hero TFN hide and showin desktop and mobile*/ .heroTfnDesktop{ display:block; font-size: 20px !important; } /*overlay background scroll issue fix*/ body.show_modle { overflow: hidden;} .aem-modal-close img { width:20px; height:20px; } .social li { margin-left: 16px; } .social li a img { height: 13.3px; } .bundle_banner { min-height: 300px; width: 220px; z-index: 12;z-index: 25; } .bundel_save_txt { width: 32px;min-height: 376px;z-index: 10; overflow: hidden; } .bundel_save_txt p {-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); top: 16px; right: 7px; width: 278px; height: 278px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .bundel_save_txt p{display:inline; } .bundel_save_txt span{width:278px;left:20px;} } .bundel_save_txt span { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 16px; /*right: 7px;*/ left: -247px; width: 278px; height: 278px; } /*IE6,7,9,10*/ @media screen and (min-width: 640px), screen\9 { .bundel_save_txt p{display:inline; } } .banner_bundal_wraper.new_banner_auto_height .bundel_save_txt {min-height:auto;} .fios_row_box .each_fios:nth-child(2).desk_hide { display: block;} .fios_row_box .each_fios:nth-child(3) { padding-left: 16px; } .fios_row_box .each_fios:nth-child(4n+4) { padding-left: 23px; border-top: 2px solid #d52b1e; } .fios_row_box .each_fios:nth-child(4n+4).border_none { border-top: none; } .accordian_icon_size { width: 26px; height: 26px; } .acc_close { background: url(clientlib-vbm-p2/images/plus-large.svg) no-repeat right center transparent; } .acc_open { background: url(clientlib-vbm-p2/images/minus-large.svg) no-repeat right center transparent; } .accord_active{cursor:pointer;} .show_price { width:49%; } .show_price_dropdown { width: 211px; } .show_price_box { width: 50%;height: 378px; /*overflow: hidden;*/ } .fios_line { width: 100%; height: 2px; background:#d52b1e;} .package_dropdown .p2_all_categries:last-child { margin-right: 12px; } .get_perks { width:calc(100% - 42px); min-height: 276px; z-index: 20 } .get_perks_text { width: 120px; } .txt_ifen::before { content: "-"; position: absolute; left: 0px;} .accordian_expand { display:none; } /*.accordian_expand.open { height: auto; overflow: visible; }*/ .text_wid_need { min-height: 122px; } .text_wid_need span{ width: 295px; } .consider_wid { width: 50%; } .include_h2_height { height: 60px; overflow: hidden; margin-bottom: 05px; } .red_line { width: 25%;height:2px;} .red_line_100 {height: 2px} .parag_wid_120 { width: 120px; } .img_what_include { width: 100%; height:auto; float: left;max-height: 264px; } .what_in_box { width: 33.333333%;o-transition: 1.5s; -ms-transition: 1.5s; -moz-transition: 1.5s; -webkit-transition: 1.5s; transition: 1.5s; } .include_box { min-height: 183px; float: left;-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .include_box:hover {-moz-box-shadow: inset 0 -10px 0px -5px #d52b1e; -webkit-box-shadow: inset 0 -10px 0px -5px #d52b1e; box-shadow: inset 0 -10px 0px -5px #d52b1e; } .right_equipment { height: auto; } .right_equipment_hd { width:277px } .right_equipment_prag { width:145px } .fios_product_box { height: 486px; } .fios_product_box_inner { width: 200px; } /* New style for equipment */ .min_equip_width .fios_product_box_inner { clear:both;} .record_service_content{ width: 80%;} .fios_product_box.min_equip_width { height: 350px; } /* End */ .fios_product_img { position: absolute; bottom: 60px; right: 64px; } .fios_product_img_size1 { height: 185px; } .fios_product_img_size {height: 377px; } .fios_product_box{ border-left: 1px solid #d8dada } .fios_product_box:first-child { border-left: none; } .fios_product_box_bottomborder {border-bottom: 1px solid #d8dada;} .features { width: 25%;o-transition: 1.5s; -ms-transition: 1.5s; -moz-transition: 1.5s; -webkit-transition: 1.5s; transition: 1.5s; } .guestWifi_overlayContent{ font-family: "NHaasGroteskDSStd-75Bd"; font-size: 16px; } .guestWifi_font{ font-family: "NHaasGroteskDSStd-55Rg"; font-size: 16px;} .accordian_symble_small { background-size: 13px; } .see_lesmore { bottom:-20px; padding-bottom: 0px; } .requirment_box { min-height: 340px; } .gray_line { height: 1px; } .faq_head { padding-bottom: 20px; } .faq_expand { margin-bottom: 30px;margin-top: -10px; } .req_content { display: none; } .equipStandardPhone{width:100%;float:left;} /*.vle_mobile_headerMainContainer{display: none;}*/ .fioscheckavail_btn { bottom: 30px; left: 16px; text-align: center; max-width: 200px; position: absolute; z-index:21; } .equipment_link_fullLength{ position:relative; width:100%; top:-20px; } label.field { border-radius: 2px; color: #666; display: block; max-width: 330px; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; z-index: 25;} label.field span {z-index: 10; height: 20px; cursor: default; font-size: 16px; top: 0px; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transition-property: color, font-size, top; transition-property: color, font-size, top; } label.field span.required::after { color: inherit; content: "*"; display: block; height: 20px; left: -20px; line-height: 20px; position: absolute; text-align: center; top: 0; width: 20px;} .error label.field span { color: #F02318;} label.field .psuedo_select { height: 24px; line-height: 24px; margin: 24px 32px 0 0; min-width: 250px; padding-top: 24px; outline: 0; z-index: 1;} label.field .psuedo_select::after { background: url("clientlib-vbm-p2/images/downarrow_b.svg") no-repeat; content: ""; height: 24px; width: 24px; position: absolute; top: 0; right: 0; -webkit-transition-property: background; transition-property: background;} label.field .psuedo_select .selected { cursor: pointer; opacity: 1; transition-duration: 0.1s; height: 24px; left: 1px; line-height: 24px; position: absolute; top: 0; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; will-change: transform; font-size: 25px;} label.field .psuedo_select ul { background: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); display: block; height: 0; list-style: none; margin-top: 2px; opacity: 0; overflow: hidden; padding: 0 1px; pointer-events: none; -webkit-transition-property: height, opacity; transition-property: height, opacity; width: 100%; z-index: 2; font-size: 25px;} label.field .psuedo_select ul li { height:auto; padding: 6px 4px;line-height:auto; border-bottom:1px solid #d8dada;} label.field .psuedo_select ul li:last-child{border-bottom:none;} label.field .psuedo_select ul li:hover { color: #000;} label.field .deselect { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: -1;} label.field.focused .psuedo_select ul { opacity: 1; pointer-events: all;} label.field.focused .psuedo_select::after { background: url("data:image/svg+xml;utf8, "), no-repeat;} .vle_tooltip { float: initial;cursor:pointer; position: relative; margin-left: 05px; display: inline-block; } .vle_tooltip_signin { float: initial;cursor:pointer; position: relative; margin-left: 05px; display: inline-block; } .vle_tooltip_text_signin { float: initial;cursor:pointer; position: relative; margin-left: 05px; display: inline-block;top: 04px !important; } .vle_tooltip .vle_black_i{ width: 11px; height: 11px; } .vle_tooltip .vle_black_i img { width: 13px; vertical-align: top;} .vle_tooltip .vle_tooltiptext {z-index: 40; display: none;width: 250px;position: absolute; top: 20px; left: -125px; background: #fff; border:1px solid #000; border-radius: 0px;} .vle_tooltiptext .vle_inner_tooltip { position: relative; padding: 13px 13px 16px 13px; float: left; } .vle_inner_tooltip h3 {font-family:"NHaasGroteskDSStd-75Bd"; font-size: 12px; color: #000;margin-bottom: 3px;} .vle_inner_tooltip p{font-size: 12px; text-align: left; color: #000000;font-family:"NHaasGroteskDSStd-55Rg";} .vle_arrow_tooltip { z-index: 41;position: absolute; top: 12px; left:0px; right: 0px; margin: 0 auto; width: 12px; height: 12px; display: none;} .vle_arrow_tooltip span:first-child{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #000;position: absolute;top: 0px;z-index: 10;} .vle_arrow_tooltip span:last-child{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #fff;position: absolute;top: 01px;z-index: 12;} //new tooltip changes .tipso_bubble, .tipso_bubble > .tipso_arrow, .tipso_bubble > .tipso_arrow_tp{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tipso_bubble { position: absolute; text-align: center; z-index: 9999; } .tipso_content { font-size: 14px; text-align: left; color: #000000; font-family:"NHaasGroteskDSStd-55Rg"; padding: 0.5em; background: #fff; border:1px solid #000; } .tipso_content h3{ font-family:"NHaasGroteskDSStd-75Bd"; font-size: 14px; } /* Tipso Bubble Div */ .tipso_bubble > .tipso_arrow{ position: absolute; width: 15px; height: 15px; /*border: 8px solid; */ pointer-events: none; } .tipso_bubble.top > .tipso_arrow { background:url(clientlib-vbm-p2/images/tooltip_arrow_bottom.svg) no-repeat center bottom; background-size: 15px; bottom: -6px; left: 50%; margin-left: -8px; } .tipso_bubble.bottom > .tipso_arrow { background:url(clientlib-vbm-p2/images/tooltip_arrow_top.svg) no-repeat center bottom; background-size: 15px; top:-14px; left: 50%; margin-left: -8px; } .display_flex{display:flex;} .m_display_black { display: none; } .need_relia_sec { background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(clientlib-vbm-p2/images/img-bundle-upsell-module.jpg) no-repeat top center; } .desk_hide { display: none; } .d_acc_icon { position: absolute; right: 0px; } .bundle_banner_small,.bundel_save_txt_small {min-height: 182px;} .top_70{top: 70px;} .top_80{top: 80px;} .min_height_278{min-height: 278px;} .get_consist_box { min-height: 130px; } .keep_employee { margin: 32px 0px; } .keep_employee_hd { width: 697px; } .ether_serviceoption_box {width: 33.333333%; } .related_resource { margin: 64px 0; } .related_resource_box_black {min-height: 475px;} .related_resource_box { min-height: 475px; width: 33.333333%; } .related_resource_topinner_box { min-height: 167px; z-index: 30;width:100%; } .related_resource_topinner_img, .Recommended_Products_box_img { float: left; position: relative; top: 0px; left: 0px; z-index: 20; height: auto; width: 100%; } .related_resource_topinner_img { position: absolute;max-height: 187px; } .Recommended_Products { } .Recommended_Products_box { box-sizing: border-box; width: 33.333333%;-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; position: relative; } .recomd_pro_hd { top:16px; left: 16px; } .Recommended_new_inner_box {padding:16px;-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;} .Recommended_Products_box:hover { -moz-box-shadow: inset 0 -10px 0px -5px #d52b1e; -webkit-box-shadow: inset 0 -10px 0px -5px #d52b1e; box-shadow: inset 0 -10px 0px -5px #d52b1e; } .Recommended_Products_box:hover .Recommended_new_inner_box { padding-bottom: 29px;padding-top: 11px; } .Recommended_Products_box_topinner { min-height: 120px; } .Recommended_Products_box_prag {-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; padding-bottom: 10px; } .vle_video_control{width:100%; overflow:hidden; position:relative;cursor: pointer} .vle_video_control.video_img:focus { border-color: darkgray; border-style: dotted; border-width: 1px;} .vle_video {width:100%} .vle_playpause{ background:url(clientlib-vbm-p2/images/start_w.svg) no-repeat center center; width:27%; height:27%; position:absolute; left:0%; right:0%; top:0%; bottom:0%; margin:auto; background-size:contain; background-position:center; z-index:3} .vle_mask-video{position:absolute; width:100%; height:127px; background:rgba(0,0,0,0.0); z-index:2; top:0px} .how_it_video { width: 100%; } .owl-theme .owl-dots .owl-dot span {width: 24px;height: 2px;margin: 5px 7px;background: #d8dada;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 0px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #000000;} .owl-stage-outer{border-bottom: 1px solid #eee;} .owl-theme .owl-nav.disabled+.owl-dots {padding-top: 20px;padding-bottom: 20px;margin-top: 0;} .owl-stage{margin-left: -25px;} .owl-item{opacity: .5;} .owl-item.active {opacity: 1;} .p2_looking_hd { width: 407px; } .smal_med_box_sub { width: 46%; } .smal_med_box_sub:last-child { float: right; } .smal_med_box { min-height: 243px;border: 1px solid #d8dada; border-left: none; } .smal_med_box_hd { min-height: 140px; } .smal_med_box:first-child { border-left: 1px solid #d8dada; } .p2_c_banner_hd { width: 300px; } .p2_conntect_banner_icon { float: right; width: 92px; } .p2_conntect_right_wrap .Recommended_Products_box:nth-child(3n+1) { border-left: 1px solid #d8dada } .p2_banner {overflow: hidden;}/*Commneted for tooltio fix */ .network_list li.active{ color:#000; text-decoration: underline; } .product_landingBanner { padding-right: 30px; width: 66.3333%; } .product_landingBanner label.field .psuedo_select .selected{font-size: 12px;} .product_landingBanner label.field .psuedo_select{margin: 24px 0 0 0; width: 100%; min-width: 95%;} .product_landingBanner label.field,.max_wid_none label.field{max-width: none;} .p2_custom_inbox { width: 22.5%; min-height: 157px; margin-right: 32px;transition: ease all .5s; -moz-transition: ease all .5s;-webkit-transition: ease all .5s; -ms-transition: ease all .5s; } .p2_custom_inbox:nth-child(4n) { margin-right: 0px;} .p2_custom_inbox:hover, .p2_custom_inbox.active { background-color: #f6f6f6; border:1px solid #000; border-top: 4px solid #d52b1e;} .sport_img_1 { height:auto; width: 100%; float: left; } .sport_img_2 { height:auto; width: 100%; float: left;} .fios_tv_togo { padding:60px 0 0 0px;} .fios_tv_togo_img { height: 240px; } .appstore_icon { width: 132px; height: 47px; margin-right: 16px; } .fios_tv_requid_img { height: 80px; width: 355px;margin:0 auto;position: absolute; bottom:20%; } .fios_tv_optional_img { height: 65px;position: absolute;bottom: 20%; right:-100px; } .product_landingBanner:last-child { width: 33.3333%; padding-right: 0px;} .padding_top_none{padding-top: 0} /*========================= Check box ======================== */ input[type="checkbox"] { line-height: 2.1ex;position: absolute; left: -999em;} .vz-cutom-checkbox { line-height: 16px;webkit-user-select: none; /* Chrome/Safari */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE10+ *//* Rules below not implemented in browsers yet */-o-user-select: none;user-select: none;} input[type="checkbox"] + label.vz-cutom-checkbox::before {content: "";display: inline-block;vertical-align: 0;height: 17px;width: 17px;background-color:transparent;border: 1px solid #000;margin-right: .5em; float: left} input[type="checkbox"]:checked + label.vz-cutom-checkbox::after {content: '';position: absolute;width:9px;height:5px;background: rgba(0,0,0,0);top: 2px;left: -20px;border: 1px solid #000;border-top: none;border-right: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} input[type=checkbox][disabled] + label { opacity: 0.3;filter: alpha(opacity=30);} .radio span{position:relative;padding-left:30px;} .radio span:after{content:'';width:20px;height:20px;border:2px solid;position:absolute;left:0;top:-2px;border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .radio input[type="radio"]{ cursor: pointer; position:absolute;z-index: 1;opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} .radio input[type="radio"]:checked + span{ color:#000; } .radio input[type="radio"]:checked + span:before{ content:''; width:8px; height:8px; position:absolute; background:#000; left:6px; top:4px; border-radius:100%; -ms-border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;} .disabledBtn{pointer-events: none; background-color: #d8dada;} .dateinput { background: url('clientlib-vbm-p2/images/calendar.png') transparent 97% no-repeat; outline: none;} .p2_popup_close { position:absolute;right: 16px;top: 16px;} .fiostv_sports_box { min-height:155px; } .fiostv_sport_popular { position: absolute; top: -16px; left: 0px; } .fios_sports_popcontent {position: absolute;top: 0px;z-index: 25; display: none;-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;overflow:auto;} .international_packages_height { height: 150px !important; } /* Fade in tabs */ @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;}} @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;}} .sports_packages {transition: ease all .5s; -moz-transition: ease all .5s;-webkit-transition: ease all .5s; -ms-transition: ease all .5s;} .p2_popup_close img { width: 36px;} .allfeatures {position: relative;z-index: 25; display: none;-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;} .fixed-header { position: fixed;width: 972px;-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;} /*.fixed-header { position: fixed;width: 1440px;-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;} .fixed-header .breadcum li { display: none;} .fixed-header .breadcum li:last-child { display: block; position: absolute; top: 16px; left: 35px; z-index: 25;} .ticklogo{width: 11.6px;height: 14.3px;position: absolute;top: 16px; left: 16px; z-index: 31; background: url(clientlib-vbm-p2/images/sticky_logo.png) no-repeat left top; background-size: 11.6px 14.3px;}*/ .p2_result_pro_filter_box { width: 33.3333% } .priceDisclaimerFont{ font-size:14px; } .offerPricingOverlay{ width: 100%; background: #f6f6f6;float:left;} .text_underline{ text-decoration: underline; } --------------------------Tab Design------------------------------- .p2_banner img { right: 0px; top: 0px; } .vle_tooltip.top .vle_tooltiptext {top: auto;bottom: 30px;} .vle_tooltip.top .vle_arrow_tooltip { top: auto; bottom: 20px; } .vle_tooltip.top .vle_arrow_tooltip span:first-child {border-top: 8px solid #000; border-bottom: none; top: 1px;} .vle_tooltip.top .vle_arrow_tooltip span:last-child { border-top: 8px solid #fff;border-bottom: none; top: 0px; } .faq_video { width: 45%; } /*.ethernet_bundle .bundel_save_txt {height: auto;}*/ .get_start_box_hd { min-height: 62px; } .hideme { opacity: 0;} /* veriticall fade */ .vle_sucess_box1{ margin-top: 30px;} .vle_solutions_box1,.vle_sucess_box2 { margin-top: 60px;} .vle_solutions_box2,.vle_sucess_box3{ margin-top: 90px;} .vle_solutions_box3,.vle_sucess_box4{ margin-top: 120px;} .vle_solution_nomargin{margin-top: 0!important;} .package_dropdown label.field .psuedo_select .selected{ font-size: 12px; } .package_dropdown label.field .psuedo_select ul li { font-size: 12px; } .package_dropdown label.field .psuedo_select { margin:0px; width: 100%; min-width: 100%; } .package_dropdown .p2_all_categries { width: 47%; } .wid_25.show_price_box { width: 25%; } .bann_heigh_cust { min-height: 360px; } .checkavail_btn { bottom: 0px; left: 0px; text-align: center; max-width: 200px;position:relative;} .rel_minheight_120{min-height:120px;} .banner_bundal_wraper{ width: 30%; position: absolute;right: 16px; top: 16px; } .banner_bundal_wraper .bundle_banner { width:100%; } .banner_txt { position: absolute; top: 16px; left:16px; } .banner_secure { position: absolute; padding: 16px; top: 0px;} .sport_txt_hd {top: 0px; left: 0px;} .bunesi_produ_bx { box-sizing: border-box; width: 33.333333%;-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; position: relative; } .bunesi_produ_bx:nth-child(3n+1) { border-left: 1px solid #d8dada; } .bunesi_produ_bx_prag { margin-bottom: 16px; } .request_qute_ul > li { list-style-type: none; display: inline; float: left; width: 100%; position: relative; margin: 0px; padding: 0px; } .request_qute_ul > li.wid_45_l { width: 45%; } .request_qute_ul > li.wid_45_r { width: 45%; float: right; } .request_qute_ul li input, .request_qute_ul li textarea { outline: none; } .radio li { display: inline; float: left; } .banner_location { bottom: 05px; } .location_content { background:url(../../../../../content/dam/verizon/business/vbm/images/location.svg) no-repeat left top; padding-left: 35px;background-size: 30px; } .location_content p { font-family: "NHaasGroteskDSStd-55Rg"; font-size: 16px; color: #000;} .location_content a { font-family: "NHaasGroteskDSStd-75Bd"; font-size: 16px; text-decoration: underline !important;} .location_content a:after {content: none;background: none;} .new_banner_auto_height{} .banner_bundal_wraper.new_banner_auto_height .bundle_banner {min-height:130px;} /* for anchor*/ .cutom_anchor_arrow_b span img, .cutom_anchor_arrow_w span img {width: 10px; height: 10px;margin-left: 5px;vertical-align: bottom;-o-transition: .5s; -ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;} .cutom_anchor_arrow_b:hover span img, .cutom_anchor_arrow_w:hover span img { margin-left: 15px; } label.field span.vle_tooltip.top span.vle_tooltip_black_Info { font-size: 12px; height: auto; color: #fff;} .r_products_box { min-height: 144px; z-index: 30;} /* for anchor*/ /* ============================ Start Success Stories for desktop ====================== */ .vle_success_stories_wrap{width:100%; float:left; margin:0px; padding:0px; background:#f6f6f6} .vle_success_stories_contain{width:74%; margin:0 16px; float:left; min-height:183px} .vle_success_stories_contain_line{ margin-top:64px; width:100%; height:5px; background:#000} .vle_success_stories_contain_head{ font-size:52px; line-height:50px; font-family:"NHaasGroteskDSStd-75Bd"; color:#000; float:left} .vle_success_stories_contain_praga{ font-family:"NHaasGroteskDSStd-55Rg"; font-size:20px; color:#000; width:211px; float:right; margin-top:06px; line-height:19.2px; color:#000} .vle_sub_head{float:left; font-size:12px; color:#888} .vle_success_stories_contain .vle_a{float:left; margin:11px 0 0 0; font-size:16px} /*.vle_success_stories_contain .vle_a:after{padding-top: 0.5px;} */.vle_right{float:right} .vle_left{float:left} .vle_sucess_stories_box_container{width:100%; float:left; margin:0px 0 62px 0; padding:0px;display:flex;flex-wrap:wrap;} .vle_sucess_stories_box{ position: relative; float:left; margin:0px 0 0 16px; padding:0 16px; /* padding-bottom:10px; */ width: 23%; background:#fff; /*min-height:450px;*/ -o-transition:1.5s; -ms-transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s; transition:1.5s; overflow: hidden;} .vle_sucess_stories_box h3{font-family:"NHaasGroteskDSStd-75Bd"; font-size:25px; line-height:1; color:#000; margin:14px 0 12px 0} .vle_sucess_stories_box h3 .head{font-size:40px; margin:04px 0 0 0px; float:left; line-height:24px} .vle_sucess_stories_box p.vle_success_box_descrp{width:100%; float:left; font-size:20px; line-height:1; margin:0 0 12px 0; color:#000} .vle_sucess_stories_box p:last-child { margin-bottom: 15px; font-size:19px; } .vle_sml_line{width:12px; height:1px; background:#000; float:left; clear:both; margin-bottom:07px} .vle_sutor_name{font-size:12px; color:#000; line-height:1; float:left;clear:both} .vle_sucess_stories_box .video_img{width:227px; margin:0px 0 0 -16px} .play-video { width: 100%; position: absolute; border: none; background: none; left: 0px; top: 0px; padding: 0px; margin: 0px; cursor: pointer; } .play-video img { width: 100%; max-height: 606px; } .vle_sucess_stories_box .vle_nw_video { width: 112%; margin: 0px 0 0 -20px; } .image_holder { text-align: center; } .image_holder img { /* width: 75%;*/ padding-top:30px; } .jd_power{ width: 73% !important; } .tech_validate { width: 75%; } .vle_jdPower { font-size: 25px !important; } .vle_success_stories_contain_praga { width: 70%; line-height: 1; float: left; } .offerOverlay_content{ font-family:"NHaasGroteskDSStd-75Bd"; font-size:16px; } /* ============================ End Success Stories for desktop ====================== */ @media screen and (max-width:971px) and (min-width: 801px){ .show_price_box { width: 50%; } .clf_btn_adjs {padding-left: 10px; padding-right: 10px; width: 100%; text-align: center; margin-top: 20px;} .wid_25.show_price_box {width: 30%; overflow: hidden;} .newsly_ul li { width:27%; } .newsly_ul li img { width: 100%; } .p2_custom_inbox { margin-right: 20px; } .bundle_banner .wid_170 { width:100%; } .vle_head_top_half { width: 55%; } .vle_searchblk { width: 22%; } .ethernet_bundle.banner_bundal_wraper .bundle_banner_small, .ethernet_bundle.banner_bundal_wraper .bundel_save_txt_small {min-height: 212px;} } @media only screen and (min-width: 1020px) and (max-width: 3000px) { .font_10 { font-size: 10px; } .font_12 { font-size: 14px; } .font_14 { font-size: 16.8px; } .font_16 { font-size: 20px; } .font_24 { font-size: 30.4px; } .font_25 { font-size: 32px; } .font_28 { font-size: 28px; } .font_32 { font-size: 32px; } .font_52 { font-size: 52px; } .font_56 { font-size: 64px; } .padding_16 { padding: 20px; } .desktop_hide { display: none} .bundle_banner_small, .bundel_save_txt_small { min-height: 200px; height: 200px; } /*.vle_nav_megamenu_destop>div:last-child { width: 530px; }*/ /*.vle_nav_megamenu_destop>div:first-child { width: 460px; }*/ .Recommended_Products_box_prag {width: 100%;} .banner_bundal_wraper{ width: 27%; position: absolute;right: 16px; top: 16px; } .offer_redBar_banner .font_16{font-size:20px !important;} .banner_bundal_wraper .bundle_banner { width: 100%;min-height: 360px; } .banner_bundal_wraper.new_banner_auto_height .bundle_banner {min-height:auto;} .banner_txt { position: absolute; top: 16px; left:16px; } .bundel_save_txt { width: 42px;min-height: 360px; } .banner_bundal_wraper.new_banner_auto_height .bundel_save_txt {min-height:auto;} .big_pra_20 { font-size: 20px; } label.field .psuedo_select .selected {font-size:25px;} label.field span { font-size: 20px;} .each_fios { padding-top: 11px; } .show_price_box .bundel_save_txt {min-height: 376px;} .big_adjs_wid { width: 75%; } .fios_tv_togo_content .font_12 { font-size: 20px; } .fios_tv_togo_content .anchor_arrow_b:after { top: 7px; } .faq_expand .font_12 { font-size: 20px; } .Recommended_new_inner_box .font_12 { font-size: 20px; } .get_start_box .font_12 { font-size: 20px; } .icon_ul { top: 104px; } /*.fios_row_box {min-height: 220px;}*/ .get_start_box .anchor_arrow_b:after, .Recommended_new_inner_box .anchor_arrow_b:after, .Recommended_Products_box .font_12.anchor_arrow_b:after {width: 13px;right: -20px;height: 13px; top: 5px;} .icon_ul li img { width: 69px; margin-right: 10px; } .vle_inner_tooltip h3, .vle_inner_tooltip p { font-size: 14px; } .right_equipment .font_12 { } .anchor_arrow_b.big_pra_20:after, .anchor_arrow_w.big_pra_20:after {top: 5px;width: 13px;height: 13px;right: -20px;} .fiostv_sports_box {padding-bottom: 05px;} .bdv_features {padding-bottom: 05px;} .recomd_pro_hd { top:20px; left: 20px; } .each_fios .font_10, .bundle_banner .font_10 { font-size: 12px; } .bundle_banner .wid_170 { width: 180px; } .show_price .font_12 {font-size: 20px;} .package_dropdown label.field .psuedo_select .selected{ font-size: 14px; } .package_dropdown label.field .psuedo_select ul li { font-size: 14px;} .font_10 { font-size: 14px; } .sub_bundal_bx .font_12, .sub_bundal_bx .show_price_box { font-size: 20px; } .sub_bundal_bx, .show_price_box { min-height: 300px; } .show_price_box .font_12 { font-size: 20px; } .show_price_box .font_16 { font-size: 16px; } .min_height_278 {min-height: 300px;} .fios_product_box .font_12 { font-size: 20px; } .fios_sports_popcontent .font_12 { font-size: 16px; } .ethernet_bundle.banner_bundal_wraper .bundle_banner { min-height: 250px; } .ethernet_bundle.banner_bundal_wraper .bundel_save_txt {min-height: 250px;} .include_box { min-height: 240px;} .include_box .font_12 { font-size: 20px; } .include_h2_height { min-height: 80px; } .ether_serviceoption_box .font_12 { font-size: 20px; } .related_resource_box .font_12 { font-size: 20px; } .related_resource_box_black {min-height: 530px;} .related_resource_box {min-height: 530px; } .related_resource_topinner_box {min-height: 200px;} .related_resource_topinner_img { max-height: 220px;} .p2_employee .font_12 { font-size: 20px; } .connect_box .font_12 { font-size: 20px; } .connect_box .font_16 { font-size: 25px; } .connect_box .font_12.anchor_arrow_b:after, .bunesi_produ_bx .font_12.anchor_arrow_b:after, .connect_box .font_12.anchor_arrow_w:after {top: 5px; width: 13px; height: 13px; right: -20px;} input[type="checkbox"]:checked + label.vz-cutom-checkbox::after {top: 9px; left: -24px;} .check_sub_content { margin-left: 13px; } .product_landingBanner label.field .psuedo_select .selected {font-size: 20px;} .Recommended_Products_box .font_12 { font-size: 20px; } .Recommended_new_inner_box {padding:20px;} .bunesi_produ_bx .font_12 { font-size: 20px; } /* for anchor*/ .cutom_anchor_arrow_b span img, .cutom_anchor_arrow_w span img {width: 14px;height: 14px;margin-left: 8px;} .cutom_anchor_arrow_b:hover span img, .cutom_anchor_arrow_w:hover span img { margin-left: 15px; } /* for anchor*/ .priceDisclaimerFont{ font-size:14px; } .show_price_box.padding_16{padding:16px;} .heroDesc_desktop{width:450px;} } @media only screen and (min-width: 1020px) and (max-width: 1150px) {.vle_searchblk { width: 21%; } } @media only screen and (min-width: 1460px) { .vle_mainContainer{ width: 1440px; } .p2_explor_head span { clear: both; width: 100%; } .proresult_wrap .p2_conntect_right_wrap .Recommended_Products_box img.Recommended_Products_box_img {width: 100%; height: auto;} .margin_right_81 { margin-right: 94px;} .vle_right_nav { width: 542px;} .show_price_box { height: 378px; overflow: hidden; width: 50%; } .bundel_save_txt { height: 420px; width: 42px; } .banner_bundal_wraper.new_banner_auto_height .bundel_save_txt {height:auto;} .margin_top_40 { margin-top: 30px; } .margin_top_20 { margin-top: 20px; } img.p2_connect_bx_img { height: auto; } /*.vle_nav_megamenu_destop>div:last-child { width: 540px; } */ .font_16.anchor_arrow_w:after, .font_16.anchor_arrow_b:after { top: 7px;} .margin_right_53 { margin-right:66px; } .bundle_banner {min-height: 420px; width: 300px;} .banner_bundal_wraper.new_banner_auto_height .bundle_banner {min-height:auto;} .bundle_banner_small, .bundel_save_txt_small { min-height: 200px; height: 200px;} .big_min_height_150 { min-height: 150px;} .big_min_height_190 { min-height: 190px;} .big_min_height_200 { min-height: 200px;} .big_min_height_210 { min-height: 210px;} .big_min_height_220 { min-height: 220px;} .big_min_height_230 { min-height: 230px;} /*.p2_banner { height:520px; }*/ .get_consist_box {min-height: 175px;} .p2_explore, .big_min_height_180 { min-height: 180px; } .bid_font_14 { font-size: 14px; } .p2_custom_inbox { width: 23%; min-height: 242px;} label.field {max-width: 333px;} .need_relia_sec, .big_min_height_170 { min-height: 170px; } .add_chanel { width: 454px; } .easy_head { width: 408px; } .big_btn_adjst {padding: 23px 28px;} .show_price_box.bundle_banner {min-height: 278px; width: 50%;} .newsly_ul li img { width: 70px; } .right_equipment_prag { width: 175px;} /*.fios_product_box_inner { width: 300px;}*/ .fios_tv_requid_img {height: auto;width: 470px;} .fios_tv_optional_img { height: 90px;} .banner_bundal_wraper .bundle_banner { min-height: 420px;} } /*--------------------------Mobile Design-------------------------------*/ @media screen and (min-width:300px) and (max-width: 800px){ .banner_secure { padding: 20px; } .tfnDesktop{ display:none; } .tfnMobile{ display : block; } .heroTfnDesktop{ display:none; } body.show_modle { overflow: hidden; } .offer-pricing-details { font-family: "NHaasGroteskDSStd-55Rg"; font-size: 14px; } .anchor_equipment{display:block;height:auto;} .promoMobileHide{ display:none; } .m_pull_left {float:left;} .digi_voice_hd { border-top: 2px solid #000; position: relative; left: 0px; top: 0px; padding-top: 10px; color: #000;} .customImageContainer img{width: 250px;} .vle_mainContainer{width: 100%;} /*.vle_desktop_headerMainContainer{display: none;} .vle_mobile_headerMainContainer{display: block} .m_vle_searchlink { height: 26px; right: -15px; text-indent: -9999px; width: 30px; background: url(clientlib-vbm-p2/images/search.svg) 0 6px no-repeat; top: -2px; background-size: 15px;} .vle_saleContant{ line-height: 1.17;text-align: left;margin: 03px 0 10px 0px;} .vle_requestQuote{ } .vle_mobile_logoHeader{} .vle_Verizonlogo{ margin: 14.4px 0 13.7px 16px;background-size:63.6px 13.9px;height: 13.9px;width: 63.6px;} .vle_product_categories,.vle_submenu_appender{padding-left:10px;transition: ease all 1s;margin: 0;} .vle_navigation {width: 100%;position: absolute;z-index: 12;top: 0;left: 0;overflow: hidden;transition: all 0.4s ;padding-top: 0px;background:#fff;} .vle_navigation a {text-decoration: none;} .vle_navigation ul.vle_menulist,ul.vle_product_categories_submenu {} ul.vle_product_categories_submenu{display: none;} .vle_mobile_Businessmenu {display:none;text-align:left;margin:0 7px;box-shadow: inset 0 -1px 0 0 #f6f6f6;border-bottom: 1px solid #f2f2f2;} .vle_line1, .vle_line2, .vle_line3 {margin-top:5px;background-color:#000;width: 14px;height: 1px;display:block;position:relative;opacity:1.0;border-radius:15%;transition: all .3s;} .vle_line1.active {transform: rotate(270deg);opacity:0.0;background-color:#000;top:5px;} .vle_line2.active {transform: rotate(45deg);background-color:#000;} .vle_line3.active {transform: rotate(-45deg);background-color: #000;top: -6.515px;} .vle_menuitems, .vle_submenuitems{padding-bottom:8px;text-decoration: none;list-style:none; font-family: "NHaasGroteskDSStd-75Bd";font-size: 25px;line-height: 0.96;display: inline-block;position:relative; text-align:left;color: #000000;opacity:0.0;transition: all .5s ;-o-transition:all .5s ; -ms-transition:all .5s ; -moz-transition:all .5s ; -webkit-transition:all .5s ;} .vle_submenuitems{opacity:1.0;} .vle_frontBar:before{ content: "/";margin: 0 2px; } #closebtn {height:25px;width:25px; position: absolute;text-decoration:none;top: 10px;right: 0%;font-size: 36px !important;margin-right: 0px;z-index:100;color:#000;cursor:pointer;trainsition:all .3s;-o-transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; -webkit-transition:all .5s;} #vle_mobileHeight {transition: margin-top .4s;margin-top: 0; padding: 9px 16px;} #topNav{height: 50px;background:none;} .login {right: 74px;} .vle_searchblk {display: inline-block;margin:10px 46.4px 0 0;} .vle_submenulist{display: none;} .backarrow{width: 20px;display: inline-block;margin-right: 5px;} .backarrow-inner {display: block;} .backarrow-inner, .backarrow-inner::before, .backarrow-inner::after {width: 14px;height: 1px;background-color: #000;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; } .backarrow-inner::before, .backarrow-inner::after {content: "";display: block; } .backarrow-inner::before {top: -3px; } .backarrow-inner::after {bottom: -3px; } .backarrow .backarrow-inner::before {transform: translate3d(-3px, 0, 0) rotate(-45deg) scale(0.7, 1); } .backarrow .backarrow-inner::after {transform: translate3d(-3px, 0, 0) rotate(45deg) scale(0.7, 1); }*/ .appstore_icon { width: 88.5px; height: 31px; margin-right: 16px; } .acc_close {background-size: 18px;} .acc_open {background-size: 18px;} .accordian_icon_size { width: 100%; height: 18px;} .m_display_black { display: block; } .m_display_none { display: none; } .m_display_vas { display: block; min-height: 130px; } .mobile_hide { display: none; } .p2_banner { overflow: hidden; margin-top: 40px; } .p2_connect { margin-top: 40px; } .m_banner { width: auto; height: 486px;left: -470px; } .m_t_color_black { color: #000; } .m_t_color_white { color: #fff; } .m_txt_center { text-align: center; } .m_wid_100 {width: 100%;} .m_wid_95 {width: 95%;} .m_wid_90 {width: 90%;} .m_wid_75 {width: 75%;} .m_wid_60 {width: 60%;} .m_wid_50 {width: 50%;} .m_wid_40 {width: 40%;} .m_wid_30 {width: 30%;} /* .m_banner_hd{padding: 16px;}*/ .mobile-text-white{color:white !important} .mobile-text-black{color:#000 !important} .mobile-text-red{color: #d52b1e;} .m_font_32 { font-size: 32px; } .m_font_25 { font-size: 25px; } .m_font_16 { font-size: 16px; } .m_font_12 { font-size: 12px; } .m_font_14 { font-size: 14px; } /* .double_offercard { bottom: 13% !important; }*/ .m_coman_bundleban { padding:0 16px; margin: 0px; bottom: 0px; } .m_coman_bundleban .bundle_banner { width:100%; overflow: hidden; min-height: initial; } .bundel_save_txt { min-height: 250px;} .m_pos_absolute { position: absolute; } .m_border_top_none { border-top: none; } .m_minh_auto { min-height: initial; } .m_border_bottom_none { border-bottom: none; } .m_border_gray {border-color:#d8dada;} .m_border_bottom { border-bottom: 1px solid; } .m_margin_bottom_28 { margin-bottom: 28px; } .m_margin_bottom_40 { margin-bottom: 40px; } .m_margin_bottom_50 { margin-bottom: 50px; } .m_margin_bottom_60 { margin-bottom: 60px; } .m_margin_bottom_15 { margin-bottom: 15px; } .m_margin_top_32 { margin-top: 32px; } .m_padding_left_none { padding-left: 0; } .m_padding_right_none { padding-right: 0; } .m_margin_top_3 { margin-top: 03px; } .m_border_top { border-top: 1px solid; } .m_padding_top { padding-top: 7px; } .m_padding_top_7 { padding-top: 7px; } .m_padding_left_7 { padding-left: 7px; } .m_padding_left_10 { padding-left: 10px; } .m_padding_top_15 { padding-top: 15px; } .m_margin_top_7 { margin-top: 7px; } .m_margin_top_28 { margin-top: 28px; } .m_margin_bottom_none { margin-bottom: 0px; } .m_padding_left_16{padding-left: 16px;} .m_margin_left_none{ margin-left: 0 } .m_margin_bottom_1 { margin-bottom:1px; } .m_z_index_100{z-index: 100!important;} .m_border_top_gray { border-top: 1px solid #d8dada; } .m_border_bottom_gray { border-bottom: 1px solid #d8dada; } .m_getconsistant_aclick { top: 24px; right: 16px; background-size: 11px;} .show_price_box .font_12 { font-size: 20px; } .m_accordia_clik {} .m_acc_content { display: none; } .get_consist_box { padding-bottom: 0px; } .get_consist_box:last-child { padding-bottom: 16px; } .p2_all_categries label span { padding: 0px; left: 0px;} .p2_all_categries label { padding-left: 0px; padding-right: 0px; } label.field .psuedo_select { margin-top: 17px; } .p2_explore { min-height: 147px; } .each_fios:nth-child(2) { display: none; } .fios_row_box .each_fios { position: relative; } .each_fios:nth-child(2) { position: static; } .fios_row_box .each_fios:nth-child(4n+4) { border-top: none; width: 100%; padding: 0px; margin-top: 50px; padding-bottom: 24px;} .fios_row_box .each_fios:nth-child(1) { width: 125px; } .fios_row_box .each_fios:nth-child(3) { width: calc(100% - 135px) ; } .m_fios_accodia_click {position: absolute; top: 0px; right: 0px;} .fios_line { width: 48px; } .fios_row_box .each_fios:nth-child(4n+4) span.fios_internet_splOffer{ display: none; } .fios_row_box .each_fios:nth-child(4n+4) span { margin-left: 0px; width: 230px; } .fios_row_box .each_fios:nth-child(4n+4) a{ display: none; } .show_price { width: 100%; } .show_price_dropdown {width: 100%;} .show_price_box { width: 100%;min-height: 146px;height:auto;} .show_price_box.m_second_spb { min-height: 350px;height: auto;} .show_price_box .bundel_save_txt { min-height: 276px;} .vle_tooltip .vle_tooltiptext {top: auto; left: 0px;bottom: 30px;} .vle_arrow_tooltip span:first-child {border-top: 8px solid #000; border-bottom: none;top: 1px;} .vle_arrow_tooltip span:last-child {border-top: 8px solid #fff;border-bottom: none;top:0px;} .vle_tooltip { position: static; } .vle_tooltip .vle_black_i { position: relative; } .vle_arrow_tooltip {top: auto; bottom: 15px; } .m_pos_relative { position: relative; } .what_in_box { width: 100%; padding-bottom: 15px; } .features { width: 100%; padding-bottom: 15px; } .img_what_include { display: none; } .include_box, .include_phrag_height { height: auto;min-height: initial; width: 100%; } .include_box:hover { box-shadow: none; } .include_h2_height { height: auto; margin-top: 0px; font-size: 12px; border-top: 1px solid #000; padding-top: 7px; } .include_h2_height a { right: 0px; top: 04px; background-size: 11px;} .what_in_box:first-child{ margin-top: 35px; } .features:first-child{ margin-top: 35px; } .wat_include_scetion { margin-bottom: 50px; width: 100%; float: left; } .right_equipment {height: auto;} .right_equipment_prag {width: 200px; margin-top: 10px;} .m_fios_product_box{height:290px;} /* label.field .psuedo_select .selected {color: #747676;} */ .need_relia_sec { background: url(clientlib-vbm-p2/images/mob-img-bundle-upsell-module-1440x180-v2.jpg) no-repeat center center; height: 160px; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mob_text_color_change { color: #fff !important; } .text_wid_need span {width: 100%;} .text_wid_need { min-height: initial; padding-bottom: 0px} .m_margin_top_5 { margin-top: 5px; } .fios_product_img{right: 0px; bottom: 210px;} .fios_product_box{height:550px;} .fios_product_img_size { height: 320px; } .m_fios_product_box_inner { position: absolute; bottom: 45px; width: 90%; } /* New style for equipment */ .min_equip_width .m_fios_product_box_inner { position:static; bottom: auto; width:100%;} .min_equip_width.fios_product_box{height:350px;} /* End */ .m_faq_click {position: absolute; right: 16px; background-size: 13px;} .m_faq_hd { border-top: none; margin-bottom: 35px; float: left; } .get_start_box { } .get_start_box p { min-height: initial; } .get_start_box_hd { border-top: 1px solid #d8dada; padding-top: 05px; } .p2_get_started_hd { margin: 25px 0 0 0; } .each_foot_box { min-height: initial; } .m_min_height_auto { min-height: initial; } .each_foot_box:nth-child(2)>div:first-child { margin-bottom: 32px; } .each_foot_box:nth-child(3)>div:first-child { margin-bottom: 32px; } .menu_footer {} .menu_footer ul li { width: 100%; margin-top: 05px; } .menu_footer ul li a{ font-size: 14px; } .bottom_footer span:last-child { clear: both; } .m_fac_click { top:03px;right:0px;background: url(clientlib-vbm-p2/images/caret-down-w.svg) no-repeat right center transparent;background-size: 14px; width: 100%; height: 13px;/*-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);*/ } .m_fac_click.acc_open {background: url(clientlib-vbm-p2/images/caret-up-w.svg) no-repeat right center transparent;background-size: 14px;/*-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);*/} .requirment_box { min-height: initial;} .each_fios:nth-child(2).desk_hide { display: block;clear: both; width: 50%; } .each_fios:nth-child(2) .m_allinment{position: absolute; top: 0px; right: 45px; width: 130px; } .get_consist_box { min-height: initial; } .m_banner_btn_ethernet { position: absolute;top: 450px;} .keep_employee_hd { width: 100%;} .ether_serviceoption_hd {min-height: initial; height: inherit !important;} .m_bundle_upsell_module_resizing { width: 99% !important; line-height: 1.1; } .m_get_hard { width: 148px; margin-right: 15px; } .related_resource_box_black { min-height: 160px; height: 160px;} .related_resource_box { min-height: initial;width: 100%;} .related_resource_topinner_box {min-height: initial;} .m_lineheight_2 { line-height: 2 } .related_resource_box:last-child { border-bottom: none;} .related_resource { margin: 64px 0 0 0;} .ether_serviceoption_box { min-height: initial; width: 100%; height: auto; } .Recommended_Products_box{width: 100%;margin: 16px; border-top: none;} .p2_looking_box_hd,.m_connect_inner_hd { min-height: initial; width: 125px; float: left; } .p2_look_box_inner {float: right;width: 50%;} .m_min_height_auto { min-height:initial; } .m_min_height_110 { min-height: 110px; } .p2_banner_contact { min-height: 360px; } .p2_banner_contact_img { height: 240px; width: auto;left: -200px; } .p2_banner_conatc_prag { margin-top: 210px; color: #000; } .m_mast_sm_class { overflow-x: scroll; } .m_mast_box_mst { width: 340px; } .smal_med_box_sub { width: 160px;} .p2_pro_landing_banenr { max-height: 428px;min-height: initial; height: 428px; } .m_padding_16 { padding: 16px; } .m_bg_color_black {background-color: #000;} .m_exp_right { float: right;width: 128px; margin-right:16px; } .m_exp_left { float: left; width: 150px; text-align: left; padding-left: 8px; } .p2_employee { padding:13px 0 30px 0; background: #fff; } .p2_employee_simple_page { padding:13px 10 30px 16; } .black_box_icon { float: right; margin: 0px;} .connect_box { min-height: initial; padding-bottom: 30px; border-bottom: 1px solid #d8dada; } .m_border_top_gray {border-top: 1px solid #d8dada;} .m_margin_top_26 { margin-top: 26px; } .p2_result_pro_filter_box { margin-bottom: 40px; } .network_list_container{overflow-x: scroll; overflow-y: hidden; width: 100%;} .network_list{width: 750px;} .network_list li{display: inline-block; padding: 0 10px; } .network_list li:first-child{padding-left: 0;} .m_min_height_160 { min-height: 160px; } .m_min_height_180 { min-height: 180px; } .p2_conntect_right_wrap .Recommended_Products_box { margin: 0px; } .m_height_auto { height:auto; } .m_margin_top_13 { margin-top: 13px; } .m_anchor_arrow_w:after {background: url(clientlib-vbm-p2/images/right-caret-w.svg) no-repeat right center;background-size: 14px; width: 9px;position: absolute;right: -15px;height: 9px;top: 2px;content: "";} .p2_conntect_right_wrap .Recommended_Products_box:nth-child(3n+1) { border-left: none; } .m_bg_color_gray {background-color: #f6f6f6;} .padd_top_bottm_30_35 { padding-top: 30px; padding-bottom: 35px; } /* .p2_conntect_banner_icon { width: 61px; } */ .p2_explor_head span{ float: none; } .filtered_results_title,.fios_tv_togo{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;/* optional */-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;} .filtered_results_title .title_text,.fios_tv_togo .fios_tv_togo_content{ -webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2; } .filtered_results_title .alreadyCustomer,.fios_tv_togo .fios_tv_togo_playstor{-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;-webkit-order: 1;order: 1;} .fios_tv_togo_img { height: 164px; width: 222px; } .fios_tv_togo{padding-top:66px;} .fios_tv_requid_img {height: 120px;width: auto;margin: 0 auto;position: absolute;bottom: 200px;right: -200px;} .m_min_height { min-height: 160px; } .sport_img_1 { height:auto; width: 100%;} .m_height_221 {height: 221px; } .fios_tv_optional_img { bottom: 130px; } .m_border_left_gray {border-left: 1px solid #d8dada;} .m_border_right_gray {border-right : 1px solid #d8dada;} .p2_custom_inbox { width: 100%; min-height: initial; margin-right: 0px;} .m_min_height_100 { min-height: 100px; } .fiostv_sports_box { min-height: initial; padding-bottom: 0px; } .bdv_features { min-height: initial; padding-bottom: 0px; } .fiostv_sport_popular { position: relative; top: 0; left: 0px;left: 5px; padding-left: 5px; border-left: 1px solid #d8dada; } .fios_row_box { min-height: 100px; } .p2_popup_close img { width: 17px;} .product_landingBanner { padding-right: 0px; } .product_landingBanner:last-child { width: 100%; } .see_lesmore .accordian_symble_small { margin-top: -15px; } .see_lesmore { padding-top: 0px; height: 30px; } .vle_tooltip.top .vle_tooltiptext { left:-121px;} .vle_tooltip.top .vle_black_i { z-index: 42; } .vle_tooltip.top .vle_arrow_tooltip { bottom: 14px; } .each_fios.mobile_show {display: block; clear: both; width: 50%;} .faq_video { width:100%; margin-bottom: 16px; } img.p2_connect_bx_img { height: auto;max-height: initial; } .package_dropdown .p2_all_categries { width: 100%;} .package_dropdown label.field { max-width: 100%; } .package_dropdown .p2_all_categries:last-child {margin-right: 0px;} .wid_25.show_price_box { width: 100%; } .mobile_down{ width: 100%;float: left;clear: both;} .related_resource_topinner_box { width: 100%; } .rel_minheight_120{min-height:20px;} .banner_bundal_wraper {width: 95%;position: absolute;right: auto;top:auto;bottom:3.75%;max-width: 440px;left: 0px;} .promo10OfferCard{bottom:23%;} .m_busine_bx { position: absolute; top: 40px; width: 80%;} .Recommended_Products_box_img { margin-bottom: 01px; } .bunesi_produ_bx { width: 100%; } .m_r_products_box { min-height:40px; padding-bottom: 10px; } label.field .psuedo_select .selected{ font-size:14px;} label.field .psuedo_select ul{font-size:14px;} .m_padding_top_none { padding-top: 0; } .m_margin_top_none { margin-top: 0; } .m_padding_bottom_none { padding-bottom: 0; } .m_padding_bottom_10 { padding-bottom: 10px; } .m_margin_left_5{margin-left:5px;} .getStarted_hd{font-size: 32px;} .bundleLink_tab{font-size: 14px;} .r_products_box { min-height: 40px;} .show_price_box .font_12 { font-size: 20px; } .show_price_box .font_16 { font-size: 20px; } .international_packages_height{ height:auto !important; } .see_lesmore { bottom: 0px; } .equipment_link_fullLength{ top:0px; } .vle_success_stories_contain { width: 100%; padding: 27px 15px 69px 16px; min-height: inherit; box-sizing: border-box; margin: 0px; } .vle_sucess_stories_box { width: 95%; } .vle_success_stories_contain .vle_right { float: left; } .vle_success_stories_contain_praga { width: 100%; } } @media only screen and (min-width:450px) and (max-width: 700px) and (orientation:landscape) { .m_exp_left { float: none; } .Recommended_Products_box_topinner {min-height: 440px; float: none;} .Recommended_Products_box_prag { height: auto; } .Recommended_Products_box_img { height: auto; } .fios_row_box .each_fios:nth-child(3) {width: calc(100% - 300px);} .fios_row_box .each_fios:nth-child(3) p { clear: both; } .fios_row_box .each_fios:nth-child(1) { width: 250px; } .sport_inner_box { min-height: 250px; } .sport_img_1 { height: auto;} .sport_img_2 { height: auto; } .p2_banner_contact_img { height: auto; width: 100%; left: 0px; } .m_font_32 { font-size: 32px; } .m_font_25 { font-size: 32px; } .m_font_16 { font-size: 20px; } .m_font_12 { font-size: 14px; } /*.font_10 { font-size: 10px; } .font_12 { font-size: 14px; } .font_14 { font-size: 16.8px; } .font_16 { font-size: 20px; } .font_24 { font-size: 30.4px; } .font_25 { font-size: 32px; } .font_32 { font-size: 32px; } .font_52 { font-size: 52px; } .font_56 { font-size: 64px; }*/ .need_relia_sec { height: 200px; } .m_get_hard { width: 365px;} .bundel_save_txt .font_16{font-size:16px;} .vle_sucess_stories_box { width: 100%; } } @media screen and (min-width: 765px) and (max-width: 860px) and (orientation: portrait) { .double_offercard { bottom: 12% !important; } .text-black{color: #000 !important;} .text-white{color: white !important;} .doubleOffer_checkAvail .checkavail_btn{width:auto !important;} .owl-carousel .Recommended_Products_box_img { height: auto !important; width: 100%;} .owl-carousel .Recommended_Products_box_topinner { min-height: 510px; width: 100%;clear: both;} .owl-carousel .Recommended_Products_box_prag { height: initial; } .owl-carousel .Recommended_Products_box {margin-bottom: 0;} .bottom_footer span:last-child { clear: inherit; } .p2_banner .checkavail_btn { clear: both;width: calc(100% - 32px);} .fios_row_box .each_fios:nth-child(3) p { clear: both; } /*.fios_row_box .each_fios:nth-child(3) {width: calc(100% - 260px);} .fios_row_box .each_fios:nth-child(1) { width: 250px;}*/ .p2_banner_conatc_prag { margin-top: 250px;} .p2_banner_contact_img {height: auto; width: 100%; left: 0;} .p2_banner a, .p2_connect a { width: auto; } .sport_inner_box { min-height: 250px; } .sport_img_1 { height: auto; width: 100%;} .sport_img_2 {height: auto; width: 100%;} .proresult_wrap .Recommended_Products_box { height: 130px; overflow: hidden; margin-bottom: 01px; } .proresult_wrap .Recommended_Products_box, .proresult_wrap .Recommended_Products_box_img { min-height: initial; } .proresult_wrap img.Recommended_Products_box_img {height: auto; min-height: initial; width: 100%;} img.p2_connect_bx_img { height: auto; max-height: initial; } .heroTitle_tab{width: 45%;} .package_disclaimer{max-width: 280px;} .heroDesc_wrapTab{width:50%; font-size:20px;} .max_wid_170{max-width:none; width:auto;} .max_wid_200{max-width:none; width:auto;} .banner_txt .font_16{ font-size:20px;} .cutom_anchor_arrow_b span img{width:14px; height:14px;} .appstore_icon { width: 132px; height: 47px; margin-right: 16px; } .ipad_wid_25 {width: 25%;} .ipad_wid_35 {width: 35%;} .ipad_wid_50 {width: 50%;} .ipad_wid_75 {width: 75%;} .ipad_wid_100 {width: 100%;} .show_price_box .font_12 { font-size: 20px; } .show_price_box .font_16 { font-size: 20px; } .banner_bundal_wraper{ bottom:15px; } .vle_sucess_stories_box { width: 100%; } } @media screen and (max-width:376px) and (min-width: 300px){ .vle_bannerContainer .vle_bannerHeroImage {left: -60%;}} @media screen and (max-width:360px) and (min-width: 300px){ .vle_bannerContainer .vle_bannerHeroImage {position: absolute;max-height: 240px;left: -245px;width: auto;}} @media screen and (min-width:760px) and (max-width: 1024px){ .vle_special_offer_for_mobile .vle_special_offer_content{font-size:14px!important;} .show_price_box .font_12 { font-size: 20px; } .show_price_box .font_16 { font-size: 20px; } } .image_desktop {display: none;} .image_landscape { display: none;} .image_mobile {display: block;} /* Added for related Resource */ .related_resource_box_black_big {min-height: 732px;} @media screen and (min-width:300px) and (max-width: 800px){ .related_resource_box_black_big {min-height: 160px;} } @media screen and (min-width:300px) and (max-width: 767px){ .image_desktop {display: none;} .image_mobile {display: block;height:590px;} } @media only screen and (min-width: 850px) { /* .big-wid-75{ width: 75% !important; }*/ .image_desktop {display: block;} .image_mobile {display: none;} .image_tablet {display: none;} /* .active{border-bottom: 2px solid #d52b1e;} */ /* this will effect other components */ } @media screen and (min-width:501px) and (max-width: 800px){ /*.image_desktop {display: block; left: -270px;}*/ .m_banner_btn_ethernet { top: 370px;} /* .image_mobile { display: none;}*/ } /*For dropdown styling in pricing offers section*/ .package_dropdown label.field .psuedo_select .selected {font-size: 14px;top:-3px;} .package_dropdown label.field .psuedo_select {margin-top: 0;} /* For hero-marquee component mobile style */ @media screen and (max-width: 800px) and (min-width: 300px){ .m_banner_half { width: 100%; height: 250px; /* left: -470px; */ } .banner_txt_inline p{ margin: 0; display: inline; color: black; } } .consider_wid p { line-height: 1; } .bundle-upsell .anchor_arrow_w:after, .bundle-upsell .anchor_arrow_b:after { top: 7px;} @media screen and (min-width:300px) and (max-width: 800px){ .bundle-upsell .anchor_arrow_w:after, .bundle-upsell .anchor_arrow_b:after { top: 2px; } .vle_special_offer_for_mobile { top:50px; } } /*iphone-x only*/ @media screen and (max-width: 812px) and (min-width: 375px) and (orientation: landscape){ .heroTfnDesktop{ display:none; } } @media screen and (max-width: 896px) and (min-width: 375px) and (orientation: landscape){ .fios-internet-marquee-title { font-size: 33.75px !important; } } /* For Offer Bar style */ .vle_special_offer_for_mobile { display: block; min-height: 50px; background-color:#f6f6f6;; padding: 14px 0 14px 16px; position: relative; float: left; width:100%; } .vle_special_offer_for_mobile .vle_special_offer_content {font-family:"NHaasGroteskDSStd-75Bd"; font-size: 16px;line-height: 14px;float: left; width:95%;} .vle_special_offer_icon { width: 19px; height: 13px; position: absolute; top:15px; left: 16px;} .vle_special_offer_for_mobile .vle_notification_close {width: 10px;height: 10px; float: right; position: relative; top:-15px; margin-top: 5px; margin-right: 5px; cursor: pointer;} .vle_special_offer_for_tooltip{ float: left } .vle_special_offer_for_mobile .vle_tooltip { float: initial; position: relative; display: inline-block;margin-left: 0px;} .vle_tooltip_black_Info{ color: #fff !important; font-family: arial; background:#000; height: 18px !important; width:18px; font-size: 14px !important; float: left; text-align: center; line-height: 17px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; } .vle_tooltip_white_Info{ color: #000; font-family: arial; background: #fff; height: 18px; width:18px; font-size: 14px; float: left; text-align: center; line-height:17px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; } @media screen and (max-width:1366px) and (min-width: 800px) { .m_margin_bottom_40 {margin-bottom: 40px;} .vle_special_offer_for_mobile { display: block; background-color:#f6f6f6; padding: 13px 0 14px 16px; position: relative;margin-top:12px; } .vle_special_offer_for_mobile .vle_special_offer_content {float: left; width:96%;} .vle_special_offer_for_mobile .vle_special_offer_content_span { float: left; width:auto; } .vle_special_offer_for_mobile .i {border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; } .vle_special_offer_icon { width: 19px; height: 13px; position: absolute; top:15px; left: 16px;} .vle_special_offer_for_tooltip .vle_tooltip{position:relative} .vle_special_offer_for_tooltip .vle_tooltiptext { bottom: auto; left: -220px; top: 16px;} .vle_special_offer_for_tooltip .vle_arrow_tooltip span:first-child { border-left: 5px solid transparent;border-right: 5px solid transparent; border-bottom: 8px solid #000; border-top: 0;top:-1px;} .vle_special_offer_for_tooltip .vle_arrow_tooltip span:last-child { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #fff; border-top: 0;} .vle_special_offer_for_tooltip .vle_arrow_tooltip {top: 9px; bottom: auto;} } /* Legal copy font size */ .vle_legal_copy_font{ font-size: 12px;} @media screen and (max-width:800px) and (min-width: 300px){ .vle_legal_copy_font{ font-size: 10px;} } /* For Bundle Upsel style */ .vle_bundle_upsell_desc{top:0px;} .vle_bundle_upsell_link{top:0px;right:0px;} @media screen and (max-width:800px) and (min-width: 300px){ .vle_bundle_upsell_desc{top:0px;} .vle_bundle_upsell_link{top:80px;right:0px;} } /*.r_products_box { min-height: 155px; z-index: 30; }*/ /*to expand on first pricing on page load*/ .pricing_first_child{display:block;} /* links fix afterfor 1440 */ @media only screen and (max-width: 3000px) and (min-width: 1020px){ .lg_font { font-size: 20px; } .our_solutions_min_height_70 { min-height: 70px} .our_solutions_min_height_72 { min-height: 72px} .get_start_box .anchor_arrow_b:after, .related_resource_box .anchor_arrow_b:after, .offer-card .anchor_arrow_b:after, .Recommended_new_inner_box .anchor_arrow_b:after, .our-solutions .anchor_arrow_b:after, .header-bar .anchor_arrow_b:after, .product-card .anchor_arrow_b:after, .sign-in-drop-down .anchor_arrow_b:after{ width: 13px; right: -20px; height: 13px; top: 3px; } /* .owl-carousel .anchor_arrow_b:after, .sign-in-prompt .anchor_arrow_b:after, .explore .anchor_arrow_b:after, .features .anchor_arrow_b:after { width: 13px; right: -20px; height: 13px; top: 5px; } */ } .related_resource_box:hover { -moz-box-shadow: inset 0 -10px 0 -5px #d52b1e; -webkit-box-shadow: inset 0 -10px 0 -5px #d52b1e; box-shadow: inset 0 -10px 0 -5px #d52b1e; transition: .5s; } .product-card a { width:100%; margin-bottom: 15px; } /*price box sizing for tv page starts*/ .show_price_box.tv_price_box { /* height: 336px;*/ } @media screen and (max-width: 800px) and (min-width: 300px){ .show_price_box.tv_price_box .bundel_save_txt { min-height: 336px; } } /*Fix for link carrot issue in carousel slae component*/ .carousel-sales .owl-carousel .owl-item img { display: inline; width: auto; } /*price box sizing for tv page ends*/ @media screen and (max-width: 1020px) and (min-width: 300px){ a > span > img{ margin-bottom: 2px; } } @media screen and (max-width: 3000px) and (min-width: 800px){ .feature_border_gray{ border-top: 1px solid #d8dada; } .bdv_features {height: 155px;} } @media screen and (max-width:900px) and (min-width: 801px){ .show_price_box .font_12 { font-size: 18px; } ul.dash { font-size: 14px; } } @media screen and (min-width: 1025px){ .postLQBdvButton{margin-top:40px;} .preLQphoneButton{margin-top:35px !important;} } @media screen and (max-width:1004px) and (min-width: 801px){ .preLQBdvButton { margin-top:25px; } .preLQPhone{ margin-top:0px; } } @media screen and (max-width:823px) and (min-width: 801px){ .postLQBdv{ margin-top:0px; } } /*gray background for offer and pricing link*/ .offerPricingDetails { width: 100%; background: #f6f6f6; } /*gray background for offer and pricing link*/ .systemRequirementsOverlay { width: 100%; background: #f6f6f6; } .overlayHidden { position: absolute !important; left: -9000em; top: -9000em; width: 0px; height: 0px; overflow: hidden; } @media screen and (max-width:1020px) and (min-width: 801px){ .postLqPhoneBtn{ margin-top:47px; } } @media screen and (max-width: 360px){ .m_banner_btn_ethernet { top: 370px; } } @media screen and (max-width:500px) and (min-width: 361px){ .m_banner_btn_ethernet { top: 450px; } } @media screen and (min-width:760px) and (max-width: 1440px){ body.show_modle { overflow: hidden; } } .doubleOffer_checkAvailBtn{ bottom: 5px; padding-left: 30px; padding-right: 30px; left: 0; } .m_offerBanner{ height:600px; } @media screen and (min-width:760px){ .techvalidatelogo{ width: 100px !important; height: 30px; margin-top: 50px; margin-left: 20px; } } @media only screen and (min-width:1020px) and (max-width: 1170px) { .ipad_wid{width:30% !important;} } /*CLU iframe large size */ #channelLink .aem-modal-content { background: #f0f0f0; } #channelLink .aem-modal-content { width: 95%; height: 99vh; } #channelLink #iframechannelcontent{display: flex;height: 100%;} @media only screen and (min-width:300px) and (max-width: 830px) { #channelLink .aem-modal-content { margin: auto; } #channelLink .aem-modal-close{ position: absolute; right: 0px; margin-top: 1.5rem; } } @media screen and (min-width:768px) and (max-width: 768px){ .heroTfnDesktop{ display:block !important; } .custom_wrap{ margin-bottom:0px !important;} } @media screen and (min-width:701px) and (max-width: 800px){ .p2_banner .image_mobile {display: none !important;} .p2_banner .image_desktop {display: block !important; height:590px !important; left: -250px !important;} } @media screen and (min-width:801px) and (max-width: 850px){ .p2_banner .image_mobile {display: none !important;} .p2_banner .image_desktop {display: block !important; height:310px !important; left: 0px !important;} } .bundle-upsell-columns .vle_bundle_upsell_desc1{ top: 0px; left:33%; } @media screen and (min-width:300px) and (max-width: 800px){ .bundle-upsell-columns .vle_bundle_upsell_desc1{ top: 80px; left:0%; } } .bundle-upsell-columns .vle_bundle_upsell_desc2{ top: 0px; left:66%; } @media screen and (min-width:300px) and (max-width: 800px){ .bundle-upsell-columns .vle_bundle_upsell_desc2{ top: 300px; left:0%; } } .font_18{ font-size: 18px; } /* VBMLE-268, VBMLE-280, VBMLE-281 Fixes */ @media screen and (min-device-width:768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){ .planlist .wid_30 { position: relative; left: 20%; width: 25%; } } @media screen and (min-device-width:768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){ .planlist .m_wid_75 { width: 25%; float: right; } } @media screen and (min-width:300px) and (max-width: 767px){ .planlist .m_wid_75 { width: 50%; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .planlist .wid_30 { position: relative; left: 20%; width: 25%; } .planlist .m_wid_75 { width: 25%; float: right; } } .planlist .fios_row_box{ padding-bottom: 20px; } /* End of VBMLE-268, VBMLE-280, VBMLE-281 Fixes */ /* VBMLE-279 Fixes */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .bundle-upsell .image_tablet{ display: none !important; } .bundle-upsell .image_mobile { display: none !important; } .bundle-upsell .image_desktop { display: block !important; } } @media only screen and (min-device-width: 320px) and (max-device-width: 767px) { .bundle-upsell .image_tablet { display: none !important; } .bundle-upsell .image_mobile { display: block !important; } .bundle-upsell .image_desktop { display: none !important; } } @media only screen and (min-width: 1025px){ .bundle-upsell .image_tablet { display: none !important; } .bundle-upsell .image_mobile { display: none !important; } .bundle-upsell .image_desktop { display: block !important; } } /* End of VBMLE-279 Fixes */ /* VBMLE-353 Fixes */ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .offer-card .bundle_banner_small{ min-height: 250px; } } @media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .offer-card .bundle_banner_small{ min-height: 250px; } } /* End of VBMLE-353 Fixes */ .vbm-large-offset-anchor { position: relative; display:inline-block } .vbm-large-offset-anchor a { position: absolute; left: 0px; top: -150px; right: 0px; bottom: 0px; } /* * ADOBE CONFIDENTIAL * * Copyright 2015 Adobe Systems Incorporated * All Rights Reserved. * * NOTICE: All information contained herein is, and remains * the property of Adobe Systems Incorporated and its suppliers, * if any. The intellectual and technical concepts contained * herein are proprietary to Adobe Systems Incorporated and its * suppliers and may be covered by U.S. and Foreign Patents, * patents in process, and are protected by trade secret or copyright law. * Dissemination of this information or reproduction of this material * is strictly forbidden unless prior written permission is obtained * from Adobe Systems Incorporated. */ /* grid component */ .aem-Grid { display: block; width: 100%; } .aem-Grid::before, .aem-Grid::after { display: table; content: " "; } .aem-Grid::after { clear: both; } /* placeholder for new components */ .aem-Grid-newComponent { clear: both; margin: 0; } /* column of a grid */ .aem-GridColumn { box-sizing: border-box; clear: both; } /* force showing hidden */ .aem-GridShowHidden > .aem-Grid > .aem-GridColumn { display: block !important; } /* Generates all the rules for the grid columns up to the given amount of column */ /* Generates all the rules for the grid column offset up to the given amount of column */ /* Generates all the rules for the grid and columns for the given break point and total of columns */ /* Generates all the rules for the grids and columns */ /* API function to be called to generate a grid config */ /* maximum amount of grid cells to be provided */ /* default breakpoint */ .cq-Editable-dom--container, .aem-GridColumn.cq-Editable-dom--container { padding-top: 1.25rem; padding-bottom: 0rem !important; } .new { margin: 0rem !important; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 50%; } .aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 25%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 50%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 75%; } .aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 20%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 40%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 60%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 80%; } .aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 50%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 25%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 50%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 75%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 10%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 20%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 30%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 40%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 50%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 60%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 70%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 80%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 90%; } .aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 { margin-left: 0%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 { margin-left: 25%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 { margin-left: 50%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 { margin-left: 75%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide { /* hide behavior */ display: none; } .aem-Grid .vle_gatway_innovation_img { width: 100%; min-height: 486px; z-index: 2; top: 0px; left: 0px; } .aem-Grid .vle_gatway_innovation_content { width: 297px; position: absolute; padding: 16px 0 0 16px; top: 0px; left: 0px; z-index: 4; } .aem-Grid .vle_gatway_innovation_head { font-family: "NHaasGroteskDSStd-75Bd"; font-size: 40px; color: #fff; line-height: 40px; margin-bottom: 08px; } .aem-Grid .vle_gatway_innovation_paragrap { font-size: 12px; line-height: 14.4px; color: #fff; font-family: "NHaasGroteskDSStd-55Rg"; } .aem-Grid .vle_gatway_box { -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; float: left; padding: 16px; box-sizing: border-box; width: 100%; min-height: 243px; border-right: 1px solid #d8dada; border-bottom: 1px solid #d8dada; } .aem-Grid .vle_gatway_box_head { font-size: 25px; line-height: 0.96; color: #000; font-family: "NHaasGroteskDSStd-75Bd"; min-height: 105px; } .aem-Grid .vle_gatway_box_line { height: 1px; background: #000; width: 100%; float: left; margin-bottom: 05px; } .aem-Grid .vle_gatway_box_content { font-size: 12px; line-height: 1.2; color: #000; margin-bottom: 16px; } .aem-Grid .vle_gatway_box_list { margin: 0px; padding: 0px; } .aem-Grid .vle_gatway_box_list li { margin: 0px; padding: 0px; margin-bottom: 09px; } .aem-Grid .vle_gatway_box:hover { -webkit-box-shadow: inset 0 15px 0px -10px #d52b1e; -moz-box-shadow: inset 0 15px 0px -10px #d52b1e; box-shadow: inset 0 15px 0px -10px #d52b1e; cursor: pointer; } .aem-Grid .vle_gatway { position: relative; } /* phone breakpoint */ @media (max-width: 768px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 20%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 40%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 60%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 80%; } .aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 10%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 20%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 30%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 40%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 60%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 70%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 80%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 90%; } .aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { margin-left: 100%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 { margin-left: 0%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 { margin-left: 25%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 { margin-left: 50%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 { margin-left: 75%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide { /* hide behavior */ display: none; } .aem-Grid .vle_gatway_innovation_img { width: 100%; min-height: auto; position: relative; } .aem-Grid .vle_gatway_innovation_content { position: relative; } .aem-Grid .vle_gatway_innovation_head { color: #000; font-size: 32px; line-height: 1; } .aem-Grid .vle_gatway_innovation_paragrap { color: #000; } .aem-Grid .vle_gatway_box { width: calc(100% - 32px); border-right: none; border-top: 1px solid #000; border-bottom: none; padding: 16px 0px; margin: 16px 16px 0 16px; min-height: auto; padding-top: 06px; padding-bottom: 0px; } .aem-Grid .vle_gatway_box_head { font-size: 12px; line-height: 1.17; min-height: auto; margin-bottom: 09px; } .aem-Grid .vle_gatway_box_head:after { content: '+'; font-family: arial; float: right; width: 09px; height: 09px; line-height: 09px; text-align: center; font-weight: normal; font-style: normal; margin: 0px 0px 0px 0px; text-decoration: none; font-size: 17px; } .aem-Grid .vle_gatway_box_line { display: none; } .aem-Grid .vle_gatway_box_content { display: none; } .aem-Grid .vle_gatway_box .vle_a { display: none; } .aem-Grid .vle_gatway_box .vle_a:after { padding-top: 0.5px; } .aem-Grid .vle_gatway_box:last-child { margin-bottom: 20px; } .aem-Grid .vle_gatway { width: 100%; } .aem-Grid .vle_gatway_box.show .vle_gatway_box_content, .aem-Grid .vle_gatway_box.show .vle_a { display: block; } .aem-Grid .vle_gatway_box.show .vle_gatway_box_head:after { content: '-'; } .aem-Grid .vle_gatway_box.show { box-shadow: none; cursor: pointer; border-top: 4px solid #000; } .aem-Grid .vle_gatway_box:hover { box-shadow: none; } } /* tablet breakpoint */ @media (min-width: 769px) and (max-width: 1200px) { .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 50%; } .aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 25%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 50%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 75%; } .aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 20%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 40%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 60%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 80%; } .aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 20%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 40%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 60%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 80%; } .aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 50%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 14.28571429%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 28.57142857%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 42.85714286%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 57.14285714%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 71.42857143%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 85.71428571%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 14.28571429%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 28.57142857%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 42.85714286%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 57.14285714%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 71.42857143%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 85.71428571%; } .aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 25%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 50%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 75%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 12.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 37.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 62.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 87.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 12.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 37.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 62.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 87.5%; } .aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 11.11111111%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 22.22222222%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 44.44444444%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 55.55555556%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 77.77777778%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 88.88888889%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 11.11111111%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 22.22222222%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 44.44444444%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 55.55555556%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 77.77777778%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 88.88888889%; } .aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 10%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 20%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 30%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 40%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 50%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 60%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 70%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 80%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 90%; } .aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 10%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 20%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 30%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 40%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 60%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 70%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 80%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 90%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 10%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 20%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 30%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 40%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 60%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 70%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 80%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 90%; } .aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 9.09090909%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 18.18181818%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 27.27272727%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 36.36363636%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 45.45454545%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 54.54545455%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 63.63636364%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 72.72727273%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 81.81818182%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 90.90909091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 9.09090909%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 18.18181818%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 27.27272727%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 36.36363636%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 45.45454545%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 54.54545455%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 63.63636364%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 72.72727273%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 81.81818182%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 90.90909091%; } .aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 25%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 50%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 75%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 { margin-left: 100%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 { float: left; clear: none; width: 8.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 { float: left; clear: none; width: 16.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 { float: left; clear: none; width: 25%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 { float: left; clear: none; width: 33.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 { float: left; clear: none; width: 41.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 { float: left; clear: none; width: 50%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 { float: left; clear: none; width: 58.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 { float: left; clear: none; width: 66.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 { float: left; clear: none; width: 75%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 { float: left; clear: none; width: 83.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 { float: left; clear: none; width: 91.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 { float: left; clear: none; width: 100%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 { margin-left: 0%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 { margin-left: 8.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 { margin-left: 16.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 { margin-left: 25%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 { margin-left: 33.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 { margin-left: 41.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 { margin-left: 50%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 { margin-left: 58.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 { margin-left: 66.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 { margin-left: 75%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 { margin-left: 83.33333333%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 { margin-left: 91.66666667%; } .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 { margin-left: 100%; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline { /* newline behavior */ display: block; clear: both !important; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none { /* none behavior */ display: block; clear: none !important; float: left; } .aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide { /* hide behavior */ display: none; } } .h1-font { font-size:56px; } .h2-font { font-size:52px; } .h3-font { font-size:25px; } .h4-font{ font-size:16px; } @media only screen and (min-width: 1151px) and (max-width: 3000px) { .h1-font { font-size:64px; } .h2-font { font-size:52px; } .h3-font{ font-size:32px; } .h4-font{ font-size:20px; } } @media only screen and (min-width: 1018px) and (max-width: 1150px) { .h1-font { font-size:52px; } .h4-font{ font-size:20px; } } @media only screen and (min-width: 801px) and (max-width: 1019px) { .h1-font { font-size:32px; } .h2-font { font-size:32px; } } @media screen and (min-width:300px) and (max-width: 800px){ .h1-font { font-size:32px; } .h2-font { font-size:32px; } } @media only screen and (min-width:450px) and (max-width: 700px) and (orientation:landscape) { .h1-font { font-size:56px; } .h2-font { font-size:52px; } .h3-font{ font-size:25px; } .h4-font{ font-size:20px; } } .p-font{ line-height: 1.2; } .aem-Grid .text_decoration_none .Overlay_content_disclaimer{font-family: "NHaasGroteskDSStd-75Bd";} /* VBMLE-1546 Fix */ /* iPad in Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .banner_txt.m_banner_hd.wid_90 { width: 100% !important; } } @media only screen and (min-width: 300px) and (max-width: 800px) { div#vle_mobileHeight.solution_offer_bar.fios_amren_vle_mobileHeight_adjustment { top: 92px; } }