.breadcrumb li.breadcrumb-item table tbody { line-height:1rem; } .breadcrumb-anchors .breadcrumb, .vle_desktop_headerMainContainer .breadcrumb{ padding: .375rem 1rem; } /*Added new class for fixing events*/ .event-header { padding: 0.75rem 0.75rem; margin-bottom: 0; } .event-border{ border-bottom: 1px solid #dee2e6; } .event-top-border{ border-top: 1px solid #dee2e6; } img.custom_image_mobile { display: none; } @media screen and (max-width: 576px) and (min-width: 320px) { img.custom_image_desktop { display: none; } img.custom_image_mobile { display: block; /*width: 576px; height: 619px; */ } } /*vbm-chat begins here*/ .vle_chat_wraper {position: absolute;bottom: 0px;right: 27px;width: 60px;height: 60px;z-index: 10;cursor: pointer; } .vle_chat_default_icon { position: fixed; bottom: 15px;margin-left: 110px; cursor: pointer; animation: chat_bubble 1.7s ease-in-out infinite alternate; -webkit-animation: chat_bubble 1.7s ease-in-out infinite alternate;width: 50px; background:#ffffff; height: 50px;text-align: center;border-radius: 100%; box-shadow: black 0px 0px 5px} .vle_chat_default_icon img{width: 60%;position: relative;top:10px;} .vle_chat_tooltip { position: absolute;bottom: 0px;right: 14px;width: 100px;z-index: 40; visibility:hidden; opacity:0;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .vle_chat_tooltip_inner { padding:0px 16px; background:#fff; border:1px solid #000; font-size: 12px;font-family:"NHaasGroteskDSStd-75Bd";position: fixed; bottom: 83px; color: #000; height:39px; line-height: 39px; } .vle_chat_tooltip_arrow {position:absolute;bottom: 0px;right: 0px;width: 22px; } .vle_chat_tooltip_arrow span:first-child {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #000;position: absolute;z-index: 10;position: fixed;bottom: 75px;} .vle_chat_tooltip_arrow span:last-child {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 8px solid #fff;position: absolute;z-index: 12;bottom: 76px;position: fixed;} .vle_chat_wraper:hover + .vle_chat_tooltip { visibility:visible; opacity:1; } .vle_chat_default_icon:hover + .vle_chat_tooltip { visibility:visible; opacity:1;} .vle_chat_wind_wrap { width: 202px; right:0px; bottom: 0px; position: absolute; z-index: 50;} .vle_chat_wind_inner { z-index: 40; width:202px; position: fixed; bottom: 0px; height:0px; background:#fff; transition: all .5s ;-o-transition:all .5s ; -ms-transition:all .5s ; -moz-transition:all .5s ; -webkit-transition:all .5s ; } .vle_chat_wind_wrap.open .vle_chat_wind_inner{ height: 250px;} .vle_chat_wind_inner_cell {display:table-cell; vertical-align:bottom;width:220px;height: 315px;} .vle_chat_wind_head { cursor: pointer; position: absolute; top:0px; padding: 0px 0 0px 16px;height: 35px; line-height:35px; width: 100%; text-align:left;font-family:"NHaasGroteskDSStd-75Bd"; font-size: 14px; color: #fff; background:#747675;} .vle_chat_cancel { position: absolute;top: 5px;right: 16px; cursor: pointer;-o-transition:all 2s ; -ms-transition:all 2s ; -moz-transition:all 2s ; -webkit-transition:all 2s ; } .vle_chat_cancel_img{ width: 9px; } .vle_chat_content {width: 100%;padding:16px;overflow: hidden;float: left;height: 230px;margin-top: 25px; /*-webkit-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 1px 8px 0px rgba(50, 50, 50, 0.4);*/} .vle_chat_content_inn {width: 100%;float: left;height: 318px;padding:0 0px 20px 0;} .vle_chat_datime { width: 100%; float: left;margin:0px 0 60px 0; padding: 0px; text-align: center; font-size:10px; color: #d8dada; } .vle_chat_con_inner { width: 100%; float: left; position: relative; margin: 0px; padding: 0px; } .vle_chat_con_inner.left { direction: ltr; } .vle_chat_name_logo { width: 48px; } .vle_chat_line { width: 100%; height: 1px; background:#d8dada; position: absolute; top:22px; left: 0px; } .vle_chat_name{ padding: 16px 20px 16px 0; background:#fff; float: left; margin: 0px; font-size: 12px;font-family:"NHaasGroteskDSStd-75Bd"; position: relative; } .vle_chat_name:after { width: 04px;height: 04px;background: #000;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px; content: "" ; position: absolute; right:08px; top: 21px;} .vle_chat_prag { float: left; margin-bottom: 0px;font-size: 14px;line-height: 1.2;text-align: left;color: #000000;font-family: "NHaasGroteskDSStd-55Rg"; } .vle_chat_prag:last-of-type{ margin-bottom: 16px; } .vle_chat_btn {height: 19px;border-radius: 100px;font-size: 10px; line-height:17px; padding: 0 10px; text-align: center; text-decoration: none; float: left;clear: both; margin:0px 0px 08px 0px;} .vle_chat_btn_white {border: solid 1px #000000; background: #fff; color: #000; } .vle_chat_btn_black {border: solid 1px #000000; background: #000; color: #fff; } .vle_chat_con_inner.right { float: right;} .vle_chat_con_inner.right .vle_chat_line, .vle_chat_con_inner.right .vle_chat_name, .vle_chat_con_inner.right .vle_chat_prag, .vle_chat_con_inner.right .vle_chat_btn { float: right; } .vle_chat_con_inner.right .vle_chat_prag { text-align: right; } .vle_chat_wind_wrap.open .vle_chat_connecting { height: auto; padding: 18px 0px; text-align: center;font-family:"NHaasGroteskDSStd-75Bd"; font-size: 12px; } .vle_chat_type {width: 100%;padding: 0 16px;background: #fff;position:absolute;bottom: 53.7px; height: 36px;} .vle_chat_type_line {height: 15px; width: 1px; background:#000; float: left; margin:0px 08px 0 0;} .vle_chat_type_input {padding:0 05px;float: left;margin:0px 0px 0 0;border: none; outline: none; font-size: 12px;font-family: "NHaasGroteskDSStd-55Rg";} .vle_chat_type_arrow { float: right; margin:0px; padding: 0px; } .vle_chat_type_arrow img { width: 17.5px; cursor: pointer; } .vle_chat_type_input::-webkit-input-placeholder,.vle_chat_type_input::-moz-placeholder,.vle_chat_type_input:-ms-input-placeholder,.vle_chat_type_input:-moz-placeholder { /* Chrome/Opera/Safari */color: #d8dada;} .vle_chat_privacy_contain { width: 100%; position: absolute; bottom: 0px; background:#000; height:53.7px; } .vle_chat_privacy_top {} .vle_chat_cyberico { height: 23px; } .vle_chat_privacy_btm { width: 100%; float: left; margin:0px; padding: 0px; background:#333; height: 18px; overflow: hidden; position: absolute; bottom: 0px;} .vle_chat_privacy_btm ul { text-align: center; } .vle_chat_privacy_btm ul li { list-style-type: none; display: inline; } .vle_chat_privacy_btm ul li a { text-decoration: none; color: #ccc;font-size: 10px; padding: 0 05px; } .vle_chat_privacy_btm ul li:first-child a{ border-right: 1px solid #ccc;} .vle_chat_font { float:right; } .vle_chat_valume { float: right; margin-right: 16px; } .vle_chat_font img, .vle_chat_valume img { width: 13px; } .vle_chat_anchor {font-family:"NHaasGroteskDSStd-75Bd"; color: #000; font-size: 14px; margin-bottom: 16px; text-decoration: none; padding: 0px 0 0 0px; float: left; clear: both;} svg.vle_anc_icon, img.vle_anc_icon { width: 16px; margin-right: 10px; height:16px; float: left; margin-top: 0px; } g.vle_chat_icon, path.vle_call_icon, g.vle_request_icon { fill:#000 } .vle_chat_anchore_blue {color: #00478e; margin-top: 10px;} .vle_chat_anchore_black {color: #000; margin-top: 10px; text-decoration: underline;} .vle_chat_cancel svg { width: 14px; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); margin:-03px 0 0 0; } .vle_chat_wind_wrap.open .vle_chat_cancel svg {-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); } .vle_product_categories.adjest-wid {width: 478px;} @keyframes chat_bubble { 0% { transform: scale(1.0); -webkit-transform: scale(1.0); } 100% { transform: scale(1.5); -webkit-transform: scale(1.5); } } /*vbm-chat ends here*/ .resoruce-banner-box-header-height{ min-height: 190px; } .resoruce-banner-box-header-img-height{ min-height: 196px; } .resoruce-banner-box-body-img-height{ min-height: 123px; } .resoruce-banner-box-overlay-img-height{ min-height: 196px; } @media only screen and (max-width: 3000px) and (min-width: 1020px) and (orientation:landscape){ .resoruce-banner-box-header-height{min-height: 170px;} .resoruce-banner-box-header-img-height{ min-height: 130px;} .resoruce-banner-box-body-img-height{min-height: 100px; min-width:100px;} .resoruce-banner-box-overlay-img-height{min-height: 450px;} } @media only screen and (max-width: 3000px) and (min-width: 1020px) and (orientation:portrait){ .resoruce-banner-box-header-height{min-height: 117px;} .resoruce-banner-box-header-img-height{ min-height: 130px;} .resoruce-banner-box-body-img-height{min-height: 100px; min-width:100px;} .resoruce-banner-box-overlay-img-height{min-height: 450px;} } @media only screen and (min-width: 1440px){ .resoruce-banner-box-header-height{min-height: 190px;} .resoruce-banner-box-header-img-height{min-height: 196px;} .resoruce-banner-box-body-img-height{min-height: 123px;} .resoruce-banner-box-overlay-img-height{min-height: 540px;} } @media screen and (max-width: 576px) and (min-width: 320px) { .resoruce-banner-box-header-height{min-height: 140px;} .resoruce-banner-box-header-img-height{min-height: 150px;} .resoruce-banner-box-body-img-height{min-height: 75px; min-width:75px;} .resoruce-banner-box-overlay-img-height{min-height: 150px;} } /*Custom Style*/ @font-face{font-family:'vesicons'; font-weight:400; font-style:normal; src:url(clientlib-p3/fonts/ves-icons.eot); src:url(clientlib-p3/fonts/ves-icons.eot#ie) format("embedded-opentype"),url(clientlib-p3/fonts/ves-icons.woff) format("woff"),url(clientlib-p3/fonts/ves-icons.ttf) format("truetype"),url(clientlib-p3/fonts/ves-icons.svg#vesicons) format("svg")} ul{padding:0} li{list-style:none;} .clr{clear:both;} .vle_mainContainer{ margin:0 auto; width:100%; position: relative; max-width: 1440px;} .vle_mainContainer_left{ margin:0; width:100%;position: relative; font-family:"NHaasGroteskDSStd-55Rg"; /* border:1px solid #d8dada; */ float:left} .vle_headerContainer{position: relative;z-index: 10; width:100%; float: left; background-color:#fff;} .z_index100{z-index: 100;} .vle_mobile_Businessmenu,.vle_mobile_headerMainContainer,.vle_submenu_appender{display: none;} .vle_product_categories{ list-style:none; display:initial; float: left; margin-right:10px;} .vle_product_categories .vle_product_list,.vle_submenu_appender .vle_submenu_appender_list{ display:inline-block; padding-top:15px; padding-bottom:4px; margin-right:5px; font-size:12px; line-height:1; text-align:left; color:#747676; cursor:pointer; position:relative;font-family:"NHaasGroteskDSStd-55Rg"} .vle_product_categories .vle_product_list.active,.vle_submenu_appender .vle_submenu_appender_list.active{ color:#000; border-bottom:2px solid #d52b1e} /* .vle_product_categories li.vle_product_list:last-child a:after{ position: absolute; content: ""; height: 6px; width: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 18px; padding-left: 0px; right: -15px;} */ .vle_saleContant{ font-family:"NHaasGroteskDSStd-75Bd"; font-size:13px; line-height:1; text-align:right; color:#d52b1e; display:inline-block;margin: 16px 0px 0 0px;float: right; } .vle_saleContant_xomlp{ font-family:"NHaasGroteskDSStd-75Bd"; font-size:16px !important; line-height:1; text-align:right; color:#d52b1e; display:inline-block;margin: 16px 0px 0 0px;float: right; } .vle_requestQuote{display:inline-block;font-family:"NHaasGroteskDSStd-75Bd";font-size:14px;text-align:center;color:#fff; padding: 2px 12px 2px 12px; border-radius: 100px; background-color: #000000;float:right; margin: 10px 16px 0 16px;} /*.vle_requestQuote:after{ content:"\f054";font-family:vesicons;width:4.3px;height:8.7px; color:#cd040b; padding-left:5px; line-height:1; vertical-align:middle}*/ .vle_logoHeader{ float: left; width:100%; position: relative; background: #fff;border-bottom:none;z-index: 30; min-height: 80px;} .vle_Verizonlogo{ margin: 0px 0 14px 16px; display:inline-block; width:179px; height:40px; background-size:cover; background-image:url(clientlib-p3/images/verizon-logo.svg); background-repeat:no-repeat} .vle_desktop_headerMainContainer { position: relative; width: 100%; } .vle_header_categories{display:inline-block; list-style:none; float: left; margin: 15px 0px 0 0;padding-left:0;} .vle_header_list{ display:inline-block; font-family:"NHaasGroteskDSStd-75Bd";font-size:12px;line-height:1;text-align:left;color:#000;cursor:pointer;padding-bottom: 15px; margin-left: 0px; padding-left: 0px;margin-right: 15px; } /*.vle_header_list:hover{-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_product_list a { color: #747676;text-decoration: none;} .vle_product_list.active a{color: #000;} ul.vle_header_categories li a { color: #000; text-decoration: none; } .vle_searchblk{ position:relative; display:inline-block; margin: 47px 16px 09px 0; float: right;width: 20%;} input.vle_searchfield[type='text']{ padding-right: 15px; width:100%; color:#d2d3d4; position:relative; border:0px; border-bottom:1px solid #747676; height:24px; line-height:1; color:#000; outline:none; box-sizing:border-box} .vle_searchlink{ height:26px; position:absolute; right:-15px; text-indent:-9999px; width:30px; background:url(clientlib-p3/images/search.svg) 0 6px no-repeat; border:none; border-left:none; border-bottom:none; top:-2px; background-size:15px} .vle_signInlink{ font-family:"NHaasGroteskDSStd-75Bd"; font-size:12px; line-height:1; text-align:left;padding-left:10px; color:#000; float: right; margin: 15px 0px 15px 0; text-decoration:none;width:90px;} .vle_a:after{ content:"\f054"; font-family:vesicons; position:absolute; font-size:10px; padding-top:3.5px; padding-left:9px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s} .vle_signInlink:after{ position: absolute; content: ""; height: 6px; width: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); padding-left: 0px; right: 25px; } .vle_signInlink.dropdown_Active:after{ top: 19px; -webkit-transform: rotate(227deg); -moz-transform: rotate(227deg); -ms-transform: rotate(227deg); -o-transform: rotate(227deg); transform: rotate(227deg ); position: absolute; right: 10px; } .vle_header_list:hover { -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; } /*mlp header sticky nav fix*/ .fixed-mlpTop{ position:fixed !important; z-index:1 !important; width:100% !important; top:0px !important; } /*header*/ .stick_header_active { position: absolute; width: inherit; z-index: 9999; } /*overlay header */ .vle_top_menu .vle_Verizonlogo { position: absolute; top: -35px; left: 16px; margin: 0; padding: 0; z-index: 3; } .fixed-header { position: fixed;width:100%;-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;z-index: 999;max-width:1440px;margin:0 auto;top:0px;} .fixed-header .breadcrumb li { display: none;} .fixed-header .breadcrumb li:last-child { display: block; position: absolute; top: 16px; left: 35px; z-index: 25;} .ticklogo{width: 13.7px;height: 17px;position: absolute;top: 20px; left: 16px; z-index: 31; background: url(clientlib-p3/images/sticky_logo.png) no-repeat left top; background-size: 13.7px 17px;} .vle_desktop_headerMainContainer.fixed-header .vle_headerContainer{ height:50px; } .vle_product_list a { color: #747676;text-decoration: none;} .vle_product_list.active a{color: #000; } ul.vle_header_categories li a { color: #000; text-decoration: none; } .vle_searchblk{ position:relative; display:inline-block; margin: 6px 10px 09px 0; float: right;} input.vle_searchfield[type='text']{ padding:0px; font-family: "NHaasGroteskDSStd-55Rg"; font-size:14px; padding-right: 15px; width:100%; color:#d2d3d4; position:relative; border:0 solid #fff; background:#fff; border-radius:0; border-bottom:1px solid #747676; height:24px; line-height:1; color:#000; outline:none; box-sizing:border-box} .vle_searchlink{ height:26px; position:absolute; right:-15px; text-indent:-9999px; width:30px; background:url(clientlib-p3/images/search.svg) 0 6px no-repeat; border:none; border-left:none; border-bottom:none; top:-2px; background-size:15px} .vle_requestQuote a { color: white; text-decoration: none; font-size: 14px; } .vle_head_top_half { width:60%; float: right;padding-top:10px;padding-bottom:0px; } /* =================== Mega menu for desktop Started ======================= */ .vle_nav_megamenu_destop { border-top:none; width: 100%; z-index: 20; position: absolute; margin:15px 0 0 0; padding:16px 0 16px 0px; left: 0px; background: #fff;display:none; } /*ul.vle_header_categories li:hover .vle_nav_megamenu_destop { display: block; } */ .vle_right_nav {width: 55%; float: right; } .vle_nav_sub { width: 45%; float: left; min-height:inherit; } .vle_head_nav {font-family:"NHaasGroteskDSStd-75Bd"; font-size: 12px;line-height: 0.92; color: #000; padding-bottom: 08px; border-bottom:1px solid #000; width: 100%; float: left; margin-bottom: 08px; } ul.vle_nav_list { margin: 0px 0 24px 0; padding: 0px; float: left; width: 100%; } ul.vle_nav_list li { margin:0px 0 08px 0; padding: 0px; float: left; width: 100%; position: relative;list-style: none;} ul.vle_nav_list li a {font-family:"NHaasGroteskDSStd-55Rg";float:left;font-size:14px;} ul.vle_nav_list li a:hover, ul.vle_nav_list li a.active ,.vle_top_menu ul.vle_nav_list li a:hover ,.vle_top_menu ul.vle_nav_list li a.active{ color:#d52b1e;font-family:"NHaasGroteskDSStd-75Bd"; } ul.vle_nav_list li a.vle_a:after { padding-top: 1.5px; } ul.vle_nav_list li a.vle_a {font-family:"NHaasGroteskDSStd-75Bd";min-width:80px;} ul.vle_nav_list li a.vle_bold {font-family:"NHaasGroteskDSStd-75Bd";min-width:80px;} .vle_nav_sub:nth-child(odd) { margin-right: 32px; } .vle_nav_sub:nth-child(even) { float: right } .vle_lnav_head { font-size: 25px; line-height: 0.96; text-align: left; color: #000000;font-family:"NHaasGroteskDSStd-75Bd"; } .vle_left_nav { width: calc(100% - 60%); float: left; } .vle_lnav_head span { width: 100%; float: left; } .vle_lnav_head b.rate {color:#d52b1e;} .vle_left_nav a.vle_a { margin-top: 16.6px; float: left; } .vle_left_nav a.vle_a:after { padding-top: 0.5px; } .vle_alt_descri .vle_alt_hd { font-size: 16px;line-height: 1.5;text-align: left; color: #000000; font-family:"NHaasGroteskDSStd-75Bd"; margin-bottom: 08px;} .vle_alt_descri .vle_pragrap {font-size: 16px;line-height:1.5;text-align:left;color: #000000;font-family:"NHaasGroteskDSStd-55Rg"; width: 278.6px;} .vle_after_none:after { content: none; } .vle_overlay { position: fixed; top: 0px; left: 0px; width: 100%; background: rgba(116,118,118,.7); height: 100vh; z-index: 9999; display: none; } /* top menu */ .vle_top_menu_parent { z-index: 101; position: absolute;top:40px; width: 100%; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height:0px;overflow:hidden;} .vle_top_menu {width:100%;overflow: visible; height:0;background:#fff; padding: 13.5px 0 0 0; margin: 0px; position: absolute;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;opacity:0; } .vle_top_menu.active { height: auto;opacity:1; display: block;} .vle_top_menu .vle_logoHeader{border-top: 1px solid #f2f2f2;} .vle_top_menu .vle_nav_sub { width: 100%;} .vle_top_menu ul.vle_nav_list li a {font-size: 12px;text-align: left;color: #000000;font-family:"NHaasGroteskDSStd-75Bd"; text-decoration: none;} .vle_top_menu_parent.active { height: auto; overflow:visible;} /*Location css*/ .heade_map_ic { width: 18px; height: 18px; position: relative; } .heade_map_ic:after { width: 1px; /* height: 0; */ content: "|"; position: absolute; top: 0px; right:-5px; margin: 3px 0 0 0; } .heade_map_ic img { width: 100%; } .cmo-vbm-header{ border-bottom:1px solid #d8dada; width: 100%; } a.vle_signInlink:hover ul.account-container{ display:block;} ul.account-container{ display: none; width: 112px; position: absolute; list-style: none; padding: 0; margin: 0; border: 1px solid #dadada; border-bottom: 0; right: -1px; top: 38px; background: #fff; z-index: 1002; } ul.account-container li a { display: block; padding: 4px 13px; border-bottom: 1px solid #dadada; font-family: NHaasGroteskDSStd-55Rg; line-height: 1.83; text-align: left; color: #767676; } ul.account-container li a:focus,ul.account-container li a:hover { padding: 4px 13px 4px 9px; border-left: 4px solid #000; } /* =================== Mega menu for desktop Ended ======================= */ @media only screen and (min-width:450px) and (max-width: 767px) { .vle_requestQuote, .vle_gettingstarted_carosuelList .vle_bannerContent_check:after, .vle_gettingstarted_contactUs .vle_bannerContent_check:after, .vle_footer_menu ul li a, .vle_a:after, .vle_lq_lable, .vle_lq_offer, .vle_do_not span, .vle_sing_hd, .vle_sign_popup .vle_left_signin_a, .vle_chat_datime, .vle_chat_btn, .vle_chat_privacy_btm ul li a { font-size: 10px; } .vle_product_categories .vle_product_list,.vle_submenu_appender .vle_submenu_appender_list, .vle_product_categories li.vle_product_list:last-child:after,.vle_saleContant_xomlp, .vle_saleContant, .vle_header_list, .vle_signInlink, .vle_head_nav, .vle_top_menu ul.vle_nav_list li a, .vle_gettingstarted_carosuelList_Content, .vle_gettingstarted_carosuelList .vle_bannerContent_check, .vle_gettingstarted_contactUs .vle_bannerContent_check, section footer .vle_sub_div .vle_heading, section footer .vle_sub_div ul li a, .vle_getting_box p, .vle_a, .date, .vle_resorce_people_content p, .profile_container h4, .profile_container p, .vle_sub_head, .vle_sutor_name, .solution_box_content p, .vle_products_box p, .vle_offer-1_box p, ul.vle_offer_list li a, .vle_gatway_innovation_paragrap, .vle_gatway_box_content, .vle_notification_content p , .vle_notification_content a, .vle_lq_input, .vle_inner_tooltip h3, .vle_inner_tooltip p, .vle_inner_scroll h3, .vle_lq_edit_delete, .vl_lq_edit, .vl_lq_delete, .vz-cutom-checkbox, .vle_error_msg, .vle_error_h3, .vle_error_pragrp, .vle_mdac_head, .vle_mdac_content, p.vle_left_signin_parg, .vle_sign_userid, .vle_security_subhd, .vle_sign_popup .vle_pragh, .vle_sign_popup_input, .vle_chat_tooltip_inner, .vle_chat_name, .vle_chat_wind_wrap.open .vle_chat_connecting, .vle_chat_type_input { font-size: 14px; } .vle_lnav_head, .vle_gettingstarted_carosuelList_header, .vle_getting_box h3, .vle_resorce_h3, .vle_sucess_stories_box h3, .solution_box_content h3, .vle_products_box h3, .vle_offer-1_box h3, .vle_gatway_box_head, .vle_lq_head, .vle_modal_head { font-size: 32px; } } /*and (orientation: portrait) */ @media only screen and (min-width: 768px) and (max-width: 800px) { .vle_left_nav a.vle_a { clear: both; } .vle_sign_btn { width: 200px; } .vle_scrollable { width: 100%; } .vle_lq_head { width: 70%;} .vle_searchlink{right:10px;} } @media screen and (max-width:800px) and (min-width: 300px){ /* .vle_special_offer_for_mobile { display: none; } */ .ticklogo{top:12px;} .vle_mainContainer{width: 100%;} .vle_desktop_headerMainContainer{display: none;} .vle_mobile_headerMainContainer{display: block;position: relative;float: left;width: 100%} .vle_mobile_headerContainer{ padding:10px 10px 14px 17px; height: 40px;top: 100px; position: fixed; bottom: 0; width: 100%; z-index: 999; margin-top: 0; background: #fff;} .vle_navigation {width: 100%;position: relative;z-index: 99;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 {margin-top:30px;text-align:left;list-style:none; margin-left:15px;margin-right:0;width: 100%; float: left;} ul.vle_product_categories_submenu{display: none;} .vle_product_categories,.vle_submenu_appender{padding-left:10px;transition: ease all .4s;margin: 0;} .vle_saleContant{ line-height: 1.17;text-align: left;margin: 3px 0 10px 0px; float: left;transition:all ease .4s;} .vle_requestQuote{ margin: 0; margin-top: -2px; float: right; padding: 2px 12px; } .vle_mobile_logoHeader{ box-shadow: inset 0 -1px 0 0 #f6f6f6;border-bottom: 1px solid #f2f2f2;} .vle_Verizonlogo{ margin: 9px 0 13.7px 16px;height: 13.9px;width: 100px;} .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:all ease .4s;margin-top: 0;} #vle_mobileHeight.no_offer_bar { top: 43px; } #topNav{height: 50px;background:#fff;} #topNav .login {position: absolute;right: 74px;top: 16px;margin: 0px 0px 15px 0;font-size:14px;} #topNav .vle_searchblk {padding-left: 0px;float: right;margin: 10px 46.4px 0 0;width:25%;} .vle_submenulist{display: none;} .backarrow{width: 20px;display: inline-block;padding-top: 15px;padding-bottom: 4px;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); } .m_verizonfull_logo{width: 100%;} .vle_Verizonlogo { position: fixed; z-index: 100; background: none; transition: all ease; } /*location css*/ .heade_map_ic:after { margin: 0px; } .heade_map_ic {margin: 10px 10px 0 0;} .vle_signInlink:after{content: none !important;} } @media only screen and (min-width: 800px) and (max-width: 970px) { .vle_searchblk { width: 15%; } } @media only screen and (min-width: 1020px) and (max-width: 3000px) { .vle_head_top_half { width:50%; float: right; padding-top:05px;padding-bottom:0px; } .vle_product_categories { float: left; } .vle_header_categories { float: left; } .vle_header_list {margin-left: 0px; margin-right: 14px;} .vle_left_nav {width: calc(100% - 60%); padding-left: 16px;} .vle_right_nav {width:50%; float: right;} .vle_a:hover:after { padding-left: 16px !important;} .vle_gettingstarted_carosuelList .vle_bannerContent_check:after, .vle_gettingstarted_contactUs .vle_bannerContent_check:after, .vle_footer_menu ul li a, .vle_a:after, .vle_lq_lable, .vle_lq_offer, .vle_do_not span, .vle_sing_hd, .vle_sign_popup .vle_left_signin_a, .vle_chat_datime, .vle_chat_btn, .vle_chat_privacy_btm ul li a { font-size: 10px; } .vle_product_categories .vle_product_list,.vle_submenu_appender .vle_submenu_appender_list, .vle_product_categories li.vle_product_list:last-child:after, .vle_saleContant, .vle_header_list, .vle_signInlink, .vle_head_nav, .vle_top_menu ul.vle_nav_list li a, .vle_getting_box p, .date, .profile_container h4, .vle_sub_head, .vle_sutor_name, .vle_products_box p, .vle_offer-1_box p, ul.vle_offer_list li a, .vle_notification_content p , .vle_notification_content a, .vle_lq_input, .vle_inner_tooltip h3, .vle_inner_tooltip p, .vle_inner_scroll h3, .vle_lq_edit_delete, .vl_lq_edit, .vl_lq_delete, .vz-cutom-checkbox, .vle_error_msg, .vle_error_h3, .vle_error_pragrp, .vle_mdac_head, .vle_mdac_content, p.vle_left_signin_parg, .vle_sign_userid, .vle_security_subhd, .vle_sign_popup .vle_pragh, .vle_sign_popup_input, .vle_chat_tooltip_inner, .vle_chat_name, .vle_chat_wind_wrap.open .vle_chat_connecting, .vle_chat_type_input { font-size: 14px; } .vle_lnav_head, .vle_gettingstarted_carosuelList_header, .vle_getting_box h3, .vle_sucess_stories_box h3, .solution_box_content h3, .vle_products_box h3, .vle_offer-1_box h3, .vle_gatway_box_head, .vle_lq_head, .vle_modal_head { font-size: 30px; } .vle_salesbigTfn {font-size: 16px !important;} } @media only screen and (min-width: 1020px) and (max-width: 1150px) { .vle_searchblk { width: 12%; } } @media only screen and (min-width: 1440px) { .vle_product_categories .vle_product_list, .vle_submenu_appender .vle_submenu_appender_list, .vle_saleContant, .vle_header_list, .vle_signInlink { font-size: 14px; } .vle_product_categories.adjest-wid {width: 478px;} .vle_product_categories {padding-left:0;margin:0px;margin-right: 57px;} .vle_requestQuote { font-size: 14px; } .vle_salesbigTfn { font-size: 22px !important; margin-top: 14px; } } /* The Modal (background) */ .aem-modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ -webkit-overflow-scrolling: touch; } /* Modal Content */ .aem-modal-content { background-color: #fefefe; margin: 0 auto; /* padding: 20px;*/ border: 1px solid #888; width:80%; position: fixed; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 76vh; overflow:hidden; /* overflow-y: scroll;*/ -webkit-overflow-scrolling: touch; } .offerPricing-modal-content{ background-color: #fefefe; margin: 0 auto; /* padding: 20px;*/ border: 1px solid #888; width:80%; position: fixed; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 76vh; overflow:hidden; /* overflow-y: scroll;*/ -webkit-overflow-scrolling: touch; } .guestwifi-modal-content { background-color: #fefefe; margin: 0 auto; /* padding: 20px;*/ border: 1px solid #888; width:50%; position: fixed; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 400px; overflow-y: auto; -webkit-overflow-scrolling: touch; } .systemRequirements-modal-content { width: 750px; top: 25%; left: 30%; border: 3px solid #aaa; position: absolute; z-index: 9999; zoom: 1; display: block; background-color: #fff; -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); } .sysReq-modal-header { background-color: #fff; width: 700px; padding: 20px; text-align: left; } .sysReq-modal-ul { display: block; list-style-type: disc !important; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } .sysReq-modal-li { display: list-item !Important; text-align: -webkit-match-parent; } .fixer { display: block; clear: both; overflow: hidden; width: auto; height: 1px; line-height: 1px; font-size: 1px; } .guestwifi-modal-content .overlay_window{ height:360px; } .overlay_window{ width: 100%; height: 72vh; float: left; } .overlay_window_offerPricing{ width: 100%; height: 70vh; float: left; } .overlay_window_checkAvail{ width: 100%; height: 76vh; /*overflow-y: scroll;*/ float: left; } .overlay_window_sysReq { width: 100%; height: 72vh; float: left; } /* The Close Button */ .aem-modal-close, .offeraem-modal-close { color: #aaaaaa; float: right; font-size: 20px; font-weight: bold; margin-right:10px; } .aem-modal-close img { width:20px; height:20px; } .aem-modal-close:hover, .aem-modal-close:focus { color: #000; text-decoration: none; cursor: pointer; } .offeraem-modal-close img { width:20px; height:20px; } .offeraem-modal-close:hover, .offeraem-modal-close:focus { color: #000; text-decoration: none; cursor: pointer; } .color-white{ color: #fff; } .color-black{ color: #000; } @media screen and (max-width: 800px) and (min-width: 300px){ .guestwifi-modal-content{ width:100%; height:89vh; } .systemRequirements-modal-content { width:100%; height:89vh; left:0px; } /* .guestwifi-modal-content .overlay_window{ height:96vh; } */ .overlay_window_checkAvail{height:96vh;} .aem-modal-content{height: 95vh; width: 100%; margin:0;} .offerPricing-modal-content{height: 89vh; width: 100%; overflow:auto;} .overlay_window{height:91vh;} .overlay_window_offerPricing { height:91vh; } .overlay_window_sysReq { height: 91vh; width: 100%; } } @media screen and (max-width: 1200px) and (min-width: 800px){ .guestwifi-modal-content{ width:80%; } .systemRequirements-modal-content { width:100%; height:89vh; left:0px; } } @media screen and (-webkit-min-device-pixel-ratio:0) { select, textarea, input { font-size: 16px; } } @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .aem-modal-content{margin:0;} } @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .aem-modal-content{margin:0;} } /*To adjust header in complex and vaspages*/ .vle_mobile_headerContainer.complexHeader{top:40px;} /**********************************/ /****** Accessibility - Start *****/ /**********************************/ .header-accessibility{ position: fixed !important; z-index: 9999999!important; left: 10px; top: 10px; height: 0; width: 0; overflow: hidden; opacity: 0; background:#fff; } .header-accessibility:focus { opacity: 1; height: auto; width: auto; overflow: auto; box-shadow: 0 6px 18px rgba(0,0,0,.1); outline: #333 dotted 1px; padding: 10px; color: #000 !important; } .gateway_access_header.header-accessibility{ left: auto; right: 10px; } /**********************************/ /******** Accessibility - End *****/ /**********************************/ .m_display_black { display: none; } .m_acc_content{display: block;} .vle_footer_bottom img { float: left; margin-left: 25px;} @media screen and (max-width:800px) and (min-width: 300px){ .m_fac_click { top:03px;right:0px;background: url(clientlib-p3/images/caret-down-w.svg) no-repeat right center transparent;background-size: 18px; width: 100%; height: 13px; } .m_fac_click.acc_open {background: url(clientlib-p3/images/caret-up-w.svg) no-repeat right center transparent;background-size: 18px; width: 100%; height: 13px} .m_display_black { display: block; position: absolute;} .m_acc_content { display: none; } .m_acc_parent{position: relative;} .vle_footer_bottom img:last-child { margin-right: 25px; clear: both; margin-top: 13px;} } @media screen and (min-width: 800px){ .m_acc_content{display: block !important;} } @media only screen and (max-width: 3000px) and (min-width: 1020px){ .vle_heading, section footer .vle_sub_div ul li a{ font-size:14px !important; } } footer { display:block} /* ========================= Start Footer Part for Desktop =============================== */ section footer{ width:100%; float:left; background:#000} section footer .vle_sub_div{ width:25%; padding:16px; min-height:245px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0px; border-right:1px solid #323232} section footer .vle_sub_div:nth-child(4){border-right:0; } section footer .vle_sub_div .vle_heading{ font-size:12px; line-height:1; text-align:left; color:#fff; border-bottom:1px solid #fff; font-family:"NHaasGroteskDSStd-75Bd"; padding-bottom:08px} section footer .vle_sub_div ul{ margin:0px; padding:0px} section footer .vle_sub_div ul li{ margin:0px; padding:0px; list-style-type:none; line-height:20px} section footer .vle_sub_div ul li a{ font-family:"NHaasGroteskDSStd-55Rg"; font-size:12px; color:#fff; text-decoration:none} .vle_min_height_135{ min-height:135px} section footer .vle_sub_div ul.vle_follow li{ display:inline; margin:10px 20px 0 0; float:left} ul.vle_follow li a img { width: 18px; } .vle_footer_menu{ border-top:1px solid #323232; width:100%; float:left; padding:16px; box-sizing:border-box;display:flex;flex-wrap:wrap;} .vle_footer_menu div {width:25%;} .vle_footer_menu div img{width:148px;margin-bottom:30px;} .vle_footer_menu ul{width:75%;padding:0px;} .vle_footer_menu ul li{ margin:0px 12px 0 0; padding:0px; float:left; display:inline; line-height:38px} .vle_footer_menu ul li a{ font-size:14px; color:#747676; text-decoration:none} .vle_footer_bottom{ text-align:center; width:100%; /* background:#f7f7f7;*/ float:left; clear:both; min-height:80px; padding:16px 0px} .hideme{opacity:0;} /* ========================= End Footer Part for Desktop =============================== */ @media only screen and (min-width: 1440px) { .vle_footer_menu ul li a, .vle_lq_offer, .vle_lq_lable { font-size: 14px; } } @media screen and (max-width:800px) and (min-width: 300px){ /* ========================= Start Footer Part for Mobile =============================== */ section footer .vle_sub_div{ border-right:none; width:100%; min-height:inherit;} .vle_min_height_135{ min-height:auto; padding-bottom:34px} .vle_footer_menu ul li{ float:none; line-height:28px; display:list-item} .vle_footer_menu ul li a{ font-size:14px!important} .vle_footer_menu div{width:100%;} .vle_footer_menu div img{width:88px;} /* ========================= End Footer Part for Mobile =============================== */ } @media only screen and (min-width:450px) and (max-width: 767px) { .vle_requestQuote, .vle_gettingstarted_carosuelList .vle_bannerContent_check:after, .vle_gettingstarted_contactUs .vle_bannerContent_check:after, .vle_footer_menu ul li a, .vle_a:after, .vle_lq_lable, .vle_lq_offer, .vle_do_not span, .vle_sing_hd, .vle_sign_popup .vle_left_signin_a, .vle_chat_datime, .vle_chat_btn, .vle_chat_privacy_btm ul li a { font-size: 10px; } .vle_product_categories .vle_product_list,.vle_submenu_appender .vle_submenu_appender_list, .vle_product_categories li.vle_product_list:last-child:after, .vle_saleContant, .vle_header_list, .vle_signInlink, .vle_head_nav, .vle_top_menu ul.vle_nav_list li a, .vle_gettingstarted_carosuelList_Content, .vle_gettingstarted_carosuelList .vle_bannerContent_check, .vle_gettingstarted_contactUs .vle_bannerContent_check, section footer .vle_sub_div .vle_heading, section footer .vle_sub_div ul li a, .vle_getting_box p, .vle_a, .date, .vle_resorce_people_content p, .profile_container h4, .profile_container p, .vle_sub_head, .vle_sutor_name, .solution_box_content p, .vle_products_box p, .vle_offer-1_box p, ul.vle_offer_list li a, .vle_gatway_innovation_paragrap, .vle_gatway_box_content, .vle_notification_content p , .vle_notification_content a, .vle_lq_input, .vle_inner_tooltip h3, .vle_inner_tooltip p, .vle_inner_scroll h3, .vle_lq_edit_delete, .vl_lq_edit, .vl_lq_delete, .vz-cutom-checkbox, .vle_error_msg, .vle_error_h3, .vle_error_pragrp, .vle_mdac_head, .vle_mdac_content, p.vle_left_signin_parg, .vle_sign_userid, .vle_security_subhd, .vle_sign_popup .vle_pragh, .vle_sign_popup_input, .vle_chat_tooltip_inner, .vle_chat_name, .vle_chat_wind_wrap.open .vle_chat_connecting, .vle_chat_type_input { font-size: 14px; } } .link-special{ display:block !important; position: relative; margin-right: 10px; } .link-special span{ position: absolute; padding-left: 5px; margin-top: 0.1rem; } /* Link font size */ .link-fs-small{ font-size: 12px; } .link-fs-medium{ font-size: 16px; } .link-fs-large{ font-size: 16px; } @media only screen and (min-width: 1020px) and (max-width: 3000px){ .link-fs-small{ font-size: 14px; } .link-fs-medium{ font-size: 16.8px; } .link-fs-large{ font-size: 20px; } .link-special span{ margin-top: 0.250rem; } } @media only screen and (min-width:450px) and (max-width: 700px) and (orientation:landscape){ .link-fs-small{ font-size: 14px; } .link-fs-medium{ font-size: 16.8px; } .link-fs-large{ font-size: 20px; } .link-special span{ margin-top: 0.250rem; } } .icon-chevron-up:after { padding-left: 5px; } .mobileHideView{display:block;} .icon-chevron-down:after { padding-left: 5px; } .breadcrumb-item .table.collapse.show { display: table!important; } .bold_arrow{ font-family:"NHaasGroteskDSStd-75Bd"!important; } .custom-bold-font{ font-family: NHaasGroteskDSStd-75Bd; } .article-text ul li{list-style-type: disc;} .font-16-px{ font-size: 16px; } .font-14-px{ font-size: 14px; } .textPadding{padding-left: 1rem;} .overlay_window_offerPricing { width: 100%; height: 70vh; float: left; } .article-subheader{ font-size:1.5rem !important; } .article-text h1{ font-size:1.25rem; } .article-text h2{ font-size:1.25rem; } .article-subHead{ font-size:1.25rem; font-family: NHaasGroteskDSStd-75Bd; } .stratMlp_fix{ margin-top:75px !important; } .bg-grey{background-color: #c1c1c1!important;} .h_desc{ min-height: 90px; } .offers_heading{ width:80%; min-height:125px; } .jd_img{ position:relative; width:auto !important; height:auto !important; } .sol_resLink{ position:absolute; bottom:0; margin-left:50%; } li.breadcrumb-item { margin-left: initial; } .vle_saleContant_header{font-family:"NHaasGroteskDSStd-75Bd";} /*overlay background scroll issue fix*/ body.show_modle { overflow: hidden;} .show_offerPricingDetails_modal{font-size: 14px;} .offerPricing-modal-content { background-color: #fefefe; margin: 0 auto; border: 1px solid #888; width: 80%; position: fixed; margin: auto; left: 0; right: 0; top: 0; bottom: 0; height: 76vh; overflow: hidden; -webkit-overflow-scrolling: touch; } .microsite-lt-pad { padding-left: 12px; padding-right: 5px; } .microsite-lt-pad-imp { padding-left: 12px !important; padding-right: 5px !important; } ul.microsite-list { list-style-type: none; font-size: 1.25rem; padding: 0px 20px; } ul.microsite-list > li:before { content: "-"; /* en dash here */ position: absolute; margin-left: -1.1em; } a.microsite-link { text-decoration: underline; color: #2f68ad; } a.microsite-link:visited { color: #2f68ad; } p.microsite-footnote { margin-top: 18px; clear: both; font-size: 12px; margin-bottom: 8px; } a.offset-header { position: absolute; visibility: hidden; padding-top: 90px; margin-top: -90px; } iframe { border: none; } a.vle_signInlink:hover ul.account-container{ display:block;} .vle_signInlink:after { position: absolute; content: ""; height: 6px; width: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 10px; left: auto; } .vle_signInlink.dropdown_Active:after { top: 19px; -webkit-transform: rotate(227deg); -moz-transform: rotate(227deg); -ms-transform: rotate(227deg); -o-transform: rotate(227deg); transform: rotate(227deg); position: absolute; left: 65%; } ul.account-container{ display: none; width: 112px; position: absolute; list-style: none; padding: 0; margin: 0; border: 1px solid #dadada; border-bottom: 0; right: -1px; top: 38px; background: #fff; z-index: 1002; } ul.account-container li a { display: block; padding: 4px 13px; border-bottom: 1px solid #dadada; font-family: NHaasGroteskDSStd-55Rg; font-size:1rem; line-height: 1.83; text-align: left; color: #767676; } ul.account-container li a:focus,ul.account-container li a:hover { padding: 4px 13px 4px 9px; border-left: 4px solid #000; } .vle_signInlink{ margin:15px 0 15px 0; text-align: left; padding-left:10px; } .vle_searchblk{margin:6px 10px 09px 0} .vle_header_categories{margin:15px 0 15px 0} .margin_top_10{margin-top:10px;} .cmoOfferBar{width:100%;float:left;background-color: #000; border-color: #000; color: #fff;top:auto !important;} .cmoOfferBarLink{width:48.5%;float:right;font-size:12px; color: #fff !important;} a.cmoOfferBarLink:hover { color: #fff; } .massachuset_banner{min-height:300px;} .accord_table td { padding: .15rem; } .tfnEnable_mobile{ display:none; } .linkFont{font-size:1.25rem;} .resource_title_height{height:300px;} /*strat network legal text code*/ .strat-legal-font{ line-height: 1; font-size: 9pt; color: grey; font-family: "NHaasGroteskDSStd-55Rg"; } /*popup code*/ .tooltipContent_offerBar{display:none; position: fixed; margin: 0 auto; top: 30%; left: 50%; width: 500px; min-height: 200px; margin-left: -200px; background: #fff; color: #000;z-index:99999;padding: 18px 19px; background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); } .tooltipContent_offerBar_content{ min-height: 138px; font-family: NHaasGroteskDSStd-55Rg; font-size: 14px; line-height: 1.2; margin: 21px 0 0; padding: 20px; color: #000;display:block;} .tooltipContent_offerbarClose img{ position:absolute;width:25px;right:16px;cursor:pointer;} .vle_tooltip { float: initial; position: relative; display: inline-block; margin-left: 0px; } .vle_overlay { position: fixed; top: 0px; left: 0px; width: 100%; background: rgba(116,118,118,.7); height: 100vh; z-index: 9999; display: none; } .popupContent{ min-height: 20vh; border-bottom: 1px solid gray; margin-bottom: 10px; } @media screen and (max-width:800px) and (min-width: 300px){ .mobileHideView{display:none;} .alert{top:40px;} .vle_mobile_headerContainer.solution_offer_bar { top: 125px ; } .newMlp_header_description { line-height: 20px; font-size: 16px;} body.show_modle { overflow: hidden;position:fixed;} .offers_heading{min-height:initial; width:100%;} .card-body.offers_heading.d-lg-block h3 { font-size: 1.5rem; } .stratMlp_fix{top:20px !important;} .offers-desc{font-size:20px;} .h_desc{ min-height: auto; } .discount-collapse ul.list-style-hypen li { font-size: 1rem; } .tfnEnable{display:none;} .tfnEnable_mobile{display:inherit;} } @media screen and (max-width:500px) and (min-width: 320px){ .cmoOfferBarLink{width:70%;} .sol_portImg{ height:750px !important; position:relative; left:-300px; } .sol_portImg img{height:auto !important; width:auto !important;} .upgrade_portImg{height: 750px !important; left: -350px; position: relative; top: -150px;} .upgrade_portImg img{height:auto !important;width:auto;} .solutions_portrait_voice{height:550px !important;left:auto !important;} .solutions_portrait_voice img{width:100% !important;} } @media screen and (min-width:760px) and (max-width: 1440px){ body.show_modle { overflow: hidden;position:fixed;} } @media (min-width: 992px){ .textSpacing {margin-top: 7rem!important;} } @media screen and (max-width:501px) and (min-width: 300px){ .popup_card{width:98%;left:12.7rem;} } /*popup*/ @media only screen and (min-width:450px) and (max-width: 767px) { .tooltipContent_offerBar { top: 20%; width: 85%; min-height: 50vh; left: 38%; } } @media screen and (max-width:1025px) and (min-width: 767px){ .stratImg_tab{ z-index: 0!important; display: block; position: relative; left: -400px; } .discount-collapse ul.list-style-hypen li { font-size: 1rem; } } @media screen and (max-width: 800px) and (min-width: 300px){ .offerPricing-modal-content{height: 89vh; width: 100%; overflow:auto;} .overlay_window_offerPricing { height:91vh; } } @media screen and (max-width:800px) and (min-width: 501px){ .massachuset_banner{ min-height: 246px;} .stratImg_tab{ left: -415px; z-index: 0!important; position: relative; } .sort_landImg{position:relative;top:-100px;} .sort_landImg img{height:auto !important;} .solutions_landscape_cloud{top:auto!important;} } @media screen and (min-width: 765px) and (max-width: 860px) and (orientation: portrait) { .newMlp_header_description { line-height: 24px; font-size: 20px;} .sol_tab{position:relative;left:-100px !important;} } /*popup*/ @media screen and (max-width: 812px) and (min-width: 375px) and (orientation: landscape){ .tooltipContent_offerBar { top: 8%; width: 80vw; min-height: 80vh; left: 38%; } } @media screen and (max-width:1250px) and (min-width:1020px){ .sol_resLink{ margin-left:40%; } .sol_tab{position:relative; left:-150px;} } /*popup*/ @media only screen and (min-width: 768px) and (max-width: 800px) { .tooltipContent_offerBar{left:30%;} } @media screen and (max-width:767px) and (min-width: 501px){ .upg_mob_land{ position:relative; top:-200px; } .upg_mob_land img{ height:auto; } .strat_land_img{ height: 500px; top: -200px; position: relative } .strat_land_img img{ height:auto; } } .underlinelinks a{ text-decoration: underline; } .cjlLogo{height:40px;} @media screen and (max-width: 800px) and (min-width: 300px){ .cjlLogo { height: initial; } } /*fix for card-header +/- sign alignment on tablet and mobile*/ .mobile-version .card-header .mb-0 { margin-right: 1rem; position: relative; } .mobile-version .card-header [data-toggle=collapse].collapsed:after { float: none !important; font-family: icons; content: "\E918"; font-size: 12px; line-height: 22px; position: absolute; top: 0; left: 100%; } .card-header [data-toggle=collapse]:after { font-family: icons; content: "\E917"; float: none !important; font-size: 12px; line-height: 22px; position: absolute; top: 10; left: 95%; } .article-text a{ font-family:NHaasGroteskDSStd-55Rg !important; } body:not(.user-is-tabbing) a:focus, body:not(.user-is-tabbing) .btn:focus, body:not(.user-is-tabbing) div[tabindex="0"]:focus, body:not(.user-is-tabbing) span[tabindex="0"]:focus { outline: none!important; } a:focus, .btn:focus, div[tabindex="0"]:focus, span[tabindex="0"]:focus { outline-color: black!important; outline-style: solid!important; outline-offset: 2px!important; outline-width: 1px!important; animation: altBlackWhite 1.5s infinite; } @keyframes altBlackWhite { 0% { outline-color: black; } 50% { outline-color: white; } 100% { outline-color: black; } } /* CZHVB-4225 */ @media only screen and (max-width: 375px) { #solutionsm2 > h6 { word-break: break-word; max-width: 32ch; } } @media only screen and (min-width: 320px) and (max-width:400px) { .article-landing-hero { height: 385px; } .col-4.promo-card-image { padding-left: 0px; padding-right: 0px; } } @media only screen and (min-width: 501px) and (max-width:768px) { .article-landing-hero { height: 288px; } .tab_disc_img{height:450px;} } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .article-landing-overlay .al-hero-right-col .px-3 { width: 100%; } } @media only screen and (max-width: 1024px) and (min-width: 320px) { .article-accordion .collapse { padding-left: 0px; } } @media only screen and (min-width:1024px){ .article-accordion .collapse { padding-left: 118px; } } #accordion .m-top-3 .col-lg-3 { border-top: 1px solid #000; } #accordion .m-top-3 .col-lg-9 .card:first-child { border-top: 1px solid #dee2e6; } #accordion .m-top-3 .col-lg-9 { border-top: 0px solid #d8dada; } @media only screen and (min-width: 768px) { .al-hero-left-col-text { width: 50%; font-size: 1.5rem; } .prod-sel-left-col-text { width: 100% !important; font-size: 1.5rem; } } .article-landing-hero .article-landing-overlay .al-hero-left-col-text p{ font-size: 1.25rem; } @media screen and (max-width: 500px) and (min-width: 320px){ .container .jumbotron .sol_portImg{ height: 750px !important; position: relative; left: -300px; -moz-opacity: 0.50; opacity:.50; filter: alpha(opacity=50); } } @media only screen and (max-width:768px) { .article-landing-hero { margin-top: -12px; } } @media only screen and (max-width: 500px){ .article-landing-hero { height: 400px; } } @media only screen and (max-width: 767px){ .articleLanding-banner .article-landing-hero .show-in-mobile { width: calc(100vw); height: 400px; } } @media only screen and (max-width: 768px){ .articleLanding-banner .article-landing-hero .hide-in-mobile { width: calc(100vw); } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .articleLanding-banner .article-landing-hero .hide-in-mobile{ width: calc(100vw); } } @media only screen and (max-width: 1024px) and (min-width: 320px){ .h5 { font-size: 1rem; } } /*****List Style content with Dash*****/ ul.dashed { list-style: none; padding-left: 0; } ul.dashed > li { margin-left: 15px; margin-bottom: 0.5rem; } /* Prevent nested li's from getting messed up */ ul.dashed > li::before { content: "-"; margin-left: -15px; } @media only screen and (min-width: 320px) and (max-width: 767px){ .article-landing-hero .article-landing-overlay .al-hero-left-col-text { /* width: 50%; */ position: absolute; top: 50px; } .prod-sel-left-col-text { position: relative !important; width: 100% !important; top: 0 !important; } } @media only screen and (min-width: 320px) and (max-width: 1023px){ .card-body{ margin-right: 20px; } } /*CZHVB-4360 fix*/ .card-body .card-text .h5{padding-top:8px;} /*VBMLE-40 404 hero banner css*/ @media only screen and (max-width: 767px) and (min-width: 320px){ .error-herobanner .heroContainer { border-bottom: none !important; margin-top: 50px !important; min-height: 250px !important; } .pr-50{ padding-right: 30px !important; } .pt-50{ padding-top: 50px; } .heroContent{ min-height: 200px !important; } .ml-20{ margin-left:15px; font-size: 1rem !important; } } @media only screen and (max-width: 1024px) and (min-width: 768px){ .ml-20{ margin-left:15px; } .hc-15{ margin-left:15px; } } .error_modal{ margin: 0; padding: 0; color: #000000; text-decoration: underline !important; cursor: pointer; } .align{ text-align: right; } .pr-50{ padding-right:50px; } .contactus_img{ width: 16px; height: 16px; } .align-right{ text-align: right; } .ml-20{ font-size: 1rem !important; } .pl-100{ padding-left: 100px; } /* VBMLE-82 Fix */ @media only screen and (max-width: 1024px) and (min-width: 320px){ .sitemap-contentBox .card-body { margin-right: 10px; } } /* VBMLE-77 Fix */ .sitemap-contentBox .row .newBaltimore_header { font-size: 2rem; } /* End of VBMLE-77 Fix */ /* VBMLE-78 Fix */ @media only screen and (max-width: 568px) and (min-width: 320px){ .error-herobanner .error-heroContent { min-height: 270px !important; } } @media only screen and (max-width: 767px) and (min-width: 375px){ .error-herobanner .error-heroContent { min-height: 175px !important; } } @media only screen and (max-width: 1024px) and (min-width: 768px){ .error-herobanner .error-heroContent { border-bottom: none !important; margin-top: 50px !important; min-height: 125px !important; } } @media only screen and (min-width: 768px) and (max-width: 1020px) and (orientation: portrait){ .error-herobanner { margin-top: 25px !important; } } @media only screen and (max-width: 767px) and (min-width: 568px){ .hcBtnPad { margin-left: 20px; } } @media only screen and (min-width: 769px){ .error-herobanner .heroContainer { margin-top: 10px !important; } } @media only screen and (width: 768px){ .error-herobanner .heroContainer { margin-top: 10px !important; } } /* My Business Sign In Component Styles */ .my-business-signin #login-content { height: 400px !important; width: 400px !important; } .my-business-signin .left { float: left !important; } .my-business-signin #login-content iframe { width: 335px !important; height: 375px !important; border: 0px; margin-left: 20px !important; margin-top: 20px !important; } .my-business-signin .marginLeftRight{ border-width: 0px 0px 1px 0px; background: #ffffff; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; } @media only screen and (min-width: 320px) and (max-width: 768px){ .my-business-signin .marginLeftRight{ padding-bottom: 50px; border-bottom: 1px solid #cccccc; } .my-business-signin #login-content iframe { height: 400px !important; } .my-business-signin .vrow{ padding-left: 20px !important; } } .my-business-signin .marginRight{ border-width: 0px 0px 1px 0px; background: #ffffff; border-right: 1px solid #cccccc; } @media only screen and (min-width: 320px) and (max-width: 767px){ .my-business-signin .row{ padding-top: 50px; } } @media only screen and (min-width: 320px) and (max-width: 1024px){ .my-business-signin #login-content{ width: auto !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px){ .my-business-signin #login-content iframe { width: 350px !important; } } .my-business-signin .vrow{ padding-top: 20px; padding-left: 30px; } .my-business-signin .card{ height: 140px; } .my-business-signin .hr{ border-top: 1px solid #cccccc; margin: 0 auto; width: 90%; } @media only screen and (min-width: 1024px) { .my-business-signin { padding-bottom: 100px; } } .my-business-signin .ml-10{ margin-left: 10px; } .my-business-signin .m-0{ font-size: 14px; font-family: "NHaasGroteskDSStd-55Rg"; color: #747676; } @media only screen and (min-width: 320px) and (max-width: 767px){ .my-business-signin .marginLeftRight{ border-left: 0 !important; border-right: 0 !important; } .my-business-signin .marginRight{ border-right: 0 !important; } } @media only screen and (min-width: 300px) and (max-width: 800px){ .my-business-signin #mainHeading{ padding-bottom: 20px !important; } } @media only screen and (min-width: 320px) and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .my-business-signin #login-content iframe{ width: 285px !important; } } @media only screen and (min-width: 375px) and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .my-business-signin #login-content iframe{ width: 335px !important; } } @media only screen and (min-width: 414px) and (max-width: 736px){ .my-business-signin #login-content iframe{ width: 375px !important; } } @media only screen and (min-width: 320px) and (max-width: 812px){ .my-business-signin .mt_25{ margin-top: 25px !important; } .my-business-signin .mb_30{ margin-bottom: 30px; } } @media only screen and (min-width: 375px) and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .my-business-signin .hr { width: 94%; } .my-business-signin .mt_25{ margin-top: 0px !important; } .my-business-signin .mb_30{ margin-bottom: 0px; } } @media only screen and (min-width: 414px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .my-business-signin .hr { width: 94%; } } /* End of My Business Sign In Component Styles */ /* City Offer Benefits components Styles */ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){ .cityoffer-benefit .embed-responsive.embed-responsive-16by9.video-overlay-section { height:340px; } } @media only screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) { .cityoffer-benefit .embed-responsive.embed-responsive-16by9.video-overlay-section { height: 340px; } } @media only screen and (min-width: 1366px) and (max-width: 1366px) and (orientation: landscape){ .cityoffer-benefit .embed-responsive.embed-responsive-16by9.video-overlay-section { height: 407px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){ .cityoffer-benefit .image-overlay-section .card-img-top.img-fluid.d-none.d-lg-block{ width: 481px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) { .cityoffer-benefit .image_tablet { display: block !important; } .cityoffer-benefit .image_mobile { display: none !important; } .cityoffer-benefit .image_desktop { display: none !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .cityoffer-benefit .image_tablet{ display: none !important; } .cityoffer-benefit .image_mobile { display: none !important; } .cityoffer-benefit .image_desktop { display: block !important; } } @media only screen and (min-device-width: 320px) and (max-device-width: 767px) { .cityoffer-benefit .image_tablet { display: none !important; } .cityoffer-benefit .image_mobile { display: block !important; } .cityoffer-benefit .image_desktop { display: none !important; } } @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and and (-webkit-min-device-pixel-ratio: 3) { .cityoffer-benefit .image_tablet{ display: none !important; } } @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { .cityoffer-benefit .image_tablet { display: none !important; } .cityoffer-benefit .image_mobile { display: none !important; } .cityoffer-benefit .image_desktop { display: block !important; } } /* End of City Offer Benefits components Styles */ /* VBMLE-225 Fix */ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){ .strat_solutions #benifits_accordion1 .faq_Accordian_title_modification{ width: 56%; } } .product-selector-hero { height: 400px; } /* End of VBMLE-225 Fix */ @media only screen and (max-width: 1024px) and (min-width: 320px){ .container .getting-started .col-lg-3 .card-body{ margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 320px){ .getting-started .col-lg-9 .border-0 .card-body { margin-right:0px; } } .container .article-resource-banner .image_desktop{width: 100%;} @media only screen and (max-width: 1024px) and (min-width: 320px){ .aem-Grid .article-resource-banner .container .text-primary{width: 65%;}} @media only screen and (min-device-width: 320px) and (max-device-width: 568px) { .aem-Grid .article-resource-banner .container .text-primary{width: 65%; margin-top: -22px;} } .container .aem-Grid .article-paragraph .article-text ul {padding-left: 20px;} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .container .aem-Grid .article-paragraph .article-text ul {padding-left: 14px;} } /*-------calnet3 escalanet procedures-------*/ .calnet-table caption{ line-height: 24px; font-size: 1.25rem; font-weight: 500; color: inherit; margin-top: 0; margin-bottom: .5rem; text-align: left; } table.calnet-table { width: 100%; } .calnet-table caption p{ margin-bottom:10px; font-family: NHaasGroteskDSStd-75Bd; } table.calnet-table, table.calnet-table th, table.calnet-table td { border: 0; } table.calnet-table { border-collapse:collapse; } table.calnet-table thead { border: 1px solid #dee2e6; border-right-width: 0px; border-left-width: 0px; } table.calnet-table thead th { flex: 1 1 auto; padding: .75rem; padding-bottom: .5rem !important; color: #d52b1e !important; font-size: 1.25rem; text-align: left; } @media (min-width: 1200px) { table.calnet-table thead th { line-height: 24px; } } @media (min-width: 992px) { table.calnet-table thead th { line-height: 1.25rem; } } table.calnet-table tbody { border: 1px solid #dee2e6; border-right-width: 0px; border-left-width: 0px; border-top-width: 0px; } table.calnet-table tbody tr:nth-child(odd){ background-color: #f6f6f6; } table.calnet-table tbody tr:nth-child(even) { background-color: #ffffff; } table.calnet-table tbody tr td { flex: 1 1 auto; padding: .75rem; padding-bottom: 1rem; font-size: 1.25rem; } /*-------------end-of-calnet3 escalanet procedures---------*/ /*-------calnet3-Taxes-and Fees-------*/ .taxes-table caption{ line-height: 24px; font-size: 1.25rem; font-weight: 500; color: inherit; margin-top: 0; margin-bottom: .5rem; text-align: left; } table.taxes-table { width: 100%; } .taxes-table caption p{ margin-bottom:10px; font-family: NHaasGroteskDSStd-75Bd; } table.taxes-table, table.taxes-table th, table.taxes-table td { border: 0; } table.taxes-table { border-collapse:collapse; } table.taxes-table thead { border: 1px solid #000000; border-right-width: 0px; border-left-width: 0px; } table.taxes-table thead th { flex: 1 1 auto; padding: .75rem; padding-bottom: .5rem !important; color: #000000 !important; font-size: 1.25rem; text-align: left; } @media (min-width: 1200px) { table.taxes-table thead th { line-height: 24px; } } @media (min-width: 992px) { table.taxes-table thead th { line-height: 1.25rem; } } table.taxes-table tbody { border: 1px solid #dee2e6; border-right-width: 0px; border-left-width: 0px; border-top-width: 0px; } table.taxes-table tbody tr:nth-child(odd){ background-color: #ffffff; } table.taxes-table tbody tr:nth-child(even) { background-color: #ffffff; } table.taxes-table tbody tr { border: 1px solid #dee2e6; border-right-width: 0px; border-left-width: 0px; } table.taxes-table thead tr:first-child { border: 1px solid #000000; border-right-width: 0px; border-left-width: 0px; } table.taxes-table tbody tr td { flex: 1 1 auto; padding: .75rem; padding-bottom: 1rem; font-size: 1.25rem; } /*-------end-of-calnet3-Taxes-and Fees-------*/ @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) { .errorHeroContainer{ display: inline !important; } .errorHeroContent{ display: inline !important; } } .pt-50{ padding-top: 50px; } .calnet-vbm-header{ border-bottom:1px solid #d8dada;clear: both; float: left; width: 100%; } .partner-program-gdpr-header{ border-bottom:1px solid #d8dada;clear: both; width: 100%; } @media screen and (min-width:300px) and (max-width: 800px){ .top_banner { min-height: 486px; overflow: hidden; top: 25px;} } /* Bold IE */ /* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { p b{ font-family: "NHaasGroteskDSStd-75Bd"; } } */ p b, ul li b,ol li b{ font-family: "NHaasGroteskDSStd-75Bd"; } /* Banner Seld Map */ img.image_desktop_floating_map { min-height: 540px; } img.image_mobile_floating_map { display: none; } img.calnet-logo{ width: auto; } img.image_mobile_floating_map { display: none; } div.d-calnet-logo{ text-align: right; } @media screen and (max-width: 500.98px) and (min-width: 0px) { img.image_desktop_floating_map { display: none; } img.image_mobile_floating_map { display: block; margin-left: auto; margin-right: auto; } div.d-calnet-logo{ text-align: center; } } @media screen and (max-width: 767.98px) and (min-width: 501px) { img.image_desktop_floating_map { display: none; } img.image_mobile_floating_map { display: block; margin-left: auto; margin-right: auto; } div.d-calnet-logo{ text-align: center; } } @media screen and (max-width: 991.98px) and (min-width: 768px) { img.image_desktop_floating_map { width: 100%; min-height : auto; } .top_banner{ min-height: auto; } } @media screen and (max-width: 1199.98px) and (min-width: 992px) { img.image_desktop_floating_map { width: 100%; min-height : auto; } img.calnet-logo{ width: 100%; } div.d-calnet-logo{ margin-top:0.2rem !important; } } @media screen and (max-width: 576px) and (min-width: 320px) { .banner-sled-map .hero-marquee .container{ padding-top: 0.75rem; } } @media screen and (min-width: 1200px) { img.calnet-logo{ width: 100%; } } @media screen and (min-width: 1400px) { img.calnet-logo{ width: auto; } } @media screen and (min-width: 1600px) { img.calnet-logo{ width: auto; } } @media screen and (min-width: 1900px) { img.calnet-logo{ width: auto; } } /* End Banner Map */ /* Contracts Sled */ /* ----------- iPad Pro ----------- */ /* Portrait */ @media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) { .contracts-sled .heightCardIpadLandscape { min-height : 385px !important; } } /* Landscape */ @media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) { .contracts-sled .heightCardIpadLandscape { min-height : 320px !important; } } /* ----------- iPad ----------- */ /* Portrait and Landscape */ /* Portrait */ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .contracts-sled .heightCardIpadLandscape { min-height : 388px !important; } } /* Landscape */ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .contracts-sled .heightCardIpadLandscape { min-height : 388px !important; } } /* -----------End iPad ----------- */ /* End Contracts Sled*/ img.image_mobile_sled { display: none; } img.image_mobile_floating_sled { position: absolute; top: 0; right: 0; bottom: 0; display: none; } img.image_desktop_floating_sled { position: absolute; top: 0; right: 0; bottom: 0; } @media screen and (max-width: 500.98px) and (min-width: 0px) { img.image_desktop_floating_sled { display: none; } img.image_mobile_floating_sled { display: block; } } @media screen and (max-width: 767.98px) and (min-width: 501px) { img.image_desktop_floating_sled { display: none; } img.image_mobile_floating_sled { display: block; } } @media screen and (max-width: 991.98px) and (min-width: 768px) { img.image_desktop_floating_sled { right: -130px; } } @media screen and (max-width: 1199.98px) and (min-width: 992px) { img.image_desktop_floating_sled { right: -50px; } } .top_banner_sled { overflow: hidden; } /* All desktop */ @media screen and (min-width: 768px) { .top_banner_sled { min-height: 540px; } } /* Inherit from .top_banner */ @media screen and (min-width: 300px) and (max-width: 800px) { .top_banner_sled { top: 40px; padding-bottom: 40px; } } #parentdiv {display:none;} .sh {display:block !important;} .custom-control-checkbox { width: 15px; height: 15px; margin-left: auto; margin-top: 0.650rem; } ol.custom-list-decimal { font-weight: bold; } ol.custom-list-decimal li p { font-weight: normal; } ol.custom-list-decimal li span{ font-weight: normal; } .custom-list-decimal li { list-style: decimal !important; margin-left: 0.250rem; } .button-partner-button { min-width: 200px; } .same-company-control-checkbox{ display: none; } .parner-prog-download-desktop{ display: block !important; } .parner-prog-download-mobile{ display: none !important; } .partner-gdpr-register-form .form-group label{ text-align: right !important; } .partner-gdpr-register-form .form-control{ color: #000; } @media screen and (max-width: 500.98px) and (min-width: 0px) { .button-partner-button { width:100%; margin-bottom: 1rem; } .parner-prog-download-desktop{ display: none !important; } .parner-prog-download-mobile{ display: block !important; } .partner-gdpr-register-form .form-group label{ text-align: left !important; } .custom-control-checkbox { width: 15px; height: 17px; bottom: -1rem; } } @media screen and (max-width: 767.98px) and (min-width: 501px) { .button-partner-button { min-width: 200px; } .parner-prog-download-desktop{ display: none !important; } .parner-prog-download-mobile{ display: block !important; } .partner-gdpr-register-form .form-group label{ text-align: left !important; } } @media screen and (max-width: 991.98px) and (min-width: 768px) { .button-partner-button { min-width: 200px; } .parner-prog-download-desktop{ display: none !important; } .parner-prog-download-mobile{ display: block !important; } .partner-gdpr-register-form .form-group label{ text-align: right !important; } } @media screen and (max-width: 1199.98px) and (min-width: 992px) { .button-partner-button { min-width: 200px; } .partner-gdpr-register-form .form-group label{ text-align: right !important; } } .equipement .car hr{ border-color: #000 !important; } .discount-logo-header{ min-height: 56px; } @media screen and (max-width: 500.98px) { .discount-logo-header{ min-height: 60px; } } @media screen and (max-width: 767.98px) and (min-width: 501px) { .discount-logo-header{ min-height: 48px; } } /* General Settings */ .heroContainer { position: relative; /*float: left;*/ width: 100%; overflow: hidden; } /* Grid Settings */ .heroContainer { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-areas: "image"; } .heroContainer { border-bottom: 1px solid #f2f2f2; } /* Hero Image */ .heroImage { grid-area: image; width: 100%; } /* Desktop */ @media only screen and (min-width: 1400px) { /* Hero Image Content Overlay */ .heroContent { grid-area: image; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 50% 25% 12.5% 12.5%; grid-template-areas: ". title" ". text" ". check" ". phone"; width: 100%; } .wid_90 { width: 90%; } .heroContent h1.hcTitle { font-size: calc(4em + 1vw); } .heroContent h2.hcTitle { font-size: calc(3.5em + .85vw); } .heroContent h3.hcTitle { font-size: calc(3em + 1vw); } .heroContent h4.hcTitle { font-size: calc(2.5em + 1vw); } .heroContent h5.hcTitle { font-size: calc(2em + 1vw); } .heroContent h6.hcTitle { font-size: calc(1.5em + 1vw); } .hcTitle { grid-area: title; font-size: calc(4em + 1vw); } .hcTitle { /* width: 80%; */ font-family: "NHaasGroteskDSStd-75Bd"; line-height: 0.95; text-align: left; color: #000; padding: 13px 0 13px 0; } .heroContent h1.hcText { font-size: 20px; } .heroContent h2.hcText { font-size: 18px; } .heroContent h3.hcText { font-size: 16px; } .heroContent h4.hcText { font-size: 14px; } .heroContent h5.hcText { font-size: 12px; } .heroContent h6.hcText { font-size: 10px; } .hcText { grid-area: text; font-size: 20px; } .hcText { font-family: "NHaasGroteskDSStd-55Rg"; line-height: 1.19; text-align: left; color: #000; display: block; padding: 0 0 16px 0; width: 55%; } .hcCheck { grid-area: check; } .hcPhone { grid-area: phone; font-family: "NHaasGroteskDSStd-75Bd"; padding: 0 0 16px 0; } .hcBtnPad { padding-bottom: 16px; padding-left: 0px; } .hcBtn { padding: calc(.5em + .15vw) calc(1em + 1.5vw); border: 1px solid black; border-radius: 100px; cursor: pointer; text-decoration: none; color: black; font-size: 14px; font-family: "NHaasGroteskDSStd-75Bd"; } .hcBtnBlack { padding: calc(.5em + .15vw) calc(1em + 1.5vw); border: 1px solid black; border-radius: 100px; cursor: pointer; text-decoration: none; color: white; background-color: black; font-size: 14px; font-family: "NHaasGroteskDSStd-75Bd"; } .image_heroDesktop { display: block; } .image_heroMobile { display: none; } } /* Tablet */ @media only screen and (min-width: 568px) and (max-width: 1399px) { /* Hero Image Content Overlay */ .heroContent { grid-area: image; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto auto auto auto; grid-template-areas: ". title" ". text" ". check" ". phone"; width: 100%; } .heroContent h1.hcTitle { font-size: 5.4vw; } .heroContent h2.hcTitle { font-size: 5vw; } .heroContent h3.hcTitle { font-size: 4.5vw; } .heroContent h4.hcTitle { font-size: 4vw; } .heroContent h5.hcTitle { font-size: 3.5vw; } .heroContent h6.hcTitle { font-size: 3vw; } .hcTitle { grid-area: title; font-size: 5.4vw; } .hcTitle { font-family: "NHaasGroteskDSStd-75Bd"; line-height: 0.95; text-align: left; color: #000; padding: 16px 0 0 0; } .heroContent h1.hcText { font-size: 1.9vw; } .heroContent h2.hcText { font-size: 1.8vw; } .heroContent h3.hcText { font-size: 1.7vw; } .heroContent h4.hcText { font-size: 1.6vw; } .heroContent h5.hcText { font-size: 1.5vw; } .heroContent h6.hcText { font-size: 1.4vw; } .hcText { grid-area: text; font-size: 1.5vw; } .hcText { font-family: "NHaasGroteskDSStd-55Rg"; line-height: 1.19; text-align: left; color: #000; display: block; padding: 0px; width: 50%; } .hcCheck { grid-area: check; } .hcPhone { grid-area: phone; font-family: "NHaasGroteskDSStd-75Bd"; padding: 0px; } .hcBtnPad { padding-bottom: 16px; padding-left: 0px; } .hcBtn { padding: .72vw 2.6vw; border: 1px solid black; border-radius: 100px; cursor: pointer; text-decoration: none; color: black; font-size: 14px; font-family: "NHaasGroteskDSStd-75Bd"; } .image_heroDesktop { display: block; } .image_heroMobile { display: none; } } /* Mobile Settings AKA portrait * Designed for use on any device whose viewport width is * below 600px (Nexus 7 tablet is smallest tablet width) * Phone only. * changed to 567 because iphone 5 has landscape width of 568px */ /* Design for <=599 Width */ @media only screen and (max-width: 567px) { /* Hero Image */ .heroImage { grid-area: image; width: 100%; /*content: url('clientlib-p3/style/clientlib-vbm/images/amren/sitting-lady-ready-mobile.jpg');*/ max-width: 230px; margin: auto; } /* Hero Image Content Overlay */ .heroContent { grid-area: image; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto 50%; grid-template-areas: "title" "text" "check" "."; width: 100%; } .heroContent h1.hcTitle { font-size: 11vw; } .heroContent h2.hcTitle { font-size: 9.5vw; } .heroContent h3.hcTitle { font-size: 8.75vw; } .heroContent h4.hcTitle { font-size: 8vw; } .heroContent h5.hcTitle { font-size: 7vw; } .heroContent h6.hcTitle { font-size: 6vw; } .hcTitle { grid-area: title; font-size: 11vw; } .hcTitle { font-family: "NHaasGroteskDSStd-75Bd"; line-height: 0.95; text-align: left; color: #000; padding: 16px 16px 0px 16px; } .heroContent h1.hcText { font-size: 5vw; } .heroContent h2.hcText { font-size: 4.5vw; } .heroContent h3.hcText { font-size: 4vw; } .heroContent h4.hcText { font-size: 3.5vw; } .heroContent h5.hcText { font-size: 3vw; } .heroContent h6.hcText { font-size: 2.5vw; } .hcText { grid-area: text; font-size: 5vw; } .hcText { font-family: "NHaasGroteskDSStd-55Rg"; line-height: 1.19; text-align: left; color: #000; display: block; padding: 0px 16px; } .hcCheck { grid-area: check; } .hcBtnPad { padding-left: 16px; } .hcBtn { padding: 2.5vw 5vw; border: 1px solid black; border-radius: 100px; cursor: pointer; text-decoration: none; color: black; font-size: 14px; font-family: "NHaasGroteskDSStd-75Bd"; } .image_heroDesktop { display: none; } .image_heroMobile { display: block; } } /* Remove phone on mobile */ @media only screen and (max-width: 500px) { .hcPhone { display: none; } } /* Iphone 6/7/8 + */ @media only screen and (max-width: 500px) and (min-width: 400px) { .heroContent { grid-template-rows: auto auto auto 45%; } } /* Iphone 5 */ @media only screen and (max-width: 320px) { .heroContent { grid-template-rows: auto auto auto 45%; } .heroImage { max-width: 245px; } } .hcPhoneNew { grid-area: phone; } @media only screen and (min-width: 1400px) { .heroContent { grid-template-rows: auto auto auto auto; } .hcTitle { padding: 50px 0 13px 0px; } .hcText { padding: 0 0 16px 0; } .hcPhoneNew { padding-bottom: 30px; } } @media only screen and (min-width: 568px) and (max-width: 1399px) { .hcPhoneNew { padding-bottom: 10px; } .hcText { padding-bottom: 10px; width: 90%; padding-left:10px; } .wid_90 { width: 90%; } .hcTitle { padding-top: 20px; padding-bottom: 5px; padding-left:10px; } } /* IE 11 Fix */ .heroContainer { display: -ms-grid; } .heroImage { -ms-grid-column: 1; -ms-grid-row: 1; } @media only screen and (min-width: 1400px) { .heroContent { -ms-grid-rows: 55% 25% 10% 10%; } } @media only screen and (min-width: 568px) { .heroContent { -ms-grid-column: 1; -ms-grid-row: 1; display: -ms-grid; -ms-grid-columns: 1fr 1fr; -ms-grid-rows: 52.5% 25% 11.25% 11.25% } .hcTitle { -ms-grid-column: 2; -ms-grid-row: 1; } .hcText { -ms-grid-column: 2; -ms-grid-row: 2; } .hcCheck { -ms-grid-column: 2; -ms-grid-row: 3; } .hcPhoneNew { -ms-grid-column: 2; -ms-grid-row: 4; } } @media only screen and (max-width: 567px) { .heroContent { -ms-grid-column: 1; -ms-grid-row: 1; display: -ms-grid; -ms-grid-columns: 1fr; -ms-grid-rows: 27.5% 20% 10% 42.5%; } .hcTitle { -ms-grid-column: 1; -ms-grid-row: 1; } .hcText { -ms-grid-column: 1; -ms-grid-row: 2; } .hcCheck { -ms-grid-column: 1; -ms-grid-row: 3; } } @media only screen and (max-width: 500px) and (min-width: 400px) { .heroContent { -ms-grid-rows: 30% 20% 10% 40%; } } @media only screen and (max-width: 320px) { .heroContent { -ms-grid-rows: 27.5% 18.5% 10% auto; } } /* End of IE 11 Fix */ .h-d-none { display: none; } .border-bottom-gray { border-bottom: 2px solid #f2f2f2; } @media only screen and (max-width: 768px) { .heroContainer { border-bottom: none; margin-top:-1px; } } .location_content p { text-shadow: 1px 1px white; } .location_content a { text-shadow: 1px 1px white; } .heroBanner_location_content { width: 45%; position: absolute; bottom: 0px; left: 0px; } @media only screen and (max-width: 567px) { .heroBanner_location_content { width: 100%; } } @media only screen and (max-width: 800px) { .vle-mobile-header-container-compensation { width: 100%; overflow: hidden; height: 103px; } .heroImage{width:114%;} } @media only screen and (min-width: 768px) { .vle_mainContainer .vle_mainContainer_left .container { border-top: none; } } /* CZHVB-3987 fix */ @media only screen and (width: 768px) { .img.image_heroDesktop.heroImage { height: 315px; } .vle-mobile-header-container-compensation {height:25px !important;} .heroContainer { margin-top: 78px; } } /* CZHVB-3987 This fix added to clientlib-vbm/style/main.css as well */ /* @media only screen and (width: 768px) { .vle_gettingstarted_carosuelList { min-height: 200px; } } */ /* CZHVB-4056 Fix */ @media only screen and (width: 768px) { .tabletonly_showme { opacity: 1!important; } } @media only screen and (min-width: 769px) { .heroContainer { margin-top: 81px; } } /* added class .tabletonly_showme to product-banner.html to div.vle_products.hideme */ /*iphone-x only*/ @media screen and (max-width: 812px) and (min-width: 812px) and (orientation: landscape){ .heroContainer{margin-top:116px;} .heroImage{width:107%;} } .offer-container { border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; border-left: 1px solid #dee2e6; margin-right: 0px !important; margin-left: 0px !important; } div.offer-card:hover { border-bottom: 5px solid #d52b1e; } div.offer-card { min-height: 280px; border-right: 1px solid #dee2e6; transition: .3s border-bottom ease-in; padding-top: 14px; padding-left: 16px; } div.offer-card :first-child { border-left: 1px solid $dee2e6 !important; } .offer-card-header { min-height: 120px; } .offer-card-header { font-family: 'NHaasGroteskDSStd-75Bd'; width: 80%; line-height: 1; } .offer-card-dividing-line { height: 1px; background-color: #000000; box-shadow: inset -1px 0 0 0 #f6f6f6; margin: 0 15px 0 0; } .offer-card-content { padding: 5px 0 0 0; font-family: 'NHaasGroteskDSStd-55Rg'; font-size: 20px; line-height: 1.2; color: #000000 ; } a.show_offer_modal { margin: 0; padding: 0; color: #000000; text-decoration: underline !important; cursor: pointer; } .offer-card-show-modal { position: absolute; bottom: 25px; right: 36px; text-align: right; font-size: 20px; font-family: 'NHaasGroteskDSStd-55Rg'; } .offer-card-show-modal:after { content: url(clientlib-p3/style/images/right-caret.svg); position: absolute; width: 20px; height: 20px; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; bottom: 7px; right: -28px; color: #000; } .text-red{ color : #d52b1e;} .owl-carousel{z-index:0 !important;} .vle_tooltip_white_Info{ color: #fff; font-family: arial; background: transparent; height: 13px; width:13px; font-size: 10px; float: left; text-align: center; line-height:12px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border:1px solid #fff;} .tooltipContent_offerBar { display:none; position: fixed; margin: 0 auto; top: 20%; left: 35%; width:33.3vw; min-height: 200px; background: #fff; color: #000; z-index:99999; padding: 18px 19px; background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); } .tooltipContent_heromarquee{display:none; position: fixed; margin: 0 auto; top: 30%; left: 50%; width: 33.3vw; min-height: 42vh; margin-left: -200px; background: #fff; color: #000;z-index:99999;padding: 18px 19px; background: #fff; box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); } .tooltipContent_offerBar_content{ min-height: 138px; font-family: NHaasGroteskDSStd-55Rg; font-size: 14px; line-height: 1.2; padding: 20px; color: #000; display:block; cursor: default; } .tooltipContent_offerbarClose img{ position: absolute; width: 25px; right: 32px; top: 32px; } .popupContent{ min-height: 25vh; border-bottom: 1px solid gray; margin-bottom: 10px; } a.letsgo_btn:after { content: ''; display: inline-block; width: 28px; height: 20px; top: 5px; background: url('clientlib-p3/images/right-caret.svg') transparent 10px 0px no-repeat; position: relative; } a.letsgo_btn { border-radius: 0; text-align :right; } @media screen and (max-width:800px) and (min-width: 300px){ .popupContent{ min-height:30vh } .vle_special_offer_for_mobile { display: block;min-height: 54px; background-color: #000000; padding: 13px 0 14px 46px; position: relative; } .vle_special_offer_for_mobile .vle_special_offer_content { font-family:"NHaasGroteskDSStd-55Rg"; font-size: 14px; line-height: 14px; /* max-width: 80%!important; */ min-width: 70%; left: 7em; width: 100% !important; } .vle_special_offer_for_mobile .vle_special_offer_content_span { float: left; } .vle_special_offer_for_mobile .i { margin-left: 16px; color: #000; font-family: arial; background: #fff; height: 11px; width:11px; font-size: 11px; float: left; text-align: center; line-height: 11px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; } .vle_special_offer_for_mobile { top:0px; max-height: 55px !important; padding: 2% 6em 2% 16px !important;} .tooltipContent_offerBar{ top:10vh; width: 85%; height: 85vh; overflow: scroll; } .tooltipContent_heromarquee{left: 58%; width: 90vw; height: 95vh; top: 10px; } a.letsgo_btn { text-align :right; } .vbm_tooltip_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(116,118,118,.9); height: 100%; width: 100%; } .vbm_tooltip_overlay_content { padding: 18px 19px; height: 100%; background: #fff; overflow-y: auto; } } @media screen and (min-width: 765px) and (max-width: 860px) and (orientation: portrait) { .tooltipContent_heromarquee{ left:30%; top:30%; height:initial; } .tooltipContent_offerBar { /* left:30%; top:30%; */ height:initial; } .popupContent{ min-height:25vh; } a.letsgo_btn { text-align :right; } } @media screen and (min-width:760px) and (max-width: 1024px){ .vle_special_offer_for_mobile .vle_special_offer_content{ font-size:12px!important; text-align: right; padding-right: 1%; } } @media screen and (max-width:1366px) and (min-width: 800px) { .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%; } } /*and (orientation:landscape)*/ @media only screen and (min-width:450px) and (max-width: 767px) { .tooltipContent_offerBar { top: 20%; width: 85%; height: 50vh; left: 38%; } .tooltip_overflow_scroll_offerbar { overflow: scroll; } a.letsgo_btn { text-align :right; } .vbm_tooltip_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(116,118,118,.9); height: 100%; width: 100%; } .vbm_tooltip_overlay_content { padding: 18px 19px; height: 100%; background: #fff; overflow-y: auto; } } //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-p3/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-p3/images/tooltip_arrow_top.svg) no-repeat center bottom; background-size: 15px; top:-14px; left: 50%; margin-left: -8px; } .vle_special_offer_for_mobile { display: block; min-height: 40px; background-color: #000; padding: 10px 0 10px 16px; position: relative; float: left; width: 100%; margin-top: 0; } .vle_special_offer_for_mobile .vle_special_offer_content { font-family: "NHaasGroteskDSStd-55Rg"; font-size: 12px; line-height: 10px; float: right; width: 50.6%; color: #fff; position: relative; } .vle_special_offer_for_mobile .vle_tooltip { float: initial; position: relative; display: inline-block; margin-left: 0px; } /*iphone-x only*/ @media screen and (max-width: 812px) and (min-width: 375px) and (orientation: landscape){ .tooltipContent_offerBar,.tooltipContent_heromarquee { top: 8%; width: 80vw; height: 90vh; left: 38%; } .vbm_tooltip_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(116,118,118,.9); height: 100%; width: 100%; } .vbm_tooltip_overlay_content { padding: 18px 19px; height: 100%; background: #fff; overflow-y: auto; } } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }