/* grunt-less chokes on font faces */ /* Bad at 69 and below */ @font-face { font-family: 'Rubrik-ExtraLight'; src: url('/fonts/Rubrik-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-ExtraLight.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-ExtraLight.svg#wf') format('svg'); /* Legacy iOS */ font-weight: normal; } @font-face { font-family: 'Rubrik-ExtraLightItalic'; src: url('/fonts/Rubrik-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-ExtraLightItalic.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-ExtraLightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-ExtraLightItalic.svg#wf') format('svg'); /* Legacy iOS */ font-weight: normal; } /* Bad at 26 and below */ @font-face { font-family: 'Rubrik-Light'; src: url('/fonts/Rubrik-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-Light.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-Light.svg#wf') format('svg'); /* Legacy iOS */ font-weight: normal; } @font-face { font-family: 'Rubrik-LightItalic'; src: url('/fonts/Rubrik-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-LightItalic.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-LightItalic.svg#wf') format('svg'); /* Legacy iOS */ font-weight: normal; } /* Bad at 20, 21 */ @font-face { font-family: 'Rubrik-Regular'; src: url('/fonts/Rubrik-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-Regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-Regular.svg#wf') format('svg'); /* Legacy iOS */ font-weight: normal; } @font-face { font-family: 'Rubrik-RegularItalic'; src: url('/fonts/Rubrik-RegularItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-RegularItalic.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-RegularItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-RegularItalic.svg#wf') format('svg'); /* Legacy iOS */ } /* Bad at 25, 12 */ @font-face { font-family: 'Rubrik-Medium'; src: url('/fonts/Rubrik-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-Medium.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-Medium.svg#wf') format('svg'); /* Legacy iOS */ font-weight: normal; } @font-face { font-family: 'Rubrik-MediumItalic'; src: url('/fonts/Rubrik-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-MediumItalic.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-MediumItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-MediumItalic.svg#wf') format('svg'); /* Legacy iOS */ font-weight: normal; } @font-face { font-family: 'Rubrik-SemiBold'; src: url('/fonts/Rubrik-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-SemiBold.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-SemiBold.svg#wf') format('svg'); /* Legacy iOS */ font-weight: normal; } @font-face { font-family: 'Rubrik-SemiBoldItalic'; src: url('/fonts/Rubrik-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Rubrik-SemiBoldItalic.woff') format('woff'), /* Modern Browsers */ url('/fonts/Rubrik-SemiBoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Rubrik-SemiBoldItalic.svg#wf') format('svg'); /* Legacy iOS */ font-weight: normal; } /** * HTML5 ✰ Boilerplate * * style.css contains a reset, font normalization and some base styles. * * Credit is left where credit is due. * Much inspiration was taken from these projects: * - yui.yahooapis.com/2.8.1/build/base/base.css * - camendesign.com/design/ * - praegnanz.de/weblog/htmlcssjs-kickstart */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* These selection declarations have to be separate No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink! */ ::-moz-selection { background: #53A0FD; color: #fff; text-shadow: none; } ::selection { background: #53A0FD; color: #fff; text-shadow: none; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* Sitecore resets */ div.scLooseFrameZone { overflow-y: visible !important; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ blockquote { margin: 0em 0em 1.111111em; padding: 1em 0em 0em; /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 1.3888em; font-size: 1.8em; border: none; color: #333; quotes: none; text-align: left; } blockquote:before { font-size: 3.333333em; line-height: 1em; margin-bottom: -0.416667em; color: #7F1399; content: "“"; display: block; font-family: Georgia, serif; } blockquote p { font-size: 1em; line-height: 1.388889em; } blockquote q:before, blockquote q:after, blockquote p:before, blockquote p:after { content: '"'; } blockquote footer cite { font-size: 0.777778em; line-height: 1.428571em; color: #333; font-family: Georgia, "Times New Roman", serif; font-style: italic; } .lte8 blockquote:before { font-size: 60px; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* ============================================================================= Definition List styling ========================================================================== */ dl { overflow: hidden; } dd, dt { font-size: 1.4em; line-height: 1.428571em; padding-bottom: 0.714286em; color: #333; float: left; padding-right: 5%; width: 45%; } dt { clear: left; font-family: 'Rubrik-Medium', Arial, sans-serif; } dd { font-family: 'Rubrik-Light', Arial, sans-serif; } .small dd, .small dt { font-size: 1.3em; line-height: 1.538462em; } dd.large { color: #7F1399; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 2em; line-height: 1em; } .dl_minimalist { overflow: visible !important; } .dl_minimalist dt, .dl_minimalist dd { /* must be 13/11 since IE has issue with 12px font */ font-size: 1.3em; line-height: 1.153846em; padding-bottom: 0.416667em; font-family: 'Rubrik-Light', Arial, sans-serif; padding-top: 0; } .dl_minimalist dt dt, .dl_minimalist dd dt, .dl_minimalist dt dd, .dl_minimalist dd dd { font-size: 1em; word-wrap: break-word; } .dl_minimalist dt { padding-right: 3%; text-transform: none; width: 37%; } .dl_minimalist dt, .dl_minimalist dd strong { font-family: 'Rubrik-Medium', Arial, sans-serif; font-weight: normal; } .dl_minimalist dd { margin-bottom: 0; padding-right: 0; padding-left: 3%; width: 57%; } .dl_minimalist .separator { border-top: 1px dashed #CCCCCC; margin-top: 0.833333em; padding-top: 1.25em; } .dl_minimalist .separator .boxtrigger_holder { display: block; } .dl_minimalist .highlight { color: #999; font-family: 'Rubrik-LightItalic', Arial, sans-serif; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ h1 { font-size: 3.5em; line-height: 1.142857em; letter-spacing: -0.028571em; margin: 0.285714em 0em 1.714286em -0.057143em; padding: 0.114286em 0em 0.028571em; color: #7F1399; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-weight: normal; position: relative; } h1 strong, h1 b { font-family: 'Rubrik-Regular', Arial, sans-serif; } h1.white { color: #FFF; } h1.grey { color: #CCC; } h1.small { font-size: 3em; margin-bottom: 1em; } .main_content_title h1 { margin-top: 0; margin-bottom: 0; line-height: 1; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ h2 { display: block; font-weight: normal; color: #444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 2.2em; letter-spacing: -0.045455em; line-height: 1.363636em; margin: 2.272727em 0em 0.909091em -0.045455em; padding: 0.045455em 0em 0.181818em; } h2 strong, h2 b { font-family: 'Rubrik-Regular', Arial, sans-serif; font-weight: normal; } .webkit h2, .lte9 h2 { font-family: 'Rubrik-Regular', Arial, sans-serif; } .webkit h2 strong, .lte9 h2 strong, .webkit h2 b, .lte9 h2 b { font-family: 'Rubrik-Medium', Arial, sans-serif; } h2.no_margin, h2.small.no_margin { margin: 0; } h2.large { font-size: 2.5em; letter-spacing: -0.04em; line-height: 1.2em; margin: 0em 0em 0em -0.04em; padding: 0em; } h2.white { color: #FFF; } h2.smaller, .webkit h2.smaller { font-family: 'Rubrik-Light', Arial, sans-serif; padding-top: 40px; } h2.smaller small, .webkit h2.smaller small { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 13px; letter-spacing: -1px; line-height: 15px; } .webkit h2.smaller small { font-family: 'Rubrik-Regular', Arial, sans-serif; } .at_a_glance + h2 { margin-top: 10px; } .main_content > h2:first-child { margin-top: 0; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ h3 { color: #333333; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 20px; line-height: 30px; margin: 20px 0 10px; } h3 strong, h3 b { font-family: 'Rubrik-SemiBold', Arial, sans-serif; font-weight: normal; } h3.upper { text-transform: uppercase; } h3.light { color: #333; font-family: 'Rubrik-Light', Arial, sans-serif; } h3.light strong, h3.light b { font-family: 'Rubrik-Regular', Arial, sans-serif; font-weight: normal; } h3.larger { font-family: 'Rubrik-Light', Arial, sans-serif; margin: 0 0 10px 0; } h3.large { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 15px; line-height: 20px; margin: 0 0 10px 0; } h3.largish { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 2.2em; line-height: 1.363636em; margin: 0em 0em 0.681818em; } h3.small { font-size: 17px; line-height: 20px; margin: 0 0 10px 0; text-transform: uppercase; } h3.line { line-height: 30px; font-size: 25px; } h3.white { color: #FFF; } h3.uppercase { text-transform: uppercase; } .lte10 h3.small { font-size: 17px; } h3 + hr { margin-top: -5px; } .panel_trans hr.major + h3 { margin-top: -5px; margin-bottom: -10px; } h3.smaller, .webkit h3.smaller { font-family: 'Rubrik-Light', Arial, sans-serif; padding-top: 30px; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ h4, .scfTitleBorder, .wffm .scfSectionLegend { color: #333; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 17px; line-height: 25px; margin: 15px 0 10px; } h4 strong, .scfTitleBorder strong, .wffm .scfSectionLegend strong, h4 b, .scfTitleBorder b, .wffm .scfSectionLegend b { font-family: 'Rubrik-Light', Arial, sans-serif; font-weight: normal; } .webkit h4, .lte9 h4, .webkit .scfTitleBorder, .lte9 .scfTitleBorder, .webkit .wffm .scfSectionLegend, .lte9 .wffm .scfSectionLegend { font-family: 'Rubrik-Light', Arial, sans-serif; } .webkit h4 strong, .lte9 h4 strong, .webkit .scfTitleBorder strong, .lte9 .scfTitleBorder strong, .webkit .wffm .scfSectionLegend strong, .lte9 .wffm .scfSectionLegend strong, .webkit h4 b, .lte9 h4 b, .webkit .scfTitleBorder b, .lte9 .scfTitleBorder b, .webkit .wffm .scfSectionLegend b, .lte9 .wffm .scfSectionLegend b { font-family: 'Rubrik-Regular', Arial, sans-serif; } h4.intro, .scfTitleBorder.intro { margin-bottom: 50px; } h4.upper, .scfTitleBorder.upper { text-transform: uppercase; } h4.smaller, .webkit h4.smaller, .scfTitleBorder.smaller, .webkit .scfTitleBorder.smaller { font-family: 'Rubrik-Light', Arial, sans-serif; padding-top: 25px; } h4.white, .grey_container h4 { color: #FFF; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ h5 { color: #444; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 14px; line-height: 20px; margin: 10px 0 5px; padding: 3px 0 2px; letter-spacing: -0.33px; } h5 strong, h5 b { font-family: 'Rubrik-Medium', Arial, sans-serif; font-weight: normal; } .lte7 h5 { font-family: 'Rubrik-Light', Arial, sans-serif; } .lte7 h5 strong, .lte7 h5 b { font-family: 'Rubrik-Regular', Arial, sans-serif; font-weight: normal; } h5.small { font-size: 12px; line-height: 15px; margin: 0; text-transform: uppercase; } h5.large { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 25px; line-height: 30px; } h5.white, .grey_container h5 { color: #FFF; } h5.uppercase { text-transform: uppercase; } h5.smaller, .webkit h5.smaller { font-family: 'Rubrik-Light', Arial, sans-serif; padding-top: 20px; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ h6 { color: #666; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 14px; line-height: 20px; margin: 10px 0 5px; padding: 3px 0 2px; text-transform: uppercase; } h6 strong, h6 b { font-family: 'Rubrik-SemiBold', Arial, sans-serif; font-weight: normal; } h6.smaller, .webkit h6.smaller { padding-top: 15px; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ hr { border: 0; border-top: 0.1em solid #EAEAEA; clear: both; display: block; height: 0; padding: 0; opacity: 0.6; margin: 2.8em 0em 2.6em; } hr.thick { border-top-color: #999; margin: 0.5em 0em 0.5em; opacity: 1; } hr.major { border-top-color: #999; margin: 1.9em 0em 2em; } hr.minor { border-top-color: #e0e0e0; margin: 1.9em 0em 2em; } hr.dashed { border-top-color: #CCCCCC; border-top-style: dashed; margin: 1.9em 0em 2em; } hr.small { margin: 0.9em 0em 1em; } hr.small_top { margin: 0.9em 0em 2em; } hr.smallest, hr.smaller { margin: 0.4em 0em 0.5em; } hr.minor.smallest_top { margin: 0.4em 0em 1em; } hr.smallest.big_bot { margin: 0.4em 0em 2em; } hr.smallest_bot { margin: 0.9em 0em 0.5em; } hr.no_bot { margin: 1.9em 0em 0em; } hr.smallest_top { margin: 0.4em 0em 1em; } .lte8 figure { padding-bottom: 5px; } .lte8 figure hr { float: left; padding-top: 5px; } hr.invisible { border-top-color: transparent !important; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* ============================================================================= List styling ========================================================================== */ ul { list-style: disc; margin: -2em 0 2em; } ol { list-style-type: decimal; margin: -2em 0 2em -1.3em; } p.smallest + ul, p.smallest + ol { margin-top: 0.5em; } .scrollable_table_container + ul, .scrollable_table_container + ol { margin-top: 3em; } .small ol, .small ul { margin-top: -1em; margin-bottom: 1em; } h4 + ul, h4 + ol { margin-top: -1em; } ol ol { list-style-type: lower-latin; } ol ul { list-style: disc; } .scEnabledChrome ul, .scEnabledChrome ol { margin-top: 0; } img + ul, img + ol { margin-top: 0; } .list_layout, .list_layout ul, .list_layout ol { margin: 0; font-size: 1em; } li ul, li ol { font-size: 0.71428em; } li ul { margin: 0; } li ol { margin: 0 0 0 1.5em; } li { font-size: 1.4em; line-height: 1.785714em; font-family: 'Rubrik-Light', Arial, sans-serif; padding-bottom: 0; } li strong { font-family: 'Rubrik-Regular', Arial, sans-serif; font-weight: normal; } .small li { font-size: 1.2em; line-height: 1.666667em; } ul.smaller, ol.smaller { margin: 1em 0; } .smaller li { font-size: 1.2em; line-height: 1.25em; margin-bottom: 0.416667em; margin-left: 0.833333em; } .smaller li:before { margin-left: -0.833333em; padding-right: 0.416667em; } .smallest li { font-size: 1em; line-height: 1.2em; } ul > li { margin-left: 1.4285em; list-style: none; } ul > li:before { content: '•'; margin-left: -1.214286em; padding-right: 0.928571em; } ol li { margin-left: 3.5em; } ol ol > li, ul ol > li { margin-left: 1em; } ol ul > li { margin-left: 1.4285em; } .list_layout li { font-size: 1em; list-style: none; margin-left: 0; padding-left: 0; padding-bottom: 0; } .list_layout li:before { display: none; } .circle_ol { list-style: none; margin: 0; padding: 1.5em 0 2em; } .circle_ol li { counter-increment: step-ol; list-style: none; margin: 0 0 1em 50px; min-height: 35px; } .circle_ol li h3, .circle_ol li h4, .circle_ol li h5 { padding: 0; margin: 0; } .circle_ol li p { padding: 0.3em 0 0; margin: 0; } .circle_ol li:before { content: counter(step-ol); display: block; float: left; vertical-align: middle; margin: -4px 0 0 -50px; width: 35px; height: 25px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px 0 0; background: #7f1399; font-size: 15px; line-height: 1em; color: white; text-align: center; font-weight: bold; } .lte8 .circle_ol li:before { background: url(/images/circle_w35_purple.png) no-repeat; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* ============================================================================= Paragraph styling ========================================================================== */ p { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.4em; line-height: 1.571429em; margin: 0em 0em 1.428571em; } p .btn { font-size: 1em; } p.tight { margin-bottom: 0; } p img { max-width: 100%; height: auto; } .small p, p.small { font-size: 1.2em; line-height: 1.666667em; margin-bottom: 0.833333em; } p .small { font-size: 0.857143em; } .smaller p, p.smaller, p.user_address { font-size: 1.2em; line-height: 1.25em; margin-bottom: 0.416667em; } .smallest p, p.smallest { font-size: 1em; line-height: 1.2em; margin-bottom: 0; } small.smallest { font-size: 9px; line-height: 1.2; } p.quicker { font-size: 1.2em; line-height: 1.25em; margin-bottom: 0.833333em; } .stronger, .stronger strong, .stronger p { font-family: 'Rubrik-SemiBold', Arial, sans-serif; font-weight: normal; } .note { border-top: 1px solid #e0e0e0; clear: both; color: #666; font-size: 1.2em; line-height: 1.666667em; margin-top: 1.666667em; } p.icons { text-align: left; vertical-align: middle; } p.icons img { margin: 0 0.15em 0.3em; vertical-align: middle; display: inline-block; } p.icons img:first-child { margin-left: 0; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* ============================================================================= Base ========================================================================== */ html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } body { font-size: 100%; line-height: 2em; margin: 0; } body, button, input, select, textarea { color: #666; font-family: Arial, sans-serif; } /* ============================================================================= Fast click =========================================================================== */ a, input, button { -ms-touch-action: none !important; } /* ============================================================================= Generic tag styling ========================================================================== */ abbr[title] { border-bottom: 1px dotted; /*p*/ } b, strong { font-weight: bold; } dfn { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 1.5em; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root ) { overflow: hidden; } figure { margin: 0; } acronym { border-bottom: 1px dotted; position: relative; } acronym:hover:before { background: #46535F; bottom: 100%; color: #fff; content: attr(title); font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; left: 0; letter-spacing: 0; line-height: 15px; margin: 0 0 10px; padding: 10px; position: absolute; white-space: nowrap; } acronym:hover:after { border-bottom: 10px solid transparent; border-left: 10px solid #46535F; bottom: 100%; content: ' '; height: 0; left: 0; overflow: hidden; position: absolute; width: 0; } i, em { font-style: italic; } /* ============================================================================= Link styling ========================================================================== */ a, a:active, .a { color: #1D79DE; text-decoration: none; } .a { cursor: pointer; } a:hover, .a:hover { color: #0D499E; text-decoration: none; } a:hover, a:active { outline: 0; } a:link { -webkit-tap-highlight-color: #0D499E; } a:focus { outline: thin dotted; } a:visited { color: #0D499E; } input[type="submit"]:active, input[type="button"]:active { outline: thin dotted; } .main_content h4 a:hover, .main_content h5 a:hover, .main_content h6 a:hover, .main_content li a:hover, .main_content p a:hover { text-decoration: underline; } h2.smaller, h3.smaller, h4.smaller, h5.smaller, h6.smaller, .webkit h2.smaller, .webkit h3.smaller, .webkit h4.smaller, .webkit h5.smaller, .webkit h6.smaller { margin-bottom: 10px; margin-top: 10px; overflow: hidden; /* forces before in around floats */ padding-top: 40px; padding-bottom: 5px; position: relative; } h2.smaller:before, h3.smaller:before, h4.smaller:before, h5.smaller:before, h6.smaller:before, .webkit h2.smaller:before, .webkit h3.smaller:before, .webkit h4.smaller:before, .webkit h5.smaller:before, .webkit h6.smaller:before { background: #7F1399; content: ' '; display: inline-block; /*left: 2px;*/ height: 2px; position: absolute; top: 6px; width: 30%; } h2.smaller:first-child:before, h3.smaller:first-child:before, h4.smaller:first-child:before, h5.smaller:first-child:before, h6.smaller:first-child:before, .webkit h2.smaller:first-child:before, .webkit h3.smaller:first-child:before, .webkit h4.smaller:first-child:before, .webkit h5.smaller:first-child:before, .webkit h6.smaller:first-child:before { display: none; } .content_chunk .bt > a, .webkit .content_chunk .bt > a { color: inherit; } .content_chunk h2.smaller, .content_chunk h3.smaller, .content_chunk h4.smaller, .content_chunk h5.smaller, .content_chunk h6.smaller, .webkit .content_chunk h2.smaller, .webkit .content_chunk h3.smaller, .webkit .content_chunk h4.smaller, .webkit .content_chunk h5.smaller, .webkit .content_chunk h6.smaller { overflow: visible; } .content_chunk h2.smaller:first-child:before, .content_chunk h3.smaller:first-child:before, .content_chunk h4.smaller:first-child:before, .content_chunk h5.smaller:first-child:before, .content_chunk h6.smaller:first-child:before, .webkit .content_chunk h2.smaller:first-child:before, .webkit .content_chunk h3.smaller:first-child:before, .webkit .content_chunk h4.smaller:first-child:before, .webkit .content_chunk h5.smaller:first-child:before, .webkit .content_chunk h6.smaller:first-child:before { display: inline-block; } .larger_text { font-size: 2em; margin-top: 0.125em; display: inline-block; } .larger_text .sup { font-size: 0.5em; top: -0.7em; position: relative; } /* ============================================================================= Color styling ========================================================================== */ .Purple { color: #7f1399 !important; } .bk_purple { background: #7f1399 !important; } .bk_green { background: #6EB732 !important; } .bk_orange { background: #FF9B00 !important; } .bk_gray { background: #878787 !important; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ html { height: 100%; overflow-y: scroll; } body { height: 100%; min-width: 320px; /* smallest mobile usable support */ } /* On supporting browsers, disables all :hover styles. This class is added only whilst scrolling */ .disable-hover { pointer-events: none; } .wrapper { /* Commented out as we have changed login panel to be a form - kp*/ min-height: 100%; position: relative; } .side_bar_open { width: 183.3333%; } .lte7 .form { overflow: hidden; } .main, .main_clear { float: left; width: 100%; overflow: hidden; } .main_document_title { display: none; } .side_bar_open .main { width: 54.5454%; } .lte7 .main { zoom: 1; } .content { width: 100%; } .content.landingpagecomponent { overflow: hidden; position: relative; } .content_holder, .content_holder_slim { margin: 0 auto; padding: 3em 4.1665%; max-width: 66em; padding-bottom: 80px; } .content_holder_slim { padding-top: 1em; padding-bottom: 1em; } .main_content, .pad_content { margin: 0 auto; } .main_content_extendedright { float: right; } .main_content_extendedright_left { width: 66%; float: left; } .main_content_extendedright_right { width: 30%; float: right; } .main_content__offerzone { position: relative; } .content_chunk { margin-bottom: 5em; } .content_chunk h2 { /*display: inline; */ } .content_section { clear: both; } .regionsalesphonenumber a { white-space: nowrap; } /* MISC */ /* Background Opacity */ .bk-op1 { background-color: #FFF; background-color: rgba(255, 255, 255, 0.85); } .bk-op2 { background-color: #eee; background-color: rgba(225, 225, 225, 0.8); } .bk-op-blue { background-color: #c6f8ff; background-color: rgba(198, 248, 255, 0.8); } .bk-op-Gray-White { background-color: #F8F8F8; background-color: rgba(248, 248, 248, 0.8); } .lte8 .bk-op1 { background: url(/images/trans_fff_80.png); } .lte8 .bk-op2 { background: url(/images/trans_eee_80.png); } .lte8 .bk-op-blue { background: url(/images/landing_promo_panel_bg.png); } .bk-op1 .bl1:before, .bk-op2 .bl1:before, .bk-op-blue .bl1:before, .bk-op1 .br1:after, .bk-op2 .br1:after, .bk-op-blue .br1:after { border-color: rgba(0, 0, 0, 0.1); } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .accordion h4.show_more { color: #1D79DE; font-size: 1.8em; font-family: 'Rubrik-Light', Arial, sans-serif; margin: 0; padding: 10px; cursor: pointer; } .accordion h4.show_more span { display: inline-block; padding-right: 20px; margin-right: -20px; background: url("/images/dark_grey_down_arrow.png") no-repeat scroll right center transparent; } .accordion h4.show_more.hide_more span { background-image: url("/images/dark_grey_up_arrow.png"); } .accordion h5.show_more { margin: 0; padding: 10px; font-size: 1.6em; line-height: 1.1em; cursor: pointer; } .accordion .more .inner { padding: 20px 0 50px; } .accordion .more .pullout { margin-left: 0; } .accordion .more .pullout_right { margin-right: 0; margin-left: 2em; } .accordion.accordion_light { margin: 20px -10px 50px; border-bottom: 1px solid #BBC1C7; } .accordion.accordion_light h5.show_more { border-top: 1px solid #BBC1C7; background: url("/images/dark_grey_down_arrow.png") no-repeat scroll 98% center transparent; } .accordion.accordion_light h5.show_more.hide_more { background-color: #F5F3F0; background-image: url("/images/dark_grey_up_arrow.png"); } .accordion.accordion_light .more .inner { border-top: 1px solid #BBC1C7; padding: 20px 10px 50px; } .accordion.accordion_dark { margin: 20px -10px 50px; border-bottom: 1px solid #67727B; } .accordion.accordion_dark h5.show_more { color: #EAEAEA; border-top: 1px solid #67727B; background: url("/images/grey_down_arrow.png") no-repeat scroll 98% center transparent; } .accordion.accordion_dark h5.show_more.hide_more { background-color: #51606e; background-image: url("/images/grey_up_arrow.png"); } .accordion.accordion_dark .more .inner { border-top: 1px solid #67727B; padding: 20px 10px 50px; } .accordion.row.accordion_dark { margin: 0 -10px; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .account_card { background-color: white; float: left; padding: 2em 2em 1em; margin-right: 1px; } .account_inner_card { text-align: center; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15); padding: 0.5em 3em 1em; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .overview-billing-balance { font-family: Rubrik-Light; color: #1D79DE; font-size: 30px; font-weight: 300; letter-spacing: -0.5px; line-height: 36px; } .color-blue { color: #1D79DE; } .login_form__fields .payment-modal-desc { letter-spacing: -0.5px; margin-bottom: 10px; display: inline-block; } .login_form__fields #lnkPaymentAmount.payment-modal-pay-now { margin-left: 0px; } .payment-modal-button { width: 100%; letter-spacing: -0.44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pay-save-card { height: 26px; display: flex; flex-direction: row; align-items: center; } .pay-save-card .MasterCard { padding-left: 1px; } .pay-save-card .Diners { height: 15px; } .pay-save-card .Visa { height: 9px; } .pay-save-card-name { padding-left: 5px; min-width: 100px; } .reallow_ppd_promo_overdue { display: flex; justify-content: center; align-items: center; height: 30px; width: 172px; background-color: #FF1744; color: #fff; margin-bottom: 15px; font-size: 13px; font-weight: bold; } .reallow_ppd_promo_desc { margin-bottom: 0px; } .reallow_ppd_promo_mobile_links { margin: 10px 0px 0px 0px; } .reallow_ppd_promo_mobile_links img { vertical-align: top; } .reallow_ppd_promo_ios { width: 130px; } .reallow_ppd_promo_android { width: 130px; } .pay-save-card-img { padding-left: 5px; height: 26px; } .bank-transfer-details-terms { margin-bottom: 20px; } .payment-loader { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 400px; } .payment-loader #loader { position: relative; z-index: 1; width: 56px; height: 56px; background-color: #fff; display: block; overflow: hidden; text-align: center; opacity: 1; } .payment-loader span { color: #1D79DE; font-family: 'Rubrik-Regular'; font-size: 14px; font-weight: 300; line-height: 17px; text-align: center; } #bankTransferPaymentDetails .login_form .login_form__input:disabled { opacity: 0.5; } #bankTransferPaymentDetails .login_form .login_form__flex-fields { flex-direction: row; } #bankTransferPaymentDetails .login_form .login_form__flex-fields .login_form__input { padding-left: 0px; padding-right: 0px; text-align: center; } .check-box_wrapper { min-height: 46px; } .bill-overview-balance-view-bill { display: flex; justify-content: space-between; align-items: center; } .bill-overview-balance-view-bill #uxBillViewerLinkAnchor { color: #376CD2; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold; } .understand-bill { text-align: center; } .understand-bill-cta { height: 17px; color: #376CD2; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 13px; letter-spacing: -0.5px; line-height: 17px; } .understand-bill-cta:link, .understand-bill-cta:active, .understand-bill-cta:focus, .understand-bill-cta:enabled, .understand-bill-cta:visited { color: #376CD2; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .overview-account-switcher { position: relative; } .other-ways-to-pay { height: 17px; color: #376CD2; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; letter-spacing: -0.5px; line-height: 17px; } .other-ways-to-pay:link, .other-ways-to-pay:active, .other-ways-to-pay:focus, .other-ways-to-pay:enabled, .other-ways-to-pay:visited { color: #376CD2; } .amount-validation { color: red; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; } .panel_inner h2.overview-account-switcher-title { color: #333333; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 20px; letter-spacing: -0.33px; line-height: 24px; width: 138px; } .panel_inner p.overview-account-switcher-number { color: #333333; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 12px; letter-spacing: -0.2px; line-height: 14px; } .overview-account-switcher-link { position: relative; display: inline-block; padding-left: 50px; } .overview-account-switcher-link.not-active { pointer-events: none; cursor: default; text-decoration: none; color: black; } .overview-account-switcher-icon-img { position: absolute; left: 0; top: 8px; height: 35px; width: 35px; } .overview-account-switcher-drop { display: inline-block; width: 30px; height: 30px; cursor: pointer; position: absolute; right: -10px; top: 8px; } .overview-account-switcher-new-signup { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 20px; letter-spacing: -0.33px; line-height: 24px; } .overview-account-switcher-up-arrow { background-image: none; border: solid #666666; border-width: 0 1px 1px 0; display: inline-block; height: 10px; width: 10px; transform: rotate(45deg); -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; cursor: pointer; } .overview-account-switcher-up-arrow.rotate { transform: rotate(-135deg); } .lightbox.hmp-modal { box-sizing: border-box; width: 100%; padding: 1.5rem; font-size: 1rem; margin-bottom: 2rem; } .lightbox.hmp-modal input { font-size: 1.6rem; outline: none; } .panel_inner p.ways-to-pay-sub-heading { margin-bottom: 5px; } .panel .panel_inner hr.no-bottom-margin { margin-bottom: 0px; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .action_buttons ul { float: right; margin-bottom: 0; } .action_buttons li { float: right; } .action_buttons .left { float: left; } .action_buttons .btn { margin: 0 0 10px 10px; /* responsive, right aligned */ } .action_buttons .left .btn { margin: 0 10px 10px 0; /* responsive, right aligned */ } .action_buttons_full_width ul { float: none; width: 100%; } .action_buttons.block a { padding-right: 10px; padding-left: 10px; display: block; } .lte7 .action_buttons { zoom: 1; display: inline; } table + .action_buttons { margin-top: 30px; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .alert_banner { position: relative; margin-bottom: 2em; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); } .alert_banner .alert_title { float: none; margin-top: -1em; display: inline-block; width: 34em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; padding-left: 6.5em; background-repeat: no-repeat; background-position: left top; } .alert_banner .alert_title h5 { text-transform: uppercase; display: table-cell; vertical-align: middle; height: 55px; color: #fff; font-size: 1.7em; font-family: 'Rubrik-Regular', Arial, sans-serif; } .alert_banner .content_holder { padding-top: 3em; padding-bottom: 2em; } .alert_banner .content_holder .main_content * { color: #fff; } .alert_banner .content_holder .main_content h5 { text-transform: uppercase; font-size: 1.7em; font-family: 'Rubrik-Regular', Arial, sans-serif; } .alert_banner.alert_media { background-color: #59325E; } .alert_banner.alert_media .alert_title { background-image: url('/images/alert_icon_media.png'); } .alert_banner.alert_announcement { background-color: #7F9A2D; } .alert_banner.alert_announcement .alert_title { background-image: url('/images/alert_icon_media.png'); } .alert_banner.alert_fault { background-color: #E79027; z-index: 20; } .alert_banner.alert_fault .alert_title { background-image: url('/images/alert_icon_fault.png'); } .alert_banner.alert_important { background-color: #D23637; } .alert_banner.alert_important .alert_title { background-image: url('/images/alert_icon_fault.png'); } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .alert_box, .message_box, .form_address_search_parent .scfValidator, .form_address_search_parent .scfValidatorRequired, .promo_container .promo_panel .scfValidator, .promo_container .promo_panel .scfValidatorRequired { background: #FF6600; bottom: 100%; color: #fff; font-size: 14px; line-height: 20px; margin: 0 0 15px; padding: 13px 15px 15px; position: absolute; z-index: 40; width: 100%; left: 0; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .alert_box:before, .message_box:before, .form_address_search_parent .scfValidator:before, .form_address_search_parent .scfValidatorRequired:before, .promo_container .promo_panel .scfValidator:before, .promo_container .promo_panel .scfValidatorRequired:before { border-right: 15px solid transparent; border-top: 0; border-top: 15px solid #FF6600; bottom: -15px; content: ' '; font-size: 0; height: 0; left: 0px; line-height: 0; margin: 0; padding: 0; position: absolute; width: 0; } .alert_box a, .message_box a, .form_address_search_parent .scfValidator a, .form_address_search_parent .scfValidatorRequired a, .promo_container .promo_panel .scfValidator a, .promo_container .promo_panel .scfValidatorRequired a { color: #fff; text-decoration: underline; } .alert_box .alert_box_close, .message_box .alert_box_close, .form_address_search_parent .scfValidator .alert_box_close, .form_address_search_parent .scfValidatorRequired .alert_box_close, .promo_container .promo_panel .scfValidator .alert_box_close, .promo_container .promo_panel .scfValidatorRequired .alert_box_close { border: none; background: inherit; margin: 0; padding: 0; position: absolute; right: -5px; top: -5px; height: 20px; line-height: 16px; text-align: center; width: 20px; border: solid 2px #e6e6e6; color: white; font-size: 16px; outline: none !important; font-family: Tahoma, sans-serif; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .banner { height: 0; overflow: hidden; position: relative; } .banner .image_holder { display: none; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .page_header { position: relative; } .banner_landing { position: relative; } .banner_landing .carousel_landing { height: 36em; } .banner_landing.banner_short .carousel_landing { height: 24em; } .banner_landing.banner_xshort .carousel_landing { height: 20em; } .banner_landing.banner_xxshort .carousel_landing { height: 16em; } .banner_landing.banner_xxshort .carousel_landing h1 { font-size: 2em; } .banner_message { max-width: 102.4em; margin: 0 auto; } .banner_content { margin: 0 4.1665%; position: absolute; left: 0; right: 0; top: 0; z-index: 1; max-width: 102.4em; padding: 1.2em 0 0; } .banner_content h1 { color: #FFF; text-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } .banner_content .banner_heading_small { font-size: 2em; font-family: 'Rubrik-Regular', Arial, sans-serif; line-height: 1.5em; text-transform: uppercase; margin: 10px 0 0; letter-spacing: 0; } .banner_content .dark { color: #444444; text-shadow: 0 0 10px rgba(255, 255, 255, 0.6); } .banner_message_holder { background: url("/images/landing_panel_bg_dark.png") repeat scroll 0 0 transparent; bottom: 0; left: 0; padding: 0 4.1665%; position: absolute; right: 0; z-index: 2; } .banner_message_holder h2, .banner_message_holder h3 { color: #FFF; } .banner_text { width: 100%; } .banner_text h1, .banner_text h2, .banner_text h3, .banner_text h4, .banner_text h5, .banner_text h6 { color: #FFF; margin: 0; text-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } .banner_text h1 .larger_text, .banner_text h2 .larger_text, .banner_text h3 .larger_text, .banner_text h4 .larger_text, .banner_text h5 .larger_text, .banner_text h6 .larger_text { font-size: 1.4em; line-height: 1.3em; } .banner_text h1 br, .banner_text h2 br, .banner_text h3 br, .banner_text h4 br, .banner_text h5 br, .banner_text h6 br { display: none; } .banner_text h1, .banner_text h2 { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 25px; letter-spacing: -1px; line-height: 30px; margin-left: -3px; padding: 5px 0; } .banner_text h3, .banner_text h4 { margin-top: 10px; font-size: 14px; line-height: 20px; } .banner_text h5, .banner_text h6 { margin-bottom: 10px; font-size: 12px; line-height: 15px; } .banner_text a { color: #FFF; display: block; padding: 0; } .banner_icons { margin-top: 5px; } .banner_icons .icon { display: block; float: left; overflow: hidden; width: 37px; height: 37px; margin-right: -0.5em; text-indent: -9999px; } .banner_icons .power { background-image: url('/images/landing_icon_power.png'); } .banner_icons .gas { background-image: url('/images/landing_icon_gas.png'); } .banner_icons .internet { background-image: url('/images/landing_icon_internet.png'); } .banner_icons .phone { background-image: url('/images/landing_icon_phone.png'); } .banner_icons.white .power { background-image: url('/images/landing_icon_power_wh.png'); } .banner_icons.white .gas { background-image: url('/images/landing_icon_gas_wh.png'); } .banner_icons.white .internet { background-image: url('/images/landing_icon_internet_wh.png'); } .banner_icons.white .phone { background-image: url('/images/landing_icon_phone_wh.png'); } .banner_pull_left .banner_content { padding-top: 1.2em; } .banner_pull_left .banner_content .banner_heading_small { margin-top: 0; } .banner_pull_left .banner_text h1, .banner_pull_left .banner_text h2, .banner_pull_left .banner_text h3, .banner_pull_left .banner_text h4, .banner_pull_left .banner_text h5, .banner_pull_left .banner_text h6 { width: 100%; } .banner_pull_left img { display: none; } .banner_pull_left .banner_holder img { display: inline; max-width: 40%; } .banner_message .b_panel_top { padding: 2em 0; } .banner_message .b_panel_top h2.small, .banner_message .b_panel_top p.blurb { color: #FFF; margin-bottom: 10px; font-size: 12px; line-height: 15px; } .banner_message .b_panel_top h2.small { text-transform: uppercase; font-family: 'Rubrik-Medium', Arial, sans-serif; margin: 0.6em 0 0; } .banner_message .b_panel_top .form_address_search input { font-size: 18px; } .banner_promo_holder .banner_content h1 { display: none; } .banner_promo_panels .banner_promo_message_holder { background: url("/images/landing_panel_bg_dark.png"); } .banner_promo_panels a.carousel_fcta { left: -100em; position: relative; } .banner_no_mobile_overlay .banner_message_holder { background: none; } .dark .banner_no_mobile_overlay h1, .dark .banner_no_mobile_overlay h2, .dark .banner_no_mobile_overlay h3, .dark .banner_no_mobile_overlay h4, .dark .banner_no_mobile_overlay h5, .dark .banner_no_mobile_overlay h6, .dark .banner_no_mobile_overlay p { color: #444; text-shadow: none; } .dark .banner_no_mobile_overlay h1 span, .dark .banner_no_mobile_overlay h2 span, .dark .banner_no_mobile_overlay h3 span, .dark .banner_no_mobile_overlay h4 span, .dark .banner_no_mobile_overlay h5 span, .dark .banner_no_mobile_overlay h6 span, .dark .banner_no_mobile_overlay p span { color: #7F1399; border-bottom: none; } .dark .banner_no_mobile_overlay h1 span br, .dark .banner_no_mobile_overlay h2 span br, .dark .banner_no_mobile_overlay h3 span br, .dark .banner_no_mobile_overlay h4 span br, .dark .banner_no_mobile_overlay h5 span br, .dark .banner_no_mobile_overlay h6 span br, .dark .banner_no_mobile_overlay p span br { display: block; } .banner_text__promo_bk { position: absolute; width: 100%; height: 100%; padding-top: 100%; right: 40%; top: -25%; background: url(/images/banner_promo_circles.png) right top no-repeat; z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: "alpha(opacity=90)"; opacity: 0.9; } .banner_text__promo { padding-bottom: 20px; position: relative; } .banner_text__promo:before, .banner_text__promo:after { content: ""; display: table; } .banner_text__promo:after { clear: both; } .banner_text__promo.circles h1, .banner_text__promo.circles h2, .webkit .banner_text__promo.circles h1, .webkit .banner_text__promo.circles h2, .banner_text__promo.circles h5 { color: #FFF; text-shadow: none !important; } .banner_text__promo.circles .btn { color: #FFF; border-color: #FFF; } .banner_text__promo h1, .banner_text__promo h2, .webkit .banner_text__promo h1, .webkit .banner_text__promo h2 { font-size: 2.6em; margin: -50px 0 40px; top: -20px; position: relative; height: 30px; line-height: 1.1em; padding: 0; } .banner_text__promo h5 { margin: 0; } .banner_text__promo p { margin: 10px 0 0; } .banner_text__promo img { margin: 1em 0 2em; display: block; max-width: 100%; height: auto; } .banner_text .btn { display: inline-block; padding: 13px 20px; font-size: 15px; margin: 5px 0 20px; text-transform: none; font-family: 'Rubrik-Medium', Arial, sans-serif; position: relative; z-index: 100000; border: 1px solid #FFF; background: #3369D5; background: rgba(0, 0, 0, 0); -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .banner_text .btn:hover { background: #2453b1; background: rgba(0, 0, 0, 0.2); -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .banner_text .btn.btn_blue { background: #2D7BDB; color: #FFF !important; border: 0; font-size: 13px; padding: 9px 25px; text-transform: uppercase; margin-top: 10px; } .banner_text .btn.btn_blue:hover { background: #226cc7; } .lte8 .banner_text .btn { background: none; } .lte8 .banner_text .btn:hover { background: url('/images/landing_panel_bg_dark.png'); } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* Carousel Banner Panels */ .banner_promo_panels .banner_panels_container { display: block; padding: 25px 8.1665%; position: relative; } .banner_promo_panels .banner_panels { display: block; } .b_panel { background: url('/images/landing_panel_bg.png'); cursor: pointer; margin-right: 1px; position: relative; -webkit-transition: background-image 500ms ease-in-out; -moz-transition: background-image 500ms ease-in-out; -o-transition: background-image 500ms ease-in-out; transition: background-image 500ms ease-in-out; } .b_panel:hover { background-image: url('/images/landing_panel_bg_solid.png'); } .b_panel h2 { float: left; padding-bottom: 7px; margin-top: 0; margin-bottom: 5px; } .b_panel h2.small { line-height: 30px; } .b_panel p { color: #333; margin-bottom: 0; line-height: 1.42857em; } .b_panel .b_panel_top { padding: 2em 2em 4.5em; } .b_panel .b_panel_top a { color: #333; } .b_panel.b_panel__dark .b_panel_top a { color: #fff; } .b_panel.b_panel__dark .b_panel_top p a, .b_panel.b_panel__dark .b_panel_top h4 a { border-bottom: 1px solid #FFF; } .b_panel.b_panel__dark .b_panel_top p a:hover, .b_panel.b_panel__dark .b_panel_top h4 a:hover { border: 0; } .b_panel .b_panel_quick { border-top: 1px solid #999; bottom: 0; display: block; left: 0; padding: 5px 30px 5px 30px; position: absolute; right: 0; } .b_panel .b_panel_quick.invisible { display: none; } .b_panel .b_panel_quick:before { content: ' + '; font-size: 20px; line-height: 20px; font-family: 'Rubrik-Regular', Arial, sans-serif; position: absolute; right: 30px; top: 6px; } .b_panel .b_panel_quick p { text-transform: uppercase; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 12px; line-height: 20px; padding-right: 30px; } .b_panel .b_panel_bot { display: none; } .b_panel .b_panel_bot ul { border-top: 1px solid #999; } .b_panel .b_panel_bot a { background-color: rgba(41, 110, 214, 0); color: #333; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 10px 20px; text-transform: uppercase; } .b_panel .b_panel_bot a:hover, .b_panel .b_panel_bot a:active { background-color: #296ED6; background-color: #296ed6; color: #FFF; } .b_panel .b_panel_bot a:hover span, .b_panel .b_panel_bot a:active span { background: url('/images/arrow_right_white_landing.png') no-repeat right center; } .b_panel .b_panel_bot span { position: absolute; padding-left: 10px; background: url('/images/arrow_right_gray.png') no-repeat right center; right: 30px; } .b_panel .landing_tab { background-image: url('/images/b_panel_arrow.png'); background-repeat: no-repeat; background-position: top right; top: 35px; cursor: pointer; height: 0; overflow: hidden; padding: 15px 8px 0 0; position: absolute; right: 30px; width: 0; } .b_panel .landing_tab.open, .b_panel .landing_tab:hover { background-image: url('/images/b_panel_arrow.png'); } .b_panel .icon_container { padding-bottom: 5px; padding-right: 20px; } .b_panel .b_panel_icons { float: left; padding-left: 10px; } .b_panel .b_panel_icons p { display: block; float: left; margin-right: 5px; overflow: hidden; padding: 10px 19px; text-indent: -9999px; } .b_panel .power { background: url('/images/landing_icon_power.png') no-repeat 50%; text-indent: -9999px; overflow: hidden; } .b_panel .gas { background: url('/images/landing_icon_gas.png') no-repeat 50%; } .b_panel .phone { background: url('/images/landing_icon_phone.png') no-repeat 50%; } .b_panel .internet { background: url('/images/landing_icon_internet.png') no-repeat 50%; } .b_panel .form_address_search_parent { margin-top: 8px; } .b_panel .form_address_search_parent input { font-size: 1.4em; } .b_panel .form_address_search_parent input::-webkit-input-placeholder { font-size: 14px; } .b_panel .form_address_search_parent input:-moz-placeholder { background: url(/images/form_address_search.png) no-repeat 99% 8px; font-size: 14px; } .b_panel .form_address_search_parent input::-moz-placeholder { font-size: 14px; } .b_panel .form_address_search_parent input:-ms-input-placeholder { font-size: 14px; } .b_panel .form_address_search_parent input :-moz-placeholder { background-position: 99% 8px; } .b_panel .form_address_search_parent .fake_placeholder { font-size: 14px; line-height: 11px; padding: 6px 5px 4px 0; } .b_panel .form_address_holder_light .scfSingleLineGeneralPanel input { background-position: right 0; } .banner_promo_panels .b_panel .form_address_holder { position: absolute; bottom: 52px; left: 2.5em; right: 2.5em; } .banner_promo_panels .b_panel .icon_container { padding-bottom: 0; } .banner_promo_panels .b_panel h2.small { font-family: 'Rubrik-Extralight', Arial, sans-serif; font-weight: inherit; font-size: 2.5em; line-height: 1.1em; padding: 0; margin: 0 0 0.5em; letter-spacing: -2px; } .banner_promo_panels .b_panel p { margin: 0 0 0.4em; padding-top: 0; font-size: 13px; line-height: 1.3em; } .banner_promo_panels .b_panel.b_panel__dark { cursor: default; } .b_panel__promo { cursor: default; background: #EEE; background: rgba(250, 250, 250, 0.9); } .b_panel__promo:hover { background: #EEE; background: rgba(250, 250, 250, 0.9); } .b_panel__promo .b_panel_top { padding-bottom: 70px; } .b_panel__promo .landing_tab { background: none; } .b_panel__promo h2.small, .b_panel__promo h3, .b_panel__promo h4, .b_panel__promo p, .b_panel__promo ul { color: #666; margin: 0 0 0.4em; padding: 0; font-family: 'Rubrik-Light', Arial, sans-serif; } .b_panel__promo h3, .b_panel__promo h3 strong, .b_panel__promo h2.small { font-family: 'Rubrik-Extralight', Arial, sans-serif; font-weight: inherit; } .b_panel__promo h3, .b_panel__promo h2.small { font-size: 2.5em; line-height: 1.1em; margin: 0 0 0.5em; letter-spacing: -2px; } .b_panel__promo p, .b_panel__promo ul, .b_panel__promo li { font-size: 13px; line-height: 1.3em; } .b_panel__promo ul, .b_panel__promo li { margin-left: 0; padding-left: 0; list-style: none; } .b_panel__promo ul:before, .b_panel__promo li:before { display: none; } .b_panel__promo p strong, .b_panel__promo ul strong { font-family: 'Rubrik-Semibold', Arial, sans-serif; font-weight: normal; } .b_panel__promo li { padding: 0 0 3px 18px; width: 100%; background: url(/images/tick_p.png) left 5px no-repeat; } .b_panel__promo .btn { font-size: 14px; position: absolute; bottom: 18px; left: 1.5em; right: 1em; text-align: center; padding: 10px 0; color: #FFF !important; margin-bottom: 0; text-transform: uppercase; font-family: 'Rubrik-Medium', Arial, sans-serif; font-weight: normal; background: #3369D5; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .b_panel__promo .btn:hover { background: #2453b1; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .banner-promo { width: 100%; display: flex; justify-content: flex-start; color: white; overflow: hidden; padding: 28px 0; margin-top: 10px; margin-bottom: 10px; } .banner-promo .btn { display: inline-block; padding: 21px 41px; font-size: 16px; margin: 5px 0 20px; text-transform: none; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; position: relative; z-index: 100; border: 1px solid #FFF; background: #3369D5; background: rgba(0, 0, 0, 0); -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .banner-promo .btn:hover { background: #2453b1; background: rgba(0, 0, 0, 0.2); -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .banner-promo.banner-promo--purple { background: #5F3CB3; background-image: -moz-linear-gradient(-45deg, #5F3CB3 100px, #CC3399 1000px); background-image: -webkit-linear-gradient(-45deg, #5F3CB3 100px, #CC3399 1000px); background-image: -o-linear-gradient(-45deg, #5F3CB3 100px, #CC3399 1000px); background-image: linear-gradient(135deg, #5F3CB3 100px, #CC3399 1000px); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5F3CB3, endColorstr=#CC3399, GradientType=1); } .banner-promo.free_deep-purple-reverse { background-color: #C96DD7; background: #5F3CB3; background-image: -moz-linear-gradient(-45deg, #5F3CB3 100px, #CC3399 1000px); background-image: -webkit-linear-gradient(-45deg, #5F3CB3 100px, #CC3399 1000px); background-image: -o-linear-gradient(-45deg, #5F3CB3 100px, #CC3399 1000px); background-image: linear-gradient(135deg, #5F3CB3 100px, #CC3399 1000px); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5F3CB3, endColorstr=#CC3399, GradientType=1); } .banner-promo.free_blue, .banner-promo .free_blue { background-color: #1D79DE; } .banner-promo.free_blue:after, .banner-promo .free_blue:after { border-top-color: #1D79DE; } .banner-promo.free_purple, .banner-promo .free_purple { background-color: #1D79DE; background-image: -webkit-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: -moz-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: -ms-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: -o-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ff7f1399', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ff7f1399',GradientType=1); } .banner-promo.free_purple:after, .banner-promo .free_purple:after { border-top-color: #1D79DE; } .banner-promo.free_deep-purple, .banner-promo .free_deep-purple { background-color: #C96DD7; background-image: -webkit-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: -moz-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: -ms-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: -o-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: linear-gradient(left, #C96DD7 0%, #4F32B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7', endColorstr='#ff4f32b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7',endColorstr='#ff4f32b6',GradientType=1); } .banner-promo.free_deep-purple:after, .banner-promo .free_deep-purple:after { border-top-color: #8c50c7; } .banner-promo.free_green, .banner-promo .free_green { background-color: #7FC3B6; background-image: -webkit-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: -moz-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: -ms-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: -o-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ffb4ec51', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ffb4ec51',GradientType=1); } .banner-promo.free_green:after, .banner-promo .free_green:after { border-top-color: #7FC3B6; } .banner-promo.free_deep-green, .banner-promo .free_deep-green { background-color: #1D79DE; background-image: -webkit-linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); background-image: -moz-linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); background-image: -ms-linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); background-image: -o-linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); background-image: linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6', endColorstr='#ff7fc3b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6',endColorstr='#ff7fc3b6',GradientType=1); } .banner-promo.free_deep-green:after, .banner-promo .free_deep-green:after { border-top-color: #1D79DE; } .banner-promo.free_deep-green { background-color: #008C75; background-image: -webkit-linear-gradient(left, #008C75 0%, #76E56C 100%); background-image: -moz-linear-gradient(left, #008C75 0%, #76E56C 100%); background-image: -ms-linear-gradient(left, #008C75 0%, #76E56C 100%); background-image: -o-linear-gradient(left, #008C75 0%, #76E56C 100%); background-image: linear-gradient(left, #008C75 0%, #76E56C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008c75', endColorstr='#ff76e56c', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008c75',endColorstr='#ff76e56c',GradientType=1); } .banner-promo.free_deep-green:after { border-top-color: #1D79DE; } .banner-promo.free_purple-angle, .banner-promo .free_purple-angle { background-color: #1D79DE; background-image: -webkit-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -moz-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -ms-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -o-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ff7f1399', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ff7f1399',GradientType=1); } .banner-promo.free_purple-angle:before, .banner-promo .free_purple-angle:before, .banner-promo.free_purple-angle:after, .banner-promo .free_purple-angle:after { border-top-color: transparent; } .banner-promo.free_deep-purple-angle, .banner-promo .free_deep-purple-angle { background-color: #C96DD7; background-image: -webkit-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: -moz-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: -ms-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: -o-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7', endColorstr='#ff4f32b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7',endColorstr='#ff4f32b6',GradientType=1); } .banner-promo.free_deep-purple-angle:before, .banner-promo .free_deep-purple-angle:before, .banner-promo.free_deep-purple-angle:after, .banner-promo .free_deep-purple-angle:after { border-top-color: transparent; } .banner-promo.free_green-angle, .banner-promo .free_green-angle { background-color: #7FC3B6; background-image: -webkit-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -moz-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -ms-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -o-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ffb4ec51', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ffb4ec51',GradientType=1); } .banner-promo.free_green-angle:before, .banner-promo .free_green-angle:before, .banner-promo.free_green-angle:after, .banner-promo .free_green-angle:after { border-top-color: transparent; } .banner-promo.free_deep-green-angle, .banner-promo .free_deep-green-angle { background-color: #1D79DE; background-image: -webkit-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -moz-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -ms-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -o-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6', endColorstr='#ff7fc3b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6',endColorstr='#ff7fc3b6',GradientType=1); } .banner-promo.free_deep-green-angle:before, .banner-promo .free_deep-green-angle:before, .banner-promo.free_deep-green-angle:after, .banner-promo .free_deep-green-angle:after { border-top-color: transparent; } .banner-promo--gutter { margin: 5px; } @media (max-width: 750px) { .banner-promo--gutter { margin-left: 0; margin-right: 0; } } .banner-promo__copy { margin-left: 32px; width: 55%; flex: 0 0 auto; } .banner-promo__copy * { color: white; } h2.banner-promo__title { font-family: 'Rubrik-ExtraLight', Arial, sans-serif !important; font-size: 3em; margin: 0; } h3.banner-promo__subtitle { font-family: 'Rubrik-ExtraLight', Arial, sans-serif !important; line-height: 25px; margin-top: 0; font-size: 19px; } .banner-promo__figure img { width: 200%; margin-left: 15px; } .banner-promo__figure--margin-adjustment img { margin-left: -38px; } .banner-promo--one-deal { padding: 12px 0; } .banner-promo--one-deal .banner-promo__figure { width: 100%; background-size: cover; background-position: center; padding-top: 46%; } .banner-promo--one-deal .banner-promo__copy { width: 90% !important; margin: 0 auto; } .banner-promo--one-deal .btn { display: block; } .o-columns .o-columns__column:last-child .banner-promo:not(.banner-promo--one-deal) { margin-top: 0; } .bill th .figure, .bill td .figure, .bill th.figure, .bill td.figure { text-align: left; } .bill .panel td { padding-left: 0px; } .bill .panel thead th { padding: 19px 0 20px; } .bill .action_buttons { margin-top: 0; } .bill .action_buttons .btn, .bill .action_buttons .btn:visited { background: none repeat scroll 0 0 #EDECEA; color: #333333; } .bill .panel .panel_inner .boxtrigger { background-size: 15px; background-position: 0 2px; line-height: 20px; padding: 0 0 0 25px; position: static; } .lte8 .bill .panel .panel_inner .boxtrigger { background-position: 0; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .respond-ud { width: 100%; } .respond-udv { height: 100%; } .respond-d { max-width: 100%; } .respond-u { min-width: 100%; } .lte7 .respond-ud, .lte7 .respond-u, .lte7 .respond-d { width: 100%; } .no-js .respond-ud { display: none; } .no-js noscript .respond-ud { display: block; } /* Miscellaneous classes */ .f-left, .fl { float: left; } .f-right, .fr { float: right; } .flL { float: left !important; } .flR { float: right !important; } .imgL { float: left !important; margin: 0 15px 5px 0; } .imgR { float: right !important; margin: 0 0 5px 15px; } .nb { border: 0 !important; } .nb:before { display: none !important; } .nowrap { white-space: nowrap; } .taC { text-align: center; } .taC p > small { display: block; text-align: left; } .taL { text-align: left !important; } .taR { text-align: right !important; } .dN { display: none !important; } .dB { display: block !important; } .ttU { text-transform: uppercase !important; } .ttL { text-transform: lowercase !important; } .ttN { text-transform: none !important; } .clear { clear: both; } .nowrap { white-space: nowrap; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .lte7 .clearfix { zoom: 1; } .relative { position: relative; } .block { display: block; } .w-full { width: 100%; } /* semantic lists */ .semantic { list-style: none; margin: 0; padding: 0; } .semantic li { margin: 0; padding: 0; list-style: none; background: none; } .semantic li:before { display: none; } /* Borders */ .b_pb_solid { border-bottom: 1px solid #7F1399; } .b-gray-c { border-color: #ccc; } .b-dash { border-style: dashed; } /* Remove things that require javascript if it isn't present */ .no-js .requires-js { display: none; visibility: hidden; } .rte_script { position: absolute; left: -10000em; } /* Text Properties */ /* deprecated */ .tt-upper, .tt_upper { text-transform: uppercase; } /* deprecated */ .ta-center, .ta_center { text-align: center; } /* deprecated */ .ta-right, .ta_right { text-align: right; } /* deprecated */ .ta-left, .ta_left { text-align: left; } .tw-bold { font-family: 'Rubrik-SemiBold', arial, sans-serif; } .tw-regular { font-family: 'Rubrik-Regular', arial, sans-serif; } .tw_medium { font-family: 'Rubrik-Medium', arial, sans-serif; } .lh-clear { line-height: 1; } /*Vertical Aligns*/ .va-top { vertical-align: top; } .va-middle { vertical-align: middle; } .va-bottom { vertical-align: bottom; } /* Hider classes */ .hidden { display: none; } .hidden_important { display: none !important; } .response_xsmall .hidden_small, .response_small .hidden_small { display: none !important; } .response_xsmall .hidden_mobile, .response_small .hidden_mobile, .response_medium .hidden_mobile { display: none !important; } .response_medium .hidden_non_mobile, .response_large .hidden_non_mobile, .response_xlarge .hidden_non_mobile, .response_xxlarge .hidden_non_mobile, .response_xxxlarge .hidden_non_mobile, .response_xxxxlarge .hidden_non_mobile { display: none !important; } .response_large .hidden_desktop, .response_xlarge .hidden_desktop, .response_xxlarge .hidden_desktop, .response_xxxlarge .hidden_desktop, .response_xxxxlarge .hidden_desktop { display: none !important; } /* Foot notes */ .fn a { color: inherit; } .fn a:hover, .fn a:focus { text-decoration: underline; } /* paddings */ .ptn { padding-top: 0 !important; } .ptxs { padding-top: 5px; } .ptbs { padding-top: 9px; } .pts { padding-top: 1em; } .ptm { padding-top: 2em; } .ptl { padding-top: 3em; } .ptxl { padding-top: 4em; } .ptxxl { padding-top: 5em; } .prn { padding-right: 0 !important; } .prxs { padding-right: 5px; } .prbs { padding-right: 9px; } .prs { padding-right: 1em; } .prm { padding-right: 2em; } .prl { padding-right: 3em; } .prxl { padding-right: 4em; } .prxxl { padding-right: 5em; } .pbn { padding-bottom: 0 !important; } .pbxs { padding-bottom: 5px; } .pbbs { padding-bottom: 9px; } .pbs { padding-bottom: 1em; } .pbm { padding-bottom: 2em; } .pbl { padding-bottom: 3em; } .pbxl { padding-bottom: 4em; } .pbxxl { padding-bottom: 5em; } .pln { padding-left: 0 !important; } .plxs { padding-left: 5px; } .plbs { padding-left: 9px; } .pls { padding-left: 1em; } .plm { padding-left: 2em; } .pll { padding-left: 3em; } .plxl { padding-left: 4em; } .plxxl { padding-left: 5em; } .pan { padding: 0 !important; } .paxs { padding: 5px; } .pabs { padding: 9px; } .pas { padding: 1em; } .pam { padding: 2em; } .pal { padding: 3em; } .paxl { padding: 4em; } .paxxl { padding: 5em; } /* margins */ .mtn { margin-top: 0 !important; } .mtxs { margin-top: 5px; } .mtbs { margin-top: 9px; } .mts { margin-top: 1em; } .mtm { margin-top: 2em; } .mtl { margin-top: 3em; } .mtxl { margin-top: 4em; } .mtxxl { margin-top: 5em; } .mrn { margin-right: 0 !important; } .mrxs { margin-right: 5px; } .mrbs { margin-right: 9px; } .mrs { margin-right: 1em; } .mrm { margin-right: 2em; } .mrl { margin-right: 3em; } .mrxl { margin-right: 4em; } .mrxxl { margin-right: 5em; } .mbn { margin-bottom: 0 !important; } .mbxs { margin-bottom: 5px; } .mbbs { margin-bottom: 9px; } .mbs { margin-bottom: 1em; } .mbm { margin-bottom: 2em; } .mbl { margin-bottom: 3em; } .mbxl { margin-bottom: 4em; } .mbxxl { margin-bottom: 5em; } .mln { margin-left: 0 !important; } .mlxs { margin-left: 5px; } .mlbs { margin-left: 9px; } .mls { margin-left: 1em; } .mlm { margin-left: 2em; } .mll { margin-left: 3em; } .mlxl { margin-left: 4em; } .mlxxl { margin-left: 5em; } .man { margin: 0 !important; } .maxs { margin: 5px; } .mabs { margin: 9px; } .mas { margin: 1em; } .mam { margin: 2em; } .mal { margin: 3em; } .maxl { margin: 4em; } .maxxl { margin: 5em; } /* Borders */ .ban { border: 0 !important; } .baxs { border: 5px; } .babs { border: 9px; } .bas { border: 1em; } .bam { border: 2em; } .bal { border: 3em; } .baxl { border: 4em; } .baxxl { border: 5em; } /*responsive video container*/ .video_container_16x9 { padding-bottom: 56.25%; position: relative; } .video_container_16x9 iframe { height: 100%; position: absolute; width: 100%; } /* Hide the original file upload control */ label.creditCheckFileUpload input[type="file"] { position: fixed; top: -1000px; } .creditCheckFileUpload { font-size: unset; } .CreditCheckIDImageWrapper { position: relative; display: inline-block; padding-bottom: 5px; } .CreditCheckIDImageClose { position: absolute; top: -20px; right: -20px; cursor: pointer; height: 40px; width: 40px; display: none; } .u-block { display: block !important; } .u-flex { display: flex !important; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .dealsMargin { height: 60px; } #pb_deals { margin-bottom: 0; } .lte9 #rateDisplayInternet .boxInternet, .lte9 #rateDisplayMobile .boxInternet { display: table; width: 898px; height: 100%; } .lte9 #rateDisplayInternet .boxInternet .title, .lte9 #rateDisplayMobile .boxInternet .title { display: table-cell; vertical-align: middle; } .lte9 #rateDisplayInternet .boxInternet .right, .lte9 #rateDisplayMobile .boxInternet .right { display: table-cell; } .lte9 #rateDisplayInternet .boxInternet .right .intRow, .lte9 #rateDisplayMobile .boxInternet .right .intRow { display: table-row; } .lte9 #rateDisplayInternet .boxInternet .right .intRow .check, .lte9 #rateDisplayMobile .boxInternet .right .intRow .check { display: table-cell; } .lte9 #rateDisplayInternet .boxInternet .right .intRow .detail, .lte9 #rateDisplayMobile .boxInternet .right .intRow .detail { display: table-cell; } .lte9 #rateDisplayInternet .boxInternet .right .intRow .dataContainer, .lte9 #rateDisplayMobile .boxInternet .right .intRow .dataContainer { width: 217px; } .lte9 #rateDisplayInternet .boxInternet .right .intRow .speed, .lte9 #rateDisplayMobile .boxInternet .right .intRow .speed { display: table-cell; width: 217px; } .lte9 #rateDisplayInternet .boxInternet .right .intRow .message, .lte9 #rateDisplayMobile .boxInternet .right .intRow .message { display: table-cell; } #rateDisplayStatus { text-align: center; } #rateDisplayStatus .status { margin-top: 25px; margin-bottom: 10px; } #rateDisplayStatus .status .rdLoading { height: 32px; width: 100%; background: url(/images/loader_spin_colours_32.gif) center center no-repeat; } .rateDisplayNoServices { margin-top: 35px; margin-bottom: 10px; text-align: center; } .rateDisplayNoServices h4 { color: red; } #rateDisplayInternet, #rateDisplayMobile { width: 900px; margin: auto; margin-bottom: 20px; background-color: #FFF; margin-top: 60px; } @media only screen and (max-width: 500px) { #rateDisplayInternet, #rateDisplayMobile { width: 300px; } } @media only screen and (min-width: 700px) and (max-width: 951px) { #rateDisplayInternet, #rateDisplayMobile { width: 650px; } } @media only screen and (min-width: 501px) and (max-width: 699px) { #rateDisplayInternet, #rateDisplayMobile { width: 452px; } } #rateDisplayInternet .main_content, #rateDisplayMobile .main_content { display: inline-block; padding-left: 0; padding-right: 0; width: 100%; } @media only screen and (min-width: 501px) { #rateDisplayInternet .main_content.internetModes .lineBox, #rateDisplayMobile .main_content.internetModes .lineBox { height: 32px; position: relative; background: #ffffff; border-top: 2px solid; border-color: rgba(29, 121, 222, 0.5); width: 50%; float: left; } #rateDisplayInternet .main_content.internetModes .arrowBox, #rateDisplayMobile .main_content.internetModes .arrowBox { height: 32px; position: relative; background: #ffffff; border-top: 2px solid #1D79DE; width: 50%; float: left; } #rateDisplayInternet .main_content.internetModes .arrowBox:after, #rateDisplayMobile .main_content.internetModes .arrowBox:after, #rateDisplayInternet .main_content.internetModes .arrowBox:before, #rateDisplayMobile .main_content.internetModes .arrowBox:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #rateDisplayInternet .main_content.internetModes .arrowBox.leftArrow:after, #rateDisplayMobile .main_content.internetModes .arrowBox.leftArrow:after, #rateDisplayInternet .main_content.internetModes .arrowBox.leftArrow:before, #rateDisplayMobile .main_content.internetModes .arrowBox.leftArrow:before { left: 85%; } #rateDisplayInternet .main_content.internetModes .arrowBox.rightArrow:after, #rateDisplayMobile .main_content.internetModes .arrowBox.rightArrow:after, #rateDisplayInternet .main_content.internetModes .arrowBox.rightArrow:before, #rateDisplayMobile .main_content.internetModes .arrowBox.rightArrow:before { left: 20%; } #rateDisplayInternet .main_content.internetModes .arrowBox:after, #rateDisplayMobile .main_content.internetModes .arrowBox:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 15px; margin-left: -15px; } #rateDisplayInternet .main_content.internetModes .arrowBox:before, #rateDisplayMobile .main_content.internetModes .arrowBox:before { border-color: rgba(29, 121, 222, 0); border-bottom-color: #1D79DE; border-width: 18px; margin-left: -18px; } } #rateDisplayInternet .main_content h2, #rateDisplayMobile .main_content h2 { width: 100%; text-align: center; font-size: 4em; font-family: 'Rubrik-ExtraLight'; } #rateDisplayInternet .main_content h3.left, #rateDisplayMobile .main_content h3.left { text-align: right; padding-right: 20px; } #rateDisplayInternet .main_content h3.right, #rateDisplayMobile .main_content h3.right { text-align: left; padding-left: 20px; } @media only screen and (max-width: 500px) { #rateDisplayInternet .main_content.internetModes, #rateDisplayMobile .main_content.internetModes { margin-bottom: 15px; } #rateDisplayInternet .main_content.internetModes .arrowBox, #rateDisplayMobile .main_content.internetModes .arrowBox { display: none; } #rateDisplayInternet .main_content h2, #rateDisplayMobile .main_content h2 { margin-top: 20px; font-size: 3em; } #rateDisplayInternet .main_content h3.internetMode.faded, #rateDisplayMobile .main_content h3.internetMode.faded { font-size: 2em; color: rgba(29, 121, 222, 0.5); width: auto; border: 1px solid rgba(29, 121, 222, 0.5); padding: 10px; text-align: center; width: 125px; } #rateDisplayInternet .main_content h3.internetMode:not(.faded), #rateDisplayMobile .main_content h3.internetMode:not(.faded) { font-size: 2em; color: #1D79DE; width: auto; border: 1px solid #1D79DE; padding: 10px; text-align: center; width: 125px; position: relative; } #rateDisplayInternet .main_content h3.internetMode:not(.faded):after, #rateDisplayMobile .main_content h3.internetMode:not(.faded):after, #rateDisplayInternet .main_content h3.internetMode:not(.faded):before, #rateDisplayMobile .main_content h3.internetMode:not(.faded):before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #rateDisplayInternet .main_content h3.internetMode:not(.faded):after, #rateDisplayMobile .main_content h3.internetMode:not(.faded):after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 7px; margin-left: -7px; } #rateDisplayInternet .main_content h3.internetMode:not(.faded):before, #rateDisplayMobile .main_content h3.internetMode:not(.faded):before { border-color: rgba(29, 121, 222, 0); border-top-color: #1D79DE; border-width: 8px; margin-left: -8px; } #rateDisplayInternet .main_content h3.left, #rateDisplayMobile .main_content h3.left { margin-right: 3px; text-align: center; } #rateDisplayInternet .main_content h3.right, #rateDisplayMobile .main_content h3.right { margin-left: 3px; text-align: center; } } @media only screen and (min-width: 501px) { #rateDisplayInternet .main_content h3.internetMode, #rateDisplayMobile .main_content h3.internetMode { width: 50%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ padding-bottom: 35px; font-size: 3em; } } #rateDisplayInternet .main_content h3.internetMode, #rateDisplayMobile .main_content h3.internetMode { color: #1D79DE; float: left; cursor: pointer; cursor: hand; } #rateDisplayInternet .main_content h3.faded, #rateDisplayMobile .main_content h3.faded { color: rgba(29, 121, 222, 0.5); } #rateDisplayInternet .main_content p, #rateDisplayMobile .main_content p { width: 100%; text-align: center; } #rateDisplayInternet .main_content p .check_switch_label, #rateDisplayMobile .main_content p .check_switch_label { font-weight: bold; } #rateDisplayInternet .main_content p .selected, #rateDisplayMobile .main_content p .selected { color: #1D79DE; } #rateDisplayInternet .main_content .single, #rateDisplayMobile .main_content .single { margin-left: 0; margin-right: 0; } #rateDisplayInternet .boxInternet .title, #rateDisplayMobile .boxInternet .title { text-align: left; } #rateDisplayInternet .boxInternet .title.disabled, #rateDisplayMobile .boxInternet .title.disabled { opacity: 0.5; } #rateDisplayInternet .boxInternet .title.disabled .info_text, #rateDisplayMobile .boxInternet .title.disabled .info_text { color: #1D79DE; } #rateDisplayInternet .boxInternet .title h3, #rateDisplayMobile .boxInternet .title h3 { font-family: 'Rubrik-ExtraLight'; margin-bottom: 0; margin-top: 0; width: 100%; } #rateDisplayInternet .boxInternet .title p, #rateDisplayMobile .boxInternet .title p { margin-bottom: 0; width: 100%; } #rateDisplayInternet .boxInternet .title .meterIcon, #rateDisplayMobile .boxInternet .title .meterIcon { width: 100%; display: inline; margin-right: 5px; } #rateDisplayInternet .boxInternet .title .meterIcon .noIcon:after, #rateDisplayMobile .boxInternet .title .meterIcon .noIcon:after { display: none !important; } #rateDisplayInternet .boxInternet .title .meterIcon:after, #rateDisplayMobile .boxInternet .title .meterIcon:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; text-decoration: none; content: "j"; position: relative; margin-top: 3px; } @media only screen and (max-width: 500px) { #rateDisplayInternet .boxInternet, #rateDisplayMobile .boxInternet { margin-bottom: 40px; } #rateDisplayInternet .boxInternet .title, #rateDisplayMobile .boxInternet .title { width: 100%; text-align: center; } #rateDisplayInternet .boxInternet .title h3, #rateDisplayMobile .boxInternet .title h3 { font-size: 2em; } #rateDisplayInternet .boxInternet .right, #rateDisplayMobile .boxInternet .right { width: 100%; border-top: 2px solid #1D79DE; border-bottom: 2px solid #1D79DE; background-color: #FAFAFA; } #rateDisplayInternet .boxInternet .right .box, #rateDisplayMobile .boxInternet .right .box { width: 300px; } #rateDisplayInternet .boxInternet .right .box.box_sub, #rateDisplayMobile .boxInternet .right .box.box_sub { margin-left: 0; } #rateDisplayInternet .boxInternet .right .intRow, #rateDisplayMobile .boxInternet .right .intRow { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; cursor: hand; min-height: 65px; } #rateDisplayInternet .boxInternet .right .intRow.info, #rateDisplayMobile .boxInternet .right .intRow.info { background-color: #ECF2F8; cursor: default; } #rateDisplayInternet .boxInternet .right .intRow.disabled, #rateDisplayMobile .boxInternet .right .intRow.disabled { opacity: 0.5; cursor: default; background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.disabled:hover, #rateDisplayMobile .boxInternet .right .intRow.disabled:hover { background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow .check, #rateDisplayMobile .boxInternet .right .intRow .check { width: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; padding-left: 5px; padding-right: 5px; } #rateDisplayInternet .boxInternet .right .intRow .detail, #rateDisplayMobile .boxInternet .right .intRow .detail { width: 201px; border-right: 1px solid #EBEBED; padding-top: 10px; padding-bottom: 10px; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup { width: 100%; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup .price, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .price { float: left; font-weight: bold; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup .price h3, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .price h3 { font-size: 3em; font-family: 'Rubrik-ExtraLight'; margin-bottom: 0; margin-top: 0; color: #1D79DE; padding-left: 2px; padding-right: 2px; padding-top: 0; padding-bottom: 0; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup .month, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .month { text-align: left; float: left; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup .month p, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .month p { font-size: 9px; padding-top: 0; margin-bottom: 0; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup .month p.ttU, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .month p.ttU { margin-bottom: 0; } #rateDisplayInternet .boxInternet .right .intRow .detail .conditions p, #rateDisplayMobile .boxInternet .right .intRow .detail .conditions p { font-size: 9px; padding-left: 2px; padding-right: 5px; padding-bottom: 0; margin: 0; text-align: left; } #rateDisplayInternet .boxInternet .right .intRow .data, #rateDisplayMobile .boxInternet .right .intRow .data { padding-top: 8px; margin-bottom: 0px; color: #1d79de; text-align: left; padding-left: 3px; } #rateDisplayInternet .boxInternet .right .intRow .data .dataCap, #rateDisplayMobile .boxInternet .right .intRow .data .dataCap { font-weight: bold; } #rateDisplayInternet .boxInternet .right .intRow .rowLeft, #rateDisplayMobile .boxInternet .right .intRow .rowLeft { display: inline-flex; float: left; width: 50%; max-width: 50px; } #rateDisplayInternet .boxInternet .right .intRow .rowRight, #rateDisplayMobile .boxInternet .right .intRow .rowRight { padding-top: 11.5px; } #rateDisplayInternet .boxInternet .right .intRow dataContainer, #rateDisplayMobile .boxInternet .right .intRow dataContainer { width: 62px; } #rateDisplayInternet .boxInternet .right .intRow .speed, #rateDisplayMobile .boxInternet .right .intRow .speed { width: 62px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 -1px; padding: 5px; text-align: left; } #rateDisplayInternet .boxInternet .right .intRow .speed .down, #rateDisplayMobile .boxInternet .right .intRow .speed .down { width: 100%; vertical-align: text-bottom; height: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #rateDisplayInternet .boxInternet .right .intRow .speed .down p, #rateDisplayMobile .boxInternet .right .intRow .speed .down p { color: #929292; font-size: 10px; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-self: flex-end; -webkit-box-align: start; } #rateDisplayInternet .boxInternet .right .intRow .speed .down .downIcon, #rateDisplayMobile .boxInternet .right .intRow .speed .down .downIcon { display: inline; margin-right: 5px; } #rateDisplayInternet .boxInternet .right .intRow .speed .down .downIcon .noIcon:after, #rateDisplayMobile .boxInternet .right .intRow .speed .down .downIcon .noIcon:after { display: none !important; } #rateDisplayInternet .boxInternet .right .intRow .speed .down .downIcon:after, #rateDisplayMobile .boxInternet .right .intRow .speed .down .downIcon:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; text-decoration: none; content: "W"; position: relative; margin-top: 3px; } #rateDisplayInternet .boxInternet .right .intRow .speed .up, #rateDisplayMobile .boxInternet .right .intRow .speed .up { width: 100%; vertical-align: text-top; height: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #rateDisplayInternet .boxInternet .right .intRow .speed .up p, #rateDisplayMobile .boxInternet .right .intRow .speed .up p { color: #929292; font-size: 10px; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #rateDisplayInternet .boxInternet .right .intRow .speed .up .upIcon, #rateDisplayMobile .boxInternet .right .intRow .speed .up .upIcon { display: inline; margin-right: 5px; } #rateDisplayInternet .boxInternet .right .intRow .speed .up .upIcon .noIcon:after, #rateDisplayMobile .boxInternet .right .intRow .speed .up .upIcon .noIcon:after { display: none !important; } #rateDisplayInternet .boxInternet .right .intRow .speed .up .upIcon:after, #rateDisplayMobile .boxInternet .right .intRow .speed .up .upIcon:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; text-decoration: none; content: "V"; position: relative; margin-top: 3px; } #rateDisplayInternet .boxInternet .right .intRow:not(:first-child), #rateDisplayMobile .boxInternet .right .intRow:not(:first-child) { border-top: 1px solid #EBEBED; } #rateDisplayInternet .boxInternet .right .intRow:hover, #rateDisplayMobile .boxInternet .right .intRow:hover { background-color: #ECF2F8; } #rateDisplayInternet .boxInternet .right .intRow.selected, #rateDisplayMobile .boxInternet .right .intRow.selected { background-color: #ECF2F8; } #rateDisplayInternet .boxInternet .right .intRow .message, #rateDisplayMobile .boxInternet .right .intRow .message { padding-left: 3.5em; padding-right: 3.5em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: flex-start; width: 100%; } #rateDisplayInternet .boxInternet .right .intRow .message .taL, #rateDisplayMobile .boxInternet .right .intRow .message .taL { margin-bottom: 0; cursor: text; } } @media only screen and (min-width: 700px) and (max-width: 951px) { #rateDisplayInternet .boxInternet, #rateDisplayMobile .boxInternet { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #rateDisplayInternet .boxInternet .title, #rateDisplayMobile .boxInternet .title { width: 195px; } #rateDisplayInternet .boxInternet .right, #rateDisplayMobile .boxInternet .right { width: 452px; } #rateDisplayInternet .boxInternet .right .box, #rateDisplayMobile .boxInternet .right .box { width: 432px !important; margin: 10px !important; } #rateDisplayInternet .boxInternet .right .intRow, #rateDisplayMobile .boxInternet .right .intRow { width: 452px; } #rateDisplayInternet .boxInternet .right .intRow.disabled, #rateDisplayMobile .boxInternet .right .intRow.disabled { opacity: 0.5; cursor: default; background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.disabled:hover, #rateDisplayMobile .boxInternet .right .intRow.disabled:hover { background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.info, #rateDisplayMobile .boxInternet .right .intRow.info { background-color: #ECF2F8; cursor: default; } #rateDisplayInternet .boxInternet .right .intRow .data, #rateDisplayMobile .boxInternet .right .intRow .data { padding-top: 8px; margin-bottom: 0px; color: #1d79de; text-align: left; padding-left: 5px; } #rateDisplayInternet .boxInternet .right .intRow .data .dataCap, #rateDisplayMobile .boxInternet .right .intRow .data .dataCap { font-weight: bold; font-size: 12px; } #rateDisplayInternet .boxInternet .right .intRow .rowLeft, #rateDisplayMobile .boxInternet .right .intRow .rowLeft { display: inline-flex; float: left; max-width: 70px; } #rateDisplayInternet .boxInternet .right .intRow .rowRight, #rateDisplayMobile .boxInternet .right .intRow .rowRight { display: inline-flex; padding-top: 11.5px; float: left; } #rateDisplayInternet .boxInternet .right .intRow dataContainer, #rateDisplayMobile .boxInternet .right .intRow dataContainer { width: 115px; } #rateDisplayInternet .boxInternet .right .intRow .speed, #rateDisplayMobile .boxInternet .right .intRow .speed { width: 115px; padding: 5px; text-align: left; } #rateDisplayInternet .boxInternet .right .intRow .message, #rateDisplayMobile .boxInternet .right .intRow .message { padding-left: 3.5em; padding-right: 3.5em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: flex-start; width: 100%; } #rateDisplayInternet .boxInternet .right .intRow .message .taL, #rateDisplayMobile .boxInternet .right .intRow .message .taL { margin-bottom: 0; cursor: text; } } @media only screen and (min-width: 501px) and (max-width: 699px) { #rateDisplayInternet .boxInternet .title, #rateDisplayMobile .boxInternet .title { width: 429px; text-align: center; } #rateDisplayInternet .boxInternet .right, #rateDisplayMobile .boxInternet .right { width: 452px; } #rateDisplayInternet .boxInternet .right .box, #rateDisplayMobile .boxInternet .right .box { width: 432px !important; margin: 10px !important; } #rateDisplayInternet .boxInternet .right .intRow, #rateDisplayMobile .boxInternet .right .intRow { width: 450px; } #rateDisplayInternet .boxInternet .right .intRow.disabled, #rateDisplayMobile .boxInternet .right .intRow.disabled { opacity: 0.5; cursor: default; background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.disabled:hover, #rateDisplayMobile .boxInternet .right .intRow.disabled:hover { background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.info, #rateDisplayMobile .boxInternet .right .intRow.info { background-color: #ECF2F8; cursor: default; } #rateDisplayInternet .boxInternet .right .intRow .data, #rateDisplayMobile .boxInternet .right .intRow .data { padding-top: 8px; margin-bottom: 0px; color: #1d79de; text-align: left; padding-left: 1px; } #rateDisplayInternet .boxInternet .right .intRow .data .dataCap, #rateDisplayMobile .boxInternet .right .intRow .data .dataCap { font-weight: bold; } #rateDisplayInternet .boxInternet .right .intRow .rowLeft, #rateDisplayMobile .boxInternet .right .intRow .rowLeft { display: inline-flex; float: left; width: 66%; max-width: 70px; padding-left: 5px; } #rateDisplayInternet .boxInternet .right .intRow .rowRight, #rateDisplayMobile .boxInternet .right .intRow .rowRight { display: inline-flex; padding-top: 11.5px; float: left; } #rateDisplayInternet .boxInternet .right .intRow dataContainer, #rateDisplayMobile .boxInternet .right .intRow dataContainer { width: 115px; } #rateDisplayInternet .boxInternet .right .intRow .speed, #rateDisplayMobile .boxInternet .right .intRow .speed { width: 115px; padding: 5px; text-align: left; } #rateDisplayInternet .boxInternet .right .intRow .message, #rateDisplayMobile .boxInternet .right .intRow .message { padding-left: 3.5em; padding-right: 3.5em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: flex-start; width: 100%; } #rateDisplayInternet .boxInternet .right .intRow .message .taL, #rateDisplayMobile .boxInternet .right .intRow .message .taL { margin-bottom: 0; cursor: text; } } @media only screen and (min-width: 951px) { #rateDisplayInternet .boxInternet, #rateDisplayMobile .boxInternet { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #rateDisplayInternet .boxInternet .title, #rateDisplayMobile .boxInternet .title { width: 330px; } #rateDisplayInternet .boxInternet .right, #rateDisplayMobile .boxInternet .right { width: 567px; } #rateDisplayInternet .boxInternet .right .box, #rateDisplayMobile .boxInternet .right .box { width: 547px !important; margin: 10px !important; } #rateDisplayInternet .boxInternet .right .intRow, #rateDisplayMobile .boxInternet .right .intRow { width: 567px; } #rateDisplayInternet .boxInternet .right .intRow.disabled, #rateDisplayMobile .boxInternet .right .intRow.disabled { opacity: 0.5; cursor: default; background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.disabled:hover, #rateDisplayMobile .boxInternet .right .intRow.disabled:hover { background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.info, #rateDisplayMobile .boxInternet .right .intRow.info { background-color: #ECF2F8; cursor: default; } #rateDisplayInternet .boxInternet .right .intRow .data, #rateDisplayMobile .boxInternet .right .intRow .data { padding-top: 11px; margin-bottom: 0px; color: #1d79de; text-align: left; padding-left: 15px; } #rateDisplayInternet .boxInternet .right .intRow .data .dataCap, #rateDisplayMobile .boxInternet .right .intRow .data .dataCap { font-weight: bold; } #rateDisplayInternet .boxInternet .right .intRow .rowLeft, #rateDisplayMobile .boxInternet .right .intRow .rowLeft { display: inline-flex; float: left; } #rateDisplayInternet .boxInternet .right .intRow .dataContainer, #rateDisplayMobile .boxInternet .right .intRow .dataContainer { width: 230px; } #rateDisplayInternet .boxInternet .right .intRow .speed, #rateDisplayMobile .boxInternet .right .intRow .speed { width: 230px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; float: left; } #rateDisplayInternet .boxInternet .right .intRow .message, #rateDisplayMobile .boxInternet .right .intRow .message { padding-left: 3.5em; padding-right: 3.5em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: flex-start; width: 100%; } #rateDisplayInternet .boxInternet .right .intRow .message .taL, #rateDisplayMobile .boxInternet .right .intRow .message .taL { margin-bottom: 0; cursor: text; } } @media only screen and (max-width: 950px) { #rateDisplayInternet .boxInternet .right .intRow.disabled, #rateDisplayMobile .boxInternet .right .intRow.disabled { opacity: 0.5; cursor: default; background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.disabled:hover, #rateDisplayMobile .boxInternet .right .intRow.disabled:hover { background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.info, #rateDisplayMobile .boxInternet .right .intRow.info { background-color: #ECF2F8; cursor: default; } #rateDisplayInternet .boxInternet .right .intRow .speed .down, #rateDisplayMobile .boxInternet .right .intRow .speed .down { height: 50%; } #rateDisplayInternet .boxInternet .right .intRow .speed .down p, #rateDisplayMobile .boxInternet .right .intRow .speed .down p { align-self: flex-end; -webkit-box-align: start; padding: 0 !important; } #rateDisplayInternet .boxInternet .right .intRow .speed .up, #rateDisplayMobile .boxInternet .right .intRow .speed .up { height: 50%; } #rateDisplayInternet .boxInternet .right .intRow .speed .up p, #rateDisplayMobile .boxInternet .right .intRow .speed .up p { padding: 0 !important; } #rateDisplayInternet .boxInternet .right .intRow .message, #rateDisplayMobile .boxInternet .right .intRow .message { padding-left: 3.5em; padding-right: 3.5em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: center; width: 100%; padding-bottom: 1em; padding-top: 1em; } #rateDisplayInternet .boxInternet .right .intRow .message .taL, #rateDisplayMobile .boxInternet .right .intRow .message .taL { margin-bottom: 0; cursor: text; text-align: center !important; } } @media only screen and (min-width: 951px) { #rateDisplayInternet .boxInternet .right .intRow.disabled, #rateDisplayMobile .boxInternet .right .intRow.disabled { opacity: 0.5; cursor: default; background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.disabled:hover, #rateDisplayMobile .boxInternet .right .intRow.disabled:hover { background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.info, #rateDisplayMobile .boxInternet .right .intRow.info { background-color: #ECF2F8; cursor: default; } #rateDisplayInternet .boxInternet .right .intRow .rowLeft, #rateDisplayMobile .boxInternet .right .intRow .rowLeft { display: inline-flex; float: left; } #rateDisplayInternet .boxInternet .right .intRow .rowRight, #rateDisplayMobile .boxInternet .right .intRow .rowRight { display: inline-flex; padding-top: 13.5px; float: left; } #rateDisplayInternet .boxInternet .right .intRow .speed .down, #rateDisplayMobile .boxInternet .right .intRow .speed .down, #rateDisplayInternet .boxInternet .right .intRow .speed .up, #rateDisplayMobile .boxInternet .right .intRow .speed .up { -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } #rateDisplayInternet .boxInternet .right .intRow .message, #rateDisplayMobile .boxInternet .right .intRow .message { padding-left: 3.5em; padding-right: 3.5em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: flex-start; width: 100%; } #rateDisplayInternet .boxInternet .right .intRow .message .taL, #rateDisplayMobile .boxInternet .right .intRow .message .taL { margin-bottom: 0; cursor: text; } } @media only screen and (min-width: 501px) { #rateDisplayInternet .boxInternet, #rateDisplayMobile .boxInternet { margin-bottom: 10px; background-color: #FAFAFA; border: 1px solid #1D79DE; } #rateDisplayInternet .boxInternet .title, #rateDisplayMobile .boxInternet .title { padding: 10px; border-right: 1px solid #EBEBED; } #rateDisplayInternet .boxInternet .title h3, #rateDisplayMobile .boxInternet .title h3 { font-size: 3em; } #rateDisplayInternet .boxInternet .right, #rateDisplayMobile .boxInternet .right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; } #rateDisplayInternet .boxInternet .right .intRow, #rateDisplayMobile .boxInternet .right .intRow { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; cursor: hand; } #rateDisplayInternet .boxInternet .right .intRow.disabled, #rateDisplayMobile .boxInternet .right .intRow.disabled { opacity: 0.5; cursor: default; background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.disabled:hover, #rateDisplayMobile .boxInternet .right .intRow.disabled:hover { background-color: #F8F8F8; } #rateDisplayInternet .boxInternet .right .intRow.info, #rateDisplayMobile .boxInternet .right .intRow.info { background-color: #ECF2F8; cursor: default; } #rateDisplayInternet .boxInternet .right .intRow .check, #rateDisplayMobile .boxInternet .right .intRow .check { width: 26px; border-right: 1px solid #EBEBED; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; padding-left: 15px; padding-right: 15px; } #rateDisplayInternet .boxInternet .right .intRow .detail, #rateDisplayMobile .boxInternet .right .intRow .detail { width: 279px; border-right: 1px solid #EBEBED; min-height: 75px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; padding-top: 10px; padding-bottom: 10px; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup .price h3, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .price h3 { font-size: 3em; font-family: 'Rubrik-ExtraLight'; margin-bottom: 0; margin-top: 0; color: #1D79DE; padding-left: 30px; padding-right: 5px; min-width: 70px; text-align: left; font-weight: bold; padding-top: 0; padding-bottom: 0; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup .month, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .month { text-align: left; } #rateDisplayInternet .boxInternet .right .intRow .detail .detailGroup .month p, #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .month p { font-size: 10px; padding-right: 5px; padding-top: 0; margin-bottom: 0; } #rateDisplayInternet .boxInternet .right .intRow .detail .conditions p, #rateDisplayMobile .boxInternet .right .intRow .detail .conditions p { font-size: 10px; padding-left: 30px; padding-right: 17px; margin: 0; text-align: left; padding-bottom: 0; } #rateDisplayInternet .boxInternet .right .intRow .speed .down, #rateDisplayMobile .boxInternet .right .intRow .speed .down { width: 115px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #rateDisplayInternet .boxInternet .right .intRow .speed .down p, #rateDisplayMobile .boxInternet .right .intRow .speed .down p { color: #929292; font-size: 15px; margin: 0; padding: 7px; width: 100%; margin-left: auto; margin-right: auto; } #rateDisplayInternet .boxInternet .right .intRow .speed .down .downIcon, #rateDisplayMobile .boxInternet .right .intRow .speed .down .downIcon { display: inline; margin-right: 5px; } #rateDisplayInternet .boxInternet .right .intRow .speed .down .downIcon .noIcon:after, #rateDisplayMobile .boxInternet .right .intRow .speed .down .downIcon .noIcon:after { display: none !important; } #rateDisplayInternet .boxInternet .right .intRow .speed .down .downIcon:after, #rateDisplayMobile .boxInternet .right .intRow .speed .down .downIcon:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; text-decoration: none; content: "W"; position: relative; margin-top: 3px; } #rateDisplayInternet .boxInternet .right .intRow .speed .up, #rateDisplayMobile .boxInternet .right .intRow .speed .up { width: 115px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #rateDisplayInternet .boxInternet .right .intRow .speed .up p, #rateDisplayMobile .boxInternet .right .intRow .speed .up p { color: #929292; font-size: 15px; margin: 0; padding: 7px; width: 100%; margin-left: auto; margin-right: auto; } #rateDisplayInternet .boxInternet .right .intRow .speed .up .upIcon, #rateDisplayMobile .boxInternet .right .intRow .speed .up .upIcon { display: inline; margin-right: 5px; } #rateDisplayInternet .boxInternet .right .intRow .speed .up .upIcon .noIcon:after, #rateDisplayMobile .boxInternet .right .intRow .speed .up .upIcon .noIcon:after { display: none !important; } #rateDisplayInternet .boxInternet .right .intRow .speed .up .upIcon:after, #rateDisplayMobile .boxInternet .right .intRow .speed .up .upIcon:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; text-decoration: none; content: "V"; position: relative; margin-top: 3px; } #rateDisplayInternet .boxInternet .right .intRow:not(:first-child), #rateDisplayMobile .boxInternet .right .intRow:not(:first-child) { border-top: 1px solid #EBEBED; } #rateDisplayInternet .boxInternet .right .intRow:hover, #rateDisplayMobile .boxInternet .right .intRow:hover { background-color: #ECF2F8; } #rateDisplayInternet .boxInternet .right .intRow.selected, #rateDisplayMobile .boxInternet .right .intRow.selected { background-color: #ECF2F8; } #rateDisplayInternet .boxInternet .right .intRow .message, #rateDisplayMobile .boxInternet .right .intRow .message { padding-left: 3.5em; padding-right: 3.5em; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: flex-start; width: 100%; } #rateDisplayInternet .boxInternet .right .intRow .message .taL, #rateDisplayMobile .boxInternet .right .intRow .message .taL { margin-bottom: 0; cursor: text; } } #rateDisplayInternet .terms, #rateDisplayMobile .terms { text-align: center; } #rateDisplayInternet .terms p, #rateDisplayMobile .terms p { margin-bottom: 0; } #rateDisplayInternet .terms .termsText, #rateDisplayMobile .terms .termsText { margin-top: 15px; margin-bottom: 15px; font-size: 10px; } #rateDisplayInternet .terms .fancybox, #rateDisplayMobile .terms .fancybox { font-size: 16px; font-weight: 600; } #rateDisplayInternet .content_holder, #rateDisplayMobile .content_holder { padding: 0; width: 100%; } #rateDisplayInternet .box, #rateDisplayMobile .box { width: 800px; } #rateDisplayInternet .box.fullWidth, #rateDisplayMobile .box.fullWidth { width: 100% !important; } #rateDisplayInternet h2, #rateDisplayMobile h2 { text-align: center; } @media only screen and (min-width: 501px) { #rateDisplayInternet .check_switch_label.labelLeft, #rateDisplayMobile .check_switch_label.labelLeft { width: 200px; text-align: right; } #rateDisplayInternet .check_switch_label.labelRight, #rateDisplayMobile .check_switch_label.labelRight { width: 200px; text-align: left; } } #rateDisplayInternet .loading, #rateDisplayMobile .loading { display: block; position: absolute; z-index: 20; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; left: 0; top: 0; width: 100%; background: #FFF url(/images/loader_spin_colours_32.gif) center center no-repeat; -webkit-transition: all opacity 0.3s height 0.5s 0; -moz-transition: all opacity 0.3s height 0.5s 0; transition: all opacity 0.3s height 0.5s 0; -webkit-transition: opacity 0.3s height 0.5s 0; -moz-transition: opacity 0.3s height 0.5s 0; transition: opacity 0.3s height 0.5s 0; } #rateDisplayInternet .is-loading .loading, #rateDisplayMobile .is-loading .loading { height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: "alpha(opacity=75)"; opacity: 0.75; -webkit-transition: all opacity 0.3s height 0; -moz-transition: all opacity 0.3s height 0; transition: all opacity 0.3s height 0; -webkit-transition: opacity 0.3s height 0; -moz-transition: opacity 0.3s height 0; transition: opacity 0.3s height 0; } #rateDisplayInternet .check_switch_label, #rateDisplayMobile .check_switch_label { display: inline-block; vertical-align: middle; max-width: 35%; margin: 0 0 0 -33px; } #rateDisplayInternet .custom_check_switch, #rateDisplayMobile .custom_check_switch { position: absolute; left: -1000000em; } #rateDisplayInternet .custom_check_switch + span.check_switch, #rateDisplayMobile .custom_check_switch + span.check_switch { display: inline-block; width: 55px; height: 31px; line-height: 12px; vertical-align: middle; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(180, 180, 180, 0.8); background: #E9E9EA; position: relative; text-align: center; } #rateDisplayInternet .custom_check_switch + span.check_switch + .check_switch_label, #rateDisplayMobile .custom_check_switch + span.check_switch + .check_switch_label { max-width: 42%; margin: 0 -33px 0 0; } #rateDisplayInternet .custom_check_switch + span.check_switch:before, #rateDisplayMobile .custom_check_switch + span.check_switch:before { content: ''; display: block; height: 25px; width: 25px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; top: 3px; left: 3px; background-color: #1D79DE; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } #rateDisplayInternet .custom_check_switch + span.check_switch.checked:before, #rateDisplayMobile .custom_check_switch + span.check_switch.checked:before { left: 27px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } #rateDisplayInternet [class*="fancybox"] .help, #rateDisplayMobile [class*="fancybox"] .help { width: 100%; display: inline; } #rateDisplayInternet [class*="fancybox"] .help .noIcon:after, #rateDisplayMobile [class*="fancybox"] .help .noIcon:after { display: none !important; } #rateDisplayInternet [class*="fancybox"] .help:after, #rateDisplayMobile [class*="fancybox"] .help:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; text-decoration: none; content: "o"; margin: 0 -20px 0 6px; position: relative; top: 2px; } #rateDisplayInternet [class*="fancybox"] .help.m0:after, #rateDisplayMobile [class*="fancybox"] .help.m0:after { margin-right: 0; } #rateDisplayInternet [class*="fancybox"]:hover, #rateDisplayMobile [class*="fancybox"]:hover { text-decoration: none; } #rateDisplayInternet [class*="fancybox"]:hover .help:after, #rateDisplayMobile [class*="fancybox"]:hover .help:after { content: "n"; } #rateDisplayInternet strong a[class*="fancybox"], #rateDisplayMobile strong a[class*="fancybox"] { color: #454F5E; } #rateDisplayInternet strong a[class*="fancybox"] .help:after, #rateDisplayMobile strong a[class*="fancybox"] .help:after { color: #1D79DE; } @media only screen and (max-width: 500px) { #rateDisplayInternet .custom_check_switch + span.check_switch, #rateDisplayMobile .custom_check_switch + span.check_switch { margin: 0px; } #rateDisplayInternet .custom_radio + span.radio, #rateDisplayMobile .custom_radio + span.radio { width: 20px !important; height: 20px; } #rateDisplayInternet .custom_radio + span.radio:before, #rateDisplayMobile .custom_radio + span.radio:before { height: 20px; width: 20px; } #rateDisplayInternet .custom_radio + span.radio.checked:before, #rateDisplayMobile .custom_radio + span.radio.checked:before { height: 14px; width: 14px; top: 3px; left: 3px; } } @media only screen and (min-width: 501px) { #rateDisplayInternet .custom_check_switch + span.check_switch, #rateDisplayMobile .custom_check_switch + span.check_switch { margin: 0 15px; } #rateDisplayInternet .custom_radio + span.radio, #rateDisplayMobile .custom_radio + span.radio { width: 25px !important; height: 25px; } #rateDisplayInternet .custom_radio + span.radio:before, #rateDisplayMobile .custom_radio + span.radio:before { height: 25px; width: 25px; } #rateDisplayInternet .custom_radio + span.radio.checked:before, #rateDisplayMobile .custom_radio + span.radio.checked:before { top: 4px; left: 4px; height: 17px; width: 17px; } } #rateDisplayInternet .custom_radio, #rateDisplayMobile .custom_radio { position: absolute; left: -1000em; } #rateDisplayInternet .custom_radio + span.radio, #rateDisplayMobile .custom_radio + span.radio { display: inline-block !important; line-height: 12px; margin: 0; vertical-align: middle; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #FFF; border: 1px solid rgba(180, 180, 180, 0.8); position: relative; text-align: center; } #rateDisplayInternet .custom_radio + span.radio:before, #rateDisplayMobile .custom_radio + span.radio:before { content: ''; display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; top: 0; left: 0; background-color: transparent; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } #rateDisplayInternet .custom_radio + span.radio.checked:before, #rateDisplayMobile .custom_radio + span.radio.checked:before { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #1D79DE; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } #rateDisplayMobile { width: auto; margin: auto; margin-bottom: 0px; background-color: #FFF; margin-top: 0px; } #rateDisplayMobile .module { padding-top: 60px; } #rateDisplayMobile .internet_groups { max-width: 900px; margin: auto; } @media only screen and (max-width: 479px) { #rateDisplay #pb_powergas #GasView { margin-top: 10px; } } #rateDisplay #pb_powergas .MainTitle { font-family: 'Rubrik-ExtraLight'; } @media only screen and (min-width: 480px) { #rateDisplay #pb_powergas .MainTitle { padding-bottom: 60px; } } @media only screen and (max-width: 479px) { #rateDisplay #pb_powergas .MainTitle { margin-top: 30px; padding-bottom: 48px; } } #rateDisplay #pb_powergas .helpWrap { display: inline-block; } #rateDisplay #pb_powergas.PowerAndGas .rates_wrap > .box_wrap { margin-right: 20px; } #rateDisplay #pb_powergas.PowerAndGas .rates_wrap > .box_wrap ~ .box_wrap { margin-right: initial; } #rateDisplay #pb_powergas .pb_footer { padding-top: 20px; } #rateDisplay #pb_powergas .rdBorderLeft { border-left: 1px solid rgba(180, 180, 180, 0.3); } #rateDisplay #pb_powergas .rdLoading { height: 32px; width: 100%; background: #F8F8F8 url(/images/loader_spin_colours_32.gif) center center no-repeat; } #rateDisplay #pb_powergas .free_blue-white p { -webkit-margin-before: 0; -webkit-margin-after: 0; margin-top: 0; margin-bottom: 0; } #rateDisplay #pb_powergas .rates_wrap { display: inline-block; margin: 0 auto; } @media only screen and (max-width: 500px) { #rateDisplay #pb_powergas .rates_wrap { width: 300px; } } @media (max-width: 920px) and (min-width: 500px) { #rateDisplay #pb_powergas .rates_wrap .gasPanel { margin-left: 100px; } } #rateDisplay #pb_powergas .rates_wrap .box_title_col, #rateDisplay #pb_powergas .rates_wrap .box_title_col strong { color: #aaaaaa !important; } #rateDisplay #pb_powergas .rates_wrap .box_wrap { width: 300px; float: left; } @media only screen and (max-width: 920px) { #rateDisplay #pb_powergas .rates_wrap .box_wrap { float: none !important; margin-right: 0 !important; } } @media only screen and (max-width: 499px) { #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 { width: 300px; } } @media only screen and (min-width: 500px) { #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 { width: 500px; } } #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 .splitter { margin: auto; } #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 .splitter .splitBox { box-sizing: border-box; } @media only screen and (min-width: 500px) { #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 .splitter .splitBox { float: left; width: 50%; } } #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 .splitter .splitBox:nth-child(2) { border-left: 1px solid rgba(180, 180, 180, 0.3); } #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 .splitter .halfBox:nth-child(even) { border-left: 1px solid rgba(180, 180, 180, 0.3); } #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 .halfBox { box-sizing: border-box; padding: 0 !important; border-top: 1px solid rgba(180, 180, 180, 0.3); } @media only screen and (min-width: 500px) { #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 .halfBox { float: left; width: 50%; } } #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 .halfBox a { width: 100% !important; } #rateDisplay #pb_powergas .rates_wrap .box_wrap.box_columns-2 .halfBox label { width: 100% !important; } #rateDisplay #pb_powergas .rates_wrap .box_wrap .fullBox { box-sizing: border-box; padding: 0 !important; border-top: 1px solid rgba(180, 180, 180, 0.3); } #rateDisplay #pb_powergas .rates_wrap .box_wrap .fullBox a { width: 100% !important; } #rateDisplay #pb_powergas .rates_wrap .box_wrap .fullBox label { width: 100% !important; } #rateDisplay #pb_powergas .rates_wrap .box_wrap h2 { color: #1D79DE; padding-bottom: 5px; } .box { position: relative; display: block; background-color: #F8F8F8; } .box *:active, .box *:focus { outline: 0; } .box, .box p, .box label { font-family: 'Rubrik-Regular', Arial, sans-serif; } .carousel_item .box { margin-bottom: 10px; } .box + .box { margin-top: -1px; } .box.box_sub { margin: 1em 2.5em 2em; } .box a { text-decoration: none; } .box a:hover { text-decoration: underline; } .box a.btn { margin: 5px; } .box a.btn:hover { text-decoration: none; } .box a.btn__wide { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 110%; margin: 10px 10px 15px; } .box a.btn__wide:first-child:last-child { margin-left: 0; margin-right: 0; } .box #divProductStack { display: none; } .box .box_inner { border: 1px solid #1D79DE; } .box .box_inner h2, .webkit .box .box_inner h2 { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 3em; line-height: 1.1; margin: 0; padding: 0.3em 0; } .box .box_inner h6 { margin: 0; text-transform: uppercase; color: #AAA; } .box .box_inner .lg_title { display: inline-block; color: #1D79DE; font-size: 1.4em; } .box .box_inner p { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0.1em 0; line-height: 1.5; color: #757474; font-size: 1.3em; padding-left: 0; padding-right: 0; } .box .box_inner p .lg { display: inline-block; text-transform: uppercase; font-size: 1.3em; padding-top: 0.1em; padding-bottom: 0.1em; } .box .box_inner p .lg_price { font-size: 1.3em; } .box .box_inner p .lg_title { font-size: 1.6em; padding: 0 0.5em 0 0; } .box .box_inner p.summary_address { text-align: left; float: left; width: 70%; margin-right: -5px; } .box .box_inner p.summary_address + .btn_small { margin-left: 0; margin-right: 0; } .box .box_inner p.line_sub { margin: 0; padding-left: 12px; font-size: 11px; } .box .box_inner strong { color: #454F5E; } .box .box_inner > .box_row:first-child, .box .box_inner > .flex_row:first-child, .box .box_inner > .box_row:first-child > .flex_title:first-child, .box .box_inner > .flex_row:first-child > .flex_title:first-child { border: 0; } .box .box_title, .box .flex_row, .box .box_row { text-align: center; max-height: 999999px; } .box .box_title .white, .box .flex_row .white, .box .box_row .white { color: #FFF; } .box .box_row { padding: 1em 2em; border-top: 1px solid rgba(180, 180, 180, 0.3); } .box .box_row .overlap_icon.white { color: #FFFFFF; } .box .box_row_rates { position: relative; } .box .box_row_text ol, .box .box_row_text ul { margin: 0.1em 0; line-height: 1.5rem; color: #757474; } .box .box_row_content, .box .flex_content { width: 100%; position: relative; z-index: 1; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .box .box_row_content:before, .box .flex_content:before, .box .box_row_content:after, .box .flex_content:after { content: ""; display: table; } .box .box_row_content:after, .box .flex_content:after { clear: both; } .box .box_row_content:before, .box .flex_content:before, .box .box_row_content:after, .box .flex_content:after { content: ""; display: table; } .box .box_row_content:after, .box .flex_content:after { clear: both; } .box .box_row_highlight { position: absolute; z-index: 0; left: 0; top: 0; right: 0; bottom: 0; background: #FAEA8E !important; } .box .box_row_no_row, .box .flex_row_no_row { border: 0 !important; padding-top: 0 !important; } .box .box_row_no_row .flex, .box .flex_row_no_row .flex { padding-top: 0 !important; min-height: 0 !important; } .box .box_row_no_border, .box .flex_row_no_border { border: 0 !important; } .box .box_row_no_padd, .box .flex_row_no_padd { padding: 0 !important; } .box .box_row_sub { padding: 0; } .box .box_row_sub .box_row, .box .box_row_sub .flex_row { padding-left: 2.5em; padding-right: 2.5em; } .box .box_row_sub .box_row:first-child .box_row, .box .box_row_sub .flex_row:first-child .box_row, .box .box_row_sub .box_row:first-child .flex_row, .box .box_row_sub .flex_row:first-child .flex_row, .box .box_row_sub .box_row:first-child .box_row_content, .box .box_row_sub .flex_row:first-child .box_row_content { border-top: 0; } .box .box_row_sub .flex { border-top: 0; } .box .disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "alpha(opacity=50)"; opacity: 0.5; border-color: rgba(180, 180, 180, 0.6); } .box .box_row_service { position: relative; padding: 1.5em 2.5em 1.5em 48px; } .box .box_row_service .overlap_icon { font-size: 22px; float: left; margin: -3px 0 0 -30px; } .box .box_row_service .oi_mobile { content: url(/images/components/planbuilder/mobile_planbuilder_icon.svg); min-width: 2.3rem; height: 2.3rem; } .box .box_row_service .oi_mobileSvg { min-width: 2.3rem; height: 2.3rem; } .box .box_row_service .flL { text-align: left; } .box .box_row_service .flL h3.deal_title { margin: 0; padding-top: 0; color: #FFFFFF; margin-top: -5px; font-size: 1.3em; line-height: 1.2; } .box .box_row_service .flL p.deal_description { color: #FFFFFF; font-size: 13px; } .box .box_row_total p .lg, .box .box_row_service p .lg { font-size: 1.2em; padding: 0; } .box .box_head { position: relative; } .box .box_image { text-align: center; display: flex; align-items: center; justify-content: center; padding: 10px; } .box .box_image img { max-width: 100%; } .box .box_image.box_image_sm { height: 180px; } .box .box_image.box_image_sm img { max-height: 170px; } .box .box_title + .box_image { padding-top: 0; } .box label.box_row, .box label.flex_row { font-size: 1em; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; cursor: pointer; border: 0; padding-top: 0; position: relative; } .box label.box_row .box_row_content, .box label.flex_row .box_row_content { padding-top: 1em; border-top: 1px solid rgba(180, 180, 180, 0.3); } .box label.box_row.box_row_large, .box label.flex_row.box_row_large { padding: 0; } .box label.box_row.box_row_large:first-of-type .box_row_content.mobilePlan__row, .box label.flex_row.box_row_large:first-of-type .box_row_content.mobilePlan__row { border-top: none; padding-top: 0; } .box label.box_row.box_row_large .box_row_content, .box label.flex_row.box_row_large .box_row_content { padding: 2em 2.5em; } .box label.box_row.box_row_large .box_row_content.mobilePlan__row, .box label.flex_row.box_row_large .box_row_content.mobilePlan__row { padding: 0 2.5em; text-align: left; } .box label.box_row.box_row_large .box_row_content.mobilePlan__row .flex_title span.radio, .box label.flex_row.box_row_large .box_row_content.mobilePlan__row .flex_title span.radio { margin-top: 0; } .box label.box_row:hover, .box label.flex_row:hover { background: #ECF2F8; } .box label.box_row .flex_data, .box label.flex_row .flex_data, .box label.box_row .flex_title, .box label.flex_row .flex_title { text-align: left; padding-left: 4.5em; padding-right: 5px; } .box label.box_row .flex_title span.radio, .box label.flex_row .flex_title span.radio { float: left; margin: 4px 0 -4px -30px; } .box label.box_row .flex_title p .lg, .box label.flex_row .flex_title p .lg { padding-left: 0; } .box label.box_row.disabled:hover, .box label.flex_row.disabled:hover { background: transparent; cursor: not-allowed; } .box .box_row_data { text-transform: uppercase; } .box .box_title { padding: 1.75em 2.5em; text-transform: uppercase; } .box .box_title p { font-size: 1.4em; line-height: 1.3; color: #454F5E; font-weight: bold; } .box .box_row_tight { padding: 1em 1.5em; } .box .box_row_tight .flex { padding: 0.5em 0 !important; min-height: 0 !important; border: 0; } .box .line.line_scroll { overflow: hidden; overflow-y: auto; border-top: 1px solid #1D79DE; } .box .flex_row { display: block; } .box .flex_title { text-align: center; } .box .flex_title.third { padding-right: 0; } .box .flex_title p .lg { padding-left: 0 !important; } .box .flex_title p > .lg:first-child:last-child { width: 100%; } .box .flex_l { text-align: left; } .box .flex_r { text-align: right; } .box .flex_r .lg_price { padding-right: 0 !important; } .box .flex_r [class*="fancybox"] .help:after { margin-right: 0; } .box .flex_data { text-align: center; text-transform: uppercase; } .box .flex_data p + p { margin-top: 1em; } .box .flex_data p .lg, .box .flex_data p .lg_price { padding-right: 0; } .box .flex { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 1.5em; border: 0; border-top: 1px solid rgba(180, 180, 180, 0.3); margin: 0; } .box .flex.flex_inset { border: 1px solid rgba(180, 180, 180, 0.6) !important; margin: 0 5px 5px !important; width: auto; padding-left: 1em; padding-right: 1em; } .box .flex.flex_inset:last-child { margin-bottom: 10px !important; } .box a.flex, .box label.flex { position: relative; text-decoration: none; font-size: 1.4em; line-height: 1.3; color: #1D79DE; cursor: pointer; } .box a.flex .help.m0:after, .box label.flex .help.m0:after { margin-left: 2px; margin-right: -10px; line-height: 0.9; } .box a.flex .lg_title, .box label.flex .lg_title { min-width: 80px; } .box a.flex .line, .box label.flex .line { margin-bottom: 4px; } .box a.flex .line_sub, .box label.flex .line_sub { margin: 4px 0 0; color: #757474; font-size: 11px; } .box a.flex:hover, .box label.flex:hover { background: #1D79DE; text-decoration: none; color: #FFF; } .box a.flex:hover strong, .box label.flex:hover strong, .box a.flex:hover .lg, .box label.flex:hover .lg, .box a.flex:hover .lg_title, .box label.flex:hover .lg_title, .box a.flex:hover .help, .box label.flex:hover .help, .box a.flex:hover .line_sub, .box label.flex:hover .line_sub { color: #FFF; } .box a.flex input[type='radio']:not(.custom_radio), .box label.flex input[type='radio']:not(.custom_radio) { position: absolute; left: -1000em; } .box a.flex .flex_content > p, .box label.flex .flex_content > p, .box a.flex .flex_content > span, .box label.flex .flex_content > span, .box a.flex .flex_content > small, .box label.flex .flex_content > small { display: block; clear: both; width: 100%; line-height: 1.3; } .box label .box_row_content .flex { border: 0; } .box .flex_xs { border-top: 1px solid rgba(180, 180, 180, 0.3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .box .flex_xs .flex { width: auto; padding: 10px 1.5em; border-top: none; min-height: 58px; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: center; } .box .flex_xs .flex.half { width: 50%; float: left; -webkit-box-flex: 1; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; } .box .flex_xs .flex.third { width: 33.33%; float: left; -webkit-box-flex: 1; -webkit-flex: 1 1 33.33%; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; } .box .flex_xs .flex.twothird { width: 66.66%; float: left; -webkit-box-flex: 2; -webkit-flex: 2 2 66.66%; -ms-flex: 2 2 66.66%; flex: 2 2 66.66%; } .box .flex_xs .flex.flex_inset { padding-left: 1em; padding-right: 1em; margin-bottom: 10px !important; } .box .flex_xs .flex.flex_inset + .flex_inset { margin-left: 0 !important; } .box .flex_xs .flex.flex_top { justify-content: flex-start; } .box .custom_radio { position: absolute; left: -1000em; } .box .custom_radio + span.radio { display: inline-block !important; width: 19px !important; height: 19px; line-height: 12px; margin: 0; vertical-align: middle; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #FFF; border: 1px solid rgba(180, 180, 180, 0.8); position: relative; text-align: center; } .box .custom_radio + span.radio:before { content: ''; display: block; height: 19px; width: 19px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; top: 0; left: 0; background-color: transparent; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } .box .custom_radio + span.radio.checked:before { height: 11px; width: 11px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; top: 4px; left: 4px; background-color: #1D79DE; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } .box .custom_radio:checked + span.radio:before { height: 11px; width: 11px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; top: 4px; left: 4px; background-color: #1D79DE; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } .box p.radio_wrap { padding-left: 32px; padding-right: 20px; } .box p.radio_wrap span.radio { float: left; margin-left: -32px; } .box p.radio_wrap .help { margin-top: 3px; margin-right: -20px; } .box .check_switch_label { display: inline-block; vertical-align: middle; max-width: 35%; margin: 0 0 0 -33px; } .box .custom_check_switch { position: absolute; left: -1000000em; } .box .custom_check_switch + span.check_switch { display: inline-block; width: 55px; height: 31px; line-height: 12px; margin: 0 15px; vertical-align: middle; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(180, 180, 180, 0.8); background: #E9E9EA; position: relative; text-align: center; } .box .custom_check_switch + span.check_switch + .check_switch_label { max-width: 42%; margin: 0 -33px 0 0; } .box .custom_check_switch + span.check_switch:before { content: ''; display: block; height: 25px; width: 25px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; top: 3px; left: 3px; background-color: #1D79DE; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } .box .custom_check_switch + span.check_switch.checked:before { left: 27px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } .box .fancy_select_container { text-transform: none; text-align: left; } .box .fancy_select_replaced p { width: auto !important; padding: 5px 35px 5px 12px; font-size: 14px !important; } .box .fancy_placeholder_input { padding: 7px 0 6px; } .box .flex_data select { width: 80%; } .box .fancy_input { width: 100%; font-size: 14px !important; padding: 6px 12px; border: 1px solid rgba(180, 180, 180, 0.8); } .box .input_group { width: 100%; position: relative; } .box .input_group:before, .box .input_group:after { content: ""; display: table; } .box .input_group:after { clear: both; } .box .input_group:before, .box .input_group:after { content: ""; display: table; } .box .input_group:after { clear: both; } .box .input_group .fancy_input { width: 80%; min-height: 35px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .box .input_group .btn { width: 20%; float: left; min-height: 35px; padding: 6px 4px 7px; margin: 0 -10% 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .box .box_row_toggle { padding-right: 5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; cursor: pointer; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } .box .box_row_toggle:hover { background: #E9E9EA; } .box .box_row_toggle:after { display: block; color: #1D79DE; font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; text-decoration: none; content: "d"; margin: -0.5em 1.5em 0 0; position: absolute; right: 0; top: 50%; } .box .box_row_toggle.open:after { content: "g"; } .box .box_data_estimate { font-family: 'Rubrik-Regular', Arial, sans-serif; } .box .box_data_estimate sup { font-size: 0.5em; line-height: 0; top: -1em; position: relative; } .box .box_data_estimate small { font-size: 0.5em; line-height: 0; } .box .box_data_estimate.box_data_estimate_large { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; padding: 0.1em 0; font-size: 8em; line-height: 1; letter-spacing: -5px; margin-right: -20px; } .box .box_data_estimate.box_data_estimate_large sup, .box .box_data_estimate.box_data_estimate_large small { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 0.4em; letter-spacing: -1px; } .box [class*="fancybox"] .help { width: 100%; display: inline; } .box [class*="fancybox"] .help .noIcon:after { display: none !important; } .box [class*="fancybox"] .help:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; text-decoration: none; content: "o"; margin: 0 -20px 0 6px; position: relative; top: 2px; } .box [class*="fancybox"] .help.m0:after { margin-right: 0; } .box [class*="fancybox"]:hover { text-decoration: none; } .box [class*="fancybox"]:hover .help:after { content: "n"; } .box strong a[class*="fancybox"] { color: #454F5E; } .box strong a[class*="fancybox"] .help:after { color: #1D79DE; } .box .loading { display: block; position: absolute; z-index: 20; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; left: 0; top: 0; width: 100%; background: #FFF url(/images/loader_spin_colours_32.gif) center center no-repeat; -webkit-transition: all opacity 0.3s height 0.5s 0; -moz-transition: all opacity 0.3s height 0.5s 0; transition: all opacity 0.3s height 0.5s 0; -webkit-transition: opacity 0.3s height 0.5s 0; -moz-transition: opacity 0.3s height 0.5s 0; transition: opacity 0.3s height 0.5s 0; } .is-loading .box .loading { height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: "alpha(opacity=75)"; opacity: 0.75; -webkit-transition: all opacity 0.3s height 0; -moz-transition: all opacity 0.3s height 0; transition: all opacity 0.3s height 0; -webkit-transition: opacity 0.3s height 0; -moz-transition: opacity 0.3s height 0; transition: opacity 0.3s height 0; } .box.box_icon:before { content: ''; position: absolute; top: 0; left: 50%; margin: -20px 0 0 -20px; height: 33px; width: 35px; padding-top: 2px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 1; font-size: 30px; color: #1D79DE; border: 1px solid #1D79DE; background-color: #FFF; font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .box.box_icon.box_power:before { content: "z"; } .box.box_icon.box_gas:before { content: "k"; } .box.box_icon.box_telco:before { content: "C"; } .box.box_icon.box_internet:before { content: "r"; } .box.box_icon.box_phone:before { content: "v"; } .box .overlap_icon { font-size: 28px; color: #1D79DE; } .box.free_gray-white, .box .free_gray-white { background-color: #F8F8F8; } .box.free_gray-white-dark, .box .free_gray-white-dark { background-color: #F3F3F3; } .box.free_gray, .box.free_blue, .box.free_purple, .box.free_deep-purple, .box.free_green, .box .free_gray, .box .free_blue, .box .free_purple, .box .free_deep-purple, .box .free_green { background-color: #454F5E; color: #FFF; } .box.free_gray h2, .box.free_blue h2, .box.free_purple h2, .box.free_deep-purple h2, .box.free_green h2, .box .free_gray h2, .box .free_blue h2, .box .free_purple h2, .box .free_deep-purple h2, .box .free_green h2, .box.free_gray h3, .box.free_blue h3, .box.free_purple h3, .box.free_deep-purple h3, .box.free_green h3, .box .free_gray h3, .box .free_blue h3, .box .free_purple h3, .box .free_deep-purple h3, .box .free_green h3, .box.free_gray h4, .box.free_blue h4, .box.free_purple h4, .box.free_deep-purple h4, .box.free_green h4, .box .free_gray h4, .box .free_blue h4, .box .free_purple h4, .box .free_deep-purple h4, .box .free_green h4, .box.free_gray h5, .box.free_blue h5, .box.free_purple h5, .box.free_deep-purple h5, .box.free_green h5, .box .free_gray h5, .box .free_blue h5, .box .free_purple h5, .box .free_deep-purple h5, .box .free_green h5, .box.free_gray h6, .box.free_blue h6, .box.free_purple h6, .box.free_deep-purple h6, .box.free_green h6, .box .free_gray h6, .box .free_blue h6, .box .free_purple h6, .box .free_deep-purple h6, .box .free_green h6, .box.free_gray p, .box.free_blue p, .box.free_purple p, .box.free_deep-purple p, .box.free_green p, .box .free_gray p, .box .free_blue p, .box .free_purple p, .box .free_deep-purple p, .box .free_green p, .box.free_gray a, .box.free_blue a, .box.free_purple a, .box.free_deep-purple a, .box.free_green a, .box .free_gray a, .box .free_blue a, .box .free_purple a, .box .free_deep-purple a, .box .free_green a, .box.free_gray strong, .box.free_blue strong, .box.free_purple strong, .box.free_deep-purple strong, .box.free_green strong, .box .free_gray strong, .box .free_blue strong, .box .free_purple strong, .box .free_deep-purple strong, .box .free_green strong { color: #FFF; } .box.free_gray a.btn, .box.free_blue a.btn, .box.free_purple a.btn, .box.free_deep-purple a.btn, .box.free_green a.btn, .box .free_gray a.btn, .box .free_blue a.btn, .box .free_purple a.btn, .box .free_deep-purple a.btn, .box .free_green a.btn { background-color: #FFF; color: #1D79DE; } .box.free_gray a.btn.btn--white, .box.free_blue a.btn.btn--white, .box.free_purple a.btn.btn--white, .box.free_deep-purple a.btn.btn--white, .box.free_green a.btn.btn--white, .box .free_gray a.btn.btn--white, .box .free_blue a.btn.btn--white, .box .free_purple a.btn.btn--white, .box .free_deep-purple a.btn.btn--white, .box .free_green a.btn.btn--white { color: white; } .box.free_gray a.btn.btn--white:hover, .box.free_blue a.btn.btn--white:hover, .box.free_purple a.btn.btn--white:hover, .box.free_deep-purple a.btn.btn--white:hover, .box.free_green a.btn.btn--white:hover, .box .free_gray a.btn.btn--white:hover, .box .free_blue a.btn.btn--white:hover, .box .free_purple a.btn.btn--white:hover, .box .free_deep-purple a.btn.btn--white:hover, .box .free_green a.btn.btn--white:hover { background: rgba(0, 0, 0, 0.2); color: white; } .box.free_gray a.btn:hover, .box.free_blue a.btn:hover, .box.free_purple a.btn:hover, .box.free_deep-purple a.btn:hover, .box.free_green a.btn:hover, .box .free_gray a.btn:hover, .box .free_blue a.btn:hover, .box .free_purple a.btn:hover, .box .free_deep-purple a.btn:hover, .box .free_green a.btn:hover { background-color: #FFF; color: #454F5E; } .box.free_gray a:hover, .box.free_blue a:hover, .box.free_purple a:hover, .box.free_deep-purple a:hover, .box.free_green a:hover, .box .free_gray a:hover, .box .free_blue a:hover, .box .free_purple a:hover, .box .free_deep-purple a:hover, .box .free_green a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } .box.free_gray .overlap_icon, .box.free_blue .overlap_icon, .box.free_purple .overlap_icon, .box.free_deep-purple .overlap_icon, .box.free_green .overlap_icon, .box .free_gray .overlap_icon, .box .free_blue .overlap_icon, .box .free_purple .overlap_icon, .box .free_deep-purple .overlap_icon, .box .free_green .overlap_icon { color: #FFF; } .box.free_blue, .box .free_blue { background-color: #1D79DE; } .box.free_blue-white, .box .free_blue-white { background-color: #ECF2F8; } .box.free_yellow, .box .free_yellow { background-color: #F9E61E; } .box.free_yellow:after, .box .free_yellow:after { border-top-color: #F9E61E; } .box.free_purple, .box .free_purple { background-color: #1D79DE; background-image: -webkit-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: -moz-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: -ms-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: -o-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ff7f1399', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ff7f1399',GradientType=1); } .box.free_deep-purple-angle, .box .free_deep-purple-angle { background-color: #C96DD7; background-image: -webkit-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: -moz-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: -ms-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: -o-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7', endColorstr='#ff4f32b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7',endColorstr='#ff4f32b6',GradientType=1); } .box.free_deep-purple-angle:before, .box .free_deep-purple-angle:before, .box.free_deep-purple-angle:after, .box .free_deep-purple-angle:after { border-top-color: transparent; } .box.free_green-angle, .box .free_green-angle { background-color: #7FC3B6; background-image: -webkit-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -moz-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -ms-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -o-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ffb4ec51', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ffb4ec51',GradientType=1); } .box.free_green-angle:before, .box .free_green-angle:before, .box.free_green-angle:after, .box .free_green-angle:after { border-top-color: transparent; } .box.free_deep-green-angle, .box .free_deep-green-angle { background-color: #1D79DE; background-image: -webkit-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -moz-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -ms-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -o-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6', endColorstr='#ff7fc3b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6',endColorstr='#ff7fc3b6',GradientType=1); } .box.free_deep-green-angle:before, .box .free_deep-green-angle:before, .box.free_deep-green-angle:after, .box .free_deep-green-angle:after { border-top-color: transparent; } .box.free_purple-angle, .box .free_purple-angle { background-color: #1D79DE; background-image: -webkit-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -moz-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -ms-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -o-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ff7f1399', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ff7f1399',GradientType=1); } .box.free_purple-angle:before, .box .free_purple-angle:before, .box.free_purple-angle:after, .box .free_purple-angle:after { border-top-color: transparent; } .box.free_deep-purple, .box .free_deep-purple { background-color: #C96DD7; background-image: -webkit-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: -moz-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: -ms-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: -o-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: linear-gradient(left, #C96DD7 0%, #4F32B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7', endColorstr='#ff4f32b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7',endColorstr='#ff4f32b6',GradientType=1); } .box.free_deep-purple-reverse, .box .free_deep-purple-reverse { background-color: #C96DD7; background-image: -webkit-linear-gradient(right, #C96DD7 0%, #4F32B6 100%); background-image: -moz-linear-gradient(right, #C96DD7 0%, #4F32B6 100%); background-image: -ms-linear-gradient(right, #C96DD7 0%, #4F32B6 100%); background-image: -o-linear-gradient(right, #C96DD7 0%, #4F32B6 100%); background-image: linear-gradient(right, #C96DD7 0%, #4F32B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6', endColorstr='#ffc96dd7', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6',endColorstr='#ffc96dd7',GradientType=1); } .box.free_green, .box .free_green { background-color: #53A0FD; background-image: -webkit-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: -moz-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: -ms-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: -o-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ffb4ec51', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ffb4ec51',GradientType=1); } .box.free_deep-green, .box .free_deep-green { background-color: #008C75; background-image: -webkit-linear-gradient(left, #008C75 0%, #76E56C 100%); background-image: -moz-linear-gradient(left, #008C75 0%, #76E56C 100%); background-image: -ms-linear-gradient(left, #008C75 0%, #76E56C 100%); background-image: -o-linear-gradient(left, #008C75 0%, #76E56C 100%); background-image: linear-gradient(left, #008C75 0%, #76E56C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008c75', endColorstr='#ff76e56c', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008c75',endColorstr='#ff76e56c',GradientType=1); } .box.free_deep-green:after, .box .free_deep-green:after { border-top-color: #1D79DE; } .box .phone_options_list { width: 92%; text-align: left; margin: 0 4%; padding-top: 5px; } .box .phone_options_list_remove { text-decoration: none !important; float: right; } .box .phone_options_list_price { color: #AAA; } .box .favourite_number_text { text-align: left; color: #1D79DE !important; text-transform: none !important; padding-top: 5px; } .box .strikethrough { background-image: url('/images/diagonal_line.png'); background-size: 100% 100%; } .lte9 .box .box_inner, .lte9 .box .box_row, .lte9 .box .flex_row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; width: 100%; clear: left; } .lte9 .box .box_inner:before, .lte9 .box .flex_row:before, .lte9 .box .box_inner:after, .lte9 .box .flex_row:after { content: ""; display: table; } .lte9 .box .box_inner:after, .lte9 .box .flex_row:after { clear: both; } .lte9 .box .box_inner:before, .lte9 .box .flex_row:before, .lte9 .box .box_inner:after, .lte9 .box .flex_row:after { content: ""; display: table; } .lte9 .box .box_inner:after, .lte9 .box .flex_row:after { clear: both; } .lte9 .box .box_inner > .box_row:first-child, .lte9 .box .box_inner > .flex_row:first-child, .lte9 .box .box_inner > .box_row:first-child > .flex_title:first-child, .lte9 .box .box_inner > .flex_row:first-child > .flex_title:first-child { border: 0; } .lte9 .box a.flex, .lte9 .box .flex_sm, .lte9 .box .box_row, .lte9 .box label.flex_row .box_row_content { border-top: 1px solid #DDD; } .lte9 .box .free_gray a.flex, .lte9 .box .free_blue a.flex, .lte9 .box .free_purple a.flex, .lte9 .box .free_deep-purple a.flex, .lte9 .box .free_green a.flex, .lte9 .box .free_gray .flex_sm, .lte9 .box .free_blue .flex_sm, .lte9 .box .free_purple .flex_sm, .lte9 .box .free_deep-purple .flex_sm, .lte9 .box .free_green .flex_sm, .lte9 .box .free_gray .box_row, .lte9 .box .free_blue .box_row, .lte9 .box .free_purple .box_row, .lte9 .box .free_deep-purple .box_row, .lte9 .box .free_green .box_row, .lte9 .box .free_gray label.flex_row, .lte9 .box .free_blue label.flex_row, .lte9 .box .free_purple label.flex_row, .lte9 .box .free_deep-purple label.flex_row, .lte9 .box .free_green label.flex_row, .lte9 .box .free_gray.flex_sm, .lte9 .box .free_blue.flex_sm, .lte9 .box .free_purple.flex_sm, .lte9 .box .free_deep-purple.flex_sm, .lte9 .box .free_green.flex_sm, .lte9 .box .free_gray.box_row, .lte9 .box .free_blue.box_row, .lte9 .box .free_purple.box_row, .lte9 .box .free_deep-purple.box_row, .lte9 .box .free_green.box_row, .lte9 .box .free_gray.flex_row, .lte9 .box .free_blue.flex_row, .lte9 .box .free_purple.flex_row, .lte9 .box .free_deep-purple.flex_row, .lte9 .box .free_green.flex_row { border-color: #757474; } .lte9 .box .box_row_no_row, .lte9 .box .flex_row_no_row, .lte9 .box .box_row_tight .flex, .lte9 .box .box_row_sub .flex_row { border: 0 !important; } .lte9 .box .custom_radio + span.radio { border: 1px solid #DDD !important; } .lte9 .box .fake_placeholder { text-align: left !important; padding-left: 12px; } .lte9 .box .flex.flex_inset { box-sizing: border-box; border: 1px solid #DDD !important; margin-left: 1% !important; margin-right: 1% !important; } .lte9 .box .flex_xs .flex.flex_inset.third { width: 32%; } .lte9 .box .flex_xs .flex.flex_inset.half { width: 48.5%; } .lte8 .box a.flex, .lte8 .box label.flex { min-height: 36px; } .lte8 .box .strikethrough { text-decoration: line-through; background-image: none; } .box_deal_changes p { color: #666; } .box_deal { color: white; padding: 2.5em; position: relative; } .box_deal p.deal_description { color: white; width: 80%; display: inline-block; } .box_deal h3.changeText { margin-bottom: 5px; } .box_deal h3.deal_title { color: white; margin-top: 5px; padding-top: 0; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-weight: bold; width: 80%; display: inline-block; } .box_deal img { float: right; max-width: 62px; width: 20%; margin-top: -42px; } .box_deal .modalImage { position: absolute; top: 50%; right: 0; margin-right: 25px; } .box_deal .deal_radio { width: auto; margin-left: 10px; margin-right: 10px; padding-top: 10px; } .box_deal .deal_label { width: 100%; } .box_deal label { cursor: pointer; font-size: 10px; } .box_deal a.btn.btn--white { border: 1px solid #FFF; background: #3369D5; background: rgba(0, 0, 0, 0); -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .box_deal a.btn.btn--white:hover { background: #2453b1; background: rgba(0, 0, 0, 0.2); -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .brace { position: relative; } .brace:before, .brace:after { content: " "; position: absolute; } .brace.brace_fix:before, .brace.brace_fix:after { content: ' '; } .brace_horizontal { background: url('/images/brace_h_d_mid_extended.png') no-repeat center top; height: 40px; margin-left: 18px; margin-right: 18px; } .brace_horizontal:before, .brace_horizontal:after { background: url('/images/brace_h_d_edges.png') no-repeat; height: 16px; top: 0; width: 18px; } .brace_horizontal:before { left: -18px; } .brace_horizontal:after { background-position: -18px 0; right: -18px; } .brace_horizontal.brace_light { background-image: url('/images/brace_h_l_mid_extended.png'); } .brace_horizontal.brace_light:before, .brace_horizontal.brace_light:after { background-image: url('/images/brace_h_l_edges.png'); } .brace_vertical { height: 100%; left: 50%; margin-left: -20px; position: absolute; width: 40px; } .brace_vertical:before, .brace_vertical:after { background: url('/images/brace_v_d_edges.png') no-repeat; height: 18px; left: 0; width: 16px; } .brace_vertical:before { top: 0; } .brace_vertical:after { background-position: 0 -18px; bottom: 0; } .brace_vertical .brace_middle { background: url('/images/brace_v_d_mid_extended.png') no-repeat left center; bottom: 18px; position: absolute; top: 18px; width: 100%; } .brace_vertical.brace_light .brace_middle { background-image: url('/images/brace_v_l_mid_extended.png'); } .brace_vertical.brace_light:before, .brace_vertical.brace_light:after { background-image: url('/images/brace_v_l_edges.png'); } .bubble { position: absolute; z-index: 20; background: no-repeat; right: -10px; top: -20px; display: block; } .bubble__great-value { width: 90px; height: 90px; background-image: url(/images/great-value-90.png); } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .bundle { background: url(/images/bundle_background.png) center center #ddd; display: block; max-width: 100%; padding-top: 2.5em; padding-bottom: 3em; text-align: center; } .bundle_cta { overflow: hidden; padding-bottom: 6em; position: relative; } .bundle_cta .content_holder { padding-top: 0; padding-bottom: 0; margin: 0 auto; } .bundle_cta a { display: block; } .bundle_cta p { color: #46525F; margin-bottom: 0.6em; } .bundle_cta .img { text-align: center; } .bundle_cta .img img { display: inline-block; margin: auto; width: auto; height: auto; max-width: 100%; } .bundle_cta .circle { text-align: center; width: 19em; height: 0; display: inline-block; vertical-align: middle; padding: 8em 3em 17em; margin: -8em 0 0 0; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #FFF; background: rgba(255, 255, 255, 0.6); } .bundle_cta .circle .promo_see_more { -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; transition: background 0.5s ease-out; position: absolute; bottom: -15px; left: 50%; margin-left: -35px; padding: 15px 5px 0; width: 60px; height: 55px; background: #2d7bdb; color: #fff; text-align: center; font-size: 13px; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; line-height: 17px; } .bundle_cta .circle .promo_see_more:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; background: #589aeb; color: #fff; } .bundle_cta .text { position: relative; } .bundle_cta .text .columns { padding-bottom: 0; margin: -0.6em 0; font-size: 0; } .bundle_cta .text .columns .col { width: 49%; padding-top: 1em; text-align: left; display: inline-block; } .bundle_cta .text .columns .col h3 { font-size: 2.9em; line-height: 1.2em; margin-bottom: 0; } .bundle_cta .text .columns .col p { font-size: 1.3em; } .bundle_cta .text .columns .col:before { top: 57px; left: -0.2em; } .bundle_cta .text .columns .col:nth-child(odd):before { display: none; } .bundle_cta .text .columns .col.odd:before { display: none; } .bundle_cta h3 { font-family: 'Rubrik-Light', Arial, sans-serif; } .bundle_cta h3 strong { font-family: 'Rubrik-Regular', Arial, sans-serif; } .bundle_cta.bundle__pink h3, .bundle_cta.bundle__purple h3, .bundle_cta.bundle__pink .col h3, .bundle_cta.bundle__purple .col h3, .bundle_cta.bundle__pink .text p, .bundle_cta.bundle__purple .text p { color: #FFF !important; } .lte8 .bundle_cta .circle { background: url(/images/circle_w60_250.png); } .lte8 .bundle_cta .circle .promo_see_more { background: url(/images/see_details_a.png); padding: 20px 10px 5px; bottom: -25px; } .bundle_icon_list { margin: 0 0 1em; } .bundle_icon_list .bundle_icon { background-repeat: no-repeat; display: inline-block; padding-top: 38px; overflow: hidden; padding-left: 38px; width: 0; height: 0; margin: 0 -6px; } .bundle_icon_gas { background-image: url('/images/bundle_icon_base_gas.png'); } .bundle_icon_internet { background-image: url('/images/bundle_icon_base_internet.png'); } .bundle_icon_phone { background-image: url('/images/bundle_icon_base_phone.png'); } .bundle_icon_power { background-image: url('/images/bundle_icon_base_power.png'); } .bundle_h2, .webkit .bundle_h2 { font-size: 3.7em; line-height: 1.081081em; letter-spacing: -0.054054em; margin: 0em 0em 0.405405em; padding: 0em; color: #333; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; } .bundle_h3 { font-size: 2.3em; line-height: 1.086957em; letter-spacing: -0.043478em; margin: 0em; font-family: 'Rubrik-Light', Arial, sans-serif; } .bundle_h4 { font-size: 1.5em; line-height: 1.333333em; letter-spacing: -0.066667em; margin-bottom: 1.333333em; margin-top: -0.666667em; font-family: 'Rubrik-Light', Arial, sans-serif; margin-left: auto; margin-right: auto; width: 60%; } .bundle_h5 { font-size: 1.4em; line-height: 1.428571em; letter-spacing: -0.071429em; margin: 0em; font-family: 'Rubrik-Light', Arial, sans-serif; } .webkit .bundle_h5 { font-family: 'Rubrik-Regular', Arial, sans-serif; } .bundle_p { font-family: 'Rubrik-Regular', Arial, sans-serif; color: #333; font-size: 1.1em; line-height: 1.363636em; margin: 0em; } .bundle_tcs { color: #333; font-size: 1.2em; line-height: 1.25em; margin: 0 0 2em; } .bundle_offer_list { max-width: 40em; margin: 0 auto; position: relative; } .bundle .bundle_offer_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0 auto 1em; padding: 1.5em; vertical-align: top; width: 48%; } .bundle .bundle_offer_item__withparts { padding: 0; } .bundle .bundle_offer_item_part { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0; padding: 1.5em; position: relative; width: auto; } .bundle .bundle_offer_item_part:before { border-top: 2px solid #FFF; border-top-color: rgba(0, 0, 0, 0.25); top: 0; content: ' '; height: 0; left: 10%; position: absolute; right: 10%; } .bundle .bundle_offer_item_part:first-child:before { display: none; } .bundle .bundle_offer_item__plus { display: block; margin: -1em 0 0; padding: 0; width: 100%; } .bundle .bundle_offer_item__highlight { bottom: -1em; position: absolute; right: 0; padding: 2em 0; height: 115px; width: 111px; } .bundle__blue { background-color: #67D8E4; } .bundle__blue .bundle_offer_item, .bundle__blue .bundle_offer_item_part { background-color: #81DFE9; } .bundle__orange { background-color: #FF9B00; } .bundle__orange .bundle_offer_item, .bundle__orange .bundle_offer_item_part { background-color: #FFAC28; } .bundle__pink { background-color: #CC3399; } .bundle__pink .bundle_offer_item, .bundle__pink .bundle_offer_item_part { background-color: #D557AB; } .bundle__green { background-color: #ACC92A; } .bundle__green .bundle_offer_item, .bundle__green .bundle_offer_item_part { background-color: #2D373E; } .bundle__purple { background-color: #7F1399; } .bundle__purple .bundle_offer_item, .bundle__purple .bundle_offer_item_part { background-color: #953DAB; } .bundle__pink .bundle_h2, .bundle__purple .bundle_h2, .webkit .bundle__pink .bundle_h2, .webkit .bundle__purple .bundle_h2, .bundle__pink .bundle_h3, .bundle__purple .bundle_h3, .bundle__pink .bundle_h4, .bundle__purple .bundle_h4, .bundle__pink .bundle_h5, .bundle__purple .bundle_h5, .webkit .bundle__pink .bundle_h5, .webkit .bundle__purple .bundle_h5, .bundle__pink .bundle_p, .bundle__purple .bundle_p, .bundle__pink .bundle_tcs, .bundle__purple .bundle_tcs { color: #fff; } .bundle__pink .bundle_offer_item__highlight .bundle_h3, .bundle__purple .bundle_offer_item__highlight .bundle_h3, .bundle__pink .bundle_offer_item__highlight .bundle_p, .bundle__purple .bundle_offer_item__highlight .bundle_p { color: #333; } .bundle__pink .bundle_offer_item_part:before, .bundle__purple .bundle_offer_item_part:before { border-top-color: #fff; border-top-color: rgba(255, 255, 255, 0.2); } .bundle .bundle_offer_item__withparts, .bundle .bundle_offer_item__plus, .bundle .bundle_offer_item__tcs { background-color: transparent; } .bundle .bundle_offer_item__highlight { background: url('/images/bundle_highlight_small.png') no-repeat transparent; } /* Other permutations */ .carousel_item .bundle { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 100%; padding-bottom: 4em; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* ============================================================================= Buttons ========================================================================== */ .btn { background: #1D79DE; color: #fff; cursor: pointer; display: inline-block; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.4em; line-height: 1.428571em; margin: 0.714286em 0.714286em 0.714286em 0em; padding: 0.357143em 0.714286em; text-align: center; text-decoration: none; white-space: nowrap; text-transform: uppercase; border: 1px solid transparent; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .btn:visited { color: #fff; text-decoration: none; } .btn.outline { color: #1D79DE; background: #FFF; border: 1px solid #1D79DE; } .btn.clean { color: #1D79DE; background: #FFF; } .btn.clean:hover { color: #0D499E; background: #FFF; } button.btn { color: #FFF; background: #1D79DE; border: 1px solid transparent; } button.btn.outline { color: #1D79DE; background: #FFF; border: 1px solid #1D79DE; } button.btn:disabled { color: #FFF; background: #AAA; } .btn_green { background: #ADC150; color: #2C373E; } .btn_add_remove { background: #3B4650; border-bottom: none; color: #fff; } .btn.disabled, .btn.disabled:visited, .btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus { background-color: #B2D2F7; cursor: default; } .btn_large, .btn_large:visited { padding: 0.666667em 0.8em; } .btn_small, .btn_small:visited { font-size: 1.1em; line-height: 1.25em; padding-left: 0.833333em; padding-right: 0.833333em; margin-bottom: 0.416667em; } .dl_minimalist dd .btn_small, .dl_minimalist dd .btn_small:visited { display: table; font-size: 0.916667em; } .webkit .btn_small, .webkit .btn_small:visited { padding-top: 0.333333em; padding-bottom: 0.333333em; } .btn:hover, .btn:focus { background: #196ac3; color: #fff; text-decoration: none; } .btn:active { background: #1760b1; color: #fff; text-decoration: none; } .main .btn:after { display: none; } .taC .btn { margin-left: 5px; margin-right: 5px; } .btn_no-clear { margin-right: 0.5em; } p .btn { /* font-size: 1.4285em; */ } .btn_secondary, .btn_secondary:visited { background: #EDECEA; color: #757474; } .btn_secondary.outline, .btn_secondary:visited.outline { color: #757474; background: #FFF; border: 1px solid #757474; } .btn_secondary:hover, .btn_secondary:focus { background: #e4e2df; color: #333; } .btn_secondary:hover.outline, .btn_secondary:focus.outline { color: #454F5E; background: #FFF; border-color: #454F5E; } .btn_secondary:active { background: #dddbd7; color: #333; } .btn_tertiary, .btn_tertiary:visited { background: #46535F; } .btn_tertiary:hover, .btn_tertiary:focus { background: #3d4953; } .btn_tertiary:active { background: #37414a; } .btn_dark_block_secondary, .btn_dark_block_secondary:visited { background: #373F4C; color: #fff; } .btn_dark_block_secondary:hover, .btn_dark_block_secondary:visited:hover, .btn_dark_block_secondary:focus, .btn_dark_block_secondary:visited:focus { color: #fff; background: #727D85; text-decoration: none; } .btn__wide { padding-left: 10%; padding-right: 10%; } .btn__fullwidth { font-size: 1.2em; line-height: 1.25em; font-family: 'Rubrik-Regular', Arial, sans-serif; background: #373F4C; margin: 0; padding: 1.25em 1.25em; white-space: normal; } .btn_block { padding-left: 0; padding-right: 0; display: block; } .btn_offerzone { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 2.2em; line-height: 1.136364em; padding: 0.136364em 0.454545em 0.181818em; margin: -0.363636em 0.681818em 0.454545em 0em; background: #148697; color: #fff; float: left; font-family: HouseSlant, Arial, sans-serif; } .btn_offerzone:hover, .btn_offerzone:focus { background: #0A971C; } .btn_multiline { display: table; white-space: normal !important; } .btn_orange { background: #ff9a00; color: #FFF; } .btn_orange:hover, .btn_orange:focus { background: #e08800; } .lead_module.module .module_inner .content_holder { padding-top: 0; padding-bottom: 0; } .lead_module.module .module_inner .content_holder .main_content { padding-left: 0; padding-right: 0; } .lead_module.module .module_inner .content_holder .main_content .content_layout_container { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; } .lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h2, .lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h3, .lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left p, .lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h4 { text-align: center; } .lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h2, .lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h3, .lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo p, .lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h4 { text-align: center; } .lead_module.module .module_inner .content_holder .main_content h3 { padding-left: 10%; padding-right: 10%; } .lead_module.module .module_inner .content_holder .main_content .lead_container { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-box-lines: multiple; -webkit-box-lines: multiple; /* Firefox <18 */ /* Firefox 19> */ } .lead_module.module .module_inner .content_holder .main_content .lead_container input { font-size: 16px; height: 36px; margin-bottom: 0; } .lead_module.module .module_inner .content_holder .main_content .lead_container .scfValidator, .lead_module.module .module_inner .content_holder .main_content .lead_container .scfValidatorRequired { padding-left: 0; width: 100%; text-align: left; } .lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailBorder, .lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneBorder { width: 95%; height: 36px; } .lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailGeneralPanel, .lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneGeneralPanel, .lead_module.module .module_inner .content_holder .main_content .lead_container input[type=text], .lead_module.module .module_inner .content_holder .main_content .lead_container input[type=email], .lead_module.module .module_inner .content_holder .main_content .lead_container input[type=tel] { width: 100%; } .lead_module.module .module_inner .content_holder .main_content .lead_container input[type=submit] { width: 70%; margin-top: 3%; margin-bottom: 1%; padding: 0; margin-left: 0; margin-right: 0; } .lead_module.module .module_inner .content_holder .main_content .lead_container ::-webkit-input-placeholder { font-size: 16px; } .lead_module.module .module_inner .content_holder .main_content .lead_container :-moz-placeholder { font-size: 16px; } .lead_module.module .module_inner .content_holder .main_content .lead_container ::-moz-placeholder { font-size: 16px; } .lead_module.module .module_inner .content_holder .main_content .lead_container :-ms-input-placeholder { font-size: 16px; } .lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailBorder, .lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneBorder { margin-top: 2%; margin-bottom: 1%; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .card { position: relative; padding: 10%; background-color: #FFFFFF; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15); margin-top: 21px; margin-bottom: 30px; } .card-heading { color: #666666 !important; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 24px; font-size: 20px !important; text-align: center; margin: 0px 0px 5px 0px; letter-spacing: -0.5px; } .card-subheading { line-height: 16px; font-size: 12px; text-align: center; letter-spacing: -0.5px; margin-bottom: 15px; } .card-cta { width: 100%; padding-top: 9.5px; padding-bottom: 9.5px; padding-left: 0px !important; padding-right: 0px !important; margin: 0px; } .card-cta:hover { background-color: #196ac3; cursor: pointer; } .card-cta:active { background: #1D79DE; } .card-cta:focus { background: #1D79DE; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .carousel_container { background: #FDFDFC; max-width: 100%; } .carousel_container .main_content { max-width: 66em; } .carousel_container .carousel_standard { padding-left: 3em; padding-right: 3em; } .carousel_container .carousel_standard .carousel_previous { left: -1em; } .carousel_container .carousel_standard .carousel_next { right: -1em; } .carousel_container_blue .carousel_previous, .carousel_container_green .carousel_previous, .carousel_container_pink .carousel_previous, .carousel_container_blue .carousel_next, .carousel_container_green .carousel_next, .carousel_container_pink .carousel_next { background-image: url(/images/carousel_controls_coloured.png); } .carousel_container_blue { background: #67D8E4; } .carousel_container_green { background: #ACC92A; } .carousel_container_pink { background: #CC3399; } .carousel_container_pink h2 { color: #fff; } .carousel_container_pink p { color: #fff; } .carousel_container_pink a { color: #fff; border-bottom: 1px dotted #fff; } .banner_panels_container .carousel_standard { /* Next & Prev */ } .banner_panels_container .carousel_standard .carousel_previous, .banner_panels_container .carousel_standard .carousel_next { visibility: visible; } .banner_panels_container .carousel_standard .carousel_previous { left: -9%; } .banner_panels_container .carousel_standard .carousel_next { right: -9%; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* ============================================================================= Carousel Module ========================================================================== */ /* Carousel Module */ .carousel_module .content_holder.module_intro { padding-bottom: 10px; } .carousel_module .content_holder.module_body { padding-top: 10px; } .carousel_module .content_holder.module_outro { padding-top: 10px; } .carousel_module .content_holder .carousel_item__image { padding-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 320px; } .carousel_module .content_holder .banner_holder { bottom: 20px; } .carousel_module .content_holder .carousel_previous { left: -6%; } .carousel_module .content_holder .carousel_next { right: -6%; } .carousel_free { max-width: none; margin: 0 -10px; padding: 0 10px 20px; max-height: 400px; overflow: hidden; -webkit-transition: max-height 0.3s, opacity 0.3s; -moz-transition: max-height 0.3s, opacity 0.3s; transition: max-height 0.3s, opacity 0.3s; } .carousel_free .module.module_tiles { background: transparent; } .carousel_free .module.module_tiles .tiles { padding-bottom: 0; } .carousel_free .module.module_tiles .content_holder { max-width: none; padding: 0; } .carousel_module.deals_carousel_module { font-size: 0; } .carousel_module.deals_carousel_module:before { content: ''; top: 0; width: 100%; position: absolute; border-top: 1px solid rgba(255, 255, 255, 0.3); } .carousel_module.deals_carousel_module .main_content { padding: 0 0 0 20px; } .carousel_module.deals_carousel_module .content_holder { box-sizing: border-box; padding-bottom: 0; margin: 0; } .carousel_module.deals_carousel_module .content_holder.module_intro { font-size: 10px; vertical-align: middle; text-align: left; } .carousel_module.deals_carousel_module .content_holder.module_intro p { font-size: 16px; } .carousel_module.deals_carousel_module .module_body { vertical-align: middle; box-sizing: border-box; font-size: 10px; padding: 1em 0 2em; overflow: hidden; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .carousel_show_holder { display: none; } .carousel_show { background: url("/images/strip_chevron.png") no-repeat scroll center 10px transparent; bottom: 0; cursor: pointer; display: block; height: 0; left: 50%; margin: -10px 0 0 -20px; overflow: hidden; padding: 40px 20px 0; position: absolute; width: 0; z-index: 1; } .carousel_hider { background: url(/images/carousel_hider.png) no-repeat center center; cursor: pointer; display: block; height: 40px; overflow: hidden; position: absolute; right: 1em; text-indent: -999px; top: 1em; width: 40px; z-index: 1; } /* Carousel Plans */ .carousel_standard { max-width: 220px; margin: 2em auto 0; } .carousel_standard .carousel_item { width: 100%; } .carousel_standard.carousel_box { margin-left: -5px; margin-right: -5px; max-width: none !important; } .carousel_standard.carousel_box .carousel_item { box-sizing: border-box; padding-left: 5px; padding-right: 5px; } /* Carousel Related */ .carousel_related { padding-left: 3em; padding-right: 3em; } .carousel_related .related_item_holder { padding-top: 100%; position: relative; height: 0; display: block; } .carousel_related .related_item { background: #F5F3F0; display: block; margin-right: 2px; position: absolute; text-align: center; padding: 1em 2em; top: 0; bottom: 0; right: 0; left: 0; } .carousel_related .related_item:first-child { margin-left: 1px; } .carousel_related h3 { text-align: center; } .carousel_related hr { border-color: #333; display: block; margin: 0 auto 10px auto; width: 20%; } .carousel_related .carousel_previous, .carousel_related .carousel_next { background: url("/images/carousel_controls_related.png") no-repeat center 0px; height: 0; margin-top: -1.5em; padding-top: 29px; top: 50%; width: 17px; } .carousel_related .carousel_previous { left: -4em; background-position: center 0; } .carousel_related .carousel_previous:hover { background-position: center -29px; } .carousel_related .carousel_next { background-position: center -58px; right: -4em; } .carousel_related .carousel_next:hover { background-position: center -87px; } .carousel_related h5, .webkit .carousel_related h5 { /* safe guard */ font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 1em; font-size: 30px; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; margin-bottom: 10px; letter-spacing: -1px; } .carousel_related h5 small, .webkit .carousel_related h5 small { font-size: 15px; line-height: 1em; } .carousel_related p, .webkit .carousel_related p { color: #666; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 20px; } .carousel_related .related_item_holder, .webkit .carousel_related .related_item_holder { padding-top: 100%; } .no-touch .carousel_related .related_item:hover, .no-touch .carousel_related .carousel_page:first-child .carousel_item:first-child .related_item { background-color: #46535F; } .no-touch .carousel_related .related_item:hover h5, .no-touch .carousel_related .carousel_page:first-child .carousel_item:first-child .related_item h5, .no-touch .carousel_related .related_item:hover h6, .no-touch .carousel_related .carousel_page:first-child .carousel_item:first-child .related_item h6, .no-touch .carousel_related .related_item:hover p, .no-touch .carousel_related .carousel_page:first-child .carousel_item:first-child .related_item p { color: #fff; } .no-touch .carousel_related .related_item:hover hr, .no-touch .carousel_related .carousel_page:first-child .carousel_item:first-child .related_item hr { border-color: #fff; } .no-touch .carousel_related .carousel_item:first-child .related_item:hover { background-color: #37424D; } /* Carousel Recent News - extends .carousel_related */ .carousel_recent_news .related_item, .carousel_img_sml .related_item { text-align: left; } .carousel_recent_news .related_item h5, .carousel_img_sml .related_item h5 { opacity: 0.8; } .carousel_recent_news .related_item p.date, .carousel_img_sml .related_item p.date { font-size: 14px; margin: 1.4em 0 0 0; color: #46525F; opacity: 0.8; } .carousel_recent_news .related_item h6, .carousel_img_sml .related_item h6 { color: #46525F; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 16px; margin: 7px 0 10px; opacity: 0.8; text-transform: none; } .carousel_recent_news .related_item p, .carousel_img_sml .related_item p { color: #333; font-size: 12px; line-height: 15px; opacity: 0.8; } .carousel_img_sml img { display: block; margin: 0 auto; } .carousel_img_sml h5 { padding-right: 15%; } .carousel_img_sml h6 { text-align: center; } .carousel_img_sml div.related_item { background-color: #46535F; } .carousel_img_sml div.related_item h5, .carousel_img_sml div.related_item h6, .carousel_img_sml div.related_item p { color: #FFF; } .carousel_img_sml div.related_item hr { border-color: #FFF; } .carousel_img_sml a.related_item { left: 0; right: 0; padding-top: 0; padding-bottom: 0 !important; } .carousel_img_sml a.related_item:hover { background-color: #e5e3e0 !important; } .carousel_img_sml a.related_item:hover h5, .carousel_img_sml a.related_item:hover h6, .carousel_img_sml a.related_item:hover p { color: #333 !important; } .carousel_img_sml a.related_item:hover hr { border-color: #333 !important; } /* Carousel Promos */ .carousel_promos, .carousel_plan_info { margin-top: 0; max-width: none; } .carousel_promos .carousel_previous, .carousel_plan_info .carousel_previous, .carousel_promos .carousel_next, .carousel_plan_info .carousel_next { background-image: url(/images/carousel_controls_coloured.png); } .carousel_promos .carousel_previous, .carousel_plan_info .carousel_previous { left: 0; } .carousel_promos .carousel_next, .carousel_plan_info .carousel_next { right: 0; } .carousel_promos .promo_premade { display: none; } /* Carousel Landing */ .carousel_landing { height: 100%; margin-top: 0; max-width: none; } .carousel_landing .carousel_items { overflow: hidden; } .carousel_landing .carousel_item, .carousel_landing .carousel_holder, .carousel_landing .carousel_items, .carousel_landing .carousel_page { width: 100%; } .carousel_landing .carousel_previous, .carousel_landing .carousel_next { background-image: url(/images/carousel_controls_coloured.png); } .carousel_landing .carousel_previous { left: 0; } .carousel_landing .carousel_next { right: 0; } .carousel_landing .carousel_item { width: 100%; padding-top: 36em; overflow: hidden; height: 0 !important; } .carousel_landing img { min-height: 100%; min-width: 100%; position: absolute; right: 0; top: 0; } .carousel_landing .banner_holder img { position: static; min-height: 0; min-width: 0; } .banner_short .carousel_landing .carousel_item { padding-top: 24em; } .banner_xshort .carousel_landing .carousel_item { padding-top: 20em; } .banner_xxshort .carousel_landing .carousel_item { padding-top: 16em; } /* Carousel Banner Panels */ .banner_panels_container { bottom: 0; display: none; left: 0; position: relative; right: 0; z-index: 1; } .carousel_banner_panels { display: block; margin-top: 0; max-width: 102.4em; } .carousel_banner_panels .carousel_holder { max-width: 104.2em; } .carousel_banner_panels .carousel_items { top: auto; bottom: 0; } .carousel_banner_panels .carousel_previous, .carousel_banner_panels .carousel_next { visibility: hidden; } .carousel_banner_panels .carousel_item .b_panel { min-height: 100%; } .carousel_landing .carousel_pager, .carousel_promos .carousel_pager { bottom: 0; left: 0; right: 0; padding: 0; position: absolute; z-index: 5; } .carousel_landing .carousel_pager li, .carousel_promos .carousel_pager li { display: inline-block; height: 40px; position: relative; vertical-align: bottom; z-index: 1; } .carousel_landing .carousel_pager li .a, .carousel_promos .carousel_pager li .a { background: url("/images/vertical_toggle_inactive.png") no-repeat 13px 12px; display: inline-block; padding: 20px; text-indent: -9999px; width: 0; vertical-align: bottom; } .carousel_landing .carousel_pager li .a:hover, .carousel_promos .carousel_pager li .a:hover { background: url("/images/vertical_toggle_inactive.png") no-repeat 13px 12px; } .carousel_landing .carousel_pager li .a.active, .carousel_promos .carousel_pager li .a.active { background: url("/images/vertical_toggle_active.png") no-repeat 13px 12px; } .carousel_landing .carousel_pager li .a.active:hover, .carousel_promos .carousel_pager li .a.active:hover { background-image: url("/images/vertical_toggle_active.png"); } .carousel_landing .carousel_pager { display: none; } .carousel_plan_info .carousel_pager { bottom: 9em; left: 0; padding: 0; position: absolute; right: 0; } /* Carousel Products */ .carousel_products .product_item { min-height: 100%; margin-right: 1px; margin-bottom: 0; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .hidden_plans .carousel_show_holder { display: block; } .hidden_plans .carousel_hider, .hidden_plans .carousel { display: none; } .hidden_plans .content_loadable .carousel { display: block; } .banner_pull_left img { display: inline; } /* Carousel Gallery */ .carousel_gallery .carousel_previous, .carousel_gallery .carousel_next { width: 17px !important; } .carousel_gallery .carousel_previous { left: -20px !important; } .carousel_gallery .carousel_next { right: -20px !important; } .carousel_gallery .carousel_item { width: 100% !important; text-align: center; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* ============================================================================= Carousel ========================================================================== */ .carousel { margin: 0 auto; position: relative; } .carousel_holder { overflow: hidden; padding-top: 0; position: relative; width: 100%; } .carousel_page { float: left; height: 100%; position: relative; width: 100%; } /* Next & Prev */ .carousel_previous, .carousel_next { background: url("/images/carousel_controls.png") no-repeat center 0px; cursor: pointer; height: 0; margin-top: -1.5em; overflow: hidden; padding-top: 29px; /*p*/ position: absolute; top: 50%; width: 29px; /*p*/ -webkit-transform: translateZ(0px); /* Android hack: http://stackoverflow.com/questions/15072867/relatively-positioned-elements-in-scrollable-absolutely-positioned-div-lag-behi; */ } .no-js .carousel_previous, .no-js .carousel_next { display: none; } .carousel_previous { left: -2.9em; } .no-touch .carousel_previous:hover, .carousel_previous:active { background-position: center -29px; /*p*/ } .carousel_next { background-position: center -58px; /*p*/ right: -2.9em; } .no-touch .carousel_next:hover, .carousel_next:active { background-position: center -87px; /*p*/ } /* Fancybox */ .fancybox-wrap .carousel_previous, .fancybox-wrap .carousel_next { background-image: url("/images/carousel_controls.png") !important; margin-top: -1.5em !important; padding-top: 29px !important; width: 29px !important; } .fancybox-wrap .no-touch .carousel_previous, .fancybox-wrap .carousel_previous { background-position: center -29px !important; /*p*/ } .fancybox-wrap .carousel_previous { left: -25px !important; } .fancybox-wrap .no-touch .carousel_next, .fancybox-wrap .carousel_next { background-position: center -87px !important; /*p*/ } .fancybox-wrap .carousel_next { right: -25px !important; } .fancybox-wrap .no-touch .carousel_previous:hover, .fancybox-wrap .no-touch .carousel_next:hover, .fancybox-wrap .carousel_previous:active, .fancybox-wrap .carousel_next:active { opacity: 0.5; } /* Pager */ .carousel_pager { margin: 0; padding: 0.5em 0; text-align: center; } .android .carousel_pager { /** Android z-index fix **/ -webkit-transform: translateZ(0); } .no-js .carousel_pager { display: none; } .carousel_pager li { display: inline; margin: 0; padding: 0; } .carousel_pager li:before { display: none; } .carousel_pager li .a { background: transparent url(/images/carousel_pager.png) no-repeat 12px 12px; /*p*/ border-bottom: none; display: inline-block; height: 0; overflow: hidden; padding-top: 40px; /*p*/ width: 40px; /*p*/ } .carousel_pager li .a:hover { background-position: -26px 12px; /*p*/ } .carousel_pager li .a.active { background-position: -66px 12px; /*p*/ } /* Carousel Items */ .carousel .carousel_items { left: 0; top: 0; width: 100%; } .carousel_item { display: none; float: left; height: 100%; position: relative; width: 100%; zoom: 1; } .carousel_item:first-child { display: block; } .carousel_ready .carousel_item { display: block; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ #divLeaveMessage { font-family: Rubrik-Medium, Arial, sans-serif !important; font-size: 12px; font-weight: 500; color: white; text-align: center; text-transform: uppercase; line-height: 41px; margin-left: 0; right: 0; margin-right: 1.7em; bottom: -9px; width: 180px; height: 50px; position: fixed; z-index: 1000; -webkit-transform: translateZ(0); background: url(/images/chat/green-chat-bubble.svg) no-repeat; background-size: 180px 50px; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .balls-container { position: relative; z-index: -1; display: none; } .ipad .balls-container { overflow: visible; } .balls { position: fixed; text-align: center; -webkit-transition: top 0.4s ease-out; -moz-transition: top 0.4s ease-out; transition: top 0.4s ease-out; } .balls img { max-width: 100%; float: right; } .balls-pair { top: 120px; right: 0; left: 1%; } .ipad .balls-pair { top: 260px; } .balls-pair img { min-width: 700px; } .balls-green-right { top: 1500px; right: 0; } .ipad .balls-green-right { display: none; } .balls-green-right img { min-width: 300px; } .balls-purple { top: 1030px; left: 1%; } .ipad .balls-purple { display: none; } .balls-purple img { min-width: 300px; } .content_holder.color_strip { max-width: none; padding-bottom: 2em; padding-top: 2em; } .color_strip { position: relative; text-align: center; } .color_strip.left { text-align: left; } .color_strip.drop { background-image: url('/images/color_strip_drop.png'); background-repeat: repeat-x; } .color_strip.light_grey { background-color: #F0EFED; } .color_strip.light_grey a { background: url('/images/strip_chevron.png') no-repeat top center; bottom: 20px; left: 50%; margin-left: -15px; padding: 9px 15px 0 15px; position: absolute; } .color_strip.grey { background-color: #46535F; } .color_strip.grey h2, .color_strip.grey p { color: #FFF; } .color_strip.green { background-color: #C8DC37; position: relative; } .color_strip.green a { color: #333; } .color_strip.green a.active { font-family: 'Rubrik-SemiBold', Arial, sans-serif; } .color_strip.green h3 { margin: 0; text-transform: uppercase; } .color_strip.green .arrow_up { border-bottom: 12px solid #C8DC37; border-left: 12px solid transparent; border-right: 12px solid transparent; height: 0; left: 50%; margin-left: -6px; position: absolute; top: -12px; width: 0; } .color_strip .save h4 { margin-bottom: 0; } .color_strip .save p { color: #333; line-height: 20px; padding-bottom: 15px; } .color_strip .save .scfSingleLineGeneralPanel { float: none; width: inherit; padding-bottom: 40px; margin-right: 100px; } .color_strip .save .scfSingleLineGeneralPanel .scfSingleLineTextBox { background: url('/images/dark_input_bg.png'); border: none; } .color_strip .save .scfSubmitButtonBorder input { position: absolute; background: url('/images/dark_input_bg.png'); color: #2E373E; margin: 0; padding-bottom: 5px; padding-top: 5px; right: 0; top: 0; } .color_strip .small_print h4 { margin-bottom: 0; } .color_strip .small_print p { color: #333; padding-left: 40px; position: relative; } .color_strip .small_print .star:before { content: '*'; left: 0; position: absolute; } .color_strip .small_print .hook:before { content: '¬'; left: 0; position: absolute; } .color_strip .small_print .cross:before { content: '‡'; left: 0; position: absolute; } a.view_small_print { text-decoration: none !important; } a.view_small_print:hover { text-decoration: none !important; } a.view_small_print .hi { display: none; } a.view_small_print.active .sh { display: none; } a.view_small_print.active .hi { display: inline; } .o-columns { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*margin-right: -5px; margin-left: -5px;*/ width: 100%; } /* .o-columns--no-gutter { margin-left: 0; margin-right: 0; width: 100%; }*/ .o-columns__column { /*padding-left: 5px; padding-right: 5px;*/ width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; } /*.o-columns--no-gutter>.o-columns__column, .o-columns__column.-no-gutter { padding-left: 0; padding-right: 0; }*/ .o-columns__column--zero { display: none; } .o-columns__column--twelve { width: calc((12 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--twelve-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--twelve { width: calc((12 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--twelve { width: calc((12 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--twelve { width: calc((12 / 12) * 100%); } } .o-columns--six > .o-columns__column--twelve { width: calc((12 / 6) * 100%); } .o-columns--five > .o-columns__column--twelve { width: calc((12 / 5) * 100%); } .o-columns--four > .o-columns__column--twelve { width: calc((12 / 4) * 100%); } .o-columns--three > .o-columns__column--twelve { width: calc((12 / 3) * 100%); } .o-columns--two > .o-columns__column--twelve { width: calc((12 / 2) * 100%); } .o-columns--one > .o-columns__column--twelve { width: calc((12 / 1) * 100%); } .o-columns__column--nine { width: calc((9 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--nine-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--nine { width: calc((9 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--nine { width: calc((9 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--nine { width: calc((9 / 12) * 100%); } } .o-columns--five > .o-columns__column--nine { width: calc((9 / 5) * 100%); } .o-columns--four > .o-columns__column--nine { width: calc((9 / 4) * 100%); } .o-columns--three > .o-columns__column--nine { width: calc((9 / 3) * 100%); } .o-columns--two > .o-columns__column--nine { width: calc((9 / 2) * 100%); } .o-columns--one > .o-columns__column--nine { width: calc((9 / 1) * 100%); } .o-columns__column--eight { width: calc((8 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--eight-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--eight { width: calc((8 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--eight { width: calc((8 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--eight { width: calc((8 / 12) * 100%); } } .o-columns--five > .o-columns__column--eight { width: calc((8 / 5) * 100%); } .o-columns--four > .o-columns__column--eight { width: calc((8 / 4) * 100%); } .o-columns--three > .o-columns__column--eight { width: calc((8 / 3) * 100%); } .o-columns--two > .o-columns__column--eight { width: calc((8 / 2) * 100%); } .o-columns--one > .o-columns__column--eight { width: calc((8 / 1) * 100%); } .o-columns__column--seven { width: calc((7 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--seven-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--seven { width: calc((7 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--seven { width: calc((7 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--seven { width: calc((7 / 12) * 100%); } } .o-columns--five > .o-columns__column--seven { width: calc((7 / 5) * 100%); } .o-columns--four > .o-columns__column--seven { width: calc((7 / 4) * 100%); } .o-columns--three > .o-columns__column--seven { width: calc((7 / 3) * 100%); } .o-columns--two > .o-columns__column--seven { width: calc((7 / 2) * 100%); } .o-columns--one > .o-columns__column--seven { width: calc((7 / 1) * 100%); } .o-columns__column--six { width: calc((6 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--six-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--six { width: calc((6 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--six { width: calc((6 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--six { width: calc((6 / 12) * 100%); } } .o-columns--five > .o-columns__column--six { width: calc((6 / 5) * 100%); } .o-columns--four > .o-columns__column--six { width: calc((6 / 4) * 100%); } .o-columns--three > .o-columns__column--six { width: calc((6 / 3) * 100%); } .o-columns--two > .o-columns__column--six { width: calc((6 / 2) * 100%); } .o-columns--one > .o-columns__column--six { width: calc((6 / 1) * 100%); } .o-columns__column--five { width: calc((5 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--five-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--five { width: calc((5 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--five { width: calc((5 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--five { width: calc((5 / 12) * 100%); } } .o-columns--five > .o-columns__column--five { width: calc((5 / 5) * 100%); } .o-columns--four > .o-columns__column--five { width: calc((5 / 4) * 100%); } .o-columns--three > .o-columns__column--five { width: calc((5 / 3) * 100%); } .o-columns--two > .o-columns__column--five { width: calc((5 / 2) * 100%); } .o-columns--one > .o-columns__column--five { width: calc((5 / 1) * 100%); } .o-columns__column--four { width: calc((4 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--four-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--four { width: calc((4 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--four { width: calc((4 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--four { width: calc((4 / 12) * 100%); } } .o-columns--five > .o-columns__column--four { width: calc((4 / 5) * 100%); } .o-columns--four > .o-columns__column--four { width: calc((4 / 4) * 100%); } .o-columns--three > .o-columns__column--four { width: calc((4 / 3) * 100%); } .o-columns--two > .o-columns__column--four { width: calc((4 / 2) * 100%); } .o-columns--one > .o-columns__column--four { width: calc((4 / 1) * 100%); } .o-columns__column--three { width: calc((3 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--three-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--three { width: calc((3 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--three { width: calc((3 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--three { width: calc((3 / 12) * 100%); } } .o-columns--five > .o-columns__column--three { width: calc((3 / 5) * 100%); } .o-columns--four > .o-columns__column--three { width: calc((3 / 4) * 100%); } .o-columns--three > .o-columns__column--three { width: calc((3 / 3) * 100%); } .o-columns--two > .o-columns__column--three { width: calc((3 / 2) * 100%); } .o-columns--one > .o-columns__column--three { width: calc((3 / 1) * 100%); } .o-columns__column--two { width: calc((2 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--two-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--two { width: calc((2 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--two { width: calc((2 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--two { width: calc((2 / 12) * 100%); } } .o-columns--five > .o-columns__column--two { width: calc((2 / 5) * 100%); } .o-columns--four > .o-columns__column--two { width: calc((2 / 4) * 100%); } .o-columns--three > .o-columns__column--two { width: calc((2 / 3) * 100%); } .o-columns--two > .o-columns__column--two { width: calc((2 / 2) * 100%); } .o-columns--one > .o-columns__column--two { width: calc((2 / 1) * 100%); } .o-columns__column--one { width: calc((1 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--one-zero { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .o-columns__column--one { width: calc((1 / 12) * 100%); } } @media (min-width: 1024px) { .o-columns__column--one { width: calc((1 / 12) * 100%); } } @media (min-width: 1360px) { .o-columns__column--one { width: calc((1 / 12) * 100%); } } .o-columns--five > .o-columns__column--one { width: calc((1 / 5) * 100%); } .o-columns--four > .o-columns__column--one { width: calc((1 / 4) * 100%); } .o-columns--three > .o-columns__column--one { width: calc((1 / 3) * 100%); } .o-columns--two > .o-columns__column--one { width: calc((1 / 2) * 100%); } .o-columns--one > .o-columns__column--one { width: calc((1 / 1) * 100%); } @media (min-width: 768px) { .o-columns__column--twelve-m { width: calc((12 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--twelve-m-zero { display: none; } .o-columns--five > .o-columns__column--twelve-m { width: calc((12 / 5) * 100%); } .o-columns--four > .o-columns__column--twelve-m { width: calc((12 / 4) * 100%); } .o-columns--three > .o-columns__column--twelve-m { width: calc((12 / 3) * 100%); } .o-columns--two > .o-columns__column--twelve-m { width: calc((12 / 2) * 100%); } .o-columns--one > .o-columns__column--twelve-m { width: calc((12 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--eleven-m { width: calc((11 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--eleven-m-zero { display: none; } .o-columns--five > .o-columns__column--eleven-m { width: calc((11 / 5) * 100%); } .o-columns--four > .o-columns__column--eleven-m { width: calc((11 / 4) * 100%); } .o-columns--three > .o-columns__column--eleven-m { width: calc((11 / 3) * 100%); } .o-columns--two > .o-columns__column--eleven-m { width: calc((11 / 2) * 100%); } .o-columns--one > .o-columns__column--eleven-m { width: calc((11 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--ten-m { width: calc((10 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--ten-m-zero { display: none; } .o-columns--five > .o-columns__column--ten-m { width: calc((10 / 5) * 100%); } .o-columns--four > .o-columns__column--ten-m { width: calc((10 / 4) * 100%); } .o-columns--three > .o-columns__column--ten-m { width: calc((10 / 3) * 100%); } .o-columns--two > .o-columns__column--ten-m { width: calc((10 / 2) * 100%); } .o-columns--one > .o-columns__column--ten-m { width: calc((10 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--nine-m { width: calc((9 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--nine-m-zero { display: none; } .o-columns--five > .o-columns__column--nine-m { width: calc((9 / 5) * 100%); } .o-columns--four > .o-columns__column--nine-m { width: calc((9 / 4) * 100%); } .o-columns--three > .o-columns__column--nine-m { width: calc((9 / 3) * 100%); } .o-columns--two > .o-columns__column--nine-m { width: calc((9 / 2) * 100%); } .o-columns--one > .o-columns__column--nine-m { width: calc((9 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--eight-m { width: calc((8 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--eight-m-zero { display: none; } .o-columns--five > .o-columns__column--eight-m { width: calc((8 / 5) * 100%); } .o-columns--four > .o-columns__column--eight-m { width: calc((8 / 4) * 100%); } .o-columns--three > .o-columns__column--eight-m { width: calc((8 / 3) * 100%); } .o-columns--two > .o-columns__column--eight-m { width: calc((8 / 2) * 100%); } .o-columns--one > .o-columns__column--eight-m { width: calc((8 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--seven-m { width: calc((7 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--seven-m-zero { display: none; } .o-columns--five > .o-columns__column--seven-m { width: calc((7 / 5) * 100%); } .o-columns--four > .o-columns__column--seven-m { width: calc((7 / 4) * 100%); } .o-columns--three > .o-columns__column--seven-m { width: calc((7 / 3) * 100%); } .o-columns--two > .o-columns__column--seven-m { width: calc((7 / 2) * 100%); } .o-columns--one > .o-columns__column--seven-m { width: calc((7 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--six-m { width: calc((6 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--six-m-zero { display: none; } .o-columns--five > .o-columns__column--six-m { width: calc((6 / 5) * 100%); } .o-columns--four > .o-columns__column--six-m { width: calc((6 / 4) * 100%); } .o-columns--three > .o-columns__column--six-m { width: calc((6 / 3) * 100%); } .o-columns--two > .o-columns__column--six-m { width: calc((6 / 2) * 100%); } .o-columns--one > .o-columns__column--six-m { width: calc((6 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--five-m { width: calc((5 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--five-m-zero { display: none; } .o-columns--five > .o-columns__column--five-m { width: calc((5 / 5) * 100%); } .o-columns--four > .o-columns__column--five-m { width: calc((5 / 4) * 100%); } .o-columns--three > .o-columns__column--five-m { width: calc((5 / 3) * 100%); } .o-columns--two > .o-columns__column--five-m { width: calc((5 / 2) * 100%); } .o-columns--one > .o-columns__column--five-m { width: calc((5 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--four-m { width: calc((4 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--four-m-zero { display: none; } .o-columns--five > .o-columns__column--four-m { width: calc((4 / 5) * 100%); } .o-columns--four > .o-columns__column--four-m { width: calc((4 / 4) * 100%); } .o-columns--three > .o-columns__column--four-m { width: calc((4 / 3) * 100%); } .o-columns--two > .o-columns__column--four-m { width: calc((4 / 2) * 100%); } .o-columns--one > .o-columns__column--four-m { width: calc((4 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--three-m { width: calc((3 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--three-m-zero { display: none; } .o-columns--five > .o-columns__column--three-m { width: calc((3 / 5) * 100%); } .o-columns--four > .o-columns__column--three-m { width: calc((3 / 4) * 100%); } .o-columns--three > .o-columns__column--three-m { width: calc((3 / 3) * 100%); } .o-columns--two > .o-columns__column--three-m { width: calc((3 / 2) * 100%); } .o-columns--one > .o-columns__column--three-m { width: calc((3 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--two-m { width: calc((2 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--two-m-zero { display: none; } .o-columns--five > .o-columns__column--two-m { width: calc((2 / 5) * 100%); } .o-columns--four > .o-columns__column--two-m { width: calc((2 / 4) * 100%); } .o-columns--three > .o-columns__column--two-m { width: calc((2 / 3) * 100%); } .o-columns--two > .o-columns__column--two-m { width: calc((2 / 2) * 100%); } .o-columns--one > .o-columns__column--two-m { width: calc((2 / 1) * 100%); } } @media (min-width: 768px) { .o-columns__column--one-m { width: calc((1 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--one-m-zero { display: none; } .o-columns--five > .o-columns__column--one-m { width: calc((1 / 5) * 100%); } .o-columns--four > .o-columns__column--one-m { width: calc((1 / 4) * 100%); } .o-columns--three > .o-columns__column--one-m { width: calc((1 / 3) * 100%); } .o-columns--two > .o-columns__column--one-m { width: calc((1 / 2) * 100%); } .o-columns--one > .o-columns__column--one-m { width: calc((1 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--twelve-l { width: calc((12 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--twelve-l-zero { display: none; } .o-columns--five > .o-columns__column--twelve-l { width: calc((12 / 5) * 100%); } .o-columns--four > .o-columns__column--twelve-l { width: calc((12 / 4) * 100%); } .o-columns--three > .o-columns__column--twelve-l { width: calc((12 / 3) * 100%); } .o-columns--two > .o-columns__column--twelve-l { width: calc((12 / 2) * 100%); } .o-columns--one > .o-columns__column--twelve-l { width: calc((12 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--eleven-l { width: calc((11 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--eleven-l-zero { display: none; } .o-columns--five > .o-columns__column--eleven-l { width: calc((11 / 5) * 100%); } .o-columns--four > .o-columns__column--eleven-l { width: calc((11 / 4) * 100%); } .o-columns--three > .o-columns__column--eleven-l { width: calc((11 / 3) * 100%); } .o-columns--two > .o-columns__column--eleven-l { width: calc((11 / 2) * 100%); } .o-columns--one > .o-columns__column--eleven-l { width: calc((11 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--ten-l { width: calc((10 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--ten-l-zero { display: none; } .o-columns--five > .o-columns__column--ten-l { width: calc((10 / 5) * 100%); } .o-columns--four > .o-columns__column--ten-l { width: calc((10 / 4) * 100%); } .o-columns--three > .o-columns__column--ten-l { width: calc((10 / 3) * 100%); } .o-columns--two > .o-columns__column--ten-l { width: calc((10 / 2) * 100%); } .o-columns--one > .o-columns__column--ten-l { width: calc((10 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--nine-l { width: calc((9 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--nine-l-zero { display: none; } .o-columns--five > .o-columns__column--nine-l { width: calc((9 / 5) * 100%); } .o-columns--four > .o-columns__column--nine-l { width: calc((9 / 4) * 100%); } .o-columns--three > .o-columns__column--nine-l { width: calc((9 / 3) * 100%); } .o-columns--two > .o-columns__column--nine-l { width: calc((9 / 2) * 100%); } .o-columns--one > .o-columns__column--nine-l { width: calc((9 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--eight-l { width: calc((8 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--eight-l-zero { display: none; } .o-columns--five > .o-columns__column--eight-l { width: calc((8 / 5) * 100%); } .o-columns--four > .o-columns__column--eight-l { width: calc((8 / 4) * 100%); } .o-columns--three > .o-columns__column--eight-l { width: calc((8 / 3) * 100%); } .o-columns--two > .o-columns__column--eight-l { width: calc((8 / 2) * 100%); } .o-columns--one > .o-columns__column--eight-l { width: calc((8 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--seven-l { width: calc((7 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--seven-l-zero { display: none; } .o-columns--five > .o-columns__column--seven-l { width: calc((7 / 5) * 100%); } .o-columns--four > .o-columns__column--seven-l { width: calc((7 / 4) * 100%); } .o-columns--three > .o-columns__column--seven-l { width: calc((7 / 3) * 100%); } .o-columns--two > .o-columns__column--seven-l { width: calc((7 / 2) * 100%); } .o-columns--one > .o-columns__column--seven-l { width: calc((7 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--six-l { width: calc((6 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--six-l-zero { display: none; } .o-columns--five > .o-columns__column--six-l { width: calc((6 / 5) * 100%); } .o-columns--four > .o-columns__column--six-l { width: calc((6 / 4) * 100%); } .o-columns--three > .o-columns__column--six-l { width: calc((6 / 3) * 100%); } .o-columns--two > .o-columns__column--six-l { width: calc((6 / 2) * 100%); } .o-columns--one > .o-columns__column--six-l { width: calc((6 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--five-l { width: calc((5 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--five-l-zero { display: none; } .o-columns--five > .o-columns__column--five-l { width: calc((5 / 5) * 100%); } .o-columns--four > .o-columns__column--five-l { width: calc((5 / 4) * 100%); } .o-columns--three > .o-columns__column--five-l { width: calc((5 / 3) * 100%); } .o-columns--two > .o-columns__column--five-l { width: calc((5 / 2) * 100%); } .o-columns--one > .o-columns__column--five-l { width: calc((5 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--four-l { width: calc((4 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--four-l-zero { display: none; } .o-columns--five > .o-columns__column--four-l { width: calc((4 / 5) * 100%); } .o-columns--four > .o-columns__column--four-l { width: calc((4 / 4) * 100%); } .o-columns--three > .o-columns__column--four-l { width: calc((4 / 3) * 100%); } .o-columns--two > .o-columns__column--four-l { width: calc((4 / 2) * 100%); } .o-columns--one > .o-columns__column--four-l { width: calc((4 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--three-l { width: calc((3 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--three-l-zero { display: none; } .o-columns--five > .o-columns__column--three-l { width: calc((3 / 5) * 100%); } .o-columns--four > .o-columns__column--three-l { width: calc((3 / 4) * 100%); } .o-columns--three > .o-columns__column--three-l { width: calc((3 / 3) * 100%); } .o-columns--two > .o-columns__column--three-l { width: calc((3 / 2) * 100%); } .o-columns--one > .o-columns__column--three-l { width: calc((3 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--two-l { width: calc((2 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--two-l-zero { display: none; } .o-columns--five > .o-columns__column--two-l { width: calc((2 / 5) * 100%); } .o-columns--four > .o-columns__column--two-l { width: calc((2 / 4) * 100%); } .o-columns--three > .o-columns__column--two-l { width: calc((2 / 3) * 100%); } .o-columns--two > .o-columns__column--two-l { width: calc((2 / 2) * 100%); } .o-columns--one > .o-columns__column--two-l { width: calc((2 / 1) * 100%); } } @media (min-width: 1024px) { .o-columns__column--one-l { width: calc((1 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--one-l-zero { display: none; } .o-columns--five > .o-columns__column--one-l { width: calc((1 / 5) * 100%); } .o-columns--four > .o-columns__column--one-l { width: calc((1 / 4) * 100%); } .o-columns--three > .o-columns__column--one-l { width: calc((1 / 3) * 100%); } .o-columns--two > .o-columns__column--one-l { width: calc((1 / 2) * 100%); } .o-columns--one > .o-columns__column--one-l { width: calc((1 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--twelve-xl { width: calc((12 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--twelve-xl-zero { display: none; } .o-columns--five > .o-columns__column--twelve-xl { width: calc((12 / 5) * 100%); } .o-columns--four > .o-columns__column--twelve-xl { width: calc((12 / 4) * 100%); } .o-columns--three > .o-columns__column--twelve-xl { width: calc((12 / 3) * 100%); } .o-columns--two > .o-columns__column--twelve-xl { width: calc((12 / 2) * 100%); } .o-columns--one > .o-columns__column--twelve-xl { width: calc((12 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--eleven-xl { width: calc((11 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--eleven-xl-zero { display: none; } .o-columns--five > .o-columns__column--eleven-xl { width: calc((11 / 5) * 100%); } .o-columns--four > .o-columns__column--eleven-xl { width: calc((11 / 4) * 100%); } .o-columns--three > .o-columns__column--eleven-xl { width: calc((11 / 3) * 100%); } .o-columns--two > .o-columns__column--eleven-xl { width: calc((11 / 2) * 100%); } .o-columns--one > .o-columns__column--eleven-xl { width: calc((11 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--ten-xl { width: calc((10 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--ten-xl-zero { display: none; } .o-columns--five > .o-columns__column--ten-xl { width: calc((10 / 5) * 100%); } .o-columns--four > .o-columns__column--ten-xl { width: calc((10 / 4) * 100%); } .o-columns--three > .o-columns__column--ten-xl { width: calc((10 / 3) * 100%); } .o-columns--two > .o-columns__column--ten-xl { width: calc((10 / 2) * 100%); } .o-columns--one > .o-columns__column--ten-xl { width: calc((10 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--nine-xl { width: calc((9 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--nine-xl-zero { display: none; } .o-columns--five > .o-columns__column--nine-xl { width: calc((9 / 5) * 100%); } .o-columns--four > .o-columns__column--nine-xl { width: calc((9 / 4) * 100%); } .o-columns--three > .o-columns__column--nine-xl { width: calc((9 / 3) * 100%); } .o-columns--two > .o-columns__column--nine-xl { width: calc((9 / 2) * 100%); } .o-columns--one > .o-columns__column--nine-xl { width: calc((9 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--eight-xl { width: calc((8 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--eight-xl-zero { display: none; } .o-columns--five > .o-columns__column--eight-xl { width: calc((8 / 5) * 100%); } .o-columns--four > .o-columns__column--eight-xl { width: calc((8 / 4) * 100%); } .o-columns--three > .o-columns__column--eight-xl { width: calc((8 / 3) * 100%); } .o-columns--two > .o-columns__column--eight-xl { width: calc((8 / 2) * 100%); } .o-columns--one > .o-columns__column--eight-xl { width: calc((8 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--seven-xl { width: calc((7 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--seven-xl-zero { display: none; } .o-columns--five > .o-columns__column--seven-xl { width: calc((7 / 5) * 100%); } .o-columns--four > .o-columns__column--seven-xl { width: calc((7 / 4) * 100%); } .o-columns--three > .o-columns__column--seven-xl { width: calc((7 / 3) * 100%); } .o-columns--two > .o-columns__column--seven-xl { width: calc((7 / 2) * 100%); } .o-columns--one > .o-columns__column--seven-xl { width: calc((7 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--six-xl { width: calc((6 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--six-xl-zero { display: none; } .o-columns--five > .o-columns__column--six-xl { width: calc((6 / 5) * 100%); } .o-columns--four > .o-columns__column--six-xl { width: calc((6 / 4) * 100%); } .o-columns--three > .o-columns__column--six-xl { width: calc((6 / 3) * 100%); } .o-columns--two > .o-columns__column--six-xl { width: calc((6 / 2) * 100%); } .o-columns--one > .o-columns__column--six-xl { width: calc((6 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--five-xl { width: calc((5 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--five-xl-zero { display: none; } .o-columns--five > .o-columns__column--five-xl { width: calc((5 / 5) * 100%); } .o-columns--four > .o-columns__column--five-xl { width: calc((5 / 4) * 100%); } .o-columns--three > .o-columns__column--five-xl { width: calc((5 / 3) * 100%); } .o-columns--two > .o-columns__column--five-xl { width: calc((5 / 2) * 100%); } .o-columns--one > .o-columns__column--five-xl { width: calc((5 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--four-xl { width: calc((4 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--four-xl-zero { display: none; } .o-columns--five > .o-columns__column--four-xl { width: calc((4 / 5) * 100%); } .o-columns--four > .o-columns__column--four-xl { width: calc((4 / 4) * 100%); } .o-columns--three > .o-columns__column--four-xl { width: calc((4 / 3) * 100%); } .o-columns--two > .o-columns__column--four-xl { width: calc((4 / 2) * 100%); } .o-columns--one > .o-columns__column--four-xl { width: calc((4 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--three-xl { width: calc((3 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--three-xl-zero { display: none; } .o-columns--five > .o-columns__column--three-xl { width: calc((3 / 5) * 100%); } .o-columns--four > .o-columns__column--three-xl { width: calc((3 / 4) * 100%); } .o-columns--three > .o-columns__column--three-xl { width: calc((3 / 3) * 100%); } .o-columns--two > .o-columns__column--three-xl { width: calc((3 / 2) * 100%); } .o-columns--one > .o-columns__column--three-xl { width: calc((3 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--two-xl { width: calc((2 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--two-xl-zero { display: none; } .o-columns--five > .o-columns__column--two-xl { width: calc((2 / 5) * 100%); } .o-columns--four > .o-columns__column--two-xl { width: calc((2 / 4) * 100%); } .o-columns--three > .o-columns__column--two-xl { width: calc((2 / 3) * 100%); } .o-columns--two > .o-columns__column--two-xl { width: calc((2 / 2) * 100%); } .o-columns--one > .o-columns__column--two-xl { width: calc((2 / 1) * 100%); } } @media (min-width: 1360px) { .o-columns__column--one-xl { width: calc((1 / 12) * 100%); display: -webkit-flex; display: -ms-flexbox; display: flex; } .o-columns__column--one-xl-zero { display: none; } .o-columns--five > .o-columns__column--one-xl { width: calc((1 / 5) * 100%); } .o-columns--four > .o-columns__column--one-xl { width: calc((1 / 4) * 100%); } .o-columns--three > .o-columns__column--one-xl { width: calc((1 / 3) * 100%); } .o-columns--two > .o-columns__column--one-xl { width: calc((1 / 2) * 100%); } .o-columns--one > .o-columns__column--one-xl { width: calc((1 / 1) * 100%); } } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .bk { position: absolute; display: none; z-index: 0; max-width: 16%; } .bk img { width: 100%; height: auto; } /* COLUMNS */ .columns { font-size: 0; margin-left: -20px; margin-right: -20px; padding-bottom: 20px; text-align: center; } .columns:before, .columns:after { content: ""; display: table; } .columns:after { clear: both; } .columns > * { font-size: 10px; } .columns .hdr:before, .columns .hdr:after { content: ""; display: table; } .columns .hdr:after { clear: both; } .columns .col { font-size: 10px; text-align: left; vertical-align: top; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 0; margin: 0; } .columns .col:before, .columns .col:after { content: ""; display: table; } .columns .col:after { clear: both; } .columns .col h3, .columns .col h4 { margin: 0 0 0.2em; font-size: 2em; color: #444; letter-spacing: -1px; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; } .columns .col h3 { margin: 0.2em 0; color: #3369D5; } .columns .col h5 { margin: 0 0 1em; line-height: 1.3em; } .columns .col:nth-child(odd) h3 { color: #5F3BB2; } .columns .col.odd h3 { color: #5F3BB2; } .columns .col .col { padding-top: 0; } .columns .col img { vertical-align: bottom; max-width: 100%; height: auto; } .columns.columns-plus .col { text-align: center; } .columns.columns-plus .col:before { content: "+"; font-size: 4em; text-align: center; width: 1em; height: 1em; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; position: absolute; top: 0; margin-top: -0.2em; left: 50%; margin-left: -0.5em; color: #444; display: block; } .columns.columns-plus .col:first-child:before { content: ''; } .columns.columns-plus.columns-equation .col h3 { color: #5F3BB2; } .columns.columns-plus.columns-equation .col:last-child:before { content: '='; } .columns.columns-plus.columns-equation .col:last-child h3 { color: #3369D5; } .columns.columns-plus.columns-equation .col.equals:before { content: '='; } .columns.columns-plus.columns-equation .col.equals h3 { color: #3369D5; } .columns.columns-icon-small .col { text-align: center; padding-top: 40px; background: center top no-repeat; } .columns.columns-icon-small .power { background-image: url(/images/content/service_icons/power.png); } .columns.columns-icon-small .gas { background-image: url(/images/content/service_icons/gas.png); } .columns.columns-icon-small .internet { background-image: url(/images/content/service_icons/internet.png); } .columns.columns-icon-small .phone { background-image: url(/images/content/service_icons/phone.png); } .columns.columns-icon-small .phone.internet, .columns.columns-icon-small .phone-internet { padding-top: 70px; background-image: url(/images/content/service_icons/phone-internet-v.png); } .columns.columns-extras { text-align: center; padding-bottom: 0; margin: 0; } .columns.columns-extras .col { padding: 1px 3px; text-align: center; display: inline-block; } .columns.columns-extras .col h4 { font-size: 2em; line-height: 1.1em; margin-top: 10px; } .columns.columns-extras .col p { font-size: 1.2em; margin-bottom: 5px; line-height: 1.3em; } .columns.columns-extras .col h4:before { display: none; } .columns.columns-extras .col.active h4 { color: #AEC800; } .columns.columns-extras .col.active p { color: #FFF; } .columns.columns-extras .col.active:before { display: none; position: absolute; content: ' '; bottom: 0; left: 50%; margin-left: -14px; height: 23px; width: 23px; border: 2px solid #AEC800; border-radius: 24px; background: url(/images/toggle_sprite-23.png) right top no-repeat; } .columns.columns-extras > .col { min-width: 50%; max-width: 50%; padding: 1px 8px; } .columns.columns-option { padding-bottom: 0; } .columns.columns-option .col { margin-bottom: 3.5em; padding-top: 0; text-align: center; } .columns.columns-option .col:before { content: "OR"; font-size: 1.4em; text-align: center; height: 1.6em; padding-top: 0.3em; font-family: 'Rubrik-Medium', Arial, sans-serif; position: absolute; top: 0; margin-top: -2.2em; left: 20px; right: 20px; color: #444; background: #dfdfdf; display: block; } .columns.columns-option .col:first-child:before { display: none; } .columns.columns-table .col { padding-top: 0; padding-bottom: 4px; text-align: center; } .columns.columns-table .col h4 { font-size: 2.8em; } .columns.columns-table .col img { display: inline-block; } .col_head { background: #5F3BB2; color: #FFF; margin: 0 0 4px !important; padding: 0.3em 0.7em; font-family: 'Rubrik-Medium', Arial, sans-serif; } .columns > .col_head { margin-left: 20px; margin-right: 20px; } .col_body { background: #f0f0f0; padding: 0.6em 1em; } .col_body:before, .col_body:after { content: ""; display: table; } .col_body:after { clear: both; } .col_body h4 { padding-top: 0.3em; font-weight: bold; font-family: 'Rubrik-Medium', Arial, sans-serif; } .col_body p { margin: 0.4em 0; } .col_body p img { max-width: 45%; height: auto !important; } .col_foot { background: #f0f0f0; padding: 1px 1em 0.6em 1em; } .col_foot:before, .col_foot:after { content: ""; display: table; } .col_foot:after { clear: both; } .col_foot p { margin: 0 0 0.4em 0; } .col_foot p.icons { text-align: center; } .col_foot p.icons img { max-width: 17%; height: auto !important; } .lte8 .col_body p img { width: 45%; } .lte8 .columns-table .col_body p img { width: auto; } .lte8 .columns-extras .col.active:before { background: url(/images/toggle_sprite-23-ie8.png) right top no-repeat; border: 0; display: none; } .lte8 .columns *:before, .lte8 .columns .col, .lte8 .columns *:after { zoom: 1; } .lte8 .columns-option .col.first:before { display: none; } /* LANDING INTRO / SUPER HEADLINE */ .landing_intro { position: relative; margin-top: -50px; } .landing_intro .main_pad_content { padding-top: 0; } .landing_intro h1, .super_headline { padding: 1em 20%; margin: 0 -20% 1.5em; position: relative; font-size: 2.6em; line-height: 1.2em; font-family: 'Rubrik-Light', Arial, sans-serif; letter-spacing: -1px; text-align: center; color: #FFF; background: #7f1399 url(/images/blue_trans_grad_h_600.png) left center no-repeat; background: -moz-linear-gradient(-35deg, #7f1399 50%, #0fa3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0fa3f3), color-stop(50%, #7f1399)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-35deg, #7f1399 50%, #0fa3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-35deg, #7f1399 50%, #0fa3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-35deg, #7f1399 50%, #0fa3f3 100%); /* IE10+ */ background: linear-gradient(-35deg, #7f1399 50%, #0fa3f3 100%); /* W3C */ } .landing_intro h1:after, .super_headline:after { content: ' '; position: absolute; bottom: -0.9em; left: 50%; margin-left: -0.5em; border: 0.5em solid transparent; border-top-color: #7f1399; height: 0px; width: 0px; } .landing_intro h1 small, .super_headline small { font-size: 14px; display: block; letter-spacing: 0; line-height: 2em; } .super_headline { background: #7f1399; padding-top: 0.7em; padding-bottom: 0.7em; margin-top: -30px; } .super_headline__left { text-align: left; } .super_headline__left:after { left: 21%; } .divider_shadow { position: absolute; left: 5%; right: 5%; bottom: 0; height: 47px; } .divider_shadow:before, .divider_shadow:after { content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 47px; background: url(/images/divider_shadow.png) no-repeat; } .divider_shadow:after { left: auto; right: 0; background-position: right top; } /* LINES / UNITS SETUP */ .line { width: 100%; position: relative; } .line:before, .line:after { content: ""; display: table; } .line:after { clear: both; } /* Special */ .bl1:before { content: ""; position: absolute; top: 0; bottom: 0; border-left: 1px solid rgba(255, 255, 255, 0.75); margin-left: -3%; display: none; } .br1:after { content: ""; position: absolute; top: 0; bottom: 0; left: 100%; border-left: 1px solid rgba(255, 255, 255, 0.75); display: none; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* COMBOS */ .service_combo_row { padding-top: 1.5em; padding-bottom: 1.5em; } .service_combo_row h2.small { margin: 0; } .service_combo_row p { line-height: 1.4em; } .service_combo_row .text { float: none; text-align: center; } .service_combo_row .text p { margin-bottom: 0.5em; } .service_combo_row .text p a { white-space: nowrap; } .service_combo_row .actions { text-align: center; float: none; width: auto; } .service_combo_row .actions .btn { margin: 0.5em 0 1em; } .service_combo_row .actions p { text-align: center; margin: 0 !important; } .service_combo_row .toggle_more { text-align: center; display: inline-block; white-space: nowrap; padding-right: 20px; font-size: 12px; color: #444; position: relative; } .service_combo_row .toggle_more:before { content: ''; position: absolute; right: 0; width: 13px; height: 13px; top: 50%; margin-top: -6px; background: url(/images/toggle_more.png) no-repeat; } .service_combo_row .toggle_more.hide_more:before { background-position: left bottom; } .service_combo_row .icon_list { text-align: center; margin: 1em auto; white-space: nowrap; } .service_combo_row .icon_list .combo_icon { background-repeat: no-repeat; display: inline-block; padding-top: 35px; overflow: hidden; padding-left: 34px; width: 0; height: 0; margin: 0 -3px; } .service_combo_row .icon_gas { background-image: url('/images/content/service_icons/gas.png'); } .service_combo_row .icon_internet { background-image: url('/images/content/service_icons/internet.png'); } .service_combo_row .icon_phone { background-image: url('/images/content/service_icons/phone.png'); } .service_combo_row .icon_power { background-image: url('/images/content/service_icons/power.png'); } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .respond-ud { width: 100%; } .respond-udv { height: 100%; } .respond-d { max-width: 100%; } .respond-u { min-width: 100%; } .lte7 .respond-ud, .lte7 .respond-u, .lte7 .respond-d { width: 100%; } .no-js .respond-ud { display: none; } .no-js noscript .respond-ud { display: block; } /* Miscellaneous classes */ .f-left, .fl { float: left; } .f-right, .fr { float: right; } .flL { float: left !important; } .flR { float: right !important; } .imgL { float: left !important; margin: 0 15px 5px 0; } .imgR { float: right !important; margin: 0 0 5px 15px; } .nb { border: 0 !important; } .nb:before { display: none !important; } .nowrap { white-space: nowrap; } .taC { text-align: center; } .taC p > small { display: block; text-align: left; } .taL { text-align: left !important; } .taR { text-align: right !important; } .dN { display: none !important; } .dB { display: block !important; } .ttU { text-transform: uppercase !important; } .ttL { text-transform: lowercase !important; } .ttN { text-transform: none !important; } .clear { clear: both; } .nowrap { white-space: nowrap; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .lte7 .clearfix { zoom: 1; } .relative { position: relative; } .block { display: block; } .w-full { width: 100%; } /* semantic lists */ .semantic { list-style: none; margin: 0; padding: 0; } .semantic li { margin: 0; padding: 0; list-style: none; background: none; } .semantic li:before { display: none; } /* Borders */ .b_pb_solid { border-bottom: 1px solid #7F1399; } .b-gray-c { border-color: #ccc; } .b-dash { border-style: dashed; } /* Remove things that require javascript if it isn't present */ .no-js .requires-js { display: none; visibility: hidden; } .rte_script { position: absolute; left: -10000em; } /* Text Properties */ /* deprecated */ .tt-upper, .tt_upper { text-transform: uppercase; } /* deprecated */ .ta-center, .ta_center { text-align: center; } /* deprecated */ .ta-right, .ta_right { text-align: right; } /* deprecated */ .ta-left, .ta_left { text-align: left; } .tw-bold { font-family: 'Rubrik-SemiBold', arial, sans-serif; } .tw-regular { font-family: 'Rubrik-Regular', arial, sans-serif; } .tw_medium { font-family: 'Rubrik-Medium', arial, sans-serif; } .lh-clear { line-height: 1; } /*Vertical Aligns*/ .va-top { vertical-align: top; } .va-middle { vertical-align: middle; } .va-bottom { vertical-align: bottom; } /* Hider classes */ .hidden { display: none; } .hidden_important { display: none !important; } .response_xsmall .hidden_small, .response_small .hidden_small { display: none !important; } .response_xsmall .hidden_mobile, .response_small .hidden_mobile, .response_medium .hidden_mobile { display: none !important; } .response_medium .hidden_non_mobile, .response_large .hidden_non_mobile, .response_xlarge .hidden_non_mobile, .response_xxlarge .hidden_non_mobile, .response_xxxlarge .hidden_non_mobile, .response_xxxxlarge .hidden_non_mobile { display: none !important; } .response_large .hidden_desktop, .response_xlarge .hidden_desktop, .response_xxlarge .hidden_desktop, .response_xxxlarge .hidden_desktop, .response_xxxxlarge .hidden_desktop { display: none !important; } /* Foot notes */ .fn a { color: inherit; } .fn a:hover, .fn a:focus { text-decoration: underline; } /* paddings */ .ptn { padding-top: 0 !important; } .ptxs { padding-top: 5px; } .ptbs { padding-top: 9px; } .pts { padding-top: 1em; } .ptm { padding-top: 2em; } .ptl { padding-top: 3em; } .ptxl { padding-top: 4em; } .ptxxl { padding-top: 5em; } .prn { padding-right: 0 !important; } .prxs { padding-right: 5px; } .prbs { padding-right: 9px; } .prs { padding-right: 1em; } .prm { padding-right: 2em; } .prl { padding-right: 3em; } .prxl { padding-right: 4em; } .prxxl { padding-right: 5em; } .pbn { padding-bottom: 0 !important; } .pbxs { padding-bottom: 5px; } .pbbs { padding-bottom: 9px; } .pbs { padding-bottom: 1em; } .pbm { padding-bottom: 2em; } .pbl { padding-bottom: 3em; } .pbxl { padding-bottom: 4em; } .pbxxl { padding-bottom: 5em; } .pln { padding-left: 0 !important; } .plxs { padding-left: 5px; } .plbs { padding-left: 9px; } .pls { padding-left: 1em; } .plm { padding-left: 2em; } .pll { padding-left: 3em; } .plxl { padding-left: 4em; } .plxxl { padding-left: 5em; } .pan { padding: 0 !important; } .paxs { padding: 5px; } .pabs { padding: 9px; } .pas { padding: 1em; } .pam { padding: 2em; } .pal { padding: 3em; } .paxl { padding: 4em; } .paxxl { padding: 5em; } /* margins */ .mtn { margin-top: 0 !important; } .mtxs { margin-top: 5px; } .mtbs { margin-top: 9px; } .mts { margin-top: 1em; } .mtm { margin-top: 2em; } .mtl { margin-top: 3em; } .mtxl { margin-top: 4em; } .mtxxl { margin-top: 5em; } .mrn { margin-right: 0 !important; } .mrxs { margin-right: 5px; } .mrbs { margin-right: 9px; } .mrs { margin-right: 1em; } .mrm { margin-right: 2em; } .mrl { margin-right: 3em; } .mrxl { margin-right: 4em; } .mrxxl { margin-right: 5em; } .mbn { margin-bottom: 0 !important; } .mbxs { margin-bottom: 5px; } .mbbs { margin-bottom: 9px; } .mbs { margin-bottom: 1em; } .mbm { margin-bottom: 2em; } .mbl { margin-bottom: 3em; } .mbxl { margin-bottom: 4em; } .mbxxl { margin-bottom: 5em; } .mln { margin-left: 0 !important; } .mlxs { margin-left: 5px; } .mlbs { margin-left: 9px; } .mls { margin-left: 1em; } .mlm { margin-left: 2em; } .mll { margin-left: 3em; } .mlxl { margin-left: 4em; } .mlxxl { margin-left: 5em; } .man { margin: 0 !important; } .maxs { margin: 5px; } .mabs { margin: 9px; } .mas { margin: 1em; } .mam { margin: 2em; } .mal { margin: 3em; } .maxl { margin: 4em; } .maxxl { margin: 5em; } /* Borders */ .ban { border: 0 !important; } .baxs { border: 5px; } .babs { border: 9px; } .bas { border: 1em; } .bam { border: 2em; } .bal { border: 3em; } .baxl { border: 4em; } .baxxl { border: 5em; } /*responsive video container*/ .video_container_16x9 { padding-bottom: 56.25%; position: relative; } .video_container_16x9 iframe { height: 100%; position: absolute; width: 100%; } /* Hide the original file upload control */ label.creditCheckFileUpload input[type="file"] { position: fixed; top: -1000px; } .creditCheckFileUpload { font-size: unset; } .CreditCheckIDImageWrapper { position: relative; display: inline-block; padding-bottom: 5px; } .CreditCheckIDImageClose { position: absolute; top: -20px; right: -20px; cursor: pointer; height: 40px; width: 40px; display: none; } .u-block { display: block !important; } .u-flex { display: flex !important; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .compare_plan_column h3 { font-family: 'Rubrik-Light', Arial, sans-serif; } .compare_plan_column_btn { float: left; width: 50%; text-align: center; min-height: 1px; } .compare_plan_column_btn .btn { margin-right: 0; } .compare_plan_service_option { border-bottom: 1px dashed #969A9E; border-bottom-style: dotted; padding: 30px 0 20px; position: relative; } .compare_plan_service_option.flag_popular:after { border-bottom: 10px solid #555; border-left: 10px solid transparent; border-top: 10px solid #555; bottom: 137px; color: white; content: "POPULAR"; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; height: 0; line-height: 0; padding: 0 10px 0 5px; position: absolute; right: -4.545%; } .combined_columns .flag_popular:after { bottom: 85px; } .compare_plan_service_option_only { margin-bottom: 170px; } .webkit .flag_popular:after { font-family: 'Rubrik-Regular', Arial, sans-serif; } .compare_option_wrapper h4 { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 1.5em; line-height: 1.5em; margin: 0 0 10px 0; } .compare_option_wrapper h4 p strong { font-size: 1.1em; } .compare_option_wrapper h4 p strong .small { font-size: 0.666em; } .compare_option_wrapper .compare_option_title_internet, .compare_option_wrapper .compare_option_title_phone, .compare_option_wrapper .compare_option_title_power, .compare_option_wrapper .compare_option_title_gas { padding: 0 40px; position: relative; } .compare_option_wrapper .compare_option_title_internet:before, .compare_option_wrapper .compare_option_title_phone:before, .compare_option_wrapper .compare_option_title_power:before, .compare_option_wrapper .compare_option_title_gas:before { background: no-repeat center center; content: " "; font-size: 20px; width: 33px; height: 32px; left: 0; line-height: 28px; position: absolute; text-align: center; top: -8px; } .compare_option_wrapper .compare_option_title_internet:before { background-image: url('/images/compare_icon_black_internet.png'); } .compare_option_wrapper .compare_option_title_phone:before { background-image: url('/images/compare_icon_black_phone.png'); } .compare_option_wrapper .compare_option_title_power:before { background-image: url('/images/compare_icon_black_power.png'); } .compare_option_wrapper .compare_option_title_gas:before { background-image: url('/images/compare_icon_black_gas.png'); } .compare_option_wrapper p { color: #333; padding: 0 40px; } .create_plan .compare_option_wrapper { letter-spacing: 0; } .create_plan .compare_option_wrapper .compare_option_title_internet, .create_plan .compare_option_wrapper .compare_option_title_phone, .create_plan .compare_option_wrapper .compare_option_title_power, .create_plan .compare_option_wrapper .compare_option_title_gas { padding: 0 5px; position: relative; } .create_plan .compare_option_wrapper .compare_option_title_internet:before, .create_plan .compare_option_wrapper .compare_option_title_phone:before, .create_plan .compare_option_wrapper .compare_option_title_power:before, .create_plan .compare_option_wrapper .compare_option_title_gas:before { content: normal; display: none; } .create_plan .compare_option_wrapper p { font-size: 1.1em; line-height: 1.3em; margin-bottom: 5px; padding-left: 0; padding-right: 0; letter-spacing: 0; } .create_plan .compare_plan_result p.cost { color: #FFF; } .compare_plan_result { text-align: center; } .compare_plan_result .btn { margin-bottom: 0; margin-top: 1em; margin-right: 0; border: none; white-space: normal; } .compare_plan_result .cost { color: #333; clear: both; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 1.8em; line-height: 1.38888em; margin-bottom: 0; } .compare_plan_result .cost sup { font-size: 1.222em; } .compare_plan_result .cost span { font-size: 2em; } .combined_columns h4 { float: left; margin: 0 0 5px 0; width: 50%; } .combined_columns_fake .flag_popular:after { top: 30px; bottom: auto; } .compare_plan_column_extra h3 { display: block; margin-bottom: 0; padding-top: 35px; position: relative; text-align: center; text-transform: uppercase; } .compare_plan_column_extra h3:before { background: url('/images/compare_icon_black_extras.png') no-repeat center center; content: " "; display: block; height: 30px; left: 50%; margin-left: -15px; position: absolute; top: 0; width: 32px; } .compare_plan_option_extra { position: relative; } .compare_plan_option_extra p { padding-left: 0; padding-right: 0; } .compare_plan_option_extra h4 { font-size: 30px; line-height: 40px; letter-spacing: -1px; margin-bottom: 0; } .compare_plan_option_extra h4:before { -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #CCC; content: "+"; font-size: 20px; height: 25px; left: 50%; line-height: 28px; margin: -5px 0 10px -12px; position: absolute; text-align: center; top: 41px; width: 25px; } .compare_plan_option_extra .compare_option_wrapper { float: left; width: 45%; padding: 0 0 0 5%; text-align: center; } .compare_plan_option_extra .compare_option_wrapper:first-child { padding: 0 5% 0 0; } .compare_plan_option_extra .compare_option_wrapper:first-child h4:before { content: normal; display: none; } .compare_plans_blue .compare_option_title_internet:before { background-image: url('/images/compare_icon_blue_internet.png'); } .compare_plans_blue .compare_option_title_phone:before { background-image: url('/images/compare_icon_blue_phone.png'); } .compare_plans_blue .compare_option_title_power:before { background-image: url('/images/compare_icon_blue_power.png'); } .compare_plans_blue .compare_option_title_gas:before { background-image: url('/images/compare_icon_blue_gas.png'); } .compare_plans_blue .flag_popular:after { border-bottom-color: #2D7BDB; border-top-color: #2D7BDB; } .compare_plans_blue .brace { background-image: url('/images/brace_h_d_mid_extended_blue.png'); } .compare_plans_blue .brace:before, .compare_plans_blue .brace:after { background-image: url('/images/brace_h_d_edges_blue.png'); } .compare_plans_blue .compare_plan_column_extra h3 { color: #2D7BDB; } .compare_plans_blue .compare_plan_column_extra h3:before { background-image: url('/images/compare_icon_blue_extras.png'); } .compare_plans_blue .compare_plan_column_extra h4 { color: #2D7BDB; } .compare_plans_blue .compare_plan_column_extra h4:before { border-color: rgba(45, 123, 219, 0.4); } .compare_plans_green .compare_option_title_internet:before { background-image: url('/images/compare_icon_green_internet.png'); } .compare_plans_green .compare_option_title_phone:before { background-image: url('/images/compare_icon_green_phone.png'); } .compare_plans_green .compare_option_title_power:before { background-image: url('/images/compare_icon_green_power.png'); } .compare_plans_green .compare_option_title_gas:before { background-image: url('/images/compare_icon_green_gas.png'); } .compare_plans_green .flag_popular:after { border-bottom-color: #AEC800; border-top-color: #AEC800; } .compare_plans_green .btn { background: #AEC800; } .compare_plans_green .btn_secondary { background: #EDECEA; } .compare_plans_green .combined_columns .btn_secondary, .compare_plans_green .combined_columns_fake .btn { background: #E1E0DE; padding-left: 10px; padding-right: 10px; white-space: normal; } .compare_plans_green .brace { background-image: url('/images/brace_h_d_mid_extended_green.png'); } .compare_plans_green .brace:before, .compare_plans_green .brace:after { background-image: url('/images/brace_h_d_edges_green.png'); } .compare_plans_green .compare_plan_column_extra h3 { color: #AEC800; } .compare_plans_green .compare_plan_column_extra h3:before { background-image: url('/images/compare_icon_green_extras.png'); } .compare_plans_green .compare_plan_column_extra h4 { color: #AEC800; } .compare_plans_green .compare_plan_column_extra h4:before { border-color: rgba(174, 200, 0, 0.4); } .compare_plans_pink .compare_option_title_internet:before { background-image: url('/images/compare_icon_pink_internet.png'); } .compare_plans_pink .compare_option_title_phone:before { background-image: url('/images/compare_icon_pink_phone.png'); } .compare_plans_pink .compare_option_title_power:before { background-image: url('/images/compare_icon_pink_power.png'); } .compare_plans_pink .compare_option_title_gas:before { background-image: url('/images/compare_icon_pink_gas.png'); } .compare_plans_pink .flag_popular:after { border-bottom-color: #CC3399; border-top-color: #CC3399; } .compare_plans_pink .btn { background: #CC3399; } .compare_plans_pink .btn_secondary { background: #EDECEA; } .compare_plans_pink .brace { background-image: url('/images/brace_h_d_mid_extended_pink.png'); } .compare_plans_pink .brace:before, .compare_plans_pink .brace:after { background-image: url('/images/brace_h_d_edges_pink.png'); } .compare_plans_pink .compare_plan_column_extra h3 { color: #CC3399; } .compare_plans_pink .compare_plan_column_extra h3:before { background-image: url('/images/compare_icon_pink_extras.png'); } .compare_plans_pink .compare_plan_column_extra h4 { color: #CC3399; } .compare_plans_pink .compare_plan_column_extra h4:before { border-color: rgba(204, 51, 153, 0.4); } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .oct { position: relative; overflow: hidden; text-align: center; color: #FFF; width: 100%; z-index: 1; background-color: #00B7FF; background: -webkit-linear-gradient(213deg, #5C47B5 0%, #00B7FF 100%); background: -moz-linear-gradient(213deg, #5C47B5 0%, #00B7FF 100%); background: -ms-linear-gradient(213deg, #5C47B5 0%, #00B7FF 100%); background: -o-linear-gradient(213deg, #5C47B5 0%, #00B7FF 100%); background: linear-gradient(213deg, #5C47B5 0%, #00B7FF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00b7ff', endColorstr='#ff5c47b5', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00b7ff',endColorstr='#ff5c47b5',GradientType=1); } .oct *:active, .oct *:focus { outline: 0; } .oct:before { content: ''; display: none; position: absolute; z-index: 20; top: 0; left: 50%; margin-left: -30px; border: 30px solid transparent; border-top-color: #FFF; } .oct .content_holder_slim { padding: 0 40px; } .oct h1, .oct h2, .oct h3, .oct h4, .oct h5, .oct h6, .oct p, .oct a { color: #FFF; max-height: 999999px; } .oct h1.huge { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 9.5em; margin: 15px 0 40px; line-height: 1; vertical-align: top; letter-spacing: -5px; } .oct h1.huge sup { font-size: 56%; } .oct h1 .major { display: inline-block; width: 100%; padding-bottom: 16px; position: relative; margin-bottom: -1em; } .oct h1 .minor { font-size: 0.5em; position: relative; top: -0.25em; display: inline-block; } .oct h1 .sub { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 16px; line-height: 1.2; text-transform: uppercase; letter-spacing: 0; } .oct h2, .oct h3 { font-family: 'Rubrik-Light', Arial, sans-serif; } .oct h2 br, .oct h3 br { display: none; } .oct h2 { margin-top: 10px; } .oct h3 { font-size: 20px; line-height: 1.65em; margin: 1.5em 0; } .oct p { margin-bottom: 2em; } .oct p a { text-decoration: underline; } .oct ul { margin-top: 0.5em; } .oct .overlap_icon { color: #FFF; text-indent: -9999em; } .oct .overlap_icon:before { text-indent: 0; float: left; } .oct .btn { text-transform: none; position: relative; padding: 15px 25px; margin: 0; min-width: 140px; vertical-align: middle; white-space: normal; cursor: pointer; } .oct .btn span { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .oct .btn img { vertical-align: middle; position: relative; top: -2px; } .oct .btn.btn_small { font-size: 1.3em; text-transform: uppercase; margin-bottom: 0px; } .oct .btn.action { background: #376Ed3; text-transform: uppercase; margin-top: 15px; margin-bottom: 40px; } .oct .btn.action:hover { background: #2b62c5; } .oct .btn:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; background: url(/images/loader_24_blue.gif) center center no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .oct .btn.disabled, .oct .btn.loading { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: "alpha(opacity=60)"; opacity: 0.6; } .oct .btn.loading, .oct .btn.loading:hover { background: #376Ed3; } .oct .btn.loading span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; } .oct .btn.loading:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "alpha(opacity=50)"; opacity: 0.5; } .oct .oct_actions { display: inline-block; position: relative; } .oct .oct_actions .btn.action { margin-bottom: 5px; } .oct .oct_actions .btn.back, .oct .oct_actions .btn.reset { display: block; width: auto; background: none !important; min-width: 0; white-space: nowrap; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; font-size: 1.2em; text-transform: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: "alpha(opacity=70)"; opacity: 0.7; } .oct .oct_actions .btn.back:hover, .oct .oct_actions .btn.reset:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .oct .oct_actions .btn.reset { color: #FF9B00; } .oct .oct_actions .btn.back { display: none; } .oct .oct_actions .btn + .btn { margin-top: 0; } .oct .oct_error { margin-left: 15px; margin-right: 5px; margin-bottom: 20px; } .oct .oct_error p { display: inline-block; text-align: left; margin: auto; } .oct .oct_error .orange_alert { vertical-align: top; float: left; margin-left: -30px; } .oct .oct_error .orange_alert:before { background-image: url(/images/alert_19.png); background-repeat: no-repeat; } .oct .oct_error.oct_feedback { padding-top: 20px; } .oct .columns.columns-table { padding: 0; width: 100%; margin: 0; } .oct .columns.columns-table .col { padding: 8px; } .oct .columns.columns-extras h4 { color: #FFF; } .oct .toggled_popup { background: none; } .oct .oct_header, .oct .oct_footer, .oct .oct_main, .oct .oct_slides, .oct .oct_content { position: relative; } .oct .oct_main, .oct .oct_content { z-index: 2; } .oct .oct_main { background-color: #82289B; background: -webkit-linear-gradient(213deg, #5C47B5 0%, #82289B 100%); background: -moz-linear-gradient(213deg, #5C47B5 0%, #82289B 100%); background: -ms-linear-gradient(213deg, #5C47B5 0%, #82289B 100%); background: -o-linear-gradient(213deg, #5C47B5 0%, #82289B 100%); background: linear-gradient(213deg, #5C47B5 0%, #82289B 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff82289b', endColorstr='#ff5c47b5', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff82289b',endColorstr='#ff5c47b5',GradientType=1); padding-bottom: 55px; } .oct .oct_slides { overflow: hidden; min-height: 300px; } .oct .oct_content { position: relative; padding: 40px 0 20px; } .oct .oct_content .slideNegative { padding: 40px 0 60px; } .oct .oct_content .create_plan_extras { padding: 1em 2em 0; } .oct .oct_content.loading { opacity: 0; } .oct .oct_content.loading:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; width: 32px; height: 32px; background: url(/images/loader_spin_dark_32.gif) center center no-repeat; } .oct.oct_init .oct_actions .btn.action { margin-bottom: 40px; } .oct.oct_init .oct_header { margin-top: -100px; } .oct.oct_init .oct_footer { margin-bottom: -50px; } .oct.oct_init .oct_main { background-color: transparent; background: -webkit-linear-gradient(0deg, transparent 0%, transparent 100%); background: -moz-linear-gradient(0deg, transparent 0%, transparent 100%); background: -ms-linear-gradient(0deg, transparent 0%, transparent 100%); background: -o-linear-gradient(0deg, transparent 0%, transparent 100%); background: linear-gradient(0deg, transparent 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1); } .oct.oct_init .oct_slides { min-height: 0; } .oct .oct_large, .oct .oct_small, .oct .oct_tiny { display: none; } .oct.oct_large:before { display: block; } .oct.oct_large #oct_panel_init { display: block; } .oct.oct_large #oct_panel_init_action { display: none; } .oct.oct_large .oct_large { display: block; } .oct.oct_small .oct_content { padding-bottom: 0; } .oct.oct_small h2 { font-size: 2.5em; line-height: 1.2; margin-top: 10px; } .oct.oct_small:before { display: block; margin-left: -20px; border-width: 20px; } .oct.oct_small .oct_small { display: block; } .oct.oct_small .btn_small { margin-bottom: 40px; } .oct.oct_tiny h2 { font-size: 2.5em; line-height: 1.2; margin-top: 50px; } .oct.oct_tiny .oct_tiny { display: block; } .oct.oct_tiny .oct_content { padding: 0; } .oct.oct_tiny .btn_small { font-size: 1.4em; white-space: normal; text-transform: none; display: block; font-family: Rubrik-ExtraLight; padding-left: 0.5em; padding-right: 0.5em; } .oct.oct_tiny #oct_panel_init_action { background: none; } .oct .oct_header { z-index: 3; margin-top: 0; border-bottom: 1px solid #FFF; border-color: rgba(255, 255, 255, 0.4); } .oct .oct_header .col { border-left: 1px solid #FFF; border-color: rgba(255, 255, 255, 0.2); width: 33%; float: left; } .oct .oct_header .col:first-child { border: 0; } .oct .oct_header .btn { line-height: 1.2; background: transparent; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding-top: 8px; padding-bottom: 8px; min-width: 0; max-width: 90%; white-space: nowrap; padding-left: 0; padding-right: 0; } .oct .oct_header .btn .btn_title { vertical-align: middle; text-align: left; display: inline-block; padding-left: 15px; display: none; } .oct .oct_header .btn .btn_title .active_hide { display: inline-block; } .oct .oct_header .btn .btn_title .active_hide br { display: none; } .oct .oct_header .btn .estimate { display: inline-block; } .oct .oct_header .btn.disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "alpha(opacity=50)"; opacity: 0.5; cursor: default; } .oct .oct_header .btn.active { background: transparent; } .oct .oct_header .btn.active.disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .oct .oct_header .btn.active .btn_title .active_hide, .oct .oct_header .btn.active .active_hide { display: none; } .oct .oct_header .btn.current { cursor: default; } .oct .oct_header .btn.current:before { content: ''; display: block; position: absolute; bottom: -8px; left: 15px; border: 8px solid transparent; border-bottom-color: #FFF; border-bottom-color: rgba(255, 255, 255, 0.6); } .oct .oct_footer { z-index: 4; margin-bottom: 0; margin-top: -55px; } .oct .oct_footer .toggled_popup { position: absolute; top: auto; margin: 0; bottom: 100%; left: 0; width: 100%; background: #373F4C; padding-bottom: 80px; color: #FFF; } .oct .oct_footer .toggled_popup .toggled_popup_close { z-index: 10; background-image: url(/images/close_no_sq.png); } .oct .oct_footer .columns-table { width: 101%; } .oct .oct_footer .columns-table .col { background: #601e72; background: rgba(0, 0, 0, 0.2); padding: 0 !important; width: 50%; float: left; } .oct .oct_footer .columns-table .col:first-child { left: -1px; } .oct .oct_footer .columns-table .col:last-child { left: 1px; } .oct .oct_footer .columns-table .col.last { left: 1px; } .oct .oct_footer .columns-table .col .btn { background: transparent; line-height: 1; min-height: 30px; padding-bottom: 10px; display: block; outline: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: "alpha(opacity=75)"; opacity: 0.75; } .oct .oct_footer .columns-table .col .btn.toggle_active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; background: #373F4C; } .oct .oct_footer .columns-table .col .btn:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .oct .oct_footer .columns-table .col .btn img { margin: -3px; } .oct .oct_footer .columns-table .col.last { display: none; } .oct .oct_footer .columns-table .col:last-child { display: none; } .oct .ajax_content { min-height: 250px; position: relative; } .oct .ajax_content.loading:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; width: 32px; height: 32px; background: url(/images/loader_spin_dark_32.gif) center center no-repeat; } .oct .repeater { /* border:1px solid #555; border-color: rgba(0,0,0,0.075); background: rgba(0,0,0,0.05);*/ padding: 0 3em; margin-bottom: 2em; position: relative; } .oct .repeater h3 { margin: 0px 0 20px; } .oct .repeater .removeBtn { position: absolute; display: block; width: 16px; height: 16px; top: 50%; margin-top: -8px; left: -16px; background: url(/images/close_no_sq.png) center center no-repeat; overflow: hidden; cursor: pointer; text-align: left; text-indent: -1000em; } .oct .ajax_form p { line-height: 1.3em; margin-bottom: 1em; } .oct .ajax_form input { display: block; background: none; border: 1px dotted #ddd; border-width: 0 0 1px; padding-left: 0; font-size: 18px; color: #5FD8E5; margin-bottom: 18px; } .oct .ajax_form input:focus { border-color: #5FD8E5; } .oct .ajax_form input::-webkit-input-placeholder { font-size: 18px; line-height: 1.2; } .oct .ajax_form input:-moz-placeholder { font-size: 18px; } .oct .ajax_form input::-moz-placeholder { font-size: 18px; } .oct .ajax_form input:-ms-input-placeholder { font-size: 18px; } .oct .ajax_form input.nl-error { color: #FF9B00; border-color: #FF9B00; } .oct .ajax_form .btn { padding: 10px 5px; text-transform: uppercase; font-size: 1.3em; } .oct .ajax_form .file ul { padding-bottom: 0; margin-bottom: 0; } .oct .ajax_form .file ul li { position: relative; color: #5FD8E5; } .oct .ajax_form .file ul li:before { display: none; } .oct .ajax_form .file ul .removeFile { position: absolute; display: block; width: 12px; height: 12px; top: 4px; left: -20px; background: url(/images/close_no_sq.png) center center no-repeat; overflow: hidden; cursor: pointer; } .oct .ajax_form .fileUpload { position: relative; overflow: hidden; margin-top: 12px; } .oct .ajax_form .fileUpload input.uploadBtn { position: absolute; z-index: 10; display: block; top: -10px; right: -10px; bottom: -10px; left: -10px; width: auto !important; height: auto !important; margin: 0; padding: 0; font-size: 20px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; } .oct .ajax_form .fileError { padding-top: 20px; display: none; } .oct .ajax_form .progress { position: relative; width: 100%; padding: 0; background-color: #ddd; } .oct .ajax_form .bar { background-color: #5FD8E5; width: 0%; height: 20px; } .oct .ajax_form .percent { position: absolute; display: inline-block; top: 3px; left: 48%; color: #fff; } .oct .oct_nav { position: absolute; top: 0; bottom: 0; right: 20px; width: 4px; height: 100%; vertical-align: middle; } .oct .oct_nav .dots { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 20%; margin: auto; vertical-align: middle; line-height: 1.5; display: table-cell; } .oct .oct_nav .dot { display: inline-block; text-indent: -1000em; vertical-align: middle; width: 6px; height: 6px; margin: auto; background: #FFF; position: relative; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: "alpha(opacity=40)"; opacity: 0.4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .oct .oct_nav .dot.current { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .oct .oct_nav .dot.current:after { content: ''; position: absolute; left: -3px; top: -3px; width: 10px; height: 10px; border: 1px solid #FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .oct .oct_bk { display: block; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/bundle_background.png) center -100px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: "alpha(opacity=60)"; opacity: 0.6; } /*********************** **** OCT Accordion ***********************/ .oct_accordion_panel { display: none; } /***********************/ .ajax_form .btn { margin-right: 0; position: relative; } .ajax_form .btn:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; background: url(/images/loader_24_blue.gif) center center no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .ajax_form .btn.disabled, .ajax_form .btn.loading { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: "alpha(opacity=60)"; opacity: 0.6; } .ajax_form .btn.loading, .ajax_form .btn.loading:hover { background: #376Ed3; } .ajax_form .btn.loading span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; } .ajax_form .btn.loading:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "alpha(opacity=50)"; opacity: 0.5; } .ajax_form .orange_alert { vertical-align: text-top; } .ajax_form .oct_error { margin-left: 0; margin-right: 0; padding-left: 30px; } .ajax_form .oct_error p { display: inline-block; } .ajax_form .oct_error .orange_alert { vertical-align: top; float: left; margin-left: -30px; } .grey_container + .ko_wrap .oct:before { border-top-color: #46535F; } .create_plan_extras + .ko_wrap .oct:before { border-top-color: #57616E; } .lte8 .oct .btn:after { display: none; } .lte8 .oct .btn.loading:after { display: block; } .lte8 .oct .oct_nav .dot { width: 14px; height: 15px; background: url(/images/vertical_toggle_inactive.png ) no-repeat; } .lte8 .oct .oct_nav .dot.current { background-image: url(/images/vertical_toggle_active.png); } .lte8 .oct .oct_nav .dot:after { display: none; } .lte8 .oct .oct_header .btn .btn_title .active_hide { min-width: 150px; } .lte8 .oct .oct_header, .lte8 .oct .oct_footer, .lte8 .oct input.uploadBtn { zoom: 1; } .lte8 .oct .oct_bk { filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)"; } .plus_link { display: inline-block; position: relative; padding: 0 15px; text-decoration: none !important; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: "alpha(opacity=70)"; opacity: 0.7; } .plus_link:before { content: ''; display: inline-block; vertical-align: middle; position: relative; top: -2px; margin: 0 8px; width: 15px; height: 15px; background: url(/images/icon_plus_white_small.png) 2px 2px no-repeat; border: 1px solid #FFF; border-color: rgba(255, 255, 255, 0.4); } .plus_link:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .round_text { display: inline-block; width: auto; text-align: center; min-width: 40px; position: relative; vertical-align: middle; margin: 25px auto 0; padding: 0 10px; } .round_text:after { content: ''; position: absolute; top: 0; left: 0; display: inline-block; font-size: 0; line-height: 0; height: 0px; width: 100%; padding: 20px 0; padding-top: 100%; margin-top: -33%; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #FFF; border-color: rgba(255, 255, 255, 0.2); } [class*="lte"] .round_text:after { padding-bottom: 0; } @-moz-document url-prefix() { .round_text:after { padding-bottom: 0; } } .service_selectors .compare_plan_column .compare_icon_power, .service_selectors .compare_plan_column .compare_icon_gas, .service_selectors .compare_plan_column .compare_icon_internet, .service_selectors .compare_plan_column .compare_icon_telco { text-transform: none; } .service_selectors .create_plan_component_list .compare_plan_column { width: auto; min-width: 96px; margin-top: 0; } .service_selectors .create_plan_component_list .compare_plan_column h3 { font-size: 25px; } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle { width: 80%; font-size: 0.6em; } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_main { font-size: 1em; line-height: 1; } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_main:hover:before { background-color: #414E5C; background-color: rgba(0, 0, 0, 0.1); } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_sub { background-image: url(/images/selectors/toggle_sprite.png); display: none; } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_power a.btn_main:before { background-image: url(/images/selectors/icon_power_white.png); } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_gas a.btn_main:before { background-image: url(/images/selectors/icon_gas_white.png); } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_internet.compare_icon_phone a.btn_main:before { background-image: url(/images/selectors/icon_telco_white.png); } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active a.btn_main:before, .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active a.btn_main:before { border-color: #FFF; background-color: #FFF; color: #46525F; } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active a.btn_sub, .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active a.btn_sub { display: block; background-color: #00B7FF; border-color: #FFF; } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active.compare_icon_power a.btn_main:before, .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active.compare_icon_power a.btn_main:before { background-image: url(/images/selectors/icon_power.png); } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active.compare_icon_gas a.btn_main:before, .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active.compare_icon_gas a.btn_main:before { background-image: url(/images/selectors/icon_gas.png); } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active.compare_icon_internet.compare_icon_phone a.btn_main:before, .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active.compare_icon_internet.compare_icon_phone a.btn_main:before { background-image: url(/images/selectors/icon_telco.png); } .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.component_linked:after { right: 107%; background-image: url(/images/selectors/linked.png); } .lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_sub { background-image: url(/images/selectors/toggle_sprite_ie8.png); } .lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_power a.btn_main:before { background-image: url(/images/selectors/icon_power.png); } .lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_gas a.btn_main:before { background-image: url(/images/selectors/icon_gas.png); } .lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_internet.compare_icon_phone a.btn_main:before { background-image: url(/images/selectors/icon_telco.png); } /* contact footer */ .contact_form_holder { background-color: #46535F; } .contact_form { margin: 0 auto; } .contact_form h2, .contact_form h3, .contact_form label { color: #fff; } .contact_form .form_fields label { float: none; width: auto; margin: 0; font-family: 'Rubrik-Light', Arial, sans-serif; } .contact_form .form_fields label:after { color: #fff; } .contact_form .form_fields input, .contact_form .form_fields textarea, .contact_form .form_fields .fancy_select_holder p { background-color: #59656F; border-color: #59656F; color: #fff; } .contact_form .form_fields textarea { margin-bottom: 10px; } .contact_form .form_fields .hasError input, .contact_form .form_fields .hasError textarea { border-color: #F20032; border-style: dashed; background: #FFE7EB; color: #333; } .contact_form .form_fields .scfValidator, .contact_form .form_fields .scfValidatorRequired { color: white; } .contact_form .scfSubmitButtonBorder { float: none; padding-left: 0; } .contact_form .scfSubmitButtonBorder input { background-color: #2D7BDB; float: none; padding: 7px 15px 5px; } .contact_form .fancy_select_replaced p:after { background-image: url("/images/fancy_select_arrow_white_small.png"); } .contact_form .fancy_select_list { border: none; margin-right: 0; } .contact_form .fancy_select_list, .contact_form .fancy_select_list li { background-color: #59656F; color: #fff; } .contact_form .fancy_select_container li:hover, .contact_form .fancy_select_container li:focus { background-color: #65747F; } .contact_form .social h3 { margin-bottom: 0; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; } .contact_form .form_fields a.btn { float: none; } .contact_form ul.social_icons { margin-top: 0; } .contact_form ul.social_icons li { padding-bottom: 12px; padding-top: 12px; margin-bottom: 0; width: 35px; display: block; padding-left: 5px; } .contact_form ul.social_icons li:before { list-style: none outside; content: ''; display: none; } .contact_form ul.social_icons li:last-child { border-bottom: none; } .contact_form ul.social_icons a { background: url(../../images/social_icon_sprite.png) 0 0 no-repeat; display: block; text-indent: -10000px; height: 25px; } .contact_form ul.social_icons a.facebook { background-position: 0 -30px; } .contact_form ul.social_icons a.linkedin { background-position: 0 -60px; } .contact_form ul.social_icons li { border: none; float: left; } .contact_form ul.social_icons li:first-child { margin-left: 0; } .intro_banner.contact .content_holder_wide .main_content { padding-right: 0; } /* set overall container to rel so h1 positions relative to parent, not browser */ #contact_map { height: 0px; } .m_contact_static_map { background: no-repeat center center; background-size: cover; width: 100%; height: 300px; } .m_infowindow_content { position: relative; padding: 1em 2em; color: white; background: #46535F; } .m_infowindow_content h4 { margin: 0; color: white; } .m_infowindow_content:before { content: " "; display: block; border-bottom: solid 10px #46535F; border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; top: -10px; margin-left: -10px; } .response_xsmall .content_chunk .pullout, .response_xsmall .content_chunk figure.pullout { float: none; margin: 0 0 20px; width: 100%; } .response_xsmall .content_chunk h2.smaller { margin: 0; } .response_small .content_chunk, .response_medium .content_chunk { /* at smaller sizes, always align the figures to the right */ } .response_small .content_chunk h2, .response_medium .content_chunk h2 { /*float: left;*/ } .response_small .content_chunk h3, .response_medium .content_chunk h3 { clear: left; } .response_small .content_chunk figure.pullout, .response_medium .content_chunk figure.pullout { float: right; margin-left: 20px; margin-right: 0; } .lte8 .content_chunk { padding-bottom: 5px; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .create_plan { display: block; position: relative; /* todo */ } .create_plan .create_plan_components { bottom: 100%; left: 0; padding-bottom: 4em; /*position: absolute;*/ right: 0; } .create_plan .create_plan_components .create_plan_start_holder .create_plan_start { background: #C8DC37; border-bottom: none; color: #46525F; } .create_plan .create_plan_components .content_holder { padding-top: 0; padding-bottom: 0; } .create_plan .create_plan_components .create_plan_hider { background: url(/images/carousel_hider.png) no-repeat center center; cursor: pointer; display: block; height: 40px; overflow: hidden; position: absolute; right: 1em; text-indent: -999px; top: 1em; width: 40px; z-index: 1; text-decoration: none; border-bottom: none; } .create_plan .create_plan_components .create_plan_hider.open { background: url(/images/fancy_select_dark_up_arrow.png) no-repeat center center; } .create_plan .save_plan .signup_link { cursor: pointer; } .compare_plan_service_option { clear: both; } .create_plan .create_plan_component_list .compare_plan_service_option h4 { font-size: 1.4em; letter-spacing: 0; } .create_plan .create_plan_component_list .compare_plan_service_option h4 h4 { width: 100%; float: none; margin-top: 0 !important; } .create_plan .create_plan_component_list .compare_plan_service_option p { letter-spacing: 0; } .create_plan_components { background: rgba(70, 82, 96, 0.9); padding: 2em 4.1665% 1.5em; bottom: 100%; left: 0; /* position: absolute; */ right: 0; text-align: center; z-index: 2; } .create_plan_components h2, .create_plan_components p { color: #fff; } .create_plan_components h2 { margin-top: 0em; margin-bottom: 0.227273em; margin-right: 1em; margin-left: 1em; } .create_plan_components a { color: #fff; border-bottom: 1px solid #fff; border-bottom-color: rgba(255, 255, 255, 0.5); } .create_plan_components .btn { border-bottom: none; } .create_plan_components .create_plan_start_holder { display: none; padding-top: 2em; } .create_plan_components .create_plan_start_holder .create_plan_start { background: #C8DC37; border-bottom: none; color: #46525F; } .create_plan_components .create_plan_start_holder .create_plan_start:hover { background: #B6CA25; } .lte8 .create_plan_components { background: url("/images/landing_panel_bg_dark.png") repeat scroll 0 0 transparent; } .change_plan { background-color: #334149; background-color: rgba(0, 0, 0, 0.15); text-transform: uppercase; padding: 0 5px; font-size: 0.916667em; line-height: 1.666667em; display: inline-block; } .change_plan:hover { cursor: pointer; background-color: #7B858C; } .create_plan .create_plan_components h3 { border-bottom: none; } .full_collapsible_radio { white-space: nowrap; } .full_collapsible_radio input { margin: 0.3em 1em 1em 0; } .full_collapsible_radio label { display: inline-block; font-family: 'Rubrik-Medium', Arial, sans-serif; margin-bottom: 1em; max-width: 80%; white-space: normal; } /*Needed because label text was wrapping where it shouldn't - last step of create plan inside lightbox */ #tc_panel.lightbox .full_collapsible_radio label { max-width: 94%; } .lightbox_notes { background: #f5f3f0; font-size: 0.9em; padding: 1em 2em; margin-bottom: 2em; } .lightbox_notes h5 { text-transform: uppercase; font-size: 1.333em; } .lightbox_notes ul { margin-top: 0; } .lightbox_notes li { padding-top: 0.3em; padding-bottom: 0.3em; } .collapsible_content .scfDropListBorder { padding-left: 40px; } .collapsible_content .fancy_select_container { margin-bottom: 10px; } .collapsible_content .scfDropListLabel { font-family: 'Rubrik-Light', Arial, sans-serif; margin-bottom: 10px; } .collapsible_content .scfDropListLabel:before { content: "–"; display: block; float: left; margin-left: -10px; } .collapsible_content .heavy_data { margin-bottom: 0; } .zero_top_hr { margin-top: 0; } .create_plan_extras { text-align: center; } .create_plan_extras .hdr { text-align: left; } .create_plan_extras .hdr hr { margin: 0 0 10px; } .create_plan_extras .hdr h6, .create_plan_extras .hdr p { padding-top: 0; margin-top: 0; } .create_plan_extras .hdr h6 { margin-bottom: 5px; } .progress_to_signup .progress_to_signup_holder { white-space: nowrap; text-transform: uppercase; margin: 1px auto; padding-bottom: 15px; font-size: 2em; text-align: center; } .progress_to_signup .progress_to_signup_container { text-align: center; } .progress_to_signup .progress_to_signup_btn { background: #C8DC37; color: #46525F; border-bottom: 0px; padding: 12px 40px; font-family: 'Rubrik-Regular', Arial, sans-serif; } .progress_to_signup .hover { text-decoration: none !important; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .create_plan_start { border: 0; } .create_plan_component_list { margin: 2em 0 0; /* @todo review selectors */ } .create_plan_component_list .compare_plan_column { display: inline-block; vertical-align: top; white-space: normal; } .create_plan_component_list .compare_plan_column > .alert_box { left: 25%; margin-bottom: 25px; } .create_plan_component_list .compare_plan_column, .create_plan_component_list .component_toggle { width: 46%; margin: 2em 1%; } .create_plan_component_list .component_toggle .alert_box { width: 550%; left: 25%; font-size: 14px; line-height: 20px; text-transform: none; } .create_plan_component_list .component_linked { position: relative; width: 100%; padding: 0; } .create_plan_component_list .component_linked:after { background: url(/images/create_plan_icon_linked.png) no-repeat; content: ' '; height: 18px; left: 50%; margin-left: -5px; opacity: 1; position: absolute; top: 2.5em; width: 17px; } .create_plan_component_list .component_linked.component_toggle:after { left: auto; right: 200%; top: 1.7em; } .create_plan_component_list h3 { margin: 0; white-space: nowrap; position: relative; } .create_plan_component_list .compare_plan_column_extra h3 { padding-top: 0; } .create_plan_component_list .compare_plan_column_extra h3:before { display: none; } .create_plan_component_list .component_toggle { border-bottom: none; color: #fff; display: inline-block; margin: 15px 12% 0; width: 26%; padding: 0; position: relative; text-transform: uppercase; text-align: center; white-space: normal; font-size: 0.7em; line-height: 1.428571em; } .create_plan_component_list .component_toggle a { text-decoration: none !important; border: 0; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; -webkit-transition: border-color 0.3s ease-out; -moz-transition: border-color 0.3s ease-out; transition: border-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .create_plan_component_list .component_toggle a:focus { outline: none; } .create_plan_component_list .component_toggle a.btn_main { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .create_plan_component_list .component_toggle a.btn_main:before { background-position: center center; background-repeat: no-repeat; border: 2px solid #fff; border-color: rgba(255, 255, 255, 0.2); content: " "; position: relative; display: block; margin: 0 auto; width: 4.285714em; height: 4.285714em; margin-bottom: 0.357143em; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-clip: border-box; -webkit-background-clip: border-box; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; -webkit-transition: border-color 0.3s ease-out; -moz-transition: border-color 0.3s ease-out; transition: border-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .create_plan_component_list .component_toggle.compare_icon_power a.btn_main:before { background-image: url(/images/create_plan_icon_power.png); } .create_plan_component_list .component_toggle.compare_icon_gas a.btn_main:before { background-image: url(/images/create_plan_icon_gas.png); } .create_plan_component_list .component_toggle.compare_icon_internet a.btn_main:before { background-image: url(/images/create_plan_icon_internet.png); } .create_plan_component_list .component_toggle.compare_icon_phone a.btn_main:before { background-image: url(/images/create_plan_icon_phone.png); } .create_plan_component_list .component_toggle a.btn_sub { position: absolute; top: -5px; right: 50%; margin-right: -3.2em; color: #fff; content: ''; opacity: 1; text-indent: -1000em; height: 23px; width: 23px; border: 2px solid #78818C; background: #57616E url(/images/toggle_sprite-23.png) left center no-repeat; z-index: 2; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; -webkit-transition: border-color 0.2s ease-out; -moz-transition: border-color 0.2s ease-out; transition: border-color 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .create_plan_component_list .component_toggle a.btn_sub:hover { background-color: #414E5C; } .create_plan_component_list .component_toggle a.btn_main:hover:before { background-color: #414E5C; background-color: rgba(24, 30, 36, 0.33); } .create_plan_component_list .component_toggle input { display: none; } .create_plan_component_list .pseudo_active a.btn_main:before { border-color: #C8DC37; background-color: #414E5C; background-color: rgba(24, 30, 36, 0.33); } .create_plan_component_list .pseudo_active a.btn_sub { border-color: #78818C; background-position: left bottom; } .create_plan_component_list .active a.btn_main:before, .create_plan_component_list .completed a.btn_main:before { border-color: #C8DC37; } .create_plan_component_list .active a.btn_sub, .create_plan_component_list .completed a.btn_sub { border-color: #78818C; background-position: left bottom; } .create_plan_component_list .current a.btn_main:before { background-color: #C8DC37; border-color: #C8DC37; } .create_plan_component_list .current a.btn_main:hover:before { background-color: #C8DC37; } .create_plan_component_list .current a.btn_sub { border-color: #78818C; } .create_plan_component_list .current.compare_icon_power a.btn_main:before { background-image: url(/images/create_plan_icon_dark_power.png); } .create_plan_component_list .current.compare_icon_gas a.btn_main:before { background-image: url(/images/create_plan_icon_dark_gas.png); } .create_plan_component_list .current.compare_icon_internet a.btn_main:before { background-image: url(/images/create_plan_icon_dark_internet.png); } .create_plan_component_list .current.compare_icon_phone a.btn_main:before { background-image: url(/images/create_plan_icon_dark_phone.png); } .create_plan_component_list .disabled a.btn_main { cursor: default; } .create_plan_component_list .disabled a.btn_main:before { background-color: transparent !important; } .create_plan_component_list .disabled a.btn_main:hover:before { background-color: transparent !important; } .create_plan_component_list_choosing .component_toggle { /*a.btn_main:before { .e-w(50,14); .e-h(50,14); }*/ } .create_plan_component_list_choosing .component_toggle a.btn_sub { border-color: #78818C; background-position: left top; } .create_plan_component_list_choosing .pseudo_active a.btn_sub { border-color: #C8DC37; background-position: right bottom; } .create_plan_component_list_choosing .active a.btn_sub, .create_plan_component_list_choosing .completed a.btn_sub { border-color: #C8DC37; background-position: right bottom; } .create_plan_component_list_choosing .current a.btn_sub { border-color: #C8DC37; } .no-touch .create_plan_component_list_choosing .component_toggle { /*a { .transition-property-none(border-color); }*/ } .no-touch .create_plan_component_list_choosing .component_toggle:hover a.btn_main:before { background-color: #414E5C; background-color: rgba(24, 40, 60, 0.33); } .no-touch .create_plan_component_list_choosing .component_toggle:hover a.btn_sub { background-color: #414E5C; } .no-touch .create_plan_component_list_choosing .pseudo_active a:hover, .no-touch .create_plan_component_list_choosing .pseudo_active a:hover:before { color: #fff; border-color: #C8DC37; } .no-touch .create_plan_component_list_choosing .pseudo_active a.btn_sub { background-position: right top; } .no-touch .create_plan_component_list_choosing .pseudo_active:hover a.btn_sub { background-position: left bottom; } .no-touch .create_plan_component_list_choosing .active a:hover, .no-touch .create_plan_component_list_choosing .completed a:hover, .no-touch .create_plan_component_list_choosing .active a:hover:before, .no-touch .create_plan_component_list_choosing .completed a:hover:before { border-color: #C8DC37; } .no-touch .create_plan_component_list_choosing .active a.btn_sub, .no-touch .create_plan_component_list_choosing .completed a.btn_sub { background-position: right top; } .no-touch .create_plan_component_list_choosing .active:hover a.btn_sub, .no-touch .create_plan_component_list_choosing .completed:hover a.btn_sub { background-position: left bottom; } .no-touch .create_plan_component_list_choosing .current a:hover, .no-touch .create_plan_component_list_choosing .current a:hover:before { background-color: #C8DC37; border-color: #C8DC37; } .lte8 .create_plan_component_list .component_linked { position: relative; width: 100%; padding: 0; } .lte8 .create_plan_component_list .component_toggle { display: inline-block; border: none; } .lte8 .create_plan_component_list .component_toggle a.btn_main { border: 0 !important; background-color: transparent !important; } .lte8 .create_plan_component_list .component_toggle a.btn_main:before { border: 0 !important; bottom: 0; content: " "; display: block; width: 50px; height: 50px; } .lte8 .create_plan_component_list .component_toggle a.btn_sub { border: 0; background-image: url(/images/toggle_sprite-23-ie8.png); background-color: transparent !important; } .lte8 .create_plan_component_list .component_toggle a.btn_sub:hover { background-position: center center; } .lte8 .create_plan_component_list .component_toggle.compare_icon_power a.btn_main:before { background-image: url(/images/create_plan_icon_power.png); } .lte8 .create_plan_component_list .component_toggle.compare_icon_gas a.btn_main:before { background-image: url(/images/create_plan_icon_gas.png); } .lte8 .create_plan_component_list .component_toggle.compare_icon_internet a.btn_main:before { background-image: url(/images/create_plan_icon_internet.png); } .lte8 .create_plan_component_list .component_toggle.compare_icon_phone a.btn_main:before { background-image: url(/images/create_plan_icon_phone.png); } .lte8 .create_plan_component_list .pseudo_active a.btn_sub, .lte8 .create_plan_component_list .active a.btn_sub, .lte8 .create_plan_component_list .completed a.btn_sub { background-position: left bottom; } .lte8 .create_plan_component_list .pseudo_active a.btn_sub:hover, .lte8 .create_plan_component_list .active a.btn_sub:hover, .lte8 .create_plan_component_list .completed a.btn_sub:hover { background-position: center bottom; } .lte8 .create_plan_component_list.create_plan_component_list_choosing .component_toggle:hover a.btn_sub { background-position: center top; } .lte8 .create_plan_component_list.create_plan_component_list_choosing .pseudo_active a.btn_sub { background-position: right top; } .lte8 .create_plan_component_list.create_plan_component_list_choosing .pseudo_active:hover a.btn_sub { background-position: right bottom; } .lte8 .create_plan_component_list.create_plan_component_list_choosing .active a.btn_sub, .lte8 .create_plan_component_list.create_plan_component_list_choosing .completed a.btn_sub { background-position: right top; } .lte8 .create_plan_component_list.create_plan_component_list_choosing .active:hover a.btn_sub, .lte8 .create_plan_component_list.create_plan_component_list_choosing .completed:hover a.btn_sub { background-position: right bottom; } .create_plan_form .energy_est_label { padding-bottom: 4px; position: relative; } .create_plan_form .energy_est_label span { padding-left: 55px; display: block; position: relative; } .create_plan_form .dark .energy_est_label { color: #FFF; } .create_plan_form .people_home span:before, .create_plan_form .home_heating span:before, .create_plan_form .cooking span:before, .create_plan_form .hot_water span:before { background: none; content: ' '; display: inline-block; margin-right: 20px; width: 35px; height: 43px; top: 100%; margin-top: 0; position: absolute; margin-left: -55px; } .create_plan_form .people_home span:before { background: url('/images/power_calc_people.png') no-repeat 0 center; } .create_plan_form .home_heating span:before { background: url('/images/power_calc_heating.png') no-repeat 0 center; } .create_plan_form .cooking span:before { background: url('/images/power_calc_cooking.png') no-repeat 0 center; } .create_plan_form .hot_water span:before { background: url('/images/power_calc_hot_water.png') no-repeat 0 center; } .create_plan_form .fancy_select_container { margin-left: 55px; } .power_user { padding-top: 30px; } .power_user .user_usage h2 { border-bottom: 1px solid #FFF; font-size: 20px; line-height: 25px; margin: -12px 0 0; padding-bottom: 20px; } .power_user .user_usage h2 span { font-size: 14px; } .power_user .user_usage h2 span:before { right: -9px; top: -24px; } .power_user .user_usage p { padding-left: 0px; padding-top: 20px; } .power_user .user_usage p span:before { left: -21px; } .power_user .user_usage span { position: relative; } .power_user .user_usage span:before { content: ''; position: absolute; } .estimate_container .net.plan_slider { background: -moz-linear-gradient(left, #6EB732 0%, #C8DC37 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6EB732), color-stop(100%, #C8DC37)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #6EB732 0%, #C8DC37 100%); background: -o-linear-gradient(left, #6EB732 0%, #C8DC37 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #6EB732 0%, #C8DC37 100%); /* IE10+ */ background: linear-gradient(to right, #6EB732 0%, #C8DC37 100%) repeat scroll 0 0 transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6EB732', endColorstr='#C8DC37', GradientType=1); /* IE6-9 */ } .estimate_container .scfSubmitButtonBorder.secondary input { color: #FFF; background-color: #4F5C67; } .estimate_container .scfSubmitButtonBorder.secondary input:hover, .estimate_container .scfSubmitButtonBorder.secondary input:active { background-color: #7B858C; } .estimate_container .calls a { border-bottom: 1px dotted #FFF; } .estimate_container .calls .add_link { background-image: url('/images/white_open.png'); } .estimate_container .fav_number_wrapper { display: none; padding-bottom: 20px; } .estimate_container .plan_addition_next_empty { height: 27px; } .estimate_container .plan_addition { padding-bottom: 20px; } .estimate_container .plan_addition .add_link, .estimate_container .plan_addition_next .add_link { border-bottom: none; } .estimate_container .hasUsefulInfo span { color: #FFF; border-bottom-color: #FFF; } .estimate_container .scfListBoxUsefulInfo { background-color: #59656F; } .estimate_container .scfListBoxUsefulInfo:before { content: ' '; border-left-color: #59656F; } .estimate_container .plan_size { color: #FFF; } /** move somewhere else */ .add_link { background: url("/images/blue_open.png") no-repeat scroll 100% 2px transparent; border: none; color: #376CD2; display: block; float: right; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 25px; padding-bottom: 10px; padding-right: 30px; position: relative; } .create_link { border-bottom: 1px dotted #376CD2; color: #376CD2; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 14px; padding-bottom: 2px; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* doc list */ ul.document_list { margin: 1em 0 2em 0; } ul.document_list > li { list-style: none outside; padding-left: 40px; background: url(../../images/link-icon.png) 0 3px no-repeat; margin-bottom: 0.7em; padding-bottom: 1.2em; margin-left: 0; } ul.document_list > li:before { content: ''; } ul.document_list > li span { font-size: 85%; position: relative; top: -2px; left: -4px; } ul.document_list > li.media { background-image: url(../../images/document_icon.png); } ul.document_list h4 { margin: 0; padding-bottom: 0; } .menu_pager { padding-top: 20px; } .menu_pager .fancy_select_container { margin-bottom: 20px; } .left_doc_column { display: none; margin-right: 0; padding-top: 20px; } .left_doc_column ul.menu { border-top: 5px solid #7F1399; margin-top: 0; } .left_doc_column li { border-bottom: 1px dashed #CCC; margin-bottom: 0; padding: 5px 0; } .left_doc_column a { color: #333; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 20px; } .left_doc_column li.first { padding-top: 30px; } .left_doc_column li.last { border: none; } .left_doc_column .current a { color: #7F1399; font-family: 'Rubrik-Medium', Arial, sans-serif; } .left_doc_column select { display: block; } .right_doc_column { float: none; padding-top: 20px; width: 100%; } .right_doc_column h4 { margin-top: 30px; } .right_doc_column h4.first { margin-top: 0; padding-top: 0; } .right_doc_column figure { padding-top: 40px; } .right_doc_column img { max-width: 100%; height: auto; } .right_doc_column a { text-decoration: underline; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* ============================================================================= Dropdown ========================================================================== */ .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropup .btn .caret, .dropdown .btn .caret { display: none; } .dropup .btn:after, .dropdown .btn:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; text-decoration: none; content: "d"; position: relative; margin: 3px 0 0 7px; color: #1D79DE; } .dropup.open .btn:after, .dropdown.open .btn:after { content: "g"; } .dropup .btn:after { content: "g"; } .dropup.open .btn:after { content: "d"; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25); -webkit-background-clip: padding-box; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } /* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); background: white; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-style: solid; } .dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone .dz-message { text-align: center; margin: 2em 0; } .dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; } .dropzone .dz-preview:hover { z-index: 1000; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone .dz-preview.dz-image-preview { background: white; } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; } .dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); } .dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* Editable */ .editable_area { position: relative; } .editable_area_editing { border: 2px solid #2D7BDB; margin-right: 0; } .editable_area_disabled { position: relative; } .editable_area_disabled:after { background: rgba(255, 255, 255, 0.5); bottom: 0; content: ' '; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .edit { background: url("/images/edit.png") no-repeat 10px 6px; cursor: pointer; height: 0; margin-right: -10px; margin-top: 0; overflow: hidden; padding-left: 30px; padding-right: 10px; padding-top: 40px; position: absolute; right: 4.5454%; width: 0; } .panel .editable_area h2, .webkit .panel .editable_area h2 { margin-right: 30px; overflow: hidden; text-overflow: ellipsis; } .panel .editable_area .action_buttons ul { margin-top: 0; } .editable_area .btn_cancel, .editable_area .btn_cancel:visited, .editable_area .btn_save, .editable_area .btn_save:visited { display: none; } /* There is a '.disabled' class defined for this purpose: .editable_area_editing .btn, .editable_area_editing .btn:visited { background: #D5E2EE; cursor: default; }*/ .editable_area_editing .btn_secondary, .editable_area_editing .btn_secondary:visited { background: #F6F5F4; color: #aaa; } .editable_area_editing .btn_cancel, .editable_area_editing .btn_cancel:visited, .editable_area_editing .btn_save, .editable_area_editing .btn_save:visited { display: block; } .editable_area_editing .btn_cancel, .editable_area_editing .btn_cancel:visited { background: #EDECEA; color: #333; } .editableInput { border: 1px solid #e0e0e0; font-size: 12px; margin: -5px -2%; padding: 5px 2%; width: 96%; zoom: 1; } .editableInput:focus { border-color: #2D7BDB; } .service_list .editableInput { margin: 0; width: 94%; } .autocomplete_holder { position: relative; } .input_h2 { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 22px; letter-spacing: -2px; margin-bottom: 3px; margin-top: -3px; width: 88%; } .lte8 .input_h2 { padding-top: 18px; height: 34px; } .editable_area .editableInput.input_h2 { margin-bottom: 20px; } .acc_nickname_error, .icp_nickname_error { display: none; color: red; line-height: 1em; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .error_content, .blocked_error_content { text-align: center; } .error_logo { display: block; max-width: 40%; margin: 3em auto; } .error_h1 { font-size: 3em; line-height: 1.166667em; letter-spacing: -0.033333em; padding: 0em 0.666667em; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; color: #444; max-width: 500px; margin: 0 auto 2em; } .errors_plug { position: relative; } .errors_plug img { background: #fff; display: block; margin: 0 auto 5em; max-width: 100%; position: relative; width: 480px; z-index: 1; } .errors_plug:before, .errors_plug:after { border-top: 3px solid #81149A; content: " "; height: 0; position: absolute; } .errors_plug:before { bottom: 0; left: 0; right: 50%; } .errors_plug:after { left: 50%; right: 0; top: 0; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .lte7 .fancy_select_replaced { zoom: 1; } .fancy_select_container { position: relative; } .fancy_select_replaced { background: #fff; } .form_sidebyside .fancy_select_replaced { background: none; border: none; } .fancy_select_replaced { border: 1px solid #CCC; } .fancy_select_replaced p { font-family: 'Rubrik-Light' Arial, sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 0px; padding: 5px 20px 3px 7px; cursor: pointer; position: relative; } .fancy_select_replaced p:after { background: url("/images/dark_grey_down_arrow.png") no-repeat scroll center center transparent; content: ' '; display: block; height: 16px; margin-top: -8px; opacity: 0.6; position: absolute; right: 5px; top: 50%; width: 16px; } .fancy_placeholder { min-height: 16px; } .fancy_placeholder_input { background: url("/images/dark_grey_up_arrow.png") no-repeat scroll 95% center transparent; display: none; font-family: 'Rubrik-Light' Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 5px 0 3px; border: none; text-indent: 7px; width: 100%; } .fancy_placeholder_input:focus { outline: none; border-color: #376ED3; } .fancy_select_open p { display: none; } .fancy_select_open p:after { background-image: url("/images/dark_grey_up_arrow.png"); } .fancy_select_open .fancy_placeholder_input { display: block; } .fancy_select_open .fancy_placeholder_input:focus { border-color: #ccc; } .fancy_select_no_search + .fancy_select_container p, .fancy_select_filter + .fancy_select_container p { display: block; } .fancy_select_disabled p { background-image: none; cursor: default; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "alpha(opacity=50)"; opacity: 0.5; } .fancy_select_results { background: #fff; border-bottom: 1px solid #ccc; margin-top: -1px; max-height: 192px; overflow-x: hidden; overflow-x: auto; top: 100%; width: 100%; z-index: 20; } .fancy_select_results ul { border-left: 1px solid #ccc; border-right: 1px solid #ccc; list-style: none; float: none; margin: -1px 0 0; padding: 0; } .fancy_select_results li { width: auto; border-bottom: 1px solid rgba(51, 51, 51, 0.1); cursor: pointer; float: none; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 20px; list-style: none; margin: 0; padding: 5px 12px 5px 13px; } .fancy_select_results li:before { display: none; content: ''; } .fancy_select_results li:first-child { border-top: 1px solid rgba(51, 51, 51, 0.1); } .fancy_select_results li.fancy_selected { background: #F4F4F4; } .fancy_select_results li.fancy_select_hover { background: #EDECEA; } .fancy_select_results li:last-child { border-bottom: none; } .fancy_select_results .fancy_select_item_disabled { display: none !important; } .fancy_select_container .optgroup { cursor: default; font-family: 'Rubrik-SemiBold', Arial, sans-serif; padding-left: 12px; } /* ------------------ Fancy select modifiers -------------------- */ /* Go up rather than down */ .fancy_select_up .fancy_select_results { bottom: 100%; top: auto; } /* dark */ .dark .fancy_select_container .fancy_select_replaced, .fancy_select_dark .fancy_select_container .fancy_select_replaced { background-color: #59656F; border-color: #59656F; } .dark .fancy_select_container .fancy_select_replaced p, .fancy_select_dark .fancy_select_container .fancy_select_replaced p { border: transparent; } .dark .fancy_select_container .fancy_select_replaced p:after, .fancy_select_dark .fancy_select_container .fancy_select_replaced p:after { background: url("/images/fancy_select_dark_down_arrow.png") no-repeat scroll center center transparent; } .dark .fancy_select_container .fancy_placeholder_text, .fancy_select_dark .fancy_select_container .fancy_placeholder_text { color: #FFF; } .dark .fancy_select_container .fancy_select_results, .fancy_select_dark .fancy_select_container .fancy_select_results { background-color: #59656F; border-bottom: 1px solid transparent; } .dark .fancy_select_container .fancy_select_results .fancy_select_list, .fancy_select_dark .fancy_select_container .fancy_select_results .fancy_select_list { border-left: transparent; border-right: transparent; } .dark .fancy_select_container .fancy_select_results li, .fancy_select_dark .fancy_select_container .fancy_select_results li { border-left: transparent; color: #FFF; } .dark .fancy_select_container .fancy_select_results li:first-child, .fancy_select_dark .fancy_select_container .fancy_select_results li:first-child { background: transparent; color: #FFF; } .dark .fancy_select_container .fancy_select_results li.fancy_selected, .fancy_select_dark .fancy_select_container .fancy_select_results li.fancy_selected { background-color: #5A6167; } .dark .fancy_select_container .fancy_select_results li:hover, .fancy_select_dark .fancy_select_container .fancy_select_results li:hover, .dark .fancy_select_container .fancy_select_results li:focus, .fancy_select_dark .fancy_select_container .fancy_select_results li:focus, .dark .fancy_select_container .fancy_select_results li.fancy_select_hover, .fancy_select_dark .fancy_select_container .fancy_select_results li.fancy_select_hover { background-color: #7b858c; } .dark .fancy_select_container .fancy_select_open p:after, .fancy_select_dark .fancy_select_container .fancy_select_open p:after { background-image: url("/images/fancy_select_arrow_white_small_up.png"); } /* validation styles */ .hasError .fancy_select_replaced { border-color: #F20032; border-style: dashed; background: #FFE7EB; } /* ------------------ Panel modifiers -------------------- */ .panel .toggled_popup .fancy_select_replaced p { border: none; color: #333; cursor: pointer; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 20px; margin-bottom: 0; padding: 5px 25px 4px 10px; } .panel .toggled_popup .dark .fancy_select_replaced p { color: #FFF; } .panel .toggled_popup .fancy_select_results li { font-size: 12px; border-left: none; } .panel .form_sidebyside .fancy_select_replaced p { background: url("/images/fancy_select_arrow_white.png") no-repeat right 10px; color: #fff; display: inline-block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 20px; line-height: 30px; padding: 0px 25px 0px 0; } .panel .form_sidebyside .fancy_select_replaced p:after { display: none; } .panel .form_sidebyside .fancy_select_results { background: #4F5C67; } .panel .form_sidebyside .fancy_select_results li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; } .panel .form_sidebyside .fancy_select_results li.fancy_selected { background-color: #627382; } .panel .form_sidebyside .fancy_select_results li:hover { background: #586673; } .panel .action_buttons .fancy_select_results ul { margin-top: 0; } .panel_selector { /* single account */ } .panel_selector .fancy_select_container { padding-bottom: 0; } .panel_selector ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-top: 1px solid #fff; border-right: none; padding-top: 15px; width: auto; } .panel_selector .fancy_select_replaced { background: none; border: none; padding: 30px 4.5454% 0; position: relative; z-index: 2; } .panel_selector .fancy_select_replaced p { background: url("/images/grey_dark_down.png") no-repeat scroll right 11px transparent; border: none; color: #333333; cursor: pointer; display: inline-block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 22px; line-height: 30px; margin: 0; padding: 2px 0 3px 0; position: relative; overflow: hidden; text-overflow: ellipsis; width: 100%; z-index: 2; } .panel_selector .fancy_select_replaced p:before { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\57"; font-size: 1.9em; color: #1d79de; vertical-align: middle; display: inline; background-position: center; background-repeat: no-repeat; margin-right: 0.3em; } .panel_selector .fancy_select_replaced p span { vertical-align: middle; width: calc(100% - 4.2em); } .panel_selector .fancy_select_replaced p:after { display: none; } .panel_selector .fancy_select_replaced span { padding-right: 30px; display: inline-block; } .panel_selector .fancy_select_open { background: #2A7DDD; background-image: -moz-linear-gradient(left, #2A7DDD 0%, #6C217D 100%); background-image: -webkit-linear-gradient(left, #2A7DDD 0%, #6C217D 100%); background-image: -o-linear-gradient(left, #2A7DDD 0%, #6C217D 100%); background-image: linear-gradient(to right, #2A7DDD 0%, #6C217D 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A7DDD, endColorstr=#6C217D, GradientType=1); position: relative; } .panel_selector .fancy_select_open p { background-image: url("/images/arrow_up_large.png"); color: #fff; } .panel_selector .fancy_select_open p:before { color: #fff; } .panel_selector .fancy_select_results { background: #2A7DDD; background-image: -moz-linear-gradient(left, #2A7DDD 0%, #6C217D 100%); background-image: -webkit-linear-gradient(left, #2A7DDD 0%, #6C217D 100%); background-image: -o-linear-gradient(left, #2A7DDD 0%, #6C217D 100%); background-image: linear-gradient(to right, #2A7DDD 0%, #6C217D 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A7DDD, endColorstr=#6C217D, GradientType=1); padding: 19px 4.1665% 20px; position: absolute; left: 0; right: 0; width: auto; } .panel_selector .fancy_select_results .fancy_select_list li { border-bottom: none; color: #FFFFFF; display: block; font: 16px/20px 'Rubrik-Light', Arial, sans-serif; padding: 9px 4.5454%; margin-left: -4.5454%; margin-right: -4.5454%; border: none; } .panel_selector .fancy_select_results .fancy_select_list:hover { background: rgba(255, 255, 255, 0.2); } .panel_selector .fancy_select_results .fancy_select_list .fancy_selected { display: none; } .panel_selector .fancy_select_results .fancy_select_list .fancy_select_hover { background: none; } .panel_selector h2.account_title { font-family: 'Rubrik-Light', Arial, sans-serif; letter-spacing: 0; padding: 30px 4.5454% 10px; } .dob_panel .scfSingleLineTextBox { float: left; margin: 0; width: 25%; } .dob_panel .fancy_select_container { float: left; margin: 0 2% 0 0; width: 32%; } .dob_panel .fancy_select_container:last-child { margin-right: 0; } .title_panel .fancy_select_container { width: 31%; min-width: 135px; } /* phone panel */ .phone_panel .scfSingleLineTextBox, .phone_panel .fancy_select_container { float: left; } .phone_panel .phone_prefix.scfSingleLineTextBox { width: 22%; margin: 0 3.5% 0 0; height: 30px; } .phone_panel .phone_number.scfSingleLineTextBox { width: 36%; margin: 0 3.5% 0 -2px; float: left; height: 30px; } .phone_panel .fancy_select_container { /*phone_type*/ width: 36%; margin: 0 0 0 -2px; } .phone_panel .fake_placeholder { width: 22%; } .phone_panel .phone_prefix + .fake_placeholder { width: 36%; } .scfDropListBorder { padding-bottom: 10px; } /* class 'ui_display' is dynamically added to FancySelect container markup on Phone Step of CreatePlan to allow for user being able to select more than one item from a DropDownList */ .fancy_select.ui_display + .fancy_select_container .fancy_select_replaced p:after { background-image: none !important; } /* Add margin to the top of ui_display DropDownLists */ .dropdown_multiselect .fancy_select.ui_display + .fancy_select_container { margin-top: 10px; } /* class 'remove' is dynamically added to FancySelect container markup on Phone Step of CreatePlan to allow for user to be able to remove an option */ .fancy_select.ui_display + .fancy_select_container .remove, .fav_number_wrapper .wrapper .remove { width: 19px; height: 19px; background-image: url('/images/login_cross.png'); background-repeat: no-repeat; position: absolute; top: 4px; right: 4px; z-index: 19; cursor: pointer; } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0; margin: 0; outline: none; padding: 0; vertical-align: top; } .fancybox-wrap { left: 0; position: absolute; top: 0; z-index: 8020; } .fancybox-skin { background: #fff; color: #444; position: relative; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-inner { position: relative; -webkit-overflow-scrolling: touch; overflow: hidden; min-width: 250px; } .android .fancybox-inner { overflow-y: scroll !important; overflow-x: hidden !important; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; height: 100%; width: 100%; } .fancybox-image { max-height: 100%; max-width: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/fancybox/fancybox_sprite.png'); } #fancybox-loading { background-position: 0 -108px; cursor: pointer; left: 50%; margin-left: -22px; margin-top: -22px; opacity: 0.8; position: fixed; top: 50%; z-index: 8060; } #fancybox-loading div { background: url('/images/fancybox/fancybox_loading.gif') center center no-repeat; height: 44px; width: 44px; } .fancybox-close { background: url('/images/fancybox/cross_sprite.png') center center no-repeat; background-position: 0 -67px; cursor: pointer; height: 33px; position: absolute; right: 7px; top: 7px; width: 33px; z-index: 8040; } .fancybox-close:hover { background-position: 0 -100px; } .login .fancybox-close { background-position: 0 -67px; } .login .fancybox-close:hover { background-position: 0 -100px; } .fancybox-nav { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: transparent url('/images/fancybox/blank.gif'); /* helps IE */ cursor: pointer; height: 100%; position: absolute; text-decoration: none; top: 0; width: 40%; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { cursor: pointer; height: 34px; margin-top: -18px; position: absolute; top: 50%; visibility: visible; width: 36px; z-index: 8040; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { /* overflow: hidden; */ } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/images/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; /* overflow-y: scroll; */ } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /* Inner */ .lightbox { padding: 30px; max-height: 999999px; } .lightbox h1 { margin-bottom: 0.571429em; } .lightbox h2, .webkit .lightbox h2 { margin-top: 0; } .lightbox h3 { margin-top: 0; color: #000; } /* dark */ .lightbox_dark { background-color: #454F5E; } .lightbox_dark h2, .lightbox_dark h4 { color: #FFF; } .fancybox_dark, .fancybox_dark .fancybox-inner { background-color: #454F5E; } /* Error */ .lightbox_error { background-color: #EA0535; } .lightbox_error h2, .lightbox_error h4 { color: #FFF; } .fancybox_error, .fancybox_error .fancybox-inner { background-color: #EA0535; } .lightbox_warning { background-color: #FF6800; } .lightbox_warning h2, .lightbox_warning h4 { color: #FFF; } .fancybox_warning, .fancybox_warning .fancybox-inner { background-color: #FF6800; } .fancybox_textonly { font-size: 1.4em; } .fancybox_error .fancybox-close, .fancybox_warning .fancybox-close { background: url("/images/fancybox/cross_error.png") no-repeat scroll 50% transparent; } .fancybox_ui { /*.fancybox-outer { overflow:hidden; } .fancybox-inner { overflow:hidden !important; overflow-y:auto !important; padding-right:40px; margin-right:-40px; .ui-front { } }*/ } .lightbox .module_address { overflow: hidden; } .lightbox .module_address h2 { max-width: 640px; margin: 0 auto; } .lightbox .main_content, .lightbox .content_holder { padding-left: 0; padding-right: 0; } .lightbox .pullout_right, .lightbox figure.pullout_right { margin-right: 0 !important; margin-bottom: 60px; } .lightbox .pullout_left, .lightbox figure.pullout_left { margin-left: 0 !important; margin-bottom: 60px; } .lightbox .power_calculator { margin: -30px -30px 0; padding: 40px 30px 20px; margin-bottom: 10px; } .lightbox .power_calculator h5.show_more { display: none; } .lightbox .power_calculator p#messageHeading { font-size: 1.75em; margin-bottom: 10px; } .lightbox .power_calculator .accordion.accordion_dark, .lightbox .power_calculator .accordion.accordion_dark .more .inner { margin: 0; padding: 0; border: 0; } .lightbox.lightbox_tight { padding-bottom: 5px !important; } .fancybox-type-image .fancybox-title { background: none; font-family: 'Rubrik-Light', Arial, sans-serif; background-color: #fff; } .fancybox-type-image .fancybox-title.fancybox-title-float-wrap { bottom: auto; right: 0; left: 0; padding: 5px 0 15px; width: auto !important; } .fancybox-type-image .fancybox-title .child { display: block; margin-right: auto; text-align: left; background: none; white-space: normal; font-weight: normal; text-shadow: none; line-height: normal; padding-top: 15px; color: #2E373E; font-size: 16px; } .fancybox-type-image .fancybox-title .child span { display: block; padding-top: 8px; text-align: left; font-size: 14px; opacity: 0.8; } .fancybox-type-image .fancybox-close { background-position: 0 0; opacity: 0.5; } .fancybox-type-image .fancybox-nav { width: 40%; -webkit-tap-highlight-color: transparent; } .fancybox-type-image .fancybox-nav.fancybox-prev { left: -40px; -webkit-tap-highlight-color: transparent; } .fancybox-type-image .fancybox-nav.fancybox-prev span { background-image: url("/images/fancybox/fancybox_gallery_navigation.png"); background-position: left; background-repeat: no-repeat; width: 17px; height: 30px; } .fancybox-type-image .fancybox-nav.fancybox-next { right: -40px; -webkit-tap-highlight-color: transparent; } .fancybox-type-image .fancybox-nav.fancybox-next span { background-image: url("/images/fancybox/fancybox_gallery_navigation.png"); background-position: right; background-repeat: no-repeat; width: 17px; height: 30px; } .lightbox--deal { padding: 0; } .lightbox--deal .box_deal .icon-deal { vertical-align: middle; } .lightbox--deal .box_deal p.deal_description { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; } .lightbox--deal .box_deal h3.deal_title { font-weight: normal !important; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .faq_title { color: #46525F; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 30px; font-weight: normal; } .faq_filters { background-color: #46535F; position: relative; z-index: 1; } .faq_filters .content_holder { padding-top: 30px; padding-bottom: 30px; } .faq_filters ul { margin: 0; } .faq_filters ul ul { float: left; margin-bottom: 0.5em; padding: 0; width: 100%; font-family: 'Rubrik-Regular', Arial, sans-serif; } .faq_filters li { float: left; list-style: none; margin: 0; padding: 0; width: 100%; } .faq_filters li:before { content: normal; display: none; } .faq_filters h4 { color: #A3A9AF; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; line-height: 20px; margin: 0 0 5px; } .faq_filters li li { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 1px; width: auto; } .faq_filters li li a { background: #4F5B67; color: white; display: block; padding: 5px 10px; } .faq_filters li li a.selected { background-color: #2D7BDB; } .faq_filters li li a:focus { outline: none; } .faq_filters .faq_filter_disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: "alpha(opacity=40)"; opacity: 0.4; } .faq_filters .faq_filter_disabled a { cursor: auto; } .faq_filters .faq_filters_switch { background: url(/images/arrow_collapse_dark_gray.gif) no-repeat left top; bottom: 0; color: #90989F; /*#46525F8;*/ cursor: pointer; display: block; font-size: 12px; height: 30px; left: 5%; line-height: 30px; padding-left: 40px; position: absolute; text-transform: uppercase; -webkit-transition: bottom 0.2s ease-out; -moz-transition: bottom 0.2s ease-out; transition: bottom 0.2s ease-out; } .faq_filters .faq_filters_switch .label_hide { display: inline; } .faq_filters .faq_filters_switch .label_show { display: none; } .faq_filters .faq_filters_switch:hover { background-position: left -30px; } .faq_filters .faq_filters_switch.closed { background-position: left -60px; bottom: -30px; } .faq_filters .faq_filters_switch.closed .label_hide { display: none; } .faq_filters .faq_filters_switch.closed .label_show { display: inline; } .faq_filters .faq_filters_switch.closed:hover { background-position: left -90px; } .no-touch .faq_filters li li a:hover { background-color: #708194; } .no-touch .faq_filters li li a.selected:hover { background-color: #2D7BDB; } .no-touch .faq_filters .faq_filter_disabled a:hover { background: #4F5B67; } .faq_content_list { display: inline; float: none; margin: 0; padding: 0; width: auto; } .faq_content_list dt { color: #2C7ADA; cursor: pointer; float: none; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 16px; padding: 10px 0; text-transform: none; width: auto; } .faq_content_list dt:hover { color: #aeccf1; } .faq_content_list dd { border-bottom: 1px solid #E0E0E0; float: none; margin-bottom: 20px; padding-bottom: 10px; width: auto; } .faq_content_list dd .faq_intro { cursor: pointer; } .faq_content_list dd .faq_poll { border-top: dashed 1px #E0E0E0; margin-top: 10px; padding: 15px 0 5px; } .faq_content_list dd .faq_poll h6 { display: inline; text-transform: none; } .faq_content_list dd .faq_poll .faq_poll_action { position: relative; min-height: 17px; } .faq_content_list dd .faq_poll .faq_poll_response { position: absolute; top: 0; left: 0; white-space: nowrap; display: none; } .faq_content_list dd .faq_poll .faq_poll_response:before { position: absolute; width: 29px; height: 29px; left: 20px; top: -5px; background: url(/images/toggle_sprite-29.png) no-repeat; content: ''; } .faq_content_list dd .faq_poll .faq_poll_response label { margin-left: 50px; } .faq_content_list dd .faq_poll input { margin-left: 25px; margin-right: 7px; } .faq_content_list dd .video_container_16x9 { clear: both; margin-bottom: 15px; } .faq_ask { background-color: #F5F3F0; } .faq_ask .scfSectionLegend { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 30px; text-transform: none; } .faq_ask .scfSectionLegend:after { content: normal; } .faq_ask .scfSectionContent label { color: #46525F; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; } .faq_ask .scfSectionContent input[type="text"], .faq_ask .scfSectionContent textarea { background: #FCFCFB; border: none; } .faq_ask .scfSubmitButtonBorder input { background-color: #EDECEA; color: #46525F; } .faq_ask .scfSubmitButtonBorder input:hover { background-color: #2d7bdb; color: white; } .faq_answer th, .faq_answer td { font-size: 1em; } .form_address_search_placeholder { position: absolute; top: 13px; left: 0; display: none; font-size: 20px; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; line-height: 1; opacity: 0.65; } .form_address_search_placeholder.form_address_search_placeholder__visible { display: block; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .account-overview-heading { margin: 0px 0px 5px 0px; } .account-overview-description { padding-bottom: 10px; } .content_holder .panel .panel_inner { padding-top: 20px; } .content_holder .panel .panel_inner .account-overview-cta { width: 100%; padding: 5px 0px; margin: 5px 0px; } .content_holder .panel .panel_inner .account-overview-cta:active { background: #1D79DE; } .content_holder .panel .panel_inner .account-overview-cta:focus { background: #1D79DE; } .content_holder .panel .panel_inner .account-overview-cta:hover { background-color: #196ac3; cursor: pointer; } .planned-outages-page .fancybox-wrap { margin-top: 50px; } .planned-outages-page .fancybox-inner { background-color: #FBFBFB; } .planned-outages { padding: 15px 15px 20px 15px; background-color: #FBFBFB; height: 100%; } .planned-outages * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .planned-outages-title { margin-top: 0px; margin-bottom: 10px; color: #444444; font-family: 'Rubrik-ExtraLight'; font-size: 24px; line-height: 28px; } .planned-outages-description { color: #666666; font-family: 'Rubrik-Light'; font-size: 14px; line-height: 18px; margin-bottom: 14px; } #planned-outages-overlay .planned-outages-info-area-container .planned-outages-info-area-address { color: #454F5E; font-family: 'Rubrik-Medium'; font-size: 14px; line-height: 18px; font-weight: 500; } .planned-outages-info { box-sizing: border-box; border: 1px solid #DDDDDD; background-color: #F5F3F0; padding: 5px 13.5px 20px 13.5px; } .planned-outages-info-title { margin: 0px; padding: 0px; color: #666666; font-family: 'Rubrik-Regular'; font-size: 20px; letter-spacing: -0.71px; line-height: 30px; padding-bottom: 6px; text-align: left; } .planned-outages-info-area { width: 100%; margin: 0 auto; padding: 0px 15px; margin-bottom: 10px; background-color: #FFFFFF; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05); border: 1px solid #E7E7E9; } .planned-outages-info-area-title { opacity: 0.9; color: #454f5e; font-family: 'Rubrik-Medium'; font-size: 16px; letter-spacing: -0.57px; line-height: 19px; box-sizing: border-box; width: 100%; display: inline-block; margin: 0 auto; padding: 10px 0px; text-align: left; } .planned-outages-info-area-key-value { padding: 10px 0px; border-top: 0.5px solid rgba(180, 180, 180, 0.5); position: relative; } .planned-outages-info-area-key-value:first-of-type { border-top: none; } .planned-outages-info-area-key-value.planned-outages-space-arround { display: flex; justify-content: space-between; } .planned-outages-info-area-key-value--description { display: block; padding: 10px 0px; text-align: left; border-top: 0.5px solid rgba(180, 180, 180, 0.5); } .planned-outages-info-area-key { display: inline-block; color: #454F5E; font-family: 'Rubrik-Light'; letter-spacing: -0.57px; line-height: 18px; text-align: left; font-size: 14px; } .planned-outages-info-area-key--icon { width: auto; padding-right: 5px; } .planned-outages-info-area-key--icon img { width: 20px; height: 20px; } .planned-outages-info-area-value { display: inline-block; color: #454F5E; font-family: 'Rubrik-Light'; letter-spacing: -0.57px; line-height: 18px; text-align: right; font-size: 14px; } .planned-outages-info-area-value--icon-text { color: #454F5E; font-family: 'Rubrik-Medium'; font-size: 14px; line-height: 18px; } .planned-outages-info-area-value--icon-alert { color: #FF5500; font-family: 'Rubrik-Medium'; font-size: 14px; line-height: 18px; } .planned-outages-info-area-detail { display: block; width: 100%; text-align: left; } .planned-outages-info-area-value--ellipsis { white-space: normal; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; } .planned-outages-info-area-value--nowrap { white-space: nowrap; } .planned-outages-info-area-arrow { position: absolute; right: 0px; top: 15px; -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; } .planned-outages-info-area-arrow-up { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .planned-outages-info-area-arrow-down { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .planned-outages-info-close-panel { display: none; } .faults-page .content_chunk h3 { margin-top: 0px; } .faults-page .content_holder, .faults-page .content_holder_slim { padding-top: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faults-page .faults-map-view-more-info *, .faults-page .faults-map-view-more-info *:before, .faults-page .faults-map-view-more-info *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .faults-page .fancybox-close { background-size: 65%; background-position: 7px -60px; } .faults-map-view-module { padding-top: 20px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .module .module_inner h2.faults-map-view-title, .module .module_inner h2, .webkit .module .module_inner h2.faults-map-view-title { color: #666666; font-family: 'Rubrik-ExtraLight'; font-size: 30px; font-weight: 200; letter-spacing: -1px; line-height: 34px; text-align: center; margin-bottom: 11px; padding: 0; } .faults-view-map-container { height: 450px; overflow: hidden; } .faults-map-view-map { height: 450px; } .faults-map-view-filter { height: 50px; width: 100%; border: 1px solid #DDDDDD; background-color: #FFFFFF; display: flex; justify-content: space-between; align-items: center; padding: 0px 33px 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faults-map-view-filter-overlay { display: none; } .faults-map-view-filter-title { color: #757575; font-family: 'Rubrik-Regular'; font-size: 12px; line-height: 14px; text-transform: uppercase; } .faults-map-view-more-info { border: 1px solid #DDDDDD; background-color: #F5F3F0; padding: 5px 13.5px 20px 13.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faults-map-view-more-info-title { margin: 0px; padding: 0px; color: #666666; font-family: 'Rubrik-Regular'; font-size: 20px; letter-spacing: -0.71px; line-height: 30px; padding-bottom: 6px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faults-view-map-more-info-area { width: 100%; background-color: #FFFFFF; margin: 0 auto; padding: 0px 15px; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faults-view-map-more-info-area-title { opacity: 0.9; color: #454f5e; font-family: 'Rubrik-Medium'; font-size: 16px; letter-spacing: -0.57px; line-height: 19px; width: 100%; display: inline-block; margin: 0 auto; padding: 10px 0px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faults-view-map-more-info-area-key-value { padding: 10px 0px; border-top: 0.5px solid rgba(180, 180, 180, 0.5); display: flex; justify-content: space-between; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faults-view-map-more-info-area-key-value--description { display: block; padding: 10px 0px; text-align: left; border-top: 0.5px solid rgba(180, 180, 180, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faults-view-map-more-info-area-key { width: 105px; display: inline-block; color: #454F5E; font-family: 'Rubrik-Regular'; font-size: 16px; letter-spacing: -0.57px; line-height: 18px; text-align: left; } .faults-view-map-more-info-area-value { display: inline-block; width: 130px; color: #454F5E; font-family: 'Rubrik-Regular'; font-size: 16px; letter-spacing: -0.57px; line-height: 18px; text-align: right; } .faults-view-map-more-info-area-detail { display: block; width: 100%; text-align: left; } .faults-view-map-more-info-area-value--ellipsis { white-space: normal; overflow: hidden; text-overflow: ellipsis; padding-right: 15px; -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .faults-view-map-more-info-area-value--nowrap { white-space: nowrap; } .faults-view-map-more-info-area-arrow { position: absolute; right: 0px; top: 15px; -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; } .faults-view-map-more-info-area-arrow-up { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .faults-view-map-more-info-area-arrow-down { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .faults-map-view-more-info-close-panel { display: none; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ figure { clear: both; } figure img { display: block; width: 100%; height: auto; } figure .img_link { display: block; } figure figcaption { /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 15px; font-size: 13px; font-style: italic; margin-top: 1em; margin-bottom: 0.5em; } figure hr { width: 25%; margin: 0 0 2.5em 0; border-color: #7F1399; border-width: 2px; } .figure_small { clear: none; float: left; margin: 0.2em 1em 0.8em 0; width: 150px; } .file_list { margin: 0; padding: 0; } .file_list li { position: relative; } .file_list li .download { display: block; } .file_list li.pdf_file { background: url(/images/pdf_icon.png) no-repeat; padding-left: 35px; } .file_list li li { position: static; } .file_list li .meta_data { display: block; color: #666; font-size: 80%; } .file_list li .btn { font-size: 1em; } .fl_accounts { border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 15px; margin: 0 -10px 20px; } .fl_accounts .fl_account { background-color: #F5F3F0; margin-bottom: 10px; } .fl_accounts .fl_account.fl_service__sub { border-top: 1px dotted #CCC; padding: 0; margin-top: -10px; } .fl_accounts .fl_account.fl_service__sub .fl_acc_name:before { display: none; } .fl_accounts .fl_inner_row { padding: 15px 0; } .fl_accounts .fl_column { border-top: 1px solid #E0E0E0; padding: 10px 10px; } .fl_accounts .fl_column:first-child { border-top: none; } .fl_accounts .fl_column:before { font-family: 'Rubrik-Medium', Arial, sans-serif; content: attr(title); display: block; padding: 0 0 5px; } .fl_accounts .fl_service { border-top: 1px dotted #CCC; padding: 0; } .fl_accounts .fl_service:first-child { border-top: none; } .fl_accounts .fl_accounts_header { display: none; } .fl_accounts .fl_acc_name input[type*="text"] { border: 1px solid #DAD8D6; font-size: 14px; line-height: 16px; padding: 6px 3%; width: 77%; } .fl_accounts .fl_acc_name input[type*="text"]:focus { border-color: #376ED3; } .fl_accounts .fl_acc_name input[type*="radio"] { float: right; margin: 0 10px 10px; } .fl_accounts .fl_service_details ul { list-style: none; margin: 0; padding: 0; } .fl_accounts .fl_service_details ul li { font-size: 12px; line-height: inherit; margin: 0; } .fl_accounts .fl_service_details ul li:before { content: normal; } .fl_accounts .account_selector { background: url(/images/star_default.png) no-repeat left top; cursor: pointer; display: inline-block; float: right; height: 30px; vertical-align: middle; width: 12%; } .fl_accounts .account_selector_default { background-position: left -30px; } .fl_accounts .account_selector_legend { background: url(/images/star_default.png) no-repeat left -30px; margin: 10px 0 20px; padding: 8px 0 2px 25px; } .fl_tour .video_container_16x9 { margin-bottom: 30px; } .fl_tour .scfCheckbox { width: 70%; } .fl_tour .btn { margin: 0 0 20px 0; } .fl_checkbox_container label { font-size: 14px; } .fl_checkbox_container .scfCheckbox label { max-width: 80%; } .dark_service_icon { background: no-repeat left top; padding: 0 0 0 20px; } .dark_service_icon.service_icon_power { background-image: url(/images/dark_power.png); } .dark_service_icon.service_icon_internet { background-image: url(/images/dark_net.png); } .dark_service_icon.service_icon_phone { background-image: url(/images/dark_phone.png); } .dark_service_icon.service_icon_gas { background-image: url(/images/dark_gas.png); } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .flexbox_xs { display: flex; flex-flow: row; justify-content: flex-start; align-items: stretch; } .flexbox_xs > .flex { flex: 1 1 auto; } .flexbox_xs > .flex-shrink { flex: 0 1 auto; } .footer { padding: 30px 20px 60px; overflow: hidden; } body.noHeader form .side_bar { display: none; } /* Better together */ .footer h3 { color: #125DB3; display: block; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 20px; line-height: 20px; margin: 20px 0 20px; padding: 4px 0 6px; } .footer .gradients { position: static; } .footer .gradients img { display: none; } .footer .gradient { display: none; } /* Login */ .footer_login li { padding-bottom: 0.5em; } .footer_login a { color: #333; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.2em; line-height: 1em; } .footer_login a:hover { text-decoration: underline; } /* Links */ .footer .helpdesk { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.3em; margin-bottom: 0; padding-top: 5px; } .footer .phone { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 2em; margin-bottom: 10px; } .footer .phone a:hover { color: #7F1399; } /* Social Footer */ .social_footer { margin-top: 30px; margin-bottom: 20px; margin-left: -15px; } .social_footer li { float: left; border-right: 1px solid #E1DFDD; margin-bottom: 10px; } .social_footer li:last-child { border-right: none; } .social_footer a { background: url('/images/footer_social_250.png') no-repeat; display: block; height: 0; overflow: hidden; padding: 8px 8px; text-indent: -999px; width: 0; } .footer_awards { float: right; padding: 30px 0 0; } .footer_awards img { max-width: 200px; margin-right: 16px; height: auto; } .footer_awards .show-in-footer { display: block; } .footer_awards .show-in-sidebar { display: none; } .side_bar .footer_awards { float: none; padding: 10px 0 30px; } .side_bar .footer_awards img { max-width: 200px; } .side_bar .footer_awards .show-in-footer { display: none; } .side_bar .footer_awards .show-in-sidebar { display: block; } .side_bar .social_footer .email { padding: 12px 25px; background-position: 0px -12px; } .side_bar .social_footer .email:hover { background-position: 1px -62px; } .side_bar .social_footer .facebook { background-position: -51px -15px; padding: 12px 25px; } .side_bar .social_footer .facebook:hover { background-position: -52px -65px; } .side_bar .social_footer .last { border: none; } .side_bar .social_footer .twitter { padding: 12px 25px; background-position: -100px -13px; } .side_bar .social_footer .twitter:hover { background-position: -100px -63px; } .side_bar .social_footer .gplus { padding: 12px 25px; background-position: -150px -13px; } .side_bar .social_footer .gplus:hover { background-position: -150px -63px; } .side_bar .social_footer .linkedin { padding: 12px 25px; background-position: -200px -13px; } .side_bar .social_footer .linkedin:hover { background-position: -200px -63px; } /* Footer Nav */ .footer_nav { margin-bottom: 20px; } .footer_nav li { font-size: 12px; line-height: 20px; padding-bottom: 0.5em; } .footer_nav .last { padding-bottom: 20px; } .footer_nav a { color: #333; display: block; font-family: 'Rubrik-Medium', Arial, sans-serif; } .footer_nav a:hover { text-decoration: underline; } /* Copyright */ .copyright { border-top: 1px solid rgba(255, 255, 255, 0.2); color: #333; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 10px; line-height: 20px; margin-right: 10%; padding-top: 20px; } .lte8 .copyright { background: url("/images/border_white_horizontal_20.png") repeat-x left top; } /* -- Responsive display switching --*/ .footer_login { display: block; } /* contact footer */ .form_columned_holder { background-color: #F5F3F0; padding: 0 4.1665% 3em; } .form_columned { max-width: 66em; margin: 0 auto; } .form_columned .scfValidator, .form_columned .scfValidatorRequired { padding: 0; font-size: 11px; margin: -5px 0 10px 0; } .form_columned .scfMultipleLineTextBox { margin-bottom: 5px; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .respond-ud { width: 100%; } .respond-udv { height: 100%; } .respond-d { max-width: 100%; } .respond-u { min-width: 100%; } .lte7 .respond-ud, .lte7 .respond-u, .lte7 .respond-d { width: 100%; } .no-js .respond-ud { display: none; } .no-js noscript .respond-ud { display: block; } /* Miscellaneous classes */ .f-left, .fl { float: left; } .f-right, .fr { float: right; } .flL { float: left !important; } .flR { float: right !important; } .imgL { float: left !important; margin: 0 15px 5px 0; } .imgR { float: right !important; margin: 0 0 5px 15px; } .nb { border: 0 !important; } .nb:before { display: none !important; } .nowrap { white-space: nowrap; } .taC { text-align: center; } .taC p > small { display: block; text-align: left; } .taL { text-align: left !important; } .taR { text-align: right !important; } .dN { display: none !important; } .dB { display: block !important; } .ttU { text-transform: uppercase !important; } .ttL { text-transform: lowercase !important; } .ttN { text-transform: none !important; } .clear { clear: both; } .nowrap { white-space: nowrap; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .lte7 .clearfix { zoom: 1; } .relative { position: relative; } .block { display: block; } .w-full { width: 100%; } /* semantic lists */ .semantic { list-style: none; margin: 0; padding: 0; } .semantic li { margin: 0; padding: 0; list-style: none; background: none; } .semantic li:before { display: none; } /* Borders */ .b_pb_solid { border-bottom: 1px solid #7F1399; } .b-gray-c { border-color: #ccc; } .b-dash { border-style: dashed; } /* Remove things that require javascript if it isn't present */ .no-js .requires-js { display: none; visibility: hidden; } .rte_script { position: absolute; left: -10000em; } /* Text Properties */ /* deprecated */ .tt-upper, .tt_upper { text-transform: uppercase; } /* deprecated */ .ta-center, .ta_center { text-align: center; } /* deprecated */ .ta-right, .ta_right { text-align: right; } /* deprecated */ .ta-left, .ta_left { text-align: left; } .tw-bold { font-family: 'Rubrik-SemiBold', arial, sans-serif; } .tw-regular { font-family: 'Rubrik-Regular', arial, sans-serif; } .tw_medium { font-family: 'Rubrik-Medium', arial, sans-serif; } .lh-clear { line-height: 1; } /*Vertical Aligns*/ .va-top { vertical-align: top; } .va-middle { vertical-align: middle; } .va-bottom { vertical-align: bottom; } /* Hider classes */ .hidden { display: none; } .hidden_important { display: none !important; } .response_xsmall .hidden_small, .response_small .hidden_small { display: none !important; } .response_xsmall .hidden_mobile, .response_small .hidden_mobile, .response_medium .hidden_mobile { display: none !important; } .response_medium .hidden_non_mobile, .response_large .hidden_non_mobile, .response_xlarge .hidden_non_mobile, .response_xxlarge .hidden_non_mobile, .response_xxxlarge .hidden_non_mobile, .response_xxxxlarge .hidden_non_mobile { display: none !important; } .response_large .hidden_desktop, .response_xlarge .hidden_desktop, .response_xxlarge .hidden_desktop, .response_xxxlarge .hidden_desktop, .response_xxxxlarge .hidden_desktop { display: none !important; } /* Foot notes */ .fn a { color: inherit; } .fn a:hover, .fn a:focus { text-decoration: underline; } /* paddings */ .ptn { padding-top: 0 !important; } .ptxs { padding-top: 5px; } .ptbs { padding-top: 9px; } .pts { padding-top: 1em; } .ptm { padding-top: 2em; } .ptl { padding-top: 3em; } .ptxl { padding-top: 4em; } .ptxxl { padding-top: 5em; } .prn { padding-right: 0 !important; } .prxs { padding-right: 5px; } .prbs { padding-right: 9px; } .prs { padding-right: 1em; } .prm { padding-right: 2em; } .prl { padding-right: 3em; } .prxl { padding-right: 4em; } .prxxl { padding-right: 5em; } .pbn { padding-bottom: 0 !important; } .pbxs { padding-bottom: 5px; } .pbbs { padding-bottom: 9px; } .pbs { padding-bottom: 1em; } .pbm { padding-bottom: 2em; } .pbl { padding-bottom: 3em; } .pbxl { padding-bottom: 4em; } .pbxxl { padding-bottom: 5em; } .pln { padding-left: 0 !important; } .plxs { padding-left: 5px; } .plbs { padding-left: 9px; } .pls { padding-left: 1em; } .plm { padding-left: 2em; } .pll { padding-left: 3em; } .plxl { padding-left: 4em; } .plxxl { padding-left: 5em; } .pan { padding: 0 !important; } .paxs { padding: 5px; } .pabs { padding: 9px; } .pas { padding: 1em; } .pam { padding: 2em; } .pal { padding: 3em; } .paxl { padding: 4em; } .paxxl { padding: 5em; } /* margins */ .mtn { margin-top: 0 !important; } .mtxs { margin-top: 5px; } .mtbs { margin-top: 9px; } .mts { margin-top: 1em; } .mtm { margin-top: 2em; } .mtl { margin-top: 3em; } .mtxl { margin-top: 4em; } .mtxxl { margin-top: 5em; } .mrn { margin-right: 0 !important; } .mrxs { margin-right: 5px; } .mrbs { margin-right: 9px; } .mrs { margin-right: 1em; } .mrm { margin-right: 2em; } .mrl { margin-right: 3em; } .mrxl { margin-right: 4em; } .mrxxl { margin-right: 5em; } .mbn { margin-bottom: 0 !important; } .mbxs { margin-bottom: 5px; } .mbbs { margin-bottom: 9px; } .mbs { margin-bottom: 1em; } .mbm { margin-bottom: 2em; } .mbl { margin-bottom: 3em; } .mbxl { margin-bottom: 4em; } .mbxxl { margin-bottom: 5em; } .mln { margin-left: 0 !important; } .mlxs { margin-left: 5px; } .mlbs { margin-left: 9px; } .mls { margin-left: 1em; } .mlm { margin-left: 2em; } .mll { margin-left: 3em; } .mlxl { margin-left: 4em; } .mlxxl { margin-left: 5em; } .man { margin: 0 !important; } .maxs { margin: 5px; } .mabs { margin: 9px; } .mas { margin: 1em; } .mam { margin: 2em; } .mal { margin: 3em; } .maxl { margin: 4em; } .maxxl { margin: 5em; } /* Borders */ .ban { border: 0 !important; } .baxs { border: 5px; } .babs { border: 9px; } .bas { border: 1em; } .bam { border: 2em; } .bal { border: 3em; } .baxl { border: 4em; } .baxxl { border: 5em; } /*responsive video container*/ .video_container_16x9 { padding-bottom: 56.25%; position: relative; } .video_container_16x9 iframe { height: 100%; position: absolute; width: 100%; } /* Hide the original file upload control */ label.creditCheckFileUpload input[type="file"] { position: fixed; top: -1000px; } .creditCheckFileUpload { font-size: unset; } .CreditCheckIDImageWrapper { position: relative; display: inline-block; padding-bottom: 5px; } .CreditCheckIDImageClose { position: absolute; top: -20px; right: -20px; cursor: pointer; height: 40px; width: 40px; display: none; } .u-block { display: block !important; } .u-flex { display: flex !important; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .free_form { padding-top: 10px; } .free_form .fancy_input { font-size: 14px !important; padding: 6px 12px; border: 1px solid rgba(180, 180, 180, 0.8); } .free_form label { font-size: 14px; margin-bottom: 0.3em; } .free_form label input { margin-right: 5px; } .free_form .fancy_select_replaced p { padding: 5px 25px 5px 12px; } .free_form .orange_alert { vertical-align: text-top; } .free_form .free_form_feedback { margin-left: 0; margin-right: 0; } .free_form .free_form_feedback p { font-size: 17px; display: block; } .free_form .free_form_feedback p span { color: #1D79DE !important; } .free_form .free_form_feedback .orange_alert { display: none; vertical-align: top; float: left; margin-left: -30px; } .free_form .free_form_error { padding-left: 30px; color: #FF9B00; } .free_form .free_form_error p { font-size: 14px; display: inline-block; } .free_form .free_form_error p span { color: #FF9B00 !important; } .free_form .free_form_error .orange_alert { display: inline-block; } .free_form .btn { margin-right: 0; position: relative; } .free_form .btn:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; background: url(/images/loader_24_blue.gif) center center no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .free_form .btn.disabled, .free_form .btn.loading { color: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: "alpha(opacity=60)"; opacity: 0.6; } .free_form .btn.disabled, .free_form .btn.loading, .free_form .btn.disabled:hover, .free_form .btn.loading:hover { background: #376Ed3; } .free_form .btn.disabled span, .free_form .btn.loading span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; } .free_form .btn.disabled:after, .free_form .btn.loading:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "alpha(opacity=50)"; opacity: 0.5; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .form_minimalist label { display: none; } .form_minimalist .scfSingleLineGeneralPanel { float: none; width: auto; padding-right: 0; } .form_minimalist .scfSingleLineGeneralPanel input { border-left: none; border-right: none; border-top: none; padding-left: 0; padding-right: 0; width: 100%; } .form_address_holder { clear: both; /* // Fix early Android jump and scroll on input focus/typing etc position: relative; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transform: none !important; -webkit-perspective:none; */ } .form_address_search { position: relative; } .form_address_search .scfSingleLineGeneralPanel input { padding-right: 40px; background: url(/images/spacer.gif); margin: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form_address_search .scfSubmitButtonBorder { position: absolute; right: 0; top: 50%; margin-top: -8px; } .form_address_search .scfSubmitButtonBorder input { background: none; border: none; margin: 0; background: url(/images/form_address_search_small.png) no-repeat center center; padding: 0; text-indent: -9000px; overflow: hidden; outline: none; height: 27px; width: 27px; opacity: 0.9; } .form_address_search .scfSubmitButtonBorder input:hover, .form_address_search .scfSubmitButtonBorder input:focus { opacity: 1; } .form_address_search_parent { margin-bottom: 3em; } .form_address_search_parent .scfSingleLineGeneralPanel input { padding-right: 40px; } .form_address_search_parent .scfSingleLineGeneralPanel input:focus { border-color: #ccc; } .form_address_search_parent .address_status_message { display: none; background: #2D7BDB; color: #fff; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; position: absolute; left: 0; top: 37px; padding: 4px 8px; line-height: 12px; margin: 0; z-index: 1; } .form_address_search_parent .address_status_message.alt { top: 29px; } .form_address_search_parent .address_status_message:after { content: ''; display: block; position: absolute; top: -3px; left: 12px; height: 0; width: 0; border: solid 3px transparent; border-bottom: solid 3px #2D7BDB; border-top: none; } .form_address_search_parent .address_status_message.alt:after { display: none; } .form_address_search_parent input { /*background: url(/images/form_address_search.png) no-repeat 99% 26px;*/ font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; line-height: 1.3em; /* // Fix early Android jump and scroll on input focus/typing etc position:relative; z-index:1; -webkit-user-modify: read-write-plaintext-only; -webkit-transform: none !important; -webkit-backface-visibility: hidden; -webkit-perspective:none; background:none; */ } .form_address_search_parent input::-webkit-input-placeholder { /*background: url(/images/form_address_search.png) no-repeat 99% 8px; */ font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; line-height: 1.3em; } .form_address_search_parent input:-moz-placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; } .form_address_search_parent input::-moz-placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; } .form_address_search_parent input:-ms-input-placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; } .form_address_search_parent input:hover { cursor: pointer; } .form_address_search_parent input:focus { outline: none; } .form_address_search_parent input :-moz-placeholder { background-position: 99% 8px; } .form_address_search_parent .fake_placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; padding-left: 0; padding-bottom: 0; padding-top: 10px; font-style: normal; } .form_address_search_parent.hasError .scfSingleLineTextBox { border-bottom-style: solid; border-bottom-color: #ccc; } .form_address_search_parent .scfValidator, .form_address_search_parent .scfValidatorRequired { width: 100%; bottom: 110%; } .form_address_search_parent .scfValidator input, .form_address_search_parent .scfValidatorRequired input { font-family: 'Rubrik-Light', Arial, sans-serif; color: #333; border-bottom: none; background: #FF8718; background: rgba(255, 255, 255, 0.2); padding: 0 10px; font-size: 14px; height: 30px; line-height: 20px; margin-top: 10px; } .form_address_search_parent .scfValidator.scfValidator_form_container, .form_address_search_parent .scfValidatorRequired.scfValidator_form_container { background: #FF6600 url(/images/loader_orange_horizontal.gif) no-repeat -200px -200px; } .form_address_search_parent .scfValidator.scfValidator_form_container.loading, .form_address_search_parent .scfValidatorRequired.scfValidator_form_container.loading { background-position: center center; height: 45px; } .form_address_search_parent .scfValidator .scfValidator_email, .form_address_search_parent .scfValidatorRequired .scfValidator_email { float: left; width: 70%; margin-right: 5%; } .form_address_search_parent .scfValidator .scfValidator_submit, .form_address_search_parent .scfValidatorRequired .scfValidator_submit { float: left; width: 25%; text-transform: uppercase; text-align: center; } .b_panel .form_address_search_parent { margin-bottom: 0; } .form_address_holder_light .scfSingleLineGeneralPanel input { color: #fff; margin-bottom: 0; } .b_panel__dark .form_address_holder_light .scfSingleLineGeneralPanel input { color: #333; } .b_panel__dark .form_address_holder_light .form_address_search_button input { background: url("/images/form_address_search.png") center center no-repeat; } .b_panel__dark .form_address_holder_light .form_address_search_button input:focus, .b_panel__dark .form_address_holder_light .form_address_search_button input:active, .b_panel__dark .form_address_holder_light .form_address_search_button input:hover { background: url("/images/form_address_search.png") no-repeat center center; } /* designed to sit over the icon on the input */ .form_address_search_button input { background: url("/images/form_address_search.png") center center no-repeat; height: 40px; margin: 0; padding: 0; position: absolute; right: -10px; text-indent: -90000px; overflow: hidden; bottom: 0; width: 40px; } .form_address_search_button input:focus, .form_address_search_button input:hover, .form_address_search_button input:active { background: url("/images/form_address_search.png") center center no-repeat; outline: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "alpha(opacity=50)"; opacity: 0.5; } .form_address_holder_light .form_address_search_button input { background: url("/images/form_address_search_small_light.png") no-repeat center center; } .form_address_holder_light .form_address_search_button input:focus, .form_address_holder_light .form_address_search_button input:active, .form_address_holder_light .form_address_search_button input:hover { background: url("/images/form_address_search_small_light.png") no-repeat center center; } .form_address_bordered .scfSingleLineGeneralPanel { background-color: #faf9f7; border: solid 2px #7f1399; } .form_address_bordered .scfSingleLineGeneralPanel input { font-size: 14px; line-height: 18px; padding: 10px 5px 10px 7px; border-width: 0; color: #37414c; margin: 0; background: none; } .form_address_bordered .scfSingleLineGeneralPanel .fake_placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 14px; line-height: 18px; padding: 10px 5px 10px 7px; font-style: normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form_address_bordered .form_address_search_button input { background-image: url("/images/form_address_search_purple.gif"); right: 0; height: 100%; } .form_address_bordered .form_address_search_button input:focus, .form_address_bordered .form_address_search_button input:hover, .form_address_bordered .form_address_search_button input:active { background-image: url("/images/form_address_search_purple.gif"); } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .ui-menu .ui-menu-item a { padding: 5px 2% !important; } .scfValidationSummary, .scfSubmitSummary { display: none; } .wffm .scfValidationSummary, .wffm .scfSubmitSummary { display: block; } .form { margin: 0; } fieldset { clear: both; border: 0; margin: 0; padding: 0; } label { color: #444; font-family: 'Rubrik-Light', Arial, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input, fieldset, select { color: #333; } legend { border: 0; padding: 0; white-space: normal; } .lte7 legend { margin-left: -7px !important; /*p*/ } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } input[type="search"] { -webkit-appearance: none; border-radius: 0; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; /*p*/ *width: 13px; /*p*/ vertical-align: top; margin-top: 2px; } input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"] { border-radius: 0; -webkit-appearance: none; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { border-radius: 0; overflow: auto; resize: vertical; vertical-align: top; -webkit-appearance: none; } /* Placeholders */ ::-webkit-input-placeholder { color: #999; font-family: 'Rubrik-ExtraLightItalic', Arial, sans-serif; text-indent: 1px; /*p*/ font-size: 11px; } :-moz-placeholder { color: #999; font-family: 'Rubrik-ExtraLightItalic', Arial, sans-serif; text-indent: 1px; /*p*/ font-size: 11px; opacity: 1; } ::-moz-placeholder { color: #999; font-family: 'Rubrik-ExtraLightItalic', Arial, sans-serif; text-indent: 1px; /*p*/ font-size: 11px; opacity: 1; } :-ms-input-placeholder { color: #999; font-family: 'Rubrik-ExtraLightItalic', Arial, sans-serif; /*p*/ font-size: 11px; text-indent: 1px; } .fake_placeholder { color: #999; cursor: text; font-family: 'Rubrik-ExtraLightItalic', Arial, sans-serif; font-style: italic; text-indent: 1px; /*p*/ font-size: 13px; position: absolute; padding: 6px 10px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .placeholder-active { color: #999; } /* Labels */ label, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfDateSelectorLabel, button { font-size: 13px; line-height: 20px; } input, select, textarea { font-size: 16px; line-height: 20px; } label[for], .fake_placeholder { cursor: pointer; } li label, li .scfRadioButtonListLabel, li .scfCheckBoxListLabel, li .scfDateSelectorLabel, li button, li input, li select, li textarea { font-size: 1em; } .scfForm { padding-bottom: 1.2em; } .scfFooterBorder { border-top: 1px solid #E1E1E1; /*p*/ clear: both; margin-top: 20px; padding-top: 14px; } /* Legends */ legend, .wffm .scfTitleBorder { color: #444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 2.2em; line-height: 1.363636em; letter-spacing: -0.045455em; padding: 2.318182em 0em 0.909091em; width: 100%; } legend:first-child { padding-top: 0.045455em; } .webkit legend, .lte9 legend { font-family: 'Rubrik-Regular', Arial, sans-serif; } .lte7 legend { margin: 0 0 19px; } /* Intro */ .scfIntroBorder { margin-bottom: 8px; } /* Validation Summary */ .scfValidationSummary, .scfSubmitSummary { color: white; background-color: #E79027; position: relative; margin-bottom: 2em; padding-top: 3em; padding-bottom: 2em; padding: 1em; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .scfValidationSummary ul, .scfSubmitSummary ul, .scfValidationSummary p, .scfSubmitSummary p { margin: 0 0 1em; } .scfValidationSummary ul, .scfSubmitSummary ul, .scfValidationSummary ul li, .scfSubmitSummary ul li, .scfValidationSummary p, .scfSubmitSummary p { color: white; } .scfValidationSummary *:last-child, .scfSubmitSummary *:last-child, .scfValidationSummary *:last-child *:last-child, .scfSubmitSummary *:last-child *:last-child, .scfValidationSummary *:last-child *:last-child *:last-child, .scfSubmitSummary *:last-child *:last-child *:last-child { margin-bottom: 0; } /* Field holders */ .scfCheckBoxListBorder, .scfCheckboxBorder, .scfDatePickerBorder, .scfDateSelectorBorder, .scfDropListBorder, .scfEmailBorder, .scfFileUploadBorder, .scfListBoxBorder, .scfMultipleLineTextBorder, .scfNumberBorder, .scfPasswordBorder, .scfRadioButtonListBorder, .scfSingleLineTextBorder, .scfTelephoneBorder, .scfSmsTelephoneBorder, .scfConfirmPasswordBorder, .scfCreditCardBorder { clear: left; position: relative; } /* clearfix stuff */ .lte7 .scfCheckBoxListBorder, .lte7 .scfCheckboxBorder, .lte7 .scfDatePickerBorder, .lte7 .scfDateSelectorBorder, .lte7 .scfDropListBorder, .lte7 .scfEmailBorder, .lte7 .scfFileUploadBorder, .lte7 .scfListBoxBorder, .lte7 .scfMultipleLineTextBorder, .lte7 .scfNumberBorder, .lte7 .scfPasswordBorder, .lte7 .scfRadioButtonListBorder, .lte7 .scfSingleLineTextBorder, .lte7 .scfTelephoneBorder, .lte7 .scfSmsTelephoneBorder, .lte7 .scfConfirmPasswordBorder, .lte7 .scfCreditCardBorder { zoom: 1; } /* clearfix stuff */ .scfCheckBoxListBorder:before, .scfCheckboxBorder:before, .scfDatePickerBorder:before, .scfDateSelectorBorder:before, .scfDropListBorder:before, .scfEmailBorder:before, .scfFileUploadBorder:before, .scfListBoxBorder:before, .scfMultipleLineTextBorder:before, .scfNumberBorder:before, .scfPasswordBorder:before, .scfRadioButtonListBorder:before, .scfSingleLineTextBorder:before, .scfTelephoneBorder:before, .scfCheckBoxListBorder:after, .scfCheckboxBorder:after, .scfDatePickerBorder:after, .scfDateSelectorBorder:after, .scfDropListBorder:after, .scfEmailBorder:after, .scfFileUploadBorder:after, .scfListBoxBorder:after, .scfMultipleLineTextBorder:after, .scfNumberBorder:after, .scfPasswordBorder:after, .scfRadioButtonListBorder:after, .scfSingleLineTextBorder:after, .scfTelephoneBorder:after, .scfSmsTelephoneBorder:after, .scfConfirmPasswordBorder:after, .scfCreditCardBorder:after { content: ""; display: table; } /* clearfix stuff */ .scfCheckBoxListBorder:after, .scfCheckboxBorder:after, .scfDatePickerBorder:after, .scfDateSelectorBorder:after, .scfDropListBorder:after, .scfEmailBorder:after, .scfFileUploadBorder:after, .scfListBoxBorder:after, .scfMultipleLineTextBorder:after, .scfNumberBorder:after, .scfPasswordBorder:after, .scfRadioButtonListBorder:after, .scfSingleLineTextBorder:after, .scfTelephoneBorder:after, .scfSmsTelephoneBorder:after, .scfConfirmPasswordBorder:after, .scfCreditCardBorder:after { clear: both; } .scfCheckbox { display: block; } .scfFooterBorder .scfCheckboxBorder { float: left; margin-top: 18px; } .lte8 .scfFooterBorder .scfCheckboxBorder { float: none; } /* Labels */ .scfCheckBoxListLabel, .scfDatePickerLabel, .scfDateSelectorLabel, .scfDropListLabel, .scfEmailLabel, .scfFileUploadLabel, .scfListBoxLabel, .scfMultipleLineTextLabel, .scfNumberLabel, .scfPasswordLabel, .scfRadioButtonListLabel, .scfSingleLineTextLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel, .scfConfirmPasswordLabel, .scfCreditCardLabel { clear: both; color: #444; display: block; font-family: 'Rubrik-Medium', Arial, sans-serif; padding: 5px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .scfCheckBoxList label, .scfCheckbox label, .scfRadioButtonListExtendedWidth label, .scfRadioButtonList label { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 13px; line-height: 20px; display: inline-block; max-width: 85%; padding-left: 0.3571em; position: relative; vertical-align: top; white-space: normal; } .no_label .scfRadioButtonList label, .no_label .scfRadioButtonListExtendedWidth label { font-family: 'Rubrik-Medium', Arial, sans-serif; } .label_has_fancybox { padding-right: 12%; } .scfCheckbox label { font-family: 'Rubrik-Light', Arial, sans-serif; display: inline-block; padding-bottom: 20px; max-width: 89%; vertical-align: top; } .scfCheckboxBorder.full_width_checkbox { margin-left: 0; padding-bottom: 5px; padding-top: 5px; } .scfCheckboxBorder.full_width_checkbox .scfCheckbox label { padding-bottom: 0; } .scfFooterBorder .scfCheckbox label { max-width: 97%; padding-bottom: 0; width: auto; } .lte8 .scfFooterBorder .scfCheckbox { width: 100%; } .scfDateSelectorLabel { padding-top: 8px; } .form_nolabels label { display: none; } .hasUsefulInfo label span { border-bottom: 1px dotted #376CD2; color: #376CD2; font-family: 'Rubrik-Medium', Arial, sans-serif; padding-bottom: 2px; } /* Right hand panes */ .scfCheckBoxListGeneralPanel, .scfCheckbox, .scfDatePickerGeneralPanel, .scfDateSelectorGeneralPanel, .scfDropListGeneralPanel, .scfEmailGeneralPanel, .scfFileUploadGeneralPanel, .scfListBoxGeneralPanel, .scfMultipleLineGeneralPanel, .scfNumberGeneralPanel, .scfPasswordGeneralPanel, .scfRadioButtonListGeneralPanel, .scfSingleLineGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCreditCardGeneralPanel { /* position: relative; */ } .scfCheckBoxListGeneralPanel { padding-bottom: 20px; } .scfDropListGeneralPanel .scfDropListUsefulInfo, .scfDateSelectorGeneralPanel .scfDateSelectorUsefulInfo { display: none; } .scfRadioButtonListGeneralPanel { padding-bottom: 15px; } .scfListBoxGeneralPanel option { font-size: 13px; padding: 3px 10px; } /* Panels */ .panel-first { display: inline-block; padding-bottom: 1em; float: left; margin-right: 10px; width: auto; } .panel-second { float: left; width: auto; padding-bottom: 1em; vertical-align: top; } .panel-first .captcha-solution, .panel-first .scfEmailTextBox, .panel-first .scfMultipleLineTextBox, .panel-first .scfNumberTextBox, .panel-first .scfPasswordTextBox, .panel-first .scfSingleLineTextBox, .panel-first .scfTelephoneTextBox, .panel-second .captcha-solution, .panel-second .scfEmailTextBox, .panel-second .scfMultipleLineTextBox, .panel-second .scfNumberTextBox, .panel-second .scfPasswordTextBox, .panel-second .scfSingleLineTextBox, .panel-second .scfTelephoneTextBox { padding-left: 4px; padding-right: 4px; width: auto; } .panel-second .scfCheckBoxListLabel, .panel-second .scfDatePickerLabel, .panel-second .scfDateSelectorLabel, .panel-second .scfDropListLabel, .panel-second .scfEmailLabel, .panel-second .scfFileUploadLabel, .panel-second .scfListBoxLabel, .panel-second .scfMultipleLineTextLabel, .panel-second .scfNumberLabel, .panel-second .scfPasswordLabel, .panel-second .scfRadioButtonListLabel, .panel-second .scfSingleLineTextLabel, .panel-second .scfTelephoneLabel { padding: 8px 0.7142em 0 0; width: auto; } /* D/M/Y selects */ .scfDateSelectorDay, .scfDateSelectorMonth, .scfDateSelectorShortLabelDay, .scfDateSelectorShortLabelMonth, .scfDateSelectorShortLabelYear, .scfDateSelectorYear { display: inline-block; margin-right: 2.5%; padding-right: 0; } .wffm .scfDateSelectorBorder .fancy_select_container, .wffm .scfDateSelectorShortLabelDay, .wffm .scfDateSelectorShortLabelMonth, .wffm .scfDateSelectorShortLabelYear { float: left; width: 30%; margin-right: 3%; } .wffm .scfDateSelectorBorder .fancy_select_container { margin-bottom: 20px; } .wffm .scfDateSelectorBorder .fancy_select_container input { display: none; } .scfDateSelectorDay, .scfDateSelectorMonth, .scfDateSelectorYear { margin-bottom: 20px; } .scfDateSelectorShortLabelDay, .scfDateSelectorShortLabelMonth, .scfDateSelectorShortLabelYear { padding-top: 8px; padding-bottom: 7px; } .scfDateSelectorDay, .scfDateSelectorShortLabelDay { width: 20%; } .scfDateSelectorMonth, .scfDateSelectorShortLabelMonth { width: 32%; } .scfDateSelectorShortLabelYear, .scfDateSelectorYear { margin-right: 0; width: 30%; } /* D/M/Y Text box */ .scfDateSelectorBorder .panel-first, .scfDateSelectorBorder .panel-second { width: 100%; } .scfDateSelectorBorder .panel-first input { margin-bottom: 0; } .scfDateSelectorBorder .panel-second { float: right; } .scfDateSelectorBorder .panel-second .scfDateSelectorLabel { font-family: 'Rubrik-Light', Arial, sans-serif; float: none; padding: 0 0 10px; } /* Input styling */ .captcha-solution, .scfEmailTextBox, .scfMultipleLineTextBox, .scfNumberTextBox, .scfPasswordTextBox, .scfSingleLineTextBox, .scfTelephoneTextBox, .scfSmsTelephoneTextBox, .scfConfirmPasswordTextBox, .scfCreditCardTextBox, .scfDatePickerTextBox, .scfDateSelectorBorder input, .scfListBoxBorder select { border: 1px solid #ccc; line-height: 18px; padding: 6px 6px 4px; margin-bottom: 15px; width: 100%; } .scfPasswordTextBox { font-family: Arial; } .dark_form .captcha-solution, .dark_form .scfEmailTextBox, .dark_form .scfMultipleLineTextBox, .dark_form .scfNumberTextBox, .dark_form .scfPasswordTextBox, .dark_form .scfSingleLineTextBox, .dark_form .scfTelephoneTextBox, .dark_form .scfSmsTelephoneTextBox, .dark_form .scfConfirmPasswordTextBox, .dark_form .scfCreditCardTextBox, .dark_form .scfDateSelectorBorder input { border: none; background: #59656F; } .dark_form .scfSingleLineTextBox[readonly]:not(.hasDatepicker) { background-color: #59656f; } .dark_form .scfSingleLineTextBox { color: #FFF; } .scfEmailTextBox[readonly], .scfMultipleLineTextBox[readonly], .scfNumberTextBox[readonly], .scfPasswordTextBox[readonly], .scfSingleLineTextBox[readonly]:not(.hasDatepicker), .scfTelephoneTextBox[readonly], .scfSmsTelephoneTextBox[readonly], .scfConfirmPasswordTextBox[readonly], .scfCreditCardTextBox[readonly], .scfDateSelectorBorder input[readonly] { border-color: transparent; background-color: #EEE; } .scfEmailTextBox[readonly]:focus, .scfMultipleLineTextBox[readonly]:focus, .scfNumberTextBox[readonly]:focus, .scfPasswordTextBox[readonly]:focus, .scfSingleLineTextBox[readonly]:not(.hasDatepicker):focus, .scfTelephoneTextBox[readonly]:focus, .scfSmsTelephoneTextBox[readonly]:focus, .scfConfirmPasswordTextBox[readonly]:focus, .scfCreditCardTextBox[readonly]:focus, .scfDateSelectorBorder input[readonly]:focus { border-color: transparent; } /* Fancybox styling */ .has_fancybox .captcha-solution, .has_fancybox .scfEmailTextBox, .has_fancybox .scfMultipleLineTextBox, .has_fancybox .scfNumberTextBox, .has_fancybox .scfPasswordTextBox, .has_fancybox .scfSingleLineTextBox, .has_fancybox .scfTelephoneTextBox, .has_fancybox .scfSmsTelephoneTextBox, .has_fancybox .scfConfirmPasswordTextBox, .has_fancybox .scfCreditCardTextBox, .has_fancybox .fancy_select_container, .has_fancybox .scfDateSelectorBorder input { width: 80%; } .has_fancybox .fancy_select_container { width: 83%; } input.input_bank { display: inline; width: auto; } input.input_bank_acc_bank, input.input_bank_acc_branch, input.input_bank_acc_acc, input.input_bank_acc_suffix { display: inline; width: 46px; } input.input_bank_acc_branch { width: 80px; } input.input_bank_acc_acc { width: 94px; } input.input_bank_acc_suffix { width: 54px; } .scfFileUpload { font-size: 1.2em; margin-bottom: 20px; } .scfDropList, .scfListBox { margin-bottom: 20px; width: 88%; } .scfEmailTextBox:focus, .scfMultipleLineTextBox:focus, .scfNumberTextBox:focus, .scfPasswordTextBox:focus, .scfSingleLineTextBox:focus, .scfSmsTelephoneTextBox:focus, .scfConfirmPasswordTextBox:focus, .scfCreditCardTextBox:focus { border-color: #376ED3; outline: none; } .scfMultipleLineTextBox { height: auto; line-height: 1.2857em; padding-bottom: 0.2142em; padding-top: 0.2142em; padding-right: 0.2142em; } .scfCheckBoxList, .scfRadioButtonList { display: inline-table; margin-bottom: 0; width: auto; } .scfRadioButtonListExtendedWidth { display: inline-table; margin-bottom: 0; width: 100%; } .scfCheckBoxList td, .scfRadioButtonList td, .scfRadioButtonListExtendedWidth td { border-bottom: none; font-size: 16px; line-height: 25px; padding: 0 1.5384em 0 0; white-space: nowrap; } .webkit .wffm .scfCheckBoxList td, .webkit .wffm .scfRadioButtonList td { white-space: normal; } .lte8 .wffm .scfCheckBoxList, .lte8 .wffm .scfRadioButtonList, .lte8 .wffm .scfRadioButtonListExtendedWidth { width: 100%; } .android .customer_type .scfRadioButtonList td, .android .customer_type .scfRadioButtonListExtendedWidth td { white-space: normal; } .scfCheckBoxList tbody:first-child, .scfRadioButtonList tbody:first-child, .scfRadioButtonListExtendedWidth tbody:first-child { border-top: none; } .scfFileUploadGeneralPanel { padding-top: 7px; padding-bottom: 20px; } .scfCheckbox .formField { display: inline-block; } .scfDateSelectorBorder .panel-first input, .scfDateSelectorBorder .panel-second input { width: 40px !important; /* override DOM */ } /* Captcha */ .captcha { position: relative; } .captcha img { float: left; margin: 0 1em 2em 0; } .captcha-refresh { background: url("/images/form-captcha-refresh.png") no-repeat; border: none; height: 1.8571em; margin-top: 0.7142em; text-indent: -999px; width: 1.5714em; } .captcha-solution { clear: both; display: block; } .scfSectionContent { clear: both; } .lte7 .scfSectionContent { zoom: 1; } /* Submit area */ .scfSubmitButtonBorder { float: right; padding-left: 10px; } .step2BackContainer { float: left; } .scfSubmitButtonBorder input, .step2BackContainer .btnBack { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-transition: 0.1s; -moz-transition: 0.1s; transition: 0.1s; -webkit-border-radius: 0; -webkit-font-smoothing: antialiased; -moz-border-radius: 0; border-radius: 0; background-color: #2D7BDB; /* meant to fade to rgba(55, 110, 211, 0.4) if form isn't complete */ border: none; color: #fff; display: block; float: right; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.4em; line-height: 1.428571em; margin: 0.357143em 0em; padding: 0.428571em 1.071429em; text-decoration: none; text-transform: uppercase; white-space: nowrap; position: relative; z-index: 1; } .lte7 .scfSubmitButtonBorder input { padding: 5px 20px; } .scfSubmitButtonBorder input:hover, .scfSubmitButtonBorder input:focus { background: #226cc7; color: #fff; text-decoration: none; } .scfSubmitButtonBorder input:focus, .scfSubmitButtonBorder input:active { background: #1f63b6; color: #fff; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; text-decoration: none; } .scfSubmitButtonBorder input.disabled { background: #AEC9EE; } .scfSubmitButtonBorder.secondary input { background-color: #EDECEA; color: #333; } .scfSubmitButtonBorder.secondary input.disabled { color: #b3b3b3; } .scfSubmitButtonBorder.secondary input:hover, .scfSubmitButtonBorder.secondary input:focus { background: #e4e2df; } .scfSubmitButtonBorder.secondary input:active { background: #dddbd7; } span.reregisterstep1 { color: #F20032 !important; display: block; float: left; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 14px !important; line-height: 14px !important; padding: 12px 30px 0 0; width: auto; } span.reregisterstep1 p { display: inline; color: #F20032 !important; font-size: 14px !important; } .btn_secondary:hover, .btn_secondary:focus { background: #e4e2df; color: #333; } .btn_secondary:active { background: #dddbd7; color: #333; } .secret_submit { height: 0; overflow: hidden; } /* Date Picker */ .date-picker .scfSingleLineTextBorder { padding-bottom: 1.5em; } .date-picker .date-picker-icon { background: url(/images/date_picker_icon.png) 0 0 no-repeat; cursor: pointer; display: inline-block; height: 32px; /*p*/ margin-left: 1em; margin-top: 2px; /*p*/ vertical-align: top; width: 31px; /*p*/ } .date-picker .scfSingleLineTextBox, .date-picker .scfDatePickerTextBox { width: 50%; } .date-picker .ui-icon-datepicker { display: none; } /* List of text boxes */ .scfSingleLineGeneralPanel ol { margin: 0; } .scfSingleLineGeneralPanel li { margin-left: 0; } .scfSingleLineGeneralPanel li input { margin-bottom: 10px; } /* Required */ .required .scfCheckBoxListLabel:after, .required .scfCheckbox label:after, .required .scfDatePickerLabel:after, .required .scfDateSelectorLabel:after, .required .scfDropListLabel:after, .required .scfEmailLabel:after, .required .scfFileUploadLabel:after, .required .scfListBoxLabel:after, .required .scfMultipleLineTextLabel:after, .required .scfNumberLabel:after, .required .scfPasswordLabel:after, .required .scfRadioButtonListLabel:after, .required .scfSingleLineTextLabel:after, .required .scfTelephoneLabel:after, .required .scfSmsTelephoneLabel:after, .required .scfConfirmPasswordLabel:after, .required .scfCreditCardLabel:after { content: '*'; color: #444; margin-left: 4px; } .scfRequired { display: none; } .no-js .scfRequired { background: url("/images/form_required.png") no-repeat; display: block; height: 0; left: -10px; overflow: hidden; padding-top: 6px; position: absolute; top: 14px; width: 6px; } /* Validation */ .hasError .captcha-solution, .hasError .scfEmailTextBox, .hasError .scfMultipleLineTextBox, .hasError .scfNumberTextBox, .hasError .scfPasswordTextBox, .hasError .scfSingleLineTextBox, .hasError .scfTelephoneTextBox, .hasError .scfSmsTelephoneTextBox, .hasError .scfConfirmPasswordTextBox, .hasError .scfCreditCardTextBox { border-color: #F20032; border-style: dashed; background: #FFE7EB; margin-bottom: 10px; } .dark_form .hasError .captcha-solution, .dark_form .hasError .scfEmailTextBox, .dark_form .hasError .scfMultipleLineTextBox, .dark_form .hasError .scfNumberTextBox, .dark_form .hasError .scfPasswordTextBox, .dark_form .hasError .scfSingleLineTextBox, .dark_form .hasError .scfTelephoneTextBox, .dark_form .hasError .scfSmsTelephoneTextBox, .dark_form .hasError .scfConfirmPasswordTextBox, .dark_form .hasError .scfCreditCardTextBox { border-color: #F20032; border-style: dashed; background: #59656F; } .hasError .scfCheckbox label { padding-bottom: 10px; } .hasError .scfDateSelectorGeneralPanel input, .hasError .scfDateSelectorGeneralPanel select { margin-bottom: 10px; } .scfValidator, .scfValidatorRequired { clear: both; color: #F20032; display: block; font-size: 13px; font-family: 'Rubrik-Regular', Arial, sans-serif; line-height: 20px; padding-top: 0; padding-bottom: 20px; width: 88%; } .scfRadioButtonListBorder.hasError .scfValidatorRequired, .scfRadioButtonListBorder.hasError .scfValidator { position: relative; top: -15px; /* radio field buttons, bring errors closer up */ } dd .scfValidator, dd .scfValidatorRequired { width: 100%; padding: 10px 0 0 0; } /* This hack is for an issue related to ASP.NET validator's default functionality, which when a form is submitted with validation errors, adds an inline style of display: inline, this hack forces the validation messages to display block */ .scfValidator[style*="inline"] { display: block !important; } .scfDateSelectorBorder .panel-first .scfValidator { padding-bottom: 0; } /* Useful Info */ .scfCheckBoxListUsefulInfo, .scfCheckboxUsefulInfo, .scfDateSelectorUsefulInfo, .scfDropListUsefulInfo, .scfEmailUsefulInfo, .scfFileUploadUsefulInfo, .scfListBoxUsefulInfo, .scfMultipleLineTextUsefulInfo, .scfNumberUsefulInfo, .scfPasswordUsefulInfo, .scfRadioButtonListUsefulInfo, .scfSingleLineTextUsefulInfo, .scfTelephoneUsefulInfo, .scfSmsTelephoneUsefulInfo, .scfConfirmPasswordUsefulInfo, .scfCreditCardUsefulInfo, .date-hint-text, .usefulInfo { background: #46535F; bottom: 100%; color: #fff; display: none; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; left: 0; line-height: 15px; padding: 20px; position: absolute; right: 0; margin: 0 0 10px; } .fancy_select_holder .scfDropListUsefulInfo { margin-bottom: 40px; } .scfCheckBoxListUsefulInfo:before, .scfCheckboxUsefulInfo:before, .scfDateSelectorUsefulInfo:before, .scfDropListUsefulInfo:before, .scfEmailUsefulInfo:before, .scfFileUploadUsefulInfo:before, .scfListBoxUsefulInfo:before, .scfMultipleLineTextUsefulInfo:before, .scfNumberUsefulInfo:before, .scfPasswordUsefulInfo:before, .scfRadioButtonListUsefulInfo:before, .scfSingleLineTextUsefulInfo:before, .scfTelephoneUsefulInfo:before, .scfSmsTelephoneUsefulInfo:before, .scfConfirmPasswordUsefulInfo:before, .scfCreditCardUsefulInfo:before, .date-hint-text:before, .usefulInfo:before { border-bottom: 10px solid transparent; border-left: 10px solid #46535F; bottom: -10px; content: ' '; height: 0; left: 0; overflow: hidden; position: absolute; width: 0; } .no-touch .hasUsefulInfo label:hover + div .scfSingleLineTextUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfCheckBoxListUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfCheckboxUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfDateSelectorUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfDropListUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfEmailUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfFileUploadUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfListBoxUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfMultipleLineTextUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfNumberUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfPasswordUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfRadioButtonListUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfSingleLineTextUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfTelephoneUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfSmsTelephoneUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfConfirmPasswordUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .scfCreditCardUsefulInfo, .no-touch .hasUsefulInfo label:hover + div .date-hint-text, .showUsefulInfo label:hover + div .scfSingleLineTextUsefulInfo, .showUsefulInfo label:hover + div .scfCheckBoxListUsefulInfo, .showUsefulInfo label:hover + div .scfCheckboxUsefulInfo, .showUsefulInfo label:hover + div .scfDateSelectorUsefulInfo, .showUsefulInfo label:hover + div .scfDropListUsefulInfo, .showUsefulInfo label:hover + div .scfEmailUsefulInfo, .showUsefulInfo label:hover + div .scfFileUploadUsefulInfo, .showUsefulInfo label:hover + div .scfListBoxUsefulInfo, .showUsefulInfo label:hover + div .scfMultipleLineTextUsefulInfo, .showUsefulInfo label:hover + div .scfNumberUsefulInfo, .showUsefulInfo label:hover + div .scfPasswordUsefulInfo, .showUsefulInfo label:hover + div .scfRadioButtonListUsefulInfo, .showUsefulInfo label:hover + div .scfSingleLineTextUsefulInfo, .showUsefulInfo label:hover + div .scfTelephoneUsefulInfo, .showUsefulInfo label:hover + div .scfSmsTelephoneUsefulInfo, .showUsefulInfo label:hover + div .scfConfirmPasswordUsefulInfo, .showUsefulInfo label:hover + div .scfCreditCardUsefulInfo, .showUsefulInfo label:hover + div .date-hint-text, .no-touch .hasUsefulInfo label:hover + .usefulInfo { display: block; } .scfDateSelectorBorder .date-hint-text { margin-top: 5px; padding-bottom: 5px; } /* .hasError .scfCheckBoxListUsefulInfo, */ /* .hasError .scfCheckboxUsefulInfo, */ /* .hasError .scfDateSelectorUsefulInfo, */ /* .hasError .scfDropListUsefulInfo, */ /* .hasError .scfEmailUsefulInfo, */ /* .hasError .scfFileUploadUsefulInfo, */ /* .hasError .scfListBoxUsefulInfo, */ /* .hasError .scfMultipleLineTextUsefulInfo, */ /* .hasError .scfNumberUsefulInfo, */ /* .hasError .scfPasswordUsefulInfo, */ /* .hasError .scfRadioButtonListUsefulInfo, */ /* .hasError .scfSingleLineTextUsefulInfo, */ /* .hasError .scfTelephoneUsefulInfo, */ /* .hasError .date-hint-text { */ /* margin-top: -5px; */ /* padding-bottom: 5px; */ /* } */ .hasError .scfValidator + .date-hint-text { margin-top: 5px; } /* Upload file */ .lte7 .scfFileUploadBorder { zoom: 1; } .scfFileUploadBorder .groupImgPreview { float: right; height: 9em; margin: 0; width: 12em; } .scfFileUploadBorder .attach-file { overflow: hidden; } .scfFileUploadBorder input { background: transparent !important; width: 90%; } .attach-file span { background: #fff; height: 9em; margin: 0 !important; opacity: 0.7; position: absolute; right: 0; top: 0; width: 12em; } .attach-file span img { float: none; margin: 3.7em auto 0; } .hasError .attach-file span { margin: 0.8em 1em 0 0 !important; } /* Toggle form fields */ .toggle_details, .toggle_details_sub { display: none; } /* account details - bank account number fields */ .account_number .scfSingleLineTextBox { float: left; margin-right: 4%; width: 11%; } .account_number .scfSingleLineTextBox:last-child { margin-right: 0; } .account_number .account_number_double { width: 15%; } .account_number .account_number_triple { width: 30%; } /* Progress bars */ .full-progress { background: #f0f0f0; } .progress { background: #f0f0f0; margin: 1.8em 0 4.2em; } .full-progress .progress { margin: 0; } .progress li { color: #666666; float: left; font-family: 'Helvetica Condensed Regular', 'Helvetica Neue', Arial, sans-serif; font-size: 1.2em; line-height: 1.3333em; padding: 0.8333em 0; position: relative; text-align: center; width: 33%; } .progress-label { display: block; letter-spacing: 1; overflow: hidden; padding-left: 1.6666em; text-overflow: clip; white-space: nowrap; -o-text-overflow: clip; } .progress .first .progress-label { padding-left: 0.8333em; } .progress li:after { display: none; } .progress .last .chevron { display: none; } .progress .progress-active { background-color: #666666; color: #fff; } .progress .chevron { background: url("/images/form-progress-chevron.png") no-repeat right center; bottom: 0; position: absolute; right: -20px; /*p*/ top: 0; width: 25px; /*p*/ z-index: 1; } .progress .progress-active .chevron { background-image: url("/images/form-progress-chevron-active.png"); } .progress-left, .progress-right { float: left; max-width: 50%; margin: 0 !important; padding-bottom: 1.8em; position: relative; width: auto; } .progress-right { float: right; margin-left: 10px; } .progress-left input, .progress-left .progress-step { display: inline-block; vertical-align: middle; } .progress-right input, .progress-right .progress-step { display: inline-block; text-align: right; vertical-align: middle; } .progress-left .progress-step, .progress-right .progress-step { color: #7e7e7e; display: none; font-family: 'Helvetica Condensed Regular', 'Helvetica Neue', Arial, sans-serif; font-size: 1.8em; left: 100%; line-height: 1.3333em; padding-top: 1em; position: absolute; white-space: nowrap; } .progress-right .progress-step { left: auto; right: 100%; } /* chunky input fields */ .chunky-input { background: #fff; border: 1px solid #f4f4f4; /*p*/ border-top: 1px solid #d6d4cc; /*p*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.4em; line-height: 1em; padding: 1.5em 3em 1.5em 1.4em; width: 100%; } .chunky-input:focus, .chunky-input:active { outline: none; } .lte7 .chunky-input { padding-left: 2%; padding-right: 2%; width: 96%; } /* search inputs */ .search-icon { background: transparent url("/images/quick-search.png") no-repeat center; border: none; color: #fff; display: block; font: 1/1; height: 0; margin-top: -1em; opacity: 0.8; overflow: hidden; padding-top: 1.7142em; position: absolute; right: 1em; text-indent: -999em; top: 50%; width: 1.7142em; } .lte7 .search-icon { height: 1.7142em; } .search-icon:focus, .search-icon:hover { opacity: 0.6; } .search-icon:active { opacity: 0.4; } /* Lightbox triggers */ .boxtrigger { background: url('/images/explanation.png') no-repeat center center; padding: 20px; position: absolute; right: -10px; top: 25px; } .label_has_fancybox .boxtrigger { background-image: url('/images/explanation_small.png'); margin-left: 0; margin-top: -11px; right: auto; top: auto; } .required .label_has_fancybox .boxtrigger { margin-left: 8px; } .boxtrigger_holder { position: relative; padding-right: 30px; } .boxtrigger_holder .boxtrigger { margin-top: -20px; top: 50%; } .scfEmailGeneralPanel .boxtrigger, .scfSingleLineGeneralPanel .boxtrigger { top: auto; bottom: 10px; } /* Switches */ .progress { display: none; } .dollars_cents { float: left; padding-left: 100px; } .dollars_cents p { font-size: 55px; font-family: 'Rubrik-Light'; display: block; } .dollars_cents span { font-size: 34px; display: inline-block; } .dollars_cents .dollar { vertical-align: top; } /* - plan details - detail below slider selector */ .plan_details { border-bottom: dashed 1px #ccc; margin-bottom: 10px; } .plan_details em { font-style: normal; letter-spacing: -2px; } .plan_details .plan { width: 16.5em; } .plan_details .plan_size { margin: 30px 0 10px; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 20px; } .plan_details .plan_size span { font-size: 40px; letter-spacing: -2px; } .plan_details .discount-amount { font-size: inherit; } .plan_details p { margin-bottom: 10px; } .plan_details p span { font-size: 25px; } .plan_details p sup { font-size: 13px; position: relative; top: -5px; } .form_body { padding-left: 20px; } /* signup */ .signup { /* signup - username check messaging */ } .signup a#checkUsername { float: right; position: relative; top: -10px; } .signup #username_message { background: #F60 url(/images/loader_orange_horizontal.gif) no-repeat -200px -200px; display: none; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 1.15em; padding: 20px; margin: 0 0 20px; position: relative; color: #fff; } .signup #username_message:before { border-bottom: 10px solid transparent; border-left: 10px solid #F60; bottom: -10px; content: ' '; height: 0; left: 0; overflow: hidden; position: absolute; width: 0; } .signup #username_message.loading { background-position: center center; height: 16px; } .lte8 .fancy_select_results ul { border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; } .lte8 .scfRadioButtonList label, .lte8 .scfRadioButtonListExtendedWidth label { max-width: none; width: 50%; } .lte8 .no_label label { width: 85%; } .lte8 .signup .dob_panel { /* no support for last child so we use adj sibling selector*/ } .lte8 .signup .dob_panel .fancy_select_container { margin-right: 2%; width: 32%; } .lte8 .signup .dob_panel .scfDateSelectorYear + .fancy_select_container { margin-right: 0; } .customer_type_switch label:hover { cursor: pointer; } .form_notice { background: #fffaf3; margin-bottom: 20px; } .form_notice .scfCheckbox label { margin-top: 10px; } .form_notice .scfCheckbox input { margin-top: 14px; } .signup_stage_05 .scfCheckboxBorder.form_notice .scfCheckbox label { width: 100%; } .form_notice_content { padding: 15px; } .form_warning { background-image: url('/images/orange_alert.png'); background-repeat: no-repeat; background-position: 10px center; } .form_warning p { padding: 0 0 0 28px; font-size: 13px; line-height: 15px; margin: 0; } .signup_stage_01 .contact_number { width: 70%; margin-left: 13px; } .signup_stage_05 .scfCheckBoxList td, .signup_stage_05 .scfRadioButtonList td { padding-right: 0; } .signup_stage_05 .scfCheckBoxList label, .signup_stage_05 .scfCheckbox label, .signup_stage_05 .scfRadioButtonList label { width: 60px; } .signup_stage_05 .scfRadioButtonListExtendedWidth td { padding-right: 0; } .signup_stage_05 .scfRadioButtonListExtendedWidth label { width: 100%; } .ui-datepicker { margin-top: 10px; /* Avoid popup cropping off input */ } span.errorAboveEmail { padding: 10px 0; width: 88%; } .hasHelpText .captcha-solution, .hasHelpText .scfEmailTextBox, .hasHelpText .scfMultipleLineTextBox, .hasHelpText .scfNumberTextBox, .hasHelpText .scfPasswordTextBox, .hasHelpText .scfSingleLineTextBox, .hasHelpText .scfTelephoneTextBox, .hasHelpText .scfSmsTelephoneTextBox, .hasHelpText .scfConfirmPasswordTextBoxo, .hasHelpText .scfCreditCardTextBox, .hasHelpText .scfDateSelectorBorder input { margin-bottom: 0; } .contact_form .scfValidator { padding-left: 0; width: auto; } .form_alert { background: #FF6600; color: #fff; font-size: 14px; line-height: 20px; margin: 0 0 15px; padding: 13px 15px 15px; width: auto; } .form_alert.scfValidator { padding-left: 15px; width: auto; position: relative; margin-bottom: 25px; } .form_alert.scfValidator p { font-size: inherit; line-height: inherit; margin: 0; } .form_alert.scfValidator:after { display: block; content: ''; position: absolute; bottom: -10px; left: 0; border-top: solid 10px #FF6600; border-right: solid 10px transparent; } .panel .panel_inner .dl_minimalist .separator .boxtrigger_holder .boxtrigger { margin: auto; } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .gallery { font-size: 0; } .gallery .gallery_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; border-right: 1px solid #fff; vertical-align: top; width: 50%; height: auto; padding-bottom: 30px; position: relative; } .gallery .gallery_item figcaption { font-size: 12px; font-style: normal; padding-right: 20px; } .gallery .gallery_item:hover:before { content: 'Click to enlarge'; z-index: 1; position: absolute; top: 0; bottom: 0; } .gallery__mini { position: relative; float: right; margin: 0 0 3em 3em; padding: 3em 0 0; width: 30%; } .gallery__mini a { vertical-align: middle; } .gallery__mini a img { vertical-align: middle; } .gallery__mini a.fancybox:before { content: ''; z-index: 1; position: absolute; z-index: 10; right: 5px; top: 5px; cursor: pointer; } .gallery__mini a.fancybox:before, .gallery__mini a.fancybox:after { content: ''; z-index: 1; position: absolute; z-index: 10; right: 0px; top: 0px; width: 17px; height: 17px; background: url(/images/form_address_search.png) no-repeat; cursor: pointer; } .gallery__mini a.fancybox:after { right: 8px; top: 4px; width: 5px; height: 5px; background: url(/images/dark_grey_cross.png) center center no-repeat; } .acc-full-wrapper { width: 98%; margin: 0 auto; } .acc-half-wrapper { width: 50%; margin: 0 auto; } .acc-third-wrapper { width: 33%; margin: 0 auto; } @media (max-width: 767px) { .acc-third-wrapper, .acc-half-wrapper, .acc-full-wrapper { width: 98%; } } .acc-dark-wrapper .recruitment_phase { background: #F5F3F0; margin-top: 10px; border-top: none; } .acc-dark-wrapper .recruitment_list { border-bottom: none; } .acc-white-wrapper .recruitment_phase { background: #FFF; margin-top: 10px; border-top: none; } .acc-white-wrapper .recruitment_list { border-bottom: none; } .acc-dark-wrapper .recruitment_phase:after, .acc-white-wrapper .recruitment_phase:after { font-size: 1.875em; line-height: 1em; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; position: absolute; right: 15px; top: 12px; content: ''; background-image: url(../../../images/accorion-down.png); height: 20px; width: 20px; background-size: 20px; background-repeat: no-repeat; padding-top: 15px; transition: all 0.2s ease-in-out; background-position-y: 5px; } .acc-dark-wrapper .recruitment_phase.is_active:after, .acc-white-wrapper .recruitment_phase.is_active:after { top: -4px; right: 18px; content: ''; transform: rotate(-180deg); } .glossary h3 { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 30px; line-height: 35px; } .glossary h3, .glossary dl { display: block; float: none; width: auto; } .glossary dl { padding-top: 30px; } .glossary dd, .glossary dt { font-family: 'Rubrik-Light', Arial, sans-serif; float: none; width: auto; } .glossary dt { color: #2D7BDB; cursor: pointer; font-size: 16px; line-height: 20px; padding: 8px 0 2px; } .glossary dd { border: none; color: #666; display: none; margin-bottom: 0; padding: 8px 0 15px; } .glossary dd:after { border-bottom: 1px solid #EAEAEA; content: ' '; display: block; height: 0; overflow: hidden; padding-top: 5px; } .no-js .glossary dd { display: block; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .account_display_modifier { border-bottom: 1px solid #E5E8E0; border-bottom-color: rgba(51, 51, 51, 0.1); } .account_display_modifier .usage { border-bottom: 1px solid #E5E8E0; border-bottom-color: rgba(51, 51, 51, 0.1); } .account_display_modifier .unit_switch { clear: left; float: left; } .account_display_modifier .unit_switch li { float: left; padding: 0; font-size: 12px; line-height: 45px; } .account_display_modifier .unit_switch .first { position: relative; } .account_display_modifier .unit_switch .first:after { background: url("/images/service_spacer.png") no-repeat scroll 0 0 transparent; content: " "; height: 15px; position: absolute; right: 0; top: 13px; width: 1px; } .account_display_modifier .unit_switch span { display: block; padding-left: 10px; padding-right: 10px; } .account_display_modifier .unit_switch .first span { padding-left: 0; } .account_display_modifier .unit_switch .active { color: #333; font-family: 'Rubrik-SemiBold', Arial, sans-serif; cursor: default; } hr.major + .graph_legend { margin-top: -15px; } .graph_legend ul { float: left; padding-top: 5px; padding-bottom: 5px; } .graph_legend li { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 20px; color: #333; padding-left: 20px; padding-right: 20px; position: relative; } .graph_legend_icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #333; height: 8px; left: 0; position: absolute; top: 5px; width: 8px; } /* Gas Colours */ .graph_legend_icon.gas1 { background-color: #FFCC00; } .graph_legend_icon.gas2 { background-color: #FF6600; } .graph_legend_icon.gas3 { background-color: #FF954A; } .graph_legend_icon.gas4 { background-color: #FFD2B4; } .graph_legend_icon.gas5 { background-color: #c8c8c8; } /* Internet Colours */ .graph_legend_icon.internet1 { background-color: #5F3CB3; } .graph_legend_icon.internet2 { background-color: #7F1399; } .graph_legend_icon.internet3 { background-color: #CC3399; } .graph_legend_icon.internet4 { background-color: #E7CFE8; } .graph_legend_icon.internet5 { background-color: #cacded; } .graph_legend_icon.internet6 { background-color: #E5D6E5; } .graph_legend_icon.internet7 { background-color: #D8D8D8; } /* Power Colours */ .graph_legend_icon.power1 { background-color: #008DE2; } .graph_legend_icon.power2 { background-color: #67D8E4; } .graph_legend_icon.power3 { background-color: #A1E9F0; } .graph_legend_icon.power4 { background-color: #AFECFF; } .graph_legend_icon.power5 { background-color: #c8c8c8; } /* Gas Colours */ .graph_legend_icon.gas1 { background-color: #FFCC00; } .graph_legend_icon.gas2 { background-color: #FF6600; } .graph_legend_icon.gas3 { background-color: #FF954A; } .graph { margin: 0 auto; position: relative; z-index: 2; } .graph_outer { margin-bottom: 10px; min-width: 200px; position: relative; } .graph_trigger_large { display: none; } .graph_donut { margin-top: 0; } .graph_information { padding-bottom: 30px; padding-top: 25px; min-height: 345px; } .graph_information table { margin-bottom: 0; } .graph_information .history_title { color: black; font-size: 12px; } .graph_information_right { padding-right: 0; } .graph_relative_wrapper { position: relative; } .graph_relative_wrapper .product_item .btn { margin-left: 0; } /* Donut */ .donut_center { color: #333333; font-family: 'Rubrik-light', Arial, sans-serif; left: 0; margin-top: 30px; padding-top: 10px; position: absolute; text-align: center; top: 50%; width: 100%; z-index: 1; } .donut_center_main { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 40px; letter-spacing: -3px; line-height: 40px; margin-bottom: -10px; } .lte7 .donut_center_main { margin-bottom: 0; } .donut_center_gb { font-size: 20px; letter-spacing: -1px; text-transform: uppercase; } .donut_center_remaining { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; letter-spacing: -1px; line-height: 18px; } .donut_center_used { color: #4E5C68; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; letter-spacing: -1px; line-height: 18px; padding-top: 5px; } .donut_center_used:before { content: " "; display: block; width: 15px; height: 0; border-top: solid 2px #CCC; margin: 0 auto 5px auto; } .donut_center_date { font-size: 14px; line-height: 20px; margin-bottom: 5px; } .donut_center_amount { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 60px; letter-spacing: -4px; line-height: 60px; } .donut_center_dollar { font-size: 30px; line-height: 30px; position: relative; top: -20px; } .donut_center_cents { font-size: 30px; line-height: 30px; } .donut_flag { background: #D40642; color: #fff; font-family: 'Rubrik-Light'; font-size: 12px; left: 0; top: 0; line-height: 15px; margin-left: -8px; padding: 6px 8px; position: absolute; width: 100%; z-index: 99; text-align: center; } .donut_flag:before { border-top: 10px solid #D40642; border-right: 10px solid transparent; content: ' '; position: absolute; bottom: -10px; left: 50%; } /* Tooltip */ .tooltip_connector { border-left: 10px solid transparent; border-top: 10px solid #4F5C67; border-right: none; bottom: -18px; cursor: default; height: 0; left: auto; position: absolute; right: -8px; width: 0; } .tooltip_connector_left { border-left: none; border-right: 10px solid transparent; border-top: 10px solid #4F5C67; right: auto; left: -8px; } .tooltip_normal { display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 15px; } .tooltip_small { display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 10px; line-height: 12px; } .credit_information, .meter_information { margin-bottom: 20px; margin-top: 0; padding-left: 90px; } .credit_information_base { margin-top: 0; padding-left: 40px; } .graph_contain { position: relative; } .graph_donut.phone_graph { top: 0; } .graph_information.phone_graph h3, .graph_donut.phone_graph h3 { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; margin-top: 0; } .graph_donut.phone_graph h3 { padding-top: 25px; } .phone_graph tr.first th { border-bottom: 0; padding-bottom: 0; text-align: left; } .phone_graph tr.last th { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 12px; padding-bottom: 10px; padding-top: 0px; text-align: left; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .content_holder.grey_container { max-width: none; background-color: #46535F; } .content_holder.grey_container_light { background-color: #57616E; } .content_holder.grey_container_light h2, .content_holder.grey_container_light h3, .content_holder.grey_container_light h4, .content_holder.grey_container_light h5, .content_holder.grey_container_light h6, .content_holder.grey_container_light p { color: #fff; } .content_holder.grey_container_light h2, .content_holder.grey_container_light h3, .content_holder.grey_container_light h4, .content_holder.grey_container_light p { color: #ABB1B7; } .content_holder.grey_container_plans { background: #4F5C67; padding-top: 2em; padding-bottom: 2em; text-align: center; position: relative; } .grey_container_plans:before { border-bottom: 10px solid #4F5C67; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ' '; left: 50%; margin-left: -9px; position: absolute; top: -10px; } .grey_container_plans h2, .grey_container_plans h3, .grey_container_plans p { color: #fff; } .grey_container_plans a { color: #fff; } .grey_container_plans h3 { margin-bottom: 0.25em; text-transform: uppercase; } .grey_container_plans h3 a { padding-bottom: 0; /* border-color: rgba(255,255,255,.4); */ } .grey_container_plans .medium_triggers { display: none; } .grey_container h2, .grey_container h3, .grey_container p { color: #FFF; } .grey_container a { color: #fff; border-bottom: 1px solid #FFF; border-bottom-color: rgba(255, 255, 255, 0.8); padding-bottom: 2px; } .grey_container a.btn { border: none; padding-bottom: 5px; } .grey_container a.btn_secondary { color: #333; } .grey_container h3 a { border-bottom-color: rgba(255, 255, 255, 0.5); } .grey_container h3 a:focus { outline: none; } .grey_container label { color: #FFF; } .grey_container .carousel { margin-bottom: 3em; } .grey_container .product_item { background-color: #414D59; color: #FFF; } .grey_container .product_item h5 { color: #FFF; } .grey_container .product_item hr { border-color: #FFF; } .grey_container .product_item .action_buttons a { background-color: #296ED6; border: none; color: #FFF; } .grey_container .product_item .action_buttons a.secondary { background-color: #4A5765; } .grey_container .plan_info_trigger, .grey_container .enter_address_trigger { text-transform: uppercase; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .grey_head { background-color: #4F5C67; padding-right: 40px; position: relative; /* z-index: 5; dropdown needs to sit over below graph */ } .grey_head a, .grey_head .type { color: #FFF; float: none; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 17px; line-height: 20px; text-transform: uppercase; display: inline-block; padding: 9px 20px 6px 35px; position: relative; } .lte9 .grey_head a, .lte9 .grey_head .type { font-family: 'Rubrik-Medium', Arial, sans-serif; } .grey_head .section { color: #FFF; } .grey_head .type { color: #aaa; display: block; /* always show on a new line in mobile for consistency */ padding-right: 10px; } .lte7 .section_loadable { zoom: 1; } /*this will be required in the near future but not at the moment (SFP-413)*/ /* .overview_section .grey_head .section:hover, .overview_section .grey_head .section:active { background-color: #2D7BDB; }*/ .overview_section .grey_head a.section:hover { cursor: default; } .overview_section .grey_head .section:after { display: none; } .grey_head .section:hover:after, .grey_head .section:active:after { display: none; } .grey_head .section.power { background: url('/images/grey_power.png') no-repeat; background-position: 18px center; } .grey_head .section.phone { background: url('/images/grey_phone.png') no-repeat; background-position: 10px center; } .grey_head .section.internet { background: url('/images/grey_net.png') no-repeat; background-position: 10px center; } .grey_head .section.gas { background: url('/images/grey_gas.png') no-repeat; background-position: 10px center; } .grey_head .toggle_section_loadable { background: url('/images/grey_cross.png') no-repeat; float: none; position: absolute; right: 10px; padding: 0; top: 50%; width: 20px; height: 19px; margin: -10px 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: "alpha(opacity=70)"; opacity: 0.7; } .grey_head .toggle_section_loadable:hover, .grey_head .toggle_section_loadable:focus { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; outline: none; } .grey_head .opened { background: url('/images/grey_subtract.png') no-repeat center center; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * keyframes supported by Chrome, Firefox, IE10, Opera and safari. * no polyfill available for < IE10 but could use a javascript animation * instead, however a long polling setInterval() would slow IE down */ /* navy blue, purple */ .bannerGradient1 0% { opacity: 0.99; } .bannerGradient1 15% { opacity: 0.99; } .bannerGradient1 20% { opacity: 0; } .bannerGradient1 85% { opacity: 0; } .bannerGradient1 100% { opacity: 0.99; } /* blue, purple */ .bannerGradient2 5% { opacity: 0; } .bannerGradient2 20% { opacity: 0.99; } .bannerGradient2 25% { opacity: 0.99; } .bannerGradient2 30% { opacity: 0; } /* turqiouse, blue */ .bannerGradient3 15% { opacity: 0; } .bannerGradient3 30% { opacity: 0.99; } .bannerGradient3 35% { opacity: 0.99; } .bannerGradient3 40% { opacity: 0; } /* green, turqiouse */ .bannerGradient4 25% { opacity: 0; } .bannerGradient4 40% { opacity: 0.99; } .bannerGradient4 45% { opacity: 0.99; } .bannerGradient4 50% { opacity: 0; } /* green, green */ .bannerGradient5 35% { opacity: 0; } .bannerGradient5 50% { opacity: 0.99; } .bannerGradient5 55% { opacity: 0.99; } .bannerGradient5 60% { opacity: 0; } /* yellow, green */ .bannerGradient6 45% { opacity: 0; } .bannerGradient6 60% { opacity: 0.99; } .bannerGradient6 65% { opacity: 0; } /* orange, yellow */ .bannerGradient7 50% { opacity: 0; } .bannerGradient7 65% { opacity: 0.99; } .bannerGradient7 75% { opacity: 0.99; } .bannerGradient7 80% { opacity: 0; } /* magenta, orange */ .bannerGradient8 65% { opacity: 0; } .bannerGradient8 80% { opacity: 0.99; } .bannerGradient8 85% { opacity: 0.99; } .bannerGradient8 90% { opacity: 0; } /* purple, magenta */ .bannerGradient9 75% { opacity: 0; } .bannerGradient9 90% { opacity: 0.99; } .bannerGradient9 95% { opacity: 0.99; } .bannerGradient9 100% { opacity: 0; } @-webkit-keyframes bannerGradient1 { 0% { opacity: 0.99; } 15% { opacity: 0.99; } 20% { opacity: 0; } 85% { opacity: 0; } 100% { opacity: 0.99; } } @-moz-keyframes bannerGradient1 { 0% { opacity: 0.99; } 15% { opacity: 0.99; } 20% { opacity: 0; } 85% { opacity: 0; } 100% { opacity: 0.99; } } @-o-keyframes bannerGradient1 { 0% { opacity: 0.99; } 15% { opacity: 0.99; } 20% { opacity: 0; } 85% { opacity: 0; } 100% { opacity: 0.99; } } @keyframes bannerGradient1 { 0% { opacity: 0.99; } 15% { opacity: 0.99; } 20% { opacity: 0; } 85% { opacity: 0; } 100% { opacity: 0.99; } } @-webkit-keyframes bannerGradient2 { 5% { opacity: 0; } 20% { opacity: 0.99; } 25% { opacity: 0.99; } 30% { opacity: 0; } } @-moz-keyframes bannerGradient2 { 5% { opacity: 0; } 20% { opacity: 0.99; } 25% { opacity: 0.99; } 30% { opacity: 0; } } @-o-keyframes bannerGradient2 { 5% { opacity: 0; } 20% { opacity: 0.99; } 25% { opacity: 0.99; } 30% { opacity: 0; } } @keyframes bannerGradient2 { 5% { opacity: 0; } 20% { opacity: 0.99; } 25% { opacity: 0.99; } 30% { opacity: 0; } } @-webkit-keyframes bannerGradient3 { 15% { opacity: 0; } 30% { opacity: 0.99; } 35% { opacity: 0.99; } 40% { opacity: 0; } } @-moz-keyframes bannerGradient3 { 15% { opacity: 0; } 30% { opacity: 0.99; } 35% { opacity: 0.99; } 40% { opacity: 0; } } @-o-keyframes bannerGradient3 { 15% { opacity: 0; } 30% { opacity: 0.99; } 35% { opacity: 0.99; } 40% { opacity: 0; } } @keyframes bannerGradient3 { 15% { opacity: 0; } 30% { opacity: 0.99; } 35% { opacity: 0.99; } 40% { opacity: 0; } } @-webkit-keyframes bannerGradient4 { 25% { opacity: 0; } 40% { opacity: 0.99; } 45% { opacity: 0.99; } 50% { opacity: 0; } } @-moz-keyframes bannerGradient4 { 25% { opacity: 0; } 40% { opacity: 0.99; } 45% { opacity: 0.99; } 50% { opacity: 0; } } @-o-keyframes bannerGradient4 { 25% { opacity: 0; } 40% { opacity: 0.99; } 45% { opacity: 0.99; } 50% { opacity: 0; } } @keyframes bannerGradient4 { 25% { opacity: 0; } 40% { opacity: 0.99; } 45% { opacity: 0.99; } 50% { opacity: 0; } } @-webkit-keyframes bannerGradient5 { 35% { opacity: 0; } 50% { opacity: 0.99; } 55% { opacity: 0.99; } 60% { opacity: 0; } } @-moz-keyframes bannerGradient5 { 35% { opacity: 0; } 50% { opacity: 0.99; } 55% { opacity: 0.99; } 60% { opacity: 0; } } @-o-keyframes bannerGradient5 { 35% { opacity: 0; } 50% { opacity: 0.99; } 55% { opacity: 0.99; } 60% { opacity: 0; } } @keyframes bannerGradient5 { 35% { opacity: 0; } 50% { opacity: 0.99; } 55% { opacity: 0.99; } 60% { opacity: 0; } } @-webkit-keyframes bannerGradient6 { 45% { opacity: 0; } 60% { opacity: 0.99; } 65% { opacity: 0; } } @-moz-keyframes bannerGradient6 { 45% { opacity: 0; } 60% { opacity: 0.99; } 65% { opacity: 0; } } @-o-keyframes bannerGradient6 { 45% { opacity: 0; } 60% { opacity: 0.99; } 65% { opacity: 0; } } @keyframes bannerGradient6 { 45% { opacity: 0; } 60% { opacity: 0.99; } 65% { opacity: 0; } } @-webkit-keyframes bannerGradient7 { 50% { opacity: 0; } 65% { opacity: 0.99; } 75% { opacity: 0.99; } 80% { opacity: 0; } } @-moz-keyframes bannerGradient7 { 50% { opacity: 0; } 65% { opacity: 0.99; } 75% { opacity: 0.99; } 80% { opacity: 0; } } @-o-keyframes bannerGradient7 { 50% { opacity: 0; } 65% { opacity: 0.99; } 75% { opacity: 0.99; } 80% { opacity: 0; } } @keyframes bannerGradient7 { 50% { opacity: 0; } 65% { opacity: 0.99; } 75% { opacity: 0.99; } 80% { opacity: 0; } } @-webkit-keyframes bannerGradient8 { 65% { opacity: 0; } 80% { opacity: 0.99; } 85% { opacity: 0.99; } 90% { opacity: 0; } } @-moz-keyframes bannerGradient8 { 65% { opacity: 0; } 80% { opacity: 0.99; } 85% { opacity: 0.99; } 90% { opacity: 0; } } @-o-keyframes bannerGradient8 { 65% { opacity: 0; } 80% { opacity: 0.99; } 85% { opacity: 0.99; } 90% { opacity: 0; } } @keyframes bannerGradient8 { 65% { opacity: 0; } 80% { opacity: 0.99; } 85% { opacity: 0.99; } 90% { opacity: 0; } } @-webkit-keyframes bannerGradient9 { 75% { opacity: 0; } 90% { opacity: 0.99; } 95% { opacity: 0.99; } 100% { opacity: 0; } } @-moz-keyframes bannerGradient9 { 75% { opacity: 0; } 90% { opacity: 0.99; } 95% { opacity: 0.99; } 100% { opacity: 0; } } @-o-keyframes bannerGradient9 { 75% { opacity: 0; } 90% { opacity: 0.99; } 95% { opacity: 0.99; } 100% { opacity: 0; } } @keyframes bannerGradient9 { 75% { opacity: 0; } 90% { opacity: 0.99; } 95% { opacity: 0.99; } 100% { opacity: 0; } } .gradient { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: all opacity 10s ease-out; -moz-transition: all opacity 10s ease-out; transition: all opacity 10s ease-out; -webkit-transition: opacity 10s; -moz-transition: opacity 10s; transition: opacity 10s; } .gradient_1 { background: #2A7DDD; background-image: -moz-linear-gradient(left, #2A7DDD 0%, #6C1380 100%); background-image: -webkit-linear-gradient(left, #2A7DDD 0%, #6C1380 100%); background-image: -o-linear-gradient(left, #2A7DDD 0%, #6C1380 100%); background-image: linear-gradient(to right, #2A7DDD 0%, #6C1380 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2A7DDD, endColorstr=#6C1380, GradientType=1); /* navy blue, purple */ -webkit-animation: bannerGradient1 30s infinite; -moz-animation: bannerGradient1 30s infinite; -o-animation: bannerGradient1 30s infinite; animation: bannerGradient1 30s infinite; } .gradient_2 { background: #2ecae5; background-image: -moz-linear-gradient(left, #2ecae5 0%, #5d19a6 100%); background-image: -webkit-linear-gradient(left, #2ecae5 0%, #5d19a6 100%); background-image: -o-linear-gradient(left, #2ecae5 0%, #5d19a6 100%); background-image: linear-gradient(to right, #2ecae5 0%, #5d19a6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2ecae5, endColorstr=#5d19a6, GradientType=1); /* blue, purple */ -webkit-animation: bannerGradient2 30s infinite; -moz-animation: bannerGradient2 30s infinite; -o-animation: bannerGradient2 30s infinite; animation: bannerGradient2 30s infinite; } .gradient_3 { background: #47deb3; background-image: -moz-linear-gradient(left, #47deb3 0%, #125DB3 100%); background-image: -webkit-linear-gradient(left, #47deb3 0%, #125DB3 100%); background-image: -o-linear-gradient(left, #47deb3 0%, #125DB3 100%); background-image: linear-gradient(to right, #47deb3 0%, #125DB3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#47deb3, endColorstr=#125DB3, GradientType=1); /* turqiouse, blue */ -webkit-animation: bannerGradient3 30s infinite; -moz-animation: bannerGradient3 30s infinite; -o-animation: bannerGradient3 30s infinite; animation: bannerGradient3 30s infinite; } .gradient_4 { background: #76E56C; background-image: -moz-linear-gradient(left, #76E56C 0%, #008C75 100%); background-image: -webkit-linear-gradient(left, #76E56C 0%, #008C75 100%); background-image: -o-linear-gradient(left, #76E56C 0%, #008C75 100%); background-image: linear-gradient(to right, #76E56C 0%, #008C75 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#76E56C, endColorstr=#008C75, GradientType=1); /* green, turqiouse */ -webkit-animation: bannerGradient4 30s infinite; -moz-animation: bannerGradient4 30s infinite; -o-animation: bannerGradient4 30s infinite; animation: bannerGradient4 30s infinite; } .gradient_5 { background: #C8DC37; background-image: -moz-linear-gradient(left, #C8DC37 0%, #559A0B 100%); background-image: -webkit-linear-gradient(left, #C8DC37 0%, #559A0B 100%); background-image: -o-linear-gradient(left, #C8DC37 0%, #559A0B 100%); background-image: linear-gradient(to right, #C8DC37 0%, #559A0B 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8DC37, endColorstr=#559A0B, GradientType=1); /* green, green */ -webkit-animation: bannerGradient5 30s infinite; -moz-animation: bannerGradient5 30s infinite; -o-animation: bannerGradient5 30s infinite; animation: bannerGradient5 30s infinite; } .gradient_6 { background: #FFD400; background-image: -moz-linear-gradient(left, #FFD400 0%, #A6BF00 100%); background-image: -webkit-linear-gradient(left, #FFD400 0%, #A6BF00 100%); background-image: -o-linear-gradient(left, #FFD400 0%, #A6BF00 100%); background-image: linear-gradient(to right, #FFD400 0%, #A6BF00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFD400, endColorstr=#A6BF00, GradientType=1); /* yellow, green */ -webkit-animation: bannerGradient6 30s infinite; -moz-animation: bannerGradient6 30s infinite; -o-animation: bannerGradient6 30s infinite; animation: bannerGradient6 30s infinite; } .gradient_7 { background: #FF5500; background-image: -moz-linear-gradient(left, #FF5500 0%, #FFCC00 100%); background-image: -webkit-linear-gradient(left, #FF5500 0%, #FFCC00 100%); background-image: -o-linear-gradient(left, #FF5500 0%, #FFCC00 100%); background-image: linear-gradient(to right, #FF5500 0%, #FFCC00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF5500, endColorstr=#FFCC00, GradientType=1); /* orange, yellow */ -webkit-animation: bannerGradient7 30s infinite; -moz-animation: bannerGradient7 30s infinite; -o-animation: bannerGradient7 30s infinite; animation: bannerGradient7 30s infinite; } .gradient_8 { background: #D10A61; background-image: -moz-linear-gradient(left, #D10A61 0%, #FC542A 100%); background-image: -webkit-linear-gradient(left, #D10A61 0%, #FC542A 100%); background-image: -o-linear-gradient(left, #D10A61 0%, #FC542A 100%); background-image: linear-gradient(to right, #D10A61 0%, #FC542A 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D10A61, endColorstr=#FC542A, GradientType=1); /* magenta, orange */ -webkit-animation: bannerGradient8 30s infinite; -moz-animation: bannerGradient8 30s infinite; -o-animation: bannerGradient8 30s infinite; animation: bannerGradient8 30s infinite; } .gradient_9 { background: #6D1EC6; background-image: -moz-linear-gradient(left, #6D1EC6 0%, #B31268 100%); background-image: -webkit-linear-gradient(left, #6D1EC6 0%, #B31268 100%); background-image: -o-linear-gradient(left, #6D1EC6 0%, #B31268 100%); background-image: linear-gradient(to right, #6D1EC6 0%, #B31268 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6D1EC6, endColorstr=#B31268, GradientType=1); /* purple, magenta */ -webkit-animation: bannerGradient9 30s infinite; -moz-animation: bannerGradient9 30s infinite; -o-animation: bannerGradient9 30s infinite; animation: bannerGradient9 30s infinite; } .lte8 .gradient, .android_old .gradient, .android .gradient, .iphone .gradient, .ipad .gradient, .no-cssgradients .gradient, .no-csstransitions .gradient, .no-cssanimations .gradient { display: none; } /* separate rule, in case browser doesn't understand and skip ruleset */ .android_old .gradient, .android .gradient, .iphone .gradient, .ipad .gradient, .no-cssgradients .gradient, .no-csstransitions .gradient, .no-cssanimations .gradient { -webkit-animation: none; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; -webkit-transition: all none ease-out; -moz-transition: all none ease-out; transition: all none ease-out; -webkit-transition: none; -moz-transition: none; transition: none; } .lte9 .gradient_1 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .lte8 .gradient_1, .android .gradient_1, .iphone .gradient_1, .ipad .gradient_1 { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .android_old .gradient_1, .no-cssgradients .gradient_1, .no-csstransitions .gradient_1, .no-cssanimations .gradient_1 { display: block; background-image: url("/images/header_grad_fake.png"); background-position: right top; background-repeat: repeat-y; } .no-animation .gradient { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; -webkit-transition: all none ease-out; -moz-transition: all none ease-out; transition: all none ease-out; -webkit-transition: none; -moz-transition: none; transition: none; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ body { position: relative; padding-top: 50px; } body.noHeader { padding-top: 0; } .header { height: 5em; overflow: hidden; /* when header runs out of space menu pops down */ width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; -webkit-transition: all box-shadow 0.5s ease-out; -moz-transition: all box-shadow 0.5s ease-out; transition: all box-shadow 0.5s ease-out; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; transition: box-shadow 0.5s; } .dropShadow { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666'); -webkit-transition: all box-shadow 0.5s ease-out; -moz-transition: all box-shadow 0.5s ease-out; transition: all box-shadow 0.5s ease-out; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; transition: box-shadow 0.5s; } .lte7 .header { background: #2a7ddd; background-image: -moz-linear-gradient(left, #2a7ddd 0%, #6C217D 100%); background-image: -webkit-linear-gradient(left, #2a7ddd 0%, #6C217D 100%); background-image: -o-linear-gradient(left, #2a7ddd 0%, #6C217D 100%); background-image: linear-gradient(to right, #2a7ddd 0%, #6C217D 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2a7ddd, endColorstr=#6C217D, GradientType=1); /* navy blue, purple */ min-width: 30em; } .logo { float: left; overflow: hidden; position: relative; z-index: 6; } .logo a { background: url("/images/logo_small.png") no-repeat 20px 10px; display: block; height: 50px; /*p*/ overflow: hidden; padding: 0 0 0 2em; text-indent: -999px; top: 0; width: 93px; /*p*/ } .header_title { float: left; position: relative; z-index: 6; padding-left: 22px; margin-left: 22px; border-left: 1px solid rgba(255, 255, 255, 0.5); color: #FFF; line-height: 50px; font-size: 18px; font-family: 'Rubrik-Regular', Arial, sans-serif; } .logo_print { display: none; } .no-js .logo { margin-left: 0; } .lte8 .logo { background: url("/images/border_white_vertical_20.png") repeat-y left top; } .gradients { position: relative; height: 100%; z-index: 5; } .lte7 .gradients { display: none; } /* UL */ .nav_utility { float: right; margin-left: -1px; overflow: hidden; position: relative; z-index: 6; } .nav_utility li { float: left; } .lte8 .nav_utility li { background: url('/images/border_white_vertical_20.png') repeat-y left top; } .header_search { display: block; position: relative; } .android .header_search, .no-js .header_search { display: none; } .header input::-ms-clear { display: none; } .no-touch .header_search:hover, .no-touch .header_search.focus { background-color: rgba(0, 0, 0, 0.15); } .header_search label { display: none; visibility: hidden; } .header_search .header_search_input { background: url('/images/search_bar_sprite.png') no-repeat -5px -150px; border: none; color: transparent; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.4em; height: 3.571429em; line-height: 1.428571em; padding: 0.714286em 0.714286em 0.642857em 2.857143em; width: 0; } .header_search.focus .header_search_input { background: none; } .lte8 .header_search .header_search_input { color: #fff; padding-top: 1.071429em; padding-bottom: 0.428571em; } .header_search.focus .header_search_input { color: #FFF; outline: none; } .header_search .header_search_input::-webkit-input-placeholder { /* WebKit browsers */ color: #FFF; font-style: normal; } .header_search .header_search_input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #FFF; font-style: normal; } .header_search .header_search_input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #FFF; font-style: normal; } .header_search .header_search_input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #FFF; font-style: normal; } .header_search .action { display: none; background: url('/images/search_bar_sprite.png') no-repeat -5px -150px; position: absolute; top: 0; left: 0; height: 50px; width: 60px; border: none; text-indent: -999px; overflow: hidden; outline: none; } .header_search.focus .action { display: block; } .nav_utility .header_search_link { background: url('/images/search_bar_sprite.png') no-repeat -5px -150px; display: none; text-indent: -999px; padding-left: 0; padding-right: 0; width: 50px; } .android .header_search_link, .no-js .header_search_link { display: block; } /* A */ .nav_utility li { border-left: 1px solid rgba(255, 255, 255, 0.2); } .nav_utility a, .nav_utility .initial_text, .nav_utility .slide_text { color: #fff; display: block; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.2em; line-height: 2.666667em; padding: 0.833333em 0.833333em 0.666667em; position: relative; cursor: pointer; text-decoration: none; } .nav_utility li { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .nav_utility .header_search_link a { border-left: none; } .nav_utility .search_trigger { background: url("/images/search_bar_sprite.png") no-repeat scroll 100% -150px transparent; overflow: hidden; text-indent: -999px; width: 10px; } .nav_utility .login_trigger { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .nav_utility .join_trigger, .nav_utility .pb_trigger { display: none; } .nav_utility .join_trigger .extra_text { display: none; } .nav_utility .join_trigger .slide_text { display: none; } .nav_utility .slide_text a { border-right: none; display: inline-block; font-size: 1em; margin-top: -10px; margin-bottom: -8px; padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-right: 5px; } .nav_utility .slide_text a:last-child { margin-left: 5px; margin-right: -10px; } .lte7 .nav_utility a { zoom: 1; } .no-touch .nav_utility a:hover { background-color: rgba(0, 0, 0, 0.15); } .nav_utility .login_trigger_active, .nav_utility .pb_trigger_active, .nav_utility .help_trigger__active, .no-touch .nav_utility .login_trigger_active:hover, .no-touch .nav_utility .pb_trigger_active:hover, .no-touch .nav_utility .help_trigger__active:hover { background: #4F5C67; } .nav_utility .login_trigger_active_oops, .no-touch .nav_utility .login_trigger_active_oops:hover { background: #FF700D; } .nav_utility .login_trigger_active_change_err, .no-touch .nav_utility .login_trigger_active_change_err:hover { background: #F30D3C; } .nav_utility_with_plan .login_trigger { display: none; } /* nav icons in the top */ .response_xsmall .nav_icon { position: relative; text-indent: -9000px; width: 24px; } .response_xsmall .nav_icon:focus { outline: none; } .response_xsmall .nav_icon:after { display: block; content: ' '; height: 12px; width: 12px; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; } .response_xsmall .nav_icon.nav_settings:after { background-image: url('/images/sprite.png'); background-position: -6px -6px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .response_xsmall .nav_icon.nav_settings:after { background-image: url('/images/sprite@2x.png'); /* background-position: @bkpx * 2,@bkpy * 2; */ background-size: 48px 24px; } } .response_xsmall .nav_icon.nav_logout:after { background-image: url('/images/sprite.png'); background-position: -30px -6px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .response_xsmall .nav_icon.nav_logout:after { background-image: url('/images/sprite@2x.png'); /* background-position: @bkpx * 2,@bkpy * 2; */ background-size: 48px 24px; } } .upgrade_browser, .upgrade_browser_10 { margin: 0 auto; padding: 10px 0; text-align: center; font-size: 12px; line-height: 12px; color: #fff; background: #2D7BDB; border-bottom: solid 1px #000; } .upgrade_browser a, .upgrade_browser_10 a { color: #fff; text-decoration: underline; } .upgrade_browser_10 { display: none; } @media all and (-ms-high-contrast: none) { .upgrade_browser_10 { display: block; } /* IE10 */ *::-ms-backdrop, .upgrade_browser_10 { display: none; } /* IE11 */ } .request_callback.module .module_inner .content_holder { max-width: 100%; padding: 4%; } .request_callback .grid-item.standout { box-sizing: border-box; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); margin-top: 4%; background-color: white; border-radius: 4%; } .request_callback .grid-item .scfForm.request_callback_form { padding: 1%; } .request_callback .grid-item .scfForm.request_callback_form .title { padding-bottom: 7%; color: black; } .request_callback .grid-item .scfForm.request_callback_form h2, .request_callback .grid-item .scfForm.request_callback_form h4, .request_callback .grid-item .scfForm.request_callback_form p { text-align: left; color: black; } .request_callback .grid-item .scfForm.request_callback_form h2:hover, .request_callback .grid-item .scfForm.request_callback_form h4:hover, .request_callback .grid-item .scfForm.request_callback_form p:hover { color: black; } .request_callback .grid-item .scfForm.request_callback_form .scfSingleLineGeneralPanel, .request_callback .grid-item .scfForm.request_callback_form .scfEmailGeneralPanel, .request_callback .grid-item .scfForm.request_callback_form .scfTelephoneGeneralPanel { width: 100%; } .request_callback .grid-item .scfForm.request_callback_form .scfCheckboxBorder input, .request_callback .grid-item .scfForm.request_callback_form .scfSingleLineTextBorder input { margin-top: 5px; } .request_callback .grid-item .scfForm.request_callback_form .scfCheckboxBorder a, .request_callback .grid-item .scfForm.request_callback_form .scfSingleLineTextBorder a { color: #444; } .request_callback .grid-item .scfForm.request_callback_form .scfCheckboxBorder a:hover, .request_callback .grid-item .scfForm.request_callback_form .scfSingleLineTextBorder a:hover { color: #444; text-decoration: underline; } .request_callback .grid-item .scfForm.request_callback_form .scfSubmitButtonBorder { float: none; padding-left: 0; } .request_callback .grid-item .scfForm.request_callback_form .scfSubmitButtonBorder input { width: 100%; line-height: 2.4em; border-radius: 4px; } .request_callback .grid-item .scfForm.request_callback_form .scfValidator, .request_callback .grid-item .scfForm.request_callback_form .scfValidatorRequired { padding-left: 0; } .request_callback .grid-item .scfForm.request_callback_form input[type="text"], .request_callback .grid-item .scfForm.request_callback_form input[type="email"], .request_callback .grid-item .scfForm.request_callback_form input[type="password"], .request_callback .grid-item .scfForm.request_callback_form input[type="number"], .request_callback .grid-item .scfForm.request_callback_form input[type="tel"] { line-height: 2.4em; border-radius: 4px; } .request_callback .tiles.layout_left { padding-left: 2%; padding-right: 2%; } .request_callback .tiles.layout_left .tile { padding: 1%; } .request_callback .tiles.layout_left .tile.layout_left { padding: 1%; color: black; } .request_callback .tiles .tile { text-align: left; color: white; } .request_callback .tiles .tile:not(:last-child) { padding-right: 8%; } .request_callback .tiles .tile h2 { text-align: left; padding: 0 0 1% 0; } .request_callback .tiles .tile h4 { padding: 0 0 1% 0; } .request_callback .tiles .tile .hero_img_container { margin-top: 8%; } .request_callback .tiles .tile .hero_img_container.hide_hero_img { display: none; } .request_callback .tiles .tile .hero_img_container .hero_img { width: 100%; height: 0; padding-top: 60%; /* this must change for devices/tab*/ overflow: hidden; background-position: left center; background-repeat: no-repeat; background-size: contain; } .request_callback .tiles .tile.free_:hover h2, .request_callback .tiles .tile.free_:hover h3, .request_callback .tiles .tile.free_:hover p { color: currentColor !important; } .request_callback.home_footer .content_holder { max-width: 100%; padding: 0; } .request_callback.home_footer .content_holder .home_foot_wrap.home_foot_wrap_secondary { padding-top: 0.1em; padding-bottom: 0.2em; } .request_callback.home_footer .helpdesk { margin: 0; } .request_callback.home_footer .helpdesk, .request_callback.home_footer .phone { color: white; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .helppanel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #46535F; background-color: rgba(70, 83, 95, 0.95); display: none; max-width: 100%; padding: 1em 5em; position: absolute; right: 0; top: 50px; width: 43em; z-index: 101; } .helppanel_heading { color: #fff; } .helppanel_menu { border-bottom: 1px solid #5C6671; margin-bottom: 2em; } .helppanel_menu .helppanel_menu { border-bottom: none; display: none; margin-left: 2em; margin-bottom: 1.5em; } .helppanel_menu .current .helppanel_menu { display: block; } .helppanel_menu_item { border-top: 1px solid #5C6671; } .helppanel_menu_item .helppanel_menu_item { border-bottom: none; border-top: none; } .helppanel_menu_link, .helppanel_menu_link:visited, .helppanel_menu_link:focus, .helppanel_menu_link:hover { font-size: 1.4em; line-height: 1.428571em; padding: 0.714286em 1.428571em; color: #fff; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; } .helppanel_menu_link:before, .helppanel_menu_link:visited:before, .helppanel_menu_link:focus:before, .helppanel_menu_link:hover:before { content: '+'; float: left; margin-left: -1.428571em; } .no-touch .helppanel_menu_link:hover, .no-touch .helppanel_menu_link:visited:hover, .no-touch .helppanel_menu_link:focus:hover, .no-touch .helppanel_menu_link:hover:hover { color: #fff; text-decoration: underline; } .current > .helppanel_menu_link, .current > .helppanel_menu_link:visited, .current > .helppanel_menu_link:focus, .current > .helppanel_menu_link:hover { font-family: 'Rubrik-Medium', Arial, sans-serif; } .current > .helppanel_menu_link:before, .current > .helppanel_menu_link:visited:before, .current > .helppanel_menu_link:focus:before, .current > .helppanel_menu_link:hover:before { content: '_'; margin-top: -8px; } .helppanel_menu_link__level2, .helppanel_menu_link__level2:hover { font-size: 1.1em; line-height: 1.363636em; padding: 0.454545em 1.818182em; } .helppanel_menu_link__level2:before, .helppanel_menu_link__level2:hover:before { content: ""; display: none; } .helppanel_details { padding: 2em 0 1em; } .helppanel_details_heading { color: #fff; font-family: 'Rubrik-Light', Arial, sans-serif; position: relative; padding-top: 20px; } .helppanel_details_heading:before { content: ' '; position: absolute; width: 30%; border-top: 2px solid #fff; height: 0; top: 0; } .helppanel_details_image img { max-width: 100%; } .helppanel_details_thumbs { margin: 0.5em 0 2em; } .helppanel_details_thumb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding-right: 2%; width: 34%; } .helppanel_details_thumb.helppanel_details_thumb__last { width: 32%; padding-right: 0; } .helppanel_details_thumb a { display: block; } .helppanel_details_thumb img { max-width: 100%; } .helppanel_details_content { color: #fff; font-size: 1.2em; line-height: 1.25em; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* community news list page */ .history_list .section { border-bottom: 1px solid #E1E1E1; padding-bottom: 0; padding-top: 3em; /* clear our list items without needing the clearfix class on every li */ } .history_list .section:before, .history_list .section:after { content: ''; display: table; } .history_list .section:after { clear: both; } .history_list .section:first-child { padding-top: 0; } .history_list .history_date { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 30px; line-height: 30px; letter-spacing: -1px; margin-top: 0; margin-bottom: 20px; } .history_list .history_date small { font-size: 16px; line-height: 20px; letter-spacing: -1px; } .history_list ul { margin: 0; } .history_list li { border-bottom: 1px solid #E1E1E1; margin-left: 0; margin-bottom: 25px; padding: 0 0 0.5em 0; /* clear our list items without needing the clearfix class on every li */ } .history_list li:before, .history_list li:after { content: ''; display: table; } .history_list li:after { clear: both; } .history_list li:last-child { border-bottom: none; margin-bottom: 0; } .history_list li.featured { background-color: #F5F3F0; border-bottom: none; padding-top: 1.5em; padding-left: 1.5em; padding-right: 1.5em; margin-top: -26px; } .history_list li.featured .figure_small { float: none; padding-bottom: 1em; } .history_list li h2 { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 16px; letter-spacing: 0; line-height: 1.35em; margin: 0 0 1em 0; padding: 0; } .history_list li p { line-height: 20px; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .home_footer { /* Secondary footer nav [hidden for mobile] */ /* SOCIAL MEDIA ICONS [SWITCH TO WHITE VERSION]*/ } .home_footer .content_holder { padding: 0; max-width: 100%; } .home_footer .content_holder a { color: #FFF; } .home_footer .content_holder p a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } .home_footer .home_footer_menu { margin: 0; font-size: 1em; } .home_footer .home_footer_menu > li { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.3em; line-height: 1.666667em; list-style: none; list-style-type: none; margin-left: 0; padding-left: 0; padding-bottom: 0; } .home_footer .home_footer_menu > li:before { content: ''; margin: 0; padding: 0; } .home_footer .home_footer_menu > li a { border-bottom: 1px solid #E7E7E4; color: #46525F; display: block; padding-top: 0.833333em; padding-bottom: 0.833333em; padding-left: 4.1665%; padding-right: 4.1665%; text-transform: uppercase; background: url(/images/page_list_arrow.png) no-repeat 95.8335% 16px #f1f1ee; } .home_footer .home_footer_menu > li a:hover { background-color: #CDCECF; } .home_footer .home_footer_menu > li ul { display: none; } .home_footer .home_foot_wrap.home_foot_wrap_secondary, .home_footer .home_footer_bottom { display: none; } .home_footer .social_footer { margin-top: 30px; margin-bottom: 0; margin-left: -10px; width: 250px; } .home_footer .social_footer li { border-right-color: rgba(255, 255, 255, 0.2); padding: 6px 12px; } .home_footer .social_footer a { background: url('/images/sprite_social_icons_white.png') no-repeat; padding: 8px; } .home_footer .social_footer .email { background-position: 0 0; } .home_footer .social_footer .email:hover { background-position: 0 -16px; } .home_footer .social_footer .facebook { background-position: -16px 0; } .home_footer .social_footer .facebook:hover { background-position: -16px -16px; } .home_footer .social_footer .twitter { background-position: -32px 0; } .home_footer .social_footer .twitter:hover { background-position: -32px -16px; } .home_footer .social_footer .gplus { background-position: -48px 0; } .home_footer .social_footer .gplus:hover { background-position: -48px -16px; } .home_footer .social_footer .linkedin { background-position: -64px 0; } .home_footer .social_footer .linkedin:hover { background-position: -64px -16px; } .home_footer .social_footer .instagram { background-position: -79px 0; } .home_footer .social_footer .instagram:hover { background-position: -79px -16px; } /* Footer hidden for mobile unless homepage */ .home_footer { display: none; } .content_home .home_footer { display: block; } .main_clear .home_footer { display: block; } .main_clear .home_footer .home_foot_wrap.home_foot_wrap_secondary, .main_clear .home_footer .home_footer_bottom { display: block; } .main_clear .home_footer .home_foot_wrap.home_foot_wrap_secondary { padding: 40px 4.1665%; width: 100%; float: none; background: #2a7ddd; background-image: -moz-linear-gradient(-45deg, #2a7ddd 100px, #6C217D 1000px); background-image: -webkit-linear-gradient(-45deg, #2a7ddd 100px, #6C217D 1000px); background-image: -o-linear-gradient(-45deg, #2a7ddd 100px, #6C217D 1000px); background-image: linear-gradient(135deg, #2a7ddd 100px, #6C217D 1000px); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2a7ddd, endColorstr=#6C217D, GradientType=1); } .main_clear .home_footer .tagline { display: block; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 24px; padding: 0; color: white; } .main_clear .home_footer .social_footer { width: auto; margin-top: 15px; } .main_clear .home_footer .footer_awards { float: none; padding: 20px 0 0; clear: both; } .main_clear .home_footer .copyright { font-size: 12px; line-height: 1.3em; margin: 0; padding-top: 0.833333em; padding-bottom: 0.833333em; padding-left: 4.1665%; padding-right: 4.1665%; border: none; } .icheck_white { display: inline-block; margin: 0; padding: 0; width: 20px; height: 20px; background: url(/images/checkbox_white.png) no-repeat; border: none; cursor: pointer; } .icheck_white.icheck_white.checked { background-position: -20px 0; } .icheck_white.icheck_white.disabled { background-position: -40px 0; cursor: default; } .icheck_white.icheck_white.disabled { background-position: -60px 0; } @font-face { font-family: "tp-glyphs"; src: url("../../fonts/tp-glyphs.eot"); src: url("../../fonts/tp-glyphs.eot?#iefix") format("embedded-opentype"), url("../../fonts/tp-glyphs.woff") format("woff"), url("../../fonts/tp-glyphs.ttf") format("truetype"), url("../../fonts/tp-glyphs.svg#tp-glyphs") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "tp-glyphs"; src: url("../../fonts/tp-glyphs#tp-glyphs.svg") format("svg"); } } [data-icon]:before { font-family: "tp-glyphs" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bill:before { content: "\61"; } .icon-deal:before { content: "\53"; } .icon-calculator:before { content: "\62"; } .icon-calendar:before { content: "\63"; } .icon-chevron-d:before { content: "\64"; } .icon-chevron-l:before { content: "\65"; } .icon-chevron-r:before { content: "\66"; } .icon-chevron-u:before { content: "\67"; } .icon-circle:before { content: "\68"; } .icon-close:before { content: "\69"; } .icon-comparison:before { content: "\6a"; } .icon-gas:before { content: "\6b"; } .icon-gas-circle:before { content: "\6c"; } .icon-help:before { content: "\6d"; } .icon-help-fill:before { content: "\6e"; } .icon-help-line:before { content: "\6f"; } .icon-internet:before { content: "\70"; } .icon-internet-circle:before { content: "\71"; } .icon-internet-pointer:before { content: "\72"; } .icon-internet-pointer-circle:before { content: "\73"; } .icon-menu:before { content: "\74"; } .icon-meter:before { content: "\75"; } .icon-phone:before { content: "\76"; } .icon-phone-circle:before { content: "\77"; } .icon-phone-ring:before { content: "\78"; } .icon-phone-ring-circle:before { content: "\79"; } .icon-power:before { content: "\7a"; } .icon-power-circle:before { content: "\41"; } .icon-search:before { content: "\42"; } .icon-telco:before { content: "\43"; } .icon-telco-circle:before { content: "\44"; } .icon-add:before { content: "\45"; } .icon-add-circle:before { content: "\46"; } .icon-pin:before { content: "\47"; } .icon-pin-circle:before { content: "\48"; } .icon-remove:before { content: "\49"; } .icon-remove-circle:before { content: "\4a"; } .icon-online:before { content: "\4b"; } .icon-online-line:before { content: "\4d"; } .icon-message:before { content: "\4c"; } .icon-message-line:before { content: "\4e"; } .icon-play:before { content: "\4f"; } .icon-play-line:before { content: "\50"; } .icon-phone-outline:before { content: "\51"; } .icon-phone-outline-ring:before { content: "\52"; } .icon-money:before { content: "\55"; } .icon-card:before { content: "\59"; } .icon-house:before { content: "\57"; } .icon-company:before { content: "\58"; } .overlap_icons { margin: 8px 8px 0 0 !important; font-size: 0px !important; } .overlap_icon { font-size: 40px; display: inline-block; background-position: center; background-repeat: no-repeat; margin: -0.1em 0; vertical-align: middle; } .overlap_icon + .overlap_icon { margin-left: -0.13em; } .overlap_icon:before { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .overlap_icon.oi_power:before { content: "A"; } .overlap_icon.oi_gas:before { content: "l"; } .overlap_icon.oi_telco:before { content: "D"; } .overlap_icon.oi_internet:before, .overlap_icon.oi_broadband:before { content: "s"; } .overlap_icon.oi_phone:before { content: "w"; } .overlap_icon.oi_mobile:before { background: url(/images/products/mobile_purple.svg) no-repeat 0 0; display: inline-block; height: 33px; width: 30px; content: ""; background-size: 30px 31px; margin-top: -10px; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline; } .overlap_icon__mobile { padding-top: 3px; } .overlap_icon__mobile_white { position: relative; height: 28.4px; width: 28.4px; vertical-align: top; } .overlap_icon.oi_pin:before { content: "H"; } .overlap_icon.oi_add { content: "F"; } .overlap_icon.oi_remove { content: "J"; } .overlap_icon.oi_deal { content: "A"; } .lte11 .overlap_icon__mobile_white { height: 30px; } .lte11 .overlap_icon__mobile { padding-top: 2px; } .lte11 .overlap_icon__mobile { padding-top: 2px; } .lte11 .overlap_icon.oi_mobile { margin-top: 4px; vertical-align: middle; } .lte11 .overlap_icon.oi_mobile:before { background-size: 30px 30px; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .ideqa div.rn_Documents .rn_List li.rn_Item span.rn_Title, .ideqa div.rn_Documents .rn_List li.rn_Item span.rn_Description, .ideqa div.rn_Corrections .rn_WordCorrection, .ideqa div.rn_Content .rn_List li.rn_Item span.rn_Title, .ideqa div.rn_Content .rn_List li.rn_Item span.rn_Description, .ideqa div.rn_Documents .rn_List li.rn_Item span.rn_Title a, .ideqa div.rn_Content .rn_List li.rn_Item span.rn_Title a { font-size: 1em; font-weight: normal; } .ideqa div.rn_Suggestions, .ideqa div.rn_Documents .rn_List, .ideqa div.rn_Content .rn_List, .ideqa div.rn_Corrections, .ideqa div.rn_Navigation a, .ideqa div.rn_Documents h3 { font-size: 1em; font-weight: normal; } .ideqa ul.rn_List { border-top: 1px solid #CCC; list-style: none; padding: 0; margin: 0 0 1em; } .ideqa li.rn_Item { list-style: none; font-size: 1.8em; line-height: 1.1; padding: 0; margin: 0; } .ideqa li.rn_Item a { position: relative; display: block; font-family: 'Rubrik-Regular', Arial, sans-serif; border-bottom: 1px solid #CCC; font-weight: normal; padding: 0.8em 1.2em 0.8em 0; text-decoration: none !important; } .ideqa li.rn_Item a:after { position: absolute; content: ''; top: 50%; right: 8px; margin-top: -9px; width: 12px; height: 18px; background: url(/images/chevron_right.png) right center no-repeat; background-size: contain; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "alpha(opacity=50)"; opacity: 0.5; } .ideqa li.rn_Item a:hover { color: #444; } .ideqa li.rn_Item a:hover:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } .ideqa li.rn_Item:before, .ideqa li.rn_Item br, .ideqa li.rn_Item .rn_Description { display: none; } .ideqa div.rn_Content { padding-bottom: 0; } .ideqa div.rn_Navigation a { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 2em; line-height: 1.1; text-decoration: none; font-weight: normal; text-decoration: none !important; display: inline-block; margin-top: 0.5em; } .ideqa div.rn_Navigation a:hover { color: #444; } .iframeHolder { overflow: hidden; } .iframeHolder iframe { width: 100%; padding: 0; border: 0; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .info_box { border: 1px solid #7F1399; margin-bottom: 20px; padding: 0 2em; } .info_box h3 { color: #7f1399; text-transform: uppercase; } .info_box hr { display: none; } .info_box .info_box_pad { display: inline-block; padding-top: 7px; } .info_box strong { color: #333; font-family: 'Rubrik-Medium', Arial, sans-serif; font-weight: normal; } .info_box.info_box__clean { border: 0; text-align: left; padding-left: 0; margin-top: 0; } .info_box.info_box__clean h5 { margin-top: 0; } .info_box.info_box__clean p { border-bottom: 1px dashed #CAC9C7; padding: 0 0 0.6em; margin-bottom: 0.6em; font-size: 12px; } .info_box.info_box__clean p:last-child { margin-bottom: 2em; } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .intro_banner { background: #f5f3f0; /* &.overview_banner { background:#f1f1ee; border-bottom:1px solid #E7E7E4; } */ } .intro_banner .content_holder { position: relative; padding-top: 22px; padding-bottom: 0; } .intro_banner p { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 16px; line-height: 25px; } .intro_banner .address { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 16px; line-height: 25px; margin-bottom: -5px; } .intro_banner .btn-small { font-size: 0.85em; } .intro_banner ul { margin-top: 0; } .intro_banner li { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 16px; line-height: 25px; } .intro_banner li.expand { background: url('/images/dark_grey_cross.png') no-repeat; background-position: 100% 3px; cursor: pointer; position: relative; } .intro_banner li.expand:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } .intro_banner li.opened { background: url('/images/dark_grey_subtract.png') no-repeat; background-position: 100% 3px; } .intro_banner li ul li { font-size: 14px; line-height: 21px; } .intro_banner li ul li:before { content: '-'; } .intro_banner li ul li.expand-target:before { content: ''; } .intro_banner li ul li ul { margin-top: -18px; padding-bottom: 8px; list-style-type: none; } .intro_banner li ul li ul li { font-size: 12px; line-height: 18px; } .intro_banner li ul li ul li:before { content: ''; } .intro_banner .signup_summary { margin-top: -5px; margin-bottom: -5px; } .intro_banner .sum_power, .intro_banner .sum_gas, .intro_banner .sum_internet, .intro_banner .sum_phone { background: url(/images/signup_icon_power.png) left 6px no-repeat; padding-left: 40px; margin-left: 0; padding-top: 5px; padding-bottom: 5px; } .intro_banner .sum_power:before, .intro_banner .sum_gas:before, .intro_banner .sum_internet:before, .intro_banner .sum_phone:before { content: ''; } .intro_banner .sum_gas { background-image: url(/images/signup_icon_gas.png); } .intro_banner .sum_internet { background-image: url(/images/signup_icon_broadband.png); background-position: left 10px; } .intro_banner .sum_phone { background-image: url(/images/signup_icon_phone.png); background-position: left 8px; } .intro_banner .spectrum ul { margin-top: -20px; } .intro_banner .spectrum li { padding: 0; } .intro_banner .spectrum .content_holder { padding-bottom: 0; } .intro_banner .form_minimalist { padding-top: 1.5em; } .intro_banner .form_address_bordered .form_minimalist { padding-top: 0; } .intro_banner .scfIntroBorder h4 { margin-top: 0; } .intro_banner.service_overview_banner { background: url("/images/landing_panel_bg_dark.png") repeat scroll 0 0 transparent; position: absolute; bottom: 0; left: 0; right: 0; color: #FFF; } .intro_banner.service_overview_banner .overview_message { color: #FFF; } .intro_banner.service_overview_banner .content_holder:after { content: ''; background: url("/images/overview_multi.png") no-repeat top left; padding: 20px 0; top: 53px; width: 100%; margin-right: 10px; display: none; } .intro_banner.service_overview_banner .share_link { display: none; } .intro_banner.service_overview_banner .share_link > div > a { background: url(/images/share_icon_white.png) 0 15px no-repeat; color: #FFF; } .intro_banner.service_overview_banner p { font-size: 14px; line-height: 22px; color: #FFF; } .intro_banner.intro_banner_overlay { background: rgba(255, 255, 255, 0.95); position: absolute; bottom: 0; left: 0; right: 0; z-index: 90; } .intro_banner.intro_banner_overlay h1, .intro_banner.intro_banner_no_overlay h1, .intro_banner.intro_banner_overlay h2, .intro_banner.intro_banner_no_overlay h2, .intro_banner.intro_banner_overlay h3, .intro_banner.intro_banner_no_overlay h3, .intro_banner.intro_banner_overlay h4, .intro_banner.intro_banner_no_overlay h4, .intro_banner.intro_banner_overlay h5, .intro_banner.intro_banner_no_overlay h5, .intro_banner.intro_banner_overlay p, .intro_banner.intro_banner_no_overlay p, .intro_banner.intro_banner_overlay a, .intro_banner.intro_banner_no_overlay a { color: #757474 !important; } .banner_short .intro_banner.service_overview_banner, .banner_short .intro_banner.intro_banner_overlay { position: relative; } .share_link { max-width: 660px; margin: -10px auto 0; padding: 0 4.1665% 20px; text-align: right; } .share_link > div { display: inline-block; position: relative; } .share_link > div > a { background: url(/images/share_icon.png) 0 15px no-repeat; color: #666; display: inline-block; font-size: 12px; font-family: 'Rubrik-Light', Arial, sans-serif; padding: 15px 10px 15px 25px; } .share_link .addthis_floating_style { position: absolute; left: -55px; top: 10px; background: #2D7BDB; padding: 4px 4px 0; width: 34px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .share_link .addthis_floating_style:after { content: ''; display: block; position: absolute; top: 10px; right: -5px; height: 0; width: 0; border: solid 5px transparent; border-left: solid 5px #2D7BDB; border-right: none; } .share_link .addthis_floating_style .addthis_internal_container { width: 100%; } .share_link .addthis_floating_style .at300b, .share_link .addthis_floating_style .at300bo, .share_link .addthis_floating_style .at300m { padding: 0; } .share_link .addthis_floating_style .at300bs, .share_link .addthis_floating_style .at15t { border: solid 1px white; } .date_banner .share_link > div > a { margin-left: 0; } .generation_map { display: none; } .generation_banner { overflow: hidden; position: relative; } .generation_banner img.image_banner_img { width: 100%; min-width: 100%; min-height: 100%; position: absolute; bottom: 0; z-index: 0; } .generation_banner .map_toggle_label { display: none; } .spectrum { display: none; } .response_xsmall .generation_map, .response_small .generation_map, .response_xsmall .spectrum_meta_data, .response_small .spectrum_meta_data, .response_xsmall .map_toggle, .response_small .map_toggle { display: none !important; } .response_xsmall .default_content, .response_small .default_content { display: block !important; } .spectrum_meta_data h2 { margin: 0; padding: 0 0 20px 0; } .spectrum_meta_data_entry { padding-bottom: 9px; border-bottom: 1px solid #ccc; margin-bottom: 30px; } .spectrum_meta_data_entry .year { color: #456faf; font-size: 17px; } .spectrum_meta_data_entry h3 { margin: 0; } .spectrum_meta_data_entry p { margin-bottom: 10px; } .intro_conditional_content { display: none; } .third h2 { margin-bottom: 10px; } .third:first-child h2 { margin-top: 20px; } .freedom_banner { background: #FFF; } .freedom_banner h2, .freedom_banner h3, .freedom_banner h4, .freedom_banner h5, .freedom_banner p { padding-top: 0 !important; margin-top: 0 !important; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /*! jQuery UI - v1.9.2 - 2013-04-29 * http://jqueryui.com * Includes: * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Component containers ----------------------------------*/ .ui-widget { font-family: 'Rubrik-Light', Arial, sans-serif; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/images/jquery_ui_smoothness/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; } .ui-widget-header { border-bottom: 1px solid #CAC9C7; font-size: 17px; line-height: 20px; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #F6F6F5; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #d1d1d0; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #7F1399; color: #fff; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/images/jquery_ui_smoothness/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; color: #333; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(/images/jquery_ui_smoothness/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); } /* For IE8 - See #6059 */ /* Icons ----------------------------------*/ /* states and images */ .ui-icon { background-image: url(/images/jquery_ui_smoothness/ui-icons_222222_256x240.png); height: 16px; width: 16px; } .ui-widget-content .ui-icon { background-image: url(/images/jquery_ui_smoothness/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(/images/jquery_ui_smoothness/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/images/jquery_ui_smoothness/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/images/jquery_ui_smoothness/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(/images/jquery_ui_smoothness/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(/images/jquery_ui_smoothness/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/images/jquery_ui_smoothness/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-helper-hidden-accessible { display: none; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/images/jquery_ui_smoothness/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/jquery_ui_smoothness/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /* Date picker */ .ui-datepicker { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); background: #EDECEA; border: none; display: none; padding: 0 1em 1em; width: 18em; z-index: 101 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; height: 30px; position: absolute; top: 5px; width: 30px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: -7px; } .ui-datepicker .ui-datepicker-next { right: -7px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 5px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { background: transparent; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background: url(/images/jquery_ui_smoothness/arrows.png); display: block; height: 15px; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; width: 15px; } .ui-datepicker .ui-datepicker-prev-hover span { background-position: left bottom; } .ui-datepicker .ui-datepicker-next span { background-position: right top; } .ui-datepicker .ui-datepicker-next-hover span { background-position: right bottom; } .ui-datepicker .ui-datepicker-title { margin: 0; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { border-collapse: collapse; margin: 0 0; width: 100%; } .ui-datepicker th { background: transparent; border: 0; color: #999; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; padding: 0.7em 0.3em; text-align: center; } .ui-datepicker td { font-size: 12px; border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { color: #333; display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Autocomplete */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; z-index: 1000000; } .ui-menu { border: none; display: block; list-style: none; margin: 0; outline: none; position: absolute; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 15px; list-style: none; margin: 0; padding: 0; } .ui-menu .ui-menu-item:before { display: none; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { display: block; font-weight: normal; min-height: 0; /* support: IE7 */ padding: 3px 2%; text-decoration: none; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { background: #5997E2; border: none; } .ui-menu .ui-state-disabled { font-weight: normal; margin: 0.4em 0 0.2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0.2em; left: 0.2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .lake_level_graph { position: relative; width: 90px; margin-right: 40px; } .lake_level_graph .lake_level_block { height: 100px; line-height: 100px; border-right: solid 5px; text-align: center; } .lake_level_graph .lake_level_scale { position: absolute; height: 100%; width: 40px; right: -35px; top: 0; } .lake_level_graph .lake_level_scale div { border-top: solid 2px transparent; text-align: right; padding-right: 10px; } .lake_level_graph .lake_level_scale div.current { border-top-color: #6C217D; color: #6C217D; } .lake_level_graph .lake_level_scale div.current, .lake_level_graph .lake_level_scale div.below_current { background: url(/images/bg_water.jpg) repeat-y 5px top; } .lake_level_graph .lake_level_mask { position: absolute; right: 0; top: 0; width: 5px; height: 50px; background-color: #fff; opacity: 0.8; filter: alpha(opacity=80); } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* ---------- Loadable section on right panel ----------- */ .section_loading { background: url('/images/loader_large.png') no-repeat center center; min-height: 300px; width: 100%; } .section_loadable_small.section_loading { min-height: 150px; } .toggle_section { padding-bottom: 30px; } .section_holder { position: relative; } .section_loadable, .content_loadable { position: relative; } .loadable_grey { background-color: #46535F; } .toggle_active, .toggle_active:visited, .toggle_active:hover, .toggle_active:focus { background: #4F5C67; color: #fff; } /* -------------------- toggled popup from button ------------- */ .toggled_popup { background: #4F5C67; clear: both; display: none; margin: 0 -4.4545%; position: relative; top: -10px; /* 5px margin on the the link button */ z-index: 100; /* to be above graphs */ } .lte7 .toggled_popup { zoom: 1; } .panel .toggled_popup h2, .panel .toggled_popup h3, .panel .toggled_popup h4 { color: #fff; margin-top: 0; } .panel .toggled_popup h4 { font-size: 30px; line-height: 1; } .panel .toggled_popup p { color: #fff; } .toggled_popup_wrapper { padding: 30px 30px 25px; position: relative; z-index: 20; } .toggled_img { display: block; margin: 0 auto; max-width: 100%; } .toggled_popup_content .scfNumberGeneralPanel { margin-top: 10px; position: relative; } .toggled_popup_content .scfNumberGeneralPanel input { border: none; float: left; margin-right: 40%; padding-top: 3px; padding-bottom: 2px; width: 60%; } .toggled_popup_content .scfNumberGeneralPanel .input_suffix { color: #fff; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 20px; left: 70%; line-height: 25px; position: absolute; top: 3px; width: 30%; } .toggled_popup_content .scfNumberGeneralPanel .lte7 .input_suffix { zoom: 1; display: inline; } .toggled_popup_content .scfNumberGeneralPanel .scfNumberUsefulInfo { background: none; color: #fff; display: inline-block; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 12px; left: auto; top: auto; line-height: 12px; margin-top: -10px; margin-bottom: 20px; padding: 0 25px 0 0; position: relative; width: auto; } .toggled_popup_content .scfNumberGeneralPanel .scfNumberUsefulInfo:before { display: none; } .toggled_popup_content .scfNumberGeneralPanel .lte7 .scfNumberUsefulInfo { zoom: 1; display: inline; } .toggled_popup_content .scfNumberGeneralPanel .boxtrigger { background: url("/images/explanation_white.png") no-repeat 0 0; height: 15px; padding: 0; top: -2px; width: 15px; } .toggled_popup_content .scfCheckbox { width: 100%; padding-bottom: 10px; } .toggled_popup_content .scfCheckbox input { margin-top: 3px; } .toggled_popup_content .scfCheckbox label { font-size: 14px; padding-bottom: 0; } .toggled_popup_content .scfDropListLabel { width: 46%; font-size: 18px; padding: 8px 2% 0 0; } .toggled_popup_content .scfDropListLabel:after { content: ''; } .toggled_popup_content .scfDropListGeneralPanel { width: 50%; padding-top: 7px; } .toggled_popup_content .scfDropListBorder { margin-bottom: 5px; margin-top: 1px; } .toggled_popup_content .scfDropList, .toggled_popup_content .scfListBox { margin-bottom: 10px; } .toggled_popup_content .scfCheckboxBorder { margin: 0; padding: 0; } .toggled_popup_content label { color: #fff; } .toggled_popup_content input[type="checkbox"], .toggled_popup_content input[type="radio"] { float: left; } .toggled_popup_actions { padding-top: 10px; } .toggled_popup_close_icon { background: url('/images/light_dia_cross.png') no-repeat; cursor: pointer; display: block; height: 19px; position: absolute; right: 12px; top: 12px; width: 19px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: "alpha(opacity=70)"; opacity: 0.7; } .toggled_popup_close_icon:hover, .toggled_popup_close_icon:focus { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .toggled_popup_close_icon.dark { background: url('/images/dark_cross.png') no-repeat; } .lte7 .form_nolabels { zoom: 1; } .lte7 .toggled_popup_content p { zoom: 1; } .ajax_loader { display: block; position: absolute; width: 30px; height: 30px; left: 50%; top: 15%; margin: 0 0 0 -15px; border: 8px solid #fff; border-right-color: transparent; border-radius: 50%; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; -ms-animation: spin 1s linear infinite; -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); opacity: 0.4; } 50% { -webkit-transform: rotate(180deg); opacity: 1; } to { -webkit-transform: rotate(360deg); opacity: 0.4; } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); opacity: 0.4; } 50% { -moz-transform: rotate(180deg); opacity: 1; } to { -moz-transform: rotate(360deg); opacity: 0.4; } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); opacity: 0.4; } 50% { -ms-transform: rotate(180deg); opacity: 1; } to { -ms-transform: rotate(360deg); opacity: 0.4; } } @-o-keyframes spin { from { -o-transform: rotate(0deg); opacity: 0.4; } 50% { -o-transform: rotate(180deg); opacity: 1; } to { -o-transform: rotate(360deg); opacity: 0.4; } } @keyframes spin { from { transform: rotate(0deg); opacity: 0.2; } 50% { transform: rotate(180deg); opacity: 1; } to { transform: rotate(360deg); opacity: 0.2; } } .loader_bar { width: 100%; padding: 53px 0 14px; line-height: 1em; font-size: 16px; font-family: 'Rubrik-Medium', Arial, sans-serif; text-align: center; color: #FFF; position: fixed; top: 0; margin-top: -150px; left: 0; background: #46535F url(/images/loader_spin_dark_colours_32.gif) center 12px no-repeat; z-index: 1000001; opacity: 0.2; transition: top 0.4s 0.5s, opacity 0.4s 0.8s; -moz-transition: top 0.4s 0.5s, opacity 0.4s 0.8s; -webkit-transition: top 0.5s 0.4s, opacity 0.4s 0.8s; -o-transition: top 0.4s 0.5s, opacity 0.4s 0.8s; } .loader_bar.show { height: 100%; min-height: 100%; top: 0; opacity: 0.8; filter: alpha(opacity=80); } .login_block_wrapper { margin-top: 0; position: relative; } .android .login_block_wrapper { /** Android z-index fix **/ -webkit-transform: translateZ(0); } .login_block { background-color: #46535F; } .login_block .login_block_contain { padding-bottom: 25px; padding-top: 25px; } .login_block .login_block_contain .scfPasswordBorder, .login_block .login_block_contain .scfSingleLineTextBorder, .login_block .login_block_contain .scfSingleLineTextLabel, .login_block .login_block_contain h3 { clear: none; display: block; float: none; } .login_block .login_block_contain .scfPasswordBorder label, .login_block .login_block_contain .scfSingleLineTextBorder label, .login_block .login_block_contain .scfSingleLineTextLabel label, .login_block .login_block_contain h3 label { display: none; } .login_block .login_block_contain h3 { color: #FFF; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 20px; line-height: 30px; margin: 0 1% 0 0; } .login_block .login_block_contain input { margin-bottom: 0; margin-top: 7px; } .login_block .login_block_contain .scfPasswordBorder, .login_block .login_block_contain .scfSingleLineTextBorder { margin-right: 0; width: 97%; } .login_block .login_block_contain .scfPasswordBorder { margin-bottom: 5px; } .login_block .login_block_contain .scfSingleLineGeneralPanel, .login_block .login_block_contain .scfPasswordGeneralPanel { width: 100%; } .login_block .login_block_contain .scfPasswordBorder input, .login_block .login_block_contain .scfSingleLineTextBorder input { background-color: #6A7680; border: none; color: #ccc; } .login_block .login_block_contain .scfPasswordBorder input, .login_block .login_block_contain .scfSingleLineTextBorder input { padding-bottom: 6px; } .login_block .login_block_contain .scfPasswordBorder input::-webkit-input-placeholder, .login_block .login_block_contain .scfSingleLineTextBorder input::-webkit-input-placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; color: #999; font-style: normal; } .login_block .login_block_contain .scfPasswordBorder input:-moz-placeholder, .login_block .login_block_contain .scfSingleLineTextBorder input:-moz-placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-style: normal; color: #999; } .login_block .login_block_contain .scfPasswordBorder input::-moz-placeholder, .login_block .login_block_contain .scfSingleLineTextBorder input::-moz-placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; color: #999; font-style: normal; } .login_block .login_block_contain .scfPasswordBorder input:-ms-input-placeholder, .login_block .login_block_contain .scfSingleLineTextBorder input:-ms-input-placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; color: #999; font-style: normal; } .login_block .login_block_contain .scfPasswordBorder .fake_placeholder, .login_block .login_block_contain .scfSingleLineTextBorder .fake_placeholder { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; color: #999; font-style: normal; top: 5px; display: inline-block; } .login_block .login_block_contain .scfPasswordTextBox, .login_block .login_block_contain .scfSingleLineTextBox { width: 99%; } .login_block .login_block_contain .scfSubmitButtonBorder { padding-left: 0; } .login_block .login_block_contain .scfSubmitButtonBorder input { background-color: #343C47; color: #9A9EA3; margin-top: 7px; } .login_block .login_block_contain .reg_lost { float: right; padding-top: 12px; padding-right: 10px; } .login_block .login_block_contain .reg_lost p, .login_block .login_block_contain .reg_lost a { color: #9A9EA3; font-size: 12px; } .login_block .login_block_contain .reg_lost p { margin: 0; } .login_block .login_block_contain .reg_lost a { padding-top: 20px; padding-bottom: 20px; } .login_block .login_block_contain .reg_lost a.first { padding-right: 5px; } .login_block .login_block_contain .reg_lost a.last { padding-left: 5px; } .login_block.inactive { display: none; } .login_block.active { display: block; } .login_block.temp h3 { width: 100%; padding-bottom: 5px; } .login_block.temp .first_time { float: left; width: 100%; position: relative; } .login_block.temp .orange_alert { padding: 0 10px; margin-top: 10px; float: left; width: 10px; } .login_block.temp h5 { font-size: 14px; color: #FFF; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; /*padding-left: 30px;*/ margin-top: 10px; margin-bottom: 10px; line-height: 20px; } .login_block.temp h5 a { color: #FFF; border-bottom: 1px solid #FFF; white-space: nowrap; } .login_block.temp .scfPasswordBorder input, .login_block.temp .scfSingleLineTextBorder input { background-color: #fff; border: 1px solid transparent; color: #333; } .login_block.temp .scfPasswordBorder input:focus, .login_block.temp .scfSingleLineTextBorder input:focus { border: 1px solid #2D7BDB; } .login_block.temp .scfSubmitButtonBorder input { background-color: #2D7BDB; color: #FFF; } .login_block.temp .reg_lost { padding-top: 10px; } .login_block.temp .reg_lost p, .login_block.temp .reg_lost a { color: #FFF; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .login_form { color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; width: 100%; max-width: 400px; margin: 0 auto; text-align: left; font-size: 14px; /* Base for label styling */ /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ /* disabled checkbox */ /* accessibility */ /* hover style just for information */ } .login_form p { font-size: 14px; } .login_form .login_form__fields { margin: 10px 0; } .login_form .login_form__fields--register-now { display: block; overflow: hidden; } .login_form .login_form__fields--with-division { margin-top: 31px; padding-top: 21px; border-top: 2px solid #B4B4B4; } .login_form .login_form__fields--blue-border-box { border: 1px solid #1D79DE; background-color: #F8F8F8; padding: 15px; margin-top: 20px; } .login_form .login_form__fields--blue-border-box div { display: -webkit-box; display: -ms-flexbox; display: flex; } .login_form .login_form__fields--blue-border-box .overlap_icon { margin-right: 14px; color: #1D79DE; } .login_form .login_form__fields--blue-border-box .overlap_icon:before { line-height: 1.4; } .login_form .login_form__fields--blue-border-box p { margin-bottom: 0; } .login_form .login_form__flex-fields { display: -webkit-box; display: -ms-flexbox; display: flex; } .login_form .login_form__flex-fields .login_form__input, .login_form .login_form__flex-fields .login_form__select { margin: 10px; } .login_form .login_form__flex-fields .login_form__input:first-child, .login_form .login_form__flex-fields .login_form__select:first-child { margin-left: 0; } .login_form .login_form__flex-fields .login_form__input:last-child, .login_form .login_form__flex-fields .login_form__select:last-child { margin-right: 0; } .login_form .login_form__flex-fields div { margin-right: 10px; } .login_form .login_form__flex-fields div .login_form__input, .login_form .login_form__flex-fields div .login_form__select { margin: 0px; } .login_form .login_form__flex-fields div:last-child { margin-right: 0; } .login_form .login_form__flex-fields div.smaller { flex: 0 2 auto; } .login_form .login_form__input, .login_form .login_form__select { border: #ccc 1px solid; background-color: white; padding: 13px; font-size: 14px; width: 100%; margin: 10px 0; } .login_form .login_form__input::-webkit-input-placeholder, .login_form .login_form__select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: inherit; } .login_form .login_form__input::-moz-placeholder, .login_form .login_form__select::-moz-placeholder { /* Firefox 19+ */ font-family: inherit; } .login_form .login_form__input:-ms-input-placeholder, .login_form .login_form__select:-ms-input-placeholder { /* IE 10+ */ font-family: inherit; } .login_form .login_form__input:-moz-placeholder, .login_form .login_form__select:-moz-placeholder { /* Firefox 18- */ font-family: inherit; } .login_form .login_form__input--amount, .login_form .-amount { font-size: 18px; color: #1D79DE; font-family: 'Rubrik-Regular', Arial, sans-serif; } .login_form .login_form__select { -webkit-appearance: none; appearance: none; background-position: calc(100% - 13px) center; background-image: url(/images/grey_dark_down.png); background-repeat: no-repeat; padding: 13px 30px 13px 13px; } .login_form .login_form__select::-ms-expand { display: none; } .login_form .login_form__label { font-size: 14px; display: block; } .login_form .login_form__title { font-size: 24px !important; color: #444444 !important; font-family: 'Rubrik-Light', Arial, sans-serif !important; } .login_form .btn__wide { width: 100%; margin-bottom: 0; } .login_form .help:after { font-family: "tp-glyphs" !important; font-size: 14px; text-decoration: none; content: "o"; margin: 0 -20px 0 6px; position: relative; top: 2px; } .login_form [type="checkbox"]:not(:checked), .login_form [type="checkbox"]:checked { position: absolute; left: -9999px; } .login_form [type="checkbox"]:not(:checked) + .checkbox-fake, .login_form [type="checkbox"]:checked + .checkbox-fake { position: relative; padding-left: 2.95em; cursor: pointer; } .login_form [type="checkbox"]:not(:checked) + .checkbox-fake:before, .login_form [type="checkbox"]:checked + .checkbox-fake:before { content: ''; position: absolute; left: 0; top: calc(50% + 10px); width: 2.25em; height: 2.25em; border: 1px solid #DDDDDD; transform: translateY(-50%); } .login_form [type="checkbox"]:not(:checked) + .checkbox-fake:after, .login_form [type="checkbox"]:checked + .checkbox-fake:after { content: ' '; position: absolute; top: calc(-0.1em + 10px); left: 0.3em; font-size: 1.3em; line-height: 0.8; color: #09ad7e; transition: all 0.2s; background: url(/images/checkbox-tick.svg) no-repeat 0 0; width: 1.25em; height: 1.25em; } .login_form [type="checkbox"]:not(:checked) + .checkbox-fake:after { opacity: 0; transform: scale(0); } .login_form [type="checkbox"]:checked + .checkbox-fake:after { opacity: 1; transform: scale(1); } .login_form [type="checkbox"]:disabled:not(:checked) + .checkbox-fake:before, .login_form [type="checkbox"]:disabled:checked + .checkbox-fake:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .login_form [type="checkbox"]:disabled:checked + .checkbox-fake:after { color: #999; } .login_form [type="checkbox"]:disabled + .checkbox-fake { color: #aaa; } .login_form .checkbox-fake:hover:before { border: 2px solid #4778d9 !important; } .login_form .-hidden-anim { position: absolute; visibility: hidden; } .login_form .-hidden-anim .login_form__fields { opacity: 0; transform: translateX(-80%); transition: all 1s; } .login_form .-hidden-anim.-visible { position: relative; visibility: visible; } .login_form .-hidden-anim.-visible .login_form__fields { transform: translateX(0); opacity: 1; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(1) { transition-delay: 0.1s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(2) { transition-delay: 0.2s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(3) { transition-delay: 0.3s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(4) { transition-delay: 0.4s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(5) { transition-delay: 0.5s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(6) { transition-delay: 0.6s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(7) { transition-delay: 0.7s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(8) { transition-delay: 0.8s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(9) { transition-delay: 0.9s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(10) { transition-delay: 1s; } .login_form .-hidden-anim.-visible .login_form__fields:nth-child(11) { transition-delay: 1.1s; } .login_form .hasError .login_form__input, .login_form .hasError .login_form__select { border-color: #F20032; border-style: dashed; background: #FFE7EB; } .login_form .loginValidatorError { color: #F20032; } .login_form .btn { font-size: 1em; } .login_form .confirmAuthorityChkPanel .scfConfirmAuthorityChk { vertical-align: text-top; position: relative; left: auto; top: 1px; } .login_form .confirmAuthorityChkPanel .scfConfirmAuthorityChk + label { display: inline; } .login_form .confirmAuthorityChkPanel .scfRequired { width: 100%; } .login_actions_container { position: relative; z-index: 1001; } .login_actions { max-width: 100%; position: fixed; top: 50px; right: 0; width: 400px; z-index: 5; } .android .login_actions { /** Android z-index fix **/ -webkit-transform: translateZ(0); } .lte8 .login_actions { right: auto; width: 100%; zoom: 1; } /* Login */ .login { display: none; position: relative; } .lte7 .login { zoom: 1; } .login .login_container { background: #4F5C67; padding: 22px 30px 22px 30px; } .login_regular .login_container { padding-bottom: 0; } .login a:focus { outline: none; } .login_close { background: url("/images/fancybox/cross_sprite.gif") no-repeat; background-position: 0 -66px; display: block; height: 33px; overflow: hidden; position: absolute; right: 5px; text-indent: -999px; top: 5px; width: 33px; z-index: 2; opacity: 0.5; } .login_close:hover { opacity: 1; } /* Form stuff */ .login h5 { color: #fff; font-size: 15px; margin-top: -5px; font-family: 'Rubrik-Light', Arial, sans-serif; margin-bottom: 20px; } .login h5 a { color: #fff; font-family: 'Rubrik-Medium', Arial, sans-serif; } .login h5 a.btn { font-size: 1em; } .login .login_container legend { border-bottom: none; color: #FFF; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 30px; letter-spacing: -1px; line-height: 40px; margin-bottom: 0; padding: 0 30px 10px 0; text-transform: none; width: auto; } .lte7 .login h5 a, .lte7 .login .h5 a { font-family: 'Rubrik-Regular', Arial, sans-serif; } .lte7 .login .login_container legend { border: none; padding-bottom: 20px; } .lte8 .login .login_container legend { font-family: 'Rubrik-Light', Arial, sans-serif; } .login_regular legend { font-size: 40px; } .login_regular h5 { margin-top: 10px; } .login_regular .login_container.top { border-bottom: 1px solid #999; border-bottom: 1px solid rgba(153, 153, 153, 0.6); padding-bottom: 10px; } .login_regular .login_container.bot { padding-top: 25px; } .orange_alert { display: inline-block; position: relative; width: 30px; } .lte7 .orange_alert { display: none; } .orange_alert:before { background: url('/images/orange_alert.png'); content: ' '; left: 0; padding: 10px; position: absolute; top: -2px; } .login_regular .update_a a { float: right; margin: 0; } .login legend:after { background: none; } .lte7 .login h5 { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; } .login label, .login .login_container.bot label { color: #fff; display: none; width: auto; margin-bottom: 5px; } .login .login_container.bot label { border: none; margin-bottom: 0; padding-bottom: 5px; padding-left: 0; } .login .required label:after { color: #fff; } .lte8 .login_container.top h5 { padding-bottom: 12px; } .login ::-webkit-input-placeholder { color: #999; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1em; font-style: normal; } .login :-moz-placeholder { color: #999; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1em; font-style: normal; } .login ::-moz-placeholder { color: #999; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1em; font-style: normal; } .login :-ms-input-placeholder { color: #999; font-family: 'Rubrik-Light', Arial, sans-serif; font-style: normal; } .login label.fake_placeholder, .login .login_container.bot .fake_placeholder { color: #999; font-family: 'Rubrik-Light', Arial, sans-serif; font-style: normal; font-size: 14px; padding-left: 2.3%; padding-top: 7px; width: 97%; } .login .login_container.bot .fake_placeholder { width: 85%; } .login .scfEmailGeneralPanel input, .login .scfPasswordGeneralPanel input { font-size: 16px; line-height: 18px; margin-bottom: 10px; } .login .scfEmailGeneralPanel, .login .scfPasswordGeneralPanel, .login .scfSingleLineGeneralPanel { float: none; width: 100%; position: relative; } .login .scfEmailGeneralPanel input, .login .scfPasswordGeneralPanel input { padding-bottom: 6px; padding-top: 8px; } .login .scfEmailTextBox, .login .scfPasswordTextBox { width: 94%; } .login .has_fancybox .scfEmailTextBox { width: 84%; } .login .scfEmailGeneralPanel .boxtrigger { top: -3px; } /* Login Checkbox & Submit */ .login .scfFooterBorder { border: none; margin-top: -6px; padding-top: 0; } .login .scfCheckboxBorder { color: #fff; margin-top: 12px; padding-bottom: 10px; padding-right: 36px; } .lte8 .login .scfCheckboxBorder { float: left; white-space: nowrap; } .login .scfFooterBorder .scfCheckbox label { font-size: 14px; } .login .scfFooterBorder .scfCheckbox label, .lte8 .login .scfFooterBorder .scfCheckbox label { display: inline; } .login .scfSubmitButtonBorder { padding-left: 20px; } .login .scfSubmitButtonBorder input { font-size: 14px; line-height: 18px; margin-bottom: 0; margin-top: 5px; padding: 7px 20px 5px; } .login_forgotten .login_container { padding-top: 30px; } .login .scfValidator, .login .scfValidatorRequired { color: #fff; } .login_forgotten_back { float: left; font-family: 'Rubrik-Regular', Arial, sans-serif; margin-bottom: 0; } .login_forgotten_back a { color: #fff; display: block; padding-top: 10px; } .login_forgotten_back a:hover, .login_forgotten_back a:focus { text-decoration: underline; } /* Login Extra Links */ .login .register { position: relative; } .login .register a { color: #FFF; display: block; float: left; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 14px; line-height: 20px; padding-bottom: 15px; padding-top: 15px; position: relative; } .login .register a:hover, .login .register a:focus { text-decoration: underline; } .login .register .first { padding-right: 15px; } .login .register .first:after { content: ''; position: absolute; right: 0; background: #999; background: rgba(153, 153, 153, 0.6); width: 1px; height: 1em; top: 1.25em; } .login .register .last { padding-left: 14px; } /* Login Footer */ .login_foot { background: #35404A; background: url('/images/login_btm_bg.png'); background: rgba(53, 64, 74, 0.95); /* #35404A */ width: 100%; } .login_foot a { color: #999; display: block; float: left; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 14px; line-height: 20px; padding-bottom: 10px; padding-top: 10px; position: relative; } .login_foot a:after { background: url('/images/login_arrow.png') no-repeat; content: ' '; padding: 7px; position: absolute; top: 17px; } .login_foot a:hover, .login_foot a:focus { text-decoration: underline; } .login_foot .first:after { right: 8px; } .login_foot .last:after { right: -25px; } .login_foot .first { padding-left: 30px; padding-right: 31px; } .login_foot .last { padding-left: 20px; } /* Login Oops */ .login_oops { background: #FF6800; background: url('/images/login_oops_bg.png'); background: rgba(255, 104, 0, 0.95); padding: 10px 30px; } .login_oops h2, .login_oops h5 { color: #fff; } .login_oops .btn { float: right; margin-right: 0; } /* Login change error */ .login_change_err { background: url('/images/change_err_bg.png') #F30D3C; background-color: rgba(242, 13, 60, 0.95); } .login_change_err .login_container { background: none; } .manage-payment__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .manage-payment__col { width: 40%; color: #333; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 13px; line-height: 15px; padding-top: 0.7em; } .manage-payment__col:last-child { width: 60%; border-bottom: 0.1em solid #EAEAEA; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; padding-bottom: 0.7em; } .manage-payment__col.manage-payment__last { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .marketing_banner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .marketing_banner *, .marketing_banner *:before, .marketing_banner *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .marketing_banner .top_container_default { font-family: "Rubrik-Light", Arial, sans-serif; } .marketing_banner .top_container_default.customInlineBackground .bg_container_wrapper { background: transparent !important; } .marketing_banner .top_container_default.customInlineBackground .module { background: transparent !important; } .marketing_banner .top_container_default .SingleBackground { background: transparent !important; } .marketing_banner .bg_container_wrapper { position: relative; } .marketing_banner .bg_container_wrapper .bg_container { background-size: cover; } .marketing_banner .bg_container_wrapper div.bg_container_desktop, .marketing_banner .bg_container_wrapper div.bg_container_tablet, .marketing_banner .bg_container_wrapper div.bg_container_mobile, .marketing_banner .bg_container_wrapper .bg_container_img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .marketing_banner .bg_container_wrapper div.bg_container_desktop, .marketing_banner .bg_container_wrapper div.bg_container_tablet { display: none; } .marketing_banner .bg_container_wrapper .bg_container_img { background-repeat: no-repeat; } .marketing_banner .bg_container_wrapper .bg_container_img.mobile-top { background-position: center top; } .marketing_banner .bg_container_wrapper .bg_container_img.mobile-right { background-position: center right; } .marketing_banner .bg_container_wrapper .bg_container_img.mobile-bottom { background-position: center bottom; } .marketing_banner .bg_container_wrapper .bg_container_img.mobile-left { background-position: center left; } .marketing_banner .bg_container_wrapper .banner_header_content_pos { position: relative; max-width: 1425px; margin: 0 auto; height: 100%; width: 100%; } .marketing_banner .bg_container_wrapper .banner_header_content_pos.mobile-top { padding: 0; padding-top: 130px; } .marketing_banner .bg_container_wrapper .banner_header_content_pos.mobile-top.NoFooter { padding-bottom: 20px; } .marketing_banner .bg_container_wrapper .banner_header_content_pos.mobile-bottom { padding: 0; padding-bottom: 115px; } .marketing_banner .bg_container_wrapper .banner_header_content_pos.mobile-left { padding: 0; padding-left: 115px; } .marketing_banner .bg_container_wrapper .banner_header_content_pos.mobile-left.NoFooter { padding-bottom: 20px; } .marketing_banner .bg_container_wrapper .banner_header_content_pos.mobile-right { padding: 0; padding-right: 115px; } .marketing_banner .bg_container_wrapper .banner_header_content_pos.mobile-right.NoFooter { padding-bottom: 20px; } .module.marketing_banner { /*SECTION 1*/ /*SECTION 2*/ /*SECTION 3*/ /*SECTION 4*/ /* SECTION 3 */ /*OPTION 1*/ /*OPTION 2*/ /*OPTION 3*/ /* Specialisations for smaller devices / /* iPad and smaller desktop */ /* iPhone 6 and smaller in portrait */ /*ADAM new flex styles*/ /* Flex box sizing for sections with background colour */ } .module.marketing_banner .section_2_content img { width: 28px; } .module.marketing_banner .section_1 { padding-top: 70px; padding-bottom: 17px; width: 100%; } .module.marketing_banner .section_1 .top_heading { /* Free 40” Samsung UHD: */ font-size: 40px; letter-spacing: -1.5px; line-height: 44px; } .module.marketing_banner .section_1 .second_heading { /* when you join for po: */ padding-top: 0; font-size: 22px; letter-spacing: -0.92px; line-height: 27px; } .module.marketing_banner .section_2 { padding-top: 17px; padding-bottom: 17px; align-content: center; text-align: center; min-height: 50px; margin-top: 0px; width: 100%; margin-left: auto; margin-right: auto; } .module.marketing_banner .section_2 .section_2_padding { width: 100%; } .module.marketing_banner .section_2 .section_2_inner { margin-left: auto; margin-right: auto; max-width: 800px; text-align: center; padding-left: 18px; padding-right: 18px; overflow: hidden; } .module.marketing_banner .section_2 .section_2_content { padding-top: 10px; padding-bottom: 10px; overflow: hidden; text-align: center; } .module.marketing_banner .section_2 .section_2_iconwrap { display: inline-block; margin-top: 5px; margin-bottom: 5px; width: 90%; } @media only screen and (max-width: 548px) { .module.marketing_banner .section_2 .section_2_iconwrap { float: left; } .module.marketing_banner .section_2 .section_2_text { text-align: center; } } .module.marketing_banner .section_2 .section_2_text { text-align: left; vertical-align: middle; margin-right: 35px; font-size: 18px; letter-spacing: -0.5px; line-height: 22px; padding-top: 2px; clip: auto; display: inline-table; width: 100%; } .module.marketing_banner .section_2 img { vertical-align: top; padding: 0; position: absolute; left: 20px; } .module.marketing_banner .section_3 { padding: 40px 0px 46px 0px; margin-left: auto; margin-right: auto; width: 100%; text-align: center; } @media only screen and (max-width: 480px) { .module.marketing_banner .section_3 { padding: 0px 0px 30px 0px; } .module.marketing_banner .section_2 .section_2_text { text-align: center; } } .module.marketing_banner .section_3 .section_3_padding { padding-left: 18px; padding-right: 18px; } .module.marketing_banner .section_3 .section_3_inner { margin-left: auto; margin-right: auto; border: 1px solid; min-height: 42px; line-height: 22px; padding: 10px; margin-bottom: 0px; font-size: 14px; letter-spacing: -0.59px; text-align: center; } .module.marketing_banner .section_3 .section_3_content { padding: 10px; } .module.marketing_banner .section_3 span { font-size: 14px; letter-spacing: -0.59px; } .module.marketing_banner .section_3 span::after { content: "|"; margin-left: 18px; margin-right: 18px; } .module.marketing_banner .section_3 span:last-child::after { content: ""; margin-left: 0px; margin-right: 0px; } .module.marketing_banner .section_3 span.divider { margin-left: 18px; margin-right: 18px; } .module.marketing_banner .section_4 { max-width: 100%; min-height: 46px; line-height: 22px; padding: 17px 18px; margin-top: 0; text-align: center; } .module.marketing_banner .section_4 span.promo_text { font-size: 18px; letter-spacing: -0.5px; max-width: 605px; } .module.marketing_banner .section_4 a { line-height: 46px; margin-left: 8px; white-space: nowrap; font-family: 'Rubrik-Medium'; font-size: 18px; letter-spacing: -0.61px; } @media only screen and (max-width: 900px) { .module.marketing_banner .section_4 .find_more { display: block; } } .module.marketing_banner .section_3 { display: none; } .module.marketing_banner.option1 .inside-container.section_3, .module.marketing_banner.option2 .inside-container.section_3 { display: block; } .module.marketing_banner.option3 .outside-container.section_3 { display: block; } .module.marketing_banner.option1 .section_3 .section_3_padding { display: inline-block; } .module.marketing_banner.option2 .section_1, .module.marketing_banner.option2 .section_2 { text-align: left; padding-left: 10%; } .module.marketing_banner.option2 .section_1 .section_1_top_heading { width: 100%; } .module.marketing_banner.option2 .section_2 { width: 100%; margin-left: 10%; } .module.marketing_banner.option2 .section_2 .section_2_inner { margin-left: 0px; margin-right: 0px; text-align: left; align-content: left; padding: 0px; } .module.marketing_banner.option2 .section_2 .section_2_content { padding: 0px; text-align: left; } .module.marketing_banner.option2 .section_3 { padding: 0px; margin: 0px; width: 40%; } .module.marketing_banner.option2 .section_3 .section_3_inner { border: 0px; text-align: left; } .module.marketing_banner.option2 .section_3 .section_3_inner span { margin-left: 30px; text-indent: -26px; display: block; } .module.marketing_banner.option2 .section_3 span::after { content: ""; margin-left: 0px; margin-right: 18px; display: block; } .module.marketing_banner.option2 .section_3 span:last-child::after { content: ""; margin-left: 0px; margin-right: 0px; } .module.marketing_banner.option2 .section_3 span::before { content: ">"; margin-left: 0px; margin-right: 18px; } .module.marketing_banner.option3 .section_3 { padding: 0px; } .module.marketing_banner.option3 .section_3 .section_3_inner { border: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 10px; } .module.marketing_banner .section_2 .section_2_iconwrap { white-space: nowrap; } .module.marketing_banner .section_2 .section_2_iconwrap > span { white-space: normal; } @media only screen and (max-width: 806px) { .module.marketing_banner.option2 .section_1 { padding-left: 18px; padding-right: 18px; box-sizing: border-box; display: inline-block; } .module.marketing_banner.option2 .section_3 { width: 47%; } .module.marketing_banner.option2 .section_2 { margin-left: 2%; } .module.marketing_banner.option2 .section_2 .section_2_inner { padding-left: 35px; } .module.marketing_banner.option2 .section_3 { padding: 0px; margin: 0px; padding-left: 18px; } .module.marketing_banner.option2 .section_2_iconwrap span { white-space: normal; } .module.marketing_banner.option1 .section_1, .module.marketing_banner.option2 .section_1, .module.marketing_banner.option3 .section_1 { width: 100%; margin: 0; padding-left: 18px; padding-right: 18px; box-sizing: border-box; } .module.marketing_banner.option2 .section_1 .section_1_top_heading { width: 100%; } .module.marketing_banner.section_4 a { display: block; } } @media only screen and (max-width: 650px) { .module.marketing_banner.option1 .section_1, .module.marketing_banner.option2 .section_1, .module.marketing_banner.option3 .section_1 { padding-left: 15px; padding-right: 15px; } .module.marketing_banner.option2 .section_2 .section_2_inner { border-right: 0px; } .module.marketing_banner.option2 .section_1 .section_1_top_heading { width: 100%; text-align: center; } .module.marketing_banner.option2 .section_1 .section_1_subtext { text-align: center; } .module.marketing_banner.option2 .section_2, .module.marketing_banner.option2 .section_3 { width: 100%; margin: 0; padding-left: 18px; padding-right: 18px; box-sizing: border-box; } .module.marketing_banner.option2 .section_2 { padding-bottom: 20px; } .module.marketing_banner .section_3 .section_3_inner { padding: 0; } .module.marketing_banner.option2 .section_2 .section_2_content { padding-bottom: 20px; } } @media only screen and (max-width: 375px) and (orientation: portrait) { .module.marketing_banner.option2 .section_1 .section_1_top_heading { width: 100%; } .module.marketing_banner .section_3 span { white-space: normal; } } .module.marketing_banner.option2 .section_2, .module.marketing_banner.option2 .section_3 { box-sizing: border-box; } .module.marketing_banner.option2 .banner_header_content { flex-flow: row wrap; -webkit-flex-flow: row wrap; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module.marketing_banner.option2 .section_2, .module.marketing_banner.option2 .section_3 { flex: 1 50%; box-sizing: border-box; margin: 0; } @media only screen and (min-width: 651px) { .module.marketing_banner.option2 .section_3 { flex: 1 40%; } .module.marketing_banner.option2 .section_2 { padding-left: 18px; flex: 1 45%; } .module.marketing_banner.option2 .section_3[class*="free_"] { flex: 1 35%; } } @media only screen and (min-width: 806px) { .module.marketing_banner.option2 .section_2 { padding-left: 10%; flex: 1 25%; } .module.marketing_banner.option2 .section_1 .section_1_top_heading { width: 100%; } } @media only screen and (max-width: 650px) { .module.marketing_banner.option2 .section_2, .module.marketing_banner.option2 .section_3 { flex: 1 100%; } .module.marketing_banner.option2 .section_2 { padding-left: 18px; } } .dsl_to_fibre_confirm { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding-top: 4.5rem; padding-bottom: 10.5rem; margin: 0 auto; } .dsl_to_fibre_confirm *, .dsl_to_fibre_confirm *:before, .dsl_to_fibre_confirm *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin: 0; padding: 0; } .dsl_to_fibre_confirm .dsl_to_fibre_confirm_header { margin-bottom: 3rem; } .dsl_to_fibre_confirm .dsl_to_fibre_confirm_header .dsl_to_fibre_confirm_tile { font-family: "Rubrik-SemiBold", Arial, sans-serif; font-size: 2.5rem; line-height: 36px; margin-bottom: 1rem; } .dsl_to_fibre_confirm .dsl_to_fibre_confirm_header .dsl_to_fibre_confirm_subTitle { color: #808080; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 2rem; line-height: 2.1rem; margin: 0; } .dsl_to_fibre_confirm .dsl_to_fibre_confirm_list { max-width: 76.8rem; margin: 0 auto; margin-bottom: 3rem; text-align: left; padding: 0 2rem; } .dsl_to_fibre_confirm .dsl_to_fibre_confirm_list li { color: #808080; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.5rem; line-height: 2.1rem; padding: 1.5rem 1rem 1.5rem 6rem; background-image: url('/images/components/marketing_automation/check.png'); background-position: left center; background-repeat: no-repeat; background-size: 3.7rem; } .dsl_to_fibre_confirm .dsl_to_fibre_confirm_list li:before { content: ''; margin-left: 0; padding-right: 0; } .dsl_to_fibre_confirm .dsl_to_fibre_confirm_cta { width: 100%; max-width: 255px; padding-top: 0.95rem; padding-bottom: 0.95rem; padding-left: 0px !important; padding-right: 0px !important; margin: 0px; font-size: 1.4rem; letter-spacing: -0.5px; line-height: 2.4rem; } .dsl_to_fibre_confirm .dsl_to_fibre_confirm_cta:hover { background-color: #196ac3; cursor: pointer; text-decoration: none; opacity: 1; } .dsl_to_fibre_details h2.incentive_header_text { background-color: white; padding-top: 4rem; margin: 0 auto; font-family: 'Rubrik-Medium', Arial, sans-serif; text-align: center; } .dsl_to_fibre_details .content_holder + .content_holder { padding-top: 2em; } .dsl_to_fibre_details .scfEmailTextBox { margin-bottom: 0 !important; } .dsl_to_fibre_details .details_module { padding-top: 3rem; } .dsl_to_fibre_details .details_module .section_header { padding-top: 0 !important; } .dsl_to_fibre_details .details_module .incentive_title_text { font-family: 'Rubrik-semibold', Arial, sans-serif !important; margin-bottom: 0.5rem; } .dsl_to_fibre_details .details_module .incentive_content_container { display: inline-block; width: 100%; } .dsl_to_fibre_details .details_module .incentive_content_container .incentive_image { width: 40%; padding-bottom: 2rem; } .dsl_to_fibre_details .details_module .incentive_content_container .incentive_image img { max-width: 100%; max-height: 100%; } .dsl_to_fibre_details .details_module .incentive_content_container h2.section_header { padding-top: 0 !important; padding-bottom: 2rem; } .dsl_to_fibre_details .details_module .account_info_label { font-family: 'Rubrik-regular', Arial, sans-serif; font-weight: bold; } .dsl_to_fibre_details .details_module .alt_address_panel { padding-top: 1em; } .dsl_to_fibre_details .details_module p.alt_address_label { padding-top: 1rem; padding-bottom: 1rem; font-family: 'Rubrik-regular', Arial, sans-serif; color: #666; font-weight: bold; margin-bottom: 0; } .dsl_to_fibre_details .details_module p.account_info_detail.label { padding-top: 3px; } .dsl_to_fibre_details .details_module .label_has_fancybox { width: 100%; } .dsl_to_fibre_details .details_module .label_has_fancybox .boxtrigger { margin-top: -9.5px; } .dsl_to_fibre_details .details_module .dslToFibreContinuePanel { padding-top: 5rem; } .dsl_to_fibre_details .details_module .address_container { padding-top: 0; } .dsl_to_fibre_details .details_module .scfSingleLineTextLabel { font-family: 'Rubrik-regular', Arial, sans-serif; color: #666; font-weight: bold; cursor: unset; } .dsl_to_fibre_details .details_module .fe_details_terms { margin-left: 0; padding-top: 2.5rem; } .dsl_to_fibre_details .details_module .dsl_form_trigger { padding-top: 0; padding-bottom: 1em; } .dsl_to_fibre_details .details_module .dsl_form_trigger .trigger_btn { border: 1px solid #1d79de; opacity: 0.49; color: #1d79de; width: 30%; margin-right: 1rem; cursor: pointer; display: inline-block; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.4em; line-height: 1.428571em; padding: 0.357143em 0.714286em; text-align: center; text-decoration: none; white-space: nowrap; padding: 0.5em 0.5em; text-transform: uppercase; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .dsl_to_fibre_details .details_module .dsl_form_trigger .trigger_btn:hover, .dsl_to_fibre_details .details_module .dsl_form_trigger .trigger_btn:focus { opacity: 1; outline: #1d79de solid 2px; } .dsl_to_fibre_details .details_module .dsl_form_trigger .trigger_btn.active, .dsl_to_fibre_details .details_module .dsl_form_trigger .trigger_btn:active { background: #1d79de; opacity: 1; color: #fff; text-decoration: none; border: 1px solid transparent; } .dsl_to_fibre_details .details_module .fe_checkbox_checkmark { border: 1.4px solid #CCCCCC; border-radius: 1px; top: 6px; } .dsl_to_fibre_details .details_module .btn_details { width: 100%; padding: 0.8em 0.8em 0.8em 0.8em; } .dsl_to_fibre_details .details_module .btn_details:disabled { background: #1d79de; opacity: 0.49; color: #fff; border: 1px solid #1d79de; text-decoration: none; } .dsl_to_fibre_details .details_module .select_incentive, .dsl_to_fibre_details .details_module .change_incentive { clear: both; margin: 2rem 0; } .dsl_to_fibre_details .details_module .select_incentive .btn_incentive, .dsl_to_fibre_details .details_module .change_incentive .btn_incentive { background: #1d79de; text-transform: uppercase; color: #fff; padding: 0.65em 1.8em 0.65em 1.8em; font-size: 1.8em; font-family: 'Rubrik-Regular', Arial, sans-serif; white-space: inherit; text-align: center; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; border: 1px solid currentColor; } .dsl_to_fibre_details .details_module .select_incentive .btn_incentive:hover, .dsl_to_fibre_details .details_module .change_incentive .btn_incentive:hover, .dsl_to_fibre_details .details_module .select_incentive .btn_incentive:focus, .dsl_to_fibre_details .details_module .change_incentive .btn_incentive:focus { background: #196ac3; color: #fff; text-decoration: none; } .dsl_to_fibre_details .details_module .scfSubmitButtonBorder { width: 100%; padding-left: 0; } .dsl_to_fibre_details .details_module .single_line_textbox { margin-bottom: 0 !important; } @media only screen and (min-width: 480px) and (max-width: 749px) { .dsl_to_fibre_details .scfSingleLineTextLabel { width: 42%; } } .tip_label { width: 100% !important; padding-top: 1rem; } .tip_label .boxtrigger { margin-left: 0 !important; margin-top: -10px !important; right: auto !important; top: auto !important; } /*Offer and rates module style for dsl page*/ .dsl_offer_module_bottom { padding-bottom: 0 !important; } .dsl_offer_padding_top { padding-top: 2rem !important; width: 84% !important; } .dsl_offer_module_top { text-align: center !important; font-family: Rubrik-Medium, Arial, sans-serif !important; font-size: 2em !important; padding-bottom: 2em !important; } .dsl_rates_display_header { font-family: Rubrik-Medium, Arial, sans-serif !important; font-size: 2em !important; color: #444 !important; } .dsl_rates_display-padding { margin-top: 1em !important; } .btn_reload_session { background: #1d79de; color: #fff; display: inline-block; font-family: 'Rubrik-Regular', Arial, sans-serif; cursor: pointer; font-size: 1.4rem; padding: 1rem 2rem; white-space: nowrap; text-transform: uppercase; border: 1px solid transparent; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .btn_reload_session:hover, .btn_reload_session:focus { background: #196ac3; color: #fff; text-decoration: none; } .main .content .dsltofibre_promo_module { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 3rem 0; background-color: #fff; } .main .content .dsltofibre_promo_module *, .main .content .dsltofibre_promo_module *:before, .main .content .dsltofibre_promo_module *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin: 0; padding: 0; } .main .content .dsltofibre_promo_module .dsltofibre_promo_module_content { max-width: 80.8rem; margin: 0 auto; padding: 1rem; padding-left: 2rem; padding-right: 2rem; } .main .content .dsltofibre_promo_module h2 { color: #4A4A4A; font-family: "Rubrik-Medium", Arial, sans-serif; font-size: 3rem; line-height: 3.2rem; text-align: center; margin-bottom: 4rem; word-spacing: 4px; } .main .content .dsltofibre_promo_module h3 { color: #7F1399; font-family: "Rubrik-SemiBold", Arial, sans-serif; font-size: 2.5rem; line-height: 2.5rem; margin: 1rem 0; text-align: center; margin-top: 0; } .main .content .dsltofibre_promo_module h4 { color: #7F1399; font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 1.8rem; line-height: 2rem; margin-bottom: 1rem; text-align: center; letter-spacing: 0px; } .main .content .dsltofibre_promo_module p { color: #4A4A4A; font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 1.4rem; line-height: 1.7rem; text-align: center; } .main .content .dsltofibre_promo_module .bottom_tile, .main .content .dsltofibre_promo_module .top_tile { max-width: 66.3rem; margin: 0 auto; margin-bottom: 15px; background-color: rgba(127, 19, 153, 0.12); box-shadow: 0 2px 14px 0 rgba(200, 200, 200, 0.5); } .main .content .dsltofibre_promo_module .top_tile .img_container { width: 100%; text-align: center; margin: 0 auto; margin-bottom: 0; padding: 33px 20px 0px 30px; } .main .content .dsltofibre_promo_module .top_tile .img_container .img_wrapper { padding-bottom: 2.5rem; border-bottom: 1px solid #979797; } .main .content .dsltofibre_promo_module .top_tile .img_container .dsltofibre-promo-img-class { width: 15.2rem; position: relative; top: -7px; } .main .content .dsltofibre_promo_module .top_tile .tile_content { padding: 33px 20px 33px 30px; } .main .content .dsltofibre_promo_module .top_tile .tile_content h4 { padding: 0 1.5rem; } .main .content .dsltofibre_promo_module .bottom_tile { padding: 33px 20px; } .main .content .dsltofibre_promo_module .temrs { max-width: 50.8rem; margin: 0 auto; color: #808080; font-family: "Rubrik-Medium", Arial, sans-serif; font-size: 1.6rem; line-height: 2rem; text-align: center; } .main .content .dsltofibre_promo_module .temrs a { color: #0d499e; } .eotxs_details .details_module .dsl_form_trigger { display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; } .eotxs_details .details_module .dsl_form_trigger .xsell_service_option.trigger_btn { width: 184px; margin-bottom: 1.5rem; } .eotxs_details .details_module .xsell_text_box.single_line_textbox { width: 61%; } .eotxs_details .details_module .scfValidator { padding-left: 0; } .eotxs_details .details_module .eotxs_label.label_has_fancybox { width: 99%; } @media only screen and (min-width: 646px) and (max-width: 650px) { .eotxs_details .details_module .eotxs_label.label_has_fancybox { width: 97%; } } @media only screen and (min-width: 672px) and (max-width: 685px) { .eotxs_details .details_module :-ms-lang(x), .eotxs_details .details_module :-webkit-full-screen, .eotxs_details .details_module .eotxs_label.label_has_fancybox { width: 96%; } } .eotxs_details .serviceProvidersDropList { width: 61%; } .eotxs_details .fancy_select_replaced { border: none; } .eotxs_details .fancy_placeholder_text, .eotxs_details .fancy_placeholder_input { border: 1px solid #1d79de; width: 100%; height: 39px; border: solid 0.5px #257cdb; background: #ffffff; color: #666666; font-family: "Rubrik-Regular"; font-size: 16px; font-weight: 400; line-height: 21px; letter-spacing: 0.2285715px; box-sizing: border-box; padding: 9px 20px 3px 14px; } .eotxs_details .fancy_placeholder_text:hover, .eotxs_details .fancy_placeholder_input:hover { opacity: 1; outline: #1d79de solid 2px; } .eotxs_details .fancy_placeholder_text:focus, .eotxs_details .fancy_placeholder_input:focus { border: 1px solid #1d79de; } .eotxs_details .fancy_select_replaced p:after { background: url(/images/components/marketing_automation/down-blue.svg) no-repeat scroll center center transparent; right: 15px; opacity: 1; } .eotxs_details .fancy_select_replaced.fancy_select_open:after { background: url(/images/components/marketing_automation/up-blue.svg) no-repeat scroll center center transparent; content: ' '; display: block; height: 16px; margin-top: -8px; position: absolute; right: 15px; top: 50%; width: 16px; } .eotxs_details .fancy_select_results { margin-top: 5px; border-top: 1px solid #ccc; } .eotxs_details .fancy_select_results::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .eotxs_details .fancy_select_results::-webkit-scrollbar { width: 1.7em; background-color: #F5F5F5; } .eotxs_details .fancy_select_results::-webkit-scrollbar-thumb { background-color: #257cdb; } .eotxs_details .fancy_select_results li { color: #666666; font-family: "Rubrik-Regular"; font-size: 16px; font-weight: 400; line-height: 21px; letter-spacing: 0.2285715px; box-sizing: border-box; padding: 7px 12px 7px 13px; } .eotxs_details .fancy_select_results li.fancy_select_hover { background-color: rgba(37, 124, 219, 0.1); color: #257cdb; } .eotxs_details .fancy_select_results li.fancy_selected { background-color: rgba(37, 124, 219, 0.1); color: #257cdb; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .respond-ud { width: 100%; } .respond-udv { height: 100%; } .respond-d { max-width: 100%; } .respond-u { min-width: 100%; } .lte7 .respond-ud, .lte7 .respond-u, .lte7 .respond-d { width: 100%; } .no-js .respond-ud { display: none; } .no-js noscript .respond-ud { display: block; } /* Miscellaneous classes */ .f-left, .fl { float: left; } .f-right, .fr { float: right; } .flL { float: left !important; } .flR { float: right !important; } .imgL { float: left !important; margin: 0 15px 5px 0; } .imgR { float: right !important; margin: 0 0 5px 15px; } .nb { border: 0 !important; } .nb:before { display: none !important; } .nowrap { white-space: nowrap; } .taC { text-align: center; } .taC p > small { display: block; text-align: left; } .taL { text-align: left !important; } .taR { text-align: right !important; } .dN { display: none !important; } .dB { display: block !important; } .ttU { text-transform: uppercase !important; } .ttL { text-transform: lowercase !important; } .ttN { text-transform: none !important; } .clear { clear: both; } .nowrap { white-space: nowrap; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .lte7 .clearfix { zoom: 1; } .relative { position: relative; } .block { display: block; } .w-full { width: 100%; } /* semantic lists */ .semantic { list-style: none; margin: 0; padding: 0; } .semantic li { margin: 0; padding: 0; list-style: none; background: none; } .semantic li:before { display: none; } /* Borders */ .b_pb_solid { border-bottom: 1px solid #7F1399; } .b-gray-c { border-color: #ccc; } .b-dash { border-style: dashed; } /* Remove things that require javascript if it isn't present */ .no-js .requires-js { display: none; visibility: hidden; } .rte_script { position: absolute; left: -10000em; } /* Text Properties */ /* deprecated */ .tt-upper, .tt_upper { text-transform: uppercase; } /* deprecated */ .ta-center, .ta_center { text-align: center; } /* deprecated */ .ta-right, .ta_right { text-align: right; } /* deprecated */ .ta-left, .ta_left { text-align: left; } .tw-bold { font-family: 'Rubrik-SemiBold', arial, sans-serif; } .tw-regular { font-family: 'Rubrik-Regular', arial, sans-serif; } .tw_medium { font-family: 'Rubrik-Medium', arial, sans-serif; } .lh-clear { line-height: 1; } /*Vertical Aligns*/ .va-top { vertical-align: top; } .va-middle { vertical-align: middle; } .va-bottom { vertical-align: bottom; } /* Hider classes */ .hidden { display: none; } .hidden_important { display: none !important; } .response_xsmall .hidden_small, .response_small .hidden_small { display: none !important; } .response_xsmall .hidden_mobile, .response_small .hidden_mobile, .response_medium .hidden_mobile { display: none !important; } .response_medium .hidden_non_mobile, .response_large .hidden_non_mobile, .response_xlarge .hidden_non_mobile, .response_xxlarge .hidden_non_mobile, .response_xxxlarge .hidden_non_mobile, .response_xxxxlarge .hidden_non_mobile { display: none !important; } .response_large .hidden_desktop, .response_xlarge .hidden_desktop, .response_xxlarge .hidden_desktop, .response_xxxlarge .hidden_desktop, .response_xxxxlarge .hidden_desktop { display: none !important; } /* Foot notes */ .fn a { color: inherit; } .fn a:hover, .fn a:focus { text-decoration: underline; } /* paddings */ .ptn { padding-top: 0 !important; } .ptxs { padding-top: 5px; } .ptbs { padding-top: 9px; } .pts { padding-top: 1em; } .ptm { padding-top: 2em; } .ptl { padding-top: 3em; } .ptxl { padding-top: 4em; } .ptxxl { padding-top: 5em; } .prn { padding-right: 0 !important; } .prxs { padding-right: 5px; } .prbs { padding-right: 9px; } .prs { padding-right: 1em; } .prm { padding-right: 2em; } .prl { padding-right: 3em; } .prxl { padding-right: 4em; } .prxxl { padding-right: 5em; } .pbn { padding-bottom: 0 !important; } .pbxs { padding-bottom: 5px; } .pbbs { padding-bottom: 9px; } .pbs { padding-bottom: 1em; } .pbm { padding-bottom: 2em; } .pbl { padding-bottom: 3em; } .pbxl { padding-bottom: 4em; } .pbxxl { padding-bottom: 5em; } .pln { padding-left: 0 !important; } .plxs { padding-left: 5px; } .plbs { padding-left: 9px; } .pls { padding-left: 1em; } .plm { padding-left: 2em; } .pll { padding-left: 3em; } .plxl { padding-left: 4em; } .plxxl { padding-left: 5em; } .pan { padding: 0 !important; } .paxs { padding: 5px; } .pabs { padding: 9px; } .pas { padding: 1em; } .pam { padding: 2em; } .pal { padding: 3em; } .paxl { padding: 4em; } .paxxl { padding: 5em; } /* margins */ .mtn { margin-top: 0 !important; } .mtxs { margin-top: 5px; } .mtbs { margin-top: 9px; } .mts { margin-top: 1em; } .mtm { margin-top: 2em; } .mtl { margin-top: 3em; } .mtxl { margin-top: 4em; } .mtxxl { margin-top: 5em; } .mrn { margin-right: 0 !important; } .mrxs { margin-right: 5px; } .mrbs { margin-right: 9px; } .mrs { margin-right: 1em; } .mrm { margin-right: 2em; } .mrl { margin-right: 3em; } .mrxl { margin-right: 4em; } .mrxxl { margin-right: 5em; } .mbn { margin-bottom: 0 !important; } .mbxs { margin-bottom: 5px; } .mbbs { margin-bottom: 9px; } .mbs { margin-bottom: 1em; } .mbm { margin-bottom: 2em; } .mbl { margin-bottom: 3em; } .mbxl { margin-bottom: 4em; } .mbxxl { margin-bottom: 5em; } .mln { margin-left: 0 !important; } .mlxs { margin-left: 5px; } .mlbs { margin-left: 9px; } .mls { margin-left: 1em; } .mlm { margin-left: 2em; } .mll { margin-left: 3em; } .mlxl { margin-left: 4em; } .mlxxl { margin-left: 5em; } .man { margin: 0 !important; } .maxs { margin: 5px; } .mabs { margin: 9px; } .mas { margin: 1em; } .mam { margin: 2em; } .mal { margin: 3em; } .maxl { margin: 4em; } .maxxl { margin: 5em; } /* Borders */ .ban { border: 0 !important; } .baxs { border: 5px; } .babs { border: 9px; } .bas { border: 1em; } .bam { border: 2em; } .bal { border: 3em; } .baxl { border: 4em; } .baxxl { border: 5em; } /*responsive video container*/ .video_container_16x9 { padding-bottom: 56.25%; position: relative; } .video_container_16x9 iframe { height: 100%; position: absolute; width: 100%; } /* Hide the original file upload control */ label.creditCheckFileUpload input[type="file"] { position: fixed; top: -1000px; } .creditCheckFileUpload { font-size: unset; } .CreditCheckIDImageWrapper { position: relative; display: inline-block; padding-bottom: 5px; } .CreditCheckIDImageClose { position: absolute; top: -20px; right: -20px; cursor: pointer; height: 40px; width: 40px; display: none; } .u-block { display: block !important; } .u-flex { display: flex !important; } .friends_extra_details { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .friends_extra_details *, .friends_extra_details *:before, .friends_extra_details *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .friends_extra_details .scfValidator { width: 100%; } .friends_extra_details .scfEmailTextBox { margin-bottom: 0 !important; } .friends_extra_details .content_holder + .content_holder { padding-top: 2em; } .friends_extra_details .incentive_header_text { text-align: center; padding-top: 1rem; font-family: "Rubrik-SemiBold", Arial, sans-serif; color: #666666; font-size: 1.8rem; line-height: 4.4rem; margin-bottom: 3rem; } .friends_extra_details .scfSingleLineTextLabel { color: #4A4A4A; font-family: "Rubrik-SemiBold", Arial, sans-serif; font-size: 1.4rem; line-height: 1.6rem; margin-bottom: 0.5rem; } .friends_extra_details .offer_module_footer .row { position: relative; padding: 0 1rem; } .friends_extra_details .offer_module_footer .accordion.terms_conditions .show_more { color: #257CDB; font-size: 1.8rem; font-family: 'Rubrik-Medium', Arial, sans-serif; line-height: 2.4rem; text-align: center; padding: 0; margin: 0 auto; position: relative; } .friends_extra_details .offer_module_footer .accordion.terms_conditions .show_more span { padding-right: 1.4rem; margin-right: 0; } .friends_extra_details .offer_module_footer .accordion.terms_conditions .more { padding: 1.5rem 2rem 2.5rem 2rem; } .friends_extra_details .offer_module_footer .accordion.terms_conditions .more p { color: #808080; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.4rem; line-height: 2.1rem; text-align: justify; } .renew_code_module .btn_details { width: 100%; margin-bottom: 2em; margin-top: 1em; background: #1d79de; text-transform: uppercase; color: #fff; padding: 0.5em; font-size: 2em; font-family: 'Rubrik-Regular', Arial, sans-serif; white-space: inherit; text-align: center; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; border: 1px solid currentColor; } .renew_code_module .btn_details:hover, .renew_code_module .btn_details:focus { background: #196ac3; color: #fff; text-decoration: none; } .renew_code_module .btn_details:disabled { background: #1d79de; opacity: 0.49; color: #fff; border: 1px solid #1d79de; text-decoration: none; } .renew_code_module .scfSubmitButtonBorder { width: 100%; padding-left: 0; } .renew_code_module .renew_title_text { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 2.5em; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; margin: 0; } .renew_code_module .promo_code { padding-right: 3em; padding-left: 3em; } .renew_code_module .single_line_textbox { border: 1px solid #4A90E2; line-height: 18px; padding: 4px 4px; margin-bottom: 0 !important; width: 100%; } .renew_code_module .scfSingleLineTextBorder { margin-bottom: 20px !important; } .details_module { background-color: white; padding-left: 2rem; padding-right: 2rem; padding-top: 3rem; padding-bottom: 4rem; margin-bottom: 2rem; /* Checkbox container */ /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a white background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */ } .details_module hr { border: none; height: 2px; margin-top: 1em; color: #979797; background-color: #979797; } .details_module .incentive_title_text { font-family: 'Rubrik-Medium', Arial, sans-serif !important; font-size: 2em; margin-bottom: 1.5rem; } .details_module .incentive_text { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; margin-top: 0.5em; padding: 0 1.5em 0 0; margin-bottom: 1rem; } .details_module .account_info_label { display: inline-block; width: 100%; font-family: 'Rubrik-SemiBold', Arial, sans-serif; font-size: 1.4rem; line-height: 2.4rem; padding: 0; margin: 0; vertical-align: top; } .details_module .account_info_detail { display: inline-block; padding-bottom: 1.9rem; font-size: 1.6rem; line-height: 2.4rem; margin: 0; } .details_module .account_info_detail.account_info_detail_address { width: 95%; } .details_module .account_info_detail.email { word-break: break-all; } .details_module .account_info_detail.account_name { text-transform: capitalize; } .details_module .service_address_label { float: none; } .details_module .address_container { padding-top: 2rem; } .details_module .address_container .service_at { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 2rem; line-height: 1.1; margin: 0 0 10px 0; padding: 0; } .details_module .address_container .overlap_icon { margin-right: 0.3em !important; font-size: 2rem; color: #1d79de; vertical-align: middle; } .details_module .single_line_textbox { border: 1px solid #4A90E2; line-height: 18px; padding: 4px 4px; margin-bottom: 20px; width: 100%; } .details_module .fe_details_terms { padding-top: 0.5rem; } .details_module .btn_details { width: 100%; background: #1d79de; text-transform: uppercase; color: #fff; padding: 1em 1em 1em 1em; font-size: 2em; font-family: 'Rubrik-Regular', Arial, sans-serif; white-space: inherit; text-align: center; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; border: 1px solid currentColor; } .details_module .btn_details:hover, .details_module .btn_details:focus { background: #196ac3; color: #fff; text-decoration: none; } .details_module .btn_details:disabled { background: #a8aeb7; color: #fff; text-decoration: none; } .details_module .scfCheckbox { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Rubrik-Light', Arial, sans-serif; margin-bottom: 3rem; } .details_module .scfCheckbox p, .details_module .scfCheckbox span { line-height: 16px; color: #666666; font-size: 1.2rem; line-height: 1.6rem; margin: 0; } .details_module .scfCheckbox input { position: absolute; opacity: 0; cursor: pointer; } .details_module .fe_checkbox_checkmark { position: absolute; top: 0; left: 0; height: 26px; width: 26px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05); border: 1px solid #CCCCCC; border-radius: 6px; } .details_module .scfCheckbox input:checked ~ .fe_checkbox_checkmark { background-color: #fff; } .details_module .fe_checkbox_checkmark:after { content: ""; position: absolute; display: none; } .details_module .scfCheckbox input:checked ~ .fe_checkbox_checkmark:after { display: block; } .details_module .fe_checkbox_checkmark:after { left: 9px; top: 4px; width: 6px; height: 14px; border: solid #1D79DE; border-width: 0 3px 3px 0; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); } .content_holder .terms_page_bottom { padding: 6em 0 3em; line-height: 1.33; } .main_content .success_message { margin: 4em; padding-top: 3em; } .main_content .success_message .p { font-size: 1.5em; } .lightbox_module .account_info_label { display: inline-block; width: 100%; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.5em; padding: 0; margin: 0; } .lightbox_module .account_info_detail { display: inline-block; margin: 0; padding-bottom: 2rem; } .lightbox_module .info_message { padding: 1em 0 1em 0; font-style: italic; } .main .module.first_name_header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 21.1rem; padding: 2.6rem; display: flex; align-items: center; justify-content: center; } .main .module.first_name_header *, .main .module.first_name_header *:before, .main .module.first_name_header *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .main .module.first_name_header h2 { font-family: 'Rubrik-Light', Arial, sans-serif; letter-spacing: normal; margin: 0; padding: 0; } .main .module.first_name_header h2 .fist_name { font-family: 'Rubrik-Regular', Arial, sans-serif; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .genericError { padding: 1.5rem; } .genericError__title { color: #333333; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 2.4rem; line-height: 4.4rem; } .genericError__desc { color: #454F5E; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.4rem; letter-spacing: -0.5px; line-height: 1.8rem; margin-bottom: 2rem; } .genericError__button { width: 22.5rem; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .xMobile .details_module { margin-bottom: 5rem; } .xMobile__formContent { margin: 0 auto; padding: 3rem 4%; } .xMobile .formQuestion__text { font-size: 1.4rem; } .xMobile .checkboxField__label { font-size: 1.2rem; font-family: 'Rubrik-Light', Arial, sans-serif; } .xMobile .newNumberSection { margin-top: 2rem; } .xMobile .details_module .fe_details_terms { margin-top: 0; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .xMobileConfirm .buttonField__mobilexButton { width: 80%; margin-left: 10%; margin-right: 10%; margin-bottom: 8rem; padding: 1.5rem; } .xMobileConfirm .buttonField__mobilexButton:hover { outline: 0.4rem solid #257CDB; border: none; color: #257CDB; } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .offer_selection { position: relative; } .offer_selection .offer_detail { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); background: #FFF; z-index: 9999; overflow: hidden; overflow-y: auto; } .offer_selection .offer_detail .offer_detail_inner { padding: 30px 40px 20px 20px; } .offer_selection .offer_detail .offer_detail_inner img { margin-bottom: 20px; max-height: 250px; } .offer_selection .offer_detail .offer_detail_inner ul { margin-top: 1px; border-top: 1px solid #E9E9EA; padding-top: 1.25em; } .offer_selection .offer_detail .offer_detail_inner li { line-height: 1.4; padding-bottom: 0.25em; } @media only screen and (min-width: 700px) { .offer_selection .offer_detail .offer_detail_inner { padding: 40px 50px 30px 30px; } } .offer_detail_underlay { background: rgba(0, 0, 0, 0.55); display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8999; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .offers_carousel_module { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } .offers_carousel_module *, .offers_carousel_module *:before, .offers_carousel_module *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin: 0; padding: 0; } .offers_carousel_module .offer_module_header { margin: 0 auto; width: 32.7rem; padding-top: 3.1rem; text-align: center; margin-bottom: 0.5rem; } .offers_carousel_module .offer_module_header .offer_module_heading { font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 2rem; line-height: 2.5rem; width: 27rem; margin: 0 auto; margin-bottom: 2.5rem; letter-spacing: normal; } .offers_carousel_module .offer_module_header .incentive_header_text { text-align: center; font-family: "Rubrik-SemiBold", Arial, sans-serif; font-size: 1.8rem; color: #666666; line-height: 4.4rem; } .offers_carousel_module .offer_carrousel_container { padding-right: 3rem; padding-left: 3rem; margin-bottom: 4.3rem; } .offers_carousel_module .offer_carrousel_container .carousel_slick .slick-slide { padding: 0; } .offers_carousel_module .offer_carrousel_container .slick-arrow { top: auto; bottom: 50%; padding: 0; margin: -1px 6px; color: #7F1399; } .offers_carousel_module .offer_carrousel_container .offer .schema_value { display: block; } .offers_carousel_module .offer_carrousel_container .carousel_navbottom { bottom: 0; } .offers_carousel_module .offer_carrousel_container .carousel_navbottom .slick-arrow { bottom: -2rem; margin: -1px -0.5em; } .offers_carousel_module .offer_carrousel_container .carousel_navbottom.carousel_fullwidth { padding-bottom: 0; } .offers_carousel_module .offer_module_footer { padding-bottom: 2.5rem; } .offers_carousel_module .offer_module_footer .row { padding: 0 1rem; position: relative; } .offers_carousel_module .offer_module_footer .accordion .show_more { color: #257CDB; font-size: 1.8rem; font-family: 'Rubrik-Medium', Arial, sans-serif; line-height: 2.4rem; text-align: center; padding: 0; margin: 0 auto; position: relative; } .offers_carousel_module .offer_module_footer .accordion .show_more span { padding-right: 1.4rem; margin-right: 0; } .offers_carousel_module .offer_module_footer .accordion .more { padding: 1.5rem 2rem 0 2rem; } .offers_carousel_module .offer_module_footer .accordion .more p { color: #808080; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.4rem; line-height: 2.1rem; text-align: center; } .offers_carousel_module .flex_carousel { display: flex; flex-wrap: wrap; } .offers_carousel_module .flex_carousel > .scEnabledChrome { flex: 0 1 auto; width: calc(33% - 30px); } .offers_carousel_module .flex_carousel > .scEmptyPlaceholder { height: auto; margin: 10px; min-height: 100px; } .offers_carousel_module .carousel_slick { max-height: none; padding-bottom: 0; } .offers_carousel_module .carousel_slick .slick-dots { position: relative; } .offers_carousel_module .offer { margin: 0 5px; width: auto !important; display: block !important; cursor: pointer; text-align: center; font-family: 'Rubrik-Medium', Arial, sans-serif; } .offers_carousel_module .offer h3, .offers_carousel_module .offer h4, .offers_carousel_module .offer p { font-family: 'Rubrik-Medium', Arial, sans-serif; line-height: 1.2; margin: 0; padding: 0; } .offers_carousel_module .offer .offer_heading .offer_selected { display: none; } .offers_carousel_module .offer .offer_heading h3 { padding: 10px 0; } .offers_carousel_module .offer .offer_body { position: relative; padding-top: 18px; } .offers_carousel_module .offer .offer_body .offer_body_text { padding: 0 60px; } .offers_carousel_module .offer .offer_body .offer_body_text .offer_body_text_upper { display: flex; justify-content: center; align-items: flex-end; } .offers_carousel_module .offer .offer_body .offer_body_text .offer_body_text_upper * { width: 80%; } .offers_carousel_module .offer .offer_body .offer_body_text h3.highlight_text { margin: 0 -50px; } .offers_carousel_module .offer .offer_body hr { margin: 0 -5px 15px; } .offers_carousel_module .offer .offer_footer { padding: 15px; } .offers_carousel_module .offer .offer_footer .offer_footer_text { padding: 0 0 12px; } .offers_carousel_module .offer .offer_selected { position: absolute; top: 15px; right: 50px; } .offers_carousel_module .offer .offer_selected .offer_selected_tick { display: none; position: absolute; top: 11px; left: 8px; } .offers_carousel_module .offer .offer_selected .offer_selected_box { position: absolute; } .offers_carousel_module .offer .schema_value { display: none; } .offers_carousel_module .offer .btn_offer { width: auto; padding: 15px; } .offers_carousel_module .offer .btn_offer .scWebEditInput { display: inline; } .offers_carousel_module .offer .offer_image { margin: 10px; } .offers_carousel_module .offer .offer_image img { width: 100%; height: auto; } .offers_carousel_module .offer.active { background: #f0f0f0; } .offers_carousel_module .offer.active .offer_selected .offer_selected_tick { display: inherit; } .offers_carousel_module .broadband_rates_carousel .offer .offer_heading { padding-left: 3rem; padding-right: 3rem; } .offers_carousel_module .broadband_rates_carousel .offer .offer_heading h3 { font-size: 2.2rem; } .offers_carousel_module .broadband_rates_carousel .offer_body_text_lower { display: flex; justify-content: center; align-items: flex-start; } .offers_carousel_module .broadband_rates_carousel .offer_body_text_lower p.highlight_text { font-size: 2.2rem !important; } .offers_carousel_module .offer_all_radius .offer { border-radius: 6px; /*.offer_heading { .border-radius(6.5px, 0, 0, 6.5px); }*/ } .offers_carousel_module .offer_bottom_radius .offer { border-radius: 0 6px 6px 0; } .offers_carousel_module .offer_top_radius .offer { border-radius: 6px 0 0 6px; /*.offer_heading { .border-radius(6.5px, 0, 0, 6.5px); }*/ } .offers_carousel_module .offer { -webkit-transition: box-shadow 0.3s, opacity 0.3s; -moz-transition: box-shadow 0.3s, opacity 0.3s; transition: box-shadow 0.3s, opacity 0.3s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: "alpha(opacity=70)"; opacity: 0.7; } .offers_carousel_module .offer .offer_heading h3 { color: white; } .offers_carousel_module .offer .offer_body { -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .offers_carousel_module .offer .offer_body .offer_body_text p { font-size: 18px; } .offers_carousel_module .offer .offer_body .offer_body_text h3 { font-size: 80px; font-weight: 600; letter-spacing: -1.87px; line-height: 95px; } .offers_carousel_module .offer .offer_body hr { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .offers_carousel_module .offer .offer_body .offer_footer .offer_footer_text p { font-size: 18px; } .offers_carousel_module .offer .offer_body .offer_footer .offer_footer_text h4 { font-size: 40px; font-weight: 500; line-height: 1.25em; } .offers_carousel_module .offer .offer_body .offer_footer .offer_footer_text h4:after { content: '*'; } .offers_carousel_module .offer .offer_body .offer_footer .btn_offer { background-color: #1D79DE; border-color: #1D79DE; color: #fff; font-size: 18px; text-align: center; text-transform: uppercase; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .offers_carousel_module .offer .offer_body .offer_footer .btn_offer:hover { background: #196AC2; border-color: #196AC2; } .offers_carousel_module .offer:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .offers_carousel_module .offer.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .offers_carousel_module .offer.incentive_highlight .offer_body { background-color: #FAEA8E; } .offers_carousel_module.carousel_purple .offer { border: 2px solid #7F1399; } .offers_carousel_module.carousel_purple .offer:hover { box-shadow: 0 5px 20px rgba(127, 19, 153, 0.6); } .offers_carousel_module.carousel_purple .offer .offer_heading { background-color: #7F1399; } .offers_carousel_module.carousel_purple .offer hr { border-top: 2px solid #7F1399; } .offers_carousel_module.carousel_purple .highlight_text { color: #7F1399; } .offers_carousel_module.carousel_purple .slick-arrow { color: #7F1399; } .offers_carousel_module.carousel_blue .offer { border: 2px solid #53A0FD; } .offers_carousel_module.carousel_blue .offer:hover { box-shadow: 0 5px 20px rgba(83, 160, 253, 0.6); } .offers_carousel_module.carousel_blue .offer .offer_heading { background-color: #53A0FD; } .offers_carousel_module.carousel_blue .offer hr { border-top: 2px solid #53A0FD; } .offers_carousel_module.carousel_blue .highlight_text { color: #53A0FD; } .offers_carousel_module.carousel_blue .slick-arrow { color: #53A0FD; } .offers_carousel_module.carousel_deep-purple .offer { border: 2px solid #7F1399; } .offers_carousel_module.carousel_deep-purple .offer:hover { box-shadow: 0 5px 20px rgba(127, 19, 153, 0.6); } .offers_carousel_module.carousel_deep-purple .offer .offer_heading { background-color: #7F1399; } .offers_carousel_module.carousel_deep-purple .offer hr { border-top: 2px solid #7F1399; } .offers_carousel_module.carousel_deep-purple .highlight_text { color: #7F1399; } .offers_carousel_module.carousel_deep-purple .slick-arrow { color: #7F1399; } .offers_carousel_module.carousel_green .offer { border: 2px solid #B4EC51; } .offers_carousel_module.carousel_green .offer:hover { box-shadow: 0 5px 20px rgba(180, 236, 81, 0.6); } .offers_carousel_module.carousel_green .offer .offer_heading { background-color: #B4EC51; } .offers_carousel_module.carousel_green .offer hr { border-top: 2px solid #B4EC51; } .offers_carousel_module.carousel_green .highlight_text { color: #B4EC51; } .offers_carousel_module.carousel_green .slick-arrow { color: #B4EC51; } .offers_carousel_module.carousel_deep-green .offer { border: 2px solid #7FC3B6; } .offers_carousel_module.carousel_deep-green .offer:hover { box-shadow: 0 5px 20px rgba(127, 195, 182, 0.6); } .offers_carousel_module.carousel_deep-green .offer .offer_heading { background-color: #7FC3B6; } .offers_carousel_module.carousel_deep-green .offer hr { border-top: 2px solid #7FC3B6; } .offers_carousel_module.carousel_deep-green .highlight_text { color: #7FC3B6; } .offers_carousel_module.carousel_deep-green .slick-arrow { color: #7FC3B6; } .offers_carousel_module.carousel_purple-angle .offer { border: 2px solid #1D79DE; } .offers_carousel_module.carousel_purple-angle .offer:hover { box-shadow: 0 5px 20px rgba(29, 121, 222, 0.6); } .offers_carousel_module.carousel_purple-angle .offer .offer_heading { background-color: #1D79DE; } .offers_carousel_module.carousel_purple-angle .offer hr { border-top: 2px solid #1D79DE; } .offers_carousel_module.carousel_purple-angle .highlight_text { color: #1D79DE; } .offers_carousel_module.carousel_purple-angle .slick-arrow { color: #1D79DE; } .offers_carousel_module.carousel_purple-angle .offer_heading { background-color: #1D79DE; background-image: -webkit-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -moz-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -ms-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -o-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ff7f1399', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ff7f1399',GradientType=1); } .offers_carousel_module.carousel_deep-purple-angle .offer { border: 2px solid #7F1399; } .offers_carousel_module.carousel_deep-purple-angle .offer:hover { box-shadow: 0 5px 20px rgba(127, 19, 153, 0.6); } .offers_carousel_module.carousel_deep-purple-angle .offer .offer_heading { background-color: #7F1399; } .offers_carousel_module.carousel_deep-purple-angle .offer hr { border-top: 2px solid #7F1399; } .offers_carousel_module.carousel_deep-purple-angle .highlight_text { color: #7F1399; } .offers_carousel_module.carousel_deep-purple-angle .slick-arrow { color: #7F1399; } .offers_carousel_module.carousel_deep-purple-angle .offer_heading { background-color: #7F1399; background-image: -webkit-linear-gradient(-65deg, #7F1399 0%, #4F32B6 100%); background-image: -moz-linear-gradient(-65deg, #7F1399 0%, #4F32B6 100%); background-image: -ms-linear-gradient(-65deg, #7F1399 0%, #4F32B6 100%); background-image: -o-linear-gradient(-65deg, #7F1399 0%, #4F32B6 100%); background-image: linear-gradient(-65deg, #7F1399 0%, #4F32B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f1399', endColorstr='#ff4f32b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f1399',endColorstr='#ff4f32b6',GradientType=1); } .offers_carousel_module.carousel_green-angle .offer { border: 2px solid #7FC3B6; } .offers_carousel_module.carousel_green-angle .offer:hover { box-shadow: 0 5px 20px rgba(127, 195, 182, 0.6); } .offers_carousel_module.carousel_green-angle .offer .offer_heading { background-color: #7FC3B6; } .offers_carousel_module.carousel_green-angle .offer hr { border-top: 2px solid #7FC3B6; } .offers_carousel_module.carousel_green-angle .highlight_text { color: #7FC3B6; } .offers_carousel_module.carousel_green-angle .slick-arrow { color: #7FC3B6; } .offers_carousel_module.carousel_green-angle .offer_heading { background-color: #7FC3B6; background-image: -webkit-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -moz-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -ms-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -o-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ffb4ec51', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ffb4ec51',GradientType=1); } .offers_carousel_module.carousel_deep-green-angle .offer { border: 2px solid #1D79DE; } .offers_carousel_module.carousel_deep-green-angle .offer:hover { box-shadow: 0 5px 20px rgba(29, 121, 222, 0.6); } .offers_carousel_module.carousel_deep-green-angle .offer .offer_heading { background-color: #1D79DE; } .offers_carousel_module.carousel_deep-green-angle .offer hr { border-top: 2px solid #1D79DE; } .offers_carousel_module.carousel_deep-green-angle .highlight_text { color: #1D79DE; } .offers_carousel_module.carousel_deep-green-angle .slick-arrow { color: #1D79DE; } .offers_carousel_module.carousel_deep-green-angle .offer_heading { background-color: #1D79DE; background-image: -webkit-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -moz-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -ms-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -o-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6', endColorstr='#ff7fc3b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6',endColorstr='#ff7fc3b6',GradientType=1); } .offers_carousel_module.carousel_gray-white .offer { border: 2px solid #F8F8F8; } .offers_carousel_module.carousel_gray-white .offer:hover { box-shadow: 0 5px 20px rgba(248, 248, 248, 0.6); } .offers_carousel_module.carousel_gray-white .offer .offer_heading { background-color: #F8F8F8; } .offers_carousel_module.carousel_gray-white .offer hr { border-top: 2px solid #F8F8F8; } .offers_carousel_module.carousel_gray-white .highlight_text { color: #F8F8F8; } .offers_carousel_module.carousel_gray-white .slick-arrow { color: #F8F8F8; } .offers_carousel_module.carousel_yellow .offer { border: 2px solid #F9E61E; } .offers_carousel_module.carousel_yellow .offer:hover { box-shadow: 0 5px 20px rgba(249, 230, 30, 0.6); } .offers_carousel_module.carousel_yellow .offer .offer_heading { background-color: #F9E61E; } .offers_carousel_module.carousel_yellow .offer hr { border-top: 2px solid #F9E61E; } .offers_carousel_module.carousel_yellow .highlight_text { color: #F9E61E; } .offers_carousel_module.carousel_yellow .slick-arrow { color: #F9E61E; } .offers_carousel_module.carousel_gray .offer { border: 2px solid #454F5E; } .offers_carousel_module.carousel_gray .offer:hover { box-shadow: 0 5px 20px rgba(69, 79, 94, 0.6); } .offers_carousel_module.carousel_gray .offer .offer_heading { background-color: #454F5E; } .offers_carousel_module.carousel_gray .offer hr { border-top: 2px solid #454F5E; } .offers_carousel_module.carousel_gray .highlight_text { color: #454F5E; } .offers_carousel_module.carousel_gray .slick-arrow { color: #454F5E; } .offers_carousel_module .offer_hide_border .offer { border: none; } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .media_enquiry { padding: 1em 0; } .media_enquiry h3 { text-transform: uppercase; margin: 0; } .media_enquiry .media_contact { border-top: 1px dashed #ccc; padding: 10px 0; } .media_enquiry .media_contact div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } .media_enquiry .media_contact div p { font-size: 1.2em; margin: 2px 0; } .media_enquiry .media_contact div p strong { font-size: 0.9em; color: #333; text-transform: uppercase; font-weight: normal; font-family: 'Rubrik-Bold', Arial, sans-serif; } .media_enquiry .media_contact div p strong:after { content: ':'; } .media_enquiry .media_contact:first-of-type { border-top: none; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .module { position: relative; display: block; background-color: #FFF; } .module .content_holder { padding-bottom: 50px; } .module .content_holder:before, .module .content_holder:after { content: ""; display: table; } .module .content_holder:after { clear: both; } .module .module_tight .content_holder { padding-top: 20px; padding-bottom: 20px; } .module .module_inner { position: relative; text-align: center; z-index: 2; overflow: hidden; } .module .module_inner .FullWidth { padding-bottom: 0; padding-top: 0; } .module .module_inner .FullWidth .top_container_default .bg_container .SingleBackground { background: transparent !important; } .module .module_inner .content_holder .top_container_default .bg_container .SingleBackground { background: transparent !important; } .module .module_inner h2, .webkit .module .module_inner h2 { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 3em; line-height: 1.1; margin: 0; padding: 0 0 0.5em; } .module .module_inner .btn.btn_xlarge { margin: 5px 10px 5px 10px; padding: 10px 30px 10px 30px; min-width: 120px; } .module .module_inner .btn.btn_xlarge:hover, .module .module_inner .btn.btn_xlarge:focus { background-color: #196AC2; } .module .module_inner .btn_xlarge.outline { background-color: transparent; } .module .module_inner:before { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; } .module.flow_on:before, .module.flow_on:after { content: ''; position: absolute; top: 100%; left: 50%; margin-top: -1px; margin-left: -27px; border: 27px solid transparent; border-top-color: #FFF; z-index: 10; } .module.flow_on:before { z-index: 11; border-top-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .module.free_gray-white, .module .free_gray-white { background-color: #F8F8F8; } .module.free_gray-white:after, .module .free_gray-white:after { border-top-color: #F8F8F8; } .module.free_gray-white-dark, .module .free_gray-white-dark { background-color: #F3F3F3; } .module.free_gray-white-dark:after, .module .free_gray-white-dark:after { border-top-color: #F3F3F3; } .module.free_yellow, .module .free_yellow { background-color: #F9E61E; } .module.free_yellow:after, .module .free_yellow:after { border-top-color: #F9E61E; } .module.free_gray, .module.free_blue, .module.free_purple, .module.free_deep-purple, .module.free_green, .module.free_deep-green, .module.free_purple-angle, .module.free_deep-purple-angle, .module.free_green-angle, .module.free_deep-green-angle, .module .free_gray, .module .free_blue, .module .free_purple, .module .free_deep-purple, .module .free_green, .module .free_deep-green, .module .free_purple-angle, .module .free_deep-purple-angle, .module .free_green-angle, .module .free_deep-green-angle, .module.gradients, .module .gradients { background-color: #454F5E; color: #FFF; } .module.free_gray h2, .module.free_blue h2, .module.free_purple h2, .module.free_deep-purple h2, .module.free_green h2, .module.free_deep-green h2, .module.free_purple-angle h2, .module.free_deep-purple-angle h2, .module.free_green-angle h2, .module.free_deep-green-angle h2, .module .free_gray h2, .module .free_blue h2, .module .free_purple h2, .module .free_deep-purple h2, .module .free_green h2, .module .free_deep-green h2, .module .free_purple-angle h2, .module .free_deep-purple-angle h2, .module .free_green-angle h2, .module .free_deep-green-angle h2, .module.gradients h2, .module .gradients h2, .module.free_gray h3, .module.free_blue h3, .module.free_purple h3, .module.free_deep-purple h3, .module.free_green h3, .module.free_deep-green h3, .module.free_purple-angle h3, .module.free_deep-purple-angle h3, .module.free_green-angle h3, .module.free_deep-green-angle h3, .module .free_gray h3, .module .free_blue h3, .module .free_purple h3, .module .free_deep-purple h3, .module .free_green h3, .module .free_deep-green h3, .module .free_purple-angle h3, .module .free_deep-purple-angle h3, .module .free_green-angle h3, .module .free_deep-green-angle h3, .module.gradients h3, .module .gradients h3, .module.free_gray h4, .module.free_blue h4, .module.free_purple h4, .module.free_deep-purple h4, .module.free_green h4, .module.free_deep-green h4, .module.free_purple-angle h4, .module.free_deep-purple-angle h4, .module.free_green-angle h4, .module.free_deep-green-angle h4, .module .free_gray h4, .module .free_blue h4, .module .free_purple h4, .module .free_deep-purple h4, .module .free_green h4, .module .free_deep-green h4, .module .free_purple-angle h4, .module .free_deep-purple-angle h4, .module .free_green-angle h4, .module .free_deep-green-angle h4, .module.gradients h4, .module .gradients h4, .module.free_gray h5, .module.free_blue h5, .module.free_purple h5, .module.free_deep-purple h5, .module.free_green h5, .module.free_deep-green h5, .module.free_purple-angle h5, .module.free_deep-purple-angle h5, .module.free_green-angle h5, .module.free_deep-green-angle h5, .module .free_gray h5, .module .free_blue h5, .module .free_purple h5, .module .free_deep-purple h5, .module .free_green h5, .module .free_deep-green h5, .module .free_purple-angle h5, .module .free_deep-purple-angle h5, .module .free_green-angle h5, .module .free_deep-green-angle h5, .module.gradients h5, .module .gradients h5, .module.free_gray p, .module.free_blue p, .module.free_purple p, .module.free_deep-purple p, .module.free_green p, .module.free_deep-green p, .module.free_purple-angle p, .module.free_deep-purple-angle p, .module.free_green-angle p, .module.free_deep-green-angle p, .module .free_gray p, .module .free_blue p, .module .free_purple p, .module .free_deep-purple p, .module .free_green p, .module .free_deep-green p, .module .free_purple-angle p, .module .free_deep-purple-angle p, .module .free_green-angle p, .module .free_deep-green-angle p, .module.gradients p, .module .gradients p, .module.free_gray a, .module.free_blue a, .module.free_purple a, .module.free_deep-purple a, .module.free_green a, .module.free_deep-green a, .module.free_purple-angle a, .module.free_deep-purple-angle a, .module.free_green-angle a, .module.free_deep-green-angle a, .module .free_gray a, .module .free_blue a, .module .free_purple a, .module .free_deep-purple a, .module .free_green a, .module .free_deep-green a, .module .free_purple-angle a, .module .free_deep-purple-angle a, .module .free_green-angle a, .module .free_deep-green-angle a, .module.gradients a, .module .gradients a { color: #FFF; } .module.free_gray a:hover, .module.free_blue a:hover, .module.free_purple a:hover, .module.free_deep-purple a:hover, .module.free_green a:hover, .module.free_deep-green a:hover, .module.free_purple-angle a:hover, .module.free_deep-purple-angle a:hover, .module.free_green-angle a:hover, .module.free_deep-green-angle a:hover, .module .free_gray a:hover, .module .free_blue a:hover, .module .free_purple a:hover, .module .free_deep-purple a:hover, .module .free_green a:hover, .module .free_deep-green a:hover, .module .free_purple-angle a:hover, .module .free_deep-purple-angle a:hover, .module .free_green-angle a:hover, .module .free_deep-green-angle a:hover, .module.gradients a:hover, .module .gradients a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } .module.free_gray:after, .module.free_blue:after, .module.free_purple:after, .module.free_deep-purple:after, .module.free_green:after, .module.free_deep-green:after, .module.free_purple-angle:after, .module.free_deep-purple-angle:after, .module.free_green-angle:after, .module.free_deep-green-angle:after, .module .free_gray:after, .module .free_blue:after, .module .free_purple:after, .module .free_deep-purple:after, .module .free_green:after, .module .free_deep-green:after, .module .free_purple-angle:after, .module .free_deep-purple-angle:after, .module .free_green-angle:after, .module .free_deep-green-angle:after, .module.gradients:after, .module .gradients:after { border-top-color: #454F5E; } .module.free_gray .slick-dots > li button, .module.free_blue .slick-dots > li button, .module.free_purple .slick-dots > li button, .module.free_deep-purple .slick-dots > li button, .module.free_green .slick-dots > li button, .module.free_deep-green .slick-dots > li button, .module.free_purple-angle .slick-dots > li button, .module.free_deep-purple-angle .slick-dots > li button, .module.free_green-angle .slick-dots > li button, .module.free_deep-green-angle .slick-dots > li button, .module .free_gray .slick-dots > li button, .module .free_blue .slick-dots > li button, .module .free_purple .slick-dots > li button, .module .free_deep-purple .slick-dots > li button, .module .free_green .slick-dots > li button, .module .free_deep-green .slick-dots > li button, .module .free_purple-angle .slick-dots > li button, .module .free_deep-purple-angle .slick-dots > li button, .module .free_green-angle .slick-dots > li button, .module .free_deep-green-angle .slick-dots > li button, .module.gradients .slick-dots > li button, .module .gradients .slick-dots > li button, .module.free_gray .carousel_pager li button, .module.free_blue .carousel_pager li button, .module.free_purple .carousel_pager li button, .module.free_deep-purple .carousel_pager li button, .module.free_green .carousel_pager li button, .module.free_deep-green .carousel_pager li button, .module.free_purple-angle .carousel_pager li button, .module.free_deep-purple-angle .carousel_pager li button, .module.free_green-angle .carousel_pager li button, .module.free_deep-green-angle .carousel_pager li button, .module .free_gray .carousel_pager li button, .module .free_blue .carousel_pager li button, .module .free_purple .carousel_pager li button, .module .free_deep-purple .carousel_pager li button, .module .free_green .carousel_pager li button, .module .free_deep-green .carousel_pager li button, .module .free_purple-angle .carousel_pager li button, .module .free_deep-purple-angle .carousel_pager li button, .module .free_green-angle .carousel_pager li button, .module .free_deep-green-angle .carousel_pager li button, .module.gradients .carousel_pager li button, .module .gradients .carousel_pager li button, .module.free_gray .slick-dots > li .a:before, .module.free_blue .slick-dots > li .a:before, .module.free_purple .slick-dots > li .a:before, .module.free_deep-purple .slick-dots > li .a:before, .module.free_green .slick-dots > li .a:before, .module.free_deep-green .slick-dots > li .a:before, .module.free_purple-angle .slick-dots > li .a:before, .module.free_deep-purple-angle .slick-dots > li .a:before, .module.free_green-angle .slick-dots > li .a:before, .module.free_deep-green-angle .slick-dots > li .a:before, .module .free_gray .slick-dots > li .a:before, .module .free_blue .slick-dots > li .a:before, .module .free_purple .slick-dots > li .a:before, .module .free_deep-purple .slick-dots > li .a:before, .module .free_green .slick-dots > li .a:before, .module .free_deep-green .slick-dots > li .a:before, .module .free_purple-angle .slick-dots > li .a:before, .module .free_deep-purple-angle .slick-dots > li .a:before, .module .free_green-angle .slick-dots > li .a:before, .module .free_deep-green-angle .slick-dots > li .a:before, .module.gradients .slick-dots > li .a:before, .module .gradients .slick-dots > li .a:before, .module.free_gray .carousel_pager li .a:before, .module.free_blue .carousel_pager li .a:before, .module.free_purple .carousel_pager li .a:before, .module.free_deep-purple .carousel_pager li .a:before, .module.free_green .carousel_pager li .a:before, .module.free_deep-green .carousel_pager li .a:before, .module.free_purple-angle .carousel_pager li .a:before, .module.free_deep-purple-angle .carousel_pager li .a:before, .module.free_green-angle .carousel_pager li .a:before, .module.free_deep-green-angle .carousel_pager li .a:before, .module .free_gray .carousel_pager li .a:before, .module .free_blue .carousel_pager li .a:before, .module .free_purple .carousel_pager li .a:before, .module .free_deep-purple .carousel_pager li .a:before, .module .free_green .carousel_pager li .a:before, .module .free_deep-green .carousel_pager li .a:before, .module .free_purple-angle .carousel_pager li .a:before, .module .free_deep-purple-angle .carousel_pager li .a:before, .module .free_green-angle .carousel_pager li .a:before, .module .free_deep-green-angle .carousel_pager li .a:before, .module.gradients .carousel_pager li .a:before, .module .gradients .carousel_pager li .a:before { background: #FFF !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: "alpha(opacity=30)"; opacity: 0.3; } .module.free_gray .slick-dots > li.slick-active button, .module.free_blue .slick-dots > li.slick-active button, .module.free_purple .slick-dots > li.slick-active button, .module.free_deep-purple .slick-dots > li.slick-active button, .module.free_green .slick-dots > li.slick-active button, .module.free_deep-green .slick-dots > li.slick-active button, .module.free_purple-angle .slick-dots > li.slick-active button, .module.free_deep-purple-angle .slick-dots > li.slick-active button, .module.free_green-angle .slick-dots > li.slick-active button, .module.free_deep-green-angle .slick-dots > li.slick-active button, .module .free_gray .slick-dots > li.slick-active button, .module .free_blue .slick-dots > li.slick-active button, .module .free_purple .slick-dots > li.slick-active button, .module .free_deep-purple .slick-dots > li.slick-active button, .module .free_green .slick-dots > li.slick-active button, .module .free_deep-green .slick-dots > li.slick-active button, .module .free_purple-angle .slick-dots > li.slick-active button, .module .free_deep-purple-angle .slick-dots > li.slick-active button, .module .free_green-angle .slick-dots > li.slick-active button, .module .free_deep-green-angle .slick-dots > li.slick-active button, .module.gradients .slick-dots > li.slick-active button, .module .gradients .slick-dots > li.slick-active button, .module.free_gray .carousel_pager li.slick-active button, .module.free_blue .carousel_pager li.slick-active button, .module.free_purple .carousel_pager li.slick-active button, .module.free_deep-purple .carousel_pager li.slick-active button, .module.free_green .carousel_pager li.slick-active button, .module.free_deep-green .carousel_pager li.slick-active button, .module.free_purple-angle .carousel_pager li.slick-active button, .module.free_deep-purple-angle .carousel_pager li.slick-active button, .module.free_green-angle .carousel_pager li.slick-active button, .module.free_deep-green-angle .carousel_pager li.slick-active button, .module .free_gray .carousel_pager li.slick-active button, .module .free_blue .carousel_pager li.slick-active button, .module .free_purple .carousel_pager li.slick-active button, .module .free_deep-purple .carousel_pager li.slick-active button, .module .free_green .carousel_pager li.slick-active button, .module .free_deep-green .carousel_pager li.slick-active button, .module .free_purple-angle .carousel_pager li.slick-active button, .module .free_deep-purple-angle .carousel_pager li.slick-active button, .module .free_green-angle .carousel_pager li.slick-active button, .module .free_deep-green-angle .carousel_pager li.slick-active button, .module.gradients .carousel_pager li.slick-active button, .module .gradients .carousel_pager li.slick-active button, .module.free_gray .slick-dots > li .a.active:before, .module.free_blue .slick-dots > li .a.active:before, .module.free_purple .slick-dots > li .a.active:before, .module.free_deep-purple .slick-dots > li .a.active:before, .module.free_green .slick-dots > li .a.active:before, .module.free_deep-green .slick-dots > li .a.active:before, .module.free_purple-angle .slick-dots > li .a.active:before, .module.free_deep-purple-angle .slick-dots > li .a.active:before, .module.free_green-angle .slick-dots > li .a.active:before, .module.free_deep-green-angle .slick-dots > li .a.active:before, .module .free_gray .slick-dots > li .a.active:before, .module .free_blue .slick-dots > li .a.active:before, .module .free_purple .slick-dots > li .a.active:before, .module .free_deep-purple .slick-dots > li .a.active:before, .module .free_green .slick-dots > li .a.active:before, .module .free_deep-green .slick-dots > li .a.active:before, .module .free_purple-angle .slick-dots > li .a.active:before, .module .free_deep-purple-angle .slick-dots > li .a.active:before, .module .free_green-angle .slick-dots > li .a.active:before, .module .free_deep-green-angle .slick-dots > li .a.active:before, .module.gradients .slick-dots > li .a.active:before, .module .gradients .slick-dots > li .a.active:before, .module.free_gray .carousel_pager li .a.active:before, .module.free_blue .carousel_pager li .a.active:before, .module.free_purple .carousel_pager li .a.active:before, .module.free_deep-purple .carousel_pager li .a.active:before, .module.free_green .carousel_pager li .a.active:before, .module.free_deep-green .carousel_pager li .a.active:before, .module.free_purple-angle .carousel_pager li .a.active:before, .module.free_deep-purple-angle .carousel_pager li .a.active:before, .module.free_green-angle .carousel_pager li .a.active:before, .module.free_deep-green-angle .carousel_pager li .a.active:before, .module .free_gray .carousel_pager li .a.active:before, .module .free_blue .carousel_pager li .a.active:before, .module .free_purple .carousel_pager li .a.active:before, .module .free_deep-purple .carousel_pager li .a.active:before, .module .free_green .carousel_pager li .a.active:before, .module .free_deep-green .carousel_pager li .a.active:before, .module .free_purple-angle .carousel_pager li .a.active:before, .module .free_deep-purple-angle .carousel_pager li .a.active:before, .module .free_green-angle .carousel_pager li .a.active:before, .module .free_deep-green-angle .carousel_pager li .a.active:before, .module.gradients .carousel_pager li .a.active:before, .module .gradients .carousel_pager li .a.active:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } .module.free_blue, .module .free_blue { background-color: #1D79DE; } .module.free_blue:after, .module .free_blue:after { border-top-color: #1D79DE; } .module.free_purple, .module .free_purple { background-color: #1D79DE; background-image: -webkit-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: -moz-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: -ms-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: -o-linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); background-image: linear-gradient(left, #53A0FD 0%, #1D79DE 45%, #1D79DE 55%, #7F1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ff7f1399', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ff7f1399',GradientType=1); } .module.free_purple:after, .module .free_purple:after { border-top-color: #1D79DE; } .module.free_deep-purple, .module .free_deep-purple { background-color: #C96DD7; background-image: -webkit-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: -moz-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: -ms-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: -o-linear-gradient(left, #C96DD7 0%, #4F32B6 100%); background-image: linear-gradient(left, #C96DD7 0%, #4F32B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7', endColorstr='#ff4f32b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7',endColorstr='#ff4f32b6',GradientType=1); } .module.free_deep-purple:after, .module .free_deep-purple:after { border-top-color: #8c50c7; } .module.free_green, .module .free_green { background-color: #7FC3B6; background-image: -webkit-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: -moz-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: -ms-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: -o-linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); background-image: linear-gradient(left, #53A0FD 0%, #7FC3B6 45%, #7FC3B6 55%, #B4EC51 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ffb4ec51', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ffb4ec51',GradientType=1); } .module.free_green:after, .module .free_green:after { border-top-color: #7FC3B6; } .module.free_deep-green, .module .free_deep-green { background-color: #1D79DE; background-image: -webkit-linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); background-image: -moz-linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); background-image: -ms-linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); background-image: -o-linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); background-image: linear-gradient(left, #4F32B6 0%, #1D79DE 45%, #1D79DE 55%, #7FC3B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6', endColorstr='#ff7fc3b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6',endColorstr='#ff7fc3b6',GradientType=1); } .module.free_deep-green:after, .module .free_deep-green:after { border-top-color: #1D79DE; } .module.free_purple-angle, .module .free_purple-angle { background-color: #1D79DE; background-image: -webkit-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -moz-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -ms-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: -o-linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); background-image: linear-gradient(-65deg, #53A0FD 0%, #1D79DE 50%, #7F1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ff7f1399', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ff7f1399',GradientType=1); } .module.free_purple-angle:before, .module .free_purple-angle:before, .module.free_purple-angle:after, .module .free_purple-angle:after { border-top-color: transparent; } .module.free_deep-purple-angle, .module .free_deep-purple-angle { background-color: #C96DD7; background-image: -webkit-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: -moz-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: -ms-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: -o-linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); background-image: linear-gradient(-65deg, #C96DD7 0%, #4F32B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7', endColorstr='#ff4f32b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc96dd7',endColorstr='#ff4f32b6',GradientType=1); } .module.free_deep-purple-angle:before, .module .free_deep-purple-angle:before, .module.free_deep-purple-angle:after, .module .free_deep-purple-angle:after { border-top-color: transparent; } .module.free_green-angle, .module .free_green-angle { background-color: #7FC3B6; background-image: -webkit-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -moz-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -ms-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: -o-linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); background-image: linear-gradient(115deg, #53A0FD 0%, #7FC3B6 50%, #B4EC51 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd', endColorstr='#ffb4ec51', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a0fd',endColorstr='#ffb4ec51',GradientType=1); } .module.free_green-angle:before, .module .free_green-angle:before, .module.free_green-angle:after, .module .free_green-angle:after { border-top-color: transparent; } .module.free_deep-green-angle, .module .free_deep-green-angle { background-color: #1D79DE; background-image: -webkit-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -moz-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -ms-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: -o-linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); background-image: linear-gradient(115deg, #4F32B6 0%, #1D79DE 50%, #7FC3B6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6', endColorstr='#ff7fc3b6', GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f32b6',endColorstr='#ff7fc3b6',GradientType=1); } .module.free_deep-green-angle:before, .module .free_deep-green-angle:before, .module.free_deep-green-angle:after, .module .free_deep-green-angle:after { border-top-color: transparent; } .module .chevron { display: inline-block; width: 12px; height: 16px; background: url(/images/chevron_right_gray.png) right center no-repeat; background-size: 12px auto; } .module.free_blue .chevron, .module.free_gray .chevron, .module.free_purple .chevron, .module.free_green .chevron { background-image: url(/images/chevron_right_w.png); } .module.free_blue .overlap_icon, .module.free_gray .overlap_icon, .module.free_purple .overlap_icon, .module.free_green .overlap_icon { color: #FFF; } .module .carousel_pager li .a { background: transparent !important; position: relative; } .module .carousel_pager li .a:before { content: ''; position: absolute; top: 12px; left: 12px; border-radius: 16px; width: 16px; height: 16px; background: rgba(0, 0, 0, 0.2); z-index: 10; } .module .carousel_pager li .a.active:before { background: #1D79DE; } .lightbox .module .main_content, .lightbox .module .content_holder { padding-left: 0; padding-right: 0; } .lightbox .module.flow_on:after { display: none !important; } .lightbox .module .form_address_bordered { margin-left: 0 !important; margin-right: 0 !important; } .module.module_promobenefits { /*SECTION 1*/ /*SECTION 2*/ /*SECTION 3*/ /*SECTION 4*/ /* SECTION 3 */ /*OPTION 1*/ /*OPTION 2*/ /*OPTION 3*/ /* Specialisations for smaller devices / /* iPad and smaller desktop */ /* iPhone 6 and smaller in portrait */ /*ADAM new flex styles*/ /* Flex box sizing for sections with background colour */ } .module.module_promobenefits .top_container_default { font-family: rubrik-light; } .module.module_promobenefits .bg_container { background-size: cover; } .module.module_promobenefits .section_2_content img { width: 28px; } .module.module_promobenefits .section_1 { padding-top: 70px; padding-bottom: 17px; width: 100%; } .module.module_promobenefits .section_1 .top_heading { /* Free 40” Samsung UHD: */ font-size: 40px; letter-spacing: -1.5px; line-height: 44px; } .module.module_promobenefits .section_1 .second_heading { /* when you join for po: */ padding-top: 0; font-size: 22px; letter-spacing: -0.92px; line-height: 27px; } .module.module_promobenefits .section_2 { padding-top: 17px; padding-bottom: 17px; align-content: center; min-height: 50px; margin-top: 0px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; } .module.module_promobenefits .section_2 .section_2_padding { width: 100%; } .module.module_promobenefits .section_2 .section_2_inner { margin-left: auto; margin-right: auto; max-width: 800px; text-align: center; align-content: left; padding-left: 18px; padding-right: 18px; overflow: hidden; } .module.module_promobenefits .section_2 .section_2_content { padding-top: 10px; padding-bottom: 10px; overflow: hidden; text-align: center; align-content: left; } .module.module_promobenefits .section_2 .section_2_iconwrap { /* white-space:nowrap; */ /* adam flex */ display: inline-block; margin-top: 5px; margin-bottom: 5px; } @media only screen and (max-width: 548px) { .module.module_promobenefits .section_2 .section_2_iconwrap { float: left; } } .module.module_promobenefits .section_2 .section_2_text { text-align: left; vertical-align: middle; margin-right: 28px; /* Free modem: */ font-size: 18px; letter-spacing: -0.5px; line-height: 22px; padding-top: 2px; clip: auto; display: inline-block; } .module.module_promobenefits .section_2 img { vertical-align: top; padding: 0; margin-right: 10px; } .module.module_promobenefits .section_3 { padding: 40px 0px 46px 0px; margin-left: auto; margin-right: auto; width: 100%; text-align: center; } @media only screen and (max-width: 480px) { .module.module_promobenefits .section_3 { padding: 0px 0px 30px 0px; } } .module.module_promobenefits .section_3 .section_3_padding { padding-left: 18px; padding-right: 18px; } .module.module_promobenefits .section_3 .section_3_inner { margin-left: auto; margin-right: auto; /* max-width:800px; */ border: 1px solid; min-height: 42px; line-height: 22px; padding: 10px; margin-bottom: 0px; /* Up to 15% prompt pay: */ font-size: 14px; letter-spacing: -0.59px; text-align: center; } .module.module_promobenefits .section_3 .section_3_content { padding: 10px; } .module.module_promobenefits .section_3 span { /*vertical-align: middle;*/ /* Up to 15% prompt pay: */ font-size: 14px; letter-spacing: -0.59px; /* white-space:nowrap; */ } .module.module_promobenefits .section_3 span::after { content: "|"; margin-left: 18px; margin-right: 18px; } .module.module_promobenefits .section_3 span:last-child::after { content: ""; margin-left: 0px; margin-right: 0px; } .module.module_promobenefits .section_3 span.divider { margin-left: 18px; margin-right: 18px; } .module.module_promobenefits .section_4 { max-width: 100%; min-height: 46px; line-height: 22px; padding: 17px 18px; margin-top: 0; text-align: center; } .module.module_promobenefits .section_4 span.promo_text { /* Up your speed to 200: */ font-size: 18px; letter-spacing: -0.5px; max-width: 605px; } .module.module_promobenefits .section_4 a { line-height: 46px; margin-left: 8px; white-space: nowrap; /* Find out more >: */ font-family: 'Rubrik-Medium'; font-size: 18px; letter-spacing: -0.61px; } @media only screen and (max-width: 900px) { .module.module_promobenefits .section_4 .find_more { display: block; } } .module.module_promobenefits .section_3 { display: none; } .module.module_promobenefits.option1 .inside-container.section_3, .module.module_promobenefits.option2 .inside-container.section_3 { display: block; } .module.module_promobenefits.option3 .outside-container.section_3 { display: block; } .module.module_promobenefits.option1 .section_3 .section_3_padding { display: inline-block; } .module.module_promobenefits.option2 .section_1, .module.module_promobenefits.option2 .section_2 { text-align: left; padding-left: 10%; } .module.module_promobenefits.option2 .section_1 .section_1_top_heading { width: 50%; } .module.module_promobenefits.option2 .section_2 { width: 40%; /* max-width:300px; */ /*adam flex */ float: left; margin-left: 10%; } .module.module_promobenefits.option2 .section_2 .section_2_inner { margin-left: 0px; margin-right: 0px; text-align: left; align-content: left; padding: 0px; border-right: 1px solid; } .module.module_promobenefits.option2 .section_2 .section_2_content { padding: 0px; text-align: left; } .module.module_promobenefits.option2 .section_3 { padding: 0px; margin: 0px; width: 40%; float: left; } .module.module_promobenefits.option2 .section_3 .section_3_inner { border: 0px; text-align: left; } .module.module_promobenefits.option2 .section_3 .section_3_inner span { margin-left: 30px; text-indent: -26px; display: block; } .module.module_promobenefits.option2 .section_3 span::after { content: ""; margin-left: 0px; margin-right: 18px; display: block; } .module.module_promobenefits.option2 .section_3 span:last-child::after { content: ""; margin-left: 0px; margin-right: 0px; } .module.module_promobenefits.option2 .section_3 span::before { content: ">"; margin-left: 0px; margin-right: 18px; } .module.module_promobenefits.option3 .section_3 { padding: 0px; } .module.module_promobenefits.option3 .section_3 .section_3_inner { border: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 10px; } .module.module_promobenefits .section_2 .section_2_iconwrap { white-space: nowrap; } .module.module_promobenefits .section_2 .section_2_iconwrap > span { white-space: normal; } @media only screen and (max-width: 806px) { .module.module_promobenefits.option2 .section_1 { float: none; padding-left: 18px; padding-right: 18px; box-sizing: border-box; display: inline-block; } .module.module_promobenefits.option2 .section_2, .module.module_promobenefits.option2 .section_3 { width: 47%; } .module.module_promobenefits.option2 .section_2 { margin-left: 2%; } .module.module_promobenefits.option2 .section_2 .section_2_inner { padding-right: 30px; padding-left: 10px; } .module.module_promobenefits.option2 .section_3 { padding: 0px; margin: 0px; padding-left: 18px; } .module.module_promobenefits.option2 .section_2_iconwrap span { margin-left: -20px; margin-right: 40px; padding-left: 20px; white-space: normal; } .module.module_promobenefits.option1 .section_1, .module.module_promobenefits.option2 .section_1, .module.module_promobenefits.option3 .section_1 { width: 100%; margin: 0; padding-left: 18px; padding-right: 18px; box-sizing: border-box; } .module.module_promobenefits.option2 .section_1 .section_1_top_heading { width: 65%; } .module.module_promobenefits.section_4 a { display: block; } } @media only screen and (max-width: 650px) { .module.module_promobenefits.option1 .section_1, .module.module_promobenefits.option2 .section_1, .module.module_promobenefits.option3 .section_1 { padding-left: 15px; padding-right: 15px; } .module.module_promobenefits.option2 .section_2 .section_2_inner { border-right: 0px; border-bottom: 1px solid; } .module.module_promobenefits.option2 .section_1 .section_1_top_heading { width: 100%; text-align: center; } .module.module_promobenefits.option2 .section_1 .section_1_subtext { text-align: center; } .module.module_promobenefits.option2 .section_2 { float: none; } .module.module_promobenefits .option2 .section_3 { float: none; } .module.module_promobenefits.option2 .section_2, .module.module_promobenefits.option2 .section_3 { width: 100%; margin: 0; padding-left: 18px; padding-right: 18px; box-sizing: border-box; } .module.module_promobenefits.option2 .section_2 { padding-bottom: 20px; } .module.module_promobenefits .section_3 .section_3_inner { padding: 0; } .module.module_promobenefits.option2 .section_2 .section_2_content { padding-bottom: 20px; } } @media only screen and (max-width: 375px) and (orientation: portrait) { .module.module_promobenefits.option2 .section_1 .section_1_top_heading { width: 100%; } .module.module_promobenefits .section_3 span { white-space: normal; } } .module.module_promobenefits.option2 .section_2, .module.module_promobenefits.option2 .section_3 { box-sizing: border-box; } .module.module_promobenefits.option2 .bg_container { flex-flow: row wrap; -webkit-flex-flow: row wrap; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module.module_promobenefits.option2 .section_2, .module.module_promobenefits.option2 .section_3 { flex: 1 50%; /* max-width:50%; */ box-sizing: border-box; margin: 0; } @media only screen and (min-width: 651px) { .module.module_promobenefits.option2 .section_3 { flex: 1 40%; } .module.module_promobenefits.option2 .section_2 { padding-left: 18px; flex: 1 45%; } .module.module_promobenefits.option2 .section_3[class*="free_"] { flex: 1 35%; } } @media only screen and (min-width: 806px) { .module.module_promobenefits.option2 .section_2 { padding-left: 10%; flex: 1 25%; } .module.module_promobenefits.option2 .section_1 .section_1_top_heading { width: 40%; } } @media only screen and (max-width: 650px) { .module.module_promobenefits.option2 .section_2, .module.module_promobenefits.option2 .section_3 { flex: 1 100%; /* max-width: 100%; */ } .module.module_promobenefits.option2 .section_2 { padding-left: 18px; /* max-width:300px; */ } } .module.module_signup .module_inner h2, .module.module_signup .module_inner h3, .module.module_signup .module_inner h4, .module.module_signup .module_inner h5, .module.module_signup .module_inner p { color: #666666; } .module.module_signup .module_inner h2 { font-family: Rubrik-ExtraLight !important; } .module.module_signup .module_inner p { font-size: 16px; line-height: 1.4em; } @media only screen and (min-width: 480px) { .module.module_signup .module_inner p { font-size: 18px; } } .module.module_signup .module_inner small { font-size: 14px; padding-bottom: 10px; } .module.module_signup .module_inner small a { font-family: Rubrik-ExtraLight; } .module.module_signup .module_inner .SmallHeader h1, .module.module_signup .module_inner .SmallHeader h2 { font-size: 20px; font-family: Rubrik-ExtraLight; } .module.module_signup .module_inner .HideHeader h1, .module.module_signup .module_inner .HideHeader h2 { display: none; } .module.module_signup .module_inner table tbody:first-child, .module.module_signup .module_inner .mobile tbody:first-child { border: 1px #1D79DE solid; } .module.module_signup .module_inner table td, .module.module_signup .module_inner .mobile td { border: 0px; padding: 8px 50px; width: 50%; } .module.module_signup .module_inner table td:first-child, .module.module_signup .module_inner .mobile td:first-child { border-right: 1px #1D79DE solid; } .module.module_signup .module_inner table h2, .module.module_signup .module_inner .mobile h2 { padding-bottom: 0px; padding-top: 20px; font-family: Rubrik-ExtraLight; font-size: 40px; } .module.module_signup .module_inner table h3, .module.module_signup .module_inner .mobile h3 { padding-top: 20px; padding-bottom: 20px; margin: 0px; font-size: 18px; line-height: 24px; } .module.module_signup .module_inner table p, .module.module_signup .module_inner .mobile p { font-size: 14px; } .module.module_signup .module_inner .mobile h3 { font-size: 16px; padding-bottom: 20px; } .module.module_signup .module_inner .main_inner .seperator { border-top: 1px #1D79DE solid; } .module.module_signup .module_inner .main_inner .mobile_content { padding: 10px 20px; } .module.module_signup .module_inner .main_inner.border { border: 1px #1D79DE solid; } .module.module_signup .module_inner .main_inner a.fancybox { white-space: nowrap; } .module.module_signup .module_inner .main_inner.white { padding: 20px 50px; background-color: #FFF; color: #666666; } .module.module_signup .module_inner .main_inner.white.mobile { padding: 0px; } .module.module_signup .module_inner .main_inner.white h2, .module.module_signup .module_inner .main_inner.white h3, .module.module_signup .module_inner .main_inner.white h4, .module.module_signup .module_inner .main_inner.white h5, .module.module_signup .module_inner .main_inner.white p { color: #666666; } .module.module_signup .module_inner .main_inner.white a.fancybox { color: #1D79DE; text-decoration: none; } .module.module_signup .module_inner .main_inner.white a.fancybox:hover, .module.module_signup .module_inner .main_inner.white a.fancybox:focus { color: #196AC2; text-decoration: underline; } .module.module_signup .module_inner .main_inner.white a.btn_xlarge { color: #FFF; border-color: #1D79DE; background-color: #1D79DE; } .module.module_signup .module_inner .main_inner.white a.btn_xlarge.outline { color: #1D79DE; background-color: #FFF; border-color: #1D79DE; } .module.module_signup .module_inner .main_inner.white a.btn_xlarge.outline:hover, .module.module_signup .module_inner .main_inner.white a.btn_xlarge.outline:focus { background-color: #196AC2; color: #FFF; } .module.module_signup .module_inner .main_inner.white:after { border-top-color: #1D79DE; } .module.module_signup.free_gray .module_inner, .module.module_signup.free_blue .module_inner, .module.module_signup.free_purple .module_inner, .module.module_signup.free_deep-purple .module_inner, .module.module_signup.free_green .module_inner, .module.module_signup.free_deep-green .module_inner, .module.module_signup.free_purple-angle .module_inner, .module.module_signup.free_deep-purple-angle .module_inner, .module.module_signup.free_green-angle .module_inner, .module.module_signup.free_deep-green-angle .module_inner, .module.module_signup .free_gray .module_inner, .module.module_signup .free_blue .module_inner, .module.module_signup .free_purple .module_inner, .module.module_signup .free_deep-purple .module_inner, .module.module_signup .free_green .module_inner, .module.module_signup .free_deep-green .module_inner, .module.module_signup .free_purple-angle .module_inner, .module.module_signup .free_deep-purple-angle .module_inner, .module.module_signup .free_green-angle .module_inner, .module.module_signup .free_deep-green-angle .module_inner { color: #FFF; } .module.module_signup.free_gray .module_inner h2, .module.module_signup.free_blue .module_inner h2, .module.module_signup.free_purple .module_inner h2, .module.module_signup.free_deep-purple .module_inner h2, .module.module_signup.free_green .module_inner h2, .module.module_signup.free_deep-green .module_inner h2, .module.module_signup.free_purple-angle .module_inner h2, .module.module_signup.free_deep-purple-angle .module_inner h2, .module.module_signup.free_green-angle .module_inner h2, .module.module_signup.free_deep-green-angle .module_inner h2, .module.module_signup .free_gray .module_inner h2, .module.module_signup .free_blue .module_inner h2, .module.module_signup .free_purple .module_inner h2, .module.module_signup .free_deep-purple .module_inner h2, .module.module_signup .free_green .module_inner h2, .module.module_signup .free_deep-green .module_inner h2, .module.module_signup .free_purple-angle .module_inner h2, .module.module_signup .free_deep-purple-angle .module_inner h2, .module.module_signup .free_green-angle .module_inner h2, .module.module_signup .free_deep-green-angle .module_inner h2, .module.module_signup.free_gray .module_inner h3, .module.module_signup.free_blue .module_inner h3, .module.module_signup.free_purple .module_inner h3, .module.module_signup.free_deep-purple .module_inner h3, .module.module_signup.free_green .module_inner h3, .module.module_signup.free_deep-green .module_inner h3, .module.module_signup.free_purple-angle .module_inner h3, .module.module_signup.free_deep-purple-angle .module_inner h3, .module.module_signup.free_green-angle .module_inner h3, .module.module_signup.free_deep-green-angle .module_inner h3, .module.module_signup .free_gray .module_inner h3, .module.module_signup .free_blue .module_inner h3, .module.module_signup .free_purple .module_inner h3, .module.module_signup .free_deep-purple .module_inner h3, .module.module_signup .free_green .module_inner h3, .module.module_signup .free_deep-green .module_inner h3, .module.module_signup .free_purple-angle .module_inner h3, .module.module_signup .free_deep-purple-angle .module_inner h3, .module.module_signup .free_green-angle .module_inner h3, .module.module_signup .free_deep-green-angle .module_inner h3, .module.module_signup.free_gray .module_inner h4, .module.module_signup.free_blue .module_inner h4, .module.module_signup.free_purple .module_inner h4, .module.module_signup.free_deep-purple .module_inner h4, .module.module_signup.free_green .module_inner h4, .module.module_signup.free_deep-green .module_inner h4, .module.module_signup.free_purple-angle .module_inner h4, .module.module_signup.free_deep-purple-angle .module_inner h4, .module.module_signup.free_green-angle .module_inner h4, .module.module_signup.free_deep-green-angle .module_inner h4, .module.module_signup .free_gray .module_inner h4, .module.module_signup .free_blue .module_inner h4, .module.module_signup .free_purple .module_inner h4, .module.module_signup .free_deep-purple .module_inner h4, .module.module_signup .free_green .module_inner h4, .module.module_signup .free_deep-green .module_inner h4, .module.module_signup .free_purple-angle .module_inner h4, .module.module_signup .free_deep-purple-angle .module_inner h4, .module.module_signup .free_green-angle .module_inner h4, .module.module_signup .free_deep-green-angle .module_inner h4, .module.module_signup.free_gray .module_inner h5, .module.module_signup.free_blue .module_inner h5, .module.module_signup.free_purple .module_inner h5, .module.module_signup.free_deep-purple .module_inner h5, .module.module_signup.free_green .module_inner h5, .module.module_signup.free_deep-green .module_inner h5, .module.module_signup.free_purple-angle .module_inner h5, .module.module_signup.free_deep-purple-angle .module_inner h5, .module.module_signup.free_green-angle .module_inner h5, .module.module_signup.free_deep-green-angle .module_inner h5, .module.module_signup .free_gray .module_inner h5, .module.module_signup .free_blue .module_inner h5, .module.module_signup .free_purple .module_inner h5, .module.module_signup .free_deep-purple .module_inner h5, .module.module_signup .free_green .module_inner h5, .module.module_signup .free_deep-green .module_inner h5, .module.module_signup .free_purple-angle .module_inner h5, .module.module_signup .free_deep-purple-angle .module_inner h5, .module.module_signup .free_green-angle .module_inner h5, .module.module_signup .free_deep-green-angle .module_inner h5, .module.module_signup.free_gray .module_inner p, .module.module_signup.free_blue .module_inner p, .module.module_signup.free_purple .module_inner p, .module.module_signup.free_deep-purple .module_inner p, .module.module_signup.free_green .module_inner p, .module.module_signup.free_deep-green .module_inner p, .module.module_signup.free_purple-angle .module_inner p, .module.module_signup.free_deep-purple-angle .module_inner p, .module.module_signup.free_green-angle .module_inner p, .module.module_signup.free_deep-green-angle .module_inner p, .module.module_signup .free_gray .module_inner p, .module.module_signup .free_blue .module_inner p, .module.module_signup .free_purple .module_inner p, .module.module_signup .free_deep-purple .module_inner p, .module.module_signup .free_green .module_inner p, .module.module_signup .free_deep-green .module_inner p, .module.module_signup .free_purple-angle .module_inner p, .module.module_signup .free_deep-purple-angle .module_inner p, .module.module_signup .free_green-angle .module_inner p, .module.module_signup .free_deep-green-angle .module_inner p, .module.module_signup.free_gray .module_inner a, .module.module_signup.free_blue .module_inner a, .module.module_signup.free_purple .module_inner a, .module.module_signup.free_deep-purple .module_inner a, .module.module_signup.free_green .module_inner a, .module.module_signup.free_deep-green .module_inner a, .module.module_signup.free_purple-angle .module_inner a, .module.module_signup.free_deep-purple-angle .module_inner a, .module.module_signup.free_green-angle .module_inner a, .module.module_signup.free_deep-green-angle .module_inner a, .module.module_signup .free_gray .module_inner a, .module.module_signup .free_blue .module_inner a, .module.module_signup .free_purple .module_inner a, .module.module_signup .free_deep-purple .module_inner a, .module.module_signup .free_green .module_inner a, .module.module_signup .free_deep-green .module_inner a, .module.module_signup .free_purple-angle .module_inner a, .module.module_signup .free_deep-purple-angle .module_inner a, .module.module_signup .free_green-angle .module_inner a, .module.module_signup .free_deep-green-angle .module_inner a { color: #FFF; } .module.module_signup.free_gray .module_inner a.btn, .module.module_signup.free_blue .module_inner a.btn, .module.module_signup.free_purple .module_inner a.btn, .module.module_signup.free_deep-purple .module_inner a.btn, .module.module_signup.free_green .module_inner a.btn, .module.module_signup.free_deep-green .module_inner a.btn, .module.module_signup.free_purple-angle .module_inner a.btn, .module.module_signup.free_deep-purple-angle .module_inner a.btn, .module.module_signup.free_green-angle .module_inner a.btn, .module.module_signup.free_deep-green-angle .module_inner a.btn, .module.module_signup .free_gray .module_inner a.btn, .module.module_signup .free_blue .module_inner a.btn, .module.module_signup .free_purple .module_inner a.btn, .module.module_signup .free_deep-purple .module_inner a.btn, .module.module_signup .free_green .module_inner a.btn, .module.module_signup .free_deep-green .module_inner a.btn, .module.module_signup .free_purple-angle .module_inner a.btn, .module.module_signup .free_deep-purple-angle .module_inner a.btn, .module.module_signup .free_green-angle .module_inner a.btn, .module.module_signup .free_deep-green-angle .module_inner a.btn { border-color: #FFF; background-color: #FFF; color: #1D79DE; } .module.module_signup.free_gray .module_inner a.btn:hover, .module.module_signup.free_blue .module_inner a.btn:hover, .module.module_signup.free_purple .module_inner a.btn:hover, .module.module_signup.free_deep-purple .module_inner a.btn:hover, .module.module_signup.free_green .module_inner a.btn:hover, .module.module_signup.free_deep-green .module_inner a.btn:hover, .module.module_signup.free_purple-angle .module_inner a.btn:hover, .module.module_signup.free_deep-purple-angle .module_inner a.btn:hover, .module.module_signup.free_green-angle .module_inner a.btn:hover, .module.module_signup.free_deep-green-angle .module_inner a.btn:hover, .module.module_signup .free_gray .module_inner a.btn:hover, .module.module_signup .free_blue .module_inner a.btn:hover, .module.module_signup .free_purple .module_inner a.btn:hover, .module.module_signup .free_deep-purple .module_inner a.btn:hover, .module.module_signup .free_green .module_inner a.btn:hover, .module.module_signup .free_deep-green .module_inner a.btn:hover, .module.module_signup .free_purple-angle .module_inner a.btn:hover, .module.module_signup .free_deep-purple-angle .module_inner a.btn:hover, .module.module_signup .free_green-angle .module_inner a.btn:hover, .module.module_signup .free_deep-green-angle .module_inner a.btn:hover, .module.module_signup.free_gray .module_inner a.btn:focus, .module.module_signup.free_blue .module_inner a.btn:focus, .module.module_signup.free_purple .module_inner a.btn:focus, .module.module_signup.free_deep-purple .module_inner a.btn:focus, .module.module_signup.free_green .module_inner a.btn:focus, .module.module_signup.free_deep-green .module_inner a.btn:focus, .module.module_signup.free_purple-angle .module_inner a.btn:focus, .module.module_signup.free_deep-purple-angle .module_inner a.btn:focus, .module.module_signup.free_green-angle .module_inner a.btn:focus, .module.module_signup.free_deep-green-angle .module_inner a.btn:focus, .module.module_signup .free_gray .module_inner a.btn:focus, .module.module_signup .free_blue .module_inner a.btn:focus, .module.module_signup .free_purple .module_inner a.btn:focus, .module.module_signup .free_deep-purple .module_inner a.btn:focus, .module.module_signup .free_green .module_inner a.btn:focus, .module.module_signup .free_deep-green .module_inner a.btn:focus, .module.module_signup .free_purple-angle .module_inner a.btn:focus, .module.module_signup .free_deep-purple-angle .module_inner a.btn:focus, .module.module_signup .free_green-angle .module_inner a.btn:focus, .module.module_signup .free_deep-green-angle .module_inner a.btn:focus, .module.module_signup.free_gray .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_blue .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_purple .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_deep-purple .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_green .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_deep-green .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_purple-angle .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_deep-purple-angle .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_green-angle .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_deep-green-angle .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_gray .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_blue .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_purple .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_deep-purple .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_green .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_deep-green .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_purple-angle .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_deep-purple-angle .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_green-angle .module_inner a.btn_xlarge.outline:hover, .module.module_signup .free_deep-green-angle .module_inner a.btn_xlarge.outline:hover, .module.module_signup.free_gray .module_inner a.btn_xlarge.outline.focus, .module.module_signup.free_blue .module_inner a.btn_xlarge.outline.focus, .module.module_signup.free_purple .module_inner a.btn_xlarge.outline.focus, .module.module_signup.free_deep-purple .module_inner a.btn_xlarge.outline.focus, .module.module_signup.free_green .module_inner a.btn_xlarge.outline.focus, .module.module_signup.free_deep-green .module_inner a.btn_xlarge.outline.focus, .module.module_signup.free_purple-angle .module_inner a.btn_xlarge.outline.focus, .module.module_signup.free_deep-purple-angle .module_inner a.btn_xlarge.outline.focus, .module.module_signup.free_green-angle .module_inner a.btn_xlarge.outline.focus, .module.module_signup.free_deep-green-angle .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_gray .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_blue .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_purple .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_deep-purple .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_green .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_deep-green .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_purple-angle .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_deep-purple-angle .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_green-angle .module_inner a.btn_xlarge.outline.focus, .module.module_signup .free_deep-green-angle .module_inner a.btn_xlarge.outline.focus { border-color: #196AC2; background-color: #196AC2; color: #FFF; } .module.module_signup.free_gray .module_inner a.btn_xlarge.outline, .module.module_signup.free_blue .module_inner a.btn_xlarge.outline, .module.module_signup.free_purple .module_inner a.btn_xlarge.outline, .module.module_signup.free_deep-purple .module_inner a.btn_xlarge.outline, .module.module_signup.free_green .module_inner a.btn_xlarge.outline, .module.module_signup.free_deep-green .module_inner a.btn_xlarge.outline, .module.module_signup.free_purple-angle .module_inner a.btn_xlarge.outline, .module.module_signup.free_deep-purple-angle .module_inner a.btn_xlarge.outline, .module.module_signup.free_green-angle .module_inner a.btn_xlarge.outline, .module.module_signup.free_deep-green-angle .module_inner a.btn_xlarge.outline, .module.module_signup .free_gray .module_inner a.btn_xlarge.outline, .module.module_signup .free_blue .module_inner a.btn_xlarge.outline, .module.module_signup .free_purple .module_inner a.btn_xlarge.outline, .module.module_signup .free_deep-purple .module_inner a.btn_xlarge.outline, .module.module_signup .free_green .module_inner a.btn_xlarge.outline, .module.module_signup .free_deep-green .module_inner a.btn_xlarge.outline, .module.module_signup .free_purple-angle .module_inner a.btn_xlarge.outline, .module.module_signup .free_deep-purple-angle .module_inner a.btn_xlarge.outline, .module.module_signup .free_green-angle .module_inner a.btn_xlarge.outline, .module.module_signup .free_deep-green-angle .module_inner a.btn_xlarge.outline { border-color: #FFF; color: #FFF; background-color: transparent; } .module.module_signup.free_gray .module_inner a.fancybox, .module.module_signup.free_blue .module_inner a.fancybox, .module.module_signup.free_purple .module_inner a.fancybox, .module.module_signup.free_deep-purple .module_inner a.fancybox, .module.module_signup.free_green .module_inner a.fancybox, .module.module_signup.free_deep-green .module_inner a.fancybox, .module.module_signup.free_purple-angle .module_inner a.fancybox, .module.module_signup.free_deep-purple-angle .module_inner a.fancybox, .module.module_signup.free_green-angle .module_inner a.fancybox, .module.module_signup.free_deep-green-angle .module_inner a.fancybox, .module.module_signup .free_gray .module_inner a.fancybox, .module.module_signup .free_blue .module_inner a.fancybox, .module.module_signup .free_purple .module_inner a.fancybox, .module.module_signup .free_deep-purple .module_inner a.fancybox, .module.module_signup .free_green .module_inner a.fancybox, .module.module_signup .free_deep-green .module_inner a.fancybox, .module.module_signup .free_purple-angle .module_inner a.fancybox, .module.module_signup .free_deep-purple-angle .module_inner a.fancybox, .module.module_signup .free_green-angle .module_inner a.fancybox, .module.module_signup .free_deep-green-angle .module_inner a.fancybox { text-decoration: underline; } .module.module_signup.module_signup_small .module_inner .main_inner { padding-top: 20px; } @media only screen and (min-width: 480px) { .module.module_signup.module_signup_small .module_inner .main_inner { padding-top: 0px; } } .module.module_signup.module_signup_small .module_inner .main_inner.white { padding-top: 20px; } .module_ways .module_inner .content_holder > h2, .webkit .module_ways .module_inner .content_holder > h2 { padding-bottom: 1em !important; } .module_ways .module_inner .columns h2, .webkit .module_ways .module_inner .columns h2 { font-size: 2.4em; } .module_ways .module_inner .columns h2.larger, .webkit .module_ways .module_inner .columns h2.larger { font-size: 2.4em; } .module_ways .module_inner .columns p { margin-bottom: 0.75em; } .module_ways .module_inner .columns .btn { margin-top: 0; margin-bottom: 0; } .module_ways .module_inner .columns .col { padding-left: 30px; padding-right: 30px; } .module_ways .module_inner .columns .col .overlap_icon { margin-top: 0; margin-bottom: 0.25em; font-size: 30px; } .module_ways .module_inner .columns .col.bl1:before { margin-left: -30px; } .module_usp { text-align: center; } .module_usp .module_inner:before { height: 80px; background: -moz-linear-gradient(top, #376ed3 0%, rgba(55, 110, 211, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #376ed3), color-stop(100%, rgba(55, 110, 211, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #376ed3 0%, rgba(55, 110, 211, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #376ed3 0%, rgba(55, 110, 211, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #376ed3 0%, rgba(55, 110, 211, 0) 100%); /* IE10+ */ background: linear-gradient(to bottom, #376ed3 0%, rgba(55, 110, 211, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF376ed3', endColorstr='#007db9e8', GradientType=0); /* IE6-9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; filter: "alpha(opacity=5)"; opacity: 0.05; } .module_usp .columns { text-align: center; } .module_usp .columns .col { text-align: center; } .module_usp .columns .link a { font-family: 'Rubrik-Regular', Arial, sans-serif; display: inline-block; padding-right: 25px; background: url(/images/chevron_right.png) right center no-repeat; background-size: 8px auto; } .module_usp .columns .cell { padding-bottom: 20px; } .module_usp .columns .cell p { margin: 0 0 0.5em; } .module_usp .columns .cell h4 { font-family: 'Rubrik-Medium', Arial, sans-serif; color: #757474; font-size: 1.8em; line-height: 1.3; margin-bottom: 0.5em; } .module_usp .columns.columns-2 > .cell:nth-child(odd) { clear: left; } .module_usp .columns.title_blue .cell h4 { color: #1D79DE; font-size: 1.5em; text-transform: uppercase; } .module_promo { background-position: center center; background-repeat: no-repeat; background-size: cover; } .module_promo .content_holder { padding-top: 30px; padding-bottom: 20px; } .module_promo .content_holder:before, .module_promo .content_holder:after { content: ""; display: table; } .module_promo .content_holder:after { clear: both; } .module_promo h4 { font-family: 'Rubrik-Regular', Arial, sans-serif; } .module_promo h4 .overlap_icons { margin: -0.4em 0 0; } .module_promo .text { display: block; padding: 20px 20px 10px; } .module_promo .text p { font-size: 13px; margin: 5px; } .module_promo br { display: none; } .module_promo.size_Small h4 { display: inline-block; float: left; padding: 0; margin-bottom: 0; margin-top: 10px; } @media only screen and (min-width: 700px) { .module_promo.size_Small { padding-left: 10px; } .module_promo.size_Small .chevron { position: absolute; top: 50%; margin-top: -8px; } } @media only screen and (max-width: 700px) { .module_promo.size_Small .overlap_icons { width: 100%; } .module_promo.size_Small .text { margin-top: 10px; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .module_promo.size_Small .chevron { width: 100%; background-position: center; } } .module_promo.size_Small .content_holder { padding: 0; display: inline-block; } .module_promo.size_Small .overlap_icons { float: left; } .module_promo.size_Small .text { float: left; padding-top: 8px; } .module_promo.size_Small .secondaryText { clear: both; float: left; display: block; position: relative; } .module_promo.size_Small .chevron { float: left; } .module_promo.size_large br { display: none; } .module_promo.layout_left { background-position: 20% center; } .module_promo.layout_right { background-position: 80% center; } .module_promo .module_inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; z-index: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } a.module_promo .chevron { display: inline-block; } a.module_promo:hover:before, a.module_promo:hover .module_inner:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: "alpha(opacity=15)"; opacity: 0.15; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .module_address .content_holder { padding-top: 50px; padding-bottom: 35px; } .module_address #address_display .content_holder { padding-top: 30px; padding-bottom: 30px; } .module_address .text { display: block; padding: 20px 20px 10px; } .module_address .form_address_bordered { background: transparent; } .module_address .form_address_bordered .form_address_search_button { display: none; } .module_address .form_address_bordered .scfSingleLineGeneralPanel { text-align: left; border: 0 !important; padding: 8px; background-color: #FFF; background-color: rgba(255, 255, 255, 0.2); } .module_address .form_address_bordered .scfSingleLineGeneralPanel .scfSingleLineTextBox { padding-right: 40px; background: #FFF url(/images/address_search.png) 98% center no-repeat; border: 1px solid #AAA; border-color: rgba(0, 0, 0, 0.2); } .free_avail h4 { font-size: 3em; text-align: center; padding: 2em 0 0; margin-bottom: 0; } .module_tiles.module_deals { margin: 0; padding: 15px; } .module_tiles.module_deals .module_inner { overflow: visible; } .module_tiles.module_deals .tile_promo { margin: 0; background: transparent !important; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25); -webkit-transition: box-shadow 0.3s ease-out; -moz-transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; } .module_tiles.module_deals .tile_promo h2, .module_tiles.module_deals .tile_promo h3, .module_tiles.module_deals .tile_promo h4, .module_tiles.module_deals .tile_promo h5, .module_tiles.module_deals .tile_promo p { text-align: inherit; } .module_tiles.module_deals .tile_promo.free_gray-white, .module_tiles.module_deals .tile_promo .free_gray-white, .module_tiles.module_deals .tile_promo.free_yellow, .module_tiles.module_deals .tile_promo .free_yellow, .module_tiles.module_deals .tile_promo.free_gray-white h2, .module_tiles.module_deals .tile_promo .free_gray-white h2, .module_tiles.module_deals .tile_promo.free_yellow h2, .module_tiles.module_deals .tile_promo .free_yellow h2, .module_tiles.module_deals .tile_promo.free_gray-white h3, .module_tiles.module_deals .tile_promo .free_gray-white h3, .module_tiles.module_deals .tile_promo.free_yellow h3, .module_tiles.module_deals .tile_promo .free_yellow h3, .module_tiles.module_deals .tile_promo.free_gray-white h4, .module_tiles.module_deals .tile_promo .free_gray-white h4, .module_tiles.module_deals .tile_promo.free_yellow h4, .module_tiles.module_deals .tile_promo .free_yellow h4, .module_tiles.module_deals .tile_promo.free_gray-white h5, .module_tiles.module_deals .tile_promo .free_gray-white h5, .module_tiles.module_deals .tile_promo.free_yellow h5, .module_tiles.module_deals .tile_promo .free_yellow h5, .module_tiles.module_deals .tile_promo.free_gray-white p, .module_tiles.module_deals .tile_promo .free_gray-white p, .module_tiles.module_deals .tile_promo.free_yellow p, .module_tiles.module_deals .tile_promo .free_yellow p { color: #444; } .module_tiles.module_deals .tile_promo.free_gray-white .btn-primary, .module_tiles.module_deals .tile_promo .free_gray-white .btn-primary, .module_tiles.module_deals .tile_promo.free_yellow .btn-primary, .module_tiles.module_deals .tile_promo .free_yellow .btn-primary { background: #1D79DE !important; border-color: #1D79DE; color: white; } .module_tiles.module_deals .tile_promo.free_gray-white .btn-secondary, .module_tiles.module_deals .tile_promo .free_gray-white .btn-secondary, .module_tiles.module_deals .tile_promo.free_yellow .btn-secondary, .module_tiles.module_deals .tile_promo .free_yellow .btn-secondary { color: #1D79DE; border: 1px solid currentColor; } .module_tiles.module_deals .tile_promo .tile_promo_inner { position: relative; display: flex; flex-direction: column; align-content: center; justify-content: center; } .module_tiles.module_deals .tile_promo .tile_bk, .module_tiles.module_deals .tile_promo .tile_inner_image { z-index: 2; padding: 0; overflow: hidden; } .module_tiles.module_deals .tile_promo .tile_bk { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; z-index: 1; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .module_tiles.module_deals .tile_promo .tile_inner_image { background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: -45px; max-height: 220px; } .module_tiles.module_deals .tile_promo .tile_inner_image:after { content: ''; display: block; height: 0; padding-top: 45%; } .module_tiles.module_deals .tile_promo.layout_ { text-align: center; } .module_tiles.module_deals .tile_promo.layout_left, .module_tiles.module_deals .tile_promo.layout_right { text-align: left; } .module_tiles.module_deals .tile_promo.layout_left .tile_inner_image, .module_tiles.module_deals .tile_promo.layout_right .tile_inner_image { position: absolute; right: 0; top: 0; bottom: 0; max-height: none; width: 35%; margin-bottom: 30%; background-position: right; } .module_tiles.module_deals .tile_promo.layout_left .tile_text, .module_tiles.module_deals .tile_promo.layout_right .tile_text { padding-right: 5px; width: 70%; } .module_tiles.module_deals .tile_promo.layout_left .tile_text h2, .module_tiles.module_deals .tile_promo.layout_right .tile_text h2 { margin-right: -20px; } .module_tiles.module_deals .tile_promo.layout_left .tile_btns, .module_tiles.module_deals .tile_promo.layout_right .tile_btns { flex-direction: column; justify-content: flex-start; } .module_tiles.module_deals .tile_promo.layout_right .tile_inner_image { right: auto; left: 0; background-position: left; } .module_tiles.module_deals .tile_promo.layout_right .tile_text { margin-left: 30%; } .module_tiles.module_deals .tile_inner { height: auto !important; z-index: 3; padding-left: 20px; padding-right: 20px; } .module_tiles.module_deals .tile_text { margin: 0 0 15px; margin-top: 25px !important; display: flex; flex-direction: column; align-content: center; justify-content: center; } .module_tiles.module_deals .tile_text p { font-size: 1.6em; } .module_tiles.module_deals .tile_btns { display: flex; flex-direction: column; justify-content: center; } .module_tiles.module_deals .tile_btns .btn { flex: 0 1 auto; display: flex; align-content: center; justify-content: center; align-items: center; margin: 0 3px 10px 3px; } .module_tiles.module_deals .btn { padding: 12px 20px; font-size: 1.6em; line-height: 1.15; margin: 5px 0 10px; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; white-space: inherit; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; color: white; background: transparent; border: 1px solid currentColor; } .module_tiles.module_deals .btn-primary { background: white !important; border-color: white; color: #1D79DE; } .module_tiles h3 { font-size: 18px; margin: 0.75em 0 0.5em; letter-spacing: -0.5px; line-height: 1.3em; } .module_tiles .col_1 h3 { font-size: 15px; } .module_tiles .col_2 h3 { font-size: 18px; } .module_tiles p { margin-bottom: 5px !important; } .module_tiles h5 { font-family: 'Rubrik-Regular', Arial, sans-serif !important; padding: 0 !important; margin: 0 !important; } .module_tiles h5 small { padding: 0 4px; font-size: 0.6em; } .module_tiles .grid { max-height: 400px; -webkit-transition: max-height 0.3s, opacity 0.3s; -moz-transition: max-height 0.3s, opacity 0.3s; transition: max-height 0.3s, opacity 0.3s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; } .module_tiles .grid:after { display: table; content: ""; clear: both; } .module_tiles .grid .grid-item { float: left; width: 100%; } .module_tiles .grid.layout_right .grid-item { float: right; } .module_tiles .tiles { padding: 0 0 20px; margin: -10px; position: relative; } .module_tiles h2 + .tiles { margin-top: 38px; } .module_tiles .tiles + h5 { margin-top: 20px !important; } .module_tiles .tile { margin: 10px; display: block; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; } .module_tiles .tile.layout_left { text-align: left; background-position: 75% center; } .module_tiles .tile.layout_left .tile_text { padding-right: 7%; } .module_tiles .tile.layout_left.tile_image { padding-right: 40%; } .module_tiles .tile.layout_right { background-position: 25% center; } .module_tiles .tile.tile_play .tile_text { padding: 0 10%; } .module_tiles .tile.tile_shadow { text-shadow: 0 0 10px rgba(0, 0, 0, 0.6); } .module_tiles .tile.size_large h3 { margin: 0.5em 0 0.3em; font-size: 25px; } .module_tiles .tile:before, .module_tiles .tile .tile_inner_image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; z-index: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .module_tiles .tile_inner_image { padding-top: 56.25%; position: relative; color: #FFF; background-position: center center; background-repeat: no-repeat; background-size: cover; } .module_tiles .tile_inner_image .overlap_icon { position: absolute; top: 50%; left: 50%; margin: -0.5em; z-index: 10; } .module_tiles .tile_inner, .module_tiles .tile_text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative; z-index: 2; } .module_tiles .tile_inner { padding: 15px 25px; } .module_tiles .tile_flag { position: absolute; left: 25px; bottom: 100%; background: #1D79DE; color: #FFF; text-align: center; text-transform: uppercase; padding: 12px 40px; min-width: 160px; z-index: 10; } .module_tiles .tile_flag p { margin: 0 !important; color: #FFF; font-size: 15px; line-height: 1; font-family: 'Rubrik-Medium', Arial, sans-serif; } .module_tiles a.tile { -moz-outline: none; outline: none; } .module_tiles a.tile:hover:before, .module_tiles a.tile:hover .tile_inner_image:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: "alpha(opacity=25)"; opacity: 0.25; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .module_tiles.module_list .tile h3 { margin: 0; padding: 0.25em 0; } .module_tiles.module_list .tile .tile_inner { padding: 18px 25px; } .module_tiles.module_list .tile .tile_text { padding: 0 5%; } .module_tiles.module_list .tile.free_ .tile_inner, .module_tiles.module_list .tile.free_ .tile_text { padding-left: 0; padding-right: 0; } .module_tiles.module_list .tile.free_:before { display: none; } .module_tiles.module_list .tile.free_:hover h2, .module_tiles.module_list .tile.free_:hover h3, .module_tiles.module_list .tile.free_:hover p { color: #1D79DE; } .lte8 .module:before, .lte8 .module_inner:before, .lte8 .tile:before { display: none; } @media (max-width: 912px) { .signupBigDesktop { display: none; } } @media (min-width: 913px) { .signupBigMobile { display: none; } } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .nav_trigger { background: url("/images/icon_menu.png") no-repeat center 16px; border-right: 1px solid rgba(255, 255, 255, 0.2); color: #fff; cursor: pointer; display: block; font-family: 'Rubrik-Regular', Arial, sans-serif; float: left; font-size: 1.6em; line-height: 1.25em; height: 0; margin-right: -1px; padding-left: 65px; position: relative; padding-top: 3.125em; text-indent: -9999px; z-index: 6; } .no-js .nav_trigger { display: none; } .lte7 .nav_trigger { background-position: 20px 16px; } .no-touch .nav_trigger:hover { background-color: rgba(0, 0, 0, 0.15); } .nav_home { display: none; } .nav_trigger_close { bottom: 0; cursor: auto; display: none; margin-left: 83.3333%; overflow: hidden; padding-left: 16.6666%; position: absolute; top: 50px; width: 0; } .side_bar_open .nav_trigger_close { display: block; } .side_bar_open .nav_trigger_close { cursor: pointer; } .nav_holder { overflow: hidden; } /* UL */ .nav_main { position: relative; width: 100%; z-index: 3; } .nav_main ul { display: none; left: 100%; position: absolute; right: -100%; top: 0; } .nav_main ul ul { top: 0; } .nav_main .active { display: block; } .nav_main .level2_faux { display: none; } /* LI */ .nav_main li { font-family: 'Rubrik-Medium', Arial, sans-serif; word-wrap: break-word; } .nav_main .first { border-top: 1px solid rgba(255, 255, 255, 0.2); } .nav_main li .first { border-top: none; } .lte7 .nav_main .first { zoom: 1; } .lte8 .nav_main .first { background: url("/images/border_white_horizontal_20.png") repeat-x left top; } .nav_main li li { font-family: 'Rubrik-Light', Arial, sans-serif; } .nav_main .level1 .first, .nav_main .level2 .first, .nav_main .level3 .first, .nav_main .level4 .first, .nav_main .level5 .first { position: relative; } /* A */ .nav_main .nav_children_toggle { display: none; } .nav_main a, .nav_main .a, .nav_main .mega_title { border-bottom: 1px solid #E1DFDD; /*p*/ color: #333; display: block; font-size: 16px; line-height: 20px; padding: 15px 20px 14px 58px; position: relative; text-decoration: none; } .lte8 .nav_main a, .lte8 .nav_main .a, .lte8 .nav_main .mega_title { background: url("/images/border_white_horizontal_20.png") repeat-x left bottom; } .nav_main a:link, .nav_main .a { -webkit-tap-highlight-color: #6C217D; } .nav_main a:before { background: url("/images/nav_plus_minus.png") no-repeat; content: ' '; display: block; height: 9px; left: 25px; position: absolute; top: 20px; width: 9px; } .nav_main .no_children > a:before { display: none; } .nav_main a.mysettings { margin-bottom: 50px; } /* Special Elements */ .nav_main .mega_back { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; padding-left: 58px; padding-right: 20px; z-index: 2; } .nav_main .mega_back:before { background: url("/images/nav_arrow.png") no-repeat 0 0; content: ' '; left: 26px; width: 5px; height: 9px; margin-top: 5px; position: absolute; } .lte7 .nav_main .mega_back { padding-left: 25px; } .nav_main .mega_title { font-family: 'Rubrik-Medium', Arial, sans-serif; padding-left: 25px; } .nav_main .nav_ad { display: none; } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .nav_module { width: 100%; padding: 0 4.1665%; margin: 0; z-index: 2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); } .nav_module.fixed { position: fixed; width: 100%; z-index: 1000; } .nav_module.fixed.bk-op1 { background: #fff; } .nav_module.fixed.bk-op2 { background: #eee; } .nav_module.fixed.bk-op3 { background: #c6f8ff; } .nav_module .content_holder { padding: 0; } .nav_module .content_holder .flex + .flex { padding-left: 2em; } .nav_module a { -moz-outline: none; outline: none; } .nav_module ul { list-style: none; margin: 0; } .nav_module ul > li { font-size: 14px; margin: 0; } .nav_module ul > li:before { display: none; } .nav_module ul > li a { font-family: 'Rubrik-Regular', Arial, sans-serif; display: block; font-size: 14px; padding: 2em 1em; border: 1px solid transparent; color: #757474; } .nav_module ul > li.active > a { color: #7F1399; } .nav_module ul > li a:hover { color: #1D79DE; } .nav_module .btn { font-size: 14px; padding: 0.5em 1em; margin: 1.5em 0 1.5em 1em; } .nav_module .left .btn { margin-right: 1em; margin-left: 0; } .nav_module .dropdown .btn { font-size: 14px; padding: 2em 1em 2em 0; margin-top: 0; margin-bottom: 0; text-transform: none; background: transparent !important; color: #7F1399; } .nav_module .dropdown .btn .caret { display: none; } .nav_module .dropdown .btn:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; text-decoration: none; content: "d"; position: relative; margin: 3px 0 0 8px; } .nav_module .dropdown.open .btn:after { content: "g"; } .nav_module .dropdown ul li a { color: #757474; background: transparent; padding: 0.75em 1em; } .nav_module .dropdown ul li.active > a, .nav_module .dropdown ul li a:hover { color: #7F1399; background: transparent; } .nav_module .dropdown ul li a:hover { color: #1D79DE; } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .lte8 .news_article hr { margin-right: 75%; } /* recent news articles */ h3.recent_news_tile_header { clear: both; text-transform: uppercase; } /* recent news articles tiles */ ul.recent_news_tiles { padding-left: 0; padding-right: 0; } ul.recent_news_tiles li { list-style: none outside; } ul.recent_news_tiles li:before { content: ''; } ul.recent_news_tiles li h5 { /* safe guard */ font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 1em; font-size: 30px; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; margin-bottom: 10px; } ul.recent_news_tiles li h5 small { font-size: 15px; line-height: 1em; } ul.recent_news_tiles li hr { display: none; } .lte8 .recent_news_tiles { display: inline; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* community news list page */ .news_list .section { border-bottom: 1px solid #E1E1E1; padding-bottom: 0; padding-top: 3em; /* clear our list items without needing the clearfix class on every li */ } .news_list .section:before, .news_list .section:after { content: ''; display: table; } .news_list .section:after { clear: both; } .news_list .section:first-child { padding-top: 0; } .news_list .article_date { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 30px; line-height: 30px; letter-spacing: -1px; margin-top: 0; margin-bottom: 20px; } .news_list .article_date small { font-size: 16px; line-height: 20px; letter-spacing: -1px; } .news_list ul { margin: 0; } .news_list li { border-bottom: 1px solid #E1E1E1; margin-left: 0; margin-bottom: 25px; padding: 0 0 0.5em 0; /* clear our list items without needing the clearfix class on every li */ } .news_list li:before, .news_list li:after { content: ''; display: table; } .news_list li:after { clear: both; } .news_list li:last-child { border-bottom: none; margin-bottom: 0; } .news_list li.featured { background-color: #F5F3F0; border-bottom: none; padding-top: 1.5em; padding-left: 1.5em; padding-right: 1.5em; margin-top: -26px; } .news_list li.featured .figure_small { float: none; padding-bottom: 1em; } .news_list li h2 { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 16px; letter-spacing: 0; line-height: 1.35em; margin: 0 0 1em 0; padding: 0; } .news_list li p { line-height: 20px; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* custom field (drop-down, text element) styling */ .nl-field { display: inline-block; position: relative; } .nl-wrap { white-space: nowrap; display: inline-block; color: #5FD8E5; } .nl-uom { white-space: nowrap; display: inline-block; } .nl-field.nl-field-open { z-index: 10000; } .nl-field-placeholder { background: #601e72; background: rgba(0, 0, 0, 0.1); padding: 0 5px; } /* the toggle is the visible part in the form */ .nl-field-toggle, .nl-form input { white-space: nowrap; display: inline-block; color: #5FD8E5; padding-bottom: 0; border-bottom: 1px dotted #FFF; line-height: 1.2; cursor: pointer; } .nl-error .nl-field-toggle, .nl-error .nl-form input { color: #FF9B00; border-color: #FF9B00; } a.nl-field-toggle { color: #5FD8E5; } a.nl-field-placeholder { color: #7c51a9; } /* drop-down list / text element */ .nl-field ul { position: absolute; visibility: hidden; background: #FFF; left: -0.5em; top: 50%; font-size: 11px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; margin: 0; -webkit-transform: translateY(-40%) scale(0.9); -ms-transform: translateY(-40%) scale(0.9); transform: translateY(-40%) scale(0.9); -webkit-transition: opacity 0.3s, -webkit-transform 0.2s; transition: opacity 0.3s, transform 0.2s; } .nl-field.nl-ti-text ul { -webkit-transform: translateY(0) scale(0.9); -ms-transform: translateY(0) scale(0.9); transform: translateY(0) scale(0.9); } .nl-field.nl-field-open ul { top: 50%; visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); -webkit-transition: opacity 0.1s, -webkit-transform 0.2s; transition: opacity 0.1s, transform 0.2s; } .nl-field ul li { text-align: left; color: #999; background-color: #FFF; position: relative; padding: 1em; margin: 0; min-width: 12em; white-space: nowrap; border-bottom: 1px solid #EEE; } .nl-field ul li:before { display: none; } .nl-dd .nl-field-toggle:after { content: ""; background: url('/images/oct/oct_chevron_down.png'); display: inline-block; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; } .nl-dd ul li { padding: 0.5em 1em 0.5em 1.8em; cursor: pointer; } .nl-dd ul li.nl-dd-checked { color: #414E5C; } .no-touch .nl-dd ul li:hover { background: #EFEFEF; background: rgba(0, 0, 0, 0.05); } .no-touch .nl-dd ul li:hover:active { color: #414E5C; } /* icons for some elements */ .nl-dd ul li.nl-dd-checked:before { display: block !important; position: absolute; content: ''; left: 0.6em; top: 50%; margin: -4px 0 0; width: 10px; height: 8px; padding: 0; background: url(/images/tick_p.png) no-repeat; } .nl-ti-text ul { visibility: visible; overflow: hidden; top: 0; height: 100%; } .nl-ti-text li, .nl-ti-text .nl-generated { top: 0; height: 100%; } .nl-ti-text { /* custom placeholder color */ } .nl-ti-text ul, .nl-ti-text ul li, .nl-ti-text .nl-generated { cursor: pointer; border: 0; background: url(/images/spacer.gif); position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 0; z-index: 50; min-width: 0; display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; } .nl-ti-text button { display: none; } .nl-ti-text.nl-field.nl-field-open ul { position: absolute; background: #FFF; cursor: default; width: auto; height: auto; bottom: auto; right: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .nl-ti-text.nl-field.nl-field-open ul li { background: #FFF; cursor: default; width: auto; height: auto; position: relative; top: 0; padding: 1em !important; min-width: 12em; vertical-align: middle; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .nl-ti-text.nl-field.nl-field-open button { display: inline-block; } .nl-ti-text.nl-field.nl-field-open .nl-generated { cursor: text; width: 80%; top: 0; height: auto; position: relative; border: 1px solid #CCC; background: #FFF; color: #414E5C; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: 20px; display: inline-block; padding: 0.2em 0.5em; margin: 0; -webkit-appearance: none; -moz-appearance: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .nl-ti-text.nl-field.nl-field-open .nl-generated:focus { outline: none; } .nl-ti-text input::-webkit-input-placeholder, .nl-ti-text input:active::-webkit-input-placeholder, .nl-ti-text input:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.7); } .nl-ti-text input::-moz-placeholder, .nl-ti-text input:active::-moz-placeholder, .nl-ti-text input:focus::-moz-placeholder { font-weight: bold; color: rgba(0, 0, 0, 0.7); } .nl-ti-text input:-ms-input-placeholder, .nl-ti-text input:active::-ms-input-placeholder, .nl-ti-text input:focus::-ms-input-placeholder { font-weight: bold; color: #888; color: rgba(0, 0, 0, 0.7); } .nl-ti-text .fake_placeholder { color: #888; color: rgba(0, 0, 0, 0.7); } /* example field below text input */ .nl-ti-text ul li.nl-ti-example { font-size: 40%; font-style: italic; font-weight: 400; padding: 0.4em 1em; color: rgba(0, 0, 0, 0.2); border-top: 1px dashed rgba(255, 255, 255, 0.7); } .nl-ti-text ul li.nl-ti-example em { color: #fff; } /* go button */ .nl-field-go { text-transform: uppercase; background: #CCC; line-height: 20px; border: 1px solid #CCC; color: #414E5C; padding: 0.2em 0.5em; } /* overlay becomes visible when a field is opened */ .nl-overlay { position: fixed; top: -100%; left: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: "alpha(opacity=0)"; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .nl-field-open + .nl-overlay { top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; visibility: visible; z-index: 9999; -webkit-transition-delay: 0s; transition-delay: 0s; } .lte8 .nl-field ul, .lte8 .nl-generated { zoom: 1; } .lte8 .nl-overlay { position: absolute; top: -10000em; left: -10000em; right: -10000em; bottom: -10000em; width: auto; height: auto; } .lte8 .nl-ti-text li, .lte8 .nl-ti-text .nl-generated { top: -60%; height: 160%; } .lte8 .nl-field.nl-field-open ul { top: -30%; } .lte8 .nl-field.nl-field-open li, .lte8 .nl-field.nl-field-open .nl-generated { top: 0; height: auto; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ @font-face { font-family: 'HouseSlant'; src: url('/fonts/HouseSlant.eot'); src: url('/fonts/HouseSlant.eot?#iefix') format('embedded-opentype'), url('/fonts/HouseSlant.woff') format('woff'); font-weight: normal; font-style: normal; } .offerzone { border-bottom: 1px solid #F5F3F0; } .offerzone_logo { background: url(/images/offerzone_logo.png) no-repeat; height: 0; overflow: hidden; margin: 0 0 1.5em; padding-left: 100px; padding-top: 80px; width: 0; } .offerzone_content:before, .offerzone_content:after { content: ""; display: table; } .offerzone_content:after { clear: both; } .offerzone_h2, .webkit .offerzone_h2, .lte9 .offerzone_h2 { font-family: HouseSlant, Arial, sans-serif; font-weight: normal; letter-spacing: 0; font-size: 4em; line-height: 1em; color: #333; margin: 0; } .offerzone_h3 { font-family: HouseSlant, Arial, sans-serif; font-weight: normal; letter-spacing: 0; font-size: 3em; line-height: 1.166667em; color: #333; margin: 0; } .offerzone_h4, .webkit .offerzone_h4, .lte9 .offerzone_h4 { font-family: HouseSlant, Arial, sans-serif; font-weight: normal; letter-spacing: 0; font-size: 2em; line-height: 1.25em; margin: 0em 0em 0.5em; color: #333; } .offerzone_h5, .webkit .offerzone_h5, .lte9 .offerzone_h5, .lte10 .offerzone_h5 { font-size: 4.5em; line-height: 1.25em; color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0; padding: 0; font-weight: 200; } .offerzone_h5 .offerzone_h5__small, .webkit .offerzone_h5 .offerzone_h5__small, .lte9 .offerzone_h5 .offerzone_h5__small, .lte10 .offerzone_h5 .offerzone_h5__small { font-size: 0.488889em; line-height: 1em; } .offerzone_h6 { font-size: 1.4em; line-height: 1.428571em; margin: 0em 0em 1.428571em; color: #333; font-family: Arial, sans-serif; padding: 0; text-transform: none; } .offerzone_p { font-size: 1.4em; line-height: 1.428571em; font-family: Arial, sans-serif; } .offerzone_p { font-size: 1.4em; line-height: 1.428571em; font-family: Arial, sans-serif; } .offerzone_p__small { font-size: 1.2em; line-height: 1em; color: #999; } .offerzone_img { display: block; margin: 0 0 1.5em; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .page_list li { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.3em; line-height: 1.666667em; } .page_list a { background: url(/images/page_list_arrow.png) no-repeat 95.8335% 16px #F1F1EE; border-bottom: 1px solid #E7E7E4; color: #46525F; display: block; padding-top: 0.833333em; padding-bottom: 0.833333em; padding-left: 4.1665%; padding-right: 4.1665%; text-transform: uppercase; } .page_list .current a { background-color: #CDCECF; } .page_list .fake_link a { background-image: none; position: relative; } .page_list .fake_link_active a:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #CDCECF; bottom: -10px; content: ' '; height: 0; left: 50%; overflow: hidden; position: absolute; width: 0; z-index: 1; } .page_list .page_list_icon { float: left; margin-right: 0.583333em; margin-top: -0.083333em; } .no-touch .page_list a:hover { background-color: #CDCECF; } .lte10 .page_list li a { font-size: 13px; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* ============================================================================ Pagination. ======================================================================== */ .pagination-container { margin: 2em 0 0; padding: 0 0 0.5em; position: relative; text-align: right; } .pagination { font-family: 'Rubrik-Light', 'Helvetica Neue', Arial, sans-serif; font-size: 12px; line-height: 15px; margin: 0; } .pagination a, .pagination span span { display: inline-block; min-width: 14px; padding: 3px 2px; text-align: center; text-decoration: none; vertical-align: top; } .lte7 .pagination a, .lte7 .pagination span span { display: inline; zoom: 1; } .pagination a { color: #333; } .pagination a:first-child, .pagination a:last-child { height: 0; width: 0; padding: 20px 6px 0 0; overflow: hidden; position: relative; } .pagination a:last-child { margin-right: -6px; } .pagination a:hover, .pagination a:focus { background-color: #ccc; color: #000; } .pagination a:active { color: #000; } .pagination a span { padding: 0; } .pagination .more { margin-left: -8px; margin-right: -3px; } .pagination .current { border: 1px solid #999; padding: 2px 2px; font-family: 'Rubrik-Medium', Arial, sans-serif; } .pagination .arrow { background: url(/images/arrow_left.png) no-repeat left top; height: 8px; /*p*/ position: absolute; top: 6px; left: 8px; width: 4px; } .lte8 .pagination .arrow { position: relative; top: 4px; } .pagination a:last-child .arrow { background-image: url(/images/arrow_right.png); } .lte8 .pagination .last.arrow { background-image: url(/images/arrow_right.png); } .pagination .aspNetDisabled:hover { background: none; color: #333; } .per-page, .sort-by { float: right; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .panel { float: left; /* in otherwise clearfixes within panel clear left menu */ margin-left: -4.545%; margin-right: -4.545%; width: 109.0909%; } .panel a a { margin: 0; padding: 0; } .panel .panel { margin-left: 0; margin-right: 0; width: 100%; } h1 + .panel_holder { margin-top: -30px; } /* Left panel */ .panel_solid { background: #fff; } .panel_trans { background: #fafafa; background: rgba(255, 255, 255, 0.93); margin-right: 1px; padding: 30px; } .panel_inner { border-bottom: 1px solid #ddd; margin-right: 1px; padding: 30px 4.1665% 20px; } .panel_inner h2 { overflow: hidden; text-overflow: ellipsis; } .panel_inner p { font-size: 1.2em; } .panel_inner p.large { font-size: 1.4em; } .lte7 .panel_inner { zoom: 1; } .panel h2, .webkit .panel h2 { color: #333; margin: 0; padding-bottom: 7px; } .webkit .panel .toggled_popup h2 { color: #fff; } .webkit .panel h2 { margin-top: 3px; } .panel h3 { color: #333; font-size: 16px; margin-bottom: 5px; padding-top: 0; } .panel h3.expand { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; background: url('/images/dark_grey_cross.png') no-repeat; background-position: 99% 4px; cursor: pointer; position: relative; } .panel h3.expand:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } /* filters destroy ClearType in IE8 & below */ .lte8 .panel h3.expand { -ms-filter: none; filter: none; } .lte8 .panel h3.expand:hover { -ms-filter: none; filter: none; } .panel h3.opened { background: url('/images/dark_grey_subtract.png') no-repeat; background-position: 99% 4px; } .panel .expand-target { display: none; } .lte7 .panel .expand-target { zoom: 1; } .panel_inner p, .panel_inner li { color: #333; font-family: 'Rubrik-Light', Arial, sans-serif; } .panel h4 { font-size: 16px; line-height: 25px; } .panel_inner p strong, .panel_inner p b { font-family: 'Rubrik-Medium', Arial, sans-serif; font-weight: normal; } .panel p small { display: block; font-size: 12px; line-height: 15px; } .panel .figure .dollar { display: inline-block; padding-top: 5px; vertical-align: top; } .panel .figure .large { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 50px; letter-spacing: -4px; line-height: 70px; } .panel .figure .small { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 20px; line-height: 35px; } .panel a.last { margin-right: 0; } .panel .service_title { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 14px; line-height: 20px; margin-right: 160px; margin-bottom: 10px; } .panel .panel_services { border-bottom: 1px dashed #CCC; padding: 20px 0 10px; position: relative; } .panel .panel_services.first { padding-top: 0; } .panel .panel_services.last { border-bottom: none; padding-bottom: 0; } .panel .panel_services ul { position: absolute; right: 0; top: 2em; padding-top: 2px; } .panel .panel_services.first ul { top: 0; } .panel .panel_services li { display: inline-block; float: left; padding-left: 15px; padding-right: 15px; position: relative; text-indent: -9999px; } .panel .panel_services li:after { background: url('/images/grey_spacer.png') no-repeat; content: ' '; display: inline-block; height: 15px; position: absolute; right: 0; width: 2px; } .panel .panel_services .last { /* background-position: right; */ padding-right: 0; } .panel .panel_services .first { /* background-position: left; */ padding-right: 15px; } .panel .panel_services .last:after { display: none; } .panel .service_list { padding: 10px 0 0; } .panel .service_list:first-child { padding-top: 0; } .panel .service_list li { font-family: 'Rubrik-Medium', Arial, sans-serif; line-height: 20px; } .panel .service_gas { background: url('/images/service_gas.png') no-repeat 0px 2px; padding-left: 20px; } .panel .service_internet { background: url('/images/service_net.png') no-repeat 0px 2px; padding-left: 20px; } .panel .service_phone { background: url('/images/service_phone.png') no-repeat 0px 2px; padding-left: 20px; } .panel .service_power { background: url('/images/service_power.png') no-repeat 0px 2px; padding-left: 20px; } .panel .service_list dl { float: none; margin-bottom: 0; padding: 5px 0; width: auto; } .panel .service_list dt { float: none; padding-bottom: 0; width: 100%; } .panel .service_list dt:before { content: '-'; padding-right: 5px; } .panel .service_list dt.no-dash { padding-left: 9px; float: none; width: auto; } .panel .service_list dt.no-dash:before { content: ''; padding-right: 0; } .panel .service_list dd { float: none; padding-bottom: 0; padding-left: 9px; width: auto; } .panel .panel_services .service_gas { background-position: center; height: 15px; width: 9px; } .panel .panel_services .service_power { background-position: center; height: 15px; width: 8px; } .panel .panel_services .service_internet { background-position: center; height: 15px; width: 15px; } .panel .panel_services .service_phone { background-position: center; height: 14px; width: 12px; } /* ---------- Right panel ----------- */ .panel h2.small { margin-bottom: 27px; margin-top: 5px; } /* ------------ Panel selector (for account type) ------------ */ .panel_selector { margin: -30px -4.5454% 0; padding: 0; position: relative; } .panel_selector .opened { color: #fff; } .panel_selector .opened span { background: url(/images/arrow_up_large.png) no-repeat right center; } .panel_selector .fancy_select_container ul { border-left: none; margin-top: 0; } .lte8 .panel_selector .fancy_select_list { border-right: none; border-bottom: none; } .panel_option { display: none; height: 0; left: 0; padding-top: 107px; position: absolute; top: 0; width: 100%; z-index: 1; /* .opacity(0); */ background: #2a7ddd; background-image: -moz-linear-gradient(left, #2a7ddd 0%, #6C217D 100%); background-image: -webkit-linear-gradient(left, #2a7ddd 0%, #6C217D 100%); background-image: -o-linear-gradient(left, #2a7ddd 0%, #6C217D 100%); background-image: linear-gradient(to right, #2a7ddd 0%, #6C217D 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2a7ddd, endColorstr=#6C217D, GradientType=1); } .panel_option .list_layout { border-top: 1px solid #fff; margin: 0 4.1665%; padding: 30px 0; } .panel_option li { list-style: none; } .panel_option a { color: #fff; display: block; font: 20px/1 'Rubrik-Light', Arial, sans-serif; margin: 0 -4.5454% 0; padding: 10px 4.1665%; zoom: 1; /* hover fix for IE */ } .panel_option a:hover, .panel_option a:focus { background: #697BC7; /* ie fallback */ background: rgba(255, 255, 255, 0.2); } .panel_option_selector { cursor: pointer; position: relative; z-index: 2; } .panel_option_selector span { background: url(/images/grey_dark_down.png) no-repeat right center; padding-right: 25px; } .panel_option_selector.hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: "alpha(opacity=60)"; opacity: 0.6; } .panel_selector .opened.hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } /* ------------ Formatted Definition List & table----------------- */ .info_list { border-bottom: 1px solid #999; } .info_list tbody:first-child { border: none; } .info_list tbody { margin-bottom: 9px; margin-top: 25px; } .info_list td.title { border: none; color: #666; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 15px; padding: 5px 0 0 0; } .info_list td.number { border: none; color: #666; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 40px; letter-spacing: -3px; line-height: 40px; padding: 0 0 10px 0; } .info_list small { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 20px; letter-spacing: 0; line-height: 20px; padding-left: 2px; } .graph_information table { margin-bottom: 10px; } .graph_information table td { padding: 1.166667em 0.833333em 1.25em; } .graph_information table tr td:first-child, .graph_information table thead.plain th:first-child { padding-left: 0; } .row_marker_outer { position: relative; } .row_marker { bottom: -1.333333em; background: #CC0000; height: 3px; left: 0; position: absolute; width: 23px; } .row_favourites { background: #ACC92A; } .row_cap30 { background: #6EB732; } .row_national { background: #607F5C; } .row_mobile { background: #666666; } .row_local { background: #6EB732; } .row_overseas { background: #D7E670; } .row_other { background: #ACC92A; } /*-----------------------Summary Panel--------------------*/ .panel .summary .service_title { color: #333; margin-bottom: 0; padding-bottom: 10px; } .panel .summary .summary_icon { padding-right: 12px; position: relative; } .panel .summary td { font-size: 12px; } .panel .summary td.no_bot { padding-bottom: 0; } .panel .summary .total span, .panel .summary .total .figure { font-size: 14px; } .panel .summary .service td { padding-left: 30px; } .panel .summary .service_gas, .panel .summary .service_internet, .panel .summary .service_power, .panel .summary .service_phone { left: -26px; position: absolute; top: 0px; } .panel .summary .strong { font-family: 'Rubrik-Medium', Arial, sans-serif; } .panel .summary .no_pad { padding-bottom: 0; } .panel .summary .no_pad h5 { font-size: 14px; margin: 0; } .panel .summary .minor.last { margin-top: 10px; } .panel .summary p.light, .panel .summary a.light { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 15px; margin: 0; } .panel .summary p.light { color: #999; } .panel .summary a.light { color: #2C79D8; } .panel .summary .overview_link { background: url("/images/blue_box_arrow.png") no-repeat scroll 0% 0px transparent; color: #376CD2; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 20px; padding-left: 30px; position: relative; } .panel .summary .overview_link:link, .panel .summary .overview_link:active, .panel .summary .overview_link:focus, .panel .summary .overview_link:enabled, .panel .summary .overview_link:visited { color: #376CD2; } .panel .summary.sum_phone h2, .panel .summary.sum_pow h2, .panel .summary.sum_internet h2, .panel .summary.sum_gas h2 { display: block; padding-left: 30px; } .panel .summary.sum_phone h2 { background: url("/images/large_phone.png") no-repeat; background-position: 0 6px; background-size: 18px; } .lte10 .panel .summary.sum_phone h2 { background-position: 0 6px; } .lte8 .panel .summary.sum_phone h2 { background: url("/images/small_phone.png") no-repeat; background-position: 0 6px; } .panel .summary.sum_pow h2 { background: url("/images/large_pow.png") no-repeat; background-position: 0 7px; background-size: 18px; } .lte10 .panel .summary.sum_pow h2 { background-position: 0 7px; } .lte8 .panel .summary.sum_pow h2 { background: url("/images/small_pow.png") no-repeat; background-position: 0 7px; } .panel .summary.sum_internet h2 { background: url("/images/large_net.png") no-repeat; background-position: 0 7px; background-size: 18px; } .lte10 .panel .summary.sum_internet h2 { background-position: 0 8px; } .lte8 .panel .summary.sum_internet h2 { background: url("/images/small_net.png") no-repeat; background-position: 0 8px; } .panel .summary.sum_gas h2 { background: url("/images/large_gas.png") no-repeat; background-position: 0 6px; background-size: 18px; } .lte10 .panel .summary.sum_gas h2 { background-position: 0px 6px; } .lte8 .panel .summary.sum_gas h2 { background: url("/images/small_gas.png") no-repeat; background-position: 0px 6px; } .panel .summary.sum_phone .service_title, .panel .summary.sum_pow .service_title, .panel .summary.sum_internet .service_title, .panel .summary.sum_gas .service_title { padding-bottom: 0; } .panel .editable_area .nickname { font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.3em; line-height: 1.15385em; padding-bottom: 5px; } /* ------------------- Panel Ad --------------------- */ .panel_ad { display: block; } .panel_ad .pullout { display: block; width: auto; float: none !important; margin: 0 1px 1px 0 !important; } .disclaimer { color: #333; margin: 25px 4.1665%; } /*-------------------responsive switch-----------------*/ .panel .switch_account { display: none; } .panel .switch_ac { display: inline-block; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .payment-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999999; } .payment-modal__content { width: calc(100% - 100px); height: auto; max-height: calc(95vh - 29px); overflow: auto; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); padding: 30px; background-color: #fbfbfb; } .payment-modal__bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .mobileProduct__content { padding-top: 2rem; padding-right: 2.2rem; padding-bottom: 2.2rem; } .mobileProduct__desc { display: inline-block; margin: 0; padding: 0; color: #333333; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.3rem; letter-spacing: -0.47px; line-height: 1.9rem; margin-bottom: 1.5rem; } .mobileProduct__desc_top { font-family: 'Rubrik-Regular', Arial, sans-serif; } .mobileProduct__appsLinks { text-align: center; padding-top: 0.5rem; } .mobileProduct__appsLinks a:first-of-type { margin-right: 2rem; } .mobileProduct__appsLinks img { width: 12rem; } .mobileProduct .grey_head .section.mobile { background: url('/images/components/phoenix/mobile-mini.svg') no-repeat; background-position: 18px center; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .addressBanner { background: linear-gradient(134.72deg, #3023AE 0%, #C86DD7 100%); display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; color: #fff; padding: 2.7rem; font-family: 'Rubrik-SemiBold', Arial, sans-serif; } .addressBanner__title { font-size: 1.2rem; line-height: 3.5rem; } .addressBanner__text { font-size: 2.3rem; text-align: center; line-height: 3.5rem; max-width: 85%; } .addressBanner__text_small { font-size: 2rem; line-height: 2.5rem; } .addressBanner__changeLink { font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.4rem; line-height: 2.6rem; } .addressBanner__link { color: #fff; } .addressBanner__link:hover { color: #fff; } .addressBanner__link:visited { color: #fff; } .addressBanner > * { margin: 0.7rem; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .phoenixConfirmation { box-sizing: border-box; max-width: 102rem; margin: 0 auto; } .confirmSection { background-color: #fff; box-sizing: border-box; padding: 2.1rem 2.5rem; margin-bottom: 0; } .confirmMessage__image { width: 26px; height: 26px; vertical-align: middle; } .confirmMessage__title { color: #333333; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.6rem; line-height: 5.3rem; vertical-align: middle; } .confirmDesc { color: #666666; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; margin-bottom: 1rem; } .phoenixConfirmation .confirmProductSummary { background-color: #ffffff; margin-top: 0; padding: 0; } @media only screen and (min-width: 480px) and (max-width: 768px) { .phoenixConfirmation .confirmProductSummary { padding: 2.1rem 2.5rem; } } .phoenixConfirmation .confirmProductSummary__summary { margin: 0; } .confirmNextSection { padding-top: 3.7rem; margin-bottom: 1rem; } .confirmProgress { position: relative; } .confirmProgress__desktop { display: none; } .confirmProgress__mobile { width: 25.8rem; } .confirmProgress__step { max-width: 197px; color: #6C6C6C; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.4rem; letter-spacing: -0.5px; line-height: 1.7rem; } .confirmProgress__step_active { font-family: 'Rubrik-Medium', Arial, sans-serif; color: #000; } .confirmProgress__step1 { position: absolute; top: 20px; left: 60px; } .confirmProgress__step2 { position: absolute; top: 64px; left: 60px; } .confirmProgress__step3 { position: absolute; top: 107px; left: 60px; } .confirmProgress__step4 { position: absolute; top: 149px; left: 60px; } .activateAccount__intro { max-width: 742px; margin: 0 auto; margin-bottom: 2rem; } .activateAccount__introText { max-width: 364px; color: #000; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.55rem; letter-spacing: 0.17px; line-height: 2.2rem; margin-bottom: 3.4rem; display: inline-block; max-width: 34.6rem; } .activateAccount__introImage { min-width: 280px; width: 100%; max-width: 352px; vertical-align: top; } .activateAccount__headerTitle { width: 23rem; color: #7F1399; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 1.6rem; letter-spacing: 0.28px; line-height: 2.1rem; } .activateAccount__division { box-sizing: border-box; height: 0px; border: 0.6px solid #979797; margin: 0; margin-top: 1.5rem; margin-bottom: 3rem; } .activateAccount__form { margin: 0 auto; max-width: 721px; text-align: left; } .activateAccount__fields { max-width: 31rem; margin: 0 auto; } .activateAccount__email { color: #000; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.45rem; letter-spacing: -0.1px; line-height: 1.8rem; } .activateAccount__emailSubtext { color: #666666; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.15rem; letter-spacing: 0.22px; line-height: 1.7rem; } .activateAccount__confirm { margin-bottom: 3.6rem; } .activateAccount__submit { width: 100%; } .activateAccount__submit_disabled { opacity: 0.5; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .address_entry .textField__input_address { padding-left: 1.4rem; padding-right: 3rem; color: #1d79de; font-family: "Rubrik-Medium", Arial sans-serif; height: 3.3rem; background: url("/images/phoenix_address_search.svg") 98% center no-repeat; } .address_entry .textField__input_address::-webkit-input-placeholder { /* Edge */ color: #666666; } .address_entry .textField__input_address:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666666; } .address_entry .textField__input_address::placeholder { color: #666666; } .address_entry .textField__input_address::-webkit-input-placeholder { /* Edge */ font-family: "Rubrik-Regular", Arial, sans-serif; } .address_entry .textField__input_address:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-family: "Rubrik-Regular", Arial, sans-serif; } .address_entry .textField__input_address::placeholder { font-family: "Rubrik-Regular", Arial, sans-serif; } .address_entry .textField__input_address:active { border: 1px solid #1d79de; } .address_entry .textField__input_address:focus { border: 1px solid #1d79de; } .address_entry .textField__input_address:active, .address_entry .textField__input_address:hover { border-bottom: 1px solid #1d79de; background: url("/images/phoenix_address_search.svg") no-repeat 98% center; } .address_entry .textField__input_address:active ~ a[class^='textField__image'], .address_entry .textField__input_address:hover ~ a[class^='textField__image'] { display: none; } .address_entry .textField__input_address:focus ~ span[class^='textField__placeholder'] { display: none; } .address_entry .textField__placeholder { position: absolute; z-index: 9; display: block; top: 1.3rem; order: -1; font-size: 1.8rem; line-height: 2.4rem; transition: all 0.1s ease-in-out; padding-left: 0; color: #666666; font-family: "Rubrik-Medium", Arial sans-serif; } .address_entry .textField__placeholder_invalid { visibility: visible; top: -0.3rem; font-size: 1.2rem; line-height: 1.6rem; color: #D0021B; } .address_entry .textField__placeholder_hide { display: none; } .address_entry .textField .addressSelected { background: none; } .address_entry .textField .addressSelected ~ a[class^='textField__image'] { background: url("/images/phoenix_address_search_cancel.svg") 98% center no-repeat; display: inline-block; } .address_entry .textField .addressSelected:focus, .address_entry .textField .addressSelected:active { background: url("/images/phoenix_address_search.svg") 98% center no-repeat; } .address_entry .textField .addressSelected:focus ~ a[class^='textField__image'], .address_entry .textField .addressSelected:active ~ a[class^='textField__image'] { display: none; } .address_entry .textField__image { display: none; margin-left: -3.5rem; width: 2rem; height: 2rem; position: absolute; cursor: pointer; top: 1.6rem; z-index: 10; } .address-menu-items { font-weight: bold; color: #257CDB; } .addressMenuItem a { color: #666666; font-family: "Rubrik-Regular"; } .addressMenuItem a:hover { background-color: rgba(37, 124, 219, 0.1) !important; font-weight: bold; color: #257CDB; } .addressMenuItem a:active { background-color: rgba(37, 124, 219, 0.1) !important; font-weight: bold; color: #257CDB; } .addressMenuItem .ui-state-hover, .addressMenuItem .ui-widget-content .ui-state-hover, .addressMenuItem .ui-widget-header .ui-state-hover, .addressMenuItem .ui-state-focus, .addressMenuItem .ui-widget-content .ui-state-focus, .addressMenuItem .ui-widget-header .ui-state-focus { background: rgba(37, 124, 219, 0.1) !important; font-weight: bold !important; color: #257CDB; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .alertMessage { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: 1rem; } .alertMessage__icon { background-position: left center; background-repeat: no-repeat; background-size: 3.7rem; min-width: 3.7rem; height: 3.7rem; } .alertMessage__icon_positive { background-image: url('/images/components/phoenix/alert-positive.svg'); } .alertMessage__icon_warning { background-image: url('/images/components/phoenix/alert-warning.svg'); } .alertMessage__title { color: #7f1399; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.8rem; line-height: 2.3rem; padding: 1rem; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .buttonField { box-sizing: border-box; border: 0.1rem solid #257CDB; color: #257CDB; background-color: transparent; width: 50%; min-width: 13.5rem; height: 4.8rem; margin: 0; cursor: pointer; display: inline-block; font-family: 'Rubrik-medium', Arial, sans-serif; font-size: 1.6rem; line-height: 1.8rem; text-align: center; padding: 0.1rem 0.4rem; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; transition: background 0.2s ease-out; vertical-align: top; margin-right: -0.25em; } .buttonField + .buttonField { border-left: none; } .buttonField_error { color: #979797; border: 0.1rem solid #D0021B; color: #A3A3A3; } .buttonField:hover { border: 0.4rem solid #257CDB; color: #257CDB; } .buttonField:focus { outline: none; } .buttonField:active, .buttonField_active { background: #1d79de; color: #fff; } .buttonField:active:hover, .buttonField_active:hover { color: #fff; } .buttonField_width_full { width: 100%; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .checkboxField { margin-top: 1rem; margin-bottom: 1rem; } .checkboxField__container { cursor: pointer; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 0.8rem; } .checkboxField__input { opacity: 0; position: absolute; } .checkboxField__input:checked + .checkboxField__control_box:after { content: ""; display: block; position: relative; width: 1.8rem; height: 1.8rem; margin-top: 0.6rem; margin-left: 0.6rem; background-color: #257CDB; } .checkboxField__input:checked + .checkboxField__control { border-color: #257CDB; } .checkboxField__input:checked + .checkboxField__control_tickBox:after { content: ""; position: absolute; display: none; left: 1rem; top: 0.3rem; transform: rotate(45deg); width: 0.6rem; height: 2rem; display: block; border: solid #1d79de; border-width: 0 0.25rem 0.25rem 0; margin: 0; background-color: unset; } .checkboxField__input:checked + .checkboxField__control_tickBox { border-color: #979797; } .checkboxField__control { position: relative; display: inline-block; min-width: 3rem; min-height: 3rem; vertical-align: middle; background-color: inherit; border: 1px solid #979797; } .checkboxField__label { vertical-align: -webkit-baseline-middle; font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 1.2rem; letter-spacing: 0.2px; line-height: 1.6rem; color: #666666; display: inline-block; padding: 0 1rem; } .checkboxField_error { border-color: #D0021B; } .multiSelectCheckbox { display: inline-block; width: 49%; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* Date picker */ .phoenixDatepicker ::-moz-selection { background: #257CDB; color: #fff; text-shadow: none; } .phoenixDatepicker ::selection { background: #257CDB; color: #fff; text-shadow: none; } .phoenixDatepicker .ui-datepicker:after { content: ''; display: block; position: absolute; box-sizing: border-box; top: -13px; left: 35%; width: 25px; height: 25px; background: #fff; border-right: 1px solid #b5d4f6; border-bottom: 1px solid #b5d4f6; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .phoenixDatepicker .ui-datepicker { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); background: #fff; border: solid 1px #b5d4f6; display: none; padding: 2rem 1.5rem 1.5rem 1.5rem; max-width: 337px; width: 78%; z-index: 101 !important; } .phoenixDatepicker .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; z-index: 1; border-bottom: none; font-family: "Rubrik-SemiBold", Arial, sans-serif; font-size: 1.9rem; line-height: 2.9rem; } .phoenixDatepicker .ui-datepicker .ui-datepicker-title { margin: 0; line-height: 1.8em; text-align: center; color: #212b36; font-family: "Rubrik-SemiBold", Arial, sans-serif; font-size: 1.9rem; line-height: 2rem; } .phoenixDatepicker .ui-state-hover, .phoenixDatepicker .ui-widget-content .ui-state-hover, .phoenixDatepicker .ui-widget-header .ui-state-hover, .phoenixDatepicker .ui-state-focus, .phoenixDatepicker .ui-widget-content .ui-state-focus, .phoenixDatepicker .ui-widget-header .ui-state-focus { background: rgba(37, 124, 219, 0.1); color: #212b36; } .phoenixDatepicker .ui-state-default, .phoenixDatepicker .ui-widget-content .ui-state-default, .phoenixDatepicker .ui-widget-header .ui-state-default { border-radius: 50%; } .phoenixDatepicker .ui-state-active, .phoenixDatepicker .ui-widget-content .ui-state-active, .phoenixDatepicker .ui-widget-header .ui-state-active { border: none; background-color: #257CDB; color: #fff; } .phoenixDatepicker .ui-datepicker th { background: transparent; border: 0; color: #637381; font-family: Helvetica; opacity: 0.7; font-size: 1.4rem; line-height: 1.9rem; padding: 0.7em 0.3em; text-align: center; } .phoenixDatepicker .ui-datepicker th:last-of-type { font-family: 'Rubrik-SemiBold', Arial, sans-serif; } .phoenixDatepicker .ui-datepicker th:first-of-type { font-family: 'Rubrik-SemiBold', Arial, sans-serif; } .phoenixDatepicker .ui-datepicker td { font-size: 12px; border: 0; padding: 1px; width: 4.1rem; height: 4.1rem; } .phoenixDatepicker .ui-datepicker td.ui-state-disabled { opacity: 1; font-family: Helvetica; font-size: 7.7rem; line-height: 1.9rem; } .phoenixDatepicker .ui-datepicker td.ui-state-disabled span { color: #637381; opacity: 0.7; } .phoenixDatepicker .ui-datepicker td span, .phoenixDatepicker .ui-datepicker td a { background: #fff; color: #212b36; display: block; padding: 0.2em; text-align: center; text-decoration: none; font-size: 1.7rem; line-height: 2.9rem; font-family: Helvetica; } .phoenixDatepicker .ui-datepicker .ui-datepicker-prev, .phoenixDatepicker .ui-datepicker .ui-datepicker-next { cursor: pointer; height: 30px; position: absolute; top: 0px; width: 30px; } .phoenixDatepicker .ui-datepicker .ui-datepicker-prev { left: 0; } .phoenixDatepicker .ui-datepicker .ui-datepicker-next { right: 0; } .phoenixDatepicker .ui-datepicker .ui-datepicker-prev-hover, .phoenixDatepicker .ui-datepicker .ui-datepicker-next-hover { top: 0px; } .phoenixDatepicker .ui-datepicker .ui-datepicker-prev-hover, .phoenixDatepicker .ui-datepicker .ui-datepicker-next-hover { background: transparent; } .phoenixDatepicker .ui-datepicker .ui-datepicker-prev span { background: url(/images/components/phoenix/calendar-arrow-left.svg); display: block; height: 15px; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; width: 20px; } .phoenixDatepicker .ui-datepicker .ui-datepicker-next span { background: url(/images/components/phoenix/calendar-arrow-right.svg); display: block; height: 15px; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; width: 20px; } .phoenixDatepicker .ui-datepicker .ui-datepicker-prev-hover span { background-position: unset; } .phoenixDatepicker .ui-datepicker .ui-datepicker-next span { background-position: unset; } .phoenixDatepicker .ui-datepicker .ui-datepicker-next-hover span { background-position: unset; } @media only screen and (max-width: 340px) { .phoenixDatepicker .ui-datepicker { width: 74.5%; } } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .datepickerField { position: relative; box-sizing: border-box; width: 100%; max-width: 370px; min-height: 6.4rem; padding: 0 0 0.5rem 0; vertical-align: top; } .datepickerField__border { border: solid 1px #257CDB; padding: 0.2rem 0.25rem 0.5rem 0.25rem; } .datepickerField__border_error { border-color: #D0021B; } .datepickerField__input { width: 100%; border: none; padding: 1.4rem; font-family: "Rubrik-Medium", Arial sans-serif; font-size: 1.6rem; } .datepickerField__input::-webkit-input-placeholder { /* Edge */ color: #C2C2C2; } .datepickerField__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #C2C2C2; } .datepickerField__input::placeholder { color: #C2C2C2; } .datepickerField__input::-webkit-input-placeholder { /* Edge */ font-family: "Rubrik-Medium", Arial, sans-serif; } .datepickerField__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-family: "Rubrik-Medium", Arial, sans-serif; } .datepickerField__input::placeholder { font-family: "Rubrik-Medium", Arial, sans-serif; } .datepickerField__input::-webkit-input-placeholder { /* Edge */ font-size: 1.6rem; } .datepickerField__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-size: 1.6rem; } .datepickerField__input::placeholder { font-size: 1.6rem; } .datepickerField__input:focus { outline: none; } .datepickerField .fake_placeholder { visibility: visible; font-family: "Rubrik-Regular", Arial, sans-serif; font-style: normal; padding: 1.4rem; text-align: left; } .datepickerField .fake_placeholder_visible { visibility: hidden; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .phoenixSelect { width: 100%; } .phoenixSelect .fancy_select_replaced { border: none; } .phoenixSelect .fancy_placeholder_text, .phoenixSelect .fancy_placeholder_input { height: 3.3rem; border: 0; background: #ffffff; border-bottom: solid 1px #979797; color: #666666; font-family: "Rubrik-Medium", Arial sans-serif; font-size: 1.6rem; line-height: 1.3rem; letter-spacing: 0.2px; box-sizing: border-box; padding: 9px 20px 3px 0px; } .phoenixSelect .fancy_placeholder_text:hover, .phoenixSelect .fancy_placeholder_input:hover { opacity: 1; outline: none; border-bottom: solid 1px #257CDB; } .phoenixSelect .fancy_placeholder_text:focus, .phoenixSelect .fancy_placeholder_input:focus { border: 1px solid #1d79de; } .phoenixSelect_error .fancy_placeholder_text, .phoenixSelect_error .fancy_placeholder_input { border-bottom: 1px solid #D0021B; } .phoenixSelect_error .fancy_placeholder_text:hover, .phoenixSelect_error .fancy_placeholder_input:hover, .phoenixSelect_error .fancy_placeholder_text:focus, .phoenixSelect_error .fancy_placeholder_input:focus { border-bottom: 1px solid #1d79de; } .phoenixSelect .fancy_placeholder_text_selected { color: #257CDB; } .phoenixSelect .fancy_select_replaced p:after { background: url(/images/components/marketing_automation/down-blue.svg) no-repeat scroll center center transparent; right: 15px; opacity: 1; } .phoenixSelect .fancy_select_replaced.fancy_select_open:after { background: url(/images/components/marketing_automation/up-blue.svg) no-repeat scroll center center transparent; content: ' '; display: block; height: 16px; margin-top: -8px; position: absolute; right: 15px; top: 50%; width: 16px; } .phoenixSelect .fancy_select_results { margin-top: 5px; border-top: 1px solid #ccc; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #257CDB #F5F5F5; } .phoenixSelect .fancy_select_results::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .phoenixSelect .fancy_select_results::-webkit-scrollbar { width: 0.7em; background-color: #F5F5F5; } .phoenixSelect .fancy_select_results::-webkit-scrollbar-thumb { background-color: #257CDB; } .phoenixSelect .fancy_select_results li { color: #666666; font-family: "Rubrik-Regular"; font-size: 1.6rem; font-weight: 400; line-height: 1.9rem; letter-spacing: 0.2285715px; box-sizing: border-box; padding: 7px 12px 7px 13px; } .phoenixSelect .fancy_select_results li.fancy_select_hover { background-color: rgba(37, 124, 219, 0.1); color: #257CDB; } .phoenixSelect .fancy_select_results li.fancy_selected { background-color: rgba(37, 124, 219, 0.1); color: #257CDB; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .formQuestion { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: self-start; -moz-box-align: self-start; -ms-flex-align: self-start; -webkit-align-items: self-start; align-items: self-start; align-self: flex-start; font-family: 'Rubrik-Regular', Arial, sans-serif; } .formQuestion_width_full { width: 100%; } .formQuestion_width_half { width: 40%; } .formQuestion__text { font-size: 2rem; line-height: 2.3rem; color: #666666; margin: 0; font-family: 'Rubrik-Semibold', Arial, sans-serif; } .formQuestion__helpText { margin-top: 1rem; font-size: 1.4rem; line-height: 1.6rem; color: #9b9b9b; } .formQuestion__helpText_hide { display: none; } .formQuestion__multichoice { padding-bottom: 0.8rem; } .changeLink__link { text-decoration: underline; text-align: center; font-size: 1.43rem; line-height: 2.6rem; font-family: 'Rubrik-Medium', Arial, sans-serif; } .changeLink__link:hover { text-decoration: underline; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .sectionTitleField { background: -webkit-linear-gradient(144deg, #3023AE, #C86DD7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Rubrik-Semibold", Arial sans-serif; font-size: 2.3rem; margin-bottom: 1.5rem; line-height: 3.4rem; font-weight: bold; letter-spacing: 0; } .sectionParagraphField { width: 27.2rem; height: 10.7rem; color: #666666; font-family: "Rubrik-Regular", Arial sans-serif; font-size: 1.4rem; line-height: 1.8rem; letter-spacing: 0.2px; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .textField { position: relative; display: inline-block; box-sizing: border-box; width: 100%; padding: 1rem 0 0.5rem 0; margin-top: 1rem; vertical-align: top; } .textField__label { position: absolute; z-index: 9; display: block; top: 1.3rem; order: -1; font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 1.8rem; line-height: 2.4rem; color: #A3A3A3; transition: all 0.1s ease-in-out; } .textField__label_hidden { visibility: hidden; } .textField__label_invalid { visibility: visible; top: -0.3rem; font-size: 1.2rem; line-height: 1.6rem; color: #D0021B; } .textField__prefix { position: absolute; visibility: hidden; top: 1.3rem; color: #7F1399; font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 1.8rem; line-height: 2.4rem; } .textField__prefix_visible { visibility: visible; } .textField__input { position: relative; z-index: 10; background-color: transparent; display: inline-block; width: 100%; padding: 0.3rem 0; margin-bottom: 0; border: none; border-bottom: solid 1px #A3A3A3; font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 1.8rem; line-height: 2.4rem; letter-spacing: 0.2px; color: #333333; } .textField__input::-webkit-input-placeholder { /* Edge */ color: transparent; } .textField__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: transparent; } .textField__input::placeholder { color: transparent; } .textField__input::-webkit-input-placeholder { /* Edge */ font-family: "Rubrik-Regular", Arial, sans-serif; } .textField__input:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-family: "Rubrik-Regular", Arial, sans-serif; } .textField__input::placeholder { font-family: "Rubrik-Regular", Arial, sans-serif; } .textField__input_invalid { border-bottom-color: #D0021B; } .textField__input_invalid ~ span[class^='textField__validationMsg'] { display: block; } .textField__input:hover { border-bottom: solid 1px #7F1399; } .textField__input:hover ~ span[class^='textField__label'] { color: #7F1399; } .textField__input:focus { outline: none; } .textField__input:focus::-webkit-input-placeholder { /* Edge */ color: #A3A3A3; } .textField__input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #A3A3A3; } .textField__input:focus::placeholder { color: #A3A3A3; } .textField__input:focus ~ span[class^='textField__label'] { top: -0.3rem; color: #7F1399; font-size: 1.2rem; line-height: 1.6rem; } .textField__input_has_prefix { padding-left: 2rem; } .textField .fake_placeholder { visibility: hidden; font-family: "Rubrik-Regular", Arial, sans-serif; font-style: normal; } .textField .fake_placeholder_visible { visibility: visible; } .textField .textField__prefix ~ label[class^='fake_placeholder'] { padding-left: 1.2rem; } .textFieldContainer { margin-top: -1rem; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .dateTimeControl__dateField { display: inline-block; width: 49%; min-width: 12.5rem; max-width: 18.75rem; padding-top: 0; } .dateTimeControl__timeField { display: inline-block; width: 49%; min-width: 12.5rem; max-width: 18.5rem; vertical-align: top; } .phoenixTimeControl.phoenixSelect .fancy_select_replaced { border: none; } .phoenixTimeControl.phoenixSelect .fancy_placeholder_text, .phoenixTimeControl.phoenixSelect .fancy_placeholder_input { height: 5.7rem; border: 0; background: #ffffff; border: solid 1px #257CDB; color: #C2C2C2; font-family: "Rubrik-Medium", Arial sans-serif; font-size: 1.6rem; line-height: 2rem; letter-spacing: 0.2px; box-sizing: border-box; padding: 1.5rem; text-align: left; } .phoenixTimeControl.phoenixSelect .fancy_placeholder_text:hover, .phoenixTimeControl.phoenixSelect .fancy_placeholder_input:hover { opacity: 1; outline: none; border-bottom: solid 1px #257CDB; } .phoenixTimeControl.phoenixSelect .fancy_placeholder_text:focus, .phoenixTimeControl.phoenixSelect .fancy_placeholder_input:focus { border: 1px solid #1d79de; } .phoenixTimeControl.phoenixSelect_error .fancy_placeholder_text, .phoenixTimeControl.phoenixSelect_error .fancy_placeholder_input { border: 1px solid #D0021B; } .phoenixTimeControl.phoenixSelect_error .fancy_placeholder_text:hover, .phoenixTimeControl.phoenixSelect_error .fancy_placeholder_input:hover, .phoenixTimeControl.phoenixSelect_error .fancy_placeholder_text:focus, .phoenixTimeControl.phoenixSelect_error .fancy_placeholder_input:focus { border: 1px solid #1d79de; } .phoenixTimeControl.phoenixSelect .fancy_placeholder_text_selected { color: #257CDB; } .phoenixTimeControl.phoenixSelect .fancy_placeholder_text span { vertical-align: middle; } .phoenixTimeControl.phoenixSelect .fancy_select_replaced p:after { background: url(/images/components/marketing_automation/down-blue.svg) no-repeat scroll center center transparent; right: 15px; opacity: 1; } .phoenixTimeControl.phoenixSelect .fancy_select_replaced.fancy_select_open:after { background: url(/images/components/marketing_automation/up-blue.svg) no-repeat scroll center center transparent; content: ' '; display: block; height: 16px; margin-top: -8px; position: absolute; right: 15px; top: 50%; width: 16px; } .phoenixTimeControl.phoenixSelect .fancy_select_results { margin-top: 5px; border-top: 1px solid #ccc; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: #257CDB #F5F5F5; } .phoenixTimeControl.phoenixSelect .fancy_select_results::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .phoenixTimeControl.phoenixSelect .fancy_select_results::-webkit-scrollbar { width: 0.7em; background-color: #F5F5F5; } .phoenixTimeControl.phoenixSelect .fancy_select_results::-webkit-scrollbar-thumb { background-color: #257CDB; } .phoenixTimeControl.phoenixSelect .fancy_select_results li { color: #666666; font-family: "Rubrik-Regular"; font-size: 1.6rem; font-weight: 400; line-height: 1.9rem; letter-spacing: 0.2285715px; box-sizing: border-box; padding: 7px 12px 7px 13px; text-align: left; } .phoenixTimeControl.phoenixSelect .fancy_select_results li.fancy_select_hover { background-color: rgba(37, 124, 219, 0.1); color: #257CDB; } .phoenixTimeControl.phoenixSelect .fancy_select_results li.fancy_selected { background-color: rgba(37, 124, 219, 0.1); color: #257CDB; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .validationMsg { display: none; position: relative; font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 1.2rem; line-height: 1.4rem; color: #D0021B; margin: 0.8rem 0 0.5rem; text-align: left; } .validationMsg_show { display: block; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .phoenixHeader { background: linear-gradient(135deg, #3023AE 0%, #C86DD7 100%); width: 100%; text-align: center; padding-top: 40px; padding-bottom: 36px; } .phoenixHeader__content { max-width: 50.2rem; box-sizing: border-box; display: inline-block; vertical-align: top; padding: 20px; font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 3.9rem; padding-left: 0.5rem; } .phoenixHeader__title { color: #fff; font-size: 3.9rem; line-height: 5.3rem; display: inline-block; margin-bottom: 12px; letter-spacing: normal; font-family: "Rubrik-Regular", Arial, sans-serif; } .phoenixHeader__titleIntro { font-size: 3rem; font-family: "Rubrik-Medium", Arial, sans-serif; } .phoenixHeader__titleIncentiveName { font-family: "Rubrik-Medium", Arial, sans-serif; } .phoenixHeader__image { max-height: 25rem; } .phoenixHeader__link { color: #fff; font-size: 1.43rem; line-height: 2.6rem; } .phoenixHeader__link:visited { color: #fff; } .phoenixHeader__mobile { display: block; } .phoenixHeader__desktop { display: none; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .serviceTile { border: solid 1px #dcdcdc; background: #fff; padding: 2rem; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 2rem; } .serviceTile__main { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; align-self: center; flex-grow: 2; } .serviceTile__icon { background-position: left center; background-repeat: no-repeat; background-size: 7.3rem; min-width: 7.3rem; height: 7.3rem; align-self: center; } .serviceTile__icon_power { background-image: url('/images/components/phoenix/service-tile-power.svg'); } .serviceTile__icon_gas { background-image: url('/images/components/phoenix/service-tile-gas.svg'); } .serviceTile__icon_bb { background-image: url('/images/components/phoenix/service-tile-bb.svg'); } .serviceTile__icon_phone { background-image: url('/images/components/phoenix/service-tile-phone.svg'); } .serviceTile__icon_mobile { background-image: url('/images/components/phoenix/service-tile-mobile.svg'); } .serviceTile__content { align-self: flex-start; padding: 1rem 2rem; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex-grow: 2; font-size: 2.3rem; font-family: 'Rubrik-Regular', Arial, sans-serif; line-height: 2.5rem; } .serviceTile__name { color: #666666; padding: 0.5rem; font-family: 'Rubrik-SemiBold', Arial, sans-serif; } .serviceTile__type { color: #7f1399; padding: 0.5rem; } .serviceTile__subType { font-size: 1.8rem; font-family: 'Rubrik-Regular', Arial, sans-serif; color: #666666; padding: 0.1rem 0.5rem; } .serviceTile__changeLink { align-self: flex-start; padding: 1rem 2.5rem; } .serviceTile__link { color: #257CDB; } .serviceTile__link:hover { color: #257CDB; } .serviceTile__link:visited { color: #257CDB; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .creditCheckPopup { padding: 1.5rem; } .creditCheckPopup__title { color: #333333; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 2.4rem; line-height: 4.4rem; } .creditCheckPopup__desc { color: #454F5E; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.4rem; letter-spacing: -0.5px; line-height: 1.8rem; margin-bottom: 2rem; } .creditCheckPopup__desc p, .creditCheckPopup__desc ul, .creditCheckPopup__desc li { font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; padding: 0; } .creditCheckPopup__desc p { margin-bottom: 1.4rem; } .creditCheckPopup__desc ul { list-style: none; margin: -0.5rem 0 2rem; } .creditCheckPopup__desc ul li { margin-bottom: 0.2rem; } .creditCheckPopup__desc ul li::before { position: relative; top: 0.5rem; height: 0.8rem; width: 1.8rem; color: #333333; content: "\2022"; font-weight: bold; font-size: 3rem; display: inline-block; margin-left: -0.8em; padding-right: 0.5rem; } .creditCheckPopup__button { width: 22.5rem; } .creditCheckPopup__button_disabled { opacity: 0.5; pointer-events: none; } .partialPrompt { position: absolute; box-sizing: border-box; padding: 0rem 1rem 2rem 1rem; box-shadow: 3px 4px 10px 2px rgba(0, 0, 0, 0.5); margin: 01rem; top: 10%; background-color: #ffffff; min-width: 29rem; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 80%; } /* partial credit check dropzone component */ .creditPartialUpload, .creditPartialUpload * { box-sizing: border-box; } .creditPartialUpload { margin-bottom: 3rem; } .creditPartialUpload * { vertical-align: middle; } .creditPartialUpload__form { max-width: 53.1rem; width: 100%; min-height: 5.8rem; color: #454F5E; font-family: 'Rubrik-Regular'; font-size: 13px; line-height: 18px; position: relative; margin-bottom: 10px; font-weight: 400; padding: 2rem 1rem; border: 1px solid #C2C2C2; } .creditPartialUpload__form.dz-max-files-reached .dz-message .creditPartialUpload__progressCustomMock { visibility: hidden; } .creditPartialUpload__dropZoneMessage { min-height: 2.4rem; font-family: 'Rubrik-Regular'; font-size: 13px; line-height: 18px; width: 100%; margin: 0px; } .creditPartialUpload__thumbImg { width: 2.4rem; margin-right: 1.6rem; } .creditPartialUpload__progressCustomMock { display: inline-block; pointer-events: none; height: 8px; width: 130px; border-radius: 5px; background-color: #D8D8D8; margin-right: 4.9rem; } .creditPartialUpload__message { display: inline-block; font-family: 'Rubrik-Light'; color: #454F5E; font-size: 1.4rem; letter-spacing: -0.5px; text-align: right; margin: 0; } .creditPartialUpload__message .browse-file { color: #257CDB; cursor: pointer; } .creditPartialUpload__uploadedMsg { display: none; } .creditPartialUpload__preview { position: absolute; min-height: 5.8rem; padding: 2rem 4.3rem; margin: 0px; top: 0; left: 0; width: 100%; } .creditPartialUpload__preview.dz-processing .creditPartialUpload__progressCustom { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .creditPartialUpload__preview:not(.dz-processing) .creditPartialUpload__progressCustom { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .creditPartialUpload__preview.dz-processing .creditPartialUpload__removeCustom { display: inline-block; } .creditPartialUpload__preview.dz-success .creditPartialUpload__imageCustomWrapper { display: inline-block; } .creditPartialUpload__preview.dz-success .creditPartialUpload__removeCustom { display: none; } .creditPartialUpload__preview.dz-success .creditPartialUpload__successMarkCustom { opacity: 1; } .creditPartialUpload__preview.dz-success .creditPartialUpload__uploadedMsg { display: block; } .creditPartialUpload__preview.dz-success .creditPartialUpload__removeFile { display: inherit; } .creditPartialUpload__progressCustom { opacity: 1; z-index: 1000; -webkit-transform: scale(1); overflow: hidden; display: inline-block; pointer-events: none; height: 8px; width: 130px; border-radius: 5px; background-color: #D8D8D8; } .creditPartialUpload__uploadCustom { background: #1d79de; position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .creditPartialUpload__customName { position: absolute; top: 0.8rem; left: 4.3rem; color: #666666; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 0.8rem; letter-spacing: -0.29px; line-height: 1rem; } .creditPartialUpload__removeImage { width: 2.4rem; } .creditPartialUpload__removeFile { display: none; position: absolute; top: 2rem; right: -0.2rem; width: 8rem; } .creditPartialUpload__removeFileImage { width: 2.4rem; } .creditPartialUpload__successMarkCustom { pointer-events: none; opacity: 0; } .creditPartialUpload__imageCustomWrapper { display: none; position: relative; } .creditPartialUpload__removeCustom { position: relative; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .phoenixTerms { padding: 2rem 0 3.5rem 0; } .phoenixTerms__checkbox { margin-bottom: 3rem; } .phoenixTerms__terms { margin-bottom: 0.5rem; } .phoenixTerms ul { margin: 0; padding: 0; } .phoenixTerms ul li { font-size: 1.2rem; line-height: 1.8rem; } .phoenixTerms__content { color: #666666; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.6rem; letter-spacing: -0.1px; line-height: 2.6rem; } .phoenixTerms__link { color: #257CDB; text-decoration: underline; text-align: center; font-size: 1.2rem; line-height: 1.6rem; font-family: 'Rubrik-Medium', Arial, sans-serif; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .signUpTitle { font-family: 'Rubrik-SemiBold', Arial, sans-serif; font-size: 2rem; font-weight: 600; letter-spacing: normal; margin: 0 0 0.8rem 0; padding: 0 0 0.5rem 0; background: -webkit-linear-gradient(143.92deg, #C86DD7 0%, #3023AE 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .duplicateSignupsCheck { padding: 1.5rem; } .duplicateSignupsCheck__title { color: #333333; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 2.4rem; line-height: 4.4rem; margin-bottom: 1rem; } .duplicateSignupsCheck__desc { color: #454F5E; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.4rem; letter-spacing: -0.5px; line-height: 1.8rem; margin-bottom: 2rem; } .duplicateSignupsCheck__desc p, .duplicateSignupsCheck__desc ul, .duplicateSignupsCheck__desc li { font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; padding: 0; } .duplicateSignupsCheck__desc p { margin-bottom: 1.4rem; } .duplicateSignupsCheck__desc ul { list-style: none; margin: -0.5rem 0 2rem; } .duplicateSignupsCheck__desc ul li { margin-bottom: 0.2rem; } .duplicateSignupsCheck__desc ul li::before { position: relative; top: 0.5rem; height: 0.8rem; width: 1.8rem; color: #333333; content: "\2022"; font-weight: bold; font-size: 3rem; display: inline-block; margin-left: -0.8em; padding-right: 0.5rem; } .duplicateSignupsCheck__textArea { margin-bottom: 3rem; } .duplicateSignupsCheck__message { display: block; width: 100%; color: #454F5E; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 16px; line-height: 18px; position: relative; font-weight: 400; } .duplicateSignupsCheck__count { color: #454F5E; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.2rem; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .signUpDescription { color: #666666; font-family: "Rubrik-Regular", Arial, sans-serif; font-size: 1.8rem; line-height: 2.3rem; margin-bottom: 2rem; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .productSummary { box-sizing: border-box; border: 1px solid #dcdcdc; padding: 0; padding-top: 1.6rem; margin-top: 1.2rem; text-align: center; } .productSummary__title { color: #666666; font-family: 'Rubrik-SemiBold', Arial, sans-serif; font-size: 1.4rem; letter-spacing: -0.02rem; line-height: 3.5rem; text-align: center; margin: 0; padding: 0; } .productSummary__title_sub { color: #666666; font-family: 'Rubrik-SemiBold', Arial, sans-serif; font-size: 1.4rem; letter-spacing: -0.02rem; line-height: 2.6rem; text-align: center; margin: 0 0 1rem 0; padding: 0; } .productSummary__incentive { color: #7F1399; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 2.5rem; line-height: 3.5rem; text-align: center; margin: 0 0 1rem 0; padding: 0 0 1.7rem 0; width: 100%; } .productSummary__services { display: inline-block; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: center; margin: 0 0 2.5rem 0; } .productSummary__servicesIconLabel { font-family: 'Rubrik-Medium', Arial, sans-serif; min-width: 5rem; padding: 0; text-align: center; } .productSummary__icon { background-position: center center; background-repeat: no-repeat; background-size: 4.6rem; min-width: 5.6rem; height: 5.6rem; } .productSummary__icon_power { background-image: url('/images/components/phoenix/service-tile-power.svg'); } .productSummary__icon_gas { background-image: url('/images/components/phoenix/service-tile-gas.svg'); } .productSummary__icon_internet { background-image: url('/images/components/phoenix/service-tile-bb.svg'); } .productSummary__icon_phone { background-image: url('/images/components/phoenix/service-tile-phone.svg'); } .productSummary__icon_mobile { background-image: url('/images/components/phoenix/service-tile-mobile.svg'); } .productSummary__serviceLabel { color: #666666; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 0.88rem; line-height: 0.136rem; text-align: center; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .propertyInfoSection__title { margin-bottom: 1.5rem; } .propertyInfoSection__changeThis { margin-bottom: 1rem; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .signUpFormWrapper { background-color: #E5E5E5; width: 100%; } .signUpForm { max-width: 102rem; margin: 0 auto; } .existingCustomerCheck.signUpFormSection { padding-top: 2.1rem; } .signUpFormSection { background-color: #fff; box-sizing: border-box; padding: 6rem 2.5rem; margin-bottom: 1rem; } .signUpFormSection_service { padding-top: 0; padding-bottom: 0; margin-top: 6rem; } #selectedServicesSection .signUpFormSection_service:first-of-type { margin-top: 0; } .questionWrapper { margin-top: 6rem; } .questionWrapper__option { margin-top: 1rem; } .questionWrapper .textField { margin-top: 0.5rem; } .questionOption { vertical-align: top; margin-top: 6rem; } .questionOption__question { vertical-align: top; } .questionOption__text { align-self: center; } .questionOption__option { vertical-align: top; width: 100%; min-width: 27rem; margin-top: 1rem; } .questionOption__option button:last-of-type { margin-right: 0; } .questionOption .textField { margin-top: 0.5rem; } .questionOption__select { margin-top: 1rem; } .questionOption.newNumberSection { margin-bottom: 0; } .newNumberSection .questionOption:first-of-type { margin-top: 0; } .changeThisSection { margin-bottom: 1rem; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .pbAddMobilePlan { background-color: #fff; background-size: 3rem auto; display: block; cursor: pointer; position: relative; } .pbAddMobilePlan__text { position: relative; padding: 2.5rem; margin: 1.5rem; margin-right: 3rem; margin-left: 0rem; display: block; color: #1D79DE; font-family: "Rubrik Regular", Arial, sans-serif; text-transform: uppercase; font-size: 1.2rem; line-height: 1.3rem; letter-spacing: 0.44px; text-align: right; padding-right: 1.7rem; padding-left: 0rem; } .pbAddMobilePlan__text:hover { color: #0D499E; } .pbAddMobilePlan__text_max { cursor: default; color: #4D4D4D; } .pbAddMobilePlan__icon { position: absolute; width: 30px; right: -2rem; top: 50%; margin-top: -15px; } .pbAddMobilePlan_max { background-color: rgba(29, 121, 222, 0.05); background-size: 3rem auto; } .pbAddMobilePlan:hover { text-decoration: none !important; } .mobilePlanCollapsed .pb_rate { padding-left: 0.5em; } .mobilePlan { position: relative; } .mobilePlan .box_row_toggle_mob .mobilePlan__header { position: relative; } .mobilePlan .box_row_toggle_mob .mobilePlan__header.open:after { content: "g"; } .mobilePlan .box_row_toggle_mob .mobilePlan__header:after { display: block; color: #1D79DE; font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; text-decoration: none; content: "d"; margin: -0.5em 0 0 0; position: absolute; right: 0; top: 1.6rem; } .mobilePlan.open { padding-bottom: 0; } .mobilePlan__speed { font-size: 1.7rem; font-family: 'Rubrik-Regular', Arial, sans-serif; display: inline-block; line-height: 2rem; } .mobilePlan__speed_data { color: #1D79DE; text-transform: UPPERCASE; } .mobilePlan__details { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1rem; letter-spacing: -0.41px; line-height: 1.5rem; text-align: left; padding: 0; padding-left: 4.5em; } .mobilePlan__title { width: 100%; display: inline-block; line-height: 2.4rem; text-align: left; font-size: 2rem; color: #1D79DE; } .mobilePlan__selected { width: 100%; display: inline-block; font-family: 'Rubrik-Medium', Arial, sans-serif; text-transform: uppercase; position: relative; line-height: 1.5rem; } .mobilePlan__dataTerms { font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 1.2rem; font-size: 0.9rem; color: #707070; position: relative; left: 4.3rem; display: block; max-width: 22rem; clear: both; padding-bottom: 1rem; padding-left: 3em; text-align: left; } .mobilePlan__remove { text-transform: uppercase; display: inline-block; color: #1D79DE; position: relative; padding-right: 3rem; float: right; } .mobilePlan__remove:visited { color: #1D79DE; } .mobilePlan__remove:hover { color: #0D499E; text-decoration: none !important; } .mobilePlan .pb_ratename { font-family: 'Rubrik-Light', Arial, sans-serif; } .mobilePlan .lg_price { line-height: 1.3rem; font-weight: bold; padding-left: 0.5rem; } .mobilePlan__flexPlan { flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; } .mobilePlan__header { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; align-items: flex-start; } .mobilePlan__header_left { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; align-items: center; -webkit-align-items: center; -ms-flex-align: center; } .mobilePlan__header_right { flex: 0 0 28%; margin-top: 0.7rem; align-self: self-start; } .mobilePlan__activeServiceData { display: none; } .mobilePlan__activeServiceDataMob { display: block; } .mobilePlanCollapsed__selected { width: 48%; display: inline-block; font-family: 'Rubrik-Medium', Arial, sans-serif; text-transform: uppercase; position: relative; line-height: 1.5rem; } .mobilePlanCollapsed__selected_closed { float: left; padding-left: 2rem; text-align: left; } .mobilePlanCollapsed__selected { width: 48%; } .pb_title .mobileIcon { min-width: 2.8rem; height: 2.8rem; float: left; padding-right: 0.5rem; margin-top: -1px; } .pb_title .mobileIcon_svg { height: 2.8rem; min-width: 2.8rem; } .mobile_panel .box .box_title p { color: #3A3A3A; } .mobile_panel .box .box_row { border-bottom: none; padding: 2em 2.5em; } .mobile_panel .box .flex_sm .mobilePlan__row { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-box-direction: normal; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; } .mobile_panel .box .flex_sm .flex.third_left { width: 100%; padding-bottom: 0em; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 4rem; } .mobile_panel .box .flex_sm .flex.third_centre { width: 100%; padding: 0; padding-left: 4.5rem; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 4rem; padding-left: 4.5em; } .mobile_panel .box .flex_sm .flex.third_right { width: 100%; padding: 0; padding-left: 4.5rem; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 4rem; padding-bottom: 1rem; padding-left: 4.5em; text-align: left !important; } .mobile_panel .box .flex_sm .flex.third_right .pb_rate { padding-left: 0.5em; font-weight: bold; vertical-align: top; } .mobile_panel .box .box_inner p { line-height: 1.95rem; } .mobile_panel .box .box_inner p .lg_title { font-size: 2rem; } .mobile_panel__remove { position: relative; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .pb { position: relative; margin-bottom: 40px; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } .pb *:active, .pb *:focus { outline: 0; } .pb.mb0 { margin-bottom: -1px; } .pb.mb0 .pb_footer { padding: 1em 0; } .pb.mb0 .pb_footer p { margin-bottom: 0; } .pb .pb_title { border-bottom: 1px solid #1D79DE; margin-bottom: -1px; padding-top: 5px; margin-top: -5px; max-height: 999999px; } .pb .pb_title:before, .pb .pb_title:after { content: ""; display: table; } .pb .pb_title:after { clear: both; } .pb .pb_title h2, .webkit .pb .pb_title h2 { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 2.5em; line-height: 1.1; margin: 0 0 10px 0; padding: 0; float: left; } .pb .pb_title .overlap_icon { margin-right: 0.3em !important; font-size: 1em; color: #1D79DE; vertical-align: middle; } .pb .pb_title .overlap_icon.oi_unavailable { color: #AAAAAA; } .pb .pb_title .overlap_icon.white { color: #FFFFFF; } .pb .pb_title .overlap_icon.oi_internet { margin-right: 0.05em !important; } .pb .pb_title .actions { float: right; } .pb .pb_title .actions .btn { margin: 0 0 10px 10px; } .pb .pb_unavailable { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: "alpha(opacity=50)"; opacity: 0.5; } .pb .pb_text { padding-top: 1em; max-height: 999999px; } .pb .pb_footer { text-align: center; padding: 4em 0 0; max-height: 999999px; } .pb .pb_footer p { font-size: 12px; } .pb .pb_footer, .pb .pb_footer p { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } .pb_content_holder { min-height: 650px; padding-bottom: 1px !important; background: #FFF url(/images/loader_spin_colours_32.gif) center center no-repeat; } .pb_content_holder .pb_content { background: #FFF; } .pb_cols_wrapper { direction: rtl; } .pb_cols_wrapper .pb_col_summary, .pb_cols_wrapper .pb_col_main { direction: ltr; } .pb_cols_wrapper .pb_col_summary { margin-bottom: 30px; } .pb_ratename_mobile { display: block; } .pb_ratename_desktop { display: none; } .pb_header_mobile .pb_hm_pricelabel, .pb_header_mobile .pb_hm_price, .pb_header_mobile .pb_hm_signup { display: block; border-bottom: solid 1px #1d79de; background: #fcfcfd; text-align: center; padding: 10px 0; height: 30px; font-family: Rubrik-Regular, Arial, sans-serif; } .pb_header_mobile .pb_hm_pricelabel { float: left; width: 60%; line-height: 1.5em; } .pb_header_mobile .pb_hm_pricelabel .fancybox { text-transform: uppercase; color: #454f5e; } .pb_header_mobile .pb_hm_pricelabel .fancybox:after { font-family: "tp-glyphs" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3em; text-decoration: none; content: "o"; margin: 0 -20px 0 3px; color: #2C7ADA; vertical-align: middle; } .pb_header_mobile .pb_hm_price { float: left; width: 40%; margin-left: -1px; border-left: solid 1px #2C7ADA; font-size: 3em; line-height: 1em; color: #2C7ADA; font-family: Rubrik-ExtraLight, Arial, sans-serif; } .pb_header_mobile .pb_hm_price sup, .pb_header_mobile .pb_hm_price small { font-size: 0.6em; } .pb_header_mobile .pb_hm_signup { clear: both; font-size: 1.4em; line-height: 2.143em; font-weight: bold; } .pb_header_mobile .pb_hm_title { font-size: 4em; margin: 0.8em 0 1em; font-family: 'Rubrik-Light', Arial, sans-serif; text-align: center; color: #454f5e; } .pb_header_desktop { display: none; } .SaveForLater #btnSaveForLater { width: initial; display: block; margin: 0px; margin-bottom: 10px; padding: 15px; } .saveProgressLightbox .middle { text-align: center; } .saveProgressLightbox .scfValidator { padding-left: 0px; } .saveProgressLightbox .scfEmailTextBox { max-width: 350px; } .lte11 .box .input_group label[for="favourite-number-input"] { text-align: left; padding: 6px 10px; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .plan_summary_panel { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); display: none; min-height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 10; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); } .plan_summary_panel .close_icon { background: url('/images/light_dia_cross.png') no-repeat center center; cursor: pointer; display: block; height: 40px; position: absolute; right: 0; top: 0; width: 40px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: "alpha(opacity=70)"; opacity: 0.7; } .plan_summary_panel .close_icon:hover, .plan_summary_panel .close_icon:focus { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; } .m_create_plan_panel { background-color: #46535F; background-color: rgba(70, 83, 95, 0.95); padding: 2.5em 3em 0; margin-left: 10%; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; } .m_create_plan_panel h2, .m_create_plan_panel h3, .m_create_plan_panel h4, .m_create_plan_panel p { color: #fff; } .m_create_plan_panel .btn { background-color: #ACC92A; color: #46525F; margin-right: 8px; white-space: normal; } .m_create_plan_panel .btn:hover, .m_create_plan_panel .btn:focus { background: #e4e2df; } .m_create_plan_panel .btn.disabled, .m_create_plan_panel .btn.disabled:hover, .m_create_plan_panel .btn.disabled:focus { background: #798E44; cursor: default; } .m_create_plan_panel .btn_secondary { background-color: #414D58; color: #FFF; } .m_create_plan_panel .combined_columns .combined_service { float: left; margin: 0 0 5px 0; width: 50%; } .m_create_plan_panel .combined_columns .combined_service h4 { float: none; margin: 0 0 5px 0; padding-right: 10px; width: auto; } .m_create_plan_panel .combined_columns .compare_option_wrapper p { padding-right: 10px; } .m_create_plan_panel .compare_option_title_internet:before, .m_create_plan_panel .compare_option_title_phone:before, .m_create_plan_panel .compare_option_title_power:before, .m_create_plan_panel .compare_option_title_gas:before { background-position: center center; border: 2px solid #ACC92A; height: 28px; width: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .m_create_plan_panel .compare_option_title_internet:before { background-image: url('/images/service_net_white.png'); } .m_create_plan_panel .compare_option_title_phone:before { background-image: url('/images/service_phone_white.png'); } .m_create_plan_panel .compare_option_title_power:before { background-image: url('/images/service_power_white.png'); } .m_create_plan_panel .compare_option_title_gas:before { background-image: url('/images/service_gas_white.png'); } .m_create_plan_panel .compare_plan_column_extra h3 { font-size: 1.2em; } .m_create_plan_panel .compare_plan_column_extra h3:before { background: url('/images/compare_icon_white_extras.png') no-repeat center center; } .m_create_plan_panel .compare_plan_option_extra { border-bottom: none; padding-top: 10px; padding-bottom: 30px; } .m_create_plan_panel .compare_plan_option_extra h4 { color: #ACC92A; } .m_create_plan_panel .compare_plan_option_extra h4:before { color: #FFF; top: 20px; } .m_create_plan_panel .stripe_horizontal { background: #CCC; display: block; padding: 1.5em 0; position: relative; text-align: center; margin: 0 -3em; } .m_create_plan_panel .stripe_horizontal h4 { font-family: 'Rubrik-Light', Arial, sans-serif; margin: 0; padding: 0; text-transform: uppercase; } .m_create_plan_panel .stripe_arrow_down { margin-bottom: 1em; margin-top: 2.5em; } .m_create_plan_panel .stripe_arrow_up { margin-top: 1.6em; } .m_create_plan_panel .stripe_arrow_down:after, .m_create_plan_panel .stripe_arrow_up:before { border-left: 8px solid transparent; border-right: 8px solid transparent; content: " "; display: block; height: 0; left: 50%; margin-left: -5px; position: absolute; width: 0; } .m_create_plan_panel .stripe_arrow_down:after { border-top: 10px solid #CCC; bottom: -10px; } .m_create_plan_panel .stripe_arrow_up:before { border-bottom: 10px solid #CCC; top: -10px; } .m_create_plan_panel .stripe_green { background-color: #ACC92A; color: #2D373E; } .m_create_plan_panel .stripe_green a { color: #2D373E; } .m_create_plan_panel .stripe_green:after { border-top-color: #ACC92A; } .m_create_plan_panel .stripe_green:before { border-bottom-color: #ACC92A; } .m_create_plan_panel .expandable_list { color: #FFF; margin: 0em -3em; } .m_create_plan_panel .expandable_list li { border-top: 1px solid #6B757F; } .m_create_plan_panel .expandable_list li:first-child { border-top: none; } .m_create_plan_panel .expandable_list li .exandable_trigger { cursor: pointer; display: block; font-size: 1.6em; line-height: 1.25em; padding: 0.9375em 0em; } .m_create_plan_panel .expandable_list li .exandable_trigger:before { content: "+"; display: inline-block; width: 3.125em; text-align: center; } .m_create_plan_panel .expandable_list li .exandable_trigger.expanded:before { content: "—"; } .m_create_plan_panel .expandable_list .exandable_content { border-top: 1px solid #6B757F; display: none; padding-left: 5em; padding-right: 2em; padding-top: 2em; padding-bottom: 1em; } .m_create_plan_panel .expandable_list dl { font-size: 1.2em; line-height: 1.25em; margin-bottom: 0; margin-top: 0; margin-left: -4.166667em; margin-right: -1.666667em; padding: 0em; } .m_create_plan_panel .expandable_list dt { color: #FFF; float: none; position: absolute; text-align: center; padding-right: 0; line-height: 1.25em; padding-bottom: 0.833333em; width: 4.166667em; } .m_create_plan_panel .expandable_list dd { color: #FFF; float: none; line-height: 1.25em; padding-bottom: 0.833333em; padding-left: 4.166667em; width: auto; } .m_create_plan_panel .expandable_list .smaller { margin-bottom: 1.666667em; } .d_create_plan_panel { display: none; padding: 2.6em 3em 1.6em 3em; } .d_create_plan_panel h2 { color: #fff; } .d_create_plan_panel .promo_icon_list { display: block; margin: 0 0 2em; opacity: 0.8; } .d_create_plan_panel .promo_icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: center; background-repeat: no-repeat; border: 1px solid #888; border-color: rgba(255, 255, 255, 0.22); display: inline-block; float: none; height: 25px; margin: 0; padding: 6px; text-indent: -9999em; width: 25px; } .d_create_plan_panel .promo_icon:first-child { margin-left: 0; } .d_create_plan_panel .promo_icon_power { background-image: url('/images/service_power_white.png'); } .d_create_plan_panel .promo_icon_internet { background-image: url('/images/service_net_white.png'); } .d_create_plan_panel .promo_icon_gas { background-image: url('/images/service_gas_white.png'); } .d_create_plan_panel .promo_icon_phone { background-image: url('/images/service_phone_white.png'); } .d_create_plan_panel .plan_summary_details { position: relative; } .d_create_plan_panel .summary_info { float: left; width: 45%; } .d_create_plan_panel .summary_info p, .d_create_plan_panel .summary_info li { color: #fff; } .d_create_plan_panel .summary_bonuses { float: left; width: 41%; padding-left: 13%; margin-top: -7px; } .d_create_plan_panel .summary_bonus { margin: 0 0 20px; } .d_create_plan_panel .summary_bonus p { color: #fff; } .d_create_plan_panel .summary_bonus h2 { color: #fff; margin: 0; } .d_create_plan_panel .summary_bonus h2:before { content: "+"; margin-right: 5px; } .d_create_plan_panel .summary_bonus:first-child h2:before { display: none; } .d_create_plan_panel .plan_summary_footer { padding-top: 2.5em; } .lte8 .d_create_plan_panel .promo_icon { border: none; } .lte8 .d_create_plan_panel .promo_icon_power { background-image: url('/images/ie8_service_power_white.png'); } .lte8 .d_create_plan_panel .promo_icon_internet { background-image: url('/images/ie8_service_net_white.png'); } .lte8 .d_create_plan_panel .promo_icon_gas { background-image: url('/images/ie8_service_gas_white.png'); } .lte8 .d_create_plan_panel .promo_icon_phone { background-image: url('/images/ie8_service_phone_white.png'); } .at_a_glance.pullout { padding-top: 0; } .at_a_glance h3 { margin-top: 0; padding-top: 0; padding-bottom: 0; text-transform: uppercase; } .at_a_glance p { border-bottom: 1px dashed #CCC; padding-bottom: 9px; margin-bottom: 10px; } .at_a_glance p small { display: block; font-family: 'Rubrik-Medium', arial, sans-serif; text-transform: uppercase; } .at_a_glance p.last { border-bottom: none; } .generation_region { padding-bottom: 9px; border-top: 1px solid #CCC; margin: 0; } .generation_region .region_title { padding-bottom: 0; text-transform: uppercase; color: #2C7ADA; cursor: pointer; } .generation_region .region_title:hover { color: #aeccf1; } h2.generation_regions_title { padding-bottom: 22px; } .region_stations { list-style: none; } .load_station_content { border-bottom: 1px solid #CCC; margin: 0; } .load_station_content h3 { margin-bottom: 0; } .load_station_content span { display: block; text-transform: uppercase; } .load_station_content:before { content: normal; display: none; } .load_station_content:last-child { border: none; } .generation_region:last-child .load_station_content:last-child { border-bottom: 1px solid #CCC; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .product_item, .list_layout .product_item { padding: 3em 1.5em 2em; } .product_item { background: #F5F3F0; margin-bottom: 2em; text-align: center; width: 20em; } .product_item.product_item_in_form { width: auto; } .product_item.product_item_in_form h5.medium { padding-left: 0; } .product_item.product_item_in_form table table td:last-child { text-align: right; } .product_item.product_item_in_form table, .product_item.product_item_in_form table tr, .product_item.product_item_in_form table th, .product_item.product_item_in_form table td { display: block; width: auto; } .product_item.product_item_in_form table table, .product_item.product_item_in_form table tr table, .product_item.product_item_in_form table th table, .product_item.product_item_in_form table td table { display: table; width: 100%; } .product_item.product_item_in_form table table tr, .product_item.product_item_in_form table tr table tr, .product_item.product_item_in_form table th table tr, .product_item.product_item_in_form table td table tr { display: table-row; } .product_item.product_item_in_form table table th, .product_item.product_item_in_form table tr table th, .product_item.product_item_in_form table th table th, .product_item.product_item_in_form table td table th, .product_item.product_item_in_form table table td, .product_item.product_item_in_form table tr table td, .product_item.product_item_in_form table th table td, .product_item.product_item_in_form table td table td { display: table-cell; padding-left: 0; padding-right: 0; } .product_item.product_item__extended { width: 28.5em; } .product_item.product_item__extended.product_item_in_form { width: auto; } .product_item.product_item__extended table th[colspan="2"] { border-bottom: none; padding-top: 1.076923em; } .product_item.product_item__extended table td { font-size: 1.4em; line-height: 1.428571em; padding-bottom: 0.571429em; } .product_item.product_item__extended table td table td { font-size: 1em; } .product_item h5 { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 4em; line-height: 1em; letter-spacing: -0.075em; padding: 0em 0.625em; } .product_item h5.medium { font-size: 2.5em; line-height: 1em; padding: 0em 0.88em; } .product_item h5.average { font-size: 2em; line-height: 1.25em; } .product_item h5 .first { margin-top: 0; } .product_item h5 .small { font-size: 0.5em; line-height: 1em; letter-spacing: 0em; padding-left: 0.05em; } .product_item h5 .dollar { display: inline-block; padding-top: 0.15em; vertical-align: top; } .product_item h6 { color: #333; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 2em; line-height: 1em; letter-spacing: -0.05em; text-transform: none; } .product_item h5 + h6 { margin-top: 0.25em; } .product_item hr { border-color: #455260; margin: 1em auto; width: 12%; padding: 0; } .product_item hr.spacer { border-width: 0; margin: 2em auto; } .product_item hr.bigger { margin: 1.5em auto 2em; } .product_item table { margin-bottom: 1em; } .product_item tbody:first-child { border-top: none; } .product_item td { position: relative; border-bottom: none; text-align: left; padding-top: 0.142857em; padding-bottom: 0.214286em; } .product_item table td > .hasUsefulInfo { border-bottom: 1px dotted #666666; padding-bottom: 2px; cursor: pointer; } .product_item table .usefulInfo { background-color: #4F5C67; top: auto; right: 0; bottom: 100%; left: auto; } .product_item table .usefulInfo:before { border: none; border-bottom: solid 10px transparent; border-left: solid 10px #4F5C67; top: auto; right: auto; bottom: -10px; left: 0; } .product_item .btn { margin-right: 0; margin-left: 0; } .product_item p { color: #46525F; } .product_item p.smaller { text-align: left; } .product_item .first { margin-top: 0; position: relative; } .grey_container .product_item p { color: #FFF; } .product_item_selected { position: relative; } .product_item_selected h5.medium { color: #AEC800; } .product_item_selected:before { position: absolute; content: ' '; top: -11px; left: 50%; margin-left: -14px; height: 23px; width: 23px; border: 2px solid #AEC800; border-radius: 24px; background: #414D59 url(/images/toggle_sprite-23.png) right top no-repeat; } .lte8 .product_item_selected:before { background: url(/images/toggle_sprite-23-ie8.png) right top no-repeat; border: 0; } .product_item_listed { float: left; margin-right: 1px; margin-bottom: 1px; } .product_item_popular { background-image: url('/images/product_item_popular_blue.png'); background-position: 1.5em 0; background-repeat: no-repeat; } .product_item_left + h2, .product_item_right + h2 { margin-top: 0; } .product_item_dark { color: white; background-color: #46535F; } .product_item_dark h4, .product_item_dark p { color: white; } .product_item_dark .product_icon_list { margin: 0 0 1em; } .product_item_dark .product_icon_list .product_icon { background-repeat: no-repeat; display: inline-block; padding-top: 38px; overflow: hidden; padding-left: 38px; width: 0; height: 0; margin: 0 -6px; } .product_item_dark .product_icon_list .product_icon.product_icon_gas { background-image: url('/images/ie8_service_gas_white.png'); } .product_item_dark .product_icon_list .product_icon.product_icon_internet { background-image: url('/images/ie8_service_net_white.png'); } .product_item_dark .product_icon_list .product_icon.product_icon_phone { background-image: url('/images/ie8_service_phone_white.png'); } .product_item_dark .product_icon_list .product_icon.product_icon_power { background-image: url('/images/ie8_service_power_white.png'); } .product_item_highlight .btn { background: #2D7BDB; color: #fff; } .product_item_highlight .btn:hover { background: #1f63b6; } .product_item_blue { background-color: #7DE0EA; } .product_item_blue.product_item_popular { background-image: url('/images/product_item_popular_white.png'); } .product_item_blue p { color: #46525F; } .product_item_blue .btn { background: #6cd0d9; } .product_item_blue .btn:hover { background: #58cad4; } .product_item_blue .btn.disabled, .product_item_blue .btn.disabled:hover { background: #a8bdda; } .product_item_green { background-color: #C3D543; } .product_item_green.product_item_popular { background-image: url('/images/product_item_popular_white.png'); } .product_item_green p { color: #46525F; } .product_item_green .btn { background: #B4C543; } .product_item_green .btn:hover { background: #a6b638; } .product_item_pink { background-color: #D95BA9; } .product_item_pink.product_item_popular { background-image: url('/images/product_item_popular_white.png'); } .product_item_pink h5, .product_item_pink h6 { color: #fff; } .product_item_pink p { color: #fff; } .product_item_pink hr { border-color: #fff; } .product_item_pink a { border-bottom: none; } .product_item_pink .btn { background: #BC459E; color: #fff; } .product_item_pink .btn:hover { background: #aa3d8f; } .product_item_red { background-color: #FF8198; } .product_item_red.product_item_popular { background-image: url('/images/product_item_popular_white.png'); } .product_item_red p { color: #2C373E; } .product_item_red .btn { background: #FF6E80; } .product_item_red .btn:hover { background: #ff3b53; } .product_item_yellow { background-color: #FFCC00; } .product_item_yellow.product_item_popular { background-image: url('/images/product_item_popular_white.png'); } .product_item_yellow p { color: #2E373E; } .product_item_yellow .btn { background: #EBBF00; } .product_item_yellow .btn:hover { background: #dcb300; } .product_item_gas { background: #404D5A; color: #fff; width: 17em; } .product_item_gas h5 { color: #fff; } .product_item_gas hr { border-top-color: #fff; } .product_item_compare { background: transparent; padding: 0; width: auto; } .product_item_yellow a.btn, .product_item_red a.btn, .product_item_pink a.btn, .product_item_green a.btn, .product_item_blue a.btn, .product_item_yellow a.btn:visited, .product_item_red a.btn:visited, .product_item_pink a.btn:visited, .product_item_green a.btn:visited, .product_item_blue a.btn:visited { background: #EDECEA; color: #333; } .product_item_yellow a.btn:hover, .product_item_red a.btn:hover, .product_item_pink a.btn:hover, .product_item_green a.btn:hover, .product_item_blue a.btn:hover, .product_item_yellow a.btn:focus, .product_item_red a.btn:focus, .product_item_pink a.btn:focus, .product_item_green a.btn:focus, .product_item_blue a.btn:focus { background: #e4e2df; color: #333; } .product_item_yellow a.btn:active, .product_item_red a.btn:active, .product_item_pink a.btn:active, .product_item_green a.btn:active, .product_item_blue a.btn:active { background: #dddbd7; color: #333; } .no-touch .product_item table td > .hasUsefulInfo:hover + .usefulInfo, .product_item table .showUsefulInfo .usefulInfo { display: block; } ul.product_list { margin: 0; } ul.product_list li { margin: 0; padding-left: 26px; background-repeat: no-repeat; background-position: left 3px; } ul.product_list li:before { content: ''; } ul.product_list li.gas { background-image: url('/images/dark_gas.png'); } ul.product_list li.power { background-image: url('/images/dark_power.png'); } ul.product_list li.phone { background-image: url('/images/dark_phone.png'); } ul.product_list li.internet { background-image: url('/images/dark_net.png'); } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .product_stack { text-align: center; letter-spacing: -0.31em; } .product_stack .product_item { width: 100%; letter-spacing: normal; text-align: center; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .product_stack .product_item .btn { background: #2D7BDB; color: white; } .product_stack .product_item .btn:hover { background: #226cc7; } .product_stack .product_icon_list { margin: 0 0 1em; } .product_stack .product_icon_list .product_icon { background-repeat: no-repeat; display: inline-block; padding-top: 38px; overflow: hidden; padding-left: 38px; width: 0; height: 0; margin: 0 -6px; } .product_stack .product_icon_gas { background-image: url('/images/bundle_icon_base_gas.png'); } .product_stack .product_icon_internet { background-image: url('/images/bundle_icon_base_internet.png'); } .product_stack .product_icon_phone { background-image: url('/images/bundle_icon_base_phone.png'); } .product_stack .product_icon_power { background-image: url('/images/bundle_icon_base_power.png'); } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .product_strip { background-color: #F5F3F0; } .product_strip .content_holder { padding-top: 3em; padding-bottom: 3em; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: center; } .product_strip .product_strip_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1.25em 5%; text-align: center; flex: 0 0 50%; -webkit-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; } .product_strip .product_strip_item:last-child { margin-top: 1em; flex: 0 0 95%; -webkit-box-flex: 0 0 95%; -webkit-flex: 0 0 95%; max-width: 420px; font-size: 115%; } .product_strip .product_strip_item:last-child p { display: block; } .product_strip .product_strip_item h2 { width: auto; margin: 0; font-size: 1.8em; line-height: 1.2em; color: #1D79DE; transition: color 0.3s; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; } .product_strip .product_strip_item p { margin-bottom: 0; display: none; } .product_strip .product_strip_item .overlap_icons { margin: 0 !important; padding: 10px 0 15px; transition: opacity 0.3s; } .product_strip .product_strip_item .overlap_icons .overlap_icon { font-size: 30px; color: #1D79DE; } .product_strip .product_strip_item .overlap_icons .overlap_icon:nth-child(2) { color: #0D499E; } .product_strip .product_strip_item .overlap_icons .overlap_icon:nth-child(3) { color: #4F32B6; } .product_strip .product_strip_item .overlap_icons .overlap_icon:nth-child(4) { color: #8c50c7; } .product_strip .product_strip_item .overlap_icons .overlap_icon:nth-child(5) { color: #C96DD7; } .product_strip .product_strip_item a { display: block; color: inherit; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .promo_container { background-color: #fff; display: block; max-width: 100%; padding-top: 3em; padding-bottom: 3em; text-align: center; } .promo_container .promo_content_centered { text-align: center; } .promo_container .promo_content_centered h2 + h5 { margin-top: 0; margin-bottom: 2em; } .promo_container .promo_panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0 1% 1em; padding: 1.5em; vertical-align: top; width: 100%; } .promo_container .promo_panel h4 { margin-bottom: 0; } .promo_container .promo_panel .btn { color: inherit; width: 100%; display: inline-block; margin: 0 auto; font-size: 1.6em; line-height: 1.375em; padding: 0.357143em 0.714286em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .promo_container .promo_panel input[type="email"].btn, .promo_container .promo_panel input[type="tel"].btn, .promo_container .promo_panel input[type="text"].btn { cursor: auto; border: none; margin-bottom: 3px; color: white; text-align: left; text-transform: none; font-family: 'Rubrik-Light', Arial, sans-serif; } .promo_container .promo_panel .scfSubmitButtonBorder { float: none; padding: 0; } .promo_container .promo_panel .scfSubmitButtonBorder input { float: none; display: inline-block; padding: 0.357143em 1.428571em; } .promo_container .promo_panel .scfValidator, .promo_container .promo_panel .scfValidatorRequired { padding: 4px 15px 6px; width: 80%; left: 20%; bottom: 80%; } .promo_container .promo_panel .fake_placeholder { color: #dcdcfe; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-style: normal; font-size: 16px; cursor: text; text-align: left; padding-left: 10px; padding-right: 10px; } .promo_container .promo_panel ::-webkit-input-placeholder { color: #dcdcfe; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-style: normal; font-size: 16px; cursor: text; text-align: left; padding-left: 10px; padding-right: 10px; } .promo_container .promo_panel :-moz-placeholder { color: #dcdcfe; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-style: normal; font-size: 16px; cursor: text; text-align: left; padding-left: 10px; padding-right: 10px; } .promo_container .promo_panel ::-moz-placeholder { color: #dcdcfe; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-style: normal; font-size: 16px; cursor: text; text-align: left; padding-left: 10px; padding-right: 10px; } .promo_container .promo_panel :-ms-input-placeholder { color: #dcdcfe; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-style: normal; font-size: 16px; cursor: text; text-align: left; padding-left: 10px; padding-right: 10px; } .promo_container .promo_icon_list { display: block; margin: 10px 0 0 0; text-align: center; } .promo_container .promo_icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: center; background-repeat: no-repeat; border: 1px solid; display: inline-block; float: none; height: 25px; margin: 0 -5px; padding: 8px; text-indent: -9999em; width: 25px; } .promo_container .promo_callout { -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: none; float: none; height: auto; margin: 10px auto 0 auto; padding: 0; position: relative; text-align: center; width: 80%; } .promo_container .promo_callout_content { display: block; height: auto; width: 100%; } .promo_container .promo_callout_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: left; padding: 0 15px; width: 50%; } .promo_container .promo_callout_item p { color: #333; } .promo_container .promo_callout_item:nth-child(2) h5:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgba(0, 0, 0, 0.1); content: "+"; height: 25px; left: 47%; line-height: 28px; position: absolute; text-align: center; width: 25px; } .promo_container .product_item { margin-left: auto; margin-right: auto; } .carousel_item .promo_container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 100%; padding-bottom: 10em; } .carousel_item .promo_container + .grey_container { bottom: 0; position: absolute; left: 0; right: 0; } .gas_promo .product_item_listed { float: none; margin: 0 1px 1px 0; margin-left: auto; margin-right: auto; } .promo_container_simple { padding-bottom: 2em; } .promo_container_simple .promo_callout { display: none; } .promo_container_simple .promo_icon_list { display: none; } .promo_container_blue { background-color: #67D8E4; } .promo_container_blue .promo_icon { border: 1px solid #33C2CD; } .promo_container_blue .promo_icon_power { background-image: url('/images/service_power.png'); } .promo_container_blue .promo_icon_internet { background-image: url('/images/service_net.png'); } .promo_container_blue .promo_icon_gas { background-image: url('/images/service_gas.png'); } .promo_container_blue .promo_icon_phone { background-image: url('/images/service_phone.png'); } .promo_container_blue .promo_callout { background-color: #33C2CD; } .promo_container_yellow { background-color: #FFCC00; } .promo_container_yellow .promo_icon { border: 1px solid #FFBC00; } .promo_container_yellow .promo_icon_power { background-image: url('/images/service_power.png'); } .promo_container_yellow .promo_icon_internet { background-image: url('/images/service_net.png'); } .promo_container_yellow .promo_icon_gas { background-image: url('/images/service_gas.png'); } .promo_container_yellow .promo_icon_phone { background-image: url('/images/service_phone.png'); } .promo_container_yellow .promo_callout { background-color: #FFBC00; } .promo_container_pink { background-color: #CC3399; color: #fff; } .promo_container_pink h2, .promo_container_pink .webkit h2 { color: #fff; } .promo_container_pink h3, .promo_container_pink .webkit h3 { color: #fff; } .promo_container_pink .promo_icon { color: #fff; border: 1px solid #AE368A; } .promo_container_pink .promo_icon_power { background-image: url('/images/service_power_white.png'); } .promo_container_pink .promo_icon_internet { background-image: url('/images/service_net_white.png'); } .promo_container_pink .promo_icon_gas { background-image: url('/images/service_gas_white.png'); } .promo_container_pink .promo_icon_phone { background-image: url('/images/service_phone_white.png'); } .promo_container_pink .promo_callout { background-color: #AE368A; color: #fff; } .promo_container_pink .promo_callout_item h5 { color: #fff; } .promo_container_pink .promo_callout_item p { color: #fff; color: rgba(255, 255, 255, 0.8); } .promo_container_purple { background-color: #7F1399; color: #fff; } .promo_container_purple h2, .promo_container_purple .webkit h2 { color: #fff; } .promo_container_purple h3, .promo_container_purple .webkit h3 { color: #fff; } .promo_container_purple .promo_icon { color: #fff; border: 1px solid #6F1090; } .promo_container_purple .promo_icon_power { background-image: url('/images/service_power_white.png'); } .promo_container_purple .promo_icon_internet { background-image: url('/images/service_net_white.png'); } .promo_container_purple .promo_icon_gas { background-image: url('/images/service_gas_white.png'); } .promo_container_purple .promo_icon_phone { background-image: url('/images/service_phone_white.png'); } .promo_container_purple .promo_callout { background-color: #6F1090; color: #fff; } .promo_container_purple .promo_callout_item h5 { color: #fff; } .promo_container_purple .promo_callout_item p { color: #fff; color: rgba(255, 255, 255, 0.8); } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .promo_premade .compare_plans_table { margin-top: 1.5em; } .promo_premade .content_holder { padding-top: 3.5em; } .promo_premade .promo_premade_item h2 { text-align: center; } .promo_premade .grey_container_plans h3 { margin-top: 0; } .promo_premade .create_plan_component_list h3 .component_toggle { cursor: pointer; } .carousel_item .promo_premade .promo_premade_item { padding-bottom: 2em; } .promo_premade_top { padding: 2em 0; text-align: center; } .promo_premade_top .content_holder { padding-top: 20px; padding-bottom: 20px; } .promo_premade_top h3 { font-family: 'Rubrik-ExtraLight', Arial, sans-serif; margin: 0 0 0.3em 0; padding-top: 0; font-size: 3em; } .promo_premade_top .arrow_down_expand { background: url(/images/arrow_down_expand.png) no-repeat center top; display: block; height: 17px; margin: 5px 0 -10px; padding: 0px; } .promo_premade_top:hover { cursor: pointer; } .promo_premade_top:hover .arrow_down_expand { background-position: center bottom; } .promo_premade_drop { background-image: url("/images/shadow_transparent_horizontal.png"); background-repeat: repeat-x; background-position: left top; } .promo_premade .compare_plan_column h4 .btn_small { font-size: 0.917em; } .promo_premade_yellow .promo_premade_top { background-color: #FFCC00; } .promo_premade_yellow .promo_premade_top .btn { background-color: #FFBC00; color: #000; } .promo_premade_orange .promo_premade_top { background-color: #FF9B00; } .promo_premade_orange .promo_premade_top .btn { background-color: #FFAC28; color: #000; } .promo_premade_blue .promo_premade_top { background-color: #67D8E4; } .promo_premade_blue .promo_premade_top .btn { background-color: #33C2CD; color: #000; } .promo_premade_pink .promo_premade_top { background-color: #CC3399; } .promo_premade_pink .promo_premade_top .btn { background-color: #AE368A; color: #FFF; } .promo_premade_purple .promo_premade_top { background-color: #7F1399; } .promo_premade_purple .promo_premade_top .btn { background-color: #6F1090; color: #FFF; } .promo_premade.promo_premade_pink .promo_premade_top h2, .promo_premade.promo_premade_purple .promo_premade_top h2, .promo_premade.promo_premade_pink .promo_premade_top h3, .promo_premade.promo_premade_purple .promo_premade_top h3, .promo_premade.promo_premade_pink .promo_premade_top h4, .promo_premade.promo_premade_purple .promo_premade_top h4, .promo_premade.promo_premade_pink .promo_premade_top .compare_option_wrapper h4, .promo_premade.promo_premade_purple .promo_premade_top .compare_option_wrapper h4, .promo_premade.promo_premade_pink .promo_premade_top p, .promo_premade.promo_premade_purple .promo_premade_top p, .promo_premade.promo_premade_pink .promo_premade_top span, .promo_premade.promo_premade_purple .promo_premade_top span { color: #FFF; } .promo_premade_yellow .compare_option_title_internet:before { background-image: url('/images/compare_icon_yellow_internet.png'); } .promo_premade_yellow .compare_option_title_phone:before { background-image: url('/images/compare_icon_yellow_phone.png'); } .promo_premade_yellow .compare_option_title_power:before { background-image: url('/images/compare_icon_yellow_power.png'); } .promo_premade_yellow .compare_option_title_gas:before { background-image: url('/images/compare_icon_yellow_gas.png'); } .promo_premade_yellow .compare_plan_column_extra h3:before { background-image: url('/images/compare_icon_yellow_extras.png'); } .promo_premade_yellow .brace { background-image: url('/images/brace_h_d_mid_extended_yellow.png'); } .promo_premade_yellow .brace:before, .promo_premade_yellow .brace:after { background-image: url('/images/brace_h_d_edges_yellow.png'); } .promo_premade_orange .compare_option_title_internet:before { background-image: url('/images/compare_icon_orange_internet.png'); } .promo_premade_orange .compare_option_title_phone:before { background-image: url('/images/compare_icon_orange_phone.png'); } .promo_premade_orange .compare_option_title_power:before { background-image: url('/images/compare_icon_orange_power.png'); } .promo_premade_orange .compare_option_title_gas:before { background-image: url('/images/compare_icon_orange_gas.png'); } .promo_premade_orange .compare_plan_column_extra h3:before { background-image: url('/images/compare_icon_orange_extras.png'); } .promo_premade_orange .brace { background-image: url('/images/brace_h_d_mid_extended_orange.png'); } .promo_premade_orange .brace:before, .promo_premade_orange .brace:after { background-image: url('/images/brace_h_d_edges_orange.png'); } .promo_premade_pink .compare_option_title_internet:before { background-image: url('/images/compare_icon_pink_internet.png'); } .promo_premade_pink .compare_option_title_phone:before { background-image: url('/images/compare_icon_pink_phone.png'); } .promo_premade_pink .compare_option_title_power:before { background-image: url('/images/compare_icon_pink_power.png'); } .promo_premade_pink .compare_option_title_gas:before { background-image: url('/images/compare_icon_pink_gas.png'); } .promo_premade_pink .compare_plan_column_extra h3:before { background-image: url('/images/compare_icon_pink_extras.png'); } .promo_premade_pink .brace { background-image: url('/images/brace_h_d_mid_extended_pink.png'); } .promo_premade_pink .brace:before, .promo_premade_pink .brace:after { background-image: url('/images/brace_h_d_edges_pink.png'); } .promo_premade_blue .compare_option_title_internet:before { background-image: url('/images/compare_icon_blue_internet.png'); } .promo_premade_blue .compare_option_title_phone:before { background-image: url('/images/compare_icon_blue_phone.png'); } .promo_premade_blue .compare_option_title_power:before { background-image: url('/images/compare_icon_blue_power.png'); } .promo_premade_blue .compare_option_title_gas:before { background-image: url('/images/compare_icon_blue_gas.png'); } .promo_premade_blue .compare_plan_column_extra h3:before { background-image: url('/images/compare_icon_blue_extras.png'); } .promo_premade_blue .brace { background-image: url('/images/brace_h_d_mid_extended_blue.png'); } .promo_premade_blue .brace:before, .promo_premade_blue .brace:after { background-image: url('/images/brace_h_d_edges_blue.png'); } .promo_premade_purple .compare_option_title_internet:before { background-image: url('/images/compare_icon_purple_internet.png'); } .promo_premade_purple .compare_option_title_phone:before { background-image: url('/images/compare_icon_purple_phone.png'); } .promo_premade_purple .compare_option_title_power:before { background-image: url('/images/compare_icon_purple_power.png'); } .promo_premade_purple .compare_option_title_gas:before { background-image: url('/images/compare_icon_purple_gas.png'); } .promo_premade_purple .compare_plan_column_extra h3:before { background-image: url('/images/compare_icon_purple_extras.png'); } .promo_premade_purple .brace { background-image: url('/images/brace_h_d_mid_extended_purple.png'); } .promo_premade_purple .brace:before, .promo_premade_purple .brace:after { background-image: url('/images/brace_h_d_edges_purple.png'); } .promo_premade_gray h2, .promo_premade_gray h3, .promo_premade_gray h4, .promo_premade_gray .compare_option_wrapper h4, .promo_premade_gray p, .promo_premade_gray span { color: #FFF; } .promo_premade_gray .compare_option_title_internet:before { background-image: url('/images/compare_icon_white_internet.png'); } .promo_premade_gray .compare_option_title_phone:before { background-image: url('/images/compare_icon_white_phone.png'); } .promo_premade_gray .compare_option_title_power:before { background-image: url('/images/compare_icon_white_power.png'); } .promo_premade_gray .compare_option_title_gas:before { background-image: url('/images/compare_icon_white_gas.png'); } .promo_premade_gray .compare_plan_column_extra h3:before { background-image: url('/images/compare_icon_white_extras.png'); } .promo_premade_gray .brace { background-image: url('/images/brace_h_l_mid_extended.png'); } .promo_premade_gray .brace:before, .promo_premade_gray .brace:after { background-image: url('/images/brace_h_l_edges.png'); } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .promo { position: relative; display: block; float: none; margin: 0 -5%; } .promo .promo_content { display: block; padding: 1em 4.1665%; background: #F5F3F0; color: #333; text-align: center; } .promo h4 { font-size: 2.5em; line-height: 1.2em; margin: 0.2em 0em; letter-spacing: -2px; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; } .promo h5 { font-size: 1.8em; line-height: 1.111111em; margin: 0.277778em 0em; font-family: 'Rubrik-Light', Arial, sans-serif; } .promo p { margin-bottom: 0.357143em; color: #333; font-size: 12px; line-height: 15px; } .promo .img { display: none; margin: -45px 0 15px; text-align: center; } .promo .sparkle { position: relative; } .promo .sparkle:before { position: absolute; top: -30px; left: 10%; width: 30px; height: 45px; background: url('/images/content/sparkles/1.png') no-repeat; content: ' '; } .promo .promo_see_more { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; transition: background 0.5s ease-out; position: absolute; top: -25px; right: 10px; display: none; padding-top: 20px; width: 80px; height: 60px; background: #2d7bdb; color: #fff; text-align: center; font-size: 14px; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; line-height: 20px; } .promo .promo_see_more:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; background: #589aeb; color: #fff; } .promo .promo_see_more_bot { top: 13.5em; right: inherit; left: 50%; margin: 0 -11em; } .promo .hang { margin: 0 auto; padding-bottom: 10px; background: #F5F3F0; text-align: center; } .promo .hang h5, .promo .hang p { text-align: center; margin-bottom: 0; } .promo .hang .strong { font-family: 'Rubrik-Regular', Arial, sans-serif; } .promo .hang h5 { margin: 10px auto 5px; } .promo .hang .btn { clear: both; } .promo .btn { margin: 10px 0 0; } .promo.left { float: left; } .promo.right { float: right; } .promo .sparkle_2 { position: relative; } .promo .sparkle_2:before { position: absolute; top: 0; right: -8px; width: 40px; height: 60px; background: url('/images/content/sparkles/2-big.png') no-repeat; content: ' '; } .promo .sparkle_up:before { top: -45px; right: 0; } .promo .promo_rich_text h3 { margin-top: 0px; color: #444; text-transform: uppercase; font-size: 20px; line-height: 30px; } .promo .promo_rich_text hr { margin-right: 70px; margin-bottom: 15px; margin-left: 70px; } .promo .promo_rich_text p { font-size: 14px; font-family: "Rubrik-Light", arial, sans-serif; line-height: 20px; } .promo .promo_rich_text a { color: #444; } .promo .promo_rich_text strong.block { display: block; padding-top: 10px; padding-bottom: 10px; font-size: 20px; font-family: "Rubrik-Light", arial, sans-serif; line-height: 20px; } .promo_blue .promo_content, .promo_blue .hang { background: #67D8E4; } .promo_yellow .promo_content, .promo_yellow .hang { background: #FFCC00; } .promo_green .promo_content, .promo_green .hang { background: #92C634; } .promo_content_part h5 { display: inline-block; } .promo_content_part p { display: inline-block; } .icons { display: block; text-align: center; } .icons .i { display: inline-block; width: 40px; height: 40px; margin: 0 -6px; background: no-repeat; } .icons .i-po { background-image: url('/images/content/ad_icons/Power.png'); } .icons .i-ga { background-image: url('/images/content/ad_icons/Gas.png'); } .icons .i-in { background-image: url('/images/content/ad_icons/Internet.png'); } .icons .i-ph { background-image: url('/images/content/ad_icons/Phone.png'); } .pullout_promo .promo h4, .pullout_promo .promo p { text-align: right; padding-left: 20%; padding-bottom: 0; } .pullout_promo .promo h4 { font-size: 2.8em; line-height: 1.071429em; } .pullout_promo .promo p { font-size: 1.3em; line-height: 1em; } .pullout_promo .promo .promo_see_more { top: auto; bottom: -22px; right: 30px; z-index: 3; } .pullout_promo .img img { max-width: 100%; } .pullout_promo .img { width: auto; position: relative; z-index: 2; margin-top: -100px; margin-bottom: 20px; max-width: 46%; padding: 0 3%; float: left; } .pullout_promo.pullout_promo__tall .promo_see_more { right: 70px; } .pullout_promo.pullout_right .promo h4, .pullout_promo.pullout_right .promo p { text-align: left; padding-left: 0; padding-right: 20%; } .pullout_promo.pullout_right .promo .promo_see_more { right: auto; left: 30px; } .pullout_promo.pullout_right .img { float: right; } .pullout_promo.pullout_right.pullout_promo__tall .promo_see_more { left: 70px; } .panel_ad .pullout { padding: 0; } .panel_ad .pullout .promo, .panel_ad .pullout .promo .promo_content, .panel_ad .pullout .promo .hang { margin: 0; padding: 1px; width: 100%; max-width: 100%; height: auto; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .panel_ad .pullout .promo h4, .panel_ad .pullout .promo .promo_content h4, .panel_ad .pullout .promo .hang h4 { font-size: 4em; line-height: 1.1em; padding: 0.25em 0 0; margin: 0; letter-spacing: -3px; } .panel_ad .pullout .promo h5, .panel_ad .pullout .promo .promo_content h5, .panel_ad .pullout .promo .hang h5, .panel_ad .pullout .promo .sparkle p, .panel_ad .pullout .promo .promo_content .sparkle p, .panel_ad .pullout .promo .hang .sparkle p { font-size: 2em; line-height: 1.2em; margin: 0.3em 0.5em 0; } .panel_ad .pullout .promo h5, .panel_ad .pullout .promo .promo_content h5, .panel_ad .pullout .promo .hang h5 { font-size: 1.8em; margin-top: 1em; } .panel_ad .pullout .promo strong, .panel_ad .pullout .promo .promo_content strong, .panel_ad .pullout .promo .hang strong, .panel_ad .pullout .promo .strong, .panel_ad .pullout .promo .promo_content .strong, .panel_ad .pullout .promo .hang .strong { font-family: "Rubrik-Semibold", Arial, sans-serif; font-weight: normal; } .panel_ad .pullout .promo .icons, .panel_ad .pullout .promo .promo_content .icons, .panel_ad .pullout .promo .hang .icons { padding-top: 1em; } .panel_ad .pullout .promo { padding: 2em 2em 3em; margin: 1em; width: auto; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); } .panel_ad .pullout .promo_see_more, .panel_ad .pullout .sparkle:before, .panel_ad .pullout .sparkle_2:before, .panel_ad .pullout .hang .btn { display: none; } .panel_ad .pullout .promo_blue { color: #fff; background: #0fa3f3; background: -moz-linear-gradient(90deg, #7f1399 0%, #0fa3f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left, right, color-stop(0%, #7f1399), color-stop(100%, #0fa3f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(90deg, #7f1399 0%, #0fa3f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(90deg, #7f1399 0%, #0fa3f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(90deg, #7f1399 0%, #0fa3f3 100%); /* IE10+ */ background: linear-gradient(90deg, #7f1399 0%, #0fa3f3 100%); /* W3C */ } .panel_ad .pullout .promo_blue h4, .panel_ad .pullout .promo_blue p, .panel_ad .pullout .promo_blue h5 { color: #fff; } .panel_ad .pullout .promo_blue .i-po { background-image: url('/images/content/ad_icons/Power_w.png'); } .panel_ad .pullout .promo_blue .i-ga { background-image: url('/images/content/ad_icons/Gas_w.png'); } .panel_ad .pullout .promo_blue .i-in { background-image: url('/images/content/ad_icons/Internet_w.png'); } .panel_ad .pullout .promo_blue .i-ph { background-image: url('/images/content/ad_icons/Phone_w.png'); } .panel_ad .pullout .promo_yellow { background: #FfcC00; background: -moz-linear-gradient(90deg, #Ff9B00 0%, #FfcC00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left, right, color-stop(0%, #Ff9B00), color-stop(100%, #FfcC00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(90deg, #Ff9B00 0%, #FfcC00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(90deg, #Ff9B00 0%, #FfcC00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(90deg, #Ff9B00 0%, #FfcC00 100%); /* IE10+ */ background: linear-gradient(90deg, #Ff9B00 0%, #FfcC00 100%); /* W3C */ } .panel_ad .pullout .promo_green { background: #92c634; background: -moz-linear-gradient(90deg, #6eB732 0%, #92c634 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left, right, color-stop(0%, #6eB732), color-stop(100%, #92c634)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(90deg, #6eB732 0%, #92c634 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(90deg, #6eB732 0%, #92c634 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(90deg, #6eB732 0%, #92c634 100%); /* IE10+ */ background: linear-gradient(90deg, #6eB732 0%, #92c634 100%); /* W3C */ } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .pullout { margin-bottom: 1em; } figure.pullout { float: left; margin-right: 5%; padding-top: 7px; width: 50%; } figure.pullout img { height: auto !important; } figure.pullout_right { float: right; margin-left: 5%; margin-right: 0; } .pullout_push_down, figure.pullout_push_down { padding-top: 5.5em; position: relative; z-index: 2; } figure.pullout_push_down + h2.smaller { content: normal; padding-top: 20px; } figure.pullout_push_down:before { background: #7F1399; content: ' '; display: inline-block; height: 2px; position: absolute; top: 6px; width: 30%; } .info_box.pullout { padding-top: 0; } .pullout_portrait { width: 50%; } .pullout_quote:before { content: ''; } .pullout_quote figure { max-width: 100%; display: block; position: relative; } .pullout_quote figure img { width: auto; max-width: 120%; } .pullout_quote figure .img { width: 100%; max-width: 100%; height: 0; padding-bottom: 100%; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; z-index: 1; display: block; position: relative; } .pullout_quote figure .img img { min-height: 100%; } .pullout_quote figure figcaption { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 45px; padding-left: 20px; bottom: -2em; right: -1em; height: 120px; width: 120px; background-image: url("/images/ball_orange_small.png"); background-repeat: no-repeat; background-position: center center; font-family: Georgia, serif; font-size: 17px; line-height: 0.9em; text-align: left; z-index: 2; } .pullout_quote figure figcaption p:before { content: "" !important; } .pullout_quote figure figcaption p:after { content: "" !important; } .pullout_quote figure figcaption i em { display: block; font-size: 13px; margin-top: 5px; } .pullout_quote.pullout { text-align: left; } .pullout_quote p { font-size: 20px; line-height: 25px; font-family: 'Rubrik-Light', Arial, sans-serif; letter-spacing: -1px; position: relative; z-index: 10; } .pullout_quote p:before { font-size: 3.333333em; line-height: 1em; margin-top: -0.1em; margin-bottom: -0.416667em; color: #7F1399; content: "“"; display: block; font-family: Georgia, serif; } .pullout_quote.pullout_quote_right figure figcaption { right: -1em; } .pullout_quote.pullout_quote_right p:before { content: "“"; text-align: left; } .pullout_quote.pullout_quote_left figure figcaption { left: -1em; } .pullout_quote.pullout_quote_left p:before { content: "”"; text-align: right; } .pullout_usage { position: relative; z-index: 1; overflow: hidden; width: 252px; padding-top: 0 !important; } .pullout_usage h2, .pullout_usage h3 { margin: 0; } .pullout_usage .hang h2 { font-size: 6em; line-height: 0.916667em; margin: 0; padding-bottom: 0; } .pullout_usage h2.title { font-size: 3em; line-height: 0.966667em; } .pullout_usage .small { font-size: 0.5em; letter-spacing: -1px; } .pullout_usage p { margin-right: 20px; } .pullout_usage .img { position: absolute; width: 100%; height: 230px; top: 0; } .pullout_usage .img img { min-height: 100%; max-height: 125%; min-width: 100%; } .pullout_usage .inner { z-index: 2; position: relative; background: url(/images/content/usage/over_l.png) no-repeat; margin: 0; float: left; width: 100%; height: 320px; padding: 195px 20px 50px 133px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .pullout_usage .inner h2, .pullout_usage .inner p { color: #46525F; margin: 0; position: relative; z-index: 2; } .pullout_usage .inner p { font-size: 1.3em; line-height: 1.4em; padding-top: 0.3em; } .pullout_usage .inner .extra { position: absolute; z-index: 1; width: 50%; top: 190px; left: 4%; } .pullout_usage .inner .extra img { max-width: 100%; min-height: 0; } .pullout_usage.pullout_right .inner { padding: 195px 120px 50px 33px; background-image: url(/images/content/usage/over_r.png); } .pullout_usage.pullout_right .inner .extra { left: auto; right: 4%; } .lte8 .pullout_quote p { letter-spacing: 0; } .lte8 .pullout_quote p:before { font-size: 5.5em; margin-bottom: -0.3em; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .pullover_content { background: #6C217D; background-image: -moz-linear-gradient(-45deg, #6C217D 100px, #2a7ddd 600px); background-image: -webkit-linear-gradient(-45deg, #6C217D 100px, #2a7ddd 600px); background-image: -o-linear-gradient(-45deg, #6C217D 100px, #2a7ddd 600px); background-image: linear-gradient(135deg, #6C217D 100px, #2a7ddd 600px); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6C217D, endColorstr=#2a7ddd, GradientType=1); display: none; bottom: 0; left: 846px; min-height: 200px; overflow-x: hidden; overflow-y: auto; position: fixed; right: 0; top: 0; z-index: 100; } .pullover_content .content_holder { position: relative; padding: 30px 15px 0; } .pullover_content h3, .pullover_content h4 { color: #fff; text-shadow: 0 -1px 1px #58216F; margin-bottom: 10px; margin-top: 0; text-align: left; text-transform: none; /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 20px; font-size: 16px; } .pullover_content input { background: transparent; border: none; color: #fff; /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 15px; font-size: 14px; } .pullover_content input.action { padding: 12px 15px 8px; } .pullover_content input.text { width: 90%; padding: 8px 10px; } .pullover_content input:focus { outline: none; } .pullover_content .plan_pullover_save p { color: #fff; color: rgba(255, 255, 255, 0.8); /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 20px; font-size: 12px; } .pullover_content .plan_pullover_save input { border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.4); margin-bottom: 5px; line-height: 1; } .pullover_content .plan_pullover_save .action { background: #2d7bdb; border: none; } .pullover_content .plan_pullover_notes h4 { color: #fff; display: block; font-size: 12px; margin-bottom: 5px; } .pullover_content .plan_pullover_notes ul { margin: 0; } .pullover_content .plan_pullover_notes li { color: #fff; color: rgba(255, 255, 255, 0.8); margin: 0 0 10px; list-style: none; /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 15px; font-size: 12px; } .pullover_content .plan_pullover_notes li:before { display: none; } .pullover_content .plan_pullover_notes li a { color: #fff; color: rgba(255, 255, 255, 0.8); } .pullover_content table { margin: 0; } .pullover_content tbody:first-child { border: none; } .pullover_content tbody tr:last-child td, .pullover_content tbody tr:last-child th, .pullover_content tbody:first-child { border-color: #8ea7db; border-color: rgba(255, 255, 255, 0.2); } .pullover_content td { /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 15px; font-size: 12px; border-width: 0 0 1px; border-color: rgba(255, 255, 255, 0.3); color: #fff; padding-left: 0; padding-right: 0; } .pullover_content .lighten { color: #eee; } .pullover_content .fn a { color: #b9b9b9; } .pullover_content dl { float: none; overflow: visible; position: relative; width: 100%; } .pullover_content dt, .pullover_content .back_button { color: #fff; float: none; cursor: pointer; display: block; text-shadow: 0 -1px 1px #58216F; margin: 0; width: 100%; text-transform: none; /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 20px; font-size: 16px; } .pullover_content dt span, .pullover_content .back_button span { padding: 17px 10px 16px 50px; line-height: 1; margin: 0 -15px; display: block; background: url(/images/icon_plus_white_small.png) no-repeat 20px 18px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .pullover_content dt span:hover, .pullover_content .back_button span:hover { background-color: rgba(255, 255, 255, 0.1); } .pullover_content dt.opened span, .pullover_content .back_button.opened span, .pullover_content dt.opened span:hover, .pullover_content .back_button.opened span:hover, .pullover_content dt.opened span:focus, .pullover_content .back_button.opened span:focus, .pullover_content dt.opened span:active, .pullover_content .back_button.opened span:active { background: transparent url(/images/icon_subtract_white_small.png) no-repeat 20px 18px; } .pullover_content .back_button { margin-bottom: 20px; } .pullover_content .back_button span { background: url("/images/nav_arrow.png") no-repeat 24px 50%; padding: 14px 10px 14px 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .pullover_content dd { display: none; float: none; margin: 0; width: 100%; border: none; padding: 0; } .pullover_content .nearly_complete { font: 30px/40px 'Rubrik-ExtraLight', arial, sans-serif; margin: 0; padding: 0 0 20px 0; color: #fff; } .pullover_loading:after { content: ' '; display: block; position: absolute; width: 30px; height: 30px; left: 50%; top: 15%; margin: 0 0 0 -15px; border: 8px solid #fff; border-right-color: transparent; border-radius: 50%; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; -ms-animation: spin 1s linear infinite; -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } .plan_pullover_services { position: relative; } .plan_pullover_services ul { margin: 10px 0; } .plan_pullover_services li { list-style: none; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin: 0 0 14px 0; padding: 0; position: relative; } .plan_pullover_services li ul { padding: 5px 0 0 35px; margin: 0; } .plan_pullover_services li li { list-style: disc inside; padding-left: 2px; border-bottom: 0; } .plan_pullover_services li:before { display: none; } .plan_pullover_services li.last { border-bottom: none; } .plan_pullover_services p { color: #fff; padding: 0 0 15px 35px; font-size: 0.8em; line-height: 1.34em; /* 15px */ margin: 0; } .plan_pullover_services a { color: #fff; } .plan_pullover_services a:hover, .plan_pullover_services a:focus { text-decoration: underline; } .plan_pullover_services a.block:hover, .plan_pullover_services a.block:focus { text-decoration: none; background-color: rgba(255, 255, 255, 0.1); } .plan_pullover_services li.block { margin: 0 -15px; } .plan_pullover_services li.block .block { padding: 14px 15px 0; } .plan_pullover_cost { color: #bbb; } .plan_pullover_feature_list { margin: 0; padding: 0 0 10px 120px; color: #fff; } .plan_pullover_feature_list li { margin: 0 0 5px; color: #fff; width: auto; float: none; /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 15px; font-size: 12px; } .plan_pullover_feature_list li:before { margin-left: -10px; padding-right: 4px; } .plan_pullover_feature_list a { color: #fff; } .plan_pullover_feature_list a:hover, .plan_pullover_feature_list a:focus { text-decoration: underline; } #plan_pullover_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); display: none; z-index: 100; } .plan_pullover_sign_up { position: absolute; top: 15px; right: 10px; z-index: 3; height: 90px; width: 90px; text-align: center; display: block; color: #333; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font: 22px/25px "Rubrik-ExtraLight", arial, sans-serif; background: #FFA500; background-image: -moz-linear-gradient(-45deg, #FFA500 30%, #FFCA00 100%); background-image: -webkit-linear-gradient(-45deg, #FFA500 30%, #FFCA00 100%); background-image: -o-linear-gradient(-45deg, #FFA500 30%, #FFCA00 100%); background-image: linear-gradient(135deg, #FFA500 30%, #FFCA00 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFA500, endColorstr=#FFCA00, GradientType=1); } .plan_pullover_sign_up span { display: block; padding: 24px 2px 0; letter-spacing: -1px; } .plan_pullover_sign_up:visited { color: #333; } .plan_pullover_sign_up:hover, .plan_pullover_sign_up:focus { color: #333; -webkit-box-shadow: 0 0 16px rgba(253, 252, 145, 0.5); -moz-box-shadow: 0 0 16px rgba(253, 252, 145, 0.5); box-shadow: 0 0 16px rgba(253, 252, 145, 0.5); } .plan_pullover_details h4 { color: #fff; /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 15px; font-size: 14px; } .plan_pullover_details a, .plan_pullover_details .fn a { color: #fff; } .plan_pullover_details p { color: #fff; } .plan_pullover_details .offer_amount { padding: 0 30px 0 20px; /* safe guard */ font-family: 'Rubrik-Medium', Arial, sans-serif; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 15px; font-size: 12px; } .plan_pullover_details .offer_amount strong { font-weight: normal; display: block; } .plan_pullover_details .value { margin-left: -18px; letter-spacing: -3px; /* safe guard */ font-family: 'Rubrik-Light', Arial, sans-serif; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; line-height: 1; font-size: 60px; } .plan_pullover_details .dollar { /* safe guard */ font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 1; font-size: 30px; } .plan_pullover_details .cents { /* safe guard */ font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 1; font-size: 30px; } .plan_pullover_details .bt { border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.2); display: block; margin-top: 10px; padding: 9px 0 0; letter-spacing: 0; } .pullover_service_icon { color: #fff; font-family: 'Rubrik-Medium', Arial, sans-serif; padding-left: 35px; } .pullover_service_icon span { display: block; height: 24px; width: 24px; position: absolute; top: 0; left: 0; background: url(/images/icons_white_small.png); } .pullover_service_icon .pullover_service_icon_phone { background-position: -430px 0; } .pullover_service_icon .pullover_service_icon_internet { background-position: -285px 0; } .pullover_service_icon .pullover_service_icon_gas { background-position: -140px 0; } .pullover_service_icon .pullover_service_icon_power { background-position: 0 0; } .pullover_meta { padding-top: 15px; } .pullover_meta a.btn { margin: 0; float: right; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ #rateDisplayMobile .main_content h2 { font-size: 3.6em; font-family: "Rubrik-Light", Arial, sans-serif; } #rateDisplayMobile .mobile_groups:last-of-type .boxInternet .right { border-bottom: 1px solid #1D79DE; } #rateDisplayMobile .boxInternet { margin-bottom: 0; } #rateDisplayMobile .boxInternet .right { border-top: 1px solid #1D79DE; border-bottom: none; width: 100%; } #rateDisplayMobile .boxInternet .right .intRow { width: 100%; } #rateDisplayMobile .boxInternet .right .intRow .leftColumn { display: inline-block; width: 74%; border-right: 1px solid #EBEBED; padding: 1.7rem 0rem 2.1rem 1.3rem; } #rateDisplayMobile .boxInternet .right .intRow .leftColumn .title { width: 245px; text-align: left; padding-bottom: 0.5rem; } #rateDisplayMobile .boxInternet .right .intRow .leftColumn .title h3 { color: #1D79DE; font-family: "Rubrik-Light", Arial, sans-serif; font-size: 2.8rem; line-height: 3.3rem; display: inline-block; width: auto; } #rateDisplayMobile .boxInternet .right .intRow .leftColumn .title p { font-family: "Rubrik Medium", Arial, sans-serif; font-weight: unset; color: #696969; display: inline-block; width: auto; line-height: 2.2rem; } #rateDisplayMobile .boxInternet .right .intRow .leftColumn .priceContainer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #rateDisplayMobile .boxInternet .right .intRow .check { width: auto; -webkit-align-items: flex-start; -webkit-box-align: start; align-items: flex-start; padding-top: 1rem; } #rateDisplayMobile .boxInternet .right .intRow .detail { width: unset; border-right: none; } #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .price h3 { font-size: 4em; font-family: 'Rubrik-Light', Arial, sans-serif; padding-left: 1.7rem; padding-right: 0.5rem; line-height: 4.7rem; } #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .price small { font-size: 1.8rem; vertical-align: unset; } #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .month { float: unset; } #rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .month p { font-size: 0.9rem; font-family: "Rubrik Regular", Arial, sans-serif; color: #707070; padding-right: 1.8rem; padding-left: 8.8em; line-height: 1rem; } #rateDisplayMobile .boxInternet .right .intRow .detail .conditions p { font-size: 0.9rem; color: #707070; padding-left: 7.8rem; padding-right: 4.25rem; margin-top: -1.5em; line-height: 1rem; } #rateDisplayMobile .boxInternet .right .intRow .dataContainer { width: 17%; padding: 0.5rem 2rem 2.8rem 1.2rem; } #rateDisplayMobile .boxInternet .right .intRow .dataRow { display: inline-block; float: left; width: 100%; padding-top: 1.5rem; } #rateDisplayMobile .boxInternet .right .intRow .data_speed { display: inline-block; width: 100%; margin-bottom: 0; color: #1D79DE; text-align: left; font-size: 1.2rem; font-family: 'Rubrik Light', Arial, sans-serif; line-height: 1.9rem; } #rateDisplayMobile .boxInternet .right .intRow .data_desc { display: inline-block; width: 100%; font-size: 0.8rem; margin-bottom: 0; color: #696969; font-family: "Rubrik Regular", Arial, sans-serif; text-align: left; line-height: 1rem; } #rateDisplayMobile .infoBox { font-family: Rubrik-Light; font-size: 1.6rem; letter-spacing: -0.57px; line-height: 1.9rem; text-align: center; background-color: #FAFAFA; padding-top: 3rem; padding-bottom: 3rem; margin-top: 2rem; } #rateDisplayMobile .MainTitle { padding-bottom: 3rem; font-size: 3.6em; font-family: "Rubrik-Light", Arial, sans-serif; } #rateDisplayMobile .mobilePlan__dataTerms { display: inline-block; padding-top: 0.7rem; left: auto; padding-left: 0; } #rateDisplayMobile .custom_radio + span.radio { width: 30px !important; height: 30px; } #rateDisplayMobile .custom_radio + span.radio:before { width: 30px; height: 30px; } #rateDisplayMobile .custom_radio + span.radio.checked:before { height: 22px; width: 22px; top: 4px; left: 4px; } #rateDisplayMobile .pb_footer p { font-family: "Rubrik-Light", Arial, sans-serif; font-size: 1.4rem; letter-spacing: 0; line-height: 1.7rem; text-align: center; padding-top: 2.25rem; } .lte11 #rateDisplayMobile .boxInternet .right .intRow .check { padding-right: 3rem; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .recruitment_process:first-child .recruitment_heading:before { display: none; } .recruitment_heading, .webkit .recruitment_heading { font-size: 3em; margin: 0.333333em 0em 0.333333em; padding: 1em 0em 0.166667em; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; overflow: hidden; position: relative; } .recruitment_heading:before, .webkit .recruitment_heading:before { background: none repeat scroll 0 0 #7F1399; content: " "; display: inline-block; height: 2px; position: absolute; top: 6px; width: 30%; } .recruitment_list { border-bottom: 1px solid #E1E1E1; margin-bottom: 5em; } .recruitment_phase { font-size: 1.6em; line-height: 1.25em; padding: 0.9375em 0.9375em; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; border-top: 1px solid #E1E1E1; cursor: pointer; float: none; font-family: 'Rubrik-Light', Arial, sans-serif; position: relative; width: auto; } .recruitment_phase:after { font-size: 1.875em; line-height: 1em; content: "+"; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; position: absolute; right: 15px; top: 12px; } .lte8 .recruitment_phase:after { top: 14px; } .recruitment_phase.is_active { background: #F5F3F0; } .recruitment_phase.is_active:after { content: "_"; top: -4px; right: 18px; } .lte8 .recruitment_phase.is_active:after { top: 4px; right: 16px; } .recruitment_phaseinfo { font-size: 1.4em; line-height: 1.428571em; padding: 0em 1.071429em 0.357143em; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; display: none; float: none; font-family: 'Rubrik-Light', Arial, sans-serif; width: auto; } .recruitment_phaseinfo.is_active { background: #F5F3F0; } .no-js .recruitment_phaseinfo { display: block; } /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ .fragment { border: 1px solid #ccc; display: block; padding: 10px; box-sizing: border-box; text-decoration: none; position: relative; background-color: white; margin-bottom: 20px; } .fragment:hover { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); } #closeButton { background: url(/images/fancybox/cross_sprite.png) center center no-repeat; background-position: 0 -67px; cursor: pointer; height: 33px; position: absolute; right: 7px; top: 7px; width: 33px; } /*.gsc-control-cse gsc-control-cse-en { border: solid 1px blue;} .gsc-control-wrapper-cse{border: solid 1px red;} .gsc-results-wrapper-nooverlay .gsc-results-wrapper-visible{border: solid 1px yellow;} .gsc-wrapper{border: solid 1px aqua;} .gsc-resultsbox-visible{border: solid 1px orange;} .gsc-resultsRoot .gsc-tabData .gsc-tabdActive{border: solid 1px purple; background-color:purple;} .gsc-results .gsc-webResult{border: solid 1px aqua;} .gsc-webResult gsc-result{border: solid 1px brown;} .gs-webResult gs-result{border: solid 1px pink;} .gsc-table-result{border: solid 1px black;}*/ .gsc-control-cse table, .gsc-control-cse tbody, .gsc-control-cse tbody:first-child, .gsc-control-cse td, .gsc-control-cse th { margin: 0; border: none; } .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { color: #2C7ADA; text-decoration: none; margin-bottom: 0.75em; } .gsc-control-cse .gs-result .gs-title:hover, .gsc-control-cse .gs-result .gs-title *:hover { color: #376CD2; text-decoration: none; } .gsc-control-cse .gs-webResult .gs-snippet { color: #666; font-size: 14px; } .gsc-control-cse .gsc-webResult.gsc-result, .gsc-control-cse .gsc-webResult.gsc-result:hover { border-bottom: solid 1px #CCC; padding-bottom: 1.25em; } .gsc-control-cse .gs-webResult div.gs-visibleUrl, .gsc-control-cse .gs-imageResult div.gs-visibleUrl { font-size: 13px; } .gsc-control-cse .gs-per-result-labels { font-size: 13px; } .gsc-control-cse .gsc-table-cell-thumbnail.gsc-thumbnail { display: none; } /*-----------------------------Panel Forms------------------------------*/ .panel_form .panel_inner { padding-bottom: 30px; /* This prints the same as a P.tight and HR tags, but using a single element, which is the .NET standard validation output */ /* This hack is for an issue related to ASP.NET validator's default functionality, which when a form is submitted with validation errors, adds an inline style of display: inline, this hack forces the validation messages to display block */ } .panel_form .panel_inner h3 { margin-top: 0; } .panel_form .panel_inner h5 { font-size: 14px; } .panel_form .panel_inner label, .panel_form .panel_inner .expand-target label { color: #333; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 13px; line-height: 15px; padding-top: 6px; margin-bottom: 10px; } .panel_form .panel_inner label.fake_placeholder { color: #999; } .panel_form .panel_inner input.first, .panel_form .panel_inner .fancy_select_replaced.first { margin-top: 0; } .panel_form .panel_inner .scfSectionContent { margin-bottom: 10px; } .panel_form .panel_inner .expand-target input, .panel_form .panel_inner .fancy_select_replaced p, .panel_form .panel_inner .scfDropList, .panel_form .panel_inner .scfListBoxinput, .panel_form .panel_inner input { font-size: 13px; line-height: 15px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; } .panel_form .panel_inner .fancy_select_container { margin-bottom: 10px; } .panel_form .panel_inner .fancy_select_container .fancy_select_replaced p { margin-bottom: 0; } .panel_form .panel_inner .fancy_select_container li { color: #333; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 15px; padding-left: 12px; } .panel_form .panel_inner .fancy_select_replaced p { padding-top: 6px; padding-bottom: 6px; } .panel_form .panel_inner .boxtrigger { top: 31px; } .panel_form .panel_inner .panelValidationMessage { border-bottom: 1px dashed #CCCCCC; color: #333; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 25px; margin-bottom: 20px; padding-bottom: 19px; } .panel_form .panel_inner .panelValidationMessage.error { color: #F20032; } .panel_form .panel_inner .scfRequired { color: #F20032; font-size: 12px; font-family: 'Rubrik-Medium', Arial, sans-serif; margin: 0 0 7px 43%; } .panel_form .panel_inner .scfRequired[style*="inline"] { display: block !important; } /*Resolving issue: SFP-843 - horizontally aligning wrapped labels with fields */ .manage_accounts .expand-target .scfSingleLineTextLabel { padding-top: 0 !important; margin-top: 0 !important; line-height: 14px !important; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .shortcuts { display: block; position: relative; } .shortcuts .content_holder { padding: 0; max-width: none; } .shortcuts .shortcut_wrapper { width: 100%; position: relative; } .shortcuts .shortcut_wrapper .shortcut { display: block; padding: 30px 15px 15px; margin: 0 15px; text-align: center; } .shortcuts .shortcut_wrapper .shortcut:first-child { border-bottom: solid 1px #CFCFCF; } .shortcuts .shortcut_wrapper .shortcut .shortcut_block h2 { font-size: 24px; text-align: left; padding: 15px 0; margin: 0; } .shortcuts .shortcut_wrapper .shortcut .shortcut_block p { font-size: 14px; color: #333; text-align: left; } .shortcuts .shortcut_wrapper .shortcut .shortcut_block .circle_masked_image { display: block; margin: auto; width: 170px; height: 170px; overflow: hidden; position: relative; } .shortcuts .shortcut_wrapper .shortcut .shortcut_block .circle_masked_image .img { display: block; width: 170px; height: 170px; overflow: hidden; } .shortcuts .shortcut_wrapper .shortcut .shortcut_block .circle_masked_image img { display: block; -webkit-transition: margin-left 0.5s ease-out; -moz-transition: margin-left 0.5s ease-out; transition: margin-left 0.5s ease-out; } .shortcuts .shortcut_wrapper .shortcut .shortcut_block .circle_masked_image .circle_mask { content: " "; display: block; position: absolute; background: url('/images/mask_circle.png') no-repeat; left: 0; top: 0; right: 0; bottom: 0; border-right: solid 5px white; /* Fix outline issue when using browser zoom */ border-bottom: solid 5px white; /* Fix outline issue when using browser zoom */ } .shortcuts .shortcut_wrapper .shortcut .shortcut_block:hover h2 { color: #999; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ .side_bar { cursor: pointer; float: left; margin-left: -83.3333%; width: 83.3333%; z-index: 2; } .side_bar_open .side_bar { cursor: default; margin-left: -45.4%; width: 45.4%; } .side_bar_grad { background: #F5F3F0; } .lte7 .side_bar_grad { zoom: 1; } .side_bar_open { cursor: auto; } .side_bar_faux { background: #F5F3F0; bottom: 0; cursor: pointer; position: absolute; top: 0; width: 83.3333%; z-index: 0; } .side_bar_open .side_bar_faux { width: 45.4545%; } /* // Image doesn't exist and colour is incorrect. .android .side_bar_faux { //background: url("/images/nav_backer.jpg") no-repeat #3074E6; } */ .lte7 .side_bar_faux { zoom: 1; } .side_bar_open .side_bar_faux { cursor: auto; } .nav_position, .footer { background: #F5F3F0; position: relative; } .nav_position:after, .footer:after, .side_bar_faux:after { background: url("/images/nav_shader_transparent.png"); bottom: 0; content: ' '; position: absolute; right: 0; top: 0; width: 10px; z-index: 2; } .side_bar_faux:after { right: 0; } .nav_open_tab { background: url("/images/nav_open_tab.png"); display: none; height: 94px; left: 1%; margin-top: -47px; overflow: hidden; position: fixed; text-indent: -999px; top: 50%; width: 30px; z-index: 3; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* progress icons and rules - small tablet up */ .signup_progress { border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; padding-top: 20px; padding-bottom: 20px; position: relative; } .signup_progress ul { margin: 0; position: relative; z-index: 2; } .signup_progress li { float: left; position: relative; } .signup_progress li:first-child { padding-left: 0; } .signup_progress .current img { margin-top: -17.7777%; } .signup_progress .incomplete-overlay { display: none; } .signup_progress .incomplete .incomplete-overlay { background: #fff; height: 100%; left: 0; position: absolute; top: 0; width: 100%; display: block; z-index: 4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } .signup_progress img { display: block; width: 100%; } .signup_progress .sp_title { display: none; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 11px; line-height: 15px; text-align: center; text-transform: uppercase; margin-top: 10px; margin-left: -25%; width: 150%; } .signup_progress .current .sp_title { display: block; } .signup_progress .sp_title_personal_details { color: #67D8E4; } .signup_progress .sp_title_power { color: #00B4FF; } .signup_progress .sp_title_gas { color: #0099CD; } .signup_progress .sp_title_phone { color: #386FD3; } .signup_progress .sp_title_internet { color: #603DB3; } .signup_progress .sp_title_account_details { color: #7f1399; } .signup_progress .sp_title_confirmation { color: #5a335e; } .signup_progress .progress_gradients { top: 0; bottom: 0; padding-top: 40px; overflow: hidden; position: absolute; width: 100%; } .signup_progress .pgradient { position: absolute; height: 10.869%; right: 50%; left: -2px; top: 50%; z-index: -1; } .signup_progress .current .pgradient { top: 50%; height: 7.5757%; } .signup_progress .current .lg_current { display: block; position: relative; } .signup_progress .pgradient_personal_details_power { background: #67D8E4; background-image: -moz-linear-gradient(left, #67D8E4 0%, #00B4FF 100%); background-image: -webkit-linear-gradient(left, #67D8E4 0%, #00B4FF 100%); background-image: -o-linear-gradient(left, #67D8E4 0%, #00B4FF 100%); background-image: linear-gradient(to right, #67D8E4 0%, #00B4FF 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#67D8E4, endColorstr=#00B4FF, GradientType=1); } .signup_progress .pgradient_personal_details_gas { background: #67D8E4; background-image: -moz-linear-gradient(left, #67D8E4 0%, #0099CD 100%); background-image: -webkit-linear-gradient(left, #67D8E4 0%, #0099CD 100%); background-image: -o-linear-gradient(left, #67D8E4 0%, #0099CD 100%); background-image: linear-gradient(to right, #67D8E4 0%, #0099CD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#67D8E4, endColorstr=#0099CD, GradientType=1); } .signup_progress .pgradient_personal_details_phone { background: #67D8E4; background-image: -moz-linear-gradient(left, #67D8E4 0%, #386FD3 100%); background-image: -webkit-linear-gradient(left, #67D8E4 0%, #386FD3 100%); background-image: -o-linear-gradient(left, #67D8E4 0%, #386FD3 100%); background-image: linear-gradient(to right, #67D8E4 0%, #386FD3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#67D8E4, endColorstr=#386FD3, GradientType=1); } .signup_progress .pgradient_personal_details_internet { background: #67D8E4; background-image: -moz-linear-gradient(left, #67D8E4 0%, #603DB3 100%); background-image: -webkit-linear-gradient(left, #67D8E4 0%, #603DB3 100%); background-image: -o-linear-gradient(left, #67D8E4 0%, #603DB3 100%); background-image: linear-gradient(to right, #67D8E4 0%, #603DB3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#67D8E4, endColorstr=#603DB3, GradientType=1); } .signup_progress .pgradient_power_gas { background: #00B4FF; background-image: -moz-linear-gradient(left, #00B4FF 0%, #0099CD 100%); background-image: -webkit-linear-gradient(left, #00B4FF 0%, #0099CD 100%); background-image: -o-linear-gradient(left, #00B4FF 0%, #0099CD 100%); background-image: linear-gradient(to right, #00B4FF 0%, #0099CD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00B4FF, endColorstr=#0099CD, GradientType=1); } .signup_progress .pgradient_power_phone { background: #00B4FF; background-image: -moz-linear-gradient(left, #00B4FF 0%, #386FD3 100%); background-image: -webkit-linear-gradient(left, #00B4FF 0%, #386FD3 100%); background-image: -o-linear-gradient(left, #00B4FF 0%, #386FD3 100%); background-image: linear-gradient(to right, #00B4FF 0%, #386FD3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00B4FF, endColorstr=#386FD3, GradientType=1); } .signup_progress .pgradient_power_internet { background: #00B4FF; background-image: -moz-linear-gradient(left, #00B4FF 0%, #603DB3 100%); background-image: -webkit-linear-gradient(left, #00B4FF 0%, #603DB3 100%); background-image: -o-linear-gradient(left, #00B4FF 0%, #603DB3 100%); background-image: linear-gradient(to right, #00B4FF 0%, #603DB3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00B4FF, endColorstr=#603DB3, GradientType=1); } .signup_progress .pgradient_power_account_details { background: #00B4FF; background-image: -moz-linear-gradient(left, #00B4FF 0%, #7f1399 100%); background-image: -webkit-linear-gradient(left, #00B4FF 0%, #7f1399 100%); background-image: -o-linear-gradient(left, #00B4FF 0%, #7f1399 100%); background-image: linear-gradient(to right, #00B4FF 0%, #7f1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00B4FF, endColorstr=#7f1399, GradientType=1); } .signup_progress .pgradient_gas_phone { background: #0099CD; background-image: -moz-linear-gradient(left, #0099CD 0%, #386FD3 100%); background-image: -webkit-linear-gradient(left, #0099CD 0%, #386FD3 100%); background-image: -o-linear-gradient(left, #0099CD 0%, #386FD3 100%); background-image: linear-gradient(to right, #0099CD 0%, #386FD3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099CD, endColorstr=#386FD3, GradientType=1); } .signup_progress .pgradient_gas_internet { background: #0099CD; background-image: -moz-linear-gradient(left, #0099CD 0%, #603DB3 100%); background-image: -webkit-linear-gradient(left, #0099CD 0%, #603DB3 100%); background-image: -o-linear-gradient(left, #0099CD 0%, #603DB3 100%); background-image: linear-gradient(to right, #0099CD 0%, #603DB3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099CD, endColorstr=#603DB3, GradientType=1); } .signup_progress .pgradient_gas_account_details { background: #0099CD; background-image: -moz-linear-gradient(left, #0099CD 0%, #7f1399 100%); background-image: -webkit-linear-gradient(left, #0099CD 0%, #7f1399 100%); background-image: -o-linear-gradient(left, #0099CD 0%, #7f1399 100%); background-image: linear-gradient(to right, #0099CD 0%, #7f1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0099CD, endColorstr=#7f1399, GradientType=1); } .signup_progress .pgradient_phone_internet { background: #386FD3; background-image: -moz-linear-gradient(left, #386FD3 0%, #603DB3 100%); background-image: -webkit-linear-gradient(left, #386FD3 0%, #603DB3 100%); background-image: -o-linear-gradient(left, #386FD3 0%, #603DB3 100%); background-image: linear-gradient(to right, #386FD3 0%, #603DB3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#386FD3, endColorstr=#603DB3, GradientType=1); } .signup_progress .pgradient_phone_account_details { background: #386FD3; background-image: -moz-linear-gradient(left, #386FD3 0%, #7f1399 100%); background-image: -webkit-linear-gradient(left, #386FD3 0%, #7f1399 100%); background-image: -o-linear-gradient(left, #386FD3 0%, #7f1399 100%); background-image: linear-gradient(to right, #386FD3 0%, #7f1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#386FD3, endColorstr=#7f1399, GradientType=1); } .signup_progress .pgradient_internet_account_details { background: #603DB3; background-image: -moz-linear-gradient(left, #603DB3 0%, #7f1399 100%); background-image: -webkit-linear-gradient(left, #603DB3 0%, #7f1399 100%); background-image: -o-linear-gradient(left, #603DB3 0%, #7f1399 100%); background-image: linear-gradient(to right, #603DB3 0%, #7f1399 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#603DB3, endColorstr=#7f1399, GradientType=1); } .signup_progress .pgradient_account_details_confirmation { background: #7f1399; background-image: -moz-linear-gradient(left, #7f1399 0%, #5a335e 100%); background-image: -webkit-linear-gradient(left, #7f1399 0%, #5a335e 100%); background-image: -o-linear-gradient(left, #7f1399 0%, #5a335e 100%); background-image: linear-gradient(to right, #7f1399 0%, #5a335e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1399, endColorstr=#5a335e, GradientType=1); } .signup_progress .pgradient_group_details_your_details { background: #5fd5e6; background-image: -moz-linear-gradient(left, #5fd5e6 0%, #04b5fd 100%); background-image: -webkit-linear-gradient(left, #5fd5e6 0%, #04b5fd 100%); background-image: -o-linear-gradient(left, #5fd5e6 0%, #04b5fd 100%); background-image: linear-gradient(to right, #5fd5e6 0%, #04b5fd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fd5e6, endColorstr=#04b5fd, GradientType=1); } .signup_progress .pgradient_your_details_group_story { background: #04b5fd; background-image: -moz-linear-gradient(left, #04b5fd 0%, #0496cd 100%); background-image: -webkit-linear-gradient(left, #04b5fd 0%, #0496cd 100%); background-image: -o-linear-gradient(left, #04b5fd 0%, #0496cd 100%); background-image: linear-gradient(to right, #04b5fd 0%, #0496cd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#04b5fd, endColorstr=#0496cd, GradientType=1); } .signup_progress .pgradient_your_details_confirmation { background: #04b5fd; background-image: -moz-linear-gradient(left, #04b5fd 0%, #5a3365 100%); background-image: -webkit-linear-gradient(left, #04b5fd 0%, #5a3365 100%); background-image: -o-linear-gradient(left, #04b5fd 0%, #5a3365 100%); background-image: linear-gradient(to right, #04b5fd 0%, #5a3365 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#04b5fd, endColorstr=#5a3365, GradientType=1); } .signup_progress .pgradient_group_story_declaration { background: #0496cd; background-image: -moz-linear-gradient(left, #0496cd 0%, #3471d2 100%); background-image: -webkit-linear-gradient(left, #0496cd 0%, #3471d2 100%); background-image: -o-linear-gradient(left, #0496cd 0%, #3471d2 100%); background-image: linear-gradient(to right, #0496cd 0%, #3471d2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0496cd, endColorstr=#3471d2, GradientType=1); } .signup_progress .pgradient_declaration_review { background: #3471d2; background-image: -moz-linear-gradient(left, #3471d2 0%, #5f3fb4 100%); background-image: -webkit-linear-gradient(left, #3471d2 0%, #5f3fb4 100%); background-image: -o-linear-gradient(left, #3471d2 0%, #5f3fb4 100%); background-image: linear-gradient(to right, #3471d2 0%, #5f3fb4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3471d2, endColorstr=#5f3fb4, GradientType=1); } .signup_progress .pgradient_review_confirmation { background: #5f3fb4; background-image: -moz-linear-gradient(left, #5f3fb4 0%, #5a3365 100%); background-image: -webkit-linear-gradient(left, #5f3fb4 0%, #5a3365 100%); background-image: -o-linear-gradient(left, #5f3fb4 0%, #5a3365 100%); background-image: linear-gradient(to right, #5f3fb4 0%, #5a3365 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f3fb4, endColorstr=#5a3365, GradientType=1); } .signup_progress .pgradient_nominee_details_your_details { background: #5fd5e6; background-image: -moz-linear-gradient(left, #5fd5e6 0%, #04b5fd 100%); background-image: -webkit-linear-gradient(left, #5fd5e6 0%, #04b5fd 100%); background-image: -o-linear-gradient(left, #5fd5e6 0%, #04b5fd 100%); background-image: linear-gradient(to right, #5fd5e6 0%, #04b5fd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5fd5e6, endColorstr=#04b5fd, GradientType=1); } .signup_progress .pgradient_your_details_supporting_info { background: #04b5fd; background-image: -moz-linear-gradient(left, #04b5fd 0%, #0496cd 100%); background-image: -webkit-linear-gradient(left, #04b5fd 0%, #0496cd 100%); background-image: -o-linear-gradient(left, #04b5fd 0%, #0496cd 100%); background-image: linear-gradient(to right, #04b5fd 0%, #0496cd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#04b5fd, endColorstr=#0496cd, GradientType=1); } .signup_progress .pgradient_supporting_info_declaration { background: #0496cd; background-image: -moz-linear-gradient(left, #0496cd 0%, #3471d2 100%); background-image: -webkit-linear-gradient(left, #0496cd 0%, #3471d2 100%); background-image: -o-linear-gradient(left, #0496cd 0%, #3471d2 100%); background-image: linear-gradient(to right, #0496cd 0%, #3471d2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0496cd, endColorstr=#3471d2, GradientType=1); } .signup_progress .pgradient_declaration_confirmation { background: #3471d2; background-image: -moz-linear-gradient(left, #3471d2 0%, #5a3365 100%); background-image: -webkit-linear-gradient(left, #3471d2 0%, #5a3365 100%); background-image: -o-linear-gradient(left, #3471d2 0%, #5a3365 100%); background-image: linear-gradient(to right, #3471d2 0%, #5a3365 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3471d2, endColorstr=#5a3365, GradientType=1); } .signup_progress_3 li, .signup_progress_4 li, .signup_progress_5 li, .signup_progress_6 li, .signup_progress_7 li { width: 8%; padding-left: 5.2667%; } .signup_progress_3 li.first, .signup_progress_4 li.first, .signup_progress_5 li.first, .signup_progress_6 li.first, .signup_progress_7 li.first { padding-left: 0; } .signup_progress_3 .current, .signup_progress_4 .current, .signup_progress_5 .current, .signup_progress_6 .current, .signup_progress_7 .current { width: 12.4%; } .signup_progress_3 .current .pgradient, .signup_progress_4 .current .pgradient, .signup_progress_5 .current .pgradient, .signup_progress_6 .current .pgradient, .signup_progress_7 .current .pgradient { left: -61%; right: 98%; } .signup_progress_3 li { padding-left: 29%; } .signup_progress_3 .pgradient { right: 18%; } .signup_progress_3 .current .pgradient { left: -237%; } .signup_progress_4 li { padding-left: 21.2%; } .signup_progress_4 .pgradient { right: 26%; } .signup_progress_4 .current .pgradient { left: -177%; } .signup_progress_5 li { padding-left: 13.9%; } .signup_progress_5 .pgradient { right: 34%; } .signup_progress_5 .current .pgradient { left: -114%; } .signup_progress_6 li { padding-left: 9.5%; } .signup_progress_6 .pgradient { right: 38%; } .signup_progress_6 .current .pgradient { left: -80%; } .signup_progress_7 li { padding-left: 6.6%; } .lte8 .signup_progress { /* progress bar negative z index issues - unresolved */ } .lte8 .signup_progress .lg_current { position: relative; z-index: 0; } .lte8 .signup_progress .pgradient { z-index: 1; } .lte8 .signup_progress img { position: relative; z-index: 2; } .lte8 .signup_progress .current .pgradient { /*top: 45%;*/ } .lte8 .signup_progress .pgradient { /*left: -55px;*/ } /* ============================================================================= Sitemap ========================================================================== */ .sitemap { border-top: 1px solid #ccc; /*p*/ margin: 0 0 3em; padding-top: 2em; } .sitemap ul { font-size: 0.5555em; margin: 0; } .sitemap li { font-family: 'Helvetica Condensed Regular', 'Helvetica Neue', Arial, sans-serif; font-size: 1.8em; line-height: 1.3333em; float: left; padding: 0 0 1.3333em; width: 50%; } .sitemap li:nth-child(2n+1) { clear: left; } .sitemap li:before { display: none; } .sitemap li li { font-family: 'Helvetica Neue', Arial, sans-serif; float: none; font-size: 1.3em; line-height: 1.1538em; padding: 0; width: auto; } .sitemap a, .sitemap span { color: #333; display: block; padding-right: 10%; padding-bottom: 0.6666em; } .sitemap li li a { padding-bottom: 0.6923em; } @charset "UTF-8"; .slick-loading .slick-list { background: #fff url('/images/ajax-loader.gif') center center no-repeat; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/fonts/slick.eot'); src: url('/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/fonts/slick.woff') format('woff'), url('/fonts/slick.ttf') format('truetype'), url('/fonts/slick.svg#slick') format('svg'); } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } .slick-dotted .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ''; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ /* Slick Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .carousel_slick .slick-list { margin: 0 -10px; } .carousel_slick .slick-track { display: flex; flex-direction: row; align-items: stretch; align-content: stretch; } [dir="rtl"] .carousel_slick .slick-track { flex-direction: row-reverse; } .carousel_slick .slick-slide { flex: 1; float: none; box-sizing: border-box; padding: 10px 10px 20px; transition: opacity 0.5s; position: relative; transition: opacity 0.5s, transform 0.75s; opacity: 0.5; transform: scale3d(1, 0.9, 1); } .carousel_slick .slick-slide:active, .carousel_slick .slick-slide:focus { outline: none; -moz-outline: none; } .carousel_slick .slick-slide.slick-active { transition: opacity 0.5s, transform 0.75s; opacity: 1; transform: scale3d(1, 1, 1); } .carousel_slick .slick-arrow { font-size: 2em; height: auto; top: 0; left: 100%; bottom: 3.5em; display: flex; align-items: center; margin: 0 -0.5em; z-index: 999; padding: 0.5em; color: currentColor; opacity: 0.5; transition: opacity 0.3s; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .carousel_slick .slick-arrow:before { content: ''; } .carousel_slick .slick-arrow.slick-prev { left: auto; right: 100%; } .carousel_slick .slick-arrow:hover { opacity: 1; } .carousel_slick .slick-dots { position: static; text-align: center; margin: -20px 0 0; padding: 0; font-size: 0; } .carousel_slick .slick-dots > li { margin: 0; padding: 0; display: inline-block; } .carousel_slick .slick-dots > li:before { display: none; } .carousel_slick .slick-dots > li button { padding: 0; background: #000; box-shadow: none; width: 12px; height: 12px; display: inline-block; border-radius: 8px; margin: 4px 8px 12px; transition: all 0.5s ease-out; outline: none; border: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: "alpha(opacity=30)"; opacity: 0.3; } .carousel_slick .slick-dots > li.slick-active button { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } .carousel_navbottom .slick-arrow { top: auto; bottom: 0.75em; height: auto; margin: 0 -2em; } .carousel_navbottom.carousel_fullwidth { padding-bottom: 20px; } .carousel_navbottom.carousel_fullwidth .slick-arrow { margin: 0 -3.3em; } .carousel_previewnext .slick-list { padding: 0 35px; } .carousel_previewnext .slick-slide { padding-left: 0; padding-right: 0; transform: scale3d(1, 0.9, 1); } .carousel_previewnext .slick-slide.slick-active { transform: scale3d(1, 1, 1); } .carousel_previewnext .slick-arrow { display: none !important; } .carousel_fullwidth { padding-left: 30px; padding-right: 30px; } .carousel_fullwidth.carousel_previewnext { padding-left: 10px; padding-right: 10px; } .carousel_fullwidth .slick-arrow { margin: 0 -2em; } .plan_slider { background: #7b1294; /* Old browsers */ background: -moz-linear-gradient(left, #7b1294 0%, #2989d8 64%, #207cca 100%, #00aef6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #7b1294), color-stop(100%, #00aef6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #7b1294 0%, #00aef6 100%); background: -o-linear-gradient(left, #7b1294 0%, #00aef6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #7b1294 0%, #00aef6 100%); /* IE10+ */ background: linear-gradient(to right, #7b1294 0%, #00aef6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b1294', endColorstr='#00aef6', GradientType=1); /* IE6-9 */ border: none; height: 7px; margin-top: 10px; /* need rel pos so abs pos slider handle can be positioned correctly */ position: relative; } .plan_slider a.ui-slider-handle { background: url(../../images/slider_grabber.png) 50% 50% no-repeat; position: absolute; width: 25px; height: 25px; top: -9px; margin-left: -9px; border: none; outline: none; /* cursor: pointer; */ } .plan_slider a.ui-slider-handle:link, .plan_slider a.ui-slider-handle:active, .plan_slider a.ui-slider-handle:focus, .plan_slider a.ui-slider-handle:enabled, .plan_slider a.ui-slider-handle:visited { outline: none; border: none; } /** * Custom mixins for TP. * */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Does not use filter for rotating on IE as the results are ass */ .sub_head_container { padding-top: 1em; margin-top: 2em; padding-bottom: 0; } .sub_head_container .sub_head_date { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 30px; line-height: 1em; letter-spacing: -1px; margin-top: 0; padding-top: 0; } .sub_head_container .sub_head_date small { font-size: 16px; letter-spacing: -1px; } .sub_head_container.last { border-bottom: 0; } .sub_head_container.last li:last-child hr { display: block; } .sub_head_container h2 { /* safe guard */ font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 1em; font-size: 30px; border-bottom: none; border-top: 1px solid #EAEAEA; margin-bottom: 1em; margin-top: 5px; padding-top: 1em; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /* Table filter */ .table_filter { background-color: #4F5C67; padding: 10px 3%; position: relative; margin-bottom: 50px; } .table_filter .scfSingleLineTextBorder { clear: none; float: left; } .table_filter .scfDropListBorder { width: 100%; border-bottom: 1px solid #59656F; margin-bottom: 9px; } .table_filter .scfDropListBorder label { color: #fff; float: left; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 12px; line-height: 15px; padding: 4px 2% 8px 0; width: 23%; margin-bottom: 0; } .table_filter .scfDropListBorder .fancy_select_results li { font-size: 11px; padding: 5px 2px 4px 8px; } .table_filter .scfDropListBorder .fancy_select_container { margin-bottom: 0; } .table_filter .scfDropListBorder .scfDropListGeneralPanel { float: left; padding-top: 0; width: 75%; } .table_filter .scfDropListBorder .fancy_select_replaced { background: transparent; border: none; } .table_filter .scfDropListBorder .fancy_select_replaced p { border: none; color: #C8CDD0; font-size: 12px; line-height: 15px; min-height: 15px; padding-top: 4px; padding-bottom: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .table_filter .scfDropListBorder .fancy_select_replaced p:after { right: 0; background: url("/images/fancy_select_arrow_white_small.png") no-repeat scroll center center transparent; } .table_filter .scfDropListBorder .fancy_select_open p:after { background-image: url("/images/fancy_select_arrow_white_small_up.png"); } .table_filter .scfDropListBorder .fancy_select_container { width: 100%; } .table_filter .scfDropListBorder .fancy_select_results { margin-top: 2px; } .table_filter .scfDropListBorder .fancy_select_container { margin-top: -1px; position: relative; /* keep it centered */ top: 1px; } .table_filter .scfDropListBorder .fancy_select_replaced input { background: none; color: #C8CDD0; font-size: 11px; line-height: 15px; padding-bottom: 0px; padding-top: 3px; } .table_filter .scfDropListBorder .fancy_select_replaced input:after { background: url("/images/fancy_select_arrow_white_small_up.png"); content: ""; display: block; height: 16px; margin-top: -8px; position: absolute; right: 5px; top: 50%; width: 16px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: "alpha(opacity=40)"; opacity: 0.4; } .table_filter .filter_group { display: none; } .table_filter .filter_group_active { display: block; } .table_filter .filter_group .scfDropListBorder { border-bottom: none; margin-bottom: 0; } .table_filter .filter_group .scfDropListBorder label { display: none; } .table_filter .filter_group .scfDropListBorder .scfDropListGeneralPanel { float: none; width: auto; } .table_filter .filter_group .scfDropListBorder .fancy_select_replaced p { padding-bottom: 3px; } .table_filter .date-picker { padding-right: 2%; width: 49%; } .table_filter .date-picker-to { padding-right: 0; } .table_filter label:after { display: none; } .table_filter .scfSingleLineTextBorder label { display: none; } .table_filter .date-picker .scfSingleLineGeneralPanel { border-right: 1px solid #A5ADAE; padding-right: 4%; float: none; width: auto; line-height: 15px; } .table_filter .date-picker-to .scfSingleLineGeneralPanel { border-right: none; padding-right: 0; } .table_filter .date-picker input { color: #C8CDD0; border: none; background: url("/images/icon_calendar.gif") no-repeat scroll right top #4F5C67; font-size: 12px; margin-bottom: 0; padding: 4px 0 0 0; line-height: 15px; width: 100%; } .table_filter .date-picker input::-webkit-input-placeholder { color: #C8CDD0; font-family: 'Rubrik-Light', Arial, sans-serif; font-style: normal; font-size: 12px; text-indent: 1px; } .table_filter .date-picker input:-moz-placeholder { color: #C8CDD0; font-family: 'Rubrik-Light', Arial, sans-serif; font-style: normal; font-size: 12px; text-indent: 1px; opacity: 1; } .table_filter .date-picker input::-moz-placeholder { color: #C8CDD0; font-family: 'Rubrik-Light', Arial, sans-serif; font-style: normal; font-size: 12px; text-indent: 1px; opacity: 1; } .table_filter .date-picker input:-ms-input-placeholder { color: #C8CDD0; font-family: 'Rubrik-Light', Arial, sans-serif; font-style: normal; text-indent: 1px; } .table_filter .date-picker .fake_placeholder { padding-top: 1px; padding-bottom: 4px; font-style: normal; } .table_filter .date-picker .date-picker-icon { display: none; } .table_filter .scfSubmitButtonBorder { position: absolute; top: 100%; right: 0; margin-top: 5px; padding-left: 0; width: 47%; } .table_filter .scfSubmitButtonBorder input { font-size: 14px; line-height: 20px; height: 35px; margin-top: 0; padding-top: 7px; padding-bottom: 8px; vertical-align: top; width: 100%; } .export_data_row { margin: -45px 0 10px; } .export_data_row .btn { padding-left: 0; padding-right: 0; margin-top: 0; width: 50%; line-height: 25px; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* ============================================================================= Table styling ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; font-size: 1em; margin-bottom: 2.7em; width: 100%; } th, td { font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.3em; line-height: 20px; vertical-align: top; } th { font-family: 'Rubrik-Medium', Arial, sans-serif; padding: 0.615385em 0.769231em; text-align: left; } th strong { font-family: 'Rubrik-Medium', Arial, sans-serif; } thead th { background: #333; color: #fff; z-index: 1; } thead.plain th { background: none; border-bottom: 1px solid #333; color: #333; font-weight: normal; padding: 0.615385em 0.769231em 0.538462em; } td, tbody th { border-bottom: 1px solid #E5E5E5; /*p*/ padding: 0.615385em 0.769231em 0.538462em; } tbody tr:last-child td, tbody tr:last-child th { border-bottom-color: #ccc; } tbody:first-child { border-top: 1px solid #ccc; /*p*/ } tbody.noborder tr:last-child td { border: 0; } tbody.noborder:first-child { border-top: 0; /*p*/ } /* TODO: add Hs */ th p:last-child, th ul:last-child, th ol:last-child, td p:last-child, td ul:last-child, td ol:last-child { margin-bottom: 0; } td em, th em { font-family: 'Rubrik-LightItalic', Arial, sans-serif; font-style: normal; } /* Font size resets */ th th, th td, th li, th p, th label, td th, td td, td li, td p, td label, li th, li td, li p, li dd, li dt, dd p, dt p, li label { font-size: 1em; } th h1, td h1, li h1 { font-size: 2.5em; } th h1:last-child, td h1:last-child { margin-bottom: 0; } th h2, td h2, li h2 { font-size: 1.7857em; } th h2:last-child, td h2:last-child { margin-bottom: 0; } th h3, td h3, li h3 { font-size: 1.4285em; } th h3:last-child, td h3:last-child { margin-bottom: 0; } th h4, td h4, li h4 { font-size: 1.2142em; } th h5, td h5, li h5 { font-size: 1.4285em; } th h6, td h6, li h6 { font-size: 1.0714em; } th .figure, td .figure, th.figure, td.figure { text-align: right; white-space: nowrap; } .scrollable_table_container { margin-bottom: 2.7em; } .scrollable_table_container table { margin-bottom: 0; } .minimalist { margin-bottom: 0; } .minimalist tbody:first-child { border-top: none; } .minimalist th, .minimalist td { border-bottom: none; padding: 0 5px 5px; } .minimalist th { font-family: 'Rubrik-Medium', Arial, sans-serif; font-weight: normal; } .minimalist tbody th { color: #333; } .minimalist td { color: #333; } .minimalist td:first-child, .minimalist th:first-child { padding-left: 0; } .minimalist td:last-child, .minimalist th:last-child { padding-right: 0; } .minimalist .unit { width: 10px; } .minimalist .end_section td, .minimalist .end_section th { border-bottom: 1px dashed rgba(51, 51, 51, 0.1); } .minimalist .end_section + tr td, .minimalist .end_section + tr th { padding-top: 5px; } .minimalist .focus_row { position: relative; } .minimalist .focus_row th, .minimalist .focus_row td { background: #F6F5F4; padding-top: 15px; padding-bottom: 15px; } .minimalist .focus_row th { text-transform: uppercase; } .minimalist .focus_row + .focus_row th, .minimalist .focus_row + .focus_row td { padding-top: 0; } .minimalist input { border: 1px solid #ccc; color: #333; font-size: 13px; line-height: 17px; padding: 5px; margin-top: -6px; margin-bottom: -6px; } .minimalist .figure input { text-align: right; } .minimalist th input { font-family: 'Rubrik-Medium', Arial, sans-serif; } .minimalist .total_row th, .minimalist .total_row td { border-top: 1px solid #CCC; padding-top: 9px; padding-bottom: 0; } .minimalist .total_row th { text-transform: uppercase; } .minimalist .total_row em { text-transform: none; } .minimalist tr .figure { text-align: right; } .has_focus_row { margin-left: -4%; margin-right: -4%; width: 108%; } .has_focus_row th:first-child, .has_focus_row td:first-child { padding-left: 4%; } .has_focus_row th:last-child, .has_focus_row td:last-child { padding-right: 4%; } .minimalist_expanded th, .minimalist_expanded td { padding: 5px; } .minimalist_expanded .end_section td, .minimalist_expanded .end_section th { padding-bottom: 10px; } .minimalist_expanded .end_section + tr td, .minimalist_expanded .end_section + tr th { padding-top: 10px; } .minimalist_expanded .focus_row_pre td, .minimalist_expanded .focus_row_pre th { padding-bottom: 10px; } .minimalist_expanded .total_row th, .minimalist_expanded .total_row td { padding-top: 14px; } .heavy_data { border-top: 2px solid #666; } .heavy_data th { background: transparent; border-bottom: 1px solid #666; color: #333; font-size: 12px; font-family: 'Rubrik-Medium', Arial, sans-serif; font-weight: normal; line-height: 15px; } .heavy_data th small { color: #666; } .heavy_data th:first-child { padding-left: 0; } .heavy_data th.light-bb { border-color: #E0E0E0; padding-top: 15px; } .heavy_data td { font-size: 12px; line-height: 15px; padding-top: 8px; padding-bottom: 5px; } .heavy_data td.w-50 { width: 50%; } .heavy_data td.w-25 { width: 25%; } .heavy_data td:first-child { padding-left: 0; } .heavy_data td:last-child { padding-right: 0; } .heavy_data td.incl_pad { padding-right: 10px; } .heavy_data tr th.first { text-align: left; vertical-align: bottom; } .heavy_data tr.line_break td { border-bottom-color: #666666; } .heavy_data .internet_tab_none { border-bottom: none; } .heavy_data .internet_tab_cen { text-align: center; border-bottom: 1px solid #CCC; } .table_wrapper { overflow: hidden; position: relative; } .pinned { overflow: hidden; position: absolute; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned td:last-child { border-bottom: 0; } .scrollable { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-y: hidden; } .sc_scrollable { -webkit-overflow-scrolling: touch; overflow: scroll; } .scrollable .see_more_table { display: none; } table.table_scrollable td, table.table_scrollable th { white-space: nowrap; overflow: hidden; } table.table_scrollable th:first-child, table.table_scrollable td:first-child, .pinned table th, .pinned table td { display: none; } .pinned table th:first-child, .pinned table td:first-child { display: block; } .android .table_wrapper table th:first-child, .android .table_wrapper table td:first-child { white-space: nowrap; } .limit_table { padding-bottom: 10px; } .see_more_table { padding-top: 5px; } .see_more_table .detail_link { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: "alpha(opacity=100)"; opacity: 1; color: #376CD2; cursor: pointer; display: inline-block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 25px; margin-bottom: 0px; padding-right: 30px; position: relative; } .see_more_table .detail_link:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: "alpha(opacity=80)"; opacity: 0.8; } .see_more_table .detail_link.expand { background: url("/images/blue_open.png") no-repeat scroll transparent; background-position: right 2px; } .see_more_table .detail_link.opened { background: url("/images/blue_close.png") no-repeat scroll transparent; background-position: right 2px; } .move_account_table thead th { border-bottom: none; padding: 10px 0 10px 0; } .move_account_table th:first-child, .move_account_table td:first-child { padding-left: 15px; width: 35%; } .move_account_table th:nth-child(2), .move_account_table td:nth-child(2) { width: 35%; } .move_account_table th:nth-child(3), .move_account_table td:nth-child(3) { width: 30%; } .move_account_table th:last-child, .move_account_table td:last-child { text-align: center; width: 60px; } .move_account_table .focus_row + .focus_row td { border-top: 1px dashed rgba(51, 51, 51, 0.1); padding-top: 15px; } /*--------------table--------------------*/ .pur_back { background-color: #FAF9F7; } .sm_text { font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 12px; line-height: 15px; padding-top: 10px; text-transform: uppercase; } .sm_text_lower { text-transform: none; } .lg_text { display: block; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 20px; line-height: 1; padding-bottom: 4px; text-transform: uppercase; } /*--------------FINANCIAL REPORTS----------------*/ .Basic-Table, .TableOverride-1 { border-top: 2px solid #666; } .Basic-Table ._idGenTableRowColumn-4 .CellOverride-1, .TableOverride-1 ._idGenTableRowColumn-4 .CellOverride-1 { padding-top: 15px; border-bottom: none; } .Basic-Table ._idGenTableRowColumn-4 .CellOverride-2, .TableOverride-1 ._idGenTableRowColumn-4 .CellOverride-2 { background: transparent; border-bottom: 1px solid #666; border-color: #E0E0E0; padding-top: 15px; color: #333; font-size: 12px; font-family: 'Rubrik-Medium', Arial, sans-serif; font-weight: normal; line-height: 15px; text-align: center; } .Basic-Table ._idGenTableRowColumn-4 .CellOverride-2 span, .TableOverride-1 ._idGenTableRowColumn-4 .CellOverride-2 span { color: #333; padding-top: 10px; font-family: 'Rubrik-Medium', Arial, sans-serif; text-transform: capitalize; } .Basic-Table ._idGenTableRowColumn-5 td, .TableOverride-1 ._idGenTableRowColumn-5 td, .Basic-Table ._idGenTableRowColumn-9 td, .TableOverride-1 ._idGenTableRowColumn-9 td, .Basic-Table ._idGenTableRowColumn-12 td, .TableOverride-1 ._idGenTableRowColumn-12 td, .Basic-Table ._idGenTableRowColumn-17 td, .TableOverride-1 ._idGenTableRowColumn-17 td { background: transparent; border-bottom: 1px solid #666; font-size: 12px; font-weight: normal; line-height: 15px; vertical-align: bottom; padding: 0.615385em 0.769231em; } .Basic-Table ._idGenTableRowColumn-5 td span, .TableOverride-1 ._idGenTableRowColumn-5 td span, .Basic-Table ._idGenTableRowColumn-9 td span, .TableOverride-1 ._idGenTableRowColumn-9 td span, .Basic-Table ._idGenTableRowColumn-12 td span, .TableOverride-1 ._idGenTableRowColumn-12 td span, .Basic-Table ._idGenTableRowColumn-17 td span, .TableOverride-1 ._idGenTableRowColumn-17 td span { display: block; color: #333; font-weight: bold; } .Basic-Table td, .TableOverride-1 td { font-size: 12px; line-height: 15px; padding-top: 0px; padding-bottom: 0px; } .Basic-Table td:first-child, .TableOverride-1 td:first-child { padding-left: 0; } .Basic-Table td:last-child, .TableOverride-1 td:last-child { padding-right: 0; } .Basic-Table td p, .TableOverride-1 td p { padding-top: 8px; padding-bottom: 5px; } .Basic-Table td p.FIN-Table-Body-Text-Bold, .TableOverride-1 td p.FIN-Table-Body-Text-Bold, .Basic-Table td p.FIN-Sub-Sub-Heading, .TableOverride-1 td p.FIN-Sub-Sub-Heading, .Basic-Table td p .CharOverride-2, .TableOverride-1 td p .CharOverride-2, .Basic-Table td p .HEL-75BOLD, .TableOverride-1 td p .HEL-75BOLD { color: #333; font-weight: bold; font-style: normal; } .Basic-Table p, .TableOverride-1 p { line-height: 15px; margin-bottom: 0; } .Basic-Text-Frame .FIN-Heading { color: #333333; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 20px; line-height: 30px; margin: 20px 0 10px; } .Basic-Text-Frame .FIN-Sub-Heading { color: #333; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 17px; line-height: 25px; margin: 15px 0 10px; } .Basic-Text-Frame .FIN-Sub-Sub-Heading { color: #444; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 14px; line-height: 20px; margin: 10px 0 5px; padding: 3px 0 2px; } .Basic-Text-Frame .FIN-Body-Text-Italic { font-style: italic; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .main .content .tect-banner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .main .content .tect-banner *, .main .content .tect-banner *:before, .main .content .tect-banner *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin: 0; padding: 0; } .main .content .tect-banner div.tect-banner-img { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: left; background-repeat: no-repeat; background-size: cover; } .main .content .tect-banner .tect-banner-content { position: relative; padding: 30px 20px; max-width: 144rem; margin: 0 auto; } .main .content .tect-banner .tect-banner-content .tect-banner-copy { margin-bottom: 20px; } .main .content .tect-banner .tect-banner-content .tect-banner-copy svg { width: auto; } .main .content .tect-banner .tect-banner-content .tect-banner-copy, .main .content .tect-banner .tect-banner-content .tect-banner-copy p { font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 3.7rem; font-size: 2.8rem; color: #FFFFFF; letter-spacing: -1.5px; } .main .content .tect-banner .tect-banner-content .tect-cta { color: #FFFFFF; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.4rem; line-height: 1.7rem; text-align: center; padding: 10px 16px; } .main .content .tect-banner .tect-banner-logo-container { height: 100%; width: 396px; position: absolute; right: 0px; top: 0px; background: none; } .main .content .tect-banner .tect-logo { position: absolute; right: 20px; bottom: 40px; display: none; } .tect-banner-intro { background-color: #E7E7E7; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 0 auto; background-color: #FBFBFB; padding: 15px; } .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox *, .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox *:before, .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox h2 { color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 2.4rem; letter-spacing: -0.9px; line-height: 2.8rem; padding-top: 30px; } .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox h4 { color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 1.8rem; margin-bottom: 23px; margin-top: 0; font-size: 1.3rem; letter-spacing: -0.9px; } .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox p { color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.4rem; letter-spacing: -0.5px; line-height: 1.8rem; margin-bottom: 4px; } .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox p strong { display: block; margin-bottom: 20px; } .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox p:last-of-type strong { margin-bottom: 0px; } .fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox a { text-decoration: underline; } .fancybox-outer .fancybox-inner #divRefundBankAccountSavedDetails.tect_bank_account_saved_lightbox h2 { font-size: 2rem; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .fancybox-outer .fancybox-inner .tect_bank_account_lightbox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 0 auto; background-color: #FBFBFB; padding: 15px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox *, .fancybox-outer .fancybox-inner .tect_bank_account_lightbox *:before, .fancybox-outer .fancybox-inner .tect_bank_account_lightbox *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox h2 { color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 2.4rem; letter-spacing: -0.5px; line-height: 2.8rem; padding-top: 30px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox h4 { color: #444444; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.4rem; letter-spacing: -0.39px; line-height: 1.8rem; margin-bottom: 23px; margin-top: 0; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox hr { margin-bottom: 20px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox p { color: #444444; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.8rem; letter-spacing: -0.64px; line-height: 2.2rem; margin: 0; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox label { color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.6rem; letter-spacing: -0.57px; line-height: 1.8rem; margin-bottom: 4px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .action_buttons { padding: 0; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .login_form { margin: 0; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .login_form .login_form__flex-fields { margin-bottom: 20px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .login_form .login_form__flex-fields .login_form__label { margin-top: 10px; margin-bottom: 17px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .login_form .login_form__flex-fields .login_form__input { padding: 13px 5px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .confirm_button { width: 100%; padding: 15px; margin: 0; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund h4.multiple_refund_title span { font-size: 1.6rem; font-weight: bold; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund h4 { margin-bottom: 12px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .multiple_refunds_note { padding: 20px 29px 24px 35px; background-color: rgba(29, 121, 222, 0.2); margin-bottom: 25px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .multiple_refunds_note p { color: #444444; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.4rem; line-height: 2.1rem; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container { padding: 8px 0px 28px 0px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .tect-checkbox-label { display: block; position: relative; min-height: 20px; padding-left: 29px; margin-bottom: 0px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Rubrik-Light', Arial, sans-serif; color: #4A4A4A; font-size: 1.3rem; line-height: 1.8rem; letter-spacing: -0.5px; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .tect-checkbox-label span { font-size: 1.1rem; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .tect-checkbox-label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 19px; border: 1px solid #CCCCCC; border-radius: 0.8px; background-color: #FFFFFF; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .tect-checkbox-label:hover input ~ .checkmark { background-color: #ccc; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .tect-checkbox-label input:checked ~ .checkmark { background-color: #FFFFFF; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .checkmark:after { content: ""; position: absolute; display: none; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .tect-checkbox-label input:checked ~ .checkmark:after { display: block; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .tect-checkbox-label .checkmark:after { left: 6px; top: 2px; width: 6px; height: 13px; border: solid #47266A; border-width: 0 2px 2px 0; -webkit-transform: rotate(29deg); -ms-transform: rotate(29deg); transform: rotate(29deg); } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .tect-checkboxes-container .tect-checkbox .boxtrigger { top: 0; } .fancybox-outer .fancybox-inner .tect_bank_account_lightbox .tect_refund .bottom-note { padding: 10px 0px 0px 10px; color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.2rem; letter-spacing: -0.43px; line-height: 1.8rem; text-align: center; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .content .module .module_inner.tect-login-register-module { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 15px; } .content .module .module_inner.tect-login-register-module *, .content .module .module_inner.tect-login-register-module *:before, .content .module .module_inner.tect-login-register-module *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin: 0; padding: 0; } .content .module .module_inner.tect-login-register-module .tect-login-register-cta-heading { font-family: 'Rubrik-Light', Arial, sans-serif; text-align: center; padding-bottom: 20px; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 0.1px; } .content .module .module_inner.tect-login-register-module .tect-login-register-card { position: relative; padding: 10% 5%; background-color: #fff; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15); margin-top: 0px; margin-bottom: 20px; } .content .module .module_inner.tect-login-register-module .tect-login-register-card h3.tect-login-register-card-heading { font-family: 'Rubrik-Medium', Arial, sans-serif; line-height: 1.8rem; font-size: 1.4rem; text-align: center; margin-bottom: 8px; display: inline-block; color: #666666; width: 215px; } .content .module .module_inner.tect-login-register-module .tect-login-register-card p.tect-login-register-card-subheading { font-family: 'Rubrik-Regular', Arial, sans-serif; display: inline-block; margin-bottom: 12px; line-height: 1.6rem; font-size: 1.2rem; font-weight: 300; text-align: center; color: #666666; } .content .module .module_inner.tect-login-register-module .tect-login-register-card .tect-login-register-card-cta { width: 80%; max-width: 255px; padding-top: 4.5px; padding-bottom: 4.5px; padding-left: 0px !important; padding-right: 0px !important; margin: 0px; font-size: 1.2rem; letter-spacing: -0.5px; line-height: 2.1rem; text-transform: none; } .content .module .module_inner.tect-login-register-module .tect-login-register-card .tect-login-register-card-cta:hover { background-color: #196ac3; cursor: pointer; text-decoration: none; opacity: 1; } .content .module.tect-register-panel { padding: 50px 15px 67px 15px; } .content .module.tect-register-panel.flow_up:before, .content .module.tect-register-panel.flow_up:after { top: -53px; left: 50%; transform: rotate(180deg); } .content .module.tect-register-panel .register-form { margin: 0 auto; max-width: 67.4rem; } .content .module.tect-register-panel .register-form h2 { color: #780694; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 2.6rem; line-height: 2.6rem; text-align: left; } .content .module.tect-register-panel .register-form .emailHeading { display: none; } .content .module.tect-register-panel .register-form .scfSectionUsefulInfo { text-align: left; } .content .module.tect-register-panel.free_gray legend, .content .module.tect-register-panel.free_deep-purple legend, .content .module.tect-register-panel.free_deep-purple-angle legend, .content .module.tect-register-panel.free_purple legend, .content .module.tect-register-panel.free_purple-angle legend, .content .module.tect-register-panel.free_blue legend, .content .module.tect-register-panel.free_deep-green legend, .content .module.tect-register-panel.free_deep-green-angle legend, .content .module.tect-register-panel.free_gray label, .content .module.tect-register-panel.free_deep-purple label, .content .module.tect-register-panel.free_deep-purple-angle label, .content .module.tect-register-panel.free_purple label, .content .module.tect-register-panel.free_purple-angle label, .content .module.tect-register-panel.free_blue label, .content .module.tect-register-panel.free_deep-green label, .content .module.tect-register-panel.free_deep-green-angle label, .content .module.tect-register-panel.free_gray h2, .content .module.tect-register-panel.free_deep-purple h2, .content .module.tect-register-panel.free_deep-purple-angle h2, .content .module.tect-register-panel.free_purple h2, .content .module.tect-register-panel.free_purple-angle h2, .content .module.tect-register-panel.free_blue h2, .content .module.tect-register-panel.free_deep-green h2, .content .module.tect-register-panel.free_deep-green-angle h2, .content .module.tect-register-panel.free_gray span, .content .module.tect-register-panel.free_deep-purple span, .content .module.tect-register-panel.free_deep-purple-angle span, .content .module.tect-register-panel.free_purple span, .content .module.tect-register-panel.free_purple-angle span, .content .module.tect-register-panel.free_blue span, .content .module.tect-register-panel.free_deep-green span, .content .module.tect-register-panel.free_deep-green-angle span { color: white; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .content .panel.tect_module .panel_inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; } .content .panel.tect_module .panel_inner *, .content .panel.tect_module .panel_inner *:before, .content .panel.tect_module .panel_inner *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin: 0; padding: 0; } .content .panel.tect_module .panel_inner .tect_refund_panel_module { border-top: 1px solid #6B197F; } .content .panel.tect_module .panel_inner .tect_loader_wrapper #loader { background-color: transparent; } .content .panel.tect_module .panel_inner .tect_panel_module .tect_panel_title, .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title { position: relative; background-color: #F6DEFB; padding: 22px 20px; color: #333; font-size: 16px; } .content .panel.tect_module .panel_inner .tect_panel_module .tect_panel_title .tect-panel-img, .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title .tect-panel-img { width: 9.9rem; left: -7px; margin-bottom: 8px; } .content .panel.tect_module .panel_inner .tect_panel_module .tect_panel_title .expand-trigger, .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title .expand-trigger { height: 26px; width: 20px; float: right; } .content .panel.tect_module .panel_inner .tect_panel_module .tect_panel_title .expand-trigger.expand, .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title .expand-trigger.expand { opacity: 1; background: url('/images/components/tect/tect-plus.svg') no-repeat; background-position: 99% 4px; cursor: pointer; } .content .panel.tect_module .panel_inner .tect_panel_module .tect_panel_title .expand-trigger.expand:hover, .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title .expand-trigger.expand:hover { opacity: 0.8; } .content .panel.tect_module .panel_inner .tect_panel_module .tect_panel_title .expand-trigger.opened, .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title .expand-trigger.opened { background: url('/images/components/tect/tect-minus.svg') no-repeat; background-position: 99% 4px; } .content .panel.tect_module .panel_inner .tect_panel_module .tect_panel_title .tect_panel_title_text, .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title .tect_panel_title_text { font-family: 'Rubrik-Regular', Arial, sans-serif; color: #47266A; font-size: 2rem; line-height: 2.4rem; padding-left: 14px; width: 100%; } .content .panel.tect_module .panel_inner .tect_panel_module .tect_panel_title .label_has_fancybox, .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title .label_has_fancybox { display: none; } .content .panel.tect_module .panel_inner .tect_panel_module .tect_panel_title.state-open .label_has_fancybox, .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title.state-open .label_has_fancybox { display: inline; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title .tect_panel_title_text { padding-left: 0; } .content .panel.tect_module .panel_inner .tect_panel_content { position: relative; background-color: #F6DEFB; padding: 0px 20px 27px 20px; } .content .panel.tect_module .panel_inner .tect_panel_content hr { position: relative; margin-bottom: 20px; border: 0.5px solid #47266A; } .content .panel.tect_module .panel_inner .tect_panel_content.expand-target { display: none; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state h3 { font-family: 'Rubrik-Light', Arial, sans-serif; color: #242424; font-size: 1.6rem; line-height: 1.8rem; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state h3:last-of-type { letter-spacing: unset; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state p.tect-note { font-family: 'Rubrik-Regular', Arial, sans-serif; color: #828282; font-size: 1.3rem; letter-spacing: -0.46px; line-height: 1.7rem; padding: 13px 0px 20px 0px; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container { padding: 20px 0px 30px 0px; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox { padding: 8px 0px 8px 5px; border-top: 0.5px solid #47266A; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox:last-of-type { border-bottom: 0.5px solid #47266A; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .tect-checkbox-label { display: block; position: relative; min-height: 20px; padding-left: 29px; margin-bottom: 0px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Rubrik-Light', Arial, sans-serif; color: #4A4A4A; font-size: 1.25rem; line-height: 1.6rem; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .tect-checkbox-label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 19px; border: 0.5px solid #47266A; border-radius: 0.8px; background-color: #FFFFFF; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .tect-checkbox-label:hover input ~ .checkmark { background-color: #ccc; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .tect-checkbox-label input:checked ~ .checkmark { background-color: #FFFFFF; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .checkmark:after { content: ""; position: absolute; display: none; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .tect-checkbox-label input:checked ~ .checkmark:after { display: block; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .tect-checkbox-label .checkmark:after { left: 6px; top: 2px; width: 6px; height: 13px; border: solid #47266A; border-width: 0 2px 2px 0; -webkit-transform: rotate(29deg); -ms-transform: rotate(29deg); transform: rotate(29deg); } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .boxtrigger { top: 0; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container[data-preference="DCBA"] div[data-preference-option="DCBA"] .tect-checkbox-label { opacity: 0.4; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container[data-preference="CRTPA"] div[data-preference-option="CRTPA"] .tect-checkbox-label { opacity: 0.4; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .tect-checkboxes-container[data-preference="DONATE"] div[data-preference-option="DONATE"] .tect-checkbox-label { opacity: 0.4; } .content .panel.tect_module .panel_inner .tect_panel_content .tect_panel_active_state .ajax_form_trigger { margin-bottom: 27px; padding: 8px 0; } .content .panel.tect_module .panel_inner .tect_panel_content .tect-panel-footer { background-color: #FFFFFF; padding: 10px 12px 13px 10px; margin-bottom: 27px; } .content .panel.tect_module .panel_inner .tect_panel_content .tect-panel-footer a { font-size: 1.3rem; text-decoration: underline; color: #1D79DE; } .content .panel.tect_module .panel_inner .tect_panel_content .tect-panel-error { color: red; display: none; } .content .panel.tect_module .panel_inner .tect_panel_content .tect-history h4 { color: #47266A; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.6rem; letter-spacing: -0.57px; line-height: 1.8rem; margin-bottom: 15px; } .content .panel.tect_module .panel_inner .tect_panel_content .tect-history thead th { color: #242424; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.2rem; line-height: 1.4rem; background: none; padding: 5px; } .content .panel.tect_module .panel_inner .tect_panel_content .tect-history tbody tr { background-color: #FFFFFF; } .content .panel.tect_module .panel_inner .tect_panel_content .tect-history tbody tr td { color: #242424; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 0.95rem; line-height: 1.4rem; padding: 5px; max-width: 120px; border-bottom: 1px solid #F6DEFB; } .content .panel.tect_module .panel_inner .tect_panel_frozen_state { margin-bottom: 20px; } .content .panel.tect_module .panel_inner .tect_panel_frozen_state .payment_options { margin-bottom: 20px; padding-left: 31px; background: url('/images/components/tect/tect-admiration.svg') no-repeat left top; } .content .panel.tect_module .panel_inner .tect_panel_frozen_state .payment_options p:first-of-type { margin-bottom: 15px; color: #828282; padding-right: 20px; } .content .panel.tect_module .panel_inner .boxtrigger { position: relative; background: url('/images/components/tect/tect-interrogation.svg') no-repeat center center; top: -3px; padding: 0px 8px; } .content .panel.tect_module .panel_inner p { color: #4A4A4A; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.3rem; letter-spacing: -0.46px; line-height: 1.7rem; } .content .panel.tect_module .panel_inner p strong { color: #242424; } .content .panel.tect_module .panel_inner .preference { margin: 0 auto; padding: 20px 20px 20px 10px; background-color: #FFFFFF; color: #4A4A4A; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.3rem; letter-spacing: -0.04px; line-height: 1.6rem; } .content .panel.tect_module .panel_inner .preference .preference-desc { padding-left: 30px; background: url('/images/components/tect/tect-check.svg') no-repeat left top; margin-bottom: 0px; } .content .panel.tect_module .panel_inner .preference a { text-decoration: underline; } .content .panel.tect_module .panel_inner #saveFailPanel { margin-bottom: 20px; font-family: 'Rubrik-Regular', Arial, sans-serif; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .btn { font-size: 1.2rem; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_content { background-color: rgba(252, 220, 253, 0.7); } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_title { background-color: rgba(252, 220, 253, 0.7); } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_content p.tect-note { color: #454F5E; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 1.4rem; line-height: 1.8rem; padding-top: 0; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .preference { margin-bottom: 25px; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .single-refund-container { padding: 0px 0px 10px 0px; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .single-refund-container .single-refund { padding: 8px 0px 8px 5px; border-top: 0.5px solid rgba(107, 25, 127, 0.28); border-bottom: 0.5px solid rgba(107, 25, 127, 0.28); } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .single-refund-container .single-refund .single-refund-item { display: block; position: relative; margin-bottom: 0px; font-family: 'Rubrik-Light', Arial, sans-serif; color: #4A4A4A; font-size: 1.25rem; line-height: 1.6rem; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .single-refund-container .single-refund .single-refund-item .tect-address { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(70%); } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .single-refund-container .single-refund .single-refund-item .tect-amount { float: right; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .tect-checkbox-label { padding-top: 4px; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .tect-checkbox-label .tect-address { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(72%); } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .tect-checkboxes-container .tect-checkbox .tect-checkbox-label .tect-amount { float: right; } .content .panel.tect_module .panel_inner .tect_refund_panel_module .tect_panel_active_state .ajax_form_trigger { margin-bottom: 0; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ .respond-ud { width: 100%; } .respond-udv { height: 100%; } .respond-d { max-width: 100%; } .respond-u { min-width: 100%; } .lte7 .respond-ud, .lte7 .respond-u, .lte7 .respond-d { width: 100%; } .no-js .respond-ud { display: none; } .no-js noscript .respond-ud { display: block; } /* Miscellaneous classes */ .f-left, .fl { float: left; } .f-right, .fr { float: right; } .flL { float: left !important; } .flR { float: right !important; } .imgL { float: left !important; margin: 0 15px 5px 0; } .imgR { float: right !important; margin: 0 0 5px 15px; } .nb { border: 0 !important; } .nb:before { display: none !important; } .nowrap { white-space: nowrap; } .taC { text-align: center; } .taC p > small { display: block; text-align: left; } .taL { text-align: left !important; } .taR { text-align: right !important; } .dN { display: none !important; } .dB { display: block !important; } .ttU { text-transform: uppercase !important; } .ttL { text-transform: lowercase !important; } .ttN { text-transform: none !important; } .clear { clear: both; } .nowrap { white-space: nowrap; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .lte7 .clearfix { zoom: 1; } .relative { position: relative; } .block { display: block; } .w-full { width: 100%; } /* semantic lists */ .semantic { list-style: none; margin: 0; padding: 0; } .semantic li { margin: 0; padding: 0; list-style: none; background: none; } .semantic li:before { display: none; } /* Borders */ .b_pb_solid { border-bottom: 1px solid #7F1399; } .b-gray-c { border-color: #ccc; } .b-dash { border-style: dashed; } /* Remove things that require javascript if it isn't present */ .no-js .requires-js { display: none; visibility: hidden; } .rte_script { position: absolute; left: -10000em; } /* Text Properties */ /* deprecated */ .tt-upper, .tt_upper { text-transform: uppercase; } /* deprecated */ .ta-center, .ta_center { text-align: center; } /* deprecated */ .ta-right, .ta_right { text-align: right; } /* deprecated */ .ta-left, .ta_left { text-align: left; } .tw-bold { font-family: 'Rubrik-SemiBold', arial, sans-serif; } .tw-regular { font-family: 'Rubrik-Regular', arial, sans-serif; } .tw_medium { font-family: 'Rubrik-Medium', arial, sans-serif; } .lh-clear { line-height: 1; } /*Vertical Aligns*/ .va-top { vertical-align: top; } .va-middle { vertical-align: middle; } .va-bottom { vertical-align: bottom; } /* Hider classes */ .hidden { display: none; } .hidden_important { display: none !important; } .response_xsmall .hidden_small, .response_small .hidden_small { display: none !important; } .response_xsmall .hidden_mobile, .response_small .hidden_mobile, .response_medium .hidden_mobile { display: none !important; } .response_medium .hidden_non_mobile, .response_large .hidden_non_mobile, .response_xlarge .hidden_non_mobile, .response_xxlarge .hidden_non_mobile, .response_xxxlarge .hidden_non_mobile, .response_xxxxlarge .hidden_non_mobile { display: none !important; } .response_large .hidden_desktop, .response_xlarge .hidden_desktop, .response_xxlarge .hidden_desktop, .response_xxxlarge .hidden_desktop, .response_xxxxlarge .hidden_desktop { display: none !important; } /* Foot notes */ .fn a { color: inherit; } .fn a:hover, .fn a:focus { text-decoration: underline; } /* paddings */ .ptn { padding-top: 0 !important; } .ptxs { padding-top: 5px; } .ptbs { padding-top: 9px; } .pts { padding-top: 1em; } .ptm { padding-top: 2em; } .ptl { padding-top: 3em; } .ptxl { padding-top: 4em; } .ptxxl { padding-top: 5em; } .prn { padding-right: 0 !important; } .prxs { padding-right: 5px; } .prbs { padding-right: 9px; } .prs { padding-right: 1em; } .prm { padding-right: 2em; } .prl { padding-right: 3em; } .prxl { padding-right: 4em; } .prxxl { padding-right: 5em; } .pbn { padding-bottom: 0 !important; } .pbxs { padding-bottom: 5px; } .pbbs { padding-bottom: 9px; } .pbs { padding-bottom: 1em; } .pbm { padding-bottom: 2em; } .pbl { padding-bottom: 3em; } .pbxl { padding-bottom: 4em; } .pbxxl { padding-bottom: 5em; } .pln { padding-left: 0 !important; } .plxs { padding-left: 5px; } .plbs { padding-left: 9px; } .pls { padding-left: 1em; } .plm { padding-left: 2em; } .pll { padding-left: 3em; } .plxl { padding-left: 4em; } .plxxl { padding-left: 5em; } .pan { padding: 0 !important; } .paxs { padding: 5px; } .pabs { padding: 9px; } .pas { padding: 1em; } .pam { padding: 2em; } .pal { padding: 3em; } .paxl { padding: 4em; } .paxxl { padding: 5em; } /* margins */ .mtn { margin-top: 0 !important; } .mtxs { margin-top: 5px; } .mtbs { margin-top: 9px; } .mts { margin-top: 1em; } .mtm { margin-top: 2em; } .mtl { margin-top: 3em; } .mtxl { margin-top: 4em; } .mtxxl { margin-top: 5em; } .mrn { margin-right: 0 !important; } .mrxs { margin-right: 5px; } .mrbs { margin-right: 9px; } .mrs { margin-right: 1em; } .mrm { margin-right: 2em; } .mrl { margin-right: 3em; } .mrxl { margin-right: 4em; } .mrxxl { margin-right: 5em; } .mbn { margin-bottom: 0 !important; } .mbxs { margin-bottom: 5px; } .mbbs { margin-bottom: 9px; } .mbs { margin-bottom: 1em; } .mbm { margin-bottom: 2em; } .mbl { margin-bottom: 3em; } .mbxl { margin-bottom: 4em; } .mbxxl { margin-bottom: 5em; } .mln { margin-left: 0 !important; } .mlxs { margin-left: 5px; } .mlbs { margin-left: 9px; } .mls { margin-left: 1em; } .mlm { margin-left: 2em; } .mll { margin-left: 3em; } .mlxl { margin-left: 4em; } .mlxxl { margin-left: 5em; } .man { margin: 0 !important; } .maxs { margin: 5px; } .mabs { margin: 9px; } .mas { margin: 1em; } .mam { margin: 2em; } .mal { margin: 3em; } .maxl { margin: 4em; } .maxxl { margin: 5em; } /* Borders */ .ban { border: 0 !important; } .baxs { border: 5px; } .babs { border: 9px; } .bas { border: 1em; } .bam { border: 2em; } .bal { border: 3em; } .baxl { border: 4em; } .baxxl { border: 5em; } /*responsive video container*/ .video_container_16x9 { padding-bottom: 56.25%; position: relative; } .video_container_16x9 iframe { height: 100%; position: absolute; width: 100%; } /* Hide the original file upload control */ label.creditCheckFileUpload input[type="file"] { position: fixed; top: -1000px; } .creditCheckFileUpload { font-size: unset; } .CreditCheckIDImageWrapper { position: relative; display: inline-block; padding-bottom: 5px; } .CreditCheckIDImageClose { position: absolute; top: -20px; right: -20px; cursor: pointer; height: 40px; width: 40px; display: none; } .u-block { display: block !important; } .u-flex { display: flex !important; } .tips { font-size: 16px; text-align: left; width: 300px; margin: 0 auto; margin-bottom: 300px; letter-spacing: -0.31em; } .tip, .pullout_tip { display: inline-block; width: 290px; height: 290px; position: relative; font-size: 16px; margin: 5px; margin-right: 5px; overflow: visible; z-index: 1; vertical-align: top; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: normal; } .tip .initial, .pullout_tip .initial, .tip .extra, .pullout_tip .extra { height: 100%; width: 100%; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tip .initial:before, .pullout_tip .initial:before, .tip .extra:before, .pullout_tip .extra:before, .tip .initial:after, .pullout_tip .initial:after, .tip .extra:after, .pullout_tip .extra:after { content: ""; display: table; } .tip .initial:after, .pullout_tip .initial:after, .tip .extra:after, .pullout_tip .extra:after { clear: both; } .tip .extra, .pullout_tip .extra { display: none; } .tip:hover, .pullout_tip:hover { cursor: pointer; } .tip.active, .pullout_tip.active { z-index: 2; } .tip.active .initial, .pullout_tip.active .initial { display: none; } .tip.active .extra, .pullout_tip.active .extra { display: block; } .tip .img, .pullout_tip .img, .tip .title, .pullout_tip .title, .tip .info, .pullout_tip .info { color: #46535f; font-weight: normal; max-width: 290px; max-height: 290px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tip .img, .pullout_tip .img { width: 290px; height: 290px; line-height: 290px; text-align: center; position: relative; top: -1px; left: -1px; } .tip .img img, .pullout_tip .img img { vertical-align: middle; display: inline-block; } .tip .title, .pullout_tip .title, .tip .info, .pullout_tip .info { margin: 0.5em 0em; } .tip .title, .pullout_tip .title { font-size: 1.875em; line-height: 1.166667em; } .tip .info, .pullout_tip .info { font-size: 1em; line-height: 1.25em; } .pullout_tip { display: block; margin: 0 0 1em; width: auto; height: auto; } .pullout_tip .extra { width: 290px; height: 290px; } .pullout_tip .initial { display: none; } .pullout_tip .extra { display: block; } .pullout_tip:hover { cursor: auto; } /* Background colours & borders */ .tip .initial, .pullout_tip .initial, .tip .extra, .pullout_tip .extra { background-color: #FCFBFA; border: solid 1px transparent; } .tip__light .initial, .tip__light .extra { background-color: white; border-color: #F5F3F0; } .tip__light .extra { border-color: transparent; } .tip__dark .initial, .tip__dark .extra { background-color: #F5F3F0; } .tip__white .extra { background-color: #FFFFFF; border-color: #F5F3F0; } .tip__purple .extra { background-color: #CC3399; border-color: transparent; } .tip__green .extra { background-color: #C8DC37; border-color: transparent; } .tip__yellow .extra { background-color: #FFCC00; border-color: transparent; } .tip__pink .extra { background-color: #FF869E; border-color: transparent; } .tip__blue .extra { background-color: #D1F3F7; border-color: transparent; } .tip__orange .extra { background-color: #FF9B00; border-color: transparent; } .tip__turquoise .extra { background-color: #67D8E4; border-color: transparent; } .tip__yellow .extra .info { color: #666666; } .tip__purple .extra .title, .tip__purple .extra .info { color: white; } /* Individual tip layout styles */ .tip__light_bulb .img img { vertical-align: top; } .tip__light_bulb .extra { height: 590px; } .tip__light_bulb .extra .title, .tip__light_bulb .extra .info { text-align: center; padding-left: 20px; padding-right: 20px; } .tip__light_bulb .extra .title { font-size: 1.5625em; line-height: 1.2em; } .tip__fridge_freezer .extra { width: 590px; } .tip__fridge_freezer .extra .img, .tip__fridge_freezer .extra .title, .tip__fridge_freezer .extra .info { float: left; } .tip__fridge_freezer .extra .title, .tip__fridge_freezer .extra .info { width: 265px; position: relative; left: -30px; } .tip__fridge_freezer .extra .title { margin-top: 1em; } .tip__fridge_freezer.alt .extra, .tip__fridge_freezer.pullout_tip .extra { width: 290px; height: 590px; } .tip__fridge_freezer.alt .extra .img, .tip__fridge_freezer.pullout_tip .extra .img, .tip__fridge_freezer.alt .extra .title, .tip__fridge_freezer.pullout_tip .extra .title, .tip__fridge_freezer.alt .extra .info, .tip__fridge_freezer.pullout_tip .extra .info { float: none; } .tip__fridge_freezer.alt .extra .title, .tip__fridge_freezer.pullout_tip .extra .title, .tip__fridge_freezer.alt .extra .info, .tip__fridge_freezer.pullout_tip .extra .info { text-align: center; width: auto; position: static; left: auto; padding-left: 20px; padding-right: 20px; } .tip__stove .extra { height: 590px; } .tip__stove .extra .title, .tip__stove .extra .info { padding-left: 50px; padding-right: 50px; } .tip__washing_line .img { height: 230px; line-height: 230px; } .tip__washing_line .extra .title, .tip__washing_line .extra .info { position: absolute; text-align: center; } .tip__washing_line .extra .title { top: 65px; left: 62px; right: 50px; padding-left: 5px; padding-right: 5px; } .tip__washing_line .extra .info { bottom: 1em; padding-left: 30px; padding-right: 30px; } .tip__tv .extra { width: 590px; } .tip__tv .extra .img, .tip__tv .extra .title, .tip__tv .extra .info { float: left; } .tip__tv .extra .title, .tip__tv .extra .info { width: 290px; padding-right: 20px; } .tip__tv .extra .title { margin-top: 2em; } .tip__tv.alt .extra, .tip__tv.pullout_tip .extra { width: 290px; height: 590px; } .tip__tv.alt .extra .img, .tip__tv.pullout_tip .extra .img, .tip__tv.alt .extra .title, .tip__tv.pullout_tip .extra .title, .tip__tv.alt .extra .info, .tip__tv.pullout_tip .extra .info { float: none; } .tip__tv.alt .extra .title, .tip__tv.pullout_tip .extra .title, .tip__tv.alt .extra .info, .tip__tv.pullout_tip .extra .info { width: auto; text-align: center; padding-left: 20px; padding-right: 20px; } .tip__tv.alt .extra .title, .tip__tv.pullout_tip .extra .title { margin-top: 1em; } .tip__cylinder .title { width: 218px; margin-left: auto; margin-right: auto; font-size: 1.5625em; line-height: 1.2em; margin-top: 4em; } .tip__light_switch .extra { width: 590px; } .tip__light_switch .extra .img, .tip__light_switch .extra .title, .tip__light_switch .extra .info { float: left; } .tip__light_switch .extra .title, .tip__light_switch .extra .info { width: 277px; position: relative; left: -30px; } .tip__light_switch .extra .title { margin-top: 2em; } .tip__light_switch.alt .extra, .tip__light_switch.pullout_tip .extra { width: 290px; height: 590px; } .tip__light_switch.alt .extra .img, .tip__light_switch.pullout_tip .extra .img, .tip__light_switch.alt .extra .title, .tip__light_switch.pullout_tip .extra .title, .tip__light_switch.alt .extra .info, .tip__light_switch.pullout_tip .extra .info { float: none; } .tip__light_switch.alt .extra .title, .tip__light_switch.pullout_tip .extra .title, .tip__light_switch.alt .extra .info, .tip__light_switch.pullout_tip .extra .info { width: auto; position: static; left: auto; padding-left: 20px; padding-right: 20px; } .tip__light_switch.alt .extra .title, .tip__light_switch.pullout_tip .extra .title { margin-top: 0; } .tip__double_glazing .img { height: 105px; line-height: 105px; width: 165px; } .tip__double_glazing .title { font-size: 1.5625em; line-height: 1.2em; } .tip__double_glazing .title, .tip__double_glazing .info { width: 225px; margin-left: auto; margin-right: auto; text-align: center; } .tip__cups .extra { height: 590px; } .tip__cups .extra .title { width: 195px; margin-left: auto; margin-right: auto; text-align: center; } .tip__shower .img { width: 265px; margin-left: 25px; } .tip__shower .img img { vertical-align: bottom; } .tip__shower.active { top: -300px; } .tip__shower .extra { height: 590px; } .tip__shower .extra .title { height: 290px; margin: 0 auto 10px; padding: 55px 0; width: 225px; color: white; } .tip__thermometer .extra { width: 590px; } .tip__thermometer .extra .img, .tip__thermometer .extra .title, .tip__thermometer .extra .info { float: left; } .tip__thermometer .extra .title, .tip__thermometer .extra .info { width: 290px; padding-right: 30px; } .tip__thermometer .extra .title { margin-top: 2.5em; } .tip__thermometer.alt .extra, .tip__thermometer.pullout_tip .extra { width: 290px; height: 590px; } .tip__thermometer.alt .extra .img, .tip__thermometer.pullout_tip .extra .img, .tip__thermometer.alt .extra .title, .tip__thermometer.pullout_tip .extra .title, .tip__thermometer.alt .extra .info, .tip__thermometer.pullout_tip .extra .info { float: none; } .tip__thermometer.alt .extra .title, .tip__thermometer.pullout_tip .extra .title, .tip__thermometer.alt .extra .info, .tip__thermometer.pullout_tip .extra .info { width: auto; text-align: center; padding-left: 20px; padding-right: 20px; } .tip__thermometer.alt .extra .title, .tip__thermometer.pullout_tip .extra .title { margin-top: 1em; } .tip__timers .title { width: 180px; margin-left: auto; margin-right: auto; font-size: 1.5625em; line-height: 1.2em; margin-top: 3.5em; } .tip__keep_home_dry .extra { height: 590px; } .tip__keep_home_dry .title, .tip__keep_home_dry .info { width: 190px; margin-left: auto; margin-right: auto; } .tip__keep_home_dry .title { margin-bottom: 0; margin-top: 2.5em; } .tip__keep_home_dry .img, .tip__keep_home_dry .info { margin-top: -20px; } .tip__dripping_tap .img { text-align: left; width: 250px; } .tip__dripping_tap .extra { width: 590px; } .tip__dripping_tap .extra .img, .tip__dripping_tap .extra .title, .tip__dripping_tap .extra .info { float: left; } .tip__dripping_tap .extra .title, .tip__dripping_tap .extra .info { width: 290px; } .tip__dripping_tap .extra .title { margin-top: 1em; } .tip__dripping_tap.alt .extra, .tip__dripping_tap.pullout_tip .extra { width: 290px; height: 590px; } .tip__dripping_tap.alt .extra .img, .tip__dripping_tap.pullout_tip .extra .img, .tip__dripping_tap.alt .extra .title, .tip__dripping_tap.pullout_tip .extra .title, .tip__dripping_tap.alt .extra .info, .tip__dripping_tap.pullout_tip .extra .info { float: none; } .tip__dripping_tap.alt .extra .title, .tip__dripping_tap.pullout_tip .extra .title, .tip__dripping_tap.alt .extra .info, .tip__dripping_tap.pullout_tip .extra .info { width: auto; padding-left: 20px; padding-right: 20px; } .tip__dripping_tap.alt .extra .title, .tip__dripping_tap.pullout_tip .extra .title { font-size: 1.5625em; line-height: 1.2em; } .tip__laundry .extra { height: 590px; } .tip__laundry .title, .tip__laundry .info { width: 250px; margin-left: auto; margin-right: auto; } .tip__heated_towel_rail .extra { width: 590px; } .tip__heated_towel_rail .extra .img, .tip__heated_towel_rail .extra .title, .tip__heated_towel_rail .extra .info { float: left; } .tip__heated_towel_rail .extra .title, .tip__heated_towel_rail .extra .info { width: 290px; padding-right: 30px; } .tip__heated_towel_rail .extra .title { margin-top: 1.75em; } .tip__heated_towel_rail.alt .extra, .tip__heated_towel_rail.pullout_tip .extra { width: 290px; height: 590px; } .tip__heated_towel_rail.alt .extra .img, .tip__heated_towel_rail.pullout_tip .extra .img, .tip__heated_towel_rail.alt .extra .title, .tip__heated_towel_rail.pullout_tip .extra .title, .tip__heated_towel_rail.alt .extra .info, .tip__heated_towel_rail.pullout_tip .extra .info { float: none; } .tip__heated_towel_rail.alt .extra .title, .tip__heated_towel_rail.pullout_tip .extra .title, .tip__heated_towel_rail.alt .extra .info, .tip__heated_towel_rail.pullout_tip .extra .info { width: auto; text-align: center; padding-left: 20px; padding-right: 20px; } .tip__ventilation_for_dryer .title, .tip__ventilation_for_dryer .info { width: 200px; margin: 0 auto; text-align: center; font-size: 1.5625em; line-height: 1.2em; margin-top: 3em; } .tip__ventilation_for_dryer .extra { height: 590px; } .tip__ventilation_for_dryer .extra .img { height: auto; line-height: normal; margin-top: 3em; } .tip__insulation .img img { vertical-align: top; } .tip__insulation .title, .tip__insulation .info { width: 200px; margin: 0 auto; margin-top: 1em; } .tip__insulation .extra { height: 590px; } .tip__track_usage .extra { width: 590px; } .tip__track_usage .extra .img, .tip__track_usage .extra .title, .tip__track_usage .extra .info { float: left; } .tip__track_usage .extra .title, .tip__track_usage .extra .info { width: 290px; padding-right: 70px; font-size: 1.5625em; line-height: 1.2em; } .tip__track_usage .extra .title { margin-top: 4em; } .tip__track_usage.alt .extra, .tip__track_usage.pullout_tip .extra { width: 290px; height: 590px; } .tip__track_usage.alt .extra .img, .tip__track_usage.pullout_tip .extra .img, .tip__track_usage.alt .extra .title, .tip__track_usage.pullout_tip .extra .title, .tip__track_usage.alt .extra .info, .tip__track_usage.pullout_tip .extra .info { float: none; } .tip__track_usage.alt .extra .title, .tip__track_usage.pullout_tip .extra .title, .tip__track_usage.alt .extra .info, .tip__track_usage.pullout_tip .extra .info { width: auto; text-align: center; padding-left: 20px; padding-right: 20px; } .tip__track_usage.alt .extra .title, .tip__track_usage.pullout_tip .extra .title { margin-top: 2em; } .tracking-generic-error { padding: 40px; } .datepicker { letter-spacing: -0.5px; /* Radio Buttons Style */ } .datepicker .clearfix { clear: both; } .datepicker p { margin: 0px; } .datepicker .datepicker-currentDate { margin-bottom: 10px; } .datepicker .datepicker-loader { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; } .datepicker .datepicker-loader #loader { position: relative; z-index: 1; width: 56px; height: 56px; background-color: #fff; display: block; overflow: hidden; transform: translate3d(0, 0, 0); text-align: center; opacity: 1; } .datepicker .datepicker-loader .datepicker-loader-oval { width: 50px; margin-bottom: 15px; } .datepicker .datepicker-loader span { color: #1D79DE; font-family: 'Rubrik-Regular'; font-size: 14px; font-weight: 300; line-height: 17px; text-align: center; } .datepicker .datepicker-content { padding: 20px 4.7% 17px; } .datepicker .datepicker-content .datepicker-step { align-items: center; display: flex; margin-bottom: 5px; margin-top: 0px; } .datepicker .datepicker-content .datepicker-step p { width: 250px; } .datepicker .datepicker-content .datepicker-title { color: #444444 !important; font-family: 'Rubrik-Light'; font-size: 20px; font-weight: 200; line-height: 28px; margin-top: 10px; margin-bottom: 0px; } .datepicker .datepicker-content .datepicker-highlight { color: #1D79DE; } .datepicker .datepicker-content .datepicker-highlight span { color: #fff; } .datepicker .datepicker-content p { color: #444444; line-height: 18px; font-family: 'Rubrik-Regular'; } .datepicker .datepicker-content .datepicker-time { border: 1px solid #D9D9D9; margin-bottom: 12px; padding: 9px 10px 9px 10px; display: flex; align-items: center; } .datepicker .datepicker-content .datepicker-time label { font-family: 'Rubrik-Regular'; font-size: 14px; font-weight: 300; line-height: 18px; } .datepicker .datepicker-content .datepicker-time .datepicker-circle { width: 18px; height: 18px; } .datepicker .datepicker-content .datepicker-time--unavailable { padding: 9px 10px 9px 10px; } .datepicker .datepicker-content .datepicker-time--unavailable .datepicker-circle { margin-right: 6px; } .datepicker .datepicker-content .datepicker-time--unavailable label { font-size: 12px; font-weight: 300; line-height: 14px; } .datepicker .datepicker-content .datepicker-btn-cancel { color: #FFF; border: 1px solid transparent; background-color: transparent; color: #1D79DE; display: block; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 18px; text-align: center; width: 100%; } .datepicker [type="radio"]:checked, .datepicker [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .datepicker [type="radio"]:checked + label, .datepicker [type="radio"]:not(:checked) + label { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } .datepicker [type="radio"]:checked + label:before, .datepicker [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .datepicker [type="radio"]:checked + label:after, .datepicker [type="radio"]:not(:checked) + label:after { content: ''; width: 12px; height: 12px; background: #1D79DE; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .datepicker [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .datepicker [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .datepicker-container { background-color: #fff; width: 100%; height: 100%; } .datepicker-btn { color: #FFF; border: 1px solid transparent; background-color: #1D79DE; cursor: pointer; display: inline-block; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.4em; line-height: 2.4em; margin: 0px 0px 10px 0px; padding: 7.5px 0px; text-align: center; text-decoration: none; white-space: nowrap; text-transform: uppercase; width: 100%; } .datepicker-circle { align-items: center; border: 1px solid #1D79DE; border-radius: 50px; display: flex; float: left; justify-content: center; margin-right: 10px; width: 24px; height: 24px; margin-top: 10px; margin-bottom: 10px; } .datepicker-circle span { color: #1D79DE; font-family: 'Rubrik-Regular'; font-size: 14px; } .datepicker-circle:last-of-type { margin-top: 5px; } .datepicker-circle--filled { background-color: #1D79DE; } .datepicker-circle--filled span { color: #fff; } .v-cal { width: 100%; max-width: 400px; margin-bottom: 10px; overflow: hidden; } .v-cal .vcal-btn { -moz-user-select: none; -ms-user-select: none; -webkit-appearance: button; background: none; border: 0; color: inherit; cursor: pointer; font: inherit; line-height: normal; padding: 16px; outline: none; overflow: visible; text-align: center; } .v-cal .vcal-btn:active { border-radius: var(--vcal-border-radius); } .v-cal .vcal-btn:disabled { opacity: 0.4; } .v-cal .vcal-btn .left-arrow { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .v-cal .vcal-btn .right-arrow { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .v-cal .vcal-btn i { border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; } .v-cal .vcal-header { align-items: center; display: flex; height: 40px; width: 100%; background: linear-gradient(135deg, #2A7DDD 0%, #6C1380 100%); } .v-cal .vcal-header .vcal-header__label { width: 100%; color: #FFFFFF; font-family: 'Rubrik-Light', sans-serif; font-size: 14px; font-weight: 300; text-align: center; } .v-cal .vcal-month { width: calc(100% - 2px - 6.9%); max-width: 400px; border-left: 1px solid #1D79DE; border-right: 1px solid #1D79DE; border-bottom: 1px solid #1D79DE; background-color: #FFFFFF; padding: 10px 3.45% 0px 3.45%; } .v-cal .vcal-month .vcal-week--mobile { display: flex; flex-wrap: wrap; padding-bottom: 10px; } .v-cal .vcal-month .vcal-week--mobile span { display: inline-block; height: 17px; width: 14.28%; color: #646464; font-family: 'Rubrik-Medium'; font-size: 13px; font-weight: 500; line-height: 17px; text-align: center; text-transform: uppercase; } .v-cal .vcal-month .vcal-week { display: none; } .v-cal .vcal-body { display: flex; flex-wrap: wrap; padding: 0; } .v-cal .vcal-body .vcal-date { display: flex; justify-content: center; align-items: center; border: 1px solid #EBEBEB; background-color: #FFFFFF; margin-bottom: 9.65px; width: calc(14.28% - 2px); height: 36px; } @media screen and (min-width: 375px) { .v-cal .vcal-body .vcal-date { height: 34px; } } @media screen and (min-width: 425px) { .v-cal .vcal-body .vcal-date { height: 47.6px; } } .v-cal .vcal-body .vcal-date span { color: #454F5E; font-family: 'Rubrik-Regular'; font-size: 14px; font-weight: 300; line-height: 18px; text-align: center; } .v-cal .vcal-body .vcal-date--disabled { border-radius: 0; background-color: #F8F8F8; } .v-cal .vcal-body .vcal-date--disabled span { opacity: 0.3; } .v-cal .vcal-body .vcal-date--empty { border: none; background: none; width: 14.28%; } .v-cal .vcal-body .vcal-date--active { cursor: pointer; } .v-cal .vcal-body .vcal-date--am { background: linear-gradient(to right bottom, #fff 50%, #f8f8f8 50%); } .v-cal .vcal-body .vcal-date--pm { background: linear-gradient(to right bottom, #f8f8f8 50%, #fff 50%); } .v-cal .vcal-body .vcal-date--allday { background-color: #fff; } .v-cal .vcal-body .vcal-date--selected-pm { background: linear-gradient(to right bottom, #F8F8F8 50%, #8EBCEE 50%); } .v-cal .vcal-body .vcal-date--selected-am { background: linear-gradient(to right bottom, #8EBCEE 50%, #F8F8F8 50%); } .v-cal .vcal-body .vcal-date--selected-allday { background-color: #8EBCEE; } /* Tooltip style */ .ui-tooltip { border: 1px solid #1D79DE !important; padding: 6px 8px 9px 9px; color: #454F5E; border-radius: 0px; font-family: 'Rubrik-Light'; font-size: 12px; font-weight: 300; line-height: 14px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15); max-width: 155px; z-index: 8020; } .ui-tooltip .ui-tooltip-content { display: flex; align-items: center; } .ui-tooltip .datepicker-circle { flex: none; width: 14px; height: 14px; } .ui-tooltip, .arrow:after { background: white; border: 1px solid #1D79DE; } .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .arrow.top:after { bottom: -20px; top: auto; } .ui-tooltip { display: none !important; } .datepicker-check-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Rubrik-Light', Arial, sans-serif; color: #444444; font-size: 14px; line-height: 18px; margin-bottom: 10px; } .datepicker-check-label { top: -3px; position: relative; } /* Hide the browser's default checkbox */ .datepicker-check-container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .datepicker-check-checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05); border: 0.5px solid #DDDDDD; } /* On mouse-over, add a grey background color */ .datepicker-check-container:hover input ~ .datepicker-check-checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .datepicker-check-container input:checked ~ .datepicker-check-checkmark { background-color: #fff; } /* Create the checkmark/indicator (hidden when not checked) */ .datepicker-check-checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .datepicker-check-container input:checked ~ .datepicker-check-checkmark:after { display: block; } /* Style the checkmark/indicator */ .datepicker-check-checkmark:after { left: 8px; top: 2px; width: 5px; height: 14px; border: solid #1D79DE; border-width: 0 3px 3px 0; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); } .datepicker-attributes { padding: 10px 0; } .datepicker-attributes div { clear: both; } .datepicker-divider { box-sizing: border-box; height: 1px; width: 100%; border: 0.5px solid #B4B4B4; opacity: 0.5; } .datepicker-divider--last { margin-bottom: 15px; } .datepicker-key { color: #454F5E; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 18px; } .datepicker-value { opacity: 0.9; color: #454F5E; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 14px; line-height: 17px; width: 140px; display: inline-block; text-align: right; float: right; margin-bottom: 11px; } .datepicker-note { color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 18px; text-align: center; } .datepicker-note b { color: #1D79DE; } .tracking-meterread-dialogue { box-sizing: border-box; letter-spacing: -0.5px; background-color: #FBFBFB; height: 100%; } #tracking-meterread-content { padding: 20px; } .tracking-meterread-btn-submit { color: #FFF; border: 1px solid transparent; background-color: #1D79DE; cursor: pointer; display: inline-block; font-family: 'Rubrik-Regular', Arial, sans-serif !important; font-size: 16px !important; line-height: 24px; width: auto; margin: 10px 20px 0px 0px; padding: 7.5px 20px; text-align: center; text-decoration: none; white-space: nowrap; text-transform: uppercase; } .tracking-meterread-btn-submit:hover { background-color: #196ac3; cursor: pointer; } .tracking-meterread-title { width: 80%; color: #444444; font-family: 'Rubrik-Light'; font-size: 24px; line-height: 28px; margin: 0; padding: 0; padding-bottom: 10px; } .tracking-meterread-subtitle { color: #444444; font-family: 'Rubrik-Light'; font-size: 14px; line-height: 18px; margin-bottom: 10px; } .tracking-meterread-address { font-family: 'Rubrik-Regular'; font-size: 14px; line-height: 18px; color: #444444; margin-bottom: 10px; } .tracking-meterread-address b { font-weight: 400; } .tracking-meterread-error { font-family: 'Rubrik-Regular'; font-size: 14px; line-height: 18px; color: red; margin-bottom: 10px; } /* dropzone component */ .tracking-meterread-metercontainer, .tracking-meterread-metercontainer * { box-sizing: border-box; } .tracking-meterread-metercontainer .dropzone { width: 100%; min-height: 104px; color: #454f5e; font-family: 'Rubrik-Regular'; font-size: 13px; line-height: 18px; position: relative; margin-bottom: 10px; font-weight: 400; padding: 10px; border: 1px solid #ebebeb; } .tracking-meterread-metercontainer .dropzone b { font-weight: 400; } .tracking-meterread-metercontainer .dropzone .tracking-meterread-meternumber { width: 100%; color: #1d79de; font-family: 'Rubrik-Regular'; font-size: 14px; line-height: 19px; } .tracking-meterread-metercontainer .dropzone .tracking-meterread-meternumber b { color: #454f5e; } .tracking-meterread-metercontainer .dropzone .dz-message { font-family: 'Rubrik-Regular'; font-size: 13px; line-height: 18px; width: 100%; padding-top: 20px; margin: 0px; } .tracking-meterread-metercontainer .dropzone .dz-message p { color: #454f5e; font-family: 'Rubrik-Regular'; font-size: 13px; line-height: 18px; margin: 0; } .tracking-meterread-metercontainer .dropzone .dz-message p.meter-message { display: none; } .tracking-meterread-metercontainer .dropzone .dz-message span { color: #1d79de; } .tracking-meterread-metercontainer .dropzone .dz-message .tracking-meterread-img { display: none; } .tracking-meterread-metercontainer .dropzone .dz-message .tracking-meterread-camera-img { width: 45px; margin-bottom: 15px; } .tracking-meterread-metercontainer .dropzone .dz-preview { min-height: 90px; width: 100%; text-align: center; padding: 0px; margin: 0px; padding-top: 20px; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-image-custom { border-radius: 20px; overflow: hidden; width: 80px; height: 80px; position: relative; z-index: 10; display: none; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-image-custom img { width: 80px; display: inline; } .tracking-meterread-metercontainer .dropzone .dz-preview .data-dz-remove-custom { position: absolute; top: -20px; right: 0; display: none; float: right; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-image-custom-wrapper { display: none; position: relative; width: 80px; height: 80px; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-success-mark-custom { pointer-events: none; opacity: 0; z-index: 500; position: absolute; top: -9px; right: -12px; z-index: 20; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-processing .dz-progress-custom { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-complete .dz-progress-custom { opacity: 0; } .tracking-meterread-metercontainer .dropzone .dz-preview:not(.dz-processing) .dz-progress-custom { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-progress-custom { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 9px; width: 100%; background: #EBEBEB; -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-progress-custom .dz-upload-custom { background: #1D79DE; position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-file-preview-custom .dz-image-custom { border-radius: 5px; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-details-custom { text-align: left; padding-top: 10px; padding-bottom: 5px; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-details-custom .dz-filename-custom { width: 100%; display: inline; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-details-custom .dz-filename-custom span { width: 58%; display: inline-block; font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-details-custom .dz-filename-custom .dz-remove { display: inline-block; width: 40%; text-align: right; font-size: 9px; } .tracking-meterread-metercontainer .dropzone .dz-preview .dz-details-custom .dz-size-custom { display: none; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-success .dz-image-custom-wrapper { display: inline-block; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-success .dz-image-custom { display: inline-block; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-success .data-dz-remove-custom { display: inline; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-success .dz-remove { display: none; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-success .dz-details-custom { display: none; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-success .dz-details-custom .dz-filename-custom { display: none; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-success .dz-success-mark-custom { -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .tracking-meterread-metercontainer .dropzone .dz-preview.dz-processing .dz-details-custom { opacity: 1; } .tracking-page .account_title { display: none; } .tracking-page .account_title.tracking-user-name { display: block; } #under-services-tracking-panel { margin-top: 30px; } .tracking-panel { clear: right; } .tracking { background-color: #FFFFFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); margin-bottom: 5px; min-height: 300px; } .tracking:last-of-type { margin-bottom: 0px; } .tracking p { margin-bottom: 0px; color: #454F5E; font-size: 1.4rem; line-height: 1.8rem; } .tracking-heading { height: 50px; position: relative; } .tracking-heading .gradients { width: 100%; } .tracking-heading-title { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 180px; height: 17px; color: #FFFFFF; font-family: 'Rubrik-Light'; font-size: 13px; font-weight: bold; line-height: 17px; text-transform: uppercase; text-align: center; z-index: 6; } .tracking-service-switcher { box-sizing: border-box; width: 100%; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); padding: 0px 20px; position: relative; background-color: white; } .tracking-service-switcher-slider { box-sizing: border-box; width: 100%; height: 50px; } .tracking-service-switcher-slider .slick-arrow { top: 20px; border: solid #1D79DE; border-width: 0 1px 1px 0; height: 9px; width: 9px; } .tracking-service-switcher-slider .slick-arrow ::before { display: none; } .tracking-service-switcher-slider .slick-arrow.slick-next { right: -9px; transform: rotate(-45deg); } .tracking-service-switcher-slider .slick-arrow.slick-prev { left: -9px; transform: rotate(135deg); } .tracking-service-switcher-slider .slick-arrow.slick-disabled { display: none !important; } .tracking-service-switcher-marker { position: absolute; bottom: 0px; height: 5px; border-bottom: 5px solid #1D79DE; left: 0px; } .tracking-service-switcher-item { position: relative; text-align: center; padding: 12px 0px; box-sizing: border-box; height: 50px; } .tracking-service-switcher-item:hover { cursor: pointer; } .tracking-service-switcher-item:focus { border: none; outline: none; } .tracking-service-switcher-item.selected .tracking-service-switcher-title { display: inline; } .tracking-service-switcher-item.hasAction .tracking-service-switcher-img { top: -2px; position: relative; } .slick-slider .slick-slide .tracking-service-switcher-img { display: inline; } .tracking-service-switcher-title { display: none; text-transform: uppercase; font-size: 13px; font-family: 'Rubrik-Regular', Arial, sans-serif; color: #646464; font-weight: bold; margin-left: 8px; vertical-align: middle; } .tracking-content { position: absolute; visibility: hidden; padding: 0px 15px 15px 0px; } .tracking-sidebar { display: flex; flex-direction: column; align-items: center; float: left; width: 44px; background-color: #fff; padding-top: 11px; } .tracking-subheading { padding-top: 12px; padding-bottom: 22px; min-height: 36px; position: relative; } .tracking-subheading-side { display: flex; flex-direction: column; align-items: center; justify-content: center; float: left; width: 44px; height: 38px; padding-top: 3.5px; } .tracking-subheading-title { font-family: 'Rubrik-Medium' !important; color: #646464; font-size: 13px; line-height: 15px; margin-top: 0px !important; text-transform: uppercase; position: relative; } .tracking-step-icp { position: absolute; bottom: 3px; left: 13px; opacity: 0.65; color: #666666; font-size: 11px; line-height: 10px; font-family: 'Rubrik-Medium' !important; } .tracking-progress { width: 15px; border-radius: 7.5px; background-color: #F2F2F2; position: relative; z-index: 1; top: 1px; } .tracking-progress-check { height: 8.44px; width: 9.14px; box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.5); } .tracking-progress-bar { width: 15px; border-radius: 7.5px; background: linear-gradient(135deg, #76E56C 0%, #4FC76F 33.47%, #008C75 100%); } .tracking-progress-bar-indicator { position: absolute; left: -28.5px; width: 0px; z-index: 2; top: 14px; } .tracking-progress-bar--circle { align-items: center; border-radius: 50px; display: flex; justify-content: center; margin: 0 auto; position: relative; height: 9px; width: 9px; background-color: transparent; border: 2px solid #fff; box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.5); overflow: hidden; } .tracking-progress-bar--circle svg { position: absolute; top: -2px; left: -2px; } .tracking-progress-bar--circle.tracking-progress-bar--check { background-color: #fff; } .tracking-accordion { margin-bottom: 12px; } .tracking-accordion p { margin-bottom: 0px; color: #454F5E; font-size: 14px; line-height: 18px; } .tracking-accordion .ui-state-default { background: none; } .tracking-accordion .ui-state-default .ui-icon { background-image: none; } .tracking-accordion .ui-icon { background-image: none; border: solid #1D79DE; border-width: 0 1px 1px 0; display: inline-block; float: right; height: 9px; position: relative; width: 9px; -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; } @media screen and (min-width: 375px) { .tracking-accordion { left: -8px; } } .tracking-accordion .up-arrow { top: 5px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .tracking-accordion .down-arrow { bottom: -1px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .tracking-accordion .ui-accordion-header { color: #454F5E !important; font-weight: bold !important; font-family: 'Rubrik-Light' !important; font-size: 14px !important; line-height: 18px !important; border-top: 1px solid #EBEBEB; padding: 11px 0px !important; margin-bottom: 0px; position: relative; margin-left: 44px; } .tracking-accordion .ui-accordion-header .tracking-step-title { position: relative; top: 1px; letter-spacing: -0.5px; } .tracking-accordion .ui-accordion-header .tracking-step-title.tracking-step-title--active { opacity: 1; } .tracking-accordion .ui-accordion-header .tracking-circle, .tracking-accordion .ui-accordion-header .tracking-step-title, .tracking-accordion .ui-accordion-header .tracking-accordion-subtext--desktop { opacity: 0.6; } .tracking-accordion .ui-accordion-header.subtext-alert .tracking-step-title { width: 55%; display: inline-block; } .tracking-accordion .ui-accordion-header.subtext-alert .tracking-circle--active { opacity: 1; } .tracking-accordion .ui-accordion-header:first-of-type { border-top: none; } .tracking-accordion .ui-accordion-header-active { border-bottom: none; } .tracking-accordion .ui-accordion-header-active .ui-icon { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .tracking-accordion .ui-accordion-content { padding-bottom: 14px; position: relative; margin-left: 44px; opacity: 0; -webkit-transition: opacity 1s ease-in 0s; -moz-transition: opacity 1s ease-in 0s; -o-transition: opacity 1s ease-in 0s; transition: opacity 1s ease-in 0s; } .tracking-accordion .ui-accordion-content-active { opacity: 1; } .tracking-accordion-subtext { color: #454F5E; font-size: 12px; line-height: 14px; position: relative; top: -8px; } .tracking-accordion-subtitle { color: #1D79DE; display: none; font-size: 12px; font-weight: bold; line-height: 14px; position: relative; letter-spacing: -0.5px; top: 5px; margin-bottom: 8px; } .tracking-accordion-action-required { border-radius: 2px; background-color: #D0021B; color: #FFFFFF; display: inline-block; font-size: 9px; line-height: 10px; padding: 2px 4px; text-transform: uppercase; } .tracking-alert { border-radius: 2px; background-color: #D0021B; box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.2); color: #FFFFFF !important; display: block; font-family: 'Rubrik-Light'; font-size: 10px; font-weight: bold; height: 8px; line-height: 8px; width: 8px; padding: 1px; position: absolute; top: -5px; right: -5px; text-align: center; } .tracking-circle { align-items: center; border: 1px solid #1D79DE; border-radius: 50px; display: flex; float: left; justify-content: center; height: 13px; margin-right: 10px; position: relative; top: 3px; width: 13px; } .tracking-circle span { color: #1D79DE; font-family: 'Rubrik-Regular'; font-size: 8px; } .tracking-circle--active { background-color: #1D79DE; } .tracking-circle--active span { color: #fff; } .panel .tracking .tracking-content .tracking-accordion .tracking-button, .tracking-confirm-dialogue .tracking-button { color: #FFF; border: 1px solid transparent; background-color: #1D79DE; cursor: pointer; display: inline-block; font-family: 'Rubrik-Regular', Arial, sans-serif !important; font-size: 16px !important; line-height: 24px; margin: 10px 0px 0px 0px; padding: 7.5px 0px; text-align: center; text-decoration: none; white-space: nowrap; text-transform: uppercase; width: 100%; } .panel .tracking .tracking-content .tracking-accordion .tracking-button:hover, .tracking-confirm-dialogue .tracking-button:hover { background-color: #196ac3; cursor: pointer; } .tracking-button-inverse { color: #1D79DE; border: 1px solid #1D79DE; background-color: #fff; } .tracking-button-inverse:hover { background-color: #fff; color: #1D79DE; cursor: pointer; } .tracking-accordion-subtext--desktop { display: none; } .tracking-notification { background-color: #FFFFFF; box-shadow: 0 0 10px 0 rgba(206, 206, 206, 0.5); margin: 0px 0px 15px 15px; position: relative; padding: 15px 15px 15px 20px; } .tracking-notification-shade { background: linear-gradient(135deg, #2A7DDD 0%, #6C1380 100%); height: 100%; width: 5px; position: absolute; top: 0px; left: 0px; } .tracking-notification-title { color: #646464 !important; font-family: 'Rubrik-Medium', Arial, sans-serif; font-size: 13px !important; line-height: 17px; margin: 0px; padding: 0px; } .tracking-notification-description { color: #454F5E; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; } .tracking-footer { font-family: 'Rubrik-Light' !important; color: #454F5E; font-family: Rubrik; font-size: 14px; line-height: 18px; margin-left: 15px; } .tracking-footer b { color: #1D79DE; } .tracking-notification-footer { font-family: 'Rubrik-Light' !important; color: #454F5E; font-family: Rubrik; font-size: 1.2em; line-height: 18px; margin-left: 15px; } .alert_fault { position: absolute; z-index: 20; max-width: 915px; } .ui-accordion-content-active.subtext-alert .tracking-accordion-subtext { display: none; } .ui-accordion-header-active.subtext-alert .tracking-accordion-subtitle { display: block; } /* Confirmation dialogue */ .tracking-confirm-dialogue { padding: 20px; letter-spacing: -0.3px; } .tracking-confirm-dialogue-title, .tracking-confirm-submitted-dialogue-title { color: #444444; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 24px; line-height: 28px; width: 223px; margin: 0px 0px 9px 0px; } .tracking-confirm-dialogue-description, .tracking-confirm-submitted-dialogue-description { color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 18px; margin: 0px 0px 20px 0px; } .tracking-confirm-dialogue-attributes { padding: 10px 0; } .tracking-confirm-dialogue-attributes div { clear: both; } .tracking-confirm-divider { box-sizing: border-box; height: 1px; width: 100%; border: 0.5px solid #B4B4B4; opacity: 0.5; } .tracking-confirm-divider--last { margin-bottom: 23px; } .tracking-confirm-dialogue-key { color: #454F5E; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 14px; line-height: 18px; } .tracking-confirm-dialogue-value { opacity: 0.9; color: #454F5E; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 14px; line-height: 17px; width: 140px; display: inline-block; text-align: right; float: right; margin-bottom: 11px; } .tracking-confirm-dialogue-note { color: #444444; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 18px; margin-top: 10px; } .tracking-confirm-dialogue-note b { color: #1D79DE; } /* Checkbox container */ .tracking-confirm-dialogue-check-container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Rubrik-Light', Arial, sans-serif; color: #444444; font-size: 14px; line-height: 18px; margin-top: 15px; margin-bottom: 130px; } .tracking-confirm-dialogue-check-label { top: 3px; position: relative; } /* Hide the browser's default checkbox */ .tracking-confirm-dialogue-check-container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .tracking-confirm-dialogue-check-checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05); border: 0.5px solid #DDDDDD; } /* On mouse-over, add a grey background color */ .tracking-confirm-dialogue-check-container:hover input ~ .tracking-confirm-dialogue-check-checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .tracking-confirm-dialogue-check-container input:checked ~ .tracking-confirm-dialogue-check-checkmark { background-color: #fff; } /* Create the checkmark/indicator (hidden when not checked) */ .tracking-confirm-dialogue-check-checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .tracking-confirm-dialogue-check-container input:checked ~ .tracking-confirm-dialogue-check-checkmark:after { display: block; } /* Style the checkmark/indicator */ .tracking-confirm-dialogue-check-checkmark:after { left: 8px; top: 2px; width: 5px; height: 14px; border: solid #1D79DE; border-width: 0 3px 3px 0; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); } .tracking-confirm-dialogue-btn, .tracking-confirm-submitted-dialogue-btn { margin: 0px 0px 0px 0px !important; } .tracking--disabled { opacity: 0.5; pointer-events: none; } .tracking-page .fancybox-wrap { margin-top: 50px; } /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ #traffic_map { height: 0px; } .show_on_xlarge { display: none; } .m_cameras_list_wrapper { width: 100%; overflow: hidden; background-color: #E4E4E2; } .m_cameras_static_map { background: no-repeat center center; background-size: cover; width: 100%; height: 250px; } .m_cameras_list_offset { width: 200%; -webkit-transition: margin-left 0.2s ease-out; -moz-transition: margin-left 0.2s ease-out; transition: margin-left 0.2s ease-out; } .m_cameras_list_offset.active { margin-left: -100%; } .m_cameras_list_offset.active .m_cameras_list ul { overflow: hidden; height: 1px; } .m_cameras_list_offset.active .camera_details_wrapper { height: auto; } a.m_cameras_back_btn { display: block; padding: 5px 0 20px 20px; /*border-bottom:solid 1px #6D7781;*/ background: url(/images/page_list_arrow_back.png) no-repeat left 6px; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.3em; line-height: 100%; color: white; } .m_cameras_list ul { float: left; width: 50%; margin: 0; font-size: 1em; } .m_cameras_list ul li { font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 1.3em; line-height: 1.666667em; list-style: none; list-style-type: none; margin-left: 0; padding-left: 0; padding-bottom: 0; } .m_cameras_list ul li:before { content: normal; } .m_cameras_list ul li a { border-bottom: 1px solid #E7E7E4; color: #46525F; display: block; padding-top: 0.833333em; padding-bottom: 0.833333em; padding-left: 4.1665%; padding-right: 4.1665%; text-transform: uppercase; background: url(/images/page_list_arrow.png) no-repeat 95.8335% 16px #f1f1ee; } .m_cameras_list ul li a:hover { background-color: #CDCECF; } .m_cameras_list ul li a.selected { background-color: #E7E7E4; } .traffic_camera_marker { position: absolute; bottom: 10px; left: 0; background: #2D7BDB; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); cursor: pointer; } .traffic_camera_marker:after { content: " "; display: block; position: absolute; top: 100%; left: 0; width: 0; height: 0; border-top: 10px solid #2D7BDB; border-right: 10px solid transparent; } .traffic_camera_marker h3 { position: relative; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; color: white; margin: 0; padding: 0 5px; font-size: 16px; line-height: 180%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; } .traffic_camera_marker h3 span { position: absolute; display: block; overflow: hidden; white-space: nowrap; left: 100%; top: 0; background: #46535F; padding: 0; width: 0; max-width: 0; -webkit-transition: max-width 1s ease-out; -moz-transition: max-width 1s ease-out; transition: max-width 1s ease-out; } .traffic_camera_marker h3:hover span { padding: 0 5px; width: auto; max-width: 500px; } .traffic_camera_marker.selected h3 { font-size: 40px; padding: 2px 10px; } .traffic_camera_marker.selected:hover span { width: 0; padding: 0; } .camera_details_wrapper { float: left; width: 45%; height: 0px; overflow: hidden; padding: 2.5%; background: #46535F; color: white; /* -- not being used camera_details.loading { background: url('/images/loader_large_white.gif') no-repeat center center; min-height:130px; } */ } .camera_details_wrapper h2, .camera_details_wrapper h3, .camera_details_wrapper h4 { color: white; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; } .camera_details_wrapper h2:first-child, .camera_details_wrapper h3:first-child, .camera_details_wrapper h4:first-child { margin-top: 0; } .camera_details_wrapper .cam_title { position: relative; float: left; margin: 40px 0 0 0; padding: 25px 0; line-height: 1.7em; } .camera_details_wrapper .cam_title:before { content: " "; display: block; position: absolute; top: 0; left: 0; background: #ECECFB; width: 45%; height: 2px; } .camera_details_wrapper .cam_title .cam_title_number { float: left; width: 30%; font-size: 70px; line-height: 1em; } .camera_details_wrapper .cam_title .cam_title_name { float: right; width: 70%; font-size: 20px; } .camera_details_wrapper .cam_title .cam_title_time { float: right; width: 70%; font-size: 12px; } .camera_details_wrapper .cam_main_image { max-width: 100%; margin-bottom: 3px; } .camera_details_wrapper .cam_main_image img { max-width: 100%; } .camera_details_wrapper .cam_thumbs { margin: 0 -3px; } .camera_details_wrapper .cam_thumbs a { position: relative; float: left; max-width: 112px; width: 31.3333%; margin: 1%; } .camera_details_wrapper .cam_thumbs a:hover:after { content: "Click to enlarge"; display: block; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; line-height: 98px; background: url(/images/enlarge_image_hover.png) no-repeat center center; color: white; font-size: 12px; text-align: center; } .camera_details_wrapper .cam_thumbs img { max-width: 100%; } #bill-guide { margin-top: 40px; background-color: #fff; position: relative; margin: 40px auto; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bill-guide-btn { cursor: pointer; text-align: center; text-decoration: none; white-space: nowrap; text-transform: uppercase; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bill-guide-tabs { overflow: hidden; width: 100%; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); background-color: white; position: absolute; z-index: 1; top: -77px; } .bill-guide-tab { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; width: calc(50% - 20px); color: #646464; font-family: 'Rubrik-Regular', Arial, sans-serif; font-size: 13px; font-weight: 500; float: left; line-height: 17px; display: inline-block; padding-top: 12px; position: relative; } .bill-guide-tab:visited { color: #646464; } .bill-guide-tab:last-child { border-right: 1px solid #D9D9D9; } .tabMarker { position: absolute; width: calc(50% - 20px); bottom: 0px; height: 5px; border-bottom: 5px solid #1D79DE; } .bill-guide-info { background-color: #F5F3F0; padding: 12px 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bill-guide .bill-guide-subheading { color: #666666; font-family: 'Rubrik-ExtraLight', Arial, sans-serif; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } #bill-guide-close { border-left: 1px solid #D9D9D9; color: #646464; display: inline-block; font-size: 22px; float: left; height: 40px; width: 40px; background: url(/images/fancybox/cross_sprite.png) center center no-repeat; background-position: 4px -63px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bill-guide-page { position: relative; width: 100%; height: auto; } .bill-guide-image-zoomed { overflow: hidden; } .bill-guide-img { position: absolute; width: 100%; height: auto; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); } .bill-guide-marker { position: absolute; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; z-index: 1; display: none; } .bill-guide-marker img { position: relative; width: 30px; height: 30px; } .bill-guide-marker-pin { position: absolute; width: 40px; height: auto; margin-top: -20px; margin-left: -20px; } .bill-guide-marker-pin img { position: relative; width: 40px; height: auto; } .bill-guide-accordion-container { display: none; } .bill-guide-slider { position: fixed; z-index: 2; bottom: 0px; height: 209px; width: 100%; margin: 0px auto; background-color: #FFFFFF; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); padding: 17px 0px 34px 0px; bottom: -209px; } .bill-guide-slider * { box-sizing: border-box; } .bill-guide-slider ul > li:before { margin-left: 0; padding-right: 0; content: ""; } .bill-guide-slider .slick-dots { line-height: 0px; bottom: 15px; } .bill-guide-slider .slick-dots .slick-active { opacity: 1; } .bill-guide-slider .slick-dots li { height: 8px; width: 8px; margin: 0 4px; opacity: 0.3; } .bill-guide-slider .slick-dots li button:before { content: ''; width: 8px; height: 8px; } .bill-guide-slider .slick-dots li button { background-color: #1D79DE; border: 1px solid #1D79DE; border-radius: 8px; height: 0px; width: 0px; padding: 4px; } .bill-guide-slider .slick-prev:before, .bill-guide-slider .slick-next:before { color: black; } .bill-guide-slider .slick-slide { transition: all ease-in-out 0.5s; border: 1px solid transparent; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); } .bill-guide-slider .slick-center { opacity: 1; } .bill-guide-slider .slick-center .bill-guide-slider-slide-content { opacity: 1; } .bill-guide-slider .slick-slide.slick-active { border: 1px solid transparent; } .bill-guide-slider .bill-guide-slider-slide-content { opacity: 0; } .bill-guide-slider .slick-slide.slick-current { opacity: 1; border: 1px solid #1D79DE; transition: all ease-in-out 0.3s; } .bill-guide-slider .slick-slide.slick-current .bill-guide-slider-slide-content { opacity: 1; } .bill-guide-slider .slick-slide { margin: 5px 5px; } .bill-guide-slider-slide { background-color: #fff; outline: none; height: 150px; width: 255px !important; display: block !important; } .bill-guide-slider-slide-content { padding: 0 15px 15px; overflow: hidden; overflow-y: auto; height: 150px; } .bill-guide-slider-slide-content h3, .bill-guide-slider-slide-content > span { display: block; line-height: 1.33; } .bill-guide-cta-container { display: none; } /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ .uybills-module { padding: 20px; } .content .module .module_inner .uybills-cta-heading { color: #FFFFFF; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 20px; letter-spacing: -0.56px; line-height: 24px; text-align: center; padding-bottom: 24px; } .uybills-card { position: relative; padding: 10% 5%; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.15); margin-top: 0px; margin-bottom: 2px; } .uybills-card-heading { color: #666666 !important; font-family: 'Rubrik-Light', Arial, sans-serif; line-height: 24px; font-size: 20px !important; text-align: center; margin: 0px 0px 18px 0px; letter-spacing: -0.5px; display: inline-block; } .uybills-card-cta { width: 100%; max-width: 255px; padding-top: 9.5px; padding-bottom: 9.5px; padding-left: 0px !important; padding-right: 0px !important; margin: 0px; font-size: 16px; letter-spacing: -0.5px; line-height: 24px; } .module .uybills-card .uybills-card-cta:hover { background-color: #196ac3; cursor: pointer; text-decoration: none; opacity: 1; } .content .module .module_inner .uybills-card-subheading { display: inline-block; letter-spacing: -0.5px; margin-bottom: 20px; color: #666666; font-size: 14px; font-weight: 300; line-height: 17px; text-align: center; max-width: 255px; } .uybills-card-img { display: inline-block; width: 60px; height: 60px; margin-bottom: 22px; } /* legend colours */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /* purple - phones */ /* allowance */ /* avg_daily_usage */ /* weekends */ /* allowance2 */ /* Normal */ /* Reading */ /* Credit */ /* Progress */ /* Cost */ /*--------------------Product colors---------------------*/ /*--------------------Freedom colors---------------------*/ /*-------------------- phoenix colors---------------------*/ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /** * Custom mixins for TP. * */ /* Does not use filter for rotating on IE as the results are ass */ /* Font-size */ /* Line-height */ /* Letter-spacing */ /* Margin */ /* Margin specific */ /* Padding */ /* Padding specific */ /* Position */ /* Height */ /* Width */ /*--------------------------- Usage ---------------------*/ .usage { color: #333; font-family: 'Rubrik-Light', Arial, sans-serif; font-size: 12px; line-height: 15px; position: relative; } .usage:before, .usage:after { content: ""; display: table; } .usage:after { clear: both; } .usage:before { background: url('/images/grey_line.png') no-repeat; content: ' '; left: -1px; padding: 10px; position: absolute; top: 8px; } .usage .label { line-height: 15px; display: block; border: 1px solid #d5d5d5; padding: 9px 30px 9px 10px; } .usage .closed .label, .usage .opened .label { cursor: pointer; } .usage .closed .label:after, .usage .opened .label:after { background: url('/images/dark_grey_down_arrow.png') no-repeat; content: " "; display: block; height: 20px; margin: -2px 0 0 0; position: absolute; right: 0; top: 50%; width: 20px; } .usage .opened .label { border: 1px solid transparent; -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); } .usage .opened .label:after { background: url('/images/dark_grey_up_arrow.png') no-repeat; } .lte7 .usage_option, .lte7 .usage { z-index: 102; } .usage_prefix { padding: 15px 0 5px 0; display: block; } .usage_option { position: relative; } /* * This was added to remove the arrow on drop downs with only one option. # (JIRA #456) * # It became unnecessary as the class closed or opened (above) never gets added # for one option. * .usage .usage_option .no_options { background: none; cursor: default; }*/ /* ------------ Grey Bar Dropdown ------------------------ */ .usage_account_list { color: #333; display: none; left: 0; position: absolute; top: 100%; z-index: 102; } .usage_account_list ul { margin-top: -1px; -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); background: #fff; margin: 0; padding: 0; } .usage_account_list li { float: none; list-style: none; margin: 0; padding: 0; } .usage_account_list li:before { content: ''; margin: 0; padding: 0; } .usage_account_list strong { border-bottom: 1px solid #eee; display: block; font: 12px/12px 'Rubrik-SemiBold', Arial, sans-serif; font-weight: normal; padding: 10px 12px 7px; } .usage_account_list a { border-bottom: 1px solid #eee; color: #333; display: block; float: none; font: 12px/12px 'Rubrik-Regular', Arial, sans-serif; padding: 8px 12px 6px 12px; text-decoration: none; } .usage_account_list a:hover, .usage_account_list a:focus { background: #eef1f4; } .graph_legend .usage_account_list li { float: none; } .lte7 .usage_account_list { z-index: 102; } .lte7 .usage_account_list a { padding-bottom: 3px; padding-top: 4px; } .lte7 .usage_account_list strong { padding-bottom: 5px; padding-top: 6px; } .values_strip { background-color: #46535F; text-align: center; } .values_strip .content_holder { padding-left: 3%; padding-right: 3%; } .values_strip p { color: #FFF; margin-bottom: 0; padding-bottom: 30px; } .values_strip .squares { max-width: 212px; margin: 0 auto; } .values_strip .squares li { border: 1px solid #6B757F; float: left; margin-bottom: 4px; margin-left: 2px; margin-right: 2px; min-height: 100px; min-width: 100px; } .values_strip .squares li.active { background-color: transparent; border-color: transparent; cursor: pointer; } .values_strip .squares li.active h1, .values_strip .squares li.active h2 { color: #46535F; } .values_strip .squares li.value_1.active { background-color: #FF7F99; border-color: #FF7F99; } .values_strip .squares li.value_2.active { background-color: #67D8E4; border-color: #67D8E4; } .values_strip .squares li.value_3.active { background-color: #FFCC00; border-color: #FFCC00; } .values_strip .squares li.value_4.active { background-color: #E9005D; border-color: #E9005D; } .values_strip .squares li.value_5.active { background-color: #ACC92A; border-color: #ACC92A; } .values_strip .squares li.value_6.active { background-color: #FF9B00; border-color: #FF9B00; } .values_strip .squares h1 { color: #FFF; font-size: 50px; line-height: 30px; margin: 0; padding-top: 30px; text-align: center; } .values_strip .squares h2 { color: #FFF; font-size: 15px; line-height: 20px; margin: 0; padding-top: 10px; text-align: center; } .values_strip .values_blurb { padding: 0 10% 0; } .values_strip .values_blurb li { display: none; } .values_strip .values_blurb h2 { color: #FFF; font-family: 'Rubrik-ExtraLight', arial, sans-serif; font-size: 14px; } .values_strip .values_blurb h2 span { font-family: 'Rubrik-Regular', arial, sans-serif; } .no-touch .values_strip .value_1:hover, .no-touch .values_strip .value_2:hover, .no-touch .values_strip .value_3:hover, .no-touch .values_strip .value_4:hover, .no-touch .values_strip .value_5:hover, .no-touch .values_strip .value_6:hover { transition: all 0.5s ease; cursor: pointer; } .no-touch .values_strip .value_1:hover h1, .no-touch .values_strip .value_2:hover h1, .no-touch .values_strip .value_3:hover h1, .no-touch .values_strip .value_4:hover h1, .no-touch .values_strip .value_5:hover h1, .no-touch .values_strip .value_6:hover h1, .no-touch .values_strip .value_1:hover h2, .no-touch .values_strip .value_2:hover h2, .no-touch .values_strip .value_3:hover h2, .no-touch .values_strip .value_4:hover h2, .no-touch .values_strip .value_5:hover h2, .no-touch .values_strip .value_6:hover h2 { color: #46535F; } .no-touch .values_strip .value_1:hover { background-color: #FF7F99; border-color: #FF7F99; } .no-touch .values_strip .value_2:hover { background-color: #67D8E4; border-color: #67D8E4; } .no-touch .values_strip .value_3:hover { background-color: #FFCC00; border-color: #FFCC00; } .no-touch .values_strip .value_4:hover { background-color: #E9005D; border-color: #E9005D; } .no-touch .values_strip .value_5:hover { background-color: #ACC92A; border-color: #ACC92A; } .no-touch .values_strip .value_6:hover { background-color: #FF9B00; border-color: #FF9B00; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .mq .header_search .header_search_input, .mq .header_search .action { background-image: url('/images/retina/search_bar_sprite_@2x.png'); background-size: 60px 200px; } .mq .header_search.focus .header_search_input { background: none; } .mq .nav_trigger { background: url("/images/retina/icon_menu_@2x.png") no-repeat center 16px; background-size: 20px 15px; } .mq .panel .service_gas { background-image: url('/images/retina/service_gas_@2x.png'); background-size: 15px 15px; } .mq .panel .service_power { background-image: url('/images/retina/service_power_@2x.png'); background-size: 15px 15px; } .mq .panel .service_internet { background-image: url('/images/retina/service_net_@2x.png'); background-size: 15px 15px; } .mq .panel .service_phone { background-image: url('/images/retina/service_phone_@2x.png'); background-size: 15px 15px; } .mq .nav_open_tab { background: url("/images/retina/nav_open_tab_@2x.png"); background-size: 30px 94px; } } @media only screen and (min-width: 30em) { h1{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:6em;letter-spacing:-3px;line-height:1.1em;margin:10px 0 78px -7px;padding:5px 0 5px}h1 strong,h1 b{font-family:'Rubrik-Light',Arial,sans-serif}h1.small{font-size:3em;margin:0;letter-spacing:-1px;font-family:'Rubrik-Light',Arial,sans-serif}.side_bar_open{width:191.6666%}.side_bar_open .main{width:52.1739%}.content_holder{padding-top:5em}.content_holder_over{left:0;position:absolute;top:1em;width:30%}.content_holder_over h1{width:auto}.alert_banner .alert_title{float:left;margin-bottom:5em;margin-left:0;width:15.5em}.alert_banner .content_holder .main_content{padding-left:17em}.banner_landing .carousel_landing{height:44em}.banner_landing.banner_short .carousel_landing{height:28em}.banner_landing.banner_xshort .carousel_landing{height:24em}.banner_landing.banner_xxshort .carousel_landing{height:20em}.banner_landing.banner_xxshort .carousel_landing h1{font-size:3em;line-height:1.2em;letter-spacing:-2px}.banner_content{padding:4.4em 0 0}.banner_text__promo h1{font-size:3.5em}.banner-promo__figure img{width:263px}.respond-ud{width:100%}.respond-udv{height:100%}.respond-d{max-width:100%}.respond-u{min-width:100%}.lte7 .respond-ud,.lte7 .respond-u,.lte7 .respond-d{width:100%}.no-js .respond-ud{display:none}.no-js noscript .respond-ud{display:block}.f-left,.fl{float:left}.f-right,.fr{float:right}.flL{float:left !important}.flR{float:right !important}.imgL{float:left !important;margin:0 15px 5px 0}.imgR{float:right !important;margin:0 0 5px 15px}.nb{border:0 !important}.nb:before{display:none !important}.nowrap{white-space:nowrap}.taC{text-align:center}.taC p>small{display:block;text-align:left}.taL{text-align:left !important}.taR{text-align:right !important}.dN{display:none !important}.dB{display:block !important}.ttU{text-transform:uppercase !important}.ttL{text-transform:lowercase !important}.ttN{text-transform:none !important}.clear{clear:both}.nowrap{white-space:nowrap}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.lte7 .clearfix{zoom:1}.relative{position:relative}.block{display:block}.w-full{width:100%}.semantic{list-style:none;margin:0;padding:0}.semantic li{margin:0;padding:0;list-style:none;background:none}.semantic li:before{display:none}.b_pb_solid{border-bottom:1px solid #7F1399}.b-gray-c{border-color:#ccc}.b-dash{border-style:dashed}.no-js .requires-js{display:none;visibility:hidden}.rte_script{position:absolute;left:-10000em}.tt-upper,.tt_upper{text-transform:uppercase}.ta-center,.ta_center{text-align:center}.ta-right,.ta_right{text-align:right}.ta-left,.ta_left{text-align:left}.tw-bold{font-family:'Rubrik-SemiBold',arial,sans-serif}.tw-regular{font-family:'Rubrik-Regular',arial,sans-serif}.tw_medium{font-family:'Rubrik-Medium',arial,sans-serif}.lh-clear{line-height:1}.va-top{vertical-align:top}.va-middle{vertical-align:middle}.va-bottom{vertical-align:bottom}.hidden{display:none}.hidden_important{display:none !important}.response_xsmall .hidden_small,.response_small .hidden_small{display:none !important}.response_xsmall .hidden_mobile,.response_small .hidden_mobile,.response_medium .hidden_mobile{display:none !important}.response_medium .hidden_non_mobile,.response_large .hidden_non_mobile,.response_xlarge .hidden_non_mobile,.response_xxlarge .hidden_non_mobile,.response_xxxlarge .hidden_non_mobile,.response_xxxxlarge .hidden_non_mobile{display:none !important}.response_large .hidden_desktop,.response_xlarge .hidden_desktop,.response_xxlarge .hidden_desktop,.response_xxxlarge .hidden_desktop,.response_xxxxlarge .hidden_desktop{display:none !important}.fn a{color:inherit}.fn a:hover,.fn a:focus{text-decoration:underline}.ptn{padding-top:0 !important}.ptxs{padding-top:5px}.ptbs{padding-top:9px}.pts{padding-top:1em}.ptm{padding-top:2em}.ptl{padding-top:3em}.ptxl{padding-top:4em}.ptxxl{padding-top:5em}.prn{padding-right:0 !important}.prxs{padding-right:5px}.prbs{padding-right:9px}.prs{padding-right:1em}.prm{padding-right:2em}.prl{padding-right:3em}.prxl{padding-right:4em}.prxxl{padding-right:5em}.pbn{padding-bottom:0 !important}.pbxs{padding-bottom:5px}.pbbs{padding-bottom:9px}.pbs{padding-bottom:1em}.pbm{padding-bottom:2em}.pbl{padding-bottom:3em}.pbxl{padding-bottom:4em}.pbxxl{padding-bottom:5em}.pln{padding-left:0 !important}.plxs{padding-left:5px}.plbs{padding-left:9px}.pls{padding-left:1em}.plm{padding-left:2em}.pll{padding-left:3em}.plxl{padding-left:4em}.plxxl{padding-left:5em}.pan{padding:0 !important}.paxs{padding:5px}.pabs{padding:9px}.pas{padding:1em}.pam{padding:2em}.pal{padding:3em}.paxl{padding:4em}.paxxl{padding:5em}.mtn{margin-top:0 !important}.mtxs{margin-top:5px}.mtbs{margin-top:9px}.mts{margin-top:1em}.mtm{margin-top:2em}.mtl{margin-top:3em}.mtxl{margin-top:4em}.mtxxl{margin-top:5em}.mrn{margin-right:0 !important}.mrxs{margin-right:5px}.mrbs{margin-right:9px}.mrs{margin-right:1em}.mrm{margin-right:2em}.mrl{margin-right:3em}.mrxl{margin-right:4em}.mrxxl{margin-right:5em}.mbn{margin-bottom:0 !important}.mbxs{margin-bottom:5px}.mbbs{margin-bottom:9px}.mbs{margin-bottom:1em}.mbm{margin-bottom:2em}.mbl{margin-bottom:3em}.mbxl{margin-bottom:4em}.mbxxl{margin-bottom:5em}.mln{margin-left:0 !important}.mlxs{margin-left:5px}.mlbs{margin-left:9px}.mls{margin-left:1em}.mlm{margin-left:2em}.mll{margin-left:3em}.mlxl{margin-left:4em}.mlxxl{margin-left:5em}.man{margin:0 !important}.maxs{margin:5px}.mabs{margin:9px}.mas{margin:1em}.mam{margin:2em}.mal{margin:3em}.maxl{margin:4em}.maxxl{margin:5em}.ban{border:0 !important}.baxs{border:5px}.babs{border:9px}.bas{border:1em}.bam{border:2em}.bal{border:3em}.baxl{border:4em}.baxxl{border:5em}.video_container_16x9{padding-bottom:56.25%;position:relative}.video_container_16x9 iframe{height:100%;position:absolute;width:100%}label.creditCheckFileUpload input[type="file"]{position:fixed;top:-1000px}.creditCheckFileUpload{font-size:unset}.CreditCheckIDImageWrapper{position:relative;display:inline-block;padding-bottom:5px}.CreditCheckIDImageClose{position:absolute;top:-20px;right:-20px;cursor:pointer;height:40px;width:40px;display:none}.u-block{display:block !important}.u-flex{display:flex !important}.box .flex_sm{border-top:1px solid rgba(180,180,180,0.3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.box .flex_sm.box_row_large{padding:2em 1.5em}.box .flex_sm .flex_data{text-align:right !important}.box .flex_sm .flex_data p .lg,.box .flex_sm .flex_data p .lg_price{padding-left:.5em}.box .flex_sm .flex{width:auto;padding:10px 1.5em;border-top:none;min-height:58px;-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center}.box .flex_sm .flex.half{width:50%;float:left;-webkit-box-flex:1;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%}.box .flex_sm .flex.third{width:33.33%;float:left;-webkit-box-flex:1;-webkit-flex:1 1 33.33%;-ms-flex:1 1 33.33%;flex:1 1 33.33%}.box .flex_sm .flex.twothird{width:66.66%;float:left;-webkit-box-flex:2;-webkit-flex:2 2 66.66%;-ms-flex:2 2 66.66%;flex:2 2 66.66%}.box .flex_sm .flex.flex_inset{padding-left:1em;padding-right:1em;margin-bottom:10px !important}.box .flex_sm .flex.flex_inset+.flex_inset{margin-left:0 !important}.box .flex_sm .flex.flex_top{justify-content:flex-start}.lte9 .box .flex_sm .flex.flex_inset.third{width:32%}.lte9 .box .flex_sm .flex.flex_inset.half{width:48.5%}.box--deal .box_inner img{margin-top:0}.bundle{padding-top:2.5em;padding-bottom:3em}.bundle_cta{padding-bottom:6em}.lead_module.module .module_inner .content_holder .main_content{padding-left:0;padding-right:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container{justify-content:center;-webkit-justify-content:center}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h2,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h3,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left p{text-align:center}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h2,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h3,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo p{text-align:center}.lead_module.module .module_inner .content_holder .main_content h3{padding-left:10%;padding-right:10%}.lead_module.module .module_inner .content_holder .main_content .lead_container{justify-content:center;-webkit-justify-content:center}.lead_module.module .module_inner .content_holder .main_content .lead_container input{font-size:16px;height:36px;margin-bottom:0}.lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneBorder{width:95%;margin-bottom:0}.lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailGeneralPanel,.lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneGeneralPanel,.lead_module.module .module_inner .content_holder .main_content .lead_container input[type=text],.lead_module.module .module_inner .content_holder .main_content .lead_container input[type=email],.lead_module.module .module_inner .content_holder .main_content .lead_container input[type=tel]{width:100%}.lead_module.module .module_inner .content_holder .main_content .lead_container input[type=submit]{width:60%;margin-top:3%;margin-bottom:1%;padding:0}.lead_module.module .module_inner .content_holder .main_content .lead_container input[placeholder]{font-size:16px}.lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneBorder{margin-top:2%;margin-bottom:1%}.carousel_container{padding-top:3em}.carousel_container .carousel_standard .carousel_previous,.carousel_container .carousel_standard .carousel_next{visibility:visible}.carousel_standard{max-width:440px}.carousel_standard .carousel_item{width:50%}.carousel_standard .carousel_next,.carousel_standard .carousel_previous{width:5em}.carousel_related{padding-left:3em;padding-right:3em}.carousel_promos,.carousel_plan_info{max-width:none}.carousel_promos .carousel_item,.carousel_plan_info .carousel_item{width:100%}.carousel_landing{max-width:none}.carousel_landing .carousel_item{width:100%;padding-top:44em}.banner_short .carousel_landing .carousel_item{padding-top:28em}.banner_xshort .carousel_landing .carousel_item{padding-top:24em}.banner_xxshort .carousel_landing .carousel_item{padding-top:20em}.carousel_banner_panels{max-width:none}.carousel_banner_panels .carousel_holder{max-width:102.4em;margin:0 auto}.carousel_banner_panels .carousel_previous,.carousel_banner_panels .carousel_next{visibility:visible}.carousel_products .carousel_item{width:50%}#divLeaveMessage{font-size:12px;line-height:41px;bottom:-9px;width:180px;height:50px;background-size:180px 50px}.super_headline{margin-top:-50px}.columns.columns-extras>.col{min-width:33%;max-width:33%}.service_combo_row{padding-top:1.5em;padding-bottom:1.5em}.service_combo_row .text{float:left;text-align:left}.service_combo_row .actions{float:right;width:20%}.oct .repeater .removeBtn{left:auto;right:0px}.create_plan .create_plan_components h2{margin-right:1.5em}.create_plan .create_plan_components .component_linked.component_toggle:after{right:225%}.create_plan_form .energy_est_label{padding-bottom:0px}.create_plan_form .fancy_select_container{padding-left:0}.create_plan_form .people_home span:before,.create_plan_form .home_heating span:before,.create_plan_form .cooking span:before,.create_plan_form .hot_water span:before{top:50%;margin-top:-18px}.accordion .create_plan_form .energy_est_label{padding-bottom:4px;margin:0;display:block;width:100%;float:none}.accordion .create_plan_form .fancy_select_holder{width:100%;float:none}.accordion .create_plan_form .fancy_select_container{margin-left:55px}.accordion .create_plan_form .people_home span:before,.accordion .create_plan_form .home_heating span:before,.accordion .create_plan_form .cooking span:before,.accordion .create_plan_form .hot_water span:before{top:100%;margin-top:0}.lightbox .create_plan_form_container{margin-left:0;margin-right:0}.lightbox .create_plan_form_container .create_plan_form{float:left;margin-right:5%;width:60%}.lightbox .create_plan_form_container .content_loadable{float:left;width:35%}.lightbox .create_plan_form_container .content_loadable .power_user{padding-top:5px;width:100%}.error_logo{max-width:20%}.phone_panel .fake_placeholder{width:13%}.phone_panel .phone_prefix+.fake_placeholder{width:21%}.lightbox h1{margin-bottom:.5em}.lightbox h4{font-size:20px;line-height:30px}.faq_filters li h4{float:left;margin:0;padding:7px 5.334% 0 0;text-align:right;width:12.501%}.faq_filters li ul{float:left;width:82.165%}.faq_ask .scfSectionContent{position:relative}.faq_ask .scfSectionContent .scfSingleLineTextBorder,.faq_ask .scfSectionContent .scfEmailBorder{float:left;width:48%}.faq_ask .scfSectionContent .scfMultipleLineTextBorder{position:absolute;right:0;top:0;width:48%}.faq_ask .scfSectionContent .scfMultipleLineTextBorder textarea{height:148px}.faq_ask .scfSectionContent .scfSubmitButtonBorder{clear:both}.faq_ask .scfSectionContent label{width:100%;margin-right:0;margin-bottom:0}.faq_ask .scfSectionContent .scfSingleLineGeneralPanel,.faq_ask .scfSectionContent .scfEmailGeneralPanel,.faq_ask .scfSectionContent .scfMultipleLineGeneralPanel{width:100%}.faq_ask .scfSectionContent .scfSingleLineGeneralPanel input,.faq_ask .scfSectionContent .scfEmailGeneralPanel input,.faq_ask .scfSectionContent .scfMultipleLineGeneralPanel input,.faq_ask .scfSectionContent .scfSingleLineGeneralPanel textarea,.faq_ask .scfSectionContent .scfEmailGeneralPanel textarea,.faq_ask .scfSectionContent .scfMultipleLineGeneralPanel textarea{margin:0 0 5px 0;padding-left:2%;padding-right:2%;width:96%}.faults-map-view-module{padding-top:40px}@media only screen and (min-width:30.25em){.faults-map-view-filter{width:80px;height:245px;flex-direction:column;padding:15px;position:absolute;z-index:1;right:15px;top:110px;justify-content:space-around;box-shadow:0 0 6px 2px rgba(0,0,0,0.2)}.faults-map-view-filter-overlay{background-color:#000000;opacity:.5;position:absolute;width:80px;height:245px;z-index:2;right:15px;top:110px}.faults-map-view-filter-option{width:30px;height:30px}.faults-map-view-filter-title{font-size:14px;line-height:17px}}.faults-view-map-container{height:600px;overflow:hidden}.faults-map-view-map{height:600px}.module .module_inner h2.faults-map-view-title,.module .module_inner h2,.webkit .module .module_inner h2.faults-map-view-title{font-size:40px;line-height:44px;margin-bottom:21px}.faults-view-map-more-info-area-value{width:175px}.faults-view-map-more-info-area-arrow{display:none}.faults-view-map-more-info-area-value--ellipsis{padding-right:0px}.faults-view-map-more-info-area-value--nowrap{white-space:normal}.faults-view-map-more-info-area-detail{width:348px}.faults-map-view-more-info--small{position:absolute;width:406px;height:600px;z-index:1;left:-406px}.faults-view-map-more-info-area-container{overflow-y:auto;width:387px;height:97%;padding-right:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.faults-view-map-more-info-area-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F3F0}.faults-view-map-more-info-area-container::-webkit-scrollbar{width:5px;background-color:#F5F3F0}.faults-view-map-more-info-area-container::-webkit-scrollbar-thumb{border-radius:100px;background-color:#B4B4B4;opacity:.5}.fl_accounts{margin-left:0;margin-right:0}.fl_accounts .fl_column{float:left;padding-left:40%;padding-right:0;width:60%}.fl_accounts .fl_column:before{float:left;width:60%;margin-left:-60%}.flexbox_sm{display:flex;flex-flow:row;justify-content:flex-start;align-items:stretch}.flexbox_sm>.flex{flex:1 1 auto}.flexbox_sm>.flex-shrink{flex:0 1 auto}.form_address_search .scfSingleLineGeneralPanel input{background-position:right 12px}.form_address_search_parent{padding-bottom:0}.form_address_search_parent input{font-size:24px}.form_address_search_parent input::-webkit-input-placeholder{font-size:24px}.form_address_search_parent input:-moz-placeholder{font-size:24px}.form_address_search_parent input::-moz-placeholder{font-size:24px}.form_address_search_parent input:-ms-input-placeholder{font-size:24px}.form_address_search_parent .fake_placeholder{font-size:24px;overflow:visible}.form_address_search_parent .scfValidator,.form_address_search_parent .scfValidatorRequired{padding:13px 15px 15px}.form_address_search_parent .address_status_message{top:62px}.form_address_bordered .scfSingleLineGeneralPanel>input{font-size:22px;line-height:26px;padding:13px 20px}.form_address_bordered .scfSingleLineGeneralPanel>input::-webkit-input-placeholder{font-size:22px}.form_address_bordered .scfSingleLineGeneralPanel>input:-moz-placeholder{font-size:22px}.form_address_bordered .scfSingleLineGeneralPanel>input::-moz-placeholder{font-size:22px}.form_address_bordered .scfSingleLineGeneralPanel>input:-ms-input-placeholder{font-size:22px}.form_address_bordered .scfSingleLineGeneralPanel>.fake_placeholder{font-size:22px;line-height:26px;padding:13px 20px}.fake_placeholder{padding-left:1.1%;padding-right:1.1%;width:62%}.scfFooterBorder .scfCheckboxBorder{margin-left:0}.scfSectionUsefulInfo{font-size:1.6em}.scfCheckBoxListGeneralPanel,.scfCheckbox,.scfDatePickerGeneralPanel,.scfDateSelectorGeneralPanel,.scfDropListGeneralPanel,.scfEmailGeneralPanel,.scfFileUploadGeneralPanel,.scfListBoxGeneralPanel,.scfMultipleLineGeneralPanel,.scfNumberGeneralPanel,.scfPasswordGeneralPanel,.scfRadioButtonListGeneralPanel,.scfSingleLineGeneralPanel,.scfTelephoneGeneralPanel,.scfSmsTelephoneGeneralPanel,.scfConfirmPasswordGeneralPanel,.scfCreditCardGeneralPanel{float:left;width:60%}.scfCheckBoxListGeneralPanel,.scfRadioButtonListGeneralPanel{padding-top:5px}.form_nolabels .scfCheckBoxListGeneralPanel,.form_nolabels .scfCheckbox,.form_nolabels .scfDatePickerGeneralPanel,.form_nolabels .scfDateSelectorGeneralPanel,.form_nolabels .scfDropListGeneralPanel,.form_nolabels .scfEmailGeneralPanel,.form_nolabels .scfFileUploadGeneralPanel,.form_nolabels .scfListBoxGeneralPanel,.form_nolabels .scfMultipleLineGeneralPanel,.form_nolabels .scfNumberGeneralPanel,.form_nolabels .scfPasswordGeneralPanel,.form_nolabels .scfRadioButtonListGeneralPanel,.form_nolabels .scfSingleLineGeneralPanel,.form_nolabels .scfTelephoneGeneralPanel,.form_nolabels .scfSmsTelephoneGeneralPanel,.form_nolabels .scfConfirmPasswordGeneralPanel,.form_nolabels .scfCreditCardGeneralPanel,.no_label .scfRadioButtonListGeneralPanel{float:none;width:auto}.no_label .scfRadioButtonList{width:100%}.form_sidebyside .scfCheckBoxListBorder,.form_sidebyside .scfCheckboxBorder,.form_sidebyside .scfDatePickerBorder,.form_sidebyside .scfDateSelectorBorder,.form_sidebyside .scfDropListBorder,.form_sidebyside .scfEmailBorder,.form_sidebyside .scfFileUploadBorder,.form_sidebyside .scfListBoxBorder,.form_sidebyside .scfMultipleLineTextBorder,.form_sidebyside .scfNumberBorder,.form_sidebyside .scfPasswordBorder,.form_sidebyside .scfRadioButtonListBorder,.form_sidebyside .scfSingleLineTextBorder,.form_sidebyside .scfTelephoneBorder,.form_sidebyside .scfSmsTelephoneBorder,.form_sidebyside .scfConfirmPasswordBorder,.form_sidebyside .scfCreditCardBorder{margin-right:5%;clear:none;float:left;width:45%}.scfCheckbox{float:none;width:auto}.scfFooterBorder .scfCheckbox{width:auto}.captcha-solution,.scfEmailTextBox,.scfMultipleLineTextBox,.scfNumberTextBox,.scfPasswordTextBox,.scfSingleLineTextBox,.scfTelephoneTextBox,.scfSmsTelephoneTextBox,.scfConfirmPasswordTextBox,.scfCreditCardTextBox,.scfDateSelectorBorder input{margin-bottom:20px}.panel-first,.panel-second{width:auto}.scfCheckBoxListLabel,.scfDatePickerLabel,.scfDateSelectorLabel,.scfDropListLabel,.scfEmailLabel,.scfFileUploadLabel,.scfListBoxLabel,.scfMultipleLineTextLabel,.scfNumberLabel,.scfPasswordLabel,.scfRadioButtonListLabel,.scfSingleLineTextLabel,.scfTelephoneLabel,.scfSmsTelephoneLabel,.scfConfirmPasswordLabel,.scfCreditCardLabel{float:left;padding-right:10px;margin-bottom:10px;width:40%;font-size:1.6em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.label_has_fancybox{margin-right:8%;width:32%}.scfEmailGeneralPanel .boxtrigger,.scfSingleLineGeneralPanel .boxtrigger{top:-5px;bottom:auto}.scfCheckbox .label_has_fancybox{width:auto}.no_label .scfRadioButtonList label{max-width:90%}.scfCheckbox label{max-width:95%}.scfValidationSummary,.scfSubmitSummary{padding:2em 3em}.scfValidator,.scfValidatorRequired{padding-left:40%;width:60%}.emailRegistrationStep .scfValidator,.emailRegistrationStep .scfValidatorRequired{padding-left:0%;width:100%}.scfFooterBorder .scfCheckbox label{max-width:100%}.panel-first .scfValidator,.panel-second .scfValidator,.scfCheckBoxListGeneralPanel .scfValidator,.scfCheckbox .scfValidator,.scfCheckbox .scfValidatorRequired,.scfDateSelectorGeneralPanel .scfValidator,.scfDropListGeneralPanel .scfValidator,.scfEmailGeneralPanel .scfValidator,.scfFileUploadGeneralPanel .scfValidator,.scfListBoxGeneralPanel .scfValidator,.scfMultipleLineGeneralPanel .scfValidator,.scfNumberGeneralPanel .scfValidator,.scfPasswordGeneralPanel .scfValidator,.scfRadioButtonListGeneralPanel .scfValidator,.scfSingleLineGeneralPanel .scfValidator,.scfTelephoneGeneralPanel .scfValidator,.scfSmsTelephoneGeneralPanel .scfValidator,.scfConfirmPasswordGeneralPanel .scfValidator,.scfCreditCardGeneralPanel .scfValidator{padding-left:0;width:89%}.scfCheckBoxListUsefulInfo,.scfCheckboxUsefulInfo,.scfDateSelectorUsefulInfo,.scfDropListUsefulInfo,.scfEmailUsefulInfo,.scfFileUploadUsefulInfo,.scfListBoxUsefulInfo,.scfMultipleLineTextUsefulInfo,.scfNumberUsefulInfo,.scfPasswordUsefulInfo,.scfRadioButtonListUsefulInfo,.scfSingleLineTextUsefulInfo,.scfTelephoneUsefulInfo,.scfSmsTelephoneUsefulInfo,.scfConfirmPasswordUsefulInfo,.scfCreditCardUsefulInfo,.date-hint-text,.usefulInfo{right:auto}.fancy_select_holder .scfDropListUsefulInfo{margin-left:-66.6666%;margin-bottom:10px}.scfDateSelectorBorder .panel-first,.scfDateSelectorBorder .panel-second{margin-right:0;width:60%}.has_fancybox .captcha-solution,.has_fancybox .scfEmailTextBox,.has_fancybox .scfMultipleLineTextBox,.has_fancybox .scfNumberTextBox,.has_fancybox .scfPasswordTextBox,.has_fancybox .scfSingleLineTextBox,.has_fancybox .scfTelephoneTextBox,.has_fancybox .scfSmsTelephoneTextBox,.has_fancybox .scfConfirmPasswordTextBox,.has_fancybox .scfCreditCardTextBox,.has_fancybox .fancy_select_container,.has_fancybox .scfDateSelectorBorder input{width:84%}.has_fancybox .fancy_select_container{width:87%}.scfTextBoxWide{width:93.5%}.scfCheckBoxListLabel.multiple_lines,.scfDatePickerLabel.multiple_lines,.scfDateSelectorLabel.multiple_lines,.scfDropListLabel.multiple_lines,.scfEmailLabel.multiple_lines,.scfFileUploadLabel.multiple_lines,.scfListBoxLabel.multiple_lines,.scfMultipleLineTextLabel.multiple_lines,.scfNumberLabel.multiple_lines,.scfPasswordLabel.multiple_lines,.scfRadioButtonListLabel.multiple_lines,.scfSingleLineTextLabel.multiple_lines,.scfTelephoneLabel.multiple_lines,.scfConfirmPasswordLabel.multiple_lines,.scfCreditCardLabel.multiple_lines{padding-top:0}.hasHelpText .helpText{display:block;float:right;margin-bottom:5px}.form_stack .scfCheckBoxListLabel,.form_stack .scfDatePickerLabel,.form_stack .scfDateSelectorLabel,.form_stack .scfDropListLabel,.form_stack .scfEmailLabel,.form_stack .scfFileUploadLabel,.form_stack .scfListBoxLabel,.form_stack .scfMultipleLineTextLabel,.form_stack .scfNumberLabel,.form_stack .scfPasswordLabel,.form_stack .scfRadioButtonListLabel,.form_stack .scfSingleLineTextLabel,.form_stack .scfTelephoneLabel,.form_stack .scfSmsTelephoneLabel,.form_stack .scfConfirmPasswordLabel,.form_stack .scfCreditCardLabel{float:none;padding:0;margin:0 0 .5em;width:100%}.form_stack .scfCheckBoxListGeneralPanel,.form_stack .scfCheckbox,.form_stack .scfDatePickerGeneralPanel,.form_stack .scfDateSelectorGeneralPanel,.form_stack .scfDropListGeneralPanel,.form_stack .scfEmailGeneralPanel,.form_stack .scfFileUploadGeneralPanel,.form_stack .scfListBoxGeneralPanel,.form_stack .scfMultipleLineGeneralPanel,.form_stack .scfNumberGeneralPanel,.form_stack .scfPasswordGeneralPanel,.form_stack .scfRadioButtonListGeneralPanel,.form_stack .scfSingleLineGeneralPanel,.form_stack .scfTelephoneGeneralPanel,.form_stack .scfSmsTelephoneGeneralPanel,.form_stack .scfConfirmPasswordGeneralPanel,.form_stack .scfCreditCardGeneralPanel{float:none;width:100%;margin:0;padding:0}.form_stack .fancy_select_container:last-child{margin-right:-5px}.form_stack .scfFooterBorder{border:0;margin-top:0}.form_stack .scfFooterBorder p{max-width:33%}.gallery .gallery_item{width:33%}.account_display_modifier .usage{float:left;border-bottom:none}.account_display_modifier .unit_switch{clear:none;float:right}.account_display_modifier .unit_switch .first:after{top:15px}.graph_outer{margin-bottom:40px}.credit_information,.meter_information{margin-top:-35px}.credit_information_base{margin-top:-20px}.grey_container_plans{padding-top:.5em;padding-bottom:1.5em}.grey_head a,.grey_head .type{float:left}.grey_head .section:after{right:10px}.grey_head .type{font-size:17px;padding-left:20px;padding-right:20px}.grey_head a{padding-right:40px}.grey_head .type:before{background:url('/images/grey_line.png') no-repeat;content:' ';height:20px;width:10px;position:absolute;left:-1px;top:50%;margin-top:-10px;opacity:.7}.header_search .header_search_input{background-position:100% -150px;display:block;padding-right:40px;padding-left:20px}.header_search .action{background-position:100% -150px;left:auto;right:0}.nav_utility a,.nav_utility .initial_text,.nav_utility .slide_text{padding-left:1.666667em;padding-right:1.666667em}.nav_utility .join_trigger{display:block}.nav_utility .join_trigger .extra_text{display:inline}.nav_utility_with_plan .login_trigger{display:block}.request_callback .grid-item .scfForm.request_callback_form{padding:6%}.request_callback .tiles .tile .hero_img_container.hide_hero_img{display:none}.request_callback .tiles .tile .hero_img_container .hero_img{padding-top:60%}.history_list li.featured .figure_small{float:left;padding-bottom:0}.intro_banner{position:relative}.intro_banner .content_holder{margin-right:120px;padding-bottom:10px;padding-top:30px}.intro_banner p{font-size:18px;line-height:25px}.intro_banner .share_link{position:absolute;right:0;top:3em}.intro_banner.service_overview_banner.intro_banner .share_link{margin-right:-100px;display:block}.intro_banner.service_overview_banner.intro_banner p{font-size:16px;line-height:25px}.login_block .login_block_contain .scfPasswordBorder,.login_block .login_block_contain .scfSingleLineTextBorder{float:left;width:47%}.login_block .login_block_contain .scfSingleLineTextBorder{margin-right:6%}.login_block .login_block_contain .scfPasswordTextBox,.login_block .login_block_contain .scfSingleLineTextBox{width:97%}.login .login_container{background:#46535F;background:url('/images/login_bg_grey.png');background:rgba(70,83,95,0.95)}.login_change_err .login_container{background:none}.login .scfEmailTextBox,.login .scfPasswordTextBox{width:96%}.login .has_fancybox .scfEmailTextBox{width:87%}.login .login_container.bot .fake_placeholder{padding-left:1.8%;width:97%}.login .login_container.bot .has_fancybox .fake_placeholder{width:88%}.signup-offer-panel{min-width:369px}@media only screen and (max-width:630px){.eotxs_details .details_module .eotxs_label.label_has_fancybox{width:96%}}@media only screen and (min-width:632px) and (max-width:645px){.eotxs_details .details_module .eotxs_label.label_has_fancybox{width:98%}}.details_module .btn_details{width:19.5rem;float:right}.details_module .scfCheckbox{margin-bottom:5.4rem}.renew_code_module .renew_title_text{padding:2.5rem 9rem 2.5rem 3rem}.offers_carousel_module .offer.offer_horizontal .offer_content .offer_heading{flex:0 1 50%}.offers_carousel_module .offer.offer_horizontal .offer_content .offer_body{flex:0 1 50%}.offers_carousel_module .horizontal_offers .offer .offer_content{display:flex;flex-wrap:wrap;align-items:stretch;flex-direction:row}.offers_carousel_module .horizontal_offers .offer .offer_content .offer_heading{width:40%;flex:0 1 auto;display:flex;flex-direction:row;align-items:center;position:relative}.offers_carousel_module .horizontal_offers .offer .offer_content .offer_heading h3{flex:0 1 auto;width:75%}.offers_carousel_module .horizontal_offers .offer .offer_content .offer_heading .offer_selected{position:relative;display:inherit;flex:0 1 auto;width:25%;top:-18px;left:15px}.offers_carousel_module .horizontal_offers .offer .offer_content .offer_body{width:60%;flex:0 1 auto;position:relative;display:flex}.offers_carousel_module .horizontal_offers .offer .offer_content .offer_body .offer_selected{display:none}.offers_carousel_module .horizontal_offers .offer .offer_content .offer_body .offer_body_text{width:50%;flex:0 1 auto;margin:0}.offers_carousel_module .horizontal_offers .offer .offer_content .offer_body .offer_footer{width:50%;flex:0 1 auto}.offers_carousel_module .horizontal_offers.offer_top_radius .offer .offer_heading{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:6.5px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:6.5px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:6.5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.offers_carousel_module .horizontal_offers.offer_all_radius .offer .offer_heading{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:6.5px;-webkit-border-top-left-radius:6.5px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:6.5px;-moz-border-radius-topleft:6.5px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:6.5px;border-top-left-radius:6.5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.offers_carousel_module .horizontal_offers.offer_bottom_radius .offer .offer_heading{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:6.5px;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:6.5px;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:6.5px;border-top-left-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.media_enquiry .media_contact div{display:inline-block;vertical-align:top;min-width:20%;max-width:33%;height:auto;padding-left:30px}.media_enquiry .media_contact div:first-child{padding-left:0}.media_enquiry .media_contact:first-of-type{border-top:none}.module .columns .bl1:before{margin-left:-20px;border-color:#E9E9EA;display:block !important}.module .columns .br1:after{border-color:#E9E9EA;display:block !important}.module_ways .module_inner .columns .col .overlap_icon{font-size:40px}.module_usp p{margin:0 10% .5em 0;line-height:1.4285}.module_usp .columns{text-align:left}.module_usp .columns .col{text-align:left}.module_usp .columns .columns-2{padding:0 20px}.module_usp .columns .columns-2 .cell{float:left;width:49%}.module_tiles h3,.module_tiles .col_1 h3,.module_tiles .col_2 h3{font-size:21px}.module_tiles .tile.size_large h3{margin:.5em 0 .3em;font-size:35px}.module_tiles .tile .tile.layout_left.tile_image{padding-right:40%}.module_tiles.module_deals .tile_btns{flex-direction:row}.module_tiles.module_deals .tile_promo.layout_left .tile_inner_image,.module_tiles.module_deals .tile_promo.layout_right .tile_inner_image{margin-bottom:20%}.module_tiles.module_deals .tile_inner{padding-left:25px;padding-right:25px}.news_list li.featured .figure_small{float:left;padding-bottom:0}.offerzone_img{float:left;margin:0 2em 0 0}h1+.panel_holder{margin-top:-20px}.panel .figure .large{font-family:'Rubrik-ExtraLight',Arial,sans-serif}.panel .figure .small{font-family:'Rubrik-ExtraLight',Arial,sans-serif}.panel_trans .action_buttons ul{margin-top:-10px}.panel .switch_account{display:inline-block}.panel .switch_ac{display:none}.mobileProduct__desc_top{padding-right:6rem}.mobileProduct__desc_bottom{padding-right:3rem}.mobileProduct__appsLinks{padding-top:0}.mobileProduct__appsLinks a:first-of-type{margin-right:4rem}.addressBanner__text{max-width:80%}.phoenixDatepicker .ui-datepicker td span,.phoenixDatepicker .ui-datepicker td a{line-height:3.6rem}.phoenixHeader__content{text-align:center;padding-left:2.5rem}.phoenixHeader__desktop{display:none}.mobilePlan .box .flex_sm .flex.third_left{padding-bottom:0;min-height:5.8rem}.mobilePlan .box .flex_sm .flex.third_centre{padding-bottom:0;min-height:5.8rem}.mobilePlan .box .flex_sm .flex.third_right{min-height:5.8rem}.pbAddMobilePlan__text{margin-right:3.5rem;font-size:1.4rem;line-height:1.4rem;padding-right:3rem}.pbAddMobilePlan__icon{right:-1.5rem}.product_item_left{clear:left;float:left;margin-right:5em;margin-top:.5em}.product_item_right{clear:right;float:right;margin-left:5em;margin-top:.5em}.product_item_gas{margin-left:40%}.product_item.product_item_in_form tbody td:first-child{width:50%}.product_item.product_item_in_form table{display:table;width:100%}.product_item.product_item_in_form table tr{display:table-row}.product_item.product_item_in_form table th,.product_item.product_item_in_form table td{display:table-cell}.product_stack .product_item{display:inline-block;width:50%;margin-right:.5%}.product_stack .product_item.product_item__power,.product_stack .product_item.product_item__multi{width:49.5%;margin-right:0}.product_strip .product_strip_item{padding:2em 5%}.product_strip .product_strip_item:last-child{flex:0 0 75%;-webkit-box-flex:0 0 75%;-webkit-flex:0 0 75%;font-size:120%}.product_strip .product_strip_item h2{font-size:2em;margin:0 0 .5em}.product_strip .product_strip_item p{display:block}.promo_container{padding-top:3em;padding-bottom:3em}.promo_container .promo_panel{width:66%}.promo_container_simple{padding-bottom:2em}.promo .hang .spacer{margin:0 auto;max-width:400px}.lte8 .promo .promo_see_more{background:url("/images/see_details_a.png") no-repeat scroll 4px transparent;border-radius:0%}.panel_ad .pullout .promo{margin:2em 3em}.pullout,figure.pullout{padding-top:7px}figure.pullout{float:left;width:38%;margin-right:5%}figure.pullout_right{float:right;margin-left:5%;margin-right:0}.pullout_push_down,figure.pullout_push_down{padding-top:5.5em;margin-bottom:4.65em}figure.pullout_push_down+h2.smaller{content:" ";padding-top:40px}figure.pullout_push_down:before{content:normal}.pullout_larger,figure.pullout_larger{margin-left:0;margin-right:0;float:none;width:auto}#rateDisplayMobile .mobile_groups:last-of-type .boxInternet .right{border-bottom:1px solid #1D79DE}#rateDisplayMobile .boxInternet{border-bottom:none;border-top:unset}#rateDisplayMobile .boxInternet .right{border-bottom:none}#rateDisplayMobile .boxInternet .right .intRow .detail{width:auto}#rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .month p{padding-left:0}#rateDisplayMobile .boxInternet .right .intRow .detail .conditions p{padding-left:2rem;margin-bottom:0;margin-top:0}#rateDisplayMobile .boxInternet .right .intRow .leftColumn{display:inline-block;width:66.66%;padding:0rem}#rateDisplayMobile .boxInternet .right .intRow .leftColumn .title{border-right:none;padding:1.7rem 2rem 0 1.3rem}#rateDisplayMobile .boxInternet .right .intRow .leftColumn .priceContainer{width:80%}#rateDisplayMobile .boxInternet .right .intRow .check{border-right:none}#rateDisplayMobile .boxInternet .right .intRow .dataContainer{width:33.33%}.gsc-control-cse .gsc-table-cell-thumbnail.gsc-thumbnail{display:table-cell}.panel_form .panel_inner .boxtrigger{top:-7px}.side_bar{margin-left:-91.6666%;width:91.6666%}.side_bar_open .side_bar{margin-left:-47.7738%;width:47.826%}.side_bar_faux{width:91.6666%}.side_bar_open .side_bar_faux{width:47.826%}.sitemap li{width:33.3333%}.sitemap li:nth-child(2n+1){clear:none}.sitemap li:nth-child(3n+1){clear:left}.carousel_previewnext .slick-arrow{display:flex !important}.carousel_previewnext .slick-slide{padding-left:10px;padding-right:10px;transform:scale3d(1, 1, 1)}.carousel_previewnext .slick-list{padding:0 55px}.table_filter{padding-right:1.5%;padding-top:7px;padding-bottom:8px}.table_filter .scfDropListBorder{clear:none;float:left;border-bottom:none;margin-bottom:0;padding-bottom:0;padding-right:2%;width:40%}.table_filter .scfDropListBorder label{padding-bottom:1px;padding-top:4px;width:38%}.table_filter .scfDropListBorder .scfDropListGeneralPanel{width:60%}.table_filter .filter_group .scfDropListBorder{padding-right:0;width:58%}.table_filter .filter_group .scfDropListBorder .scfDropListGeneralPanel{width:auto}.table_filter .filter_group .scfDropListBorder .fancy_select_replaced{border-right:none}.table_filter .date-picker{padding-right:2%;width:28%}.table_filter .date-picker-to{padding-right:0}.table_filter .date-picker input{width:95%}.table_filter .scfSubmitButtonBorder{width:25%}.export_data_row{width:75%}.export_data_row .btn{float:right;width:33.3333%}.export_data_row p{background-position:right 8px;clear:right;margin-right:-33%}.heavy_data .space_right{padding-right:18px}.minimalist .figure input{margin-right:-6px}.sc_scrollable{-webkit-overflow-scrolling:auto;overflow:auto}.main .content .tect-banner .tect-banner-content{padding:60px 50px}.main .content .tect-banner .tect-banner-content .tect-banner-copy svg{width:auto}.main .content .tect-banner .tect-banner-content .tect-banner-copy,.main .content .tect-banner .tect-banner-content .tect-banner-copy p{line-height:5.7rem;font-size:4.8rem}.content .module .module_inner.tect-login-register-module{padding:59px 35px 50px 35px;text-align:center}.content .module .module_inner.tect-login-register-module .tect-login-register-card{display:inline-block;width:343px;padding:40px 22px 30px 22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.content .module .module_inner.tect-login-register-module .tect-login-register-card .tect-login-register-cta-heading{padding-bottom:30px;line-height:30px;margin-bottom:9px}.tracking-meterread-dialogue{padding:64px 73px}.tracking-meterread-dialogue.section_loading{padding:0}.tracking-accordion .ui-accordion-header-active .tracking-accordion-subtext--sutitle{display:none}.tracking-accordion-subtext{display:none}.tracking-accordion-subtext--desktop{display:inline;position:absolute;right:32px;color:#454F5E;font-family:'Rubrik-Light';font-size:12px;line-height:14px;top:15px}.ui-accordion-header-active.subtext-alert .tracking-accordion-subtext--desktop{display:none}.uybills-module{padding:59px 35px 50px 35px;text-align:center}.content .module .module_inner .uybills-cta-heading{padding-bottom:30px}.uybills-card{display:inline-block;width:343px;padding:40px 22px 30px 22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.uybills-card-heading{line-height:30px;margin-bottom:9px}.usage_account_list a{float:none}.values_strip .content_holder{padding-top:3em}.values_strip .squares{max-width:318px} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 30em), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 30em), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 30em), only screen and ( min-device-pixel-ratio: 2) and (min-width: 30em), only screen and ( min-resolution: 192dpi) and (min-width: 30em), only screen and ( min-resolution: 2dppx) and (min-width: 30em) { } @media only screen and (min-width: 46.875em) { .main_content_title h1{margin-right:2em}h2.large,h2.largish{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:5em;line-height:1.2em;letter-spacing:-0.04em;margin:0 0 0 -0.04em}h2.smaller:before,.webkit h2.smaller:before{content:" "}h3.large,h3.larger{font-size:3.2em;line-height:1.25em;letter-spacing:-0.03125em;margin-left:-0.0625em;font-family:'Rubrik-ExtraLight',Arial,sans-serif}h3.largish{font-size:3.2em;line-height:1.25em;letter-spacing:-0.03125em;margin:0 0 .46875em;font-family:'Rubrik-ExtraLight',Arial,sans-serif}h5.large{font-size:30px;font-family:'Rubrik-ExtraLight',Arial,sans-serif;letter-spacing:-0.025em;margin:10px 0}h5.small{font-size:14px;line-height:20px;margin:0 0 5px}p.quicker{font-size:1.4em;line-height:1.428571em;margin:0 0 1.428571em}p.user_address{font-size:1.4em;line-height:1.571429em;margin:0 0 1.428571em}.side_bar_open{width:133.3333%}.main{float:left;width:99%}.main_loading .content:after{position:absolute;content:'';background:rgba(255,255,255,0.8);top:-50px;bottom:0;right:0;left:0;z-index:2}.side_bar_open .main,.no-js .main{width:75%}.lte7 .main{padding-left:0}.content{position:relative}.hero_image{display:block;position:absolute}.content_holder{padding-top:7em}.intro_banner+.content_holder{padding-top:4em}.offset-right{float:right;width:80%}.offset-right>h2:first-child{margin-top:0}.login_form__fields .payment-modal-desc{width:415px}#bankTransferPaymentDetails .login_form .login_form__flex-fields{flex-direction:row}#bankTransferPaymentDetails .login_form .login_form__flex-fields .login_form__input{padding-left:13px;padding-right:13px;text-align:left}.lightbox.hmp-modal{max-width:58.8rem;min-width:40rem;padding:5rem;font-size:1rem}.alert_banner .alert_title{float:left;margin-left:0}.alert_banner .content_holder .main_content{padding-left:18em}.banner_landing .carousel_landing{height:70em}.banner_landing.short{height:54em}.banner_landing.banner_short .carousel_landing{height:50em}.banner_landing.banner_xshort .carousel_landing{height:38em}.banner_landing.banner_xxshort .carousel_landing{height:26em}.banner_landing.banner_xxshort .carousel_landing h1{font-size:4em;width:65%}.banner_message_holder{background:none}.banner_message.pull_left{margin:0}.banner_holder{margin:0 4.1665%;position:absolute;left:0;right:0;top:0;z-index:1}.banner_content{margin:0 auto;position:relative}.banner_content h1{width:80%}.banner_content.pull_left{margin:0}.banner_text{width:90%}.banner_text h1 span,.banner_text h2 span,.banner_text h3 span,.banner_text h4 span,.banner_text h5 span,.banner_text h6 span{color:#7F1399;border-bottom:none}.banner_text h1 br,.banner_text h2 br,.banner_text h3 br,.banner_text h4 br,.banner_text h5 br,.banner_text h6 br{display:block}.banner_text h1,.banner_text h2,.webkit .banner_text h1,.webkit .banner_text h2{font-size:60px;line-height:65px;letter-spacing:-3px;margin:0 0 0 -5px}.banner_text h3,.banner_text h4{font-size:25px;line-height:30px;width:60%}.banner_text h5,.banner_text h6{font-size:14px;line-height:20px}.webkit .banner_text h5{font-family:'Rubrik-Regular',Arial,sans-serif}.banner_text.white h1,.banner_text.white h2,.banner_text.white h3,.banner_text.white h4,.banner_text.white h5,.banner_text.white h6{color:#FFF;text-shadow:0 0 15px rgba(0,0,0,0.3)}.banner_text.dark h1,.banner_text.dark h2,.banner_text.dark h3,.banner_text.dark h4,.banner_text.dark h5,.banner_text.dark h6{color:#444;text-shadow:0 0 10px #fff}.banner_text.dark .btn{color:#444;border-color:#444}.carousel_landing .banner_message_holder{position:relative;top:auto;bottom:auto;padding:4.5em 0 0}.home.carousel_landing .banner_message_holder{padding-top:0}.banner_pull_left .banner_content{margin:0}.banner_pull_left .banner_message_holder{padding-top:1em}.banner_pull_left .banner_message{margin:0}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3,.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{margin:0;width:50%}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3{font-size:26px;line-height:1.1em;margin-bottom:1em}.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{font-size:16px;line-height:1.1em}.banner_pull_left .banner_text h3{letter-spacing:-2px}.banner_pull_left .banner_holder img{display:inline;max-width:25%}.banner_promo_panels .carousel_landing .banner_message_holder,.banner_promo_panels .carousel_landing .banner_content{background:none;padding-top:20px}.banner_text__promo_bk{right:40%}.banner_text__promo{width:50%}.banner_text__promo h1,.banner_text__promo h2,.webkit .banner_text__promo h1,.webkit .banner_text__promo h2{margin:0 !important;top:0;height:auto;font-size:4em;line-height:1.1em;letter-spacing:-1px}.banner_text__promo h1 br,.banner_text__promo h2 br,.webkit .banner_text__promo h1 br,.webkit .banner_text__promo h2 br{display:block}.banner_text__promo.circles h1,.banner_text__promo.circles h2,.webkit .banner_text__promo.circles h1,.webkit .banner_text__promo.circles h2,.banner_text__promo.circles h5,.banner_text__promo.circles p{color:#FFF;text-shadow:none !important}.banner_text__promo.circles .btn{color:#FFF;border-color:#FFF}.banner_text .btn{font-size:15px}.banner_xxshort .banner_text__promo h1,.banner_xxshort .banner_text__promo h2,.webkit .banner_xxshort .banner_text__promo h1,.webkit .banner_xxshort .banner_text__promo h2{margin:0 !important}.banner_panels_container,.banner_promo_panels .banner_panels_container{bottom:40px;display:block;margin-left:4.1665%;margin-right:4.1665%;padding:0;position:absolute}.banner_panels{display:block}.b_panel__dark{background:url('/images/landing_panel_bg_dark.png');background:rgba(70,83,95,0.8)}.b_panel__dark:hover{background:url('/images/landing_panel_bg_dark_solid.png');background:rgba(70,83,95,0.9)}.b_panel__dark p,.b_panel__dark h2,.b_panel__dark a{color:#FFF}.b_panel__dark .b_panel_bot a{color:#FFF}.b_panel__dark .b_panel_bot a span{background:url('/images/arrow_right_white_landing.png') no-repeat right center}.b_panel__dark .b_panel_bot,.b_panel__dark .b_panel_bot .first{border-color:#6D757B}.b_panel__dark .landing_tab{background-image:url('/images/b_panel_arrow_dark.png')}.b_panel__dark .power{background:url('/images/landing_icon_power_wh.png') no-repeat 50%}.b_panel__dark .gas{background:url('/images/landing_icon_gas_wh.png') no-repeat 50%}.b_panel__dark .phone{background:url('/images/landing_icon_phone_wh.png') no-repeat 50%}.b_panel__dark .internet{background:url('/images/landing_icon_internet_wh.png') no-repeat 50%}.banner_promo_panels .b_panel h2.small{font-size:2.5em;line-height:1.1em;margin:0 0 .5em}.banner_promo_panels .b_panel p{margin:0 0 .4em;padding-top:0;font-size:13px;line-height:1.3em}.banner_promo_panels .b_panel.b_panel__dark{background:rgba(70,83,95,0.9)}.banner_promo_panels .b_panel.b_panel__dark:hover{background:url('/images/landing_panel_bg_dark.png');background:rgba(70,83,95,0.9)}.b_panel__promo{cursor:default}.b_panel__promo .b_panel_top{padding-bottom:70px}.b_panel__promo .landing_tab{background:none}.b_panel__promo h3,.b_panel__promo h2.small{font-size:2.5em;padding:0}.b_panel__promo p,.b_panel__promo ul{margin:0 0 .4em}.b_panel__promo .btn{position:absolute;bottom:18px;left:2em;right:1.2em;color:#FFF !important;font-family:'Rubrik-Medium',Arial,sans-serif;font-weight:normal}.banner-promo{padding:94px 0 76px;margin-left:0;margin-right:0}.banner-promo .btn{padding:18px 34px;font-size:14px;margin-top:30px}.banner-promo__figure{padding-right:67px}.banner-promo__figure img{width:320px}.banner-promo__copy{margin-left:62px;width:60%}h2.banner-promo__title{font-size:4.7em !important;line-height:1.1em !important;margin:5px 0 6px !important}h3.banner-promo__subtitle{margin-bottom:5px !important}.banner-promo--one-deal{padding:146px 0 114px}.banner-promo--one-deal .banner-promo__figure{width:100%;background-size:cover;background-position:center;padding-top:46%}.banner-promo--one-deal .banner-promo__copy{width:90% !important;margin:0 auto;padding-top:33px}.banner-promo--one-deal .btn{display:inline-block}.box a.btn__wide{padding-left:10px;padding-right:10px}.box a.btn__wide:first-child:last-child{margin-left:-5%;margin-right:-5%}.box .box_inner p .lg,.box .box_inner p .lg_price{text-transform:none;font-size:1.3em;padding-left:.5em;padding-right:.5em}.box .box_inner p .lg:first-child,.box .box_inner p .lg_price:first-child{padding-left:0}.box .box_title{display:block}.box .flex_data{text-align:right}.box .flex_data p+p{margin-top:.1em}.box .flex_data p .lg,.box .flex_data p .lg_price{padding-right:0}.box .box_row_rates,.box .flex_row_rates{padding:1em 1.5em}.box .box_row_large{padding-top:2em;padding-bottom:2em}.box .box_row_text{padding-left:3.5em !important;padding-right:3.5em !important}.box .box_row_sub{padding:0}.box .box_row_sub .box_row,.box .box_row_sub .flex_row{padding-left:2.5em;padding-right:2.5em}.box .box_row_sub .box_row:first-child .box_row,.box .box_row_sub .flex_row:first-child .box_row,.box .box_row_sub .box_row:first-child .flex_row,.box .box_row_sub .flex_row:first-child .flex_row,.box .box_row_sub .box_row:first-child .box_row_content,.box .box_row_sub .flex_row:first-child .box_row_content{border-top:0}.box .box_row_gutter>.box_row,.box .box_row_gutter>.flex_row,.box .box_row_gutter>.box_row_large{padding-left:3.5em;padding-right:3.5em}.box .box_row_gutter>.box_row>.flex_title,.box .box_row_gutter>.flex_row>.flex_title,.box .box_row_gutter>.box_row_large>.flex_title{padding-left:0}.box .box_row_gutter>.box_row>.flex_data,.box .box_row_gutter>.flex_row>.flex_data,.box .box_row_gutter>.box_row_large>.flex_data{padding-right:0}.box .box_row_total p .lg,.box .box_row_service p .lg{padding:0}.box label.box_row .flex_data,.box label.flex_row .flex_data{text-align:right;padding-left:5px;padding-right:1.5em}.box label.box_row .flex_title,.box label.flex_row .flex_title{padding-left:4.5em;padding-right:5px}.box label.box_row .flex_title span.radio,.box label.flex_row .flex_title span.radio{float:left;margin:4px 0 -4px -30px}.box label.box_row .flex_title p .lg,.box label.flex_row .flex_title p .lg{padding-left:0}.box .flex_title{text-align:left;margin-top:0 !important}.box .flex_row{border-top:1px solid rgba(180,180,180,0.3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.box .box_inner>.box_row:first-child,.box .box_inner>.flex_row:first-child{border-top:0}.box .flex.flex_inset{margin-bottom:10px !important}.box .flex.flex_inset+.flex_inset{margin-left:0 !important}.box .flex{width:auto;padding:10px 1.5em;border-top:none;min-height:58px;-webkit-box-flex:1;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center}.box .flex.half{width:50%;float:left;-webkit-box-flex:1;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%}.box .flex.third{width:33.33%;float:left;-webkit-box-flex:1;-webkit-flex:1 1 33.33%;-ms-flex:1 1 33.33%;flex:1 1 33.33%}.box .flex.twothird{width:66.66%;float:left;-webkit-box-flex:2;-webkit-flex:2 2 66.66%;-ms-flex:2 2 66.66%;flex:2 2 66.66%}.box .flex.flex_top{justify-content:flex-start}.box a.flex,.box label.flex{border-left:1px solid rgba(180,180,180,0.3)}.box a.flex:first-child,.box label.flex:first-child{border:0}.box .flex_t,.box .flex_t .flex{-webkit-align-items:flex-start;align-items:flex-start}.box .box_row_toggle:after{margin-right:2.5em}.box .phone-options-list-price{color:lightgrey;font-size:85%}.lte9 .box .box_inner>.box_row:first-child,.lte9 .box .box_inner>.flex_row:first-child,.lte9 .box .box_inner>.box_row:first-child>.flex_title:first-child,.lte9 .box .box_inner>.flex_row:first-child>.flex_title:first-child{border:0}.lte9 .box .flex_row{border-top:1px solid #DDD}.lte9 .box .free_gray.flex_row,.lte9 .box .free_blue.flex_row,.lte9 .box .free_purple.flex_row,.lte9 .box .free_deep-purple.flex_row,.lte9 .box .free_green.flex_row,.lte9 .box .free_gray .flex_row,.lte9 .box .free_blue .flex_row,.lte9 .box .free_purple .flex_row,.lte9 .box .free_deep-purple .flex_row,.lte9 .box .free_green .flex_row{border-color:#757474}.lte9 .box a.flex{border:0;border-left:1px solid #DDD}.lte9 .box .box_row_no_row,.lte9 .box .flex_row_no_row,.lte9 .box .box_row_tight .flex,.lte9 .box a.flex:first-child,.lte9 .box label.flex{border:0 !important}.lte9 .box .flex.flex_inset.third{width:32%}.lte9 .box .flex.flex_inset.half{width:48.5%}.bubble{top:auto;right:auto}.bubble__great-value{left:-50px;bottom:-15px}.bundle{padding-top:2.5em;padding-bottom:3em}.bundle_cta{padding-bottom:4em}.bundle_cta .content_holder{max-width:100%}.bundle_cta .img{display:inline-block;vertical-align:middle}.bundle_cta .img img{max-width:100%}.bundle_cta .circle{position:relative;margin:-8em 0 -5em 0}.bundle_cta .circle .promo_see_more{bottom:30px;left:15px}.bundle_cta .text{display:inline-block;vertical-align:middle}.bundle_cta .text h3{text-align:left}.bundle_cta .text .columns .col{padding-top:0;width:49%}.bundle_cta h3{font-size:2.2em;font-family:'Rubrik-Light',Arial,sans-serif}.bundle_cta h3 strong{font-family:'Rubrik-Regular',Arial,sans-serif}.bundle_cta.bundle_cta__BubbleText .text{width:60%}.bundle_cta.bundle_cta__ImgText .img{width:30%;margin:auto 5% 0 0}.bundle_cta.bundle_cta__ImgText .text{width:55%}.lte8 .bundle_cta .circle .promo_see_more{bottom:28px;left:0px}.bundle_h2,.webkit .bundle_h2{font-size:5em;line-height:1.1em;letter-spacing:-0.04em;margin-bottom:.4em;margin-top:0;margin-left:auto;margin-right:auto;width:380px}.bundle_h2__plus,.webkit .bundle_h2__plus{font-size:3.7em;line-height:1.081081em;letter-spacing:-0.054054em}.bundle_h4{font-size:2em;line-height:1.25em;letter-spacing:-0.05em;margin-bottom:1em;margin-top:-1em;width:380px}.bundle_tcs{font-size:1.4em;line-height:1.428571em;margin:0}.bundle_offer{max-width:91em;margin:0 auto}.bundle_offer_list{display:inline;max-width:100%}.bundle_offer .bundle_offer_list{display:block}.bundle_offer .bundle_offer_item{display:inline-block;margin:0 1% 1.5em;padding:1.5em;width:14em}.bundle_offer .bundle_offer_item .bundle_h2{width:auto}.bundle_offer .bundle_offer_item__plus{display:inline-block;margin:0;padding:5em 0 0;width:2.2em}.bundle_offer .bundle_offer_item__highlight{bottom:auto;position:absolute;right:0;padding:2em 0;top:-8em;height:115px;width:111px}.bundle_offer .bundle_offer_item__tcs{display:block;padding-top:.5em;padding-bottom:.5em;width:auto}.bundle_offer__few .bundle_offer_item__highlight{right:-12em;top:-5em}.bundle_offer__lofi .bundle_offer_item__highlight{right:0}.bundle_offer__lofi.bundle_offer__few .bundle_offer_item__highlight{right:8em}.bundle__blue{background-color:#67D8E4}.bundle__blue .bundle_offer_item{background-color:#81DFE9}.bundle__orange{background-color:#FF9B00}.bundle__orange .bundle_offer_item{background-color:#FFAC28}.bundle__pink{background-color:#CC3399}.bundle__pink .bundle_offer_item{background-color:#D557AB}.bundle__purple{background-color:#7F1399}.bundle__purple .bundle_offer_item{background-color:#953DAB}.bundle .bundle_offer_item__plus,.bundle .bundle_offer_item__tcs{background-color:transparent}.bundle .bundle_offer_item__highlight{background:url('/images/bundle_highlight_small.png') no-repeat transparent}.btn-plain,.btn-plain:hover,.multiplebgs .btn-plain:hover{color:#fff}.promo_premade_gray .compare_plan_column .btn_add_remove{margin-top:20px}.btn__wide{padding-left:15%;padding-right:15%;margin-bottom:1.5em}.btn__fullwidth{font-size:1.5em;line-height:1.333333em;padding:1em 1.333333em;font-family:'Rubrik-Light',Arial,sans-serif}.lead_module.module .module_inner .content_holder .main_content{padding-left:0;padding-right:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container{justify-content:center;-webkit-justify-content:center}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h2,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h3,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left p,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h4{text-align:center}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h2,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h3,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo p,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h4{text-align:center}.lead_module.module .module_inner .content_holder .main_content h3{padding-left:10%;padding-right:10%}.lead_module.module .module_inner .content_holder .main_content .lead_container{justify-content:center;-webkit-justify-content:center}.lead_module.module .module_inner .content_holder .main_content .lead_container input{font-size:16px;height:36px;margin-bottom:0}.lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneBorder{width:95%;margin-bottom:0}.lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailGeneralPanel,.lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneGeneralPanel,.lead_module.module .module_inner .content_holder .main_content .lead_container input[type=text],.lead_module.module .module_inner .content_holder .main_content .lead_container input[type=email],.lead_module.module .module_inner .content_holder .main_content .lead_container input[type=tel]{width:100%}.lead_module.module .module_inner .content_holder .main_content .lead_container input[type=submit]{width:60%;margin-top:3%;margin-bottom:1%;padding:0}.lead_module.module .module_inner .content_holder .main_content .lead_container input[placeholder]{font-size:16px}.lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneBorder{margin-top:2%;margin-bottom:1%}.card-heading{font-size:19px !important}.carousel_container{padding-top:4em}.carousel_container .carousel_standard{padding-left:2em;padding-right:2em}.carousel_container_blue .carousel_previous,.carousel_container_green .carousel_previous,.carousel_container_pink .carousel_previous,.carousel_container_blue .carousel_next,.carousel_container_green .carousel_next,.carousel_container_pink .carousel_next{background-image:url(/images/carousel_controls_medium_coloured.png)}.carousel_free .banner_content h1{width:50%}.carousel_free .carousel_pager{padding:20px 0}.carousel_free.carousel_navbottom .carousel_previous,.carousel_free.carousel_navbottom .carousel_next{margin-top:0}.carousel_free .carousel_previous,.carousel_free .carousel_next{background-image:url("/images/carousel_controls_medium.png");margin-top:-3em;padding-top:59px;width:30px}.carousel_free .no-touch .carousel_previous:hover,.carousel_free .carousel_previous:active{background-position:center -59px}.carousel_free .carousel_next{background-position:center -118px;right:-2.9em}.carousel_free .no-touch .carousel_next:hover,.carousel_free .carousel_next:active{background-position:center -177px}.carousel_standard{max-width:none}.carousel_standard .carousel_item{width:33.3333%}.carousel_standard .carousel_previous,.carousel_standard .carousel_next{width:5%}.carousel_standard .carousel_previous{left:-5%}.carousel_standard .carousel_next{right:-5%}.carousel_related{padding-left:0;padding-right:0}.carousel_related .carousel_standard{max-width:66em}.carousel_related .carousel_item{width:33.3333%}.carousel_promos .carousel_item,.carousel_plan_info .carousel_item{width:100%}.carousel_promos .carousel_previous,.carousel_plan_info .carousel_previous,.carousel_promos .carousel_next,.carousel_plan_info .carousel_next{background-image:url(/images/carousel_controls_medium_coloured.png)}.carousel_promos .carousel_previous,.carousel_plan_info .carousel_previous{left:0}.carousel_promos .carousel_next,.carousel_plan_info .carousel_next{right:0}.carousel_landing .carousel_item{padding-top:70em;width:100%}.carousel_landing .carousel_previous,.carousel_landing .carousel_next{background-image:url(/images/carousel_controls_medium_coloured.png)}.carousel_landing .carousel_previous{left:0}.carousel_landing .carousel_next{right:0}.carousel_landing .carousel_fcta{display:block;position:absolute;z-index:2}.banner_short .carousel_landing .carousel_item{padding-top:50em}.banner_xshort .carousel_landing .carousel_item{padding-top:38em}.banner_xxshort .carousel_landing .carousel_item{padding-top:26em}.carousel_banner_panels.carousel_standard{position:relative}.carousel_banner_panels.carousel_standard .carousel_previous,.carousel_banner_panels.carousel_standard .carousel_next{bottom:0;height:auto;margin:0;text-indent:-9999px;top:0;width:28px}.carousel_banner_panels.carousel_standard .carousel_previous:hover,.carousel_banner_panels.carousel_standard .carousel_next:hover{background-position:center 50%}.carousel_banner_panels.carousel_standard .carousel_previous{background:url(/images/carousel_banner_left_arrow.png) center repeat-y;left:-29px}.carousel_banner_panels.carousel_standard .carousel_next{background:url(/images/carousel_banner_right_arrow.png) center repeat-y;right:-29px}#productCarouselContainer.carousel_banner_panels.carousel_standard .carousel_previous,#productCarouselContainer.carousel_banner_panels.carousel_standard .carousel_next{bottom:auto;height:0;top:50%}.carousel_products .carousel_item{width:33.3333%}.banner_landing .carousel_pager{display:block}.banner_landing .home .carousel_pager{display:block;bottom:240px}.carousel_plan_info .carousel_pager{bottom:8em}.carousel_plan_info .carousel_pager li{display:inline-block;height:40px;position:relative;vertical-align:bottom;z-index:1}.carousel_plan_info .carousel_pager li .a{background:url("/images/vertical_toggle_inactive.png") no-repeat 13px 12px;display:inline-block;padding:20px;text-indent:-9999px;width:0;vertical-align:bottom}.carousel_plan_info .carousel_pager li .a:hover{background:url("/images/vertical_toggle_inactive.png") no-repeat 13px 12px}.carousel_plan_info .carousel_pager li .a.active{background:url("/images/vertical_toggle_active.png") no-repeat 13px 12px}.carousel_plan_info .carousel_pager li .a.active:hover{background-image:url("/images/vertical_toggle_active.png")}.banner_pull_left .carousel_item{padding-top:50em}.carousel_gallery .carousel_previous,.carousel_gallery .carousel_next{width:30px !important}.carousel_previous,.carousel_next{background-image:url("/images/carousel_controls_medium.png");margin-top:-3em;padding-top:59px;width:30px}.no-touch .carousel_previous:hover,.carousel_previous:active{background-position:center -59px}.carousel_next{background-position:center -118px;right:-2.9em}.no-touch .carousel_next:hover,.carousel_next:active{background-position:center -177px}#divLeaveMessage{font-size:14px;line-height:46px;bottom:-12px;width:230px;height:60px;background-size:230px 60px}.balls-container,.ipad .balls-container{display:block}.color_strip .main_content{max-width:66em}.bk{display:block}.columns .col{display:inline-block;text-align:left}.columns .col h3{font-size:3.5em;letter-spacing:-2px}.columns .col h4{font-size:2.5em}.columns.columns-7>.col{width:13.5%}.columns.columns-6>.col{width:16%}.columns.columns-5>.col{width:19.5%}.columns.columns-4>.col{width:24.5%}.columns.columns-3>.col{width:33.33%}.columns.columns-3.columns-option{margin-left:0;margin-right:-14%}.columns.columns-3.columns-option>.col{width:25%;margin-left:6%}.columns.columns-3.columns-option>.col:first-child{margin-left:0}.columns.columns-2>.col{width:50%}.columns.columns-2-1{margin-left:0;margin-right:0}.columns.columns-2-1>.col{width:31.5%;padding:0;float:left}.columns.columns-2-1>.col .product_item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;float:none;margin-right:1px;max-width:none}.columns.columns-2-1>.col .product_item_stretch{width:130%}.columns.columns-2-1 .col:nth-child(3n),.columns.columns-2-1 .col.right,.columns.columns-2-1 .col.lpg{float:right;margin-right:0}.columns.columns-plus>.col{text-align:left}.columns.columns-plus>.col:before{top:67px;left:-0.2em}.columns.columns-icon-small>.col{text-align:left;padding-top:20px !important;padding-left:60px;background-position:14px 20px}.columns.columns-extras>.col{min-width:inherit}.columns.columns-extras>.col h4{font-size:2.2em;margin-top:5px;margin-left:-7px;margin-right:-7px}.columns.columns-extras>.col p{font-size:1.2em;margin-bottom:34px}.columns.columns-extras>.col.active:before{display:block}.columns.columns-extras.columns-inline-table{text-align:left}.columns.columns-extras.columns-inline-table>.col{max-width:130px}.columns.columns-option{padding-bottom:20px}.columns.columns-option>.col{text-align:left;padding-left:0;padding-right:0;margin-bottom:0}.columns.columns-option>.col:before{top:0;bottom:0;left:auto;right:auto;margin:0 0 0 -23%;width:21%;height:auto;padding-top:1.2em}.columns.columns-option>.col:first-child:before{display:none}.columns.columns-table{display:table;width:101%;margin:0 -3px}.columns.columns-table .col{display:table-cell;padding:0 2px}.columns.columns-table .col .col{padding:15px 15px 0;text-align:left}.columns.columns-inline-table{display:table;width:auto;margin:0 auto}.columns.columns-inline-table .col{padding:0 5px}.columns.columns-inline-table>.col{display:table-cell;width:auto}.columns.columns-inline>.col{width:auto;max-width:none}.columns.columns-left{text-align:left}.col_body p{margin:.4em 0}.col_body p img{max-width:95%}.col_foot p.icons{text-align:left}.lte8 .col_body p img{width:95%}.lte8 .columns-table .col_body p img{width:auto}.lte8 .columns-extras .col.active:before{display:block}.step_content .columns .col{padding-top:0}.landing_intro{margin-top:-70px}.landing_intro h1,.super_headline{width:100%;padding:1em 30%;margin:0 -30% 1.5em;font-size:3em;line-height:1.2em}.super_headline{margin-top:-70px}.super_headline__left{width:50%;padding:.7em 95% .7em 15%;margin:-70px -95% 1.5em -15%;text-align:left}.super_headline__left:after{left:13%}.unit1of12,.unit1of6,.unit1of4,.unit1of3,.unit5of12,.unit1of2,.unit7of12,.unit2of3,.unit3of4,.unit10of12,.unit11of12{margin-right:3.8%;float:left;min-height:1px}.line .unit1of12{width:4.85%}.line .unit1of6{width:13.45%}.line .unit1of4{width:22.05%}.line .unit1of3{width:30.75%}.line .unit5of12{width:39.45%}.line .unit1of2{width:48%}.line .unit7of12{width:56.75%}.line .unit2of3{width:65.4%}.line .unit3of4{width:74.05%}.line .unit10of12{width:82.7%}.line .unit11of12{width:91.35%}.line .unit1of1{width:100%;float:left}.line .last{margin-right:0px}.line img{max-width:100%;height:auto}.bl1:before,.br1:after{display:block !important}.service_combo_row{padding-top:1.5em;padding-bottom:1.5em}.service_combo_row .text{float:left;width:60%}.service_combo_row .actions{float:right;width:20%;padding-top:1em}.service_combo_row .icon_list{float:left;width:20%;text-align:right;position:relative;right:2em}.service_combo_row .columns-plus .col{text-align:center;padding-top:10px}.service_combo_row .columns-plus .col:before{margin-left:-0.2em}.respond-ud{width:100%}.respond-udv{height:100%}.respond-d{max-width:100%}.respond-u{min-width:100%}.lte7 .respond-ud,.lte7 .respond-u,.lte7 .respond-d{width:100%}.no-js .respond-ud{display:none}.no-js noscript .respond-ud{display:block}.f-left,.fl{float:left}.f-right,.fr{float:right}.flL{float:left !important}.flR{float:right !important}.imgL{float:left !important;margin:0 15px 5px 0}.imgR{float:right !important;margin:0 0 5px 15px}.nb{border:0 !important}.nb:before{display:none !important}.nowrap{white-space:nowrap}.taC{text-align:center}.taC p>small{display:block;text-align:left}.taL{text-align:left !important}.taR{text-align:right !important}.dN{display:none !important}.dB{display:block !important}.ttU{text-transform:uppercase !important}.ttL{text-transform:lowercase !important}.ttN{text-transform:none !important}.clear{clear:both}.nowrap{white-space:nowrap}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.lte7 .clearfix{zoom:1}.relative{position:relative}.block{display:block}.w-full{width:100%}.semantic{list-style:none;margin:0;padding:0}.semantic li{margin:0;padding:0;list-style:none;background:none}.semantic li:before{display:none}.b_pb_solid{border-bottom:1px solid #7F1399}.b-gray-c{border-color:#ccc}.b-dash{border-style:dashed}.no-js .requires-js{display:none;visibility:hidden}.rte_script{position:absolute;left:-10000em}.tt-upper,.tt_upper{text-transform:uppercase}.ta-center,.ta_center{text-align:center}.ta-right,.ta_right{text-align:right}.ta-left,.ta_left{text-align:left}.tw-bold{font-family:'Rubrik-SemiBold',arial,sans-serif}.tw-regular{font-family:'Rubrik-Regular',arial,sans-serif}.tw_medium{font-family:'Rubrik-Medium',arial,sans-serif}.lh-clear{line-height:1}.va-top{vertical-align:top}.va-middle{vertical-align:middle}.va-bottom{vertical-align:bottom}.hidden{display:none}.hidden_important{display:none !important}.response_xsmall .hidden_small,.response_small .hidden_small{display:none !important}.response_xsmall .hidden_mobile,.response_small .hidden_mobile,.response_medium .hidden_mobile{display:none !important}.response_medium .hidden_non_mobile,.response_large .hidden_non_mobile,.response_xlarge .hidden_non_mobile,.response_xxlarge .hidden_non_mobile,.response_xxxlarge .hidden_non_mobile,.response_xxxxlarge .hidden_non_mobile{display:none !important}.response_large .hidden_desktop,.response_xlarge .hidden_desktop,.response_xxlarge .hidden_desktop,.response_xxxlarge .hidden_desktop,.response_xxxxlarge .hidden_desktop{display:none !important}.fn a{color:inherit}.fn a:hover,.fn a:focus{text-decoration:underline}.ptn{padding-top:0 !important}.ptxs{padding-top:5px}.ptbs{padding-top:9px}.pts{padding-top:1em}.ptm{padding-top:2em}.ptl{padding-top:3em}.ptxl{padding-top:4em}.ptxxl{padding-top:5em}.prn{padding-right:0 !important}.prxs{padding-right:5px}.prbs{padding-right:9px}.prs{padding-right:1em}.prm{padding-right:2em}.prl{padding-right:3em}.prxl{padding-right:4em}.prxxl{padding-right:5em}.pbn{padding-bottom:0 !important}.pbxs{padding-bottom:5px}.pbbs{padding-bottom:9px}.pbs{padding-bottom:1em}.pbm{padding-bottom:2em}.pbl{padding-bottom:3em}.pbxl{padding-bottom:4em}.pbxxl{padding-bottom:5em}.pln{padding-left:0 !important}.plxs{padding-left:5px}.plbs{padding-left:9px}.pls{padding-left:1em}.plm{padding-left:2em}.pll{padding-left:3em}.plxl{padding-left:4em}.plxxl{padding-left:5em}.pan{padding:0 !important}.paxs{padding:5px}.pabs{padding:9px}.pas{padding:1em}.pam{padding:2em}.pal{padding:3em}.paxl{padding:4em}.paxxl{padding:5em}.mtn{margin-top:0 !important}.mtxs{margin-top:5px}.mtbs{margin-top:9px}.mts{margin-top:1em}.mtm{margin-top:2em}.mtl{margin-top:3em}.mtxl{margin-top:4em}.mtxxl{margin-top:5em}.mrn{margin-right:0 !important}.mrxs{margin-right:5px}.mrbs{margin-right:9px}.mrs{margin-right:1em}.mrm{margin-right:2em}.mrl{margin-right:3em}.mrxl{margin-right:4em}.mrxxl{margin-right:5em}.mbn{margin-bottom:0 !important}.mbxs{margin-bottom:5px}.mbbs{margin-bottom:9px}.mbs{margin-bottom:1em}.mbm{margin-bottom:2em}.mbl{margin-bottom:3em}.mbxl{margin-bottom:4em}.mbxxl{margin-bottom:5em}.mln{margin-left:0 !important}.mlxs{margin-left:5px}.mlbs{margin-left:9px}.mls{margin-left:1em}.mlm{margin-left:2em}.mll{margin-left:3em}.mlxl{margin-left:4em}.mlxxl{margin-left:5em}.man{margin:0 !important}.maxs{margin:5px}.mabs{margin:9px}.mas{margin:1em}.mam{margin:2em}.mal{margin:3em}.maxl{margin:4em}.maxxl{margin:5em}.ban{border:0 !important}.baxs{border:5px}.babs{border:9px}.bas{border:1em}.bam{border:2em}.bal{border:3em}.baxl{border:4em}.baxxl{border:5em}.video_container_16x9{padding-bottom:56.25%;position:relative}.video_container_16x9 iframe{height:100%;position:absolute;width:100%}label.creditCheckFileUpload input[type="file"]{position:fixed;top:-1000px}.creditCheckFileUpload{font-size:unset}.CreditCheckIDImageWrapper{position:relative;display:inline-block;padding-bottom:5px}.CreditCheckIDImageClose{position:absolute;top:-20px;right:-20px;cursor:pointer;height:40px;width:40px;display:none}.u-block{display:block !important}.u-flex{display:flex !important}.compare_plans_table{margin:0 auto;position:relative;text-align:center;white-space:nowrap}.compare_plan_column{display:inline-block;padding:115px 2%;vertical-align:middle;white-space:normal;width:16%}.compare_plan_column h3{margin:0;padding:0;position:absolute;text-align:center;top:20px;width:16%}.compare_plan_column .compare_icon_power{display:inline-block;width:90px;height:22.5px;padding-top:45px;padding-bottom:22.5px;font-size:12.85714286px;line-height:22.5px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #fff;background:transparent url('/images/service_power.png') no-repeat center 22.5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.compare_plan_column .compare_icon_internet{display:inline-block;width:90px;height:22.5px;padding-top:45px;padding-bottom:22.5px;font-size:12.85714286px;line-height:22.5px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #fff;background:transparent url('/images/service_net.png') no-repeat center 22.5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.compare_plan_column .compare_icon_gas{display:inline-block;width:90px;height:22.5px;padding-top:45px;padding-bottom:22.5px;font-size:12.85714286px;line-height:22.5px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #fff;background:transparent url('/images/service_gas.png') no-repeat center 22.5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.compare_plan_column .compare_icon_phone{display:inline-block;width:90px;height:22.5px;padding-top:45px;padding-bottom:22.5px;font-size:12.85714286px;line-height:22.5px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #fff;background:transparent url('/images/service_phone.png') no-repeat center 22.5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.compare_plan_column .compare_icon_extras{display:inline-block;width:90px;height:22.5px;padding-top:45px;padding-bottom:22.5px;font-size:12.85714286px;line-height:22.5px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #fff;background:transparent url('/images/service_extras.png') no-repeat center 22.5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.lte8 .compare_plan_column .compare_icon_power,.lte8 .compare_plan_column .compare_icon_internet,.lte8 .compare_plan_column .compare_icon_gas,.lte8 .compare_plan_column .compare_icon_phone,.lte8 .compare_plan_column .compare_icon_extras{border:none}.compare_plan_column_btn{width:10em}.compare_plan_column_btn_right{float:right}.compare_plan_service_option{border-bottom:none;padding-top:0;padding-bottom:0}.compare_plan_service_option:last-child{border-bottom:none}.compare_plan_service_option.flag_popular .compare_plan_result .brace{margin-bottom:18px}.compare_plan_service_option.flag_popular:after{bottom:60px;content:"Popular ";margin-right:-1px;right:-9.2%;text-transform:uppercase}.combined_columns .flag_popular .compare_plan_result .brace{margin-bottom:0}.combined_columns .flag_popular:after{bottom:70px}.compare_option_wrapper h4{font-size:2em;line-height:1em;margin:15px 0 10px 0}.compare_option_wrapper .compare_option_title_internet,.compare_option_wrapper .compare_option_title_phone,.compare_option_wrapper .compare_option_title_power,.compare_option_wrapper .compare_option_title_gas{padding-left:0;padding-right:0}.compare_option_wrapper .compare_option_title_internet:before,.compare_option_wrapper .compare_option_title_phone:before,.compare_option_wrapper .compare_option_title_power:before,.compare_option_wrapper .compare_option_title_gas:before{content:normal}.compare_option_wrapper p,.compare_plan_result p{font-size:1.1em;line-height:1.3em;margin-bottom:5px;padding-left:0;padding-right:0}.compare_plan_result .brace{background-image:url('/images/brace_h_d_mid_extended.png')}.compare_plan_result .brace:before,.compare_plan_result .brace:after{background-image:url('/images/brace_h_d_edges.png');content:' '}.combined_columns{background-color:#F5F3F0;padding-bottom:0;width:36%}.combined_columns h3{background:url('/images/icon_linked_services.gif') no-repeat center center;width:36%}.combined_columns h3 span{right:3%;position:absolute}.combined_columns h3 span:first-child{left:3%}.combined_columns .compare_plan_service_option,.combined_columns_fake .compare_plan_service_option{border-bottom:1px dashed #969A9E;border-bottom-style:dotted;margin:0 3%;padding-bottom:2.5em}.combined_columns .compare_plan_service_option_last,.combined_columns_fake .compare_plan_service_option_last{border-bottom:none}.combined_columns .compare_option_wrapper h4,.combined_columns_fake .compare_option_wrapper h4{color:#333;font-family:'Rubrik-Regular',Arial,sans-serif;font-size:1.2em;line-height:1.5em;padding:0 0 0 5%;text-align:right;width:45%}.combined_columns .compare_option_wrapper h4:first-child,.combined_columns_fake .compare_option_wrapper h4:first-child{padding:0 5% 0 0;text-align:left}.combined_columns .compare_option_wrapper h4 span,.combined_columns_fake .compare_option_wrapper h4 span{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:1.666667em;letter-spacing:-0.05em;line-height:10px}.combined_columns_fake{background-color:#F5F3F0;padding-bottom:0;width:20%}.combined_columns_fake h3{width:20%}.combined_columns_fake .flag_popular:after{top:auto;bottom:18px;right:-16%}.compare_plan_column_extra h3{color:#333}.compare_plan_column_extra h3:before{content:normal;display:none}.compare_plan_option_extra h4{font-size:2em;line-height:1em;margin-bottom:10px}.compare_plan_option_extra h4:before{background:no-repeat center center;border:none;content:"+ ";font-size:inherit;height:auto;line-height:inherit;margin:0;position:static;width:auto}.compare_plan_option_extra .compare_option_wrapper{float:none;padding:0;width:auto}.compare_plans_blue .compare_plan_column_extra h3{color:#333}.compare_plans_blue h4{color:#2D7BDB}.compare_plans_green .compare_plan_column_extra h3{color:#333}.compare_plans_green h4{color:#AEC800}.compare_plans_pink .compare_plan_column_extra h3{color:#333}.compare_plans_pink h4{color:#CC3399}.oct h1.huge{font-size:11em;margin-bottom:20px}.oct h1 .major{width:auto;margin-bottom:0}.oct h1 .minor{margin:0 25px;margin-bottom:0}.oct h1 .sub{text-align:left;left:35px;white-space:nowrap}.oct h2{margin-top:20px;font-size:2.8em}.oct h2 br,.oct h3 br{display:block}.oct h3{font-size:2.5em;line-height:1.571429em}.oct .oct_actions{display:inline-block;position:relative}.oct .oct_actions .btn.back,.oct .oct_actions .btn.reset{position:absolute;top:0;right:100%;display:inline-block;width:auto;margin-bottom:40px;margin-left:20px;margin-right:20px}.oct .oct_actions .btn.reset{right:auto;left:100%}.oct .oct_actions .btn.back{display:none}.oct .oct_actions .btn+.btn{margin-top:15px}.oct .oct_content .btn.action{margin-bottom:20px}.oct.oct_large h2 br{display:block}.oct.oct_large .oct_content{padding-top:40px}.oct.oct_tiny .btn_small{font-size:2em}.oct .oct_header .btn .btn_title{display:inline-block;max-width:67%;white-space:normal !important}.oct .oct_footer .columns-table .col{width:33.3%}.oct .oct_footer .columns-table .col.last{display:block}.oct .oct_footer .columns-table .col:last-child{display:block}.oct .oct_footer .toggled_popup{position:absolute}.lte8 .oct .oct_header .btn .btn_title{max-width:75%}.service_selectors .create_plan_component_list .compare_plan_column{margin-top:2em}.service_selectors .create_plan_component_list .compare_plan_column h3{font-size:10px;line-height:1.1em}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle{width:100%;font-size:1.6em}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_main{background-position:center 30%;padding:5em 0 0;font-size:14px;line-height:1em;width:115px;height:115px}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_main:hover{background-color:#414E5C;background-color:rgba(0,0,0,0.1)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_sub{display:none}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_power a.btn_main{background-image:url(/images/selectors/icon_power_white.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_gas a.btn_main{background-image:url(/images/selectors/icon_gas_white.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url(/images/selectors/icon_telco_white.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active a.btn_main{border-color:#FFF;background-color:#FFF;color:#46525F}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active a.btn_sub,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active a.btn_sub{display:block;background-color:#00B7FF;border-color:#FFF}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active.compare_icon_power a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active.compare_icon_power a.btn_main{background-image:url(/images/selectors/icon_power.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active.compare_icon_gas a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active.compare_icon_gas a.btn_main{background-image:url(/images/selectors/icon_gas.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active.compare_icon_internet.compare_icon_phone a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url(/images/selectors/icon_telco.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.component_linked:after{right:110%;background-image:url(/images/selectors/linked.png)}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle{width:124px;height:124px}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.component_linked:after{right:110%}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_main{width:124px !important;padding-top:124px !important}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_power a.btn_main{background-image:url('/images/selectors/circle_power_white.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_gas a.btn_main{background-image:url('/images/selectors/circle_gas_white.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url('/images/selectors/circle_broadband_white.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_power a.btn_main,.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .active.compare_icon_power a.btn_main{background-image:url('/images/selectors/circle_power.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_gas a.btn_main,.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .active.compare_icon_gas a.btn_main{background-image:url('/images/selectors/circle_gas.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_internet.compare_icon_phone a.btn_main,.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .active.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url('/images/selectors/circle_broadband.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .current.compare_icon_power a.btn_main{background-image:url('/images/selectors/circle_power.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .current.compare_icon_gas a.btn_main{background-image:url('/images/selectors/circle_gas.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .current.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url('/images/selectors/circle_broadband.png')}.m_contact_static_map,.m_infowindow_content{display:none}#contact_map{height:400px;margin-bottom:-1px;width:100%}.fader{background:url(/images/map_fader.png) 0 0 repeat-x;height:160px;position:absolute;top:0;width:100%;pointer-events:none}.android .fader{-webkit-transform:translateZ(0)}.infoBox img{display:none}#infowindow_content{background:url(/images/map_infowindow_bg.png) 0 0 repeat-x;width:171px;height:160px;position:absolute;top:-160px}#infowindow_content h3,#infowindow_content p{color:#fff;text-align:center}#infowindow_content h3{margin-top:10px;margin-bottom:10px;padding:0}#infowindow_content hr{width:20%;margin:0 auto 10px auto}.create_plan_components{bottom:100%;left:0;padding-bottom:4em;right:0}.create_plan_components h2{margin-bottom:10px}.create_plan .create_plan_component_list .compare_plan_service_option{display:block}.create_plan_components .create_plan_component_list{margin:2em 0 0}.create_plan_components .create_plan_component_list .compare_plan_service_option{margin:0 -1.5em !important}.create_plan_components .create_plan_component_list .compare_plan_service_option h4{text-align:center;font-size:1.4em;letter-spacing:0}.create_plan_components .create_plan_component_list .compare_plan_service_option h4 h4{width:100%;float:none}.create_plan_components .create_plan_component_list .compare_plan_service_option p{letter-spacing:0}.create_plan_component_list{margin:4em 0 0}.full_collapsible_radio label{max-width:95%}.create_plan .promo_premade .compare_plan_option_extra h4{color:#C6DC37}.create_plan .promo_premade .brace{background-image:url('/images/brace_h_d_mid_extended_green.png')}.create_plan .promo_premade .brace:before,.create_plan .promo_premade .brace:after{background-image:url('/images/brace_h_d_edges_green.png')}.create_plan_extras .hdr{margin-top:-30px}.promo_premade .create_plan_component_list .compare_plan_column{padding:0 1.5em;width:10em}.promo_premade .create_plan_component_list .combined_columns{width:23.8em}.promo_premade .create_plan_component_list .component_linked:after{content:" ";margin-left:-8px;top:4.2em}.promo_premade .create_plan_component_list .component_linked.component_toggle:after{left:auto;top:3em;right:120%}.promo_premade .create_plan_component_list .compare_plan_column_extra h3{padding-top:0}.promo_premade .create_plan_component_list .compare_plan_column_extra h3:before{display:none}.promo_premade .create_plan_component_list h3 .component_toggle{background:none;border:0;left:0;width:7.142857em;height:7.142857em;margin:0 0 0 -2px;padding:0;position:relative}.promo_premade .create_plan_component_list h3 .component_toggle .alert_box{width:275%;left:50%}.promo_premade .create_plan_component_list h3 .component_toggle a.btn_main{background-position:center 30%;background-repeat:no-repeat;border:2px solid #fff;border-color:rgba(255,255,255,0.2);position:relative;margin:0;display:block;padding:3.714286em 0 1.785714em;width:7.142857em;height:7.142857em;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out;-webkit-transition:border-color .3s ease-out;-moz-transition:border-color .3s ease-out;transition:border-color .3s ease-out;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;transition:background-color .3s ease-out;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-clip:border-box;-webkit-background-clip:border-box}.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_power a.btn_main{background-image:url(/images/create_plan_icon_power.png)}.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_gas a.btn_main{background-image:url(/images/create_plan_icon_gas.png)}.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_internet a.btn_main{background-image:url(/images/create_plan_icon_internet.png)}.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_phone a.btn_main{background-image:url(/images/create_plan_icon_phone.png)}.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_ip a.btn_main{background-image:url(/images/create_plan_icon_ip.png)}.promo_premade .create_plan_component_list h3 .component_toggle a:before{display:none;content:""}.promo_premade .create_plan_component_list h3 .component_toggle a.btn_sub{top:-10px;right:-20px;margin-right:0}.promo_premade .create_plan_component_list h3 .component_toggle a.btn_sub:hover{background-color:#414E5C}.promo_premade .create_plan_component_list h3 .component_toggle a.btn_main:hover{background-color:#414E5C;background-color:rgba(24,40,60,0.33)}.promo_premade .create_plan_component_list .combined_columns h3 .compare_icon_internet a.btn_main,.promo_premade .create_plan_component_list .combined_columns h3 .compare_icon_phone a.btn_main,.promo_premade .create_plan_component_list .combined_columns h3 .compare_icon_internet:first-child a.btn_main,.promo_premade .create_plan_component_list .combined_columns h3 .compare_icon_phone:first-child a.btn_main{left:0;width:7.142857em}.promo_premade .create_plan_component_list h3 .pseudo_active a.btn_main{background-color:#414E5C;background-color:rgba(24,40,60,0.33);border-color:#C8DC37}.promo_premade .create_plan_component_list h3 .active a.btn_main,.promo_premade .create_plan_component_list h3 .completed a.btn_main{border-color:#C8DC37}.promo_premade .create_plan_component_list h3 .current a.btn_main{background-color:#C8DC37;border-color:#C8DC37;color:#46535F}.promo_premade .create_plan_component_list h3 .current.compare_icon_power a.btn_main{background-image:url(/images/create_plan_icon_dark_power.png)}.promo_premade .create_plan_component_list h3 .current.compare_icon_gas a.btn_main{background-image:url(/images/create_plan_icon_dark_gas.png)}.promo_premade .create_plan_component_list h3 .current.compare_icon_internet a.btn_main{background-image:url(/images/create_plan_icon_dark_internet.png)}.promo_premade .create_plan_component_list h3 .current.compare_icon_phone a.btn_main{background-image:url(/images/create_plan_icon_dark_phone.png)}.promo_premade .create_plan_component_list h3 .current a.btn_main:hover{background-color:#C8DC37}.promo_premade .create_plan_component_list h3 .disabled a.btn_main{cursor:default;background-color:transparent !important}.promo_premade .create_plan_component_list h3 .disabled a.btn_main:hover{background-color:transparent !important}.promo_premade .create_plan_component_list_choosing h3 .component_toggle a.btn_sub{top:1px;right:1px;margin-right:0}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle a.btn_sub{top:-5px;right:-10px}.lte8 .promo_premade .create_plan_component_list_choosing h3 .component_toggle a.btn_sub{top:6px;right:3px}.no-touch .create_plan_component_list_choosing h3 .component_toggle:hover a.btn_main{background-color:#414E5C;background-color:rgba(24,40,60,0.33)}.lte8 .create_plan_component_list h3 .component_toggle{display:block;border:none;width:102px;height:102px}.lte8 .create_plan_component_list h3 .component_toggle a.btn_main{width:102px;height:0;padding-top:102px;overflow:hidden;border:0 !important;background-color:transparent !important}.lte8 .create_plan_component_list h3 .component_toggle a.btn_main:before{background:transparent !important;border:0 !important;content:" "}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle{display:block;border:none;width:102px;height:102px}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle.component_linked:after{right:114%}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle a.btn_main{width:102px !important;height:0;padding-top:102px !important;overflow:hidden;border:0 !important;background-position:center top;background-repeat:no-repeat;border:none;border-color:transparent}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_power a.btn_main{background-image:url('/images/ie8_prod_circ_power_med_inactive.png')}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_gas a.btn_main{background-image:url('/images/ie8_prod_circ_gas_med_inactive.png')}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_internet a.btn_main{background-image:url('/images/ie8_prod_circ_internet_med_inactive.png')}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_phone a.btn_main{background-image:url('/images/ie8_prod_circ_phone_med_inactive.png')}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active{background-color:transparent;border-color:transparent}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_power a.btn_main,.lte8 .promo_premade .create_plan_component_list h3 .active.compare_icon_power a.btn_main{background-image:url('/images/ie8_prod_circ_power_med_active.png')}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_gas a.btn_main,.lte8 .promo_premade .create_plan_component_list h3 .active.compare_icon_gas a.btn_main{background-image:url('/images/ie8_prod_circ_gas_med_active.png')}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_internet a.btn_main,.lte8 .promo_premade .create_plan_component_list h3 .active.compare_icon_internet a.btn_main{background-image:url('/images/ie8_prod_circ_internet_med_active.png')}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_phone a.btn_main,.lte8 .promo_premade .create_plan_component_list h3 .active.compare_icon_phone a.btn_main{background-image:url('/images/ie8_prod_circ_phone_med_active.png')}.lte8 .promo_premade .create_plan_component_list h3 .current{background-color:transparent;border-color:transparent}.lte8 .promo_premade .create_plan_component_list h3 .current.compare_icon_power a.btn_main{background-image:url('/images/ie8_prod_circ_power_med_current.png')}.lte8 .promo_premade .create_plan_component_list h3 .current.compare_icon_gas a.btn_main{background-image:url('/images/ie8_prod_circ_gas_med_current.png')}.lte8 .promo_premade .create_plan_component_list h3 .current.compare_icon_internet a.btn_main{background-image:url('/images/ie8_prod_circ_internet_med_current.png')}.lte8 .promo_premade .create_plan_component_list h3 .current.compare_icon_phone a.btn_main{background-image:url('/images/ie8_prod_circ_phone_med_current.png')}.lte8 .promo_premade .btn_small{font-size:11px;margin-left:0;margin-right:0}.create_plan_form_container{margin-left:0;margin-right:0}.menu_pager{display:none !important}.left_doc_column{display:block;float:left;margin-right:14%;padding-top:120px;width:20%}.right_doc_column{float:right;padding-top:120px;width:66%}.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}.editable_area_editing{border-bottom:2px solid #2D7BDB;margin-top:-2px;margin-left:-2px;margin-right:0}.error_logo{max-width:40%}.panel_selector .fancy_select_replaced{padding-left:30px;padding-right:30px}.panel_selector .fancy_select_results{padding-left:30px;padding-right:30px}.panel_selector .fancy_select_container .fancy_select_list li{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}.pullout.faq_contact strong{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:20px;padding-bottom:15px}.planned-outages{padding:50px 94px}.content_holder .panel .panel_inner .account-overview-cta{width:49%;margin-right:2px}.faults-map-view-module{padding-top:30px}.faults-map-view-more-info-close-panel{display:inline;position:absolute;right:15px;top:10px;height:24.11px;width:24.11px;opacity:.5}.file_list li .download{padding-right:160px}.file_list .list_layout{position:absolute;top:0;right:0}.file_list .list_layout .btn{position:absolute;right:0;margin:0}.fl_accounts.fl_accounts__select{min-width:540px}.fl_accounts.fl_accounts__select .fl_column{width:29%}.fl_accounts .fl_accounts_header{display:block;color:#333;font-family:'Rubrik-Medium',Arial,sans-serif}.fl_accounts .fl_accounts_header .fl_acc_name{text-indent:5%}.fl_accounts .fl_column{border:none;padding:0 1.5%;width:18%}.fl_accounts .fl_column:before{content:normal}.fl_accounts .fl_acc_name input[type*="radio"]{float:left;margin:0 10px 15px 5px}.fl_accounts .fl_fake_row{border-top:1px dotted #CCCCCC;float:left;padding:15px 0;margin-top:15px;width:100%}.fl_accounts .fl_column_prefix{margin-left:58.5%}.fl_accounts .fl_service{padding:15px 0}.fl_accounts .fl_acc_name{padding-left:2%;width:34%}.fl_accounts .fl_service_details{padding-right:2%;width:16%}.fl_accounts .account_selector{float:none}.fl_accounts .account_selector_legend{background:url(/images/star_default.png) no-repeat 2% -30px;padding-left:6.5%}.first_time_visit_container{position:absolute;width:99%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.first_time_visit_container .first_time_visit_overlay{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1;background:#2a7ddd;background-image:-moz-linear-gradient(-45deg, #2a7ddd 100px, #6C217D 1000px);background-image:-webkit-linear-gradient(-45deg, #2a7ddd 100px, #6C217D 1000px);background-image:-o-linear-gradient(-45deg, #2a7ddd 100px, #6C217D 1000px);background-image:linear-gradient(135deg, #2a7ddd 100px, #6C217D 1000px);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2a7ddd, endColorstr=#6C217D, GradientType=1);width:100%;height:100%;opacity:.85}.first_time_visit_container .first_time_visit_content{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:2;color:#fff;top:10em;left:6em;width:500px}.first_time_visit_container .first_time_visit_content h1,.first_time_visit_container .first_time_visit_content h2{color:#fff;font-size:6em;line-height:1.1em;margin:.4em 0}.first_time_visit_container .first_time_visit_content h2{font-size:5em;line-height:1em;margin:.4em 0 .6em 0}.first_time_visit_container .first_time_visit_content h1~p{color:#fff;margin:-25px 0 0 0;font-size:1.8em}.first_time_visit_container .first_time_visit_content .promo_icon_list{display:block;margin:10px 0 0 0;text-align:left}.first_time_visit_container .first_time_visit_content .promo_icon{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-position:center;background-repeat:no-repeat;border:1px solid #fff;border:1px solid rgba(255,255,255,0.5);display:inline-block;height:50px;margin:0 -5px;padding:0px;text-indent:-9999em;width:50px}.first_time_visit_container .first_time_visit_content .promo_icon_power{background-image:url('/images/create_plan_icon_power.png')}.first_time_visit_container .first_time_visit_content .promo_icon_internet{background-image:url('/images/create_plan_icon_internet.png')}.first_time_visit_container .first_time_visit_content .promo_icon_gas{background-image:url('/images/create_plan_icon_gas.png')}.first_time_visit_container .first_time_visit_content .promo_icon_phone{background-image:url('/images/create_plan_icon_phone.png')}.flexbox_md{display:flex;flex-flow:row;justify-content:flex-start;align-items:stretch}.flexbox_md>.flex{flex:1 1 auto}.flexbox_md>.flex-shrink{flex:0 1 auto}.footer{display:none;padding:200px 40px 60px}.side_bar_open .footer{display:block}.footer h3{display:none}.footer .gradients{position:relative}.footer .gradients img{display:block}.footer .gradients{margin:20px 0 20px;padding-left:0;width:169px;z-index:0}.footer .gradient{display:block}.footer_login{display:none}.helpdesk,.phone,.social_footer,.copyright{display:block}.footer_nav{margin-bottom:20px}.footer_nav li{font-size:13px;line-height:20px;padding-top:5px;padding-bottom:5px}.footer_nav a{color:#666}.footer_nav a:hover{color:#7F1399;text-decoration:none}.footer .copyright{border-top:1px solid #E1DFDD;color:#666;padding-left:0;margin-right:80px;padding-top:14px;font-size:1.3em}.side_bar .footer .copyright,.side_bar .footer_nav{display:none}.form_columned .scfCheckBoxListLabel,.form_columned .scfDatePickerLabel,.form_columned .scfDateSelectorLabel,.form_columned .scfDropListLabel,.form_columned .scfEmailLabel,.form_columned .scfFileUploadLabel,.form_columned .scfListBoxLabel,.form_columned .scfMultipleLineTextLabel,.form_columned .scfNumberLabel,.form_columned .scfPasswordLabel,.form_columned .scfRadioButtonListLabel,.form_columned .scfSingleLineTextLabel,.form_columned .scfTelephoneLabel{float:none;width:auto;padding-right:0;margin-bottom:0;font-family:'Rubrik-Regular',Arial,sans-serif}.form_columned .scfCheckBoxListGeneralPanel,.form_columned .scfCheckbox,.form_columned .scfDatePickerGeneralPanel,.form_columned .scfDateSelectorGeneralPanel,.form_columned .scfDropListGeneralPanel,.form_columned .scfEmailGeneralPanel,.form_columned .scfFileUploadGeneralPanel,.form_columned .scfListBoxGeneralPanel,.form_columned .scfMultipleLineGeneralPanel,.form_columned .scfNumberGeneralPanel,.form_columned .scfPasswordGeneralPanel,.form_columned .scfRadioButtonListGeneralPanel,.form_columned .scfSingleLineGeneralPanel,.form_columned .scfTelephoneGeneralPanel{float:none;width:auto}.form_column{float:left;padding-right:5%;padding-top:10px;width:45%}.form_column:first-child{float:none;padding-right:0;width:auto}.form_address_search_parent .scfValidator,.form_address_search_parent .scfValidatorRequired{margin-left:30px;margin-right:30px;width:60%}.form_address_search_parent .scfSubmitButtonBorder{margin-top:-5px}.form_address_bordered{margin-left:-2.5%;margin-right:-2.5%}.b_panel__dark .form_address_holder_light .scfSingleLineGeneralPanel input{color:#FFF}.b_panel__dark .form_address_holder_light .scfSingleLineGeneralPanel input::-webkit-input-placeholder{color:#aaa}.b_panel__dark .form_address_holder_light .scfSingleLineGeneralPanel input:-moz-placeholder{color:#aaa}.b_panel__dark .form_address_holder_light .scfSingleLineGeneralPanel input::-moz-placeholder{color:#aaa}.b_panel__dark .form_address_holder_light .scfSingleLineGeneralPanel input:-ms-input-placeholder{color:#aaa}.b_panel__dark .form_address_holder_light .scfSingleLineGeneralPanel .fake_placeholder{color:#aaa}.b_panel__dark .form_address_holder_light .form_address_search_button input{background:url("/images/form_address_search_small_light.png") center center no-repeat}.b_panel__dark .form_address_holder_light .form_address_search_button input:focus,.b_panel__dark .form_address_holder_light .form_address_search_button input:active,.b_panel__dark .form_address_holder_light .form_address_search_button input:hover{background:url("/images/form_address_search_small_light.png") no-repeat center center}::-webkit-input-placeholder{font-size:13px}:-moz-placeholder{font-size:13px}::-moz-placeholder{font-size:13px}.fake_placeholder{font-size:14px}.scfCheckbox label{max-width:96%}.no_label .scfRadioButtonList label{max-width:93%}.scfCheckBoxListLabel,.scfDatePickerLabel,.scfDateSelectorLabel,.scfDropListLabel,.scfEmailLabel,.scfFileUploadLabel,.scfListBoxLabel,.scfMultipleLineTextLabel,.scfNumberLabel,.scfPasswordLabel,.scfRadioButtonListLabel,.scfSingleLineTextLabel,.scfTelephoneLabel,.scfSmsTelephoneLabel,.scfConfirmPasswordLabel,.scfCreditCardLabel{float:left;padding-right:10px;width:40%}.label_has_fancybox{margin-right:8%;width:32%}.has_fancybox .captcha-solution,.has_fancybox .scfEmailTextBox,.has_fancybox .scfMultipleLineTextBox,.has_fancybox .scfNumberTextBox,.has_fancybox .scfPasswordTextBox,.has_fancybox .scfSingleLineTextBox,.has_fancybox .scfTelephoneTextBox,.has_fancybox .scfSmsTelephoneTextBox,.has_fancybox .scfConfirmPasswordTextBox,.has_fancybox .scfCreditCardTextBox,.has_fancybox .fancy_select_container,.has_fancybox .scfDateSelectorBorder input{width:90%}.has_fancybox .fancy_select_container{width:93%}.gallery .gallery_item{width:33%}.glossary h3,.glossary dl{float:left;width:50%}.glossary h3{width:30%;margin-right:20%}.graph_legend ul{padding-top:0;padding-bottom:0}.graph_legend li{float:left;line-height:45px}.graph_legend_icon{top:17px}.graph_information{padding-right:320px}.graph_relative_wrapper{min-height:345px}.graph_relative_wrapper .graph_information{min-height:265px}.graph_information_right{padding-right:0;padding-left:320px}.graph_trigger_large{display:block}.graph_trigger_small{display:none}.graph_small{float:left;width:50%}.graph_donut{height:300px;margin-top:0;max-width:300px;position:absolute;top:-5px;left:-5px}.graph_right{right:-5px;left:auto}.content_holder.grey_container_plans{background:#4F5C67;padding-top:1.5em;padding-bottom:2em}.content_holder.grey_container_plans h2,.content_holder.grey_container_plans h3,.content_holder.grey_container_plans p{color:#fff}.content_holder.grey_container_plans h3{margin-top:0}.content_holder.grey_container_plans a{color:#fff;border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,0.6)}.content_holder.grey_container_plans:before{border-bottom-color:#4F5C67}.content_holder.grey_container_plans .medium_triggers{display:block}.content_holder.grey_container_plans .base_triggers{display:none}.grey_container .main_content{max-width:66em}.grey_container .plan_info_trigger{text-decoration:none;color:#FFF}.grey_head .type{display:inline-block}.android_old .gradient_1,.no-cssgradients .gradient_1,.no-csstransitions .gradient_1,.no-cssanimations .gradient_1{background-image:url("/images/header_grad_fake_med.png")}.header{overflow:visible}#logoBig{margin-left:0;right:0;margin-right:3em;top:8em;width:129px;height:124px;position:absolute;z-index:3;-webkit-transform:translateZ(0);background:url(/images/logo_white.png) no-repeat;-webkit-transition:opacity 0.5s 0.3s, right 0s 0.3s;-moz-transition:opacity 0.5s 0.3s, right 0s 0.3s;transition:opacity 0.5s 0.3s, right 0s 0.3s}#logoBig.hide,#logoBig.modalHide{right:-200em;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:"alpha(opacity=0)";opacity:0;-webkit-transition:opacity 0.5s 0s, right 0s 0.3s;-moz-transition:opacity 0.5s 0s, right 0s 0.3s;transition:opacity 0.5s 0s, right 0s 0.3s}.android .logo_hidden{width:0}.nav_utility{position:absolute;right:0;z-index:6}.nav_utility .pb_trigger{display:block}.nav_utility a,.nav_utility .initial_text,.nav_utility .slide_text{font-size:1.4em;line-height:2.28572em;padding:.714286em 1.428571em .571429em}.request_callback .grid-item.standout{border-radius:1%}.request_callback .grid-item .scfForm.request_callback_form{padding:6%}.request_callback .tiles.layout_left .tile{padding-right:8%}.request_callback .tiles.layout_left .tile.layout_left{padding-right:0}.request_callback .tiles .tile .hero_img_container.hide_hero_img{display:block}.request_callback .tiles .tile .hero_img_container .hero_img{padding-top:50%}.request_callback.home_footer .content_holder{padding-top:2em;padding-bottom:1em}.history_list .history_date{float:left;width:25%;margin:0;padding-right:3%;text-align:left}.history_list .history_content{float:left;width:72%}.history_list .history_content li:first-child{padding-top:0}.home_footer{display:block;background:#2a7ddd;background-image:-moz-linear-gradient(-45deg, #2a7ddd 100px, #6C217D 1000px);background-image:-webkit-linear-gradient(-45deg, #2a7ddd 100px, #6C217D 1000px);background-image:-o-linear-gradient(-45deg, #2a7ddd 100px, #6C217D 1000px);background-image:linear-gradient(135deg, #2a7ddd 100px, #6C217D 1000px);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2a7ddd, endColorstr=#6C217D, GradientType=1)}.home_footer .content_holder{padding-bottom:6em;padding-top:6em;max-width:102.4em;width:100%}.home_footer .home_foot_wrap{width:100%;position:relative}.home_footer .home_foot_wrap:before,.home_footer .home_foot_wrap:after{content:"";display:table}.home_footer .home_foot_wrap:after{clear:both}.home_footer .tagline{display:block;font-family:'Rubrik-Medium',Arial,sans-serif;font-size:24px;height:60px;margin:-60px 0 0;padding:0;color:white}.home_footer .helpdesk{font-family:'Rubrik-Regular',Arial,sans-serif;font-size:1.3em;margin-bottom:0;color:white}.home_footer .phone{font-family:'Rubrik-Light',Arial,sans-serif;font-size:2em;color:white;margin-bottom:10px}.home_footer .home_footer_menu{width:16.4%;display:block;float:left;padding:0 1.8%;margin:0;list-style-type:none;list-style:none;list-style-image:none;color:#fff}.home_footer .home_footer_menu:before{content:" ";display:block;position:absolute;height:100%;width:0;top:0;left:auto;margin-left:-1.8%;border-left:1px solid #fff;border-left-color:rgba(255,255,255,0.2)}.home_footer .home_footer_menu.home_footer_menu_double{width:36.4%}.home_footer .home_footer_menu:first-child:before{border-left-color:transparent}.home_footer .home_footer_menu>li{list-style-type:none;list-style:none;list-style-image:none;margin-left:0;font-size:2em;font-family:'Rubrik-ExtraLight',Arial,sans-serif}.home_footer .home_footer_menu>li a{color:#fff;background:none;text-transform:none;max-width:100%;font-size:1.1em;line-height:25px;border:none;padding:0}.home_footer .home_footer_menu>li a:hover{background:none}.home_footer .home_footer_menu>li ul{display:block;margin-top:12px}.home_footer .home_footer_menu>li ul li{color:#fff;margin-left:0;padding-left:13px;position:relative}.home_footer .home_footer_menu>li ul li a{color:#fff;display:block;font-size:13px;line-height:18px;padding:3px 0;background:none;text-transform:none}.home_footer .home_footer_menu>li ul li a:hover{text-decoration:underline}.home_footer .home_footer_menu>li ul li a:before{color:#fff;content:'>';position:absolute;top:4px;left:-2px}.home_footer .home_foot_wrap.home_foot_wrap_secondary{display:table;padding-top:110px}.home_footer .home_foot_wrap.home_foot_wrap_secondary .home_footer_menu:before{border:none}.home_footer .home_foot_wrap.home_foot_wrap_secondary .home_footer_menu>li a{font-size:13px;line-height:18px;padding:3px 0}.home_footer .home_foot_wrap.home_foot_wrap_secondary .home_footer_menu>li a:hover{text-decoration:underline}.home_footer .home_footer_bottom{display:block;margin:20px 1.8% 0;padding-top:15px;border-top:1px solid #fff;border-top-color:rgba(255,255,255,0.2)}.home_footer .home_footer_bottom .home_footer_menu{width:auto;display:block;float:left;border:none;padding:0;margin:0}.home_footer .home_footer_bottom .home_footer_menu>li{display:inline-block;margin-right:15px}.home_footer .home_footer_bottom .home_footer_menu>li a{color:#fff;font-size:13px;line-height:1.3em;padding:0;max-width:none}.home_footer .home_footer_bottom .copyright{float:right;font-size:13px;line-height:1.3em;color:white;margin:0;padding:0;border:none}.home_footer .copyright{float:right;font-size:14px;line-height:1.3em;color:white;margin:0;padding:0;border:none}.icon_link_email:before{content:" ";display:inline-block;vertical-align:middle;margin-right:7px;width:16px;height:16px;background:url('/images/sprite_social_icons_white.png') no-repeat;background-position:0 -2px;opacity:.7}.main_clear .home_footer .home_foot_wrap.home_foot_wrap_secondary{background:transparent !important;padding:0}.main_clear .home_footer .tagline{height:30px;margin:0}.main_clear .home_footer .social_footer{margin-top:30px}.main_clear .home_footer .footer_awards{float:right;padding:30px 0 0;clear:none}.ideqa li.rn_Item{font-size:1.6em}.ideqa li.rn_Item a{padding:1em 1.2em 1em 0}.ideqa li.rn_Item a:after{margin-top:-6px;width:8px;height:12px}.ideqa div.rn_Navigation a{font-size:2em;margin-top:.4em}.info_box{border:1px solid #7F1399;float:left;margin:1em 5% 5% 0;padding:0 2em 1em;text-align:center;width:33%}.info_box h3{margin-bottom:10px}.info_box p{font-size:13px;padding-left:1em;padding-right:1em}.info_box hr{border-color:#7F1399;display:block;margin:0 auto 15px;width:20%}.info_box.info_box__clean{width:35%;padding:0}.info_box.info_box__clean p:last-child{border:0 !important}.intro_banner .content_holder{margin-right:auto;padding-bottom:30px;padding-top:50px}.intro_banner .content_holder .main_content{padding-right:120px}.intro_banner .content_holder:after{display:none;content:''}.intro_banner p{font-size:20px;line-height:1.5;color:#666;font-family:'Rubrik-ExtraLight',Arial,sans-serif}.intro_banner .share_link{top:5em}.intro_banner .intro_banner_ad{position:absolute;right:15px;top:40px;width:320px}.intro_banner.intro_banner_withad .main_content{padding-right:380px}.intro_banner.intro_spectrum_bottom{margin-bottom:50px;padding-bottom:50px}.intro_banner .spectrum{position:absolute;top:100%;display:block;width:100%}.intro_banner .spectrum li{border-left:1px solid #fff;height:10px;position:absolute;list-style:none;padding:0;margin:0;float:left}.intro_banner .spectrum li:before{content:' ';display:none}.intro_banner .spectrum li .rotate{position:absolute;color:#ccc;font-size:13px;top:25px;left:-19px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.intro_banner .spectrum li .rotate.active{color:#333}.intro_banner .spectrum li .rotate a{color:#999}.intro_banner .spectrum li .rotate a:hover,.intro_banner .spectrum li .rotate a:focus{color:#333}.intro_banner .spectrum .content_holder{padding-top:0}.intro_banner .spectrum .content_holder:after{display:none}.intro_banner.intro_spectrum_top{background:#F5F3F0;overflow:hidden}.intro_banner.intro_spectrum_top .spectrum{top:0}.intro_banner .spectrum_fill_bar{position:absolute;background:#E5E1D8;background-image:-moz-linear-gradient(left, #7e149a 0%, #33ad9c 50%, #FFCC00 100%);background-image:-webkit-linear-gradient(left, #7e149a 0%, #33ad9c 50%, #FFCC00 100%);background-image:-o-linear-gradient(left, #7e149a 0%, #33ad9c 50%, #FFCC00 100%);background-image:linear-gradient(to right, #7e149a 0%, #33ad9c 50%, #FFCC00 100%);height:10px;width:100%}.intro_banner .spectrum_fill_mask_offleft{background:#E5E1D8;position:absolute;height:10px;left:100%;width:100%}.intro_banner .spectrum_fill_mask{right:0;background:#E5E1D8;position:absolute;height:10px}.intro_banner .spectrum_fill_left{background:#7e149a;left:-100%;position:absolute;height:10px;width:100%}.intro_banner.service_overview_banner.intro_banner .share_link{margin-right:0}.intro_banner.service_overview_banner.intro_banner p{font-size:20px}.intro_banner.service_overview_banner.intro_banner .content_holder:after{display:block}.response_xsmall .spectrum li,.response_xxsmall .spectrum li{width:auto !important}.response_medium .intro_spectrum_top .content_holder:before{display:none}.response_medium .intro_spectrum_top .content_holder{padding-bottom:45px}.image_banner{background:url(/images/loader_large.gif) center center no-repeat;overflow:hidden;position:relative}.image_banner img{position:absolute;top:0;bottom:0;min-width:896px;width:100%;left:0;right:0}.generation_banner{height:540px;position:relative}.generation_banner img.image_banner_img{height:auto;width:auto;min-width:100%;min-height:100%}.generation_banner .map_toggle_label{display:block}.generation_banner .main_content_title{z-index:15;height:470px}.generation_banner .content_holder{padding-bottom:0;height:480px}.map_shown .main_content_title{height:auto}.generation_map{background:#fff;height:540px;position:absolute;top:540px;left:0;right:0;display:block}.generation_map_image{background:url(/images/countries2.png) no-repeat center bottom;width:1128px;left:50%;position:absolute;height:540px;margin-left:-800px}.map_markers{position:relative;height:540px}.map_markers li{list-style:none}.map_markers li:before{display:none}.map_markers .marker{width:15px;height:15px;position:absolute;cursor:pointer;margin:0;text-indent:-10000px;overflow:hidden;display:block;background:url(/images/generation_map_icon_sprite.png) no-repeat -15px 0;z-index:16}.map_markers .marker:hover{background-position:-15px bottom}.map_markers .marker.active{background-position:0 0}.spectrum_meta_data{background:#fff}.spectrum_meta_data h2{display:none}.spectrum_meta_data .content_holder{padding-top:0;height:150px;padding-bottom:0}.spectrum_meta_data .marker{width:200px;height:135px;position:absolute;bottom:-150px;margin-left:-8px;background:url(/images/spectrum_pointer.png) left bottom no-repeat;padding-left:35px;display:none}.spectrum_meta_data .marker_active{display:block}.spectrum_meta_data .marker_content_left{background-position:right bottom;padding-right:35px;text-align:right;margin-right:-8px;margin-left:-262px}.spectrum_meta_data_entry{border:none}.spectrum_meta_data_entry h3{font-size:16px;line-height:20px;margin:0 0 5px;padding:0;font-weight:'Rubrik-Medium',arial,sans-serif}.spectrum_meta_data_entry p{margin:0;padding:0;font-size:12px}.spectrum_meta_data_entry .year{color:#456faf;position:absolute;top:10px;font-size:17px;left:-50px;font-family:'Rubrik-Regular',arial,sans-serif;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.marker_content_left .spectrum_meta_data_entry .year{left:auto;right:-48px}.lte8 .spectrum_meta_data_entry .year{left:-55px;top:21px}.lte8 .marker_content_left .spectrum_meta_data_entry .year{right:-60px}.toggle_container{z-index:10}.map_toggle{position:absolute;bottom:0;left:5px;color:#fff;display:block;z-index:15;font:12px/30px "Rubrik-ExtraLight",arial,sans-serif;text-transform:uppercase}.map_toggle .relative{padding-left:40px;cursor:pointer}.map_toggle .map_icon{display:block;height:30px;position:absolute;cursor:pointer;top:0;left:0;width:30px;background:url(/images/banner_arrows.png) left center no-repeat}.map_toggle:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:"alpha(opacity=80)";opacity:.8}.hide_map{top:-60px;bottom:auto;color:#444}.hide_map .map_icon{background-position:right center}.replacable_content_loading{width:100%;height:100px;background:url(/images/loader_large.gif) no-repeat center center}#generation_filter{position:absolute;right:0;top:415px;width:160px}#generation_filter p{border:none;background:#666;color:#fff;display:block;font:14px/15px "Rubrik-Light",arial,sans-serif;padding:8px 12px 6px}#generation_filter p:after{background:#666 url(/images/grey_down_arrow.png) no-repeat scroll center center}#generation_filter .fancy_select_open p:after{background:#666 url(/images/grey_up_arrow.png) no-repeat scroll center center}#generation_filter ul{margin:2px 0 0 0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#generation_filter li{background:#E6E5E4;border-left:none;border-bottom:1px solid #fff}#generation_filter .fancy_select_container{background:none}#generation_filter .fancy_selected{display:none}#generation_filter li:hover,#generation_filter li:focus,#generation_filter .fancy_select_container-hovered{color:#702C9F;background:#E6E5E4}.third p{font-family:'Rubrik-Light',Arial,sans-serif;font-size:14px;line-height:20px;margin-bottom:10px}.third:first-child h2{margin-top:0px}.half{border-right:1px solid #D8D7D4;float:left;margin-bottom:20px;padding-right:10%;width:40%}.half_last{border-left:1px solid #D8D7D4;border-right:none;margin-left:-1px;padding-left:10%;padding-right:0;width:39%}.toggled_popup_title{float:none;width:100%}.toggled_popup_content{float:none;width:100%}.loader_bar{z-index:1000001}.login_block{position:absolute;width:100%;bottom:100%;background:url("/images/landing_panel_bg_dark.png") repeat scroll 0 0 transparent}.login_block .login_block_contain h3{float:none;font-size:25px}.login_block .login_block_contain .reg_lost{float:right;padding-right:10px}.login_block .login_block_contain .scfPasswordBorder,.login_block .login_block_contain .scfSingleLineTextBorder{margin-bottom:5px}.login_block .login_block_contain .first_time p{font-size:14px}.login_block.temp .login_block_contain .update_details{line-height:20px}.lte8 .login_actions{width:400px;right:0}.module.marketing_banner .bg_container_wrapper div.bg_container_tablet{display:block}.module.marketing_banner .bg_container_wrapper div.bg_container_mobile{display:none}.module.marketing_banner .bg_container_wrapper .bg_container_img{background-repeat:no-repeat}.module.marketing_banner .bg_container_wrapper .bg_container_img.tablet-top{background-position:center top}.module.marketing_banner .bg_container_wrapper .bg_container_img.tablet-right{background-position:center right}.module.marketing_banner .bg_container_wrapper .bg_container_img.tablet-bottom{background-position:center bottom}.module.marketing_banner .bg_container_wrapper .bg_container_img.tablet-left{background-position:center left}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.tablet-top{padding:0;padding-top:190px}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.tablet-top.NoFooter{padding-bottom:20px}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.tablet-bottom{padding:0;padding-bottom:230px;padding-right:160px}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.tablet-left{padding:0;padding-left:230px}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.tablet-left.NoFooter{padding-bottom:20px}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.tablet-right{padding:0;padding-right:230px}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.tablet-right.NoFooter{padding-bottom:20px}.dsl_to_fibre_confirm{padding-top:8.5rem}.dsl_to_fibre_confirm .dsl_to_fibre_confirm_header{margin-bottom:5rem}.dsl_to_fibre_confirm .dsl_to_fibre_confirm_header .dsl_to_fibre_confirm_tile{font-size:3.5rem}.dsl_to_fibre_confirm .dsl_to_fibre_confirm_header .dsl_to_fibre_confirm_subTitle{font-size:2.5rem}.dsl_to_fibre_confirm .dsl_to_fibre_confirm_list{padding:0 6rem;margin-bottom:5rem}.dsl_to_fibre_confirm .dsl_to_fibre_confirm_list li{font-size:1.8rem;background-size:4.2rem}.dsl_to_fibre_confirm .dsl_to_fibre_confirm_cta{font-size:1.6rem}.dsl_to_fibre_details h2.incentive_header_text{padding-top:7rem;padding-left:2rem;padding-right:2rem;font-size:3.8rem}.dsl_to_fibre_details .content_holder+.content_holder{padding-top:0}.dsl_to_fibre_details .details_module .section_header{padding-top:0;padding-bottom:1em}.dsl_to_fibre_details .details_module .incentive_content_container .incentive_text{width:100%;float:left}.dsl_to_fibre_details .details_module .incentive_content_container .incentive_image{float:right}.dsl_to_fibre_details .details_module .incentive_content_container .incentiveLightboxSubmit{float:left}.dsl_to_fibre_details .details_module .alt_address_panel{padding-top:3em}.dsl_to_fibre_details .details_module p.alt_address_label{padding-top:3rem;padding-bottom:2rem;font-size:1.6em}.dsl_to_fibre_details .details_module .label_has_fancybox .boxtrigger{margin-top:-7.5px}.dsl_to_fibre_details .details_module .dsl_form_trigger .trigger_btn{padding:1em 1em}.dsl_to_fibre_details .details_module .scfSubmitButtonBorder{width:30%;float:right}.dsl_to_fibre_details .details_module .btn_details{padding:.65em .8em .65em .8em}.dsl_offer_module_top{font-size:4em !important;padding-bottom:0 !important}.dsl_offer_padding_top{padding-top:2rem !important;width:94% !important}.dsl_rates_display_header{font-size:4em !important}.signup-offer-panel{min-width:650px}.main .content .dsltofibre_promo_module{margin:9rem 0}.main .content .dsltofibre_promo_module h2{margin-bottom:7rem;font-size:4rem;line-height:4.4rem}.main .content .dsltofibre_promo_module h3{color:#7F1399;font-family:"Rubrik-SemiBold",Arial,sans-serif;font-size:4.4rem;line-height:4.4rem;margin:1rem 0;text-align:center}.main .content .dsltofibre_promo_module .top_tile .img_container{max-width:22.3rem;margin-bottom:0}.main .content .dsltofibre_promo_module .top_tile .img_container .img_wrapper{width:183px;height:134px;padding-bottom:0;top:20px;position:relative}.main .content .dsltofibre_promo_module .top_tile .img_container.align-left{float:left;text-align:left;padding:53px 31px 53px 40px;margin-right:31px}.main .content .dsltofibre_promo_module .top_tile .img_container.align-left .img_wrapper{border:none;border-right:1px solid #979797}.main .content .dsltofibre_promo_module .top_tile .img_container.align-right{float:right;text-align:left;padding:53px 40px 53px 31px;margin-left:31px}.main .content .dsltofibre_promo_module .top_tile .img_container.align-right .img_wrapper{border:none;border-left:1px solid #979797;right:31px;padding-left:31px}.main .content .dsltofibre_promo_module .top_tile .img_container.align-top .img_wrapper{height:183px;padding-bottom:0;top:30px}.main .content .dsltofibre_promo_module .top_tile .tile_content{padding:53px 40px 53px 40px}.main .content .dsltofibre_promo_module .top_tile .tile_content p{padding:0 2.8rem}.main .content .dsltofibre_promo_module .bottom_tile{padding:53px 40px;margin-bottom:7rem}.eotxs_details .details_module .dsl_form_trigger .xsell_service_option.trigger_btn{width:184px}.renew_code_module .btn_details{width:40%;margin-left:60%;margin-bottom:0em;margin-top:1em;padding:.5em;font-size:2em}.renew_code_module .renew_title_text{margin-top:1em;margin:0;text-align:center}.renew_code_module .promo_code{margin-top:1em;padding-right:6em;padding-left:6em}.friends_extra_details .incentive_header_text{padding-top:0;font-size:4rem;font-family:'Rubrik-Medium',Arial,sans-serif;color:#4A4A4A}.friends_extra_details .content_holder+.content_holder{padding-top:0}.details_module hr{position:relative;margin-top:4em;margin-bottom:5em;width:103.4%;left:-1.7%}.details_module .incentive_title_text{font-size:3em}.details_module .account_info_label{width:19.5rem;float:left;font-size:1.6rem}.details_module .account_info_detail{display:inline-block;margin:0;padding-bottom:1em;font-size:1.8em}.details_module .service_address_label{float:left}.details_module .address_container{padding-top:.4rem;margin-left:19.5rem}.details_module .scfSingleLineTextLabel{width:19.5rem}.details_module .scfValidator{padding-left:19.5rem}.details_module .fe_details_terms{margin-left:19.5rem;margin-top:5em;padding-top:0}.details_module .single_line_textbox{padding:5px 10px}.details_module .btn_details{font-size:1.8rem}.details_module input[type='checkbox']{vertical-align:-webkit-baseline-middle}.main_content .success_message{margin:8em;padding-top:5em}.main_content .success_message .p{font-size:2.5em}.lightbox_module{padding-top:8em}.lightbox_module .account_info_label{width:38%;font-family:'Rubrik-Medium',Arial,sans-serif;font-size:1.8em;padding:0 0 1em 0;font-size:2em;vertical-align:top}.lightbox_module .account_info_detail{width:60%;margin:0;padding-bottom:1.8rem;font-size:2em}.lightbox_module .info_message{padding:0 0 1em 0;font-style:italic}.lightbox_module .inner_content{padding:0 5em}.lightbox_module .btn{font-size:2em}.main .module.first_name_header{height:31.3rem}.main .module.first_name_header h2{margin-right:14.3rem;font-size:4rem}.genericError{padding:8rem 7rem}.genericError__button{width:22.5rem}.xMobile__formContent{max-width:66em;padding:3rem 1rem;padding-top:7rem}.xMobile .formQuestion__text{font-size:1.8rem}.offers_carousel_module .offer_module_header{width:71.1rem;padding-top:11.3rem}.offers_carousel_module .offer_module_header .offer_module_heading{width:68rem;font-size:3rem;line-height:36px;margin-bottom:8.1rem}.offers_carousel_module .offer_module_header .incentive_header_text{font-family:'Rubrik-Medium',Arial,sans-serif;color:#4A4A4A;font-size:4rem;margin-bottom:4rem}.offers_carousel_module .offer_module_footer .accordion .show_more{font-size:1.8rem}.offers_carousel_module .offer_module_footer .accordion .more p{font-size:1.8rem}.media_enquiry .media_contact div p{font-size:1.4em}.media_enquiry .media_contact div p strong{font-size:.8em}.module .module_inner h2,.webkit .module .module_inner h2{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:4em;padding:0 0 .5em;margin:0}.module .carousel_pager li .a:before{top:5px;left:5px;border-radius:13px;width:13px;height:13px}.module_ways .module_inner .columns h2,.webkit .module_ways .module_inner .columns h2{font-size:3em}.module_ways .module_inner .columns h2.larger,.webkit .module_ways .module_inner .columns h2.larger{font-size:3em}.module_ways .module_inner .columns p{margin-bottom:1.3em}.module_usp p{margin:0 15% 1em 0}.module_usp .columns .flex{padding:0}.module_usp .columns .bl1:before,.module_usp .columns .br1:after{top:-300px;bottom:-300px}.module_promo.size_small h4{font-size:1.8em}.module_promo.size_large br{display:block}.module_promo.layout_left{background-position:80% center}.module_promo.layout_left h4{width:60%;float:left}.module_promo.layout_right{background-position:20% center}.module_promo.layout_right h4{width:60%;float:right}.module_address .text{display:inline-block;padding:20px 20px 10px}.nav_trigger{background-position:20px 16px;height:auto;padding:.9375em 1.5625em .9375em 3.4375em;text-indent:0}.nav_home{background:url("/images/search_bar_sprite.png") no-repeat scroll 0 -52px;border-right:1px solid rgba(255,255,255,0.2);height:0;display:block;float:left;overflow:hidden;padding-left:60px;padding-top:50px;position:relative;width:0;z-index:6}.lte8 .nav_home:before,.lte8 .nav_home:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;width:1px;background:url('/images/border_white_vertical_20.png') repeat-y left top}.lte8 .nav_home:after{left:auto;right:0;background-position:right top}.no-touch .nav_home:hover{background-color:rgba(0,0,0,0.15)}.nav_trigger_close{display:none}.nav_holder{overflow:visible;padding-top:25px;position:relative}.nav_main{position:static}.lte7 .nav_main{z-index:7}.nav_main ul{border-bottom:1px solid #E1DFDD;display:none;left:auto;margin:5px 20px 0;overflow:hidden;padding:0 0 10px 40px;position:relative;right:auto;top:auto}.nav_main .current>ul,.nav_main .section>ul{display:block}.nav_main ul ul{border-bottom:none;margin:0;padding:0 0 5px 20px}.nav_main li{font-family:'Rubrik-Light',Arial,sans-serif;position:static}.nav_main .upsell_link,.nav_main .current .level2 .upsell_link,.nav_main .section .level2 .upsell_link{font-family:'Rubrik-LightItalic',Arial,sans-serif}.nav_main .first{border-top:none}.lte8 .nav_main .first{background:none}.nav_main li li{font-family:'Rubrik-Regular',Arial,sans-serif;padding:0;width:auto}.nav_main li .first{display:none}.nav_main .current,.nav_main .section{font-family:'Rubrik-Medium',Arial,sans-serif}.nav_main .section .level2 .section,.nav_main .current .level2 .section,.nav_main .section .level2 .current{font-family:'Rubrik-SemiBold',Arial,sans-serif}.nav_main a{border-bottom:none;padding:0 20px}.nav_main .upsell_link a,.nav_main .current .level2 .upsell_link a,.nav_main .section .level2 .upsell_link a{color:#999}.lte8 .nav_main a,.lte8 .nav_main .a,.lte8 .nav_main .mega_title{background:none}.no-touch .nav_main a:hover,.no-touch .nav_main .nav_children_toggle:hover+a,.nav_main a:focus{color:#7F1399}.nav_main a:focus{outline:none}.nav_main .level2 a{color:#333;font-size:14px;line-height:20px;margin:0;padding:5px 0 5px}.nav_main .level3 a{font-size:13px;line-height:20px;padding:6px 0 4px}.nav_main .level1>.current>a,.nav_main .level2 .current>a,.nav_main .level2 .level3 .current>a,.nav_main .level2 .level4 .current>a,.nav_main .level2 .level5 .current>a,.no-touch .nav_main .current .level2 a:hover,.no-touch .nav_main .section .level2 a:hover{color:#7F1399}.nav_main a:before{display:none}.nav_main .mega_back{display:none}.nav_main a span{border-bottom:1px solid #E1DFDD;display:block;padding:10px 0 9px 20px;position:relative}.nav_main .level2 a span{border-bottom:none;padding:0}.nav_main .level2 a span:before{display:block;left:-20px;top:5px}.nav_main .level2 .no_children a span:before{display:none}.nav_main .section>a span,.nav_main .current>a span{border-bottom:none;padding-bottom:10px}.nav_main .no_children.section>a span,.nav_main .no_children.current>a span{border-bottom:1px solid #E1DFDD;padding-bottom:9px}.nav_main .level2 .section>a span,.nav_main .level2 .current>a span{padding-bottom:0}.nav_main .level2 .no_children.section>a span,.nav_main .level2 .no_children.current>a span{border-bottom:none;padding-bottom:0}.nav_main .no_children.current a span{border-bottom:1px solid #E1DFDD}.nav_main .level2 .no_children.current a span{border-bottom:none}.nav_main a span:before{background:url("/images/nav_plus_minus.png") no-repeat;content:' ';display:block;height:9px;left:0;position:absolute;top:14px;width:9px}.nav_main .no_children span:before{display:none}.nav_main .section>a span:before,.nav_main .current>a span:before{background-position:left bottom}.nav_main .nav_children_toggle{cursor:pointer;display:block;height:40px;margin-left:10px;position:absolute;width:30px;z-index:1}.nav_main .level2 .nav_children_toggle{margin-left:-30px}.main .nav_module.fixed{width:99%}.news_list .article_date{float:left;width:25%;margin:0;padding-right:3%;text-align:right}.news_list .news_article_content{float:left;width:72%}.news_list .news_article_content li:first-child{padding-top:0}.page_list{display:none}h1+.panel_holder{margin-top:0}.panel{margin-left:0;margin-right:0;width:100%}.panel_inner{border-bottom:none;margin-bottom:1px;margin-right:1px;padding-left:30px;padding-right:30px}.panel_solid,.panel_trans{-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.25);box-shadow:0 1px 4px rgba(0,0,0,0.25)}.panel_selector{margin-left:-30px;margin-right:-30px}.panel_option .list_layout{margin-left:30px;margin-right:30px}.panel_option a{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}.disclaimer{margin-left:30px;margin-right:30px}.lte9 .panel_solid,.lte10 .panel_solid,.lte9 .panel_trans,.lte10 .panel_trans{-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 6px rgba(0,0,0,0.25);box-shadow:0 1px 6px rgba(0,0,0,0.25)}.lte8 .panel_solid,.lte8 .panel_trans{-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=1, Color=#3F000000, Positive=true), progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=-1, Color=#22000000, Positive=true)"}.payment-modal__content{width:500px;padding:50px 50px 40px}.mobileProduct__content{padding-right:0}.mobileProduct__desc_top{padding-right:0}.mobileProduct__desc_bottom{padding-right:0}.mobileProduct__descContainer{display:inline-block;max-width:72%}.mobileProduct__appsLinks{display:inline-block;max-width:11rem;float:right;margin-right:2rem}.mobileProduct__appsLinks a:first-of-type{margin-right:0}.mobileProduct__appsLinks a:first-of-type img{margin-bottom:10px}.addressBanner_small{padding:3rem 3rem 1.1rem 3rem}.addressBanner__title_small{font-size:1.2rem;margin:0}.addressBanner__text{max-width:62%;font-size:2.3rem;text-align:center}.addressBanner__text_small{font-family:'Rubrik-SemiBold',Arial,sans-serif}.confirmMessage__image{width:40px;height:40px;margin-right:1.4rem}.confirmMessage__title{font-size:2.5rem}.confirmNextSection{padding-bottom:8rem}.confirmDesc{font-size:1.8rem;line-height:2.3rem;letter-spacing:.2px}.confirmProgress__desktop{display:inline;width:68rem}.confirmProgress__mobile{display:none}.confirmProgress__step{font-size:1.6rem;text-align:center;max-width:14rem}.confirmProgress__step1{top:108px;left:-8px}.confirmProgress__step2{top:108px;left:160px}.confirmProgress__step3{top:108px;left:378px}.confirmProgress__step4{top:108px;left:584px}.activateAccount__intro{margin-bottom:4.7rem}.activateAccount__introText{font-size:2.45rem;line-height:2.9rem;letter-spacing:.27px;margin-bottom:0}.activateAccount__introImage{height:195px;width:362px}.activateAccount__headerTitle{width:auto;font-size:2.35rem;line-height:2.8rem;letter-spacing:.26px}.activateAccount__division{border:1px solid #979797;margin-top:3.25rem;margin-bottom:4.6rem}.activateAccount__form{text-align:center}.activateAccount__email{font-size:1.65rem;line-height:1.9rem;letter-spacing:-0.12px}.activateAccount__emailSubtext{font-size:1.25rem;line-height:1.7rem;letter-spacing:.22px}.activateAccount__confirm{margin-bottom:3.6rem}.activateAccount__submit{width:100%}.buttonField{width:18rem;height:5.8rem;margin-right:.6rem}.buttonField:hover{border:.4rem solid #257CDB;color:#257CDB}.buttonField+.buttonField{border-left:.1rem solid #257CDB;margin-right:0}.buttonField+.buttonField:hover{border:.4rem solid #257CDB;color:#257CDB}.buttonField+.buttonField:active:hover,.buttonField+.buttonField_active:hover{border-left:.4rem solid #257CDB;color:#fff}.buttonField+.buttonField_error{border-left:.1rem solid #D0021B}.buttonField:active:hover,.buttonField_active:hover{color:#fff}.checkboxField__input:checked+.checkboxField__control_box:after{width:1.9rem;height:1.9rem;margin-top:.7rem;margin-left:.7rem}.checkboxField__input:checked+.checkboxField__control_tickBox:after{width:.8rem;height:2.4rem;border-width:0 .35rem .35rem 0;left:.4rem;top:-0.5rem;margin-top:.7rem;margin-left:.7rem}.checkboxField__control{min-width:3.3rem;min-height:3.3rem}.checkboxField__label{vertical-align:super;font-size:1.8rem;line-height:2.3rem;display:inline}.phoenixDatepicker .ui-datepicker{width:100%}.phoenixDatepicker .ui-state-default,.phoenixDatepicker .ui-widget-content .ui-state-default,.phoenixDatepicker .ui-widget-header .ui-state-default{border-radius:50%;width:40px;line-height:40px}.phoenixDatepicker .ui-datepicker td span,.phoenixDatepicker .ui-datepicker td a{line-height:1.9rem}.datepickerField__input{width:100%}.phoenixSelect .fancy_placeholder_text,.phoenixSelect .fancy_placeholder_input{font-size:1.8rem}.sectionTitleField{font-size:3.2rem;margin-bottom:2.5rem}.sectionParagraphField{width:73.5rem;height:5rem;font-size:1.8rem;line-height:2.3rem}.textField{min-width:34.6rem}.dateTimeControl__dateField{width:18.75rem;padding-right:.7rem}.dateTimeControl__timeField{width:18rem}.phoenixHeader{text-align:left;padding-left:2.5rem}.phoenixHeader__content{text-align:left;padding-left:.5rem}.phoenixHeader__mobile{display:none}.phoenixHeader__desktop{display:block}.serviceTile__main{-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;align-self:flex-start}.serviceTile__icon{align-self:flex-start}.serviceTile__changeLink{padding:3rem 1.5rem;align-self:center}.creditCheckPopup{padding:8rem 7rem}.creditCheckPopup__button{width:22.5rem}.partialPrompt{padding:2rem 4rem 4rem 4rem;top:10%;background-color:#ffffff}.partialPrompt__button{width:22.5rem}.creditPartialUpload__form{padding:2rem 2rem}.creditPartialUpload__preview{padding:2rem 6.3rem}.creditPartialUpload__customName{top:1rem;left:6.3rem}.creditPartialUpload__progressCustomMock{width:160px}.creditPartialUpload__progressCustom{width:160px;margin-right:1rem}.creditPartialUpload__removeFile{top:2rem;right:1.8rem}.phoenixTerms__link{font-size:1.8rem;line-height:2.3rem}.customerInfo{padding:2.1rem 13rem;margin-bottom:1.8rem}.signUpTitle{font-size:3.2rem;margin-bottom:1.2rem}.duplicateSignupsCheck{padding:8rem 7rem}.duplicateSignupsCheck__message{width:80%}.mobilePlan__header_right{flex:0 0 20%;-webkit-flex:0 0 20%;-ms-flex:0 0 20%}.mobilePlan__title{padding-right:0;width:100%}.mobilePlan__selected{width:100%}.mobilePlan__dataTerms{top:-0.5rem;padding-bottom:.5rem}.mobilePlan__row{padding-bottom:1rem}.mobilePlanCollapsed__selected_closed{width:50%;position:relative}.pb_title .mobileIcon{background-size:3.2rem;min-width:3.2rem;height:3.2rem;padding-right:.7rem;margin-top:-0.9rem}.pb_title .mobileIcon_svg{height:3.2rem;min-width:3.3rem;margin-top:.25rem}lte11 .pb_title .mobileIcon_svg{margin-top:-0.4rem}.pb{margin-bottom:60px}.pb .pb_title h2,.webkit .pb .pb_title h2{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:3.4em;margin:-8px 0 15px}.pb .pb_title .overlap_icon{font-size:.9em}.pb .pb_text{padding-top:1em}.pb .pb_footer p{font-size:12px}.pb_cols_wrapper{font-size:.001px}.pb_cols_wrapper.pb_col_summary_last{direction:ltr}.pb_cols_wrapper .pb_col_main,.pb_cols_wrapper .pb_col_summary{display:inline-block;font-size:10px;vertical-align:top}.pb_cols_wrapper .pb_col_main{width:65.4%;margin-right:3.8%}.pb_cols_wrapper .pb_col_summary{width:30.8%}.pb_ratename_mobile{display:none}.pb_ratename_desktop{display:inline}.pb_header_mobile{display:none}.pb_header_desktop{display:block}.plan_summary_panel{background-color:#4F5C67;background-color:rgba(79,92,103,0.99);min-height:10em;z-index:100;top:auto;width:37em}.plan_summary_panel p{color:#fff}.side_bar_open .plan_summary_panel{right:25%}.d_create_plan_panel{display:block}.d_create_plan_panel h3{color:#fff}.m_create_plan_panel{display:none}.at_a_glance.pullout p{font-size:14px;line-height:20px;padding-left:0;padding-right:0}.generation_region .region_title{float:left;width:40%}.generation_region .region_stations{float:left;width:60%}h2.generation_regions_title{padding-top:32px;border-top:3px solid #7F1399}.generation_content figure{clear:none}.product_item_compare{padding-top:2em}.product_item.product_item__extended{max-width:44%}.promo_content .product_item.product_item__extended{max-width:100%}.product_item.product_item_in_form tbody td:first-child{width:55%}.promo_content .product_item.product_item__extended{max-width:100%}.columns .product_item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.columns .product_item .btn{letter-spacing:-1px}.columns-4 .product_item{width:24.5%}.columns-3 .product_item{width:32.5%}.columns-2 .product_item{max-width:49.5%}.promo_container{padding-top:5em;padding-bottom:2.5em;text-align:left}.promo_container .promo_panel{width:48%;float:left;padding-left:4em;padding-right:4em;height:300px}.promo_container .promo_panel a.btn{margin-top:3em}.promo_container .promo_content{float:left;max-width:55%}.promo_container .promo_icon_list{display:block;margin:15px 0 0 0;padding:0 0 0 4px}.promo_container .promo_icon{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-position:center 20.5px;background-repeat:no-repeat;color:#333;display:block;float:left;font-family:'Rubrik-Light',Arial,sans-serif;font-size:11.71428571px;height:20.5px;line-height:20.5px;margin:0 6px 6px 0;padding-bottom:20.5px;padding-left:0;padding-right:0;padding-top:41px;text-align:center;text-indent:0;text-transform:uppercase;width:82px}.promo_container .promo_callout{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:block;float:right;height:300px;margin-top:-26px;padding:45px;text-align:center;width:300px}.promo_container .promo_callout .promo_callout_content{display:table-cell;height:210px;vertical-align:middle}.promo_container .promo_callout_item{display:block;float:none;padding:0;width:100%}.promo_container .promo_callout_item h5{color:#fff}.promo_container .promo_callout_item:nth-child(2) h5:before{-webkit-border-radius:0%;-moz-border-radius:0%;border-radius:0%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:transparent;content:"+";height:auto;left:0;line-height:auto;margin-right:8px;position:relative;text-align:center;width:auto}.promo_container .product_item{float:right;margin-top:-2em;margin-left:1em}.carousel_item .promo_container{padding-bottom:13.5em}.gas_promo .promo_content{max-width:none;float:none}.gas_promo .product_item_listed{float:left;margin:0 1px 1px 0}.promo_container_blue .promo_callout{background-color:#33C2CD}.promo_container_yellow .promo_callout{background-color:#FFBC00}.promo_container_pink .promo_icon{color:#fff}.promo_container_pink .promo_callout{background-color:#AE368A}.promo_container_pink .promo_callout .promo_callout_item p{color:#fff;color:rgba(255,255,255,0.8)}.promo_container_purple .promo_icon{color:#fff}.promo_container_purple .promo_callout{background-color:#6F1090}.promo_container_purple .promo_callout .promo_callout_item p{color:#fff;color:rgba(255,255,255,0.8)}.promo_premade .compare_plans_table{margin-top:3em}.promo_premade .compare_plan_column{display:inline-block;padding:0 2%;vertical-align:top;white-space:normal;width:13.3333%}.promo_premade .compare_plan_column h3{position:static;top:auto;width:auto;font-size:1em}.promo_premade .compare_icon_power,.promo_premade .compare_icon_internet,.promo_premade .compare_icon_gas,.promo_premade .compare_icon_phone,.promo_premade .compare_icon_extras{position:static}.promo_premade .compare_icon_power{background-image:url('/images/carousel_plan_icons_base_power.png')}.promo_premade .compare_icon_internet{background-image:url('/images/carousel_plan_icons_base_internet.png')}.promo_premade .compare_icon_gas{background-image:url('/images/carousel_plan_icons_base_gas.png')}.promo_premade .compare_icon_phone{background-image:url('/images/carousel_plan_icons_base_phone.png')}.promo_premade .compare_icon_extras{background-image:url('/images/carousel_plan_icons_base_extras.png')}.promo_premade h4{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:1.3em;line-height:1.2em}.promo_premade h4 .btn{margin-top:5px}.promo_premade .combined_columns{width:30.6666%;background:transparent}.promo_premade .combined_columns h3{float:left;width:100%;padding:0;margin:0;background:transparent}.promo_premade .combined_columns h3 .compare_icon_power,.promo_premade .combined_columns h3 .compare_icon_internet,.promo_premade .combined_columns h3 .compare_icon_gas,.promo_premade .combined_columns h3 .compare_icon_phone,.promo_premade .combined_columns h3 .compare_icon_extras{float:right}.promo_premade .combined_columns h3 .compare_icon_power:first-child,.promo_premade .combined_columns h3 .compare_icon_internet:first-child,.promo_premade .combined_columns h3 .compare_icon_gas:first-child,.promo_premade .combined_columns h3 .compare_icon_phone:first-child,.promo_premade .combined_columns h3 .compare_icon_extras:first-child{float:left}.promo_premade .combined_columns .compare_plan_service_option{margin:0}.promo_premade .combined_columns .compare_option_wrapper h4{font-family:'Rubrik-Light',Arial,sans-serif;font-size:1.2em;line-height:1.5em;padding:0 0 0 7.7779%;width:42.2221%}.promo_premade .combined_columns .compare_option_wrapper h4:first-child{padding:0 7.7779% 0 0}.promo_premade .combined_columns .compare_option_title_internet,.promo_premade .combined_columns .compare_option_title_phone,.promo_premade .combined_columns .compare_option_title_power,.promo_premade .combined_columns .compare_option_title_gas{width:100%;padding:0;margin:0;text-align:center}.promo_premade .compare_plan_column_extra{width:26.6666%;padding:0}.promo_premade .compare_plan_column_extra h4{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:2.8em;line-height:30px;margin-bottom:10px}.promo_premade .brace{background-image:url('/images/brace_h_d_mid_extended.png')}.promo_premade .brace:before,.promo_premade .brace:after{background-image:url('/images/brace_h_d_edges.png')}.promo_premade_yellow{background-color:#FFCC00}.promo_premade_yellow .btn{background-color:#FFBC00;color:#000}.promo_premade_orange{background-color:#FF9B00}.promo_premade_orange .btn{background-color:#FFAC28;color:#000}.promo_premade_blue{background-color:#67D8E4}.promo_premade_blue .btn{background-color:#33C2CD;color:#000}.promo_premade_pink{background-color:#CC3399}.promo_premade_pink .btn{background-color:#AE368A;color:#FFF}.promo_premade_purple{background-color:#7F1399}.promo_premade_purple .btn{background-color:#6F1090;color:#FFF}.promo_premade_gray .btn{background-color:#3b4650;color:#FFF;margin:0 auto;border:none;display:inline-block}.promo_premade_pink h2,.promo_premade_purple h2,.promo_premade_gray h2,.promo_premade_pink h3,.promo_premade_purple h3,.promo_premade_gray h3,.promo_premade_pink h4,.promo_premade_purple h4,.promo_premade_gray h4,.promo_premade_pink .compare_option_wrapper h4,.promo_premade_purple .compare_option_wrapper h4,.promo_premade_gray .compare_option_wrapper h4,.promo_premade_pink p,.promo_premade_purple p,.promo_premade_gray p,.promo_premade_pink span,.promo_premade_purple span,.promo_premade_gray span{color:#FFF}.promo_premade_pink .compare_plan_service_option,.promo_premade_purple .compare_plan_service_option,.promo_premade_gray .compare_plan_service_option{border-bottom-color:#FFF;border-bottom-color:rgba(255,255,255,0.4)}.promo_premade_pink .brace,.promo_premade_purple .brace,.promo_premade_gray .brace{background-image:url('/images/brace_h_l_mid_extended.png')}.promo_premade_pink .brace:before,.promo_premade_purple .brace:before,.promo_premade_gray .brace:before,.promo_premade_pink .brace:after,.promo_premade_purple .brace:after,.promo_premade_gray .brace:after{background-image:url('/images/brace_h_l_edges.png')}.promo_premade_pink .compare_option_title_internet:before,.promo_premade_purple .compare_option_title_internet:before,.promo_premade_gray .compare_option_title_internet:before{background-image:url('/images/compare_icon_white_internet.png')}.promo_premade_pink .compare_option_title_phone:before,.promo_premade_purple .compare_option_title_phone:before,.promo_premade_gray .compare_option_title_phone:before{background-image:url('/images/compare_icon_white_phone.png')}.promo_premade_pink .compare_option_title_power:before,.promo_premade_purple .compare_option_title_power:before,.promo_premade_gray .compare_option_title_power:before{background-image:url('/images/compare_icon_white_power.png')}.promo_premade_pink .compare_option_title_gas:before,.promo_premade_purple .compare_option_title_gas:before,.promo_premade_gray .compare_option_title_gas:before{background-image:url('/images/compare_icon_white_gas.png')}.promo_premade_pink .compare_plan_column_extra h3:before,.promo_premade_purple .compare_plan_column_extra h3:before,.promo_premade_gray .compare_plan_column_extra h3:before{background-image:url('/images/compare_icon_white_extras.png')}.promo_premade_pink h2,.promo_premade_purple h2,.promo_premade_gray h2,.promo_premade_pink h3,.promo_premade_purple h3,.promo_premade_gray h3,.promo_premade_pink h4,.promo_premade_purple h4,.promo_premade_gray h4,.promo_premade_pink .compare_option_wrapper h4,.promo_premade_purple .compare_option_wrapper h4,.promo_premade_gray .compare_option_wrapper h4,.promo_premade_pink p,.promo_premade_purple p,.promo_premade_gray p,.promo_premade_pink .cost,.promo_premade_purple .cost,.promo_premade_gray .cost,.promo_premade_pink span,.promo_premade_purple span,.promo_premade_gray span{color:#FFF}.promo_premade_pink h3 .compare_icon_power,.promo_premade_purple h3 .compare_icon_power,.promo_premade_gray h3 .compare_icon_power,.promo_premade_pink h3 .compare_icon_internet,.promo_premade_purple h3 .compare_icon_internet,.promo_premade_gray h3 .compare_icon_internet,.promo_premade_pink h3 .compare_icon_gas,.promo_premade_purple h3 .compare_icon_gas,.promo_premade_gray h3 .compare_icon_gas,.promo_premade_pink h3 .compare_icon_phone,.promo_premade_purple h3 .compare_icon_phone,.promo_premade_gray h3 .compare_icon_phone,.promo_premade_pink h3 .compare_icon_extras,.promo_premade_purple h3 .compare_icon_extras,.promo_premade_gray h3 .compare_icon_extras{border-bottom-color:#fff}.promo_premade_pink h3 .compare_icon_power,.promo_premade_purple h3 .compare_icon_power,.promo_premade_gray h3 .compare_icon_power{background-image:url('/images/carousel_plan_icons_white_base_power.png')}.promo_premade_pink h3 .compare_icon_internet,.promo_premade_purple h3 .compare_icon_internet,.promo_premade_gray h3 .compare_icon_internet{background-image:url('/images/carousel_plan_icons_white_base_internet.png')}.promo_premade_pink h3 .compare_icon_gas,.promo_premade_purple h3 .compare_icon_gas,.promo_premade_gray h3 .compare_icon_gas{background-image:url('/images/carousel_plan_icons_white_base_gas.png')}.promo_premade_pink h3 .compare_icon_phone,.promo_premade_purple h3 .compare_icon_phone,.promo_premade_gray h3 .compare_icon_phone{background-image:url('/images/carousel_plan_icons_white_base_phone.png')}.promo_premade_pink h3 .compare_icon_extras,.promo_premade_purple h3 .compare_icon_extras,.promo_premade_gray h3 .compare_icon_extras{background-image:url('/images/carousel_plan_icons_white_base_extras.png')}.promo_premade_pink .brace,.promo_premade_purple .brace,.promo_premade_gray .brace{background-image:url('/images/brace_h_l_mid_extended.png')}.promo_premade_pink .brace:before,.promo_premade_purple .brace:before,.promo_premade_gray .brace:before,.promo_premade_pink .brace:after,.promo_premade_purple .brace:after,.promo_premade_gray .brace:after{background-image:url('/images/brace_h_l_edges.png')}.promo_premade_blue h3 .compare_icon_power,.promo_premade_green h3 .compare_icon_power,.promo_premade_yellow h3 .compare_icon_power,.promo_premade_orange h3 .compare_icon_power,.promo_premade_blue h3 .compare_icon_internet,.promo_premade_green h3 .compare_icon_internet,.promo_premade_yellow h3 .compare_icon_internet,.promo_premade_orange h3 .compare_icon_internet,.promo_premade_blue h3 .compare_icon_gas,.promo_premade_green h3 .compare_icon_gas,.promo_premade_yellow h3 .compare_icon_gas,.promo_premade_orange h3 .compare_icon_gas,.promo_premade_blue h3 .compare_icon_phone,.promo_premade_green h3 .compare_icon_phone,.promo_premade_yellow h3 .compare_icon_phone,.promo_premade_orange h3 .compare_icon_phone,.promo_premade_blue h3 .compare_icon_extras,.promo_premade_green h3 .compare_icon_extras,.promo_premade_yellow h3 .compare_icon_extras,.promo_premade_orange h3 .compare_icon_extras{border-bottom-color:#fff}.lte8 .promo_premade_gray .compare_plan_column .combined_columns{width:205px}.lte8 .promo_premade_pink .compare_icon_power,.lte8 .promo_premade_purple .compare_icon_power,.lte8 .promo_premade_yellow .compare_icon_power,.lte8 .promo_premade_orange .compare_icon_power,.lte8 .compare_plans_green .compare_icon_power,.lte8 .promo_premade_blue .compare_icon_power,.lte8 .promo_premade_pink .compare_icon_internet,.lte8 .promo_premade_purple .compare_icon_internet,.lte8 .promo_premade_yellow .compare_icon_internet,.lte8 .promo_premade_orange .compare_icon_internet,.lte8 .compare_plans_green .compare_icon_internet,.lte8 .promo_premade_blue .compare_icon_internet,.lte8 .promo_premade_pink .compare_icon_gas,.lte8 .promo_premade_purple .compare_icon_gas,.lte8 .promo_premade_yellow .compare_icon_gas,.lte8 .promo_premade_orange .compare_icon_gas,.lte8 .compare_plans_green .compare_icon_gas,.lte8 .promo_premade_blue .compare_icon_gas,.lte8 .promo_premade_pink .compare_icon_phone,.lte8 .promo_premade_purple .compare_icon_phone,.lte8 .promo_premade_yellow .compare_icon_phone,.lte8 .promo_premade_orange .compare_icon_phone,.lte8 .compare_plans_green .compare_icon_phone,.lte8 .promo_premade_blue .compare_icon_phone,.lte8 .promo_premade_pink .compare_icon_extras,.lte8 .promo_premade_purple .compare_icon_extras,.lte8 .promo_premade_yellow .compare_icon_extras,.lte8 .promo_premade_orange .compare_icon_extras,.lte8 .compare_plans_green .compare_icon_extras,.lte8 .promo_premade_blue .compare_icon_extras{text-indent:-9999px;background-position:top left;overflow:hidden;width:102px;height:35px}.lte8 .promo_premade_yellow .compare_icon_power,.lte8 .promo_premade_orange .compare_icon_power,.lte8 .compare_plans_green .compare_icon_power{background-image:url('/images/ie8_prod_circ_power_med_dark.png')}.lte8 .promo_premade_yellow .compare_icon_internet,.lte8 .promo_premade_orange .compare_icon_internet,.lte8 .compare_plans_green .compare_icon_internet{background-image:url('/images/ie8_prod_circ_internet_med_dark.png')}.lte8 .promo_premade_yellow .compare_icon_gas,.lte8 .promo_premade_orange .compare_icon_gas,.lte8 .compare_plans_green .compare_icon_gas{background-image:url('/images/ie8_prod_circ_gas_med_dark.png')}.lte8 .promo_premade_yellow .compare_icon_phone,.lte8 .promo_premade_orange .compare_icon_phone,.lte8 .compare_plans_green .compare_icon_phone{background-image:url('/images/ie8_prod_circ_phone_med_dark.png')}.lte8 .promo_premade_yellow .compare_icon_extras,.lte8 .promo_premade_orange .compare_icon_extras,.lte8 .compare_plans_green .compare_icon_extras,.lte8 .promo_premade_yellow .compare_icon_extras.active,.lte8 .promo_premade_orange .compare_icon_extras.active,.lte8 .compare_plans_green .compare_icon_extras.active,.lte8 .promo_premade_yellow .compare_icon_extras.pseudo_active,.lte8 .promo_premade_orange .compare_icon_extras.pseudo_active,.lte8 .compare_plans_green .compare_icon_extras.pseudo_active{background-color:transparent;border-color:transparent;background-image:url('/images/ie8_prod_circ_extras_med_dark.png')}.lte8 .promo_premade_yellow .compare_icon_extras:hover,.lte8 .promo_premade_orange .compare_icon_extras:hover,.lte8 .compare_plans_green .compare_icon_extras:hover,.lte8 .promo_premade_yellow .compare_icon_extras.active:hover,.lte8 .promo_premade_orange .compare_icon_extras.active:hover,.lte8 .compare_plans_green .compare_icon_extras.active:hover,.lte8 .promo_premade_yellow .compare_icon_extras.pseudo_active:hover,.lte8 .promo_premade_orange .compare_icon_extras.pseudo_active:hover,.lte8 .compare_plans_green .compare_icon_extras.pseudo_active:hover{background-color:transparent}.lte8 .promo_premade_pink .compare_icon_power,.lte8 .promo_premade_purple .compare_icon_power,.lte8 .promo_premade_blue .compare_icon_power{background-image:url('/images/ie8_prod_circ_power_med_inactive.png')}.lte8 .promo_premade_pink .compare_icon_internet,.lte8 .promo_premade_purple .compare_icon_internet,.lte8 .promo_premade_blue .compare_icon_internet{background-image:url('/images/ie8_prod_circ_internet_med_inactive.png')}.lte8 .promo_premade_pink .compare_icon_gas,.lte8 .promo_premade_purple .compare_icon_gas,.lte8 .promo_premade_blue .compare_icon_gas{background-image:url('/images/ie8_prod_circ_gas_med_inactive.png')}.lte8 .promo_premade_pink .compare_icon_phone,.lte8 .promo_premade_purple .compare_icon_phone,.lte8 .promo_premade_blue .compare_icon_phone{background-image:url('/images/ie8_prod_circ_phone_med_inactive.png')}.lte8 .promo_premade_pink .compare_icon_extras,.lte8 .promo_premade_purple .compare_icon_extras,.lte8 .promo_premade_blue .compare_icon_extras,.lte8 .promo_premade_pink .compare_icon_extras.active,.lte8 .promo_premade_purple .compare_icon_extras.active,.lte8 .promo_premade_blue .compare_icon_extras.active,.lte8 .promo_premade_pink .compare_icon_extras.pseudo_active,.lte8 .promo_premade_purple .compare_icon_extras.pseudo_active,.lte8 .promo_premade_blue .compare_icon_extras.pseudo_active{background-color:transparent;border-color:transparent;background-image:url('/images/ie8_prod_circ_extras_med.png')}.lte8 .promo_premade_pink .compare_icon_extras:hover,.lte8 .promo_premade_purple .compare_icon_extras:hover,.lte8 .promo_premade_blue .compare_icon_extras:hover,.lte8 .promo_premade_pink .compare_icon_extras.active:hover,.lte8 .promo_premade_purple .compare_icon_extras.active:hover,.lte8 .promo_premade_blue .compare_icon_extras.active:hover,.lte8 .promo_premade_pink .compare_icon_extras.pseudo_active:hover,.lte8 .promo_premade_purple .compare_icon_extras.pseudo_active:hover,.lte8 .promo_premade_blue .compare_icon_extras.pseudo_active:hover{background-color:transparent}.promo{margin-top:1em}.promo .promo_content{width:18em;min-height:18em;padding:4.5em 4.5em;margin:0 auto}.promo .img{display:block}.promo h4{font-size:4em;line-height:1em;margin:.25em 0}.promo h5{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:3em;line-height:1em;margin:.166667em 0}.promo .promo_see_more{display:block}.promo .sparkle:before{left:-15%;top:-16px}.promo .sparkle_2:before{right:-23px;top:-40px}.promo .sparkle_up:before{top:-50px;right:-30px}.promo .promo_text_first .sparkle:before,.promo .promo_text_first .sparkle_2:before{top:10px;right:-10px}.promo .promo_text_left h4,.promo .promo_text_left p{text-align:left;padding-left:20px}.promo .promo_text_left p{padding-right:5px}.promo .promo_text_left .sparkle_2:before{left:-30px;top:50px}.promo.promo_blue h4,.promo.promo_blue p{color:white}.promo.promo_blue .promo_rich_text h3,.promo.promo_blue .promo_rich_text hr,.promo.promo_blue .promo_rich_text p,.promo.promo_blue .promo_rich_text a{color:#FFF}.promo.promo_blue .hang h4,.promo.promo_blue .hang p{color:#444}.promo.promo_blue .promo_content{background:url("/images/blue_promo.png") no-repeat scroll center top transparent}.promo.promo_blue .sparkle:before{background-image:url("/images/content/sparkles/1w.png")}.promo.promo_blue .sparkle_2:before{background-image:url("/images/content/sparkles/2w-big.png")}.promo.promo_blue .icons .i-po{background-image:url('/images/content/ad_icons/Power_w.png')}.promo.promo_blue .icons .i-ga{background-image:url('/images/content/ad_icons/Gas_w.png')}.promo.promo_blue .icons .i-in{background-image:url('/images/content/ad_icons/Internet_w.png')}.promo.promo_blue .icons .i-ph{background-image:url('/images/content/ad_icons/Phone_w.png')}.promo.promo_yellow .promo_content{background:url("/images/yellow_promo.png") no-repeat scroll center top transparent}.promo.promo_green .promo_content{background:url("/images/green_promo.png") no-repeat scroll center top transparent}.promo .hang{background:transparent}.promo .hang .spacer{padding:0}.promo .btn{display:none}.promo_content_part{margin-bottom:1em}.promo_content_part h5{width:50%;padding-right:3%;vertical-align:top;text-align:right}.promo_content_part p{font-size:1.2em;line-height:1.25em;margin-top:.333333em;margin-bottom:0;text-align:left;vertical-align:top;width:40%}.pullout_promo .promo{max-width:22em}.pullout_promo .promo .promo_content{width:14em;min-height:14em;background-size:contain}.pullout_promo .promo h4{font-family:'Rubrik-ExtraLight',Arial,sans-serif}.pullout_promo .promo h4,.pullout_promo .promo p{padding-left:0}.pullout_promo .img img{max-width:100%}.pullout_promo .img{width:auto;position:relative;z-index:2;margin-top:-50px;max-width:36em;float:left;margin-right:-80px;margin-left:-60px;left:-75px}.pullout_promo.pullout_promo__tall .img{margin-top:-95px;margin-left:-60px;left:-10px}.pullout_promo.pullout_right .promo h4,.pullout_promo.pullout_right .promo p{padding-right:0}.pullout_promo.pullout_right .img{float:right;left:auto;margin-right:-60px;margin-left:-80px;right:-85px}.pullout_promo.pullout_right.pullout_promo__tall .img{margin-right:-50px;right:-20px}.panel_ad .pullout .promo{margin:0 0 1em}.pullout,figure.pullout{float:left;margin-right:5%;margin-left:0}figure.pullout{width:38%}.pullout_right,figure.pullout_right{float:right;margin-left:5%;margin-right:0}.pullout_larger,figure.pullout_larger{margin-left:0;margin-right:0;position:relative;width:100%}.pullout_larger:before,figure.pullout_larger:before{position:absolute;left:-35px;top:0}.pullout_portrait{width:38%}.lte8 .pullout_quote p{letter-spacing:0}.lte8 .pullout_quote p:before{font-size:5.5em;margin-bottom:-0.3em}#rateDisplayMobile .mobile_groups:last-of-type .boxInternet .right{border-bottom:none}#rateDisplayMobile .boxInternet{margin-bottom:10px;border-bottom:1px solid #1D79DE;border-top:1px solid #1D79DE}#rateDisplayMobile .boxInternet .right{border-top:none}#rateDisplayMobile .boxInternet .right .intRow .detail{width:100%}#rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .price small{vertical-align:top;bottom:1.3rem;position:relative}#rateDisplayMobile .boxInternet .right .intRow .detail .detailGroup .month p{font-size:.9rem;font-family:"Rubrik Regular",Arial,sans-serif;color:#707070;margin-top:.75rem;padding-left:0}#rateDisplayMobile .boxInternet .right .intRow .detail .conditions p{font-size:.9rem;color:#707070;padding-left:1.8rem;padding-right:1.7rem;margin-top:unset}#rateDisplayMobile .boxInternet .right .intRow .leftColumn{display:inline-flex;width:66.66%;padding:0rem}#rateDisplayMobile .boxInternet .right .intRow .leftColumn .title{width:45%;padding:1.7rem 2rem 2rem 1.3rem;border-right:1px solid #EBEBED}#rateDisplayMobile .boxInternet .right .intRow .leftColumn .title h3{width:100%}#rateDisplayMobile .boxInternet .right .intRow .leftColumn .title p{width:100%}#rateDisplayMobile .boxInternet .right .intRow .leftColumn .priceContainer{width:60%}#rateDisplayMobile .boxInternet .right .intRow .check{-webkit-align-items:center;-webkit-box-align:center;align-items:center;padding-top:0;border-right:1px solid #EBEBED}#rateDisplayMobile .boxInternet .right .intRow .dataContainer{width:33.33%;padding:2rem 0 2.8rem 3.5rem}#rateDisplayMobile .boxInternet .right .intRow .dataRow{display:inline-flex;padding-top:0}#rateDisplayMobile .boxInternet .right .intRow .data_speed{width:55%;padding-left:0;font-size:1.6rem}#rateDisplayMobile .boxInternet .right .intRow .data_desc{width:25%;font-size:.9rem;padding-top:.5rem}#rateDisplayMobile .mobilePlan__dataTerms{padding-top:.4rem}#rateDisplayMobile .pb_footer{padding-top:1.9rem}.lte11 .pb_title .mobileIcon{background:url(/images/components/planbuilder/pb_icon.svg) left center no-repeat;background-size:2.8rem;min-width:2.8rem;height:2.8rem;float:left;padding-right:.5rem;margin-top:-1px}.shortcuts .shortcut_wrapper{display:table;width:100%}.shortcuts .shortcut_wrapper .shortcut{display:table-cell;padding:30px 45px;width:50%}.shortcuts .shortcut_wrapper .shortcut:first-child{border-bottom:none}.shortcuts .shortcut_wrapper .shortcut .shortcut_block h2{padding:15px 5%}.shortcuts .content_holder:after{display:block;content:'';position:absolute;width:1px;background-color:#CFCFCF;left:50%;top:45px;bottom:45px}.side_bar{margin-left:-32%;width:33%}.side_bar_open .side_bar,.no-js .side_bar{margin-left:-24.25%;width:25%}.no-js .side_bar{padding-left:24.25%}.side_bar_faux,.android .side_bar_faux{width:33%}.side_bar_open .side_bar_faux,.no-js .side_bar_faux,.android .side_bar_open .side_bar_faux{width:25%}.lte7 .nav_position{z-index:2}.nav_position:after,.footer:after,.side_bar_faux:after{background:url("/images/nav_shader.png")}.signup_progress .current img{margin-top:-15.1515%}.signup_progress .pgradient{right:44%}.signup_progress_3 li,.signup_progress_4 li,.signup_progress_5 li,.signup_progress_6 li,.signup_progress_7 li{width:7%;padding-left:8%}.signup_progress_3 li.first,.signup_progress_4 li.first,.signup_progress_5 li.first,.signup_progress_6 li.first,.signup_progress_7 li.first{padding-left:0}.signup_progress_3 .current,.signup_progress_4 .current,.signup_progress_5 .current,.signup_progress_6 .current,.signup_progress_7 .current{width:10%}.signup_progress_3 .current .pgradient,.signup_progress_4 .current .pgradient,.signup_progress_5 .current .pgradient,.signup_progress_6 .current .pgradient,.signup_progress_7 .current .pgradient{left:-82%}.signup_progress_3 li{padding-left:30.2%}.signup_progress_3 .pgradient{right:18%}.signup_progress_3 .current .pgradient{left:-305%}.signup_progress_4 li{padding-left:23%}.signup_progress_4 .pgradient{right:22%}.signup_progress_4 .current .pgradient{left:-235%}.signup_progress_5 li{padding-left:15.5%}.signup_progress_5 .pgradient{right:30%}.signup_progress_5 .current .pgradient{left:-164%}.signup_progress_6 li{padding-left:11%}.signup_progress_6 .pgradient{right:38%}.signup_progress_6 .current .pgradient{left:-115%}.sitemap li{width:16.6666%}.sitemap li:nth-child(3n+1){clear:none}.sub_head_container .sub_head_date{font-family:'Rubrik-ExtraLight',Arial,sans-serif;float:left;width:15.335%;margin:0;padding-right:2.5%;text-align:right;padding-top:2em}.sub_head_container .sub_head{float:left;width:82.165%}.sub_head_container .sub_head img{float:left;margin:0 2em 2em 0}.sub_head_container h2,.webkit .sub_head_container h2{font-family:'Rubrik-Light',Arial,sans-serif;font-family:'Rubrik-ExtraLight',Arial,sans-serif;line-height:1em;font-size:40px;margin-top:33px;padding-top:38px;margin-right:20%;margin-bottom:0}.table_filter{margin-bottom:30px;margin-right:20%;padding-right:1%}.table_filter .scfSubmitButtonBorder{position:absolute;right:-25%;left:auto;margin-top:0;top:0;width:24%}.table_filter .scfSubmitButtonBorder input{width:100%}.export_data_row{margin-top:30px;width:100%}.export_data_row .btn{margin-top:-10px;margin-right:0;width:19.2%}.export_data_row p{clear:none;margin-right:0}.heavy_data .space_right{padding-right:27px}.see_more_table{padding-top:15px;padding-bottom:10px}.heavy_data td{font-size:14px}.panel .heavy_data td{font-size:1.2em}.has_focus_row{margin-left:-2.5%;margin-right:-2.5%;width:108%}.has_focus_row th:first-child,.has_focus_row td:first-child{padding-left:2.5%}.has_focus_row th:last-child,.has_focus_row td:last-child{padding-right:2.5%}.Basic-Table td{font-size:14px}.fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox{padding:97px 123px 93px 115px;width:659px}.fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox h2{font-size:4.3rem;line-height:2.8rem;margin-bottom:30px}.fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox h4{font-size:1.4rem;letter-spacing:-0.6px;line-height:2.1rem}.fancybox-outer .fancybox-inner .tect_bank_account_saved_lightbox p strong{display:inline;margin-bottom:0}.fancybox-outer .fancybox-inner #divRefundBankAccountSavedDetails.tect_bank_account_saved_lightbox h2{font-size:3.3rem}.fancybox-outer .fancybox-inner .tect_bank_account_lightbox{padding:97px 123px 93px 115px;width:659px}.fancybox-outer .fancybox-inner .tect_bank_account_lightbox h2{font-size:4.3rem;letter-spacing:-0.9px;line-height:2.8rem;margin-bottom:43px}.fancybox-outer .fancybox-inner .tect_bank_account_lightbox h4{line-height:2.1rem;letter-spacing:-0.6px}.fancybox-outer .fancybox-inner .tect_bank_account_lightbox hr{margin-bottom:30px}.fancybox-outer .fancybox-inner .tect_bank_account_lightbox .action_buttons hr{display:none}.fancybox-outer .fancybox-inner .tect_bank_account_lightbox .login_form .login_form__flex-fields .login_form__label .login_form__input{padding:13px 5px}.content .module .module_inner.tect-login-register-module{padding:63px 20px}.content .module .module_inner.tect-login-register-module .tect-login-register-cta-heading{max-width:750px;margin:0 auto;padding-bottom:40px;font-size:3.5rem;line-height:4.3rem;letter-spacing:unset;min-height:42px}.content .module .module_inner.tect-login-register-module .tect-login-register-card{width:500px;padding:23px 50px 29px 50px;margin-right:20px}.content .module .module_inner.tect-login-register-module .tect-login-register-card h3.tect-login-register-card-heading{line-height:2.5rem;font-size:2.1rem;color:#000;margin-bottom:12px;width:260px}.content .module .module_inner.tect-login-register-module .tect-login-register-card p.tect-login-register-card-subheading{line-height:2.1rem;font-size:1.6rem;color:#000;margin-bottom:20px}.content .module .module_inner.tect-login-register-module .tect-login-register-card .tect-login-register-card-cta{width:100%;padding-top:9.5px;padding-bottom:9.5px;font-size:1.6rem;letter-spacing:-0.5px;line-height:2.1rem}.content .module.tect-register-panel .register-form h2{font-size:4.7rem;line-height:5.7rem}.content .module.tect-register-panel .register-form .scfSectionUsefulInfo{font-size:1.75rem}.tips{width:600px}.datepicker .datepicker-content{width:400px;margin:10px auto 50px auto}.datepicker .datepicker-content .datepicker-step{margin-top:15px;margin-bottom:0px}.datepicker .datepicker-content .datepicker-step p{width:360px}.datepicker .datepicker-content .datepicker-step .datepicker-circle{margin-top:15px;margin-bottom:15px}.datepicker .datepicker-content .datepicker-currentDate{width:415px;margin-bottom:5px}.datepicker .datepicker-content .datepicker-time{display:inline-block;width:168px;vertical-align:top;margin-bottom:2px}.datepicker .datepicker-content .datepicker-time--am,.datepicker .datepicker-content .datepicker-time--unavailable--am{margin-right:17px}.datepicker .datepicker-content .datepicker-btn-cancel{display:inline-block;width:auto}.datepicker .datepicker-content .datepicker-time{padding:13px 10px 13px 10px}.datepicker .datepicker-content .datepicker-time--unavailable{padding:4px 10px 4px 10px}.datepicker .datepicker-content .datepicker-time--unavailable .datepicker-circle{margin-top:8px;margin-right:6px}.datepicker-circle:last-of-type{margin-top:10px}.datepicker-btn{display:inline-block;margin-right:30px;width:220px}.v-cal{margin-bottom:5px}.v-cal .vcal-header{height:43px}.v-cal .vcal-month{width:350px;padding:15px 24px 14px 24px}.v-cal .vcal-month .vcal-week--mobile{display:none}.v-cal .vcal-month .vcal-week{display:flex;flex-wrap:wrap;padding-bottom:15px}.v-cal .vcal-month .vcal-week span{display:inline-block;height:17px;width:14.28%;color:#646464;font-family:'Rubrik-Medium';font-size:13px;font-weight:500;line-height:17px;text-align:center;text-transform:uppercase}.v-cal .vcal-body .vcal-date{height:48px;margin-bottom:10px}.v-cal .vcal-body .vcal-date span{cursor:pointer}.v-cal .vcal-body .vcal-date--empty{height:50px}.ui-tooltip{display:block !important}.datepicker-check-container{margin-bottom:15px}.datepicker-note{text-align:left}.tracking-meterread-metercontainer .dropzone .tracking-meterread-meternumber{width:49%;display:inline-block;top:25px;padding-left:20px;position:relative;vertical-align:top}.tracking-meterread-metercontainer .dropzone:not(.dz-started) .dz-message{width:49%;margin-top:0px;display:inline-block;padding-top:10px}.tracking-meterread-metercontainer .dropzone .dz-preview{width:49%;margin-top:0px;display:inline-block;padding-top:0px}.tracking-meterread-metercontainer .dropzone .dz-preview .data-dz-remove-custom{top:0px}.tracking-meterread-metercontainer .dropzone .dz-preview .dz-image-custom-wrapper{top:10px}.tracking-meterread-metercontainer .dropzone .dz-preview .dz-details-custom{padding-top:24px}.tracking-meterread-metercontainer .dropzone .dz-preview .dz-details-custom .dz-filename-custom span{font-size:9px}.tracking-meterread-metercontainer .dropzone .dz-preview .dz-details-custom .dz-filename-custom .dz-remove{font-size:9px}.tracking-panel{float:right !important;margin-bottom:5px !important}.tracking-accordion{margin-bottom:0px}.tracking-accordion .ui-accordion-header{height:20px;padding:18px 0px !important}.tracking-accordion .ui-icon{left:-8px}.tracking-accordion .ui-accordion-content{margin-left:69px}.tracking-accordion .ui-accordion-content.subtext-alert{margin-top:14px}.tracking-accordion p{position:relative;top:-10px}.tracking-service-switcher-title{display:inline}.tracking-accordion-subtitle{top:3px;left:25px}.tracking-content{padding:27px 37px 37px 20px}.tracking-subheading{display:flex;align-items:center;padding:0;padding-bottom:15px}.tracking-sidebar{padding-top:18px}.tracking-progress-bar-indicator{top:21px}.tracking-subheading-side{padding:0}.tracking-service-icon{height:30px}.tracking-service-icon svg{width:29px;height:29px}.panel .tracking .tracking-content .tracking-accordion .tracking-button,.tracking-confirm-dialogue .tracking-button{width:auto;margin:10px 20px 0px 0px;padding:7.5px 20px}.tracking-accordion-action-required{position:absolute;top:-36px;right:30px}.tracking-accordion-action-required--header{top:20px}.tracking-notification{padding:20px 20px 20px 30px}.tracking-footer{margin-left:15px}.tracking-accordion-subtext--desktop{top:20px}.subtext-alert .tracking-accordion-subtext--desktop{display:none}.tracking-confirm-dialogue{padding:50px 94px;width:400px}.tracking-confirm-dialogue-title,.tracking-confirm-submitted-dialogue-title{width:100%}.tracking-confirm-dialogue-description,.tracking-confirm-submitted-dialogue-description{letter-spacing:-0.5px;margin:0px 0px 20px 0px}.tracking-confirm-dialogue-check-container{margin-top:20px;margin-bottom:48px}.tracking-confirm-dialogue-value{width:unset}.tracking-confirm-dialogue-btn,.tracking-confirm-submitted-dialogue-btn{margin:0px 20px 0px 0px !important}.tracking-page .fancybox-wrap{margin-top:0px}a.m_cameras_back_btn{display:none}.m_cameras_list_offset{width:100%}.m_cameras_list_offset.active{margin-left:0}.m_cameras_list_offset.active .m_cameras_list ul{height:auto}.m_cameras_list ul{width:40%}.camera_details_wrapper{width:55%;height:auto}#bill-guide{border:1px solid #D9D9D9;max-width:690px}.bill-guide-info{clear:both;text-align:center}.bill-guide-slider .bill-guide-slider-slide-content{opacity:1}.usage_option{float:left;padding:6px 0 0 60px}.usage_option .label{border:none;display:inline-block;overflow:hidden;text-overflow:ellipsis}.usage_account_list{left:60px}.usage_prefix{position:absolute}.usage .opened .label{border:none;background:#fff}.lte8 .usage .opened .label{background:transparent}.values_strip .content_holder{padding-top:3em} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 46.875em), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 46.875em), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 46.875em), only screen and ( min-device-pixel-ratio: 2) and (min-width: 46.875em), only screen and ( min-resolution: 192dpi) and (min-width: 46.875em), only screen and ( min-resolution: 2dppx) and (min-width: 46.875em) { .mq .nav_trigger{background-position:20px 16px} } @media only screen and (min-width: 56em) { blockquote{font-family:'Rubrik-Medium',Arial,sans-serif;font-family:'Rubrik-Light',Arial,sans-serif;line-height:1.3636em;font-size:2.2em}blockquote:before{margin-bottom:-0.428571em}blockquote p{font-size:.909091em;line-height:1.5em}blockquote footer cite{font-size:.681818em;line-height:1.333333em}blockquote.pullout{text-align:right}blockquote.pullout_right{text-align:left}.lte8 blockquote:before{font-size:70px}.small dd,.small dt{font-size:1.4em;line-height:1.428571em}h1{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:70px;line-height:1em;margin:10px 0 75px -7px;padding:5px 0 5px;letter-spacing:-4px}h1.small{font-size:3em;line-height:1.1em}h1.large{font-size:80px;line-height:80px;margin:0}.lte9 h1 strong,.lte9 h1 b{font-family:'Rubrik-Regular',Arial,sans-serif}.main_content_title h1{margin-right:0;width:60%}.content_over_map h1{color:#666}h2,.webkit h2{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:4em;letter-spacing:-0.05em;line-height:1.25em;margin:.5em 0 .5em -0.05em;padding:.025em 0 .1em}.register h2,.register .webkit h2{margin-top:50px}h2 strong,h2 b,.webkit h2 strong,.webkit h2 b{font-family:'Rubrik-Light',Arial,sans-serif}h2.large{font-size:6em;letter-spacing:-0.05em;line-height:1.083333em;margin:0 0 0 -0.033333em;padding:0}h2.largish{font-size:5em}h2.small{color:#333;font-size:30px;line-height:40px;margin:20px 0 25px -1px;padding:4px 0 1px}h2.small.no_margin{margin:0}h2.smaller,.webkit h2.smaller{font-size:30px;line-height:40px;margin-bottom:0;margin-top:0;margin-left:-1px}h2.smaller small,.webkit h2.smaller small{margin-left:1px;margin-top:-5px}h2.smaller:before,.webkit h2.smaller:before{content:" "}.webkit h2.smaller{margin-left:0}.lte9 h2{font-family:'Rubrik-Light',Arial,sans-serif}.lte9 h2 strong,.lte9 h2 b{font-family:'Rubrik-Light',Arial,sans-serif}.at_a_glance+h2{margin-top:5px}h3{padding:7px 0 3px;margin:20px 0 20px}h3.medium{font-size:25px;line-height:50px}h3.large,h3.larger{font-size:4em;line-height:1.25em;letter-spacing:-0.05em;margin-left:-0.05em}h3.largish{font-size:4em;line-height:1.125em;letter-spacing:-0.05em;margin:0 0 .375em}h3+hr{margin-top:-15px}h4,.scfTitleBorder,.wffm .scfSectionLegend{font-size:22px;line-height:30px;margin:10px 0 10px;padding:1px 0 4px;letter-spacing:-1px}h4.small,.scfTitleBorder.small,.wffm .scfSectionLegend.small{font-size:18px;line-height:25px}h5{font-family:'Rubrik-Light',Arial,sans-serif;font-size:18px;line-height:25px;margin:10px 0 5px;padding:0}h5 strong,h5 b{font-family:'Rubrik-Regular',Arial,sans-serif}.lte9 h5,.lte10 h5{font-family:'Rubrik-Light',Arial,sans-serif}.lte9 h5 strong,.lte10 h5 strong,.lte9 h5 b,.lte10 h5 b{font-family:'Rubrik-Medium',Arial,sans-serif}.webkit h5,.webkit .h5{font-family:'Rubrik-ExtraLight',Arial,sans-serif}.webkit h5 strong,.webkit .h5 strong,.webkit h5 b,.webkit .h5 b{font-family:'Rubrik-Medium',Arial,sans-serif}h2+h5{margin-top:-15px}li{color:#666;font-size:1.4em;line-height:1.428571em}li ul,li ol{font-size:.714286em}.small ol,.small ul{margin-top:-1em;margin-bottom:1em}.small li{font-size:1.4em;line-height:1.428571em}ul>li:before{margin-left:-1.428571em;padding-right:1.142857em}p{color:#666}p,p.user_address{font-size:1.4em;line-height:1.571429em;margin:0 0 1.428571em}.small p,p.small{font-size:1.4em;line-height:1.428571em;margin-bottom:.714286em}.content_holder{max-width:102.4em;padding-bottom:6em;padding-top:6em}.content_holder_wide{max-width:120em}.main_content{padding-right:17.835%;padding-left:17.835%}.main_pad_content{margin:0 10%;padding-right:7.835%;padding-left:7.835%}.pad_content{padding-left:10%;padding-right:10%;max-width:102.4em}.stretch_content{margin-left:-12.5%;margin-right:-12.5%}.stretch_content_right{margin-left:0;margin-right:-18%}.content_holder_wide .main_content{padding-right:0}.content_wide_left .main_content{padding-left:0}.content_chunk.text_pullout{padding-left:18%}.reallow_ppd_promo_ios{margin-bottom:10px}.alert_banner .alert_title{width:27em;margin-top:-0.6em}.alert_banner .content_holder .main_content{padding-right:17.835%;padding-left:29em}.banner{height:450px;overflow:hidden;position:relative}.banner .image_holder{display:block;height:100%;position:absolute;top:0;width:100%}.banner img{margin:-34% auto 0;min-width:100%;position:absolute;top:50%}.webkit .banner img{bottom:0;margin:auto;top:0}h1.in_banner{color:#FFF}h1.in_banner_purple{text-shadow:0 0 35px #fff}.banner_landing .carousel_landing{height:80em}.banner_landing.banner_short .carousel_landing{height:40em}.banner_landing.banner_short .banner_pull_left{height:55em}.banner_content{padding:6.4em 0 0}.banner_content h1,.webkit .banner_content h1{width:40%}.banner_content .banner_heading_small{font-size:2.5em;line-height:1.5em;margin-top:35px}.banner_text{width:60%}.carousel_landing .banner_message_holder{padding:2em 0 0}.home.carousel_landing .banner_message_holder{padding-top:8em}.banner_pull_left .banner_content{margin:0}.banner_pull_left .banner_message_holder{padding-top:1em}.banner_pull_left .banner_message{margin:0}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3,.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{margin:0;width:50%}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3{font-size:28px;line-height:1.1em;margin-bottom:.5em}.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{font-size:16px;line-height:1.1em}.banner_pull_left .banner_holder img{display:inline;max-width:40%}.banner_text__promo_bk{right:50%}.banner_text__promo{width:75%}.banner_text__promo h1,.banner_text__promo h2,.webkit .banner_text__promo h1,.webkit .banner_text__promo h2{font-size:4.5em;line-height:1.1em;margin:0 !important}.banner_xshort .banner_text__promo h1,.banner_xshort .banner_text__promo h2,.webkit .banner_xshort .banner_text__promo h1,.webkit .banner_xshort .banner_text__promo h2{margin:0 !important}.b_panel{margin-right:1px}.b_panel h2{margin-top:0;margin-bottom:5px}.b_panel h2.small{line-height:30px}.b_panel p{margin-bottom:0;line-height:1.42857em}.b_panel .icon_container{padding-bottom:10px}.b_panel .b_panel_top{padding:2.5em 3em 4.5em}.b_panel .b_panel_bot a{padding-left:30px;padding-right:30px}.b_panel__dark p,.b_panel__dark h2,.b_panel__dark a{color:#fff}.banner_promo_panels .b_panel .form_address_holder{left:3em;right:3em}.banner_promo_panels .b_panel h2.small{font-size:3em;line-height:1.1em;margin:0 0 .5em}.banner_promo_panels .b_panel p{margin:0 0 .4em;padding-top:0;font-size:13px;line-height:1.3em}.b_panel__promo .b_panel_top{padding-bottom:70px}.b_panel__promo h3,.b_panel__promo h2.small{font-size:3em;padding:0}.b_panel__promo p,.b_panel__promo ul{margin:0 0 .4em}.b_panel__promo .btn{left:2em}.box a.btn__wide{min-width:200px}.box .check_switch_label{max-width:50%}.bundle{max-width:100%;padding-top:3.5em;padding-bottom:3em}.bundle_cta .content_holder{max-width:102.4em}.bundle_cta .circle{margin:-8em 3% -8em 0}.bundle_cta .text .columns .col:before{top:67px}.bundle_cta .text .columns .col:nth-child(odd):before{display:block}.bundle_cta .text .columns .col.odd:before{display:block}.bundle_cta .text .columns.columns-7 .col{width:13.5%}.bundle_cta .text .columns.columns-6 .col{width:16%}.bundle_cta .text .columns.columns-5 .col{width:19.5%}.bundle_cta .text .columns.columns-4 .col{width:24.5%}.bundle_cta .text .columns.columns-3 .col{width:33%}.bundle_cta .text .columns.columns-2 .col{width:49%}.bundle_cta.bundle_cta__BubbleText .text{width:65%}.bundle_cta.bundle_cta__ImgText .text{width:55%}.bundle_icon_list{margin-bottom:2.5em}.bundle_icon_list .bundle_icon{padding-top:61px;padding-left:61px}.bundle_icon_gas{background-image:url('/images/bundle_icon_large_gas.png')}.bundle_icon_internet{background-image:url('/images/bundle_icon_large_internet.png')}.bundle_icon_phone{background-image:url('/images/bundle_icon_large_phone.png')}.bundle_icon_power{background-image:url('/images/bundle_icon_large_power.png')}.bundle_h2,.webkit .bundle_h2{font-size:6em;line-height:1.083333em;letter-spacing:-0.05em;margin-bottom:.333333em;width:430px}.bundle_h3{font-size:3.5em;line-height:1em;letter-spacing:-0.028571em;margin:0 0 .142857em;font-family:'Rubrik-ExtraLight',Arial,sans-serif}.bundle_h4{font-size:2.5em;line-height:1.2em;letter-spacing:-0.04em;margin-bottom:.8em;margin-top:-0.4em;width:430px}.bundle_h5{color:#333;font-size:2em;line-height:1.25em;letter-spacing:-0.05em;margin:0 0 .5em;font-family:'Rubrik-Light',Arial,sans-serif}.webkit .bundle_h5{font-family:'Rubrik-Regular',Arial,sans-serif}.bundle_p{font-size:1.4em;line-height:1.428571em;margin:0}.bundle_offer .bundle_offer_item{margin-bottom:2em;width:16em}.bundle_offer .bundle_offer_item .bundle_h2{width:auto}.bundle_offer .bundle_offer_item__plus{width:3.4em}.bundle_offer .bundle_offer_item__highlight{background:url('/images/bundle_highlight_medium.png') no-repeat transparent;height:152px;padding:3em 1em;right:0;top:-14em;width:147px}.bundle_offer .bundle_offer_item__highlight .bundle_h3{margin-bottom:0;text-transform:uppercase}.bundle_offer .bundle_offer_item__highlight .bundle_p{font-size:1.3em;line-height:1.357143em}.bundle_offer .bundle_offer_item__tcs{width:auto}.bundle_offer__few .bundle_offer_item__highlight{right:6em;top:-8em}.bundle_offer__lofi .bundle_offer_item__highlight{right:0}.bundle_offer__lofi.bundle_offer__few .bundle_offer_item__highlight{right:6em;top:-8em}.btn,.btn:visited{padding-left:20px;padding-right:20px}.btn_small{padding-left:10px;padding-right:10px}.btn__wide{padding-left:10%;padding-right:10%}.btn__fullwidth{font-size:2em;line-height:1em;padding:.75em 1em;font-family:'Rubrik-ExtraLight',Arial,sans-serif}.lead_module.module .module_inner .content_holder .main_content{padding-left:0;padding-right:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container{justify-content:flex-start;-webkit-justify-content:flex-start}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left{width:50%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h2,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h3,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left p,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h4{text-align:left;padding-left:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfTelephoneBorder{text-align:left}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfTelephoneBorder{width:90%;margin-right:2%;margin-bottom:5%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfEmailGeneralPanel,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfTelephoneGeneralPanel,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left input[type=text],.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left input[type=email],.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left input[type=tel]{width:100%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left input[type=submit]{width:60%;margin-left:0;padding:0;margin-bottom:5%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_right{width:50%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_right.without_logo{width:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo{width:100%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h2,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h3,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo p,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h4{text-align:center}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo .scfTelephoneBorder{width:32%;margin-right:2%;margin-bottom:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo input[type=submit]{width:30%;margin:0;padding:0}.lead_module.module .module_inner .content_holder .main_content .lead_container{justify-content:flex-start;-webkit-justify-content:flex-start;margin-bottom:2%}.lead_module.module .module_inner .content_holder .main_content .lead_container input{font-size:16px;height:36px}.lead_module.module .module_inner .content_holder .main_content .lead_container input[placeholder]{font-size:16px}.lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneBorder{margin-top:0;margin-bottom:0}.carousel_container{max-width:none;padding-top:5em}.carousel_container p{margin-bottom:2.857143em}.carousel_container .carousel_standard{margin-left:-16.6666%;margin-right:-16.6666%;max-width:none;padding-left:0;padding-right:0}.carousel_container .carousel_standard .carousel_item{width:33.3333%}.carousel_standard{max-width:40em}.carousel_standard .carousel_item{width:33%}.carousel_standard .carousel_previous,.carousel_standard .carousel_next{width:4.1665%}.carousel_standard .carousel_previous{left:-4.1665%}.carousel_standard .carousel_next{right:-4.1665%}.carousel_related{margin-left:-27.724%;margin-right:-27.724%;padding-left:0;padding-right:0}.carousel_related .carousel_standard{max-width:none}.carousel_related .carousel_item{width:25%}.carousel_promos,.carousel_plan_info{max-width:none}.carousel_promos .carousel_item,.carousel_plan_info .carousel_item{width:100%}.carousel_promos .carousel_previous,.carousel_plan_info .carousel_previous{left:0}.carousel_promos .carousel_next,.carousel_plan_info .carousel_next{right:0}.carousel_landing{max-width:none}.carousel_landing .carousel_item{padding-top:80em;width:100%}.carousel_landing .carousel_previous{left:0}.carousel_landing .carousel_next{right:0}.banner_short .carousel_landing .carousel_item{padding-top:40em}.banner_short .carousel_landing.banner_pull_left .carousel_item{padding-top:55em}.banner_xshort .carousel_landing .carousel_item{padding-top:38em}.banner_xxshort .carousel_landing .carousel_item{padding-top:26em}.carousel_banner_panels{max-width:102.4em}.carousel_products .carousel_item{width:50%}.banner_landing .home .carousel_pager{bottom:200px}.carousel_plan_info .carousel_pager{bottom:9em}.carousel{clear:both}.carousel_pager li .a{background:transparent url(/images/carousel_pager.png) no-repeat 5px 5px;border-bottom:none;display:inline-block;height:0;overflow:hidden;padding-top:25px;width:25px}.carousel_pager li .a:hover{background-position:-33px 5px}.carousel_pager li .a.active{background-position:-73px 5px}#divLeaveMessage{font-size:18px;line-height:67px;bottom:-17px;width:312px;height:89px;background-size:312px 89px}.landing_intro h1,.super_headline{width:130%;padding:.75em 100%;margin:0 -115% 1.25em;font-size:3.5em;line-height:1.2em}.super_headline{margin-top:-60px}.super_headline__left{width:50%;padding:.7em 195% .7em 115%;margin:-60px -195% 1.5em -115%}.super_headline__left:after{left:35%}.service_combo_row{padding-top:1.5em;padding-bottom:1.5em}.service_combo_row .text{width:85%}.service_combo_row .actions{width:16%;margin-right:-10%}.service_combo_row .icon_list{float:left;width:30%;text-align:right;margin-left:-30%;right:2.5em}.respond-ud{width:100%}.respond-udv{height:100%}.respond-d{max-width:100%}.respond-u{min-width:100%}.lte7 .respond-ud,.lte7 .respond-u,.lte7 .respond-d{width:100%}.no-js .respond-ud{display:none}.no-js noscript .respond-ud{display:block}.f-left,.fl{float:left}.f-right,.fr{float:right}.flL{float:left !important}.flR{float:right !important}.imgL{float:left !important;margin:0 15px 5px 0}.imgR{float:right !important;margin:0 0 5px 15px}.nb{border:0 !important}.nb:before{display:none !important}.nowrap{white-space:nowrap}.taC{text-align:center}.taC p>small{display:block;text-align:left}.taL{text-align:left !important}.taR{text-align:right !important}.dN{display:none !important}.dB{display:block !important}.ttU{text-transform:uppercase !important}.ttL{text-transform:lowercase !important}.ttN{text-transform:none !important}.clear{clear:both}.nowrap{white-space:nowrap}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.lte7 .clearfix{zoom:1}.relative{position:relative}.block{display:block}.w-full{width:100%}.semantic{list-style:none;margin:0;padding:0}.semantic li{margin:0;padding:0;list-style:none;background:none}.semantic li:before{display:none}.b_pb_solid{border-bottom:1px solid #7F1399}.b-gray-c{border-color:#ccc}.b-dash{border-style:dashed}.no-js .requires-js{display:none;visibility:hidden}.rte_script{position:absolute;left:-10000em}.tt-upper,.tt_upper{text-transform:uppercase}.ta-center,.ta_center{text-align:center}.ta-right,.ta_right{text-align:right}.ta-left,.ta_left{text-align:left}.tw-bold{font-family:'Rubrik-SemiBold',arial,sans-serif}.tw-regular{font-family:'Rubrik-Regular',arial,sans-serif}.tw_medium{font-family:'Rubrik-Medium',arial,sans-serif}.lh-clear{line-height:1}.va-top{vertical-align:top}.va-middle{vertical-align:middle}.va-bottom{vertical-align:bottom}.hidden{display:none}.hidden_important{display:none !important}.response_xsmall .hidden_small,.response_small .hidden_small{display:none !important}.response_xsmall .hidden_mobile,.response_small .hidden_mobile,.response_medium .hidden_mobile{display:none !important}.response_medium .hidden_non_mobile,.response_large .hidden_non_mobile,.response_xlarge .hidden_non_mobile,.response_xxlarge .hidden_non_mobile,.response_xxxlarge .hidden_non_mobile,.response_xxxxlarge .hidden_non_mobile{display:none !important}.response_large .hidden_desktop,.response_xlarge .hidden_desktop,.response_xxlarge .hidden_desktop,.response_xxxlarge .hidden_desktop,.response_xxxxlarge .hidden_desktop{display:none !important}.fn a{color:inherit}.fn a:hover,.fn a:focus{text-decoration:underline}.ptn{padding-top:0 !important}.ptxs{padding-top:5px}.ptbs{padding-top:9px}.pts{padding-top:1em}.ptm{padding-top:2em}.ptl{padding-top:3em}.ptxl{padding-top:4em}.ptxxl{padding-top:5em}.prn{padding-right:0 !important}.prxs{padding-right:5px}.prbs{padding-right:9px}.prs{padding-right:1em}.prm{padding-right:2em}.prl{padding-right:3em}.prxl{padding-right:4em}.prxxl{padding-right:5em}.pbn{padding-bottom:0 !important}.pbxs{padding-bottom:5px}.pbbs{padding-bottom:9px}.pbs{padding-bottom:1em}.pbm{padding-bottom:2em}.pbl{padding-bottom:3em}.pbxl{padding-bottom:4em}.pbxxl{padding-bottom:5em}.pln{padding-left:0 !important}.plxs{padding-left:5px}.plbs{padding-left:9px}.pls{padding-left:1em}.plm{padding-left:2em}.pll{padding-left:3em}.plxl{padding-left:4em}.plxxl{padding-left:5em}.pan{padding:0 !important}.paxs{padding:5px}.pabs{padding:9px}.pas{padding:1em}.pam{padding:2em}.pal{padding:3em}.paxl{padding:4em}.paxxl{padding:5em}.mtn{margin-top:0 !important}.mtxs{margin-top:5px}.mtbs{margin-top:9px}.mts{margin-top:1em}.mtm{margin-top:2em}.mtl{margin-top:3em}.mtxl{margin-top:4em}.mtxxl{margin-top:5em}.mrn{margin-right:0 !important}.mrxs{margin-right:5px}.mrbs{margin-right:9px}.mrs{margin-right:1em}.mrm{margin-right:2em}.mrl{margin-right:3em}.mrxl{margin-right:4em}.mrxxl{margin-right:5em}.mbn{margin-bottom:0 !important}.mbxs{margin-bottom:5px}.mbbs{margin-bottom:9px}.mbs{margin-bottom:1em}.mbm{margin-bottom:2em}.mbl{margin-bottom:3em}.mbxl{margin-bottom:4em}.mbxxl{margin-bottom:5em}.mln{margin-left:0 !important}.mlxs{margin-left:5px}.mlbs{margin-left:9px}.mls{margin-left:1em}.mlm{margin-left:2em}.mll{margin-left:3em}.mlxl{margin-left:4em}.mlxxl{margin-left:5em}.man{margin:0 !important}.maxs{margin:5px}.mabs{margin:9px}.mas{margin:1em}.mam{margin:2em}.mal{margin:3em}.maxl{margin:4em}.maxxl{margin:5em}.ban{border:0 !important}.baxs{border:5px}.babs{border:9px}.bas{border:1em}.bam{border:2em}.bal{border:3em}.baxl{border:4em}.baxxl{border:5em}.video_container_16x9{padding-bottom:56.25%;position:relative}.video_container_16x9 iframe{height:100%;position:absolute;width:100%}label.creditCheckFileUpload input[type="file"]{position:fixed;top:-1000px}.creditCheckFileUpload{font-size:unset}.CreditCheckIDImageWrapper{position:relative;display:inline-block;padding-bottom:5px}.CreditCheckIDImageClose{position:absolute;top:-20px;right:-20px;cursor:pointer;height:40px;width:40px;display:none}.u-block{display:block !important}.u-flex{display:flex !important}.compare_plan_column{padding-top:170px}.compare_plan_column h3{top:30px}.compare_plan_column .compare_icon_power{display:inline-block;width:120px;height:30px;padding-top:60px;padding-bottom:30px;font-size:17.14285714px;line-height:30px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #FFF;background:transparent url('/images/carousel_plan_icons_base_power.png') no-repeat center 30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.compare_plan_column .compare_icon_internet{display:inline-block;width:120px;height:30px;padding-top:60px;padding-bottom:30px;font-size:17.14285714px;line-height:30px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #FFF;background:transparent url('/images/carousel_plan_icons_base_internet.png') no-repeat center 30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.compare_plan_column .compare_icon_gas{display:inline-block;width:120px;height:30px;padding-top:60px;padding-bottom:30px;font-size:17.14285714px;line-height:30px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #FFF;background:transparent url('/images/carousel_plan_icons_base_gas.png') no-repeat center 30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.compare_plan_column .compare_icon_phone{display:inline-block;width:120px;height:30px;padding-top:60px;padding-bottom:30px;font-size:17.14285714px;line-height:30px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #FFF;background:transparent url('/images/carousel_plan_icons_base_phone.png') no-repeat center 30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.compare_plan_column .compare_icon_extras{display:inline-block;width:120px;height:30px;padding-top:60px;padding-bottom:30px;font-size:17.14285714px;line-height:30px;text-transform:uppercase;font-family:'Rubrik-Light',Arial,sans-serif;text-align:center;border:1px solid #FFF;background:transparent url('/images/carousel_plan_icons_base_extras.png') no-repeat center 30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.compare_plan_service_option.flag_popular:after{bottom:47px}.combined_columns .flag_popular:after{bottom:77px}.compare_option_wrapper h4{font-size:2.8em;line-height:30px}.compare_option_wrapper p,.compare_plan_result p{font-size:1.2em;line-height:1.5em;margin-bottom:10px}.combined_columns .compare_option_wrapper h4{padding-left:5%;padding-right:5%;width:40%}.combined_columns .compare_option_wrapper h4:first-child{padding-left:5%;padding-right:5%}.combined_columns_fake{width:16%}.combined_columns_fake h3{width:16%}.combined_columns_fake .flag_popular:after{bottom:18px}.compare_plan_option_extra .compare_option_wrapper h4{font-size:2.8em;line-height:35px;margin-bottom:0;margin-top:0}.compare_plan_column_btn{width:11em}.oct .oct_header .btn{padding-left:20px;padding-right:20px}.oct .oct_header .btn.current:before{left:35px}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_main{background-position:center 30%;padding:5em 0 0;font-size:14px;line-height:1em;width:124px;height:124px}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_sub{display:none}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_power a.btn_main{background-image:url(/images/selectors/icon_power_white.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_gas a.btn_main{background-image:url(/images/selectors/icon_gas_white.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url(/images/selectors/icon_telco_white.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active a.btn_main{border-color:#FFF;background-color:#FFF;color:#46525F}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active a.btn_sub,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active a.btn_sub{display:block;background-color:#00B7FF;border-color:#FFF}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active.compare_icon_power a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active.compare_icon_power a.btn_main{background-image:url(/images/selectors/icon_power.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active.compare_icon_gas a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active.compare_icon_gas a.btn_main{background-image:url(/images/selectors/icon_gas.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.active.compare_icon_internet.compare_icon_phone a.btn_main,.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.pseudo_active.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url(/images/selectors/icon_telco.png)}.service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.component_linked:after{right:117%;background-image:url(/images/selectors/linked.png)}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle{width:124px;height:124px}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.component_linked:after{right:110%}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle a.btn_main{width:124px !important;padding-top:124px !important}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_power a.btn_main{background-image:url('/images/selectors/circle_power_white.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_gas a.btn_main{background-image:url('/images/selectors/circle_gas_white.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url('/images/selectors/circle_broadband_white.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_power a.btn_main,.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .active.compare_icon_power a.btn_main{background-image:url('/images/selectors/circle_power.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_gas a.btn_main,.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .active.compare_icon_gas a.btn_main{background-image:url('/images/selectors/circle_gas.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_internet.compare_icon_phone a.btn_main,.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .active.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url('/images/selectors/circle_broadband.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .current.compare_icon_power a.btn_main{background-image:url('/images/selectors/circle_power.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .current.compare_icon_gas a.btn_main{background-image:url('/images/selectors/circle_gas.png')}.lte8 .service_selectors.promo_premade .create_plan_component_list h3 .current.compare_icon_internet.compare_icon_phone a.btn_main{background-image:url('/images/selectors/circle_broadband.png')}.create_plan_components h2{color:#fff;margin-bottom:10px}.lte8 .promo_premade .create_plan_component_list_choosing h3 .component_toggle a.btn_sub{top:10px;right:5px}.promo_premade .create_plan_component_list .compare_plan_column{padding:0 2em;width:11em}.promo_premade .create_plan_component_list .combined_columns{width:28.8em}.promo_premade .create_plan_component_list .combined_columns:after{top:4.2em}.promo_premade .create_plan_component_list h3 .component_toggle{font-size:1.6em;line-height:1.25em;width:6.875em;height:6.875em;padding:0}.promo_premade .create_plan_component_list_choosing h3 .component_toggle a.btn_sub{top:3px;right:3px}.lte8 .create_plan_component_list h3 .component_toggle{display:block;border:none;width:125px;height:125px}.lte8 .create_plan_component_list h3 .component_toggle a.btn_main{width:125px;height:0;padding-top:125px;overflow:hidden;border:0 !important;background-color:transparent !important}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle{display:block;border:none;width:125px;height:125px}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle a.btn_main{width:125px !important;height:0;padding-top:125px !important;overflow:hidden;border:0 !important;background-position:center top;background-repeat:no-repeat;border-color:transparent}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_power a.btn_main{background-image:url('/images/ie8_prod_circ_power_lrg_inactive.png')}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_gas a.btn_main{background-image:url('/images/ie8_prod_circ_gas_lrg_inactive.png')}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_internet a.btn_main{background-image:url('/images/ie8_prod_circ_internet_lrg_inactive.png')}.lte8 .promo_premade .create_plan_component_list h3 .component_toggle.compare_icon_phone a.btn_main{background-image:url('/images/ie8_prod_circ_phone_lrg_inactive.png')}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active{background-color:transparent;border-color:transparent}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_power a.btn_main,.lte8 .promo_premade .create_plan_component_list h3 .active.compare_icon_power a.btn_main{background-image:url('/images/ie8_prod_circ_power_lrg_active.png')}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_gas a.btn_main,.lte8 .promo_premade .create_plan_component_list h3 .active.compare_icon_gas a.btn_main{background-image:url('/images/ie8_prod_circ_gas_lrg_active.png')}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_internet a.btn_main,.lte8 .promo_premade .create_plan_component_list h3 .active.compare_icon_internet a.btn_main{background-image:url('/images/ie8_prod_circ_internet_lrg_active.png')}.lte8 .promo_premade .create_plan_component_list h3 .pseudo_active.compare_icon_phone a.btn_main,.lte8 .promo_premade .create_plan_component_list h3 .active.compare_icon_phone a.btn_main{background-image:url('/images/ie8_prod_circ_phone_lrg_active.png')}.lte8 .promo_premade .create_plan_component_list h3 .active,.lte8 .promo_premade .create_plan_component_list h3 .completed{border-color:#C8DC37}.lte8 .promo_premade .create_plan_component_list h3 .current{background-color:transparent;border-color:transparent}.lte8 .promo_premade .create_plan_component_list h3 .current.compare_icon_power a.btn_main{background-image:url('/images/ie8_prod_circ_power_lrg_current.png')}.lte8 .promo_premade .create_plan_component_list h3 .current.compare_icon_gas a.btn_main{background-image:url('/images/ie8_prod_circ_gas_lrg_current.png')}.lte8 .promo_premade .create_plan_component_list h3 .current.compare_icon_internet a.btn_main{background-image:url('/images/ie8_prod_circ_internet_lrg_current.png')}.lte8 .promo_premade .create_plan_component_list h3 .current.compare_icon_phone a.btn_main{background-image:url('/images/ie8_prod_circ_phone_lrg_current.png')}.lte8 .promo_premade .btn_small{font-size:11px;margin-left:10px}.lte8 .promo_premade .compare_plan_column_btn_right .btn_small{margin-left:0;margin-right:10px}.power_user .user_usage h2{font-size:30px;line-height:35px;margin:-12px 0 0;padding-bottom:20px}.estimate_container .scfListBoxUsefulInfo:before{content:' ';border-top-color:#59656F}.accordion .power_user .user_usage h2{font-size:25px;line-height:30px;margin:-6px 0 0}.edit{background-position:10px 9px;margin-top:23px;right:30px}.input_h2{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:40px;margin-top:-3px;margin-bottom:2px}.error_logo{margin:6em auto}.panel_selector .fancy_select_replaced p{background-position:right 18px;font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:20px;line-height:24px;letter-spacing:-2px;margin:0 0 0 -2px;padding:1px 0 1px}.panel_selector .fancy_select_container .fancy_select_list li{font:20px/1 'Rubrik-ExtraLight',Arial,sans-serif}.panel_selector h2.account_title{font-family:'Rubrik-ExtraLight',Arial,sans-serif;padding-left:30px;padding-right:30px;font-size:30px;line-height:40px;letter-spacing:-2px}.fancybox-close{top:13px;right:13px}.fancybox-inner{min-width:588px}.lightbox{padding:50px 50px 40px}.lte7 .lightbox{width:600px}.lightbox .power_calculator{margin:-50px -50px 0;padding:30px 50px 20px}.lightbox--deal{padding:0}.faq_ask .scfSectionBorderAsFieldSet{padding-left:17.835%;padding-right:17.835%}.faq_filters .faq_filters_switch{left:10%}.planned-outages{padding:50px 94px}.content_holder .panel .panel_inner .account-overview-cta{width:100%}.faults-page .content_chunk h3{margin-top:20px}.faults-page .content_holder,.faults-page .content_holder_slim{padding-top:6em}.flexbox_lg{display:flex;flex-flow:row;justify-content:flex-start;align-items:stretch}.flexbox_lg>.flex{flex:1 1 auto}.flexbox_lg>.flex-shrink{flex:0 1 auto}.form_columned{padding-left:17.835%;padding-right:17.835%}legend,.webkit legend,.wffm .scfTitleBorder{font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:4em;letter-spacing:-0.05em;line-height:1.25em;margin-left:-0.05em;padding:.525em 0 .6em}legend:first-child{padding-top:.045455em}.scfCheckbox label{max-width:95%}.no_label .scfRadioButtonList label{max-width:91%}.has_fancybox .captcha-solution,.has_fancybox .scfEmailTextBox,.has_fancybox .scfMultipleLineTextBox,.has_fancybox .scfNumberTextBox,.has_fancybox .scfPasswordTextBox,.has_fancybox .scfSingleLineTextBox,.has_fancybox .scfTelephoneTextBox,.has_fancybox .scfSmsTelephoneTextBox,.has_fancybox .scfConfirmPasswordTextBox,.has_fancybox .scfCreditCardTextBox,.has_fancybox .fancy_select_container,.has_fancybox .scfDateSelectorBorder input{width:88%}.scfCheckBoxListUsefulInfo,.scfCheckboxUsefulInfo,.scfDateSelectorUsefulInfo,.scfDropListUsefulInfo,.scfEmailUsefulInfo,.scfFileUploadUsefulInfo,.scfListBoxUsefulInfo,.scfMultipleLineTextUsefulInfo,.scfNumberUsefulInfo,.scfPasswordUsefulInfo,.scfRadioButtonListUsefulInfo,.scfSingleLineTextUsefulInfo,.scfTelephoneUsefulInfo,.scfSmsTelephoneUsefulInfo,.scfConfirmPasswordUsefulInfo,.scfCreditCardUsefulInfo,.date-hint-text,.usefulInfo{bottom:auto;left:-170px;padding:10px;top:15px;width:130px}.scfCheckBoxListUsefulInfo:before,.scfCheckboxUsefulInfo:before,.scfDateSelectorUsefulInfo:before,.scfDropListUsefulInfo:before,.scfEmailUsefulInfo:before,.scfFileUploadUsefulInfo:before,.scfListBoxUsefulInfo:before,.scfMultipleLineTextUsefulInfo:before,.scfNumberUsefulInfo:before,.scfPasswordUsefulInfo:before,.scfRadioButtonListUsefulInfo:before,.scfSingleLineTextUsefulInfo:before,.scfTelephoneUsefulInfo:before,.scfSmsTelephoneUsefulInfo:before,.scfConfirmPasswordUsefulInfo:before,.scfCreditCardUsefulInfo:before,.date-hint-text:before,.usefulInfo:before{border:none;border-top:10px solid #46535F;border-right:10px solid transparent;right:-10px;bottom:auto;left:auto;top:0}.graph_information{padding-right:220px}.graph_information_right{padding-right:0;min-height:185px;padding-left:220px}.graph_donut{max-width:200px}.lte8 .graph_donut{width:200px}.donut_center_date{font-size:12px}.donut_center_remaining{font-size:14px}.donut_center_amount{font-size:40px;letter-spacing:-3px;line-height:40px}.donut_center_main{font-size:26px;letter-spacing:-1px}.donut_center_gb{font-size:14px}.donut_center_dollar,.donut_center_cents{font-size:20px;line-height:20px;letter-spacing:0}.donut_center_dollar{top:-13px}.grey_container_plans{padding-top:.5em;padding-bottom:2em}.request_callback .grid-item .scfForm.request_callback_form{padding:6%}.request_callback .tiles.layout_left .tile{padding-right:8%}.request_callback .tiles.layout_left .tile.hide_hero_img{display:block}.request_callback .tiles.layout_left .tile.layout_left{padding-right:0}.request_callback .tiles .tile .hero_img_container .hero_img{padding-top:80%}.history_list{padding-top:5em}.history_list .section:first-child{border-top:1px solid #e1e1e1;padding-top:2.5em}.history_list .history_date{font-size:25px;line-height:25px;width:18.706%;padding-right:3%;padding-top:0}.history_list .history_content{width:78.294%}.intro_banner .content_holder{padding-bottom:30px;padding-right:4.1665%}.intro_banner .content_holder .main_content{padding-right:17.835%}.intro_banner .content_holder:before{content:' ';display:none}.intro_banner .content_holder:after{content:" ";position:absolute;display:block;width:12.501%;height:5px;background:#7F1399;top:60px;zoom:1}.intro_banner p{color:#666}.intro_banner.intro_spectrum_bottom{padding-bottom:0}.intro_banner.service_overview_banner.intro_banner p{padding-left:20px}.generation_banner .main_content_title{height:480px}.map_shown .main_content_title{height:auto}.third{border-right:1px solid #D8D7D4;float:left;margin-bottom:20px;min-height:220px;width:31%}.third h2,.third p{padding-left:40px;padding-right:40px}.third h2{font-family:'Rubrik-ExtraLight',Arial,sans-serif;margin-top:0;padding-top:0;margin-bottom:20px;font-size:30px;line-height:1em}.third p{font-size:15px}.third p:last-child{margin-bottom:0}.third:last-child{border-right:none}.toggled_popup{margin-left:-30px;margin-right:-30px}.toggled_popup_title{float:left;width:40%}.toggled_popup_content{float:right;width:55%}.login_block .login_block_contain .scfPasswordBorder,.login_block .login_block_contain .scfSingleLineTextBorder,.login_block .login_block_contain .scfSubmitButtonBorder,.login_block .login_block_contain .scfSubmitButtonBorder input,.login_block .login_block_contain .scfSingleLineTextLabel,.login_block .login_block_contain h3{float:left}.login_block .login_block_contain .scfSubmitButtonBorder{clear:none}.login_block .login_block_contain .scfPasswordBorder,.login_block .login_block_contain .scfSingleLineTextBorder{margin-right:2%;width:20%}.login_block .login_block_contain .reg_lost{padding-left:20px;padding-right:0;float:left}.login_block.temp .login_block_contain .scfPasswordBorder,.login_block.temp .login_block_contain .scfSingleLineTextBorder{margin-right:2%;width:25%}.login_block.temp h3{width:25%}.login_block.temp .first_time{width:74%}.login_block.temp .first_time:before{top:8px}.login_block.temp .update_details{padding-left:30px;margin-bottom:10px}.login_regular .orange_alert:before{top:2px}.login_oops h2,.login_oops h5{color:#fff}.module.marketing_banner .bg_container_wrapper div.bg_container_desktop{display:block}.module.marketing_banner .bg_container_wrapper div.bg_container_tablet{display:none !important}.module.marketing_banner .bg_container_wrapper .bg_container_img{background-repeat:no-repeat}.module.marketing_banner .bg_container_wrapper .bg_container_img.desktop-top{background-position:center top}.module.marketing_banner .bg_container_wrapper .bg_container_img.desktop-right{background-position:center right}.module.marketing_banner .bg_container_wrapper .bg_container_img.desktop-bottom{background-position:center bottom}.module.marketing_banner .bg_container_wrapper .bg_container_img.desktop-left{background-position:center left}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.desktop-top{padding:0;padding-top:20rem}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.desktop-top.NoFooter{padding-bottom:20px}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.desktop-bottom{padding:0;padding-bottom:20rem;padding-right:145px}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.desktop-left{padding:0;padding-left:30rem}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.desktop-left.NoFooter{padding-bottom:20px}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.desktop-right{padding:0;padding-right:30rem}.module.marketing_banner .bg_container_wrapper .banner_header_content_pos.desktop-right.NoFooter{padding-bottom:20px}.module.marketing_banner .section_2 img{position:relative;left:0px;margin-right:10px}.signup-offer-panel{min-width:640px}.main .content .dsltofibre_promo_module .bottom_tile,.main .content .dsltofibre_promo_module .top_tile{max-width:none}.eotxs_details .details_module .dsl_form_trigger{display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap}.renew_code_module .renew_title_text{padding-left:0em;padding-right:0em;margin-top:1em;padding-bottom:1.5em}.details_module{padding:7.5rem 12.3rem;margin-bottom:5rem}.main .module.first_name_header h2{margin-right:36rem;line-height:4.4rem}.offers_carousel_module .offer_module_header{width:83.1rem}.offers_carousel_module .offer_module_header .offer_module_heading{width:auto}.offers_carousel_module .offer_carrousel_container{width:99.8%;margin:0 auto;padding-bottom:10rem}.offers_carousel_module .offer_carrousel_container.full_width{width:auto}.offers_carousel_module .offer_module_footer{width:59.8rem;margin:0 auto;padding-bottom:10rem}.module .module_inner h2,.webkit .module .module_inner h2{font-family:'Rubrik-Light',Arial,sans-serif;font-size:4em;padding:0 0 .5em;margin:0}.module_ways .module_inner .columns h2.larger,.webkit .module_ways .module_inner .columns h2.larger{font-size:3.5em}.module_promo .text{display:block}.module_promo.size_small .content_holder{padding-top:0;padding-bottom:0}.module_promo.size_small .content_holder .overlap_icons{display:inline-block;margin-top:30px !important;margin-bottom:-10px !important}.module_promo.size_small .text{display:inline-block;padding-bottom:20px}.module_promo.size_large{font-size:2em}.module_tiles .grid .col_1{width:25%}.module_tiles .grid .col_2{width:50%}.module_tiles .grid .col_3{width:75%}.module_tiles .grid .col_4{width:100%}.module_tiles .grid.cols_3 .col_1{width:33.33%}.module_tiles .grid.cols_3 .col_2{width:66.66%}.module_tiles .grid.cols_3 .col_3{width:100%}.module_tiles .grid.cols_5 .col_1{width:20%}.module_tiles .grid.cols_5 .col_2{width:40%}.module_tiles .grid.cols_5 .col_3{width:60%}.module_tiles .grid.cols_5 .col_4{width:80%}.module_tiles .grid.cols_5 .col_5{width:100%}.module_tiles .grid.cols_6 .col_1{width:16.5%}.module_tiles .grid.cols_6 .col_2{width:33%}.module_tiles .grid.cols_6 .col_3{width:49.5%}.module_tiles .grid.cols_6 .col_4{width:66%}.module_tiles .grid.cols_6 .col_5{width:82.5%}.module_tiles .grid.cols_6 .col_6{width:99%}.module_tiles .grid.cols_7 .col_1{width:14.25%}.module_tiles .grid.cols_7 .col_2{width:28.5%}.module_tiles .grid.cols_7 .col_3{width:42.75%}.module_tiles .grid.cols_7 .col_4{width:57%}.module_tiles.module_deals .tile_promo .tile_inner_image{max-height:280px}.module_tiles.module_deals .tile_promo .tile_inner_image:after{padding-top:62.5%}.module_tiles.module_deals .tile_promo:hover{box-shadow:0 5px 20px rgba(0,0,0,0.5)}.module_tiles.module_deals .tile_promo:hover .tile_bk{opacity:.9}.module_tiles.module_deals .tile_promo.layout_left .tile_inner_image,.module_tiles.module_deals .tile_promo.layout_right .tile_inner_image{width:45%;margin-bottom:0}.module_tiles.module_deals .tile_promo.layout_left .tile_text,.module_tiles.module_deals .tile_promo.layout_right .tile_text,.module_tiles.module_deals .tile_promo.layout_left .tile_btns,.module_tiles.module_deals .tile_promo.layout_right .tile_btns{width:60%}.module_tiles.module_deals .tile_promo.layout_right .tile_text,.module_tiles.module_deals .tile_promo.layout_right .tile_btns{margin-left:40%}.module_tiles.module_deals .btn:hover{opacity:.5}.nav_module ul{white-space:nowrap;list-style:none}.nav_module ul li{display:inline-block}.nav_module ul li a{display:block;padding:2em 1em}.news_list{padding-top:5em}.news_list .section:first-child{border-top:1px solid #e1e1e1;padding-top:2.5em}.news_list .article_date{font-size:25px;line-height:25px;width:18.706%;padding-right:3%;padding-top:0}.news_list .news_article_content{width:78.294%}.offerzone_logo{position:absolute;left:0}.panel{float:left;width:33.3333%;margin:0}.panel_wide{width:66.6666%}.panel_wide .panel{width:50%}.panel_inner{padding-left:30px;padding-right:30px}.panel_double .panel_inner{float:left;width:50%}.webkit .panel h2{margin-top:4px}.panel h3{font-size:20px}.panel h3.expand{background-position:99% 8px}.panel h4{font-size:20px;line-height:30px}.panel .figure .large{font-size:60px}.panel .figure .small{font-size:30px}.row_marker{bottom:-1.230769em}.panel .summary.sum_phone h2,.panel .summary.sum_pow h2,.panel .summary.sum_internet h2,.panel .summary.sum_gas h2{display:block;padding-left:50px}.panel .summary.sum_phone h2,.lte8 .panel .summary.sum_phone h2{background:url("/images/large_phone.png") no-repeat 0 8px;background-position:0 8px}.lte10 .panel .summary.sum_phone h2,.lte9 .panel .summary.sum_phone h2,.lte8 .panel .summary.sum_phone h2{background-position:0px 12px}.panel .summary.sum_pow h2,.lte8 .panel .summary.sum_pow h2{background:url("/images/large_pow.png") no-repeat;background-position:0 8px}.lte10 .panel .summary.sum_pow h2,.lte9 .panel .summary.sum_pow h2{background-position:0 10px}.panel .summary.sum_internet h2,.lte8 .panel .summary.sum_internet h2{background:url("/images/large_net.png") no-repeat;background-position:0 11px}.lte10 .panel .summary.sum_internet h2,.lte9 .panel .summary.sum_internet h2{background-position:0px 13px}.panel .summary.sum_gas h2,.lte8 .panel .summary.sum_gas h2{background:url("/images/large_gas.png") no-repeat 0 8px;background-position:0 8px}.lte10 .panel .summary.sum_gas h2,.lte9 .panel .summary.sum_gas h2{background-position:0 10px}.panel .switch_account{display:none}.panel .switch_ac{display:inline-block}.panel_selector{margin-left:-30px;margin-right:-30px}.panel_option .list_layout{margin-left:30px;margin-right:30px}.panel_option a{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}.addressBanner__text{max-width:55%}.confirmSection{padding:3.5rem 12.9rem}.phoenixConfirmation .confirmProductSummary{padding:0 12.9rem}.confirmNextSection{padding-bottom:8rem}.activateAccount__submit{width:100%}.formQuestion{position:relative}.questionOption .formQuestion{position:relative}.questionOption .formQuestion__text{min-height:5.8rem;display:flex}.textField{width:calc(50% - 3.2rem);margin-right:6rem}.textField_marginRight_none{margin-right:0}.textField_width_full{display:block;width:100%;margin-right:0}.textField_minWidth_none{width:100%;min-width:unset}.phoenixHeader{text-align:center;padding-left:0}.phoenixHeader__content{padding-left:.5rem}@media only Screen and (min-width:895px) and (max-width:991px){.phoenixHeader{text-align:left;padding-left:2.5rem}}.serviceTile__changeLink{padding-top:3rem}.phoenixTerms{padding-top:3rem}.phoenixTerms__checkbox{margin-bottom:1.5rem}.phoenixTerms__terms{padding-left:4.3rem}.phoenixTerms__label{font-family:'Rubrik-Medium',Arial,sans-serif;font-size:1.6rem;line-height:2.6rem;letter-spacing:-0.1px}.phoenixTerms__link{font-size:1.6rem;line-height:2.6rem}.phoenixTerms ul{margin:0;padding:0}.phoenixTerms ul li{font-size:1.6rem;line-height:2.6rem}.signUpDescription{margin-bottom:3.7rem}.productSummary{padding:0;padding-top:3.5rem;margin-top:3.5rem;text-align:center}.productSummary__title{font-size:1.4rem;line-height:2.5rem}.productSummary__incentive{font-size:2.5rem;letter-spacing:-0.063rem;border:none}.productSummary__servicesIconLabel{min-width:6.8rem}.productSummary__icon{background-size:5.8rem;min-width:5.8rem;height:5.8rem}.productSummary__serviceLabel{font-family:'Rubrik-SemiBold',Arial,sans-serif;font-size:1.1rem;line-height:1.7rem}.propertyInfoSection__title{margin-bottom:1.5rem}.questionWrapper{margin-top:8rem}.questionOption{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-wrap:wrap;margin-top:8rem}.questionOption::after{content:"";clear:both;display:table}.questionOption__question{display:inline-block;box-sizing:border-box;width:calc(50% - .3rem);padding-right:2rem;margin-bottom:0}.questionOption_width_full{width:100%}.questionOption__option{display:inline-block;margin-top:0;width:calc(50% + .3rem);text-align:right}.questionOption__select{float:right}.questionOption div:nth-child(n+3){flex-basis:100%}.lte11 .questionOption__select{width:calc(100% - 1.5rem)}.d_create_plan_panel{padding:1.6em 3em 1.6em 3em}.d_create_plan_panel h3{color:#fff}.d_create_plan_panel .promo_icon_list{margin:-1em 0 2em}h2.generation_regions_title{margin-top:42px;margin-bottom:62px;padding-top:32px;width:40%}.product_item table .usefulInfo{top:5px;right:auto;bottom:auto;left:-192px}.product_item table .usefulInfo:before{border:none;border-right:solid 10px transparent;border-top:solid 10px #4F5C67;top:0;right:-10px;bottom:auto;left:auto}.product_item_left{margin-left:-11.5em;margin-top:.7em}.product_item_right{margin-right:-11.5em;margin-top:.7em}.product_stack .product_item{width:23%;margin-right:.5%}.product_stack .product_item.product_item__power{width:23%;margin-right:.5%}.product_stack .product_item.product_item__phone_internet{width:29%}.product_stack .product_item.product_item__multi{width:23.5%}.product_strip .content_holder{padding-top:5em;padding-bottom:5em}.product_strip .product_strip_item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;padding:0 2%;border-left:1px solid rgba(44,55,62,0.1);flex:1;-webkit-box-flex:1;-webkit-flex:1}.product_strip .product_strip_item:first-child{border:0;padding-left:0}.product_strip .product_strip_item:last-child{margin-top:0;padding-right:0;font-size:100%;flex:1;-webkit-box-flex:1;-webkit-flex:1}.product_strip .product_strip_item h2{font-size:2.2em}.product_strip .product_strip_item a:hover h2{color:#8c50c7}.product_strip .product_strip_item a:hover .overlap_icons{opacity:.5}.promo_container{max-width:none;padding:5em 2.5em 2.5em}.promo_container .promo_panel .btn{width:auto;padding-left:2.142857em;padding-right:2.142857em}.promo_container .promo_panel input[type="email"].btn,.promo_container .promo_panel input[type="tel"].btn,.promo_container .promo_panel input[type="text"].btn{width:66%;padding-left:.714286em;padding-right:.714286em}.promo_container .main_content{max-width:88em;padding-left:0;padding-right:0}.promo_container .promo_icon_list{padding:0 0 0 0}.promo_container .promo_icon{background-position:center 21.5px;font-size:12.28571429px;height:21.5px;line-height:21.5px;margin:0 14px 0 0;padding-bottom:21.5px;padding-left:0;padding-right:0;padding-top:43px;width:86px}.carousel_item .promo_container{padding-bottom:15em}.gas_promo .promo_content{max-width:70%;float:right}.gas_promo .promo_content:first-child{max-width:30%;float:left}.gas_promo .product_item_listed{margin:0 1px 1px 0}.promo_premade .compare_icon_power,.promo_premade .compare_icon_internet,.promo_premade .compare_icon_gas,.promo_premade .compare_icon_phone,.promo_premade .compare_icon_extras{border-bottom:1px solid #333}.promo_premade h4{font-family:'Rubrik-Light',Arial,sans-serif;font-size:1.3em;line-height:1.2em}.lte8 .promo_premade_pink .compare_icon_power,.lte8 .promo_premade_purple .compare_icon_power,.lte8 .promo_premade_yellow .compare_icon_power,.lte8 .promo_premade_orange .compare_icon_power,.lte8 .compare_plans_green .compare_icon_power,.lte8 .promo_premade_blue .compare_icon_power,.lte8 .promo_premade_pink .compare_icon_internet,.lte8 .promo_premade_purple .compare_icon_internet,.lte8 .promo_premade_yellow .compare_icon_internet,.lte8 .promo_premade_orange .compare_icon_internet,.lte8 .compare_plans_green .compare_icon_internet,.lte8 .promo_premade_blue .compare_icon_internet,.lte8 .promo_premade_pink .compare_icon_gas,.lte8 .promo_premade_purple .compare_icon_gas,.lte8 .promo_premade_yellow .compare_icon_gas,.lte8 .promo_premade_orange .compare_icon_gas,.lte8 .compare_plans_green .compare_icon_gas,.lte8 .promo_premade_blue .compare_icon_gas,.lte8 .promo_premade_pink .compare_icon_phone,.lte8 .promo_premade_purple .compare_icon_phone,.lte8 .promo_premade_yellow .compare_icon_phone,.lte8 .promo_premade_orange .compare_icon_phone,.lte8 .compare_plans_green .compare_icon_phone,.lte8 .promo_premade_blue .compare_icon_phone,.lte8 .promo_premade_pink .compare_icon_extras,.lte8 .promo_premade_purple .compare_icon_extras,.lte8 .promo_premade_yellow .compare_icon_extras,.lte8 .promo_premade_orange .compare_icon_extras,.lte8 .compare_plans_green .compare_icon_extras,.lte8 .promo_premade_blue .compare_icon_extras{text-indent:-9999px;background-position:top left;overflow:hidden;width:125px;height:35px}.lte8 .promo_premade_yellow .compare_icon_power,.lte8 .promo_premade_orange .compare_icon_power,.lte8 .compare_plans_green .compare_icon_power{background-image:url('/images/ie8_prod_circ_power_lrg_dark.png')}.lte8 .promo_premade_yellow .compare_icon_internet,.lte8 .promo_premade_orange .compare_icon_internet,.lte8 .compare_plans_green .compare_icon_internet{background-image:url('/images/ie8_prod_circ_internet_lrg_dark.png')}.lte8 .promo_premade_yellow .compare_icon_gas,.lte8 .promo_premade_orange .compare_icon_gas,.lte8 .compare_plans_green .compare_icon_gas{background-image:url('/images/ie8_prod_circ_gas_lrg_dark.png')}.lte8 .promo_premade_yellow .compare_icon_phone,.lte8 .promo_premade_orange .compare_icon_phone,.lte8 .compare_plans_green .compare_icon_phone{background-image:url('/images/ie8_prod_circ_phone_lrg_dark.png')}.lte8 .promo_premade_yellow .compare_icon_extras,.lte8 .promo_premade_orange .compare_icon_extras,.lte8 .compare_plans_green .compare_icon_extras,.lte8 .promo_premade_yellow .compare_icon_extras.active,.lte8 .promo_premade_orange .compare_icon_extras.active,.lte8 .compare_plans_green .compare_icon_extras.active,.lte8 .promo_premade_yellow .compare_icon_extras.pseudo_active,.lte8 .promo_premade_orange .compare_icon_extras.pseudo_active,.lte8 .compare_plans_green .compare_icon_extras.pseudo_active{background-color:transparent;border-color:transparent;background-image:url('/images/ie8_prod_circ_extras_lrg_dark.png')}.lte8 .promo_premade_yellow .compare_icon_extras:hover,.lte8 .promo_premade_orange .compare_icon_extras:hover,.lte8 .compare_plans_green .compare_icon_extras:hover,.lte8 .promo_premade_yellow .compare_icon_extras.active:hover,.lte8 .promo_premade_orange .compare_icon_extras.active:hover,.lte8 .compare_plans_green .compare_icon_extras.active:hover,.lte8 .promo_premade_yellow .compare_icon_extras.pseudo_active:hover,.lte8 .promo_premade_orange .compare_icon_extras.pseudo_active:hover,.lte8 .compare_plans_green .compare_icon_extras.pseudo_active:hover{background-color:transparent}.lte8 .promo_premade_pink .compare_icon_power,.lte8 .promo_premade_purple .compare_icon_power,.lte8 .promo_premade_blue .compare_icon_power{background-image:url('/images/ie8_prod_circ_power_lrg_inactive.png')}.lte8 .promo_premade_pink .compare_icon_internet,.lte8 .promo_premade_purple .compare_icon_internet,.lte8 .promo_premade_blue .compare_icon_internet{background-image:url('/images/ie8_prod_circ_internet_lrg_inactive.png')}.lte8 .promo_premade_pink .compare_icon_gas,.lte8 .promo_premade_purple .compare_icon_gas,.lte8 .promo_premade_blue .compare_icon_gas{background-image:url('/images/ie8_prod_circ_gas_lrg_inactive.png')}.lte8 .promo_premade_pink .compare_icon_phone,.lte8 .promo_premade_purple .compare_icon_phone,.lte8 .promo_premade_blue .compare_icon_phone{background-image:url('/images/ie8_prod_circ_phone_lrg_inactive.png')}.lte8 .promo_premade_pink .compare_icon_extras,.lte8 .promo_premade_purple .compare_icon_extras,.lte8 .promo_premade_blue .compare_icon_extras,.lte8 .promo_premade_pink .compare_icon_extras.active,.lte8 .promo_premade_purple .compare_icon_extras.active,.lte8 .promo_premade_blue .compare_icon_extras.active,.lte8 .promo_premade_pink .compare_icon_extras.pseudo_active,.lte8 .promo_premade_purple .compare_icon_extras.pseudo_active,.lte8 .promo_premade_blue .compare_icon_extras.pseudo_active{background-color:transparent;border-color:transparent;background-image:url('/images/ie8_prod_circ_extras_lrg.png')}.lte8 .promo_premade_pink .compare_icon_extras:hover,.lte8 .promo_premade_purple .compare_icon_extras:hover,.lte8 .promo_premade_blue .compare_icon_extras:hover,.lte8 .promo_premade_pink .compare_icon_extras.active:hover,.lte8 .promo_premade_purple .compare_icon_extras.active:hover,.lte8 .promo_premade_blue .compare_icon_extras.active:hover,.lte8 .promo_premade_pink .compare_icon_extras.pseudo_active:hover,.lte8 .promo_premade_purple .compare_icon_extras.pseudo_active:hover,.lte8 .promo_premade_blue .compare_icon_extras.pseudo_active:hover{background-color:transparent}.panel_ad .pullout .promo{margin:0}.pullout,figure.pullout{padding-top:5px;margin-left:-29.78%;margin-right:7%}figure.pullout{width:44%}.pullout_right,figure.pullout_right{margin-left:7%;margin-right:-29.78%}figure.pullout_large{width:53%}.pullout_push_down,figure.pullout_push_down{padding-top:4.7em}figure.pullout_larger{width:90%}figure.pullout_larger:before{position:absolute;left:0;top:-35px}.pullout_right.pullout_larger,figure.pullout_right.pullout_larger{float:right;margin-left:14%;margin-right:-29.78%}.pullout_right.pullout_larger:before,figure.pullout_right.pullout_larger:before{position:absolute;left:-50px;top:0}figure.pullout_right.pullout_larger{margin-right:-34.78%}.pullout_both{margin-left:-27.72%;margin-right:-27.72%}.lte8 .pullout_quote p{letter-spacing:0}.lte8 .pullout_quote p:before{font-size:5.5em;margin-bottom:-0.3em}.pullover_toggle{position:absolute;z-index:120}.pullover_plan{left:1%;overflow:hidden;position:fixed;bottom:233px;top:auto;z-index:9999;width:50px;background:url(/images/plan-pullover-toggle.png) no-repeat;height:167px;text-indent:-9000px}.pullover_plan:hover,.pullover_plan:focus{cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter:"alpha(opacity=95)";opacity:.95}.pullover_plan.opened{background:url(/images/plan-pullover-toggle.png) no-repeat -50px center}.pullover_content{background:#46535F;filter:none;padding:0;z-index:100;width:99%;margin-left:1%;top:auto;bottom:0;height:400px;position:fixed}.pullover_content.pullover_loading{background:#46535f url(/images/loader_large_white.gif) no-repeat center center}.pullover_content.pullover_loading:after{display:none}.pullover_content .content_holder{padding-top:20px;padding-left:80px;position:relative}.pullover_content h3{color:#fff;margin-bottom:20px;margin-top:10px;font-family:'Rubrik-Light',Arial,sans-serif;font-family:'Rubrik-ExtraLight',Arial,sans-serif;line-height:40px;font-size:40px}.pullover_content h4{color:#BBB;font-size:20px;display:block;margin-bottom:10px}.pullover_content dt{width:auto;float:none;display:none}.pullover_content dd{float:none;width:auto;display:block;padding:0;margin:0}.pullover_content input{color:#fff;background:#505D68;border:none}.pullover_content input:focus{outline:none}.pullover_content .plan_pullover_cost{margin-left:540px;width:auto;position:relative}.pullover_content .plan_pullover_hide{position:relative}.pullover_content .plan_pullover_save{float:left;width:57%;padding-bottom:39px;border-bottom:1px solid #5B6671;margin-bottom:20px}.pullover_content .plan_pullover_save p{color:#BABABA;margin:0 0 10px;padding:0;font-family:'Rubrik-Medium',Arial,sans-serif;font-family:'Rubrik-Light',Arial,sans-serif;line-height:25px;font-size:16px}.pullover_content .plan_pullover_notes{clear:both;width:600px}.pullover_content .plan_pullover_notes h4{font-size:12px;line-height:15px;margin-bottom:10px}.pullover_content .plan_pullover_notes ul{margin:0}.pullover_content .plan_pullover_notes li{color:#BABABA;margin:0 0 10px;font-family:'Rubrik-Medium',Arial,sans-serif;font-family:'Rubrik-Light',Arial,sans-serif;line-height:15px;font-size:12px}.pullover_content .plan_pullover_notes li:before{margin-right:0}.pullover_content .plan_pullover_notes li a{color:#B9B9B9}.pullover_content tbody tr:last-child td,.pullover_content tbody tr:last-child th,.pullover_content tbody:first-child{border-color:#5B6671}.pullover_content td{font-family:'Rubrik-Medium',Arial,sans-serif;font-family:'Rubrik-Light',Arial,sans-serif;line-height:15px;font-size:12px;color:#B9B9B9;padding-left:0;padding-right:0;border-color:#616c76;border-color:rgba(255,255,255,0.08);border-width:0 0 1px 0}.pullover_content .lighten{color:#eee}.pullover_content .fn a{color:#b9b9b9}.pullover_content .nearly_complete{padding:95px 0 0 0}.plan_pullover_details{position:absolute;top:30px;right:20px;z-index:2;background:url(/images/ball_green_dark.jpg) no-repeat;width:316px;height:331px}.plan_pullover_details h4{color:#2E373E;font-size:20px;margin:75px 0 10px 45px}.plan_pullover_details a,.plan_pullover_details .fn a{color:#2E373E}.plan_pullover_details p{color:#2E373E}.plan_pullover_details .offer_amount{padding:0 50px 0 78px;font-family:'Rubrik-Medium',Arial,sans-serif;font-family:'Rubrik-Light',Arial,sans-serif;line-height:1;font-size:14px}.plan_pullover_details .offer_amount strong{display:block}.plan_pullover_details .value{margin-left:-18px;font-family:'Rubrik-Light',Arial,sans-serif;font-family:'Rubrik-ExtraLight',Arial,sans-serif;line-height:1;font-size:60px}.plan_pullover_details .dollar{font-family:'Rubrik-Light',Arial,sans-serif;line-height:1;font-size:30px}.plan_pullover_details .cents{font-family:'Rubrik-Light',Arial,sans-serif;line-height:1;font-size:30px}.plan_pullover_details .bt{border-top:1px solid #2E373E;display:block;margin-top:10px;padding:9px 0 0;letter-spacing:-1px;font-family:'Rubrik-Medium',Arial,sans-serif;font-family:'Rubrik-Light',Arial,sans-serif;line-height:15px;font-size:12px}.pullover_content .plan_pullover_services{padding:0 0 10px 1px;position:relative;width:480px;float:left}.pullover_content .plan_pullover_services ul{margin:0;padding:0}.pullover_content .plan_pullover_services ul ul{margin:15px 0 0 15px}.pullover_content .plan_pullover_services li{list-style:none;margin:0 20px 25px 0;float:left;border-bottom:none;padding:0;width:100px}.pullover_content .plan_pullover_services li:before{display:none}.pullover_content .plan_pullover_services:after{content:"=";color:#58646f;position:absolute;right:-45px;top:150px;font-size:72px;font-family:'Rubrik-ExtraLight',Arial,sans-serif}.pullover_content .plan_pullover_services .btn_dark_block_secondary:hover,.pullover_content .plan_pullover_services .btn_dark_block_secondary:focus,.pullover_content .plan_pullover_services .pullover_service_icon:hover,.pullover_content .plan_pullover_services .pullover_service_icon:focus{text-decoration:none}.pullover_content .plan_pullover_services .pullover_service_icon:hover,.pullover_content .plan_pullover_services .pullover_service_icon:focus{background-color:#727D85;border-color:#727D85}.pullover_content .plan_pullover_services .pullover_service_disabled:hover,.pullover_content .plan_pullover_services .pullover_service_disabled:focus{border-color:#6C7680;background-color:transparent}.plan_pullover_cost{color:#bbb}.pullover_service_icon{width:98px;height:98px;border:1px solid #6C7680;position:relative;color:#fff;padding:0;text-align:center;text-transform:uppercase;display:block;margin-top:3px;margin-bottom:10px;font-family:'Rubrik-Medium',Arial,sans-serif;font-family:'Rubrik-Light',Arial,sans-serif;line-height:135px;font-size:15px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.pullover_service_icon span{display:block;height:24px;width:24px;position:absolute;top:50%;left:50%;margin:-25px 0 0 -12px;background:url(/images/icons_white_small.png) no-repeat}.pullover_service_icon:visited,.pullover_service_icon:hover{color:#fff;text-decoration:none}.pullover_service_icon .pullover_service_icon_phone{background-position:-435px 0}.pullover_service_icon .pullover_service_icon_internet{background-position:-286px 0}.pullover_service_icon .pullover_service_icon_gas{background-position:-139px 0}.pullover_service_icon .pullover_service_icon_power{background-position:6px 0}.pullover_service_icon_active{border-color:#666;background:#3e65cd;background-image:-moz-linear-gradient(-45deg, #7f1399 0%, #3e65cd 100%);background-image:-webkit-linear-gradient(-45deg, #7f1399 0%, #3e65cd 100%);background-image:-o-linear-gradient(-45deg, #7f1399 0%, #3e65cd 100%);background-image:linear-gradient(135deg, #7f1399 0%, #3e65cd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1399, endColorstr=#3e65cd, GradientType=1)}.pullover_content .plan_pullover_feature_list{padding:15px 0 10px 14px;color:#fff}.pullover_content .plan_pullover_feature_list li{margin:0 0 5px;color:#fff;list-style:disc outside;width:auto;float:none;font-family:'Rubrik-Medium',Arial,sans-serif;font-family:'Rubrik-Light',Arial,sans-serif;line-height:15px;font-size:12px}.pullover_content .plan_pullover_feature_list li:before{margin-left:-10px;padding-right:4px}.pullover_content .plan_pullover_feature_list a{color:#fff}.pullover_content .plan_pullover_feature_list a:hover,.pullover_content .plan_pullover_feature_list a:focus{text-decoration:underline}.pullover_meta a{color:#B9B9B9}.pullover_meta a:hover,.pullover_meta a:focus{color:#fff}.pullover_meta .btn{color:#fff}.pullover_service_disabled{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:"alpha(opacity=20)";opacity:.2}.pullover_service_disabled:hover,.pullover_service_disabled:focus{cursor:default}.pullover_reveal{display:none;position:relative;z-index:1;padding:10px 0 0 10px}.pullover_reveal p,.pullover_reveal li{color:#B9B9B9;font-size:12px;line-height:20px;margin-left:0;margin-bottom:10px}.pullover_reveal li:before{display:none}.pullover_reveal ul{margin:0}.pullover_reveal a{color:#fff}.pullover_reveal .callout{left:-400px;width:420px;top:-98%}.pullover_reveal_close{display:block;position:absolute;top:10px;right:1px;height:20px;cursor:pointer;width:20px;background:url(/images/close_white.png) no-repeat;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:"alpha(opacity=80)";opacity:.8}.pullover_reveal_close:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:"alpha(opacity=100)";opacity:1}#plan_pullover_reveal_bg{position:absolute;display:none;top:-20px;left:1200px;width:1200px;background:#424E59;height:400px}.product_linked{position:relative}.product_linked:after{content:".";text-indent:-9000px;position:absolute;top:50%;display:block;width:20px;height:20px;background:url(/images/pullover_link_icon.png) no-repeat;right:-20px;margin-top:-10px}.panel_form .panel_inner .has_fancybox .captcha-solution,.panel_form .panel_inner .has_fancybox .scfEmailTextBox,.panel_form .panel_inner .has_fancybox .scfMultipleLineTextBox,.panel_form .panel_inner .has_fancybox .scfNumberTextBox,.panel_form .panel_inner .has_fancybox .scfPasswordTextBox,.panel_form .panel_inner .has_fancybox .scfSingleLineTextBox,.panel_form .panel_inner .has_fancybox .scfTelephoneTextBox,.panel_form .panel_inner .has_fancybox .fancy_select_container,.panel_form .panel_inner .has_fancybox .scfDateSelectorBorder input{width:75%}.panel_form .panel_inner .has_fancybox .fancy_select_container{width:78%}.slick-dots{margin-top:0}.carousel_previewnext .slick-list{padding:0 80px}.carousel_previewnext .slick-arrow{padding-left:1em;padding-right:1em;margin:0 -3.3em}.table_filter{margin-right:22%}.table_filter .scfSubmitButtonBorder{right:-28.2%;width:27.2%}.export_data_row .btn{padding-left:10px;padding-right:10px;width:auto}.category-column{margin-left:-30.7692%;width:130.7692%}.category-column th:first-child,.category-column td:first-child{padding-right:0;width:22.08%}.heavy_data .space_right{padding-right:18px}.panel .heavy_data td{font-size:1.3em;line-height:1.538462em}.graph_information table td{padding:1.076923em .769231em 1.153846em}.main .content .tect-banner div.tect-banner-img{display:block}.main .content .tect-banner .tect-banner-content .tect-banner-copy svg{max-width:490px}.content .panel.tect_module .panel_inner .tect_refund_panel_module .btn{font-size:1.4rem}.tracking-meterread-metercontainer .dropzone .dz-message p.meter-message{display:block}.tracking-meterread-metercontainer .dropzone .dz-message p.meter-message-mobile{display:none}.tracking-meterread-metercontainer .dropzone .dz-message .tracking-meterread-img{display:inline;margin-bottom:10px}.tracking-meterread-metercontainer .dropzone .dz-message .tracking-meterread-camera-img{display:none}.tracking-user-name-container{display:none}.tracking-page .account_title{display:block}.bill-guide-container{width:93.41%;max-width:947px;margin:0 auto;margin-bottom:80px;position:relative}#bill-guide{margin-top:0px;width:60.82%;min-height:500px;opacity:0;display:inline-block;margin-right:20px}.bill-guide-info{display:none;visibility:hidden;position:absolute;left:-9999999px;height:0px}.bill-guide-tabs{position:relative;top:0}.bill-guide-tab{width:calc(50%)}.tabMarker{position:absolute;width:calc(50%)}#bill-guide-close{display:none}.bill-guide-accordion-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:36.75%;display:inline-block;vertical-align:top;position:absolute;top:0px;right:0px}.bill-guide-accordion-container .bill-guide-accordion-border{border:1px solid #D9D9D9}.bill-guide-accordion-container .ui-state-default{background:none}.bill-guide-accordion-container .ui-state-default .ui-icon{background-image:none}.bill-guide-accordion-container .ui-icon{background-image:none;border:solid #1D79DE;border-width:0 1px 1px 0;display:inline-block;float:right;height:9px;position:relative;width:9px;-webkit-transition:all 200ms ease-in 0s;-moz-transition:all 200ms ease-in 0s;-o-transition:all 200ms ease-in 0s;transition:all 200ms ease-in 0s}.bill-guide-accordion-container .up-arrow{top:5px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.bill-guide-accordion-container .down-arrow{bottom:-1px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.bill-guide-accordion-container .ui-accordion-header{color:#666666;font-size:14px;line-height:18px;font-family:'Rubrik-Regular',Arial,sans-serif;border-top:1px solid #D9D9D9;padding:17px 15px;position:relative}.bill-guide-accordion-container .ui-accordion-header .tracking-step-title{position:relative;top:1px}.bill-guide-accordion-container .ui-accordion-header .tracking-circle,.bill-guide-accordion-container .ui-accordion-header .tracking-step-title,.bill-guide-accordion-container .ui-accordion-header .tracking-accordion-subtext--desktop{opacity:.6}.bill-guide-accordion-container .ui-accordion-header-active{border-bottom:none}.bill-guide-accordion-container .ui-accordion-header-active .tracking-circle,.bill-guide-accordion-container .ui-accordion-header-active .tracking-step-title{opacity:1}.bill-guide-accordion-container .ui-accordion-header-active .ui-icon{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.bill-guide-accordion-container .ui-accordion-content{color:#666666;font-family:'Rubrik-Light',Arial,sans-serif;font-size:14px;letter-spacing:-0.5px;line-height:18px;position:relative;padding:5px 13px 4px 13px;top:-18px}.main .content .bill-guide-accordion-heading{color:#666666;font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:20px;line-height:30px;padding:10px 15px 5px 15px;margin:0px}.main .content .bill-guide-accordion-subheading{color:#666666;font-family:'Rubrik-Light',Arial,sans-serif;font-size:14px;line-height:17px;padding:0px 15px 15px 15px;margin:0px}.bill-guide-slider{display:none}.bill-guide-cta-container{display:inline-block;width:300px}.main .content .bill-guide-cta{color:#666666;font-family:'Rubrik-ExtraLight',Arial,sans-serif;font-size:20px;line-height:30px;padding-top:15px;padding-bottom:13px}.uybills-module{padding-top:69px;padding-bottom:61px}.uybills-card{width:445px}.values_strip .content_holder{padding-left:3%;padding-right:3%;padding-top:50px}.values_strip p{padding-bottom:50px}.values_strip .squares{max-width:816px}.values_strip .squares li{min-height:130px;min-width:130px}.values_strip .squares h1{font-size:60px;line-height:40px;padding-top:30px}.values_strip .squares h2{font-size:20px;line-height:30px;padding-top:10px}.values_strip .values_blurb{padding:35px 25% 0}.values_strip .values_blurb h2{font-size:20px} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 56em), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 56em), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 56em), only screen and ( min-device-pixel-ratio: 2) and (min-width: 56em), only screen and ( min-resolution: 192dpi) and (min-width: 56em), only screen and ( min-resolution: 2dppx) and (min-width: 56em) { } @media only screen and (min-width: 62em) { .alert_banner .alert_title{width:31em}.alert_banner .content_holder .main_content{padding-right:10.835%;padding-left:33em}.banner_pull_left .banner_content{margin:0}.banner_pull_left .banner_message_holder{padding-top:1em}.banner_pull_left .banner_message{margin:0}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3,.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{margin:0;width:50%}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3{font-size:28px;line-height:1em;margin-bottom:.5em}.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{font-size:18px;line-height:1.1em}.banner_pull_left .banner_holder img{display:inline;max-width:40%}.bundle_offer .bundle_offer_item{width:18em}.bundle_offer .bundle_offer_item__plus{width:3.4em}.bundle_offer .bundle_offer_item__highlight{width:147px}.bundle_offer .bundle_offer_item__tcs{width:auto}.bundle_cta.bundle_cta__BubbleText .text{width:66%}.lead_module.module .module_inner .content_holder .main_content{padding-left:0;padding-right:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container{justify-content:flex-start;-webkit-justify-content:flex-start}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left{width:50%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h2,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h3,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left p,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left h4{text-align:left;padding-left:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfTelephoneBorder{text-align:left}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfTelephoneBorder{width:90%;margin-right:2%;margin-bottom:5%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfEmailGeneralPanel,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left .scfTelephoneGeneralPanel,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left input[type=text],.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left input[type=email],.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left input[type=tel]{width:100%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left input[type=submit]{width:60%;margin-left:0;padding:0;margin-bottom:5%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_right{width:50%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_right.without_logo{width:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo{width:100%}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h2,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h3,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo p,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo h4{text-align:center}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo .scfTelephoneBorder{width:32%;margin-right:2%;margin-bottom:0}.lead_module.module .module_inner .content_holder .main_content .content_layout_container .layout_left.without_logo input[type=submit]{width:30%;margin:0;padding:0}.lead_module.module .module_inner .content_holder .main_content .lead_container{justify-content:flex-start;-webkit-justify-content:flex-start;margin-bottom:2%}.lead_module.module .module_inner .content_holder .main_content .lead_container input{font-size:16px;height:36px}.lead_module.module .module_inner .content_holder .main_content .lead_container input[placeholder]{font-size:16px}.lead_module.module .module_inner .content_holder .main_content .lead_container .scfEmailBorder,.lead_module.module .module_inner .content_holder .main_content .lead_container .scfTelephoneBorder{margin-top:0;margin-bottom:0}.carousel_container{max-width:none}.carousel_container .carousel_standard .carousel_item{width:25%}.carousel_container .carousel_standard .carousel_previous{left:-9%}.carousel_container .carousel_standard .carousel_next{right:-9%}.carousel_module.deals_carousel_module .content_holder.module_intro{padding:45px 40px 65px;display:inline-block;width:25%}.carousel_module.deals_carousel_module .content_holder.module_intro .main_content{padding-left:0}.carousel_module.deals_carousel_module .module_body{display:inline-block;width:75%;padding-top:4em}.carousel_module.deals_carousel_module .module_body .carousel_free{margin:0 40px 0 20px;padding-left:30px;padding-right:30px}.carousel_module.deals_carousel_module .module_body .carousel_free .slick-arrow{margin:0 -1em}.carousel_module.deals_carousel_module .module_body .carousel_free.carousel_previewnext{margin-left:-70px;margin-right:0;padding-left:0;padding-right:0}.carousel_module.deals_carousel_module .module_body .carousel_free.carousel_previewnext .slick-arrow{margin:0 -3.3em}.carousel_standard{max-width:none}.carousel_standard .carousel_item{width:33.3333%}.carousel_related .carousel_item{width:20%}.carousel_related .related_item_holder{padding-top:120%}.carousel_promos .carousel_item,.carousel_plan_info .carousel_item{width:100%}.carousel_landing .carousel_item{width:100%}.carousel_banner_panels{max-width:102.4em}.carousel_products .carousel_item{width:33.3333%}#divLeaveMessage{font-size:18px;line-height:67px;bottom:-17px;width:312px;height:89px;background-size:312px 89px}.oct .oct_header .btn .btn_title .active_hide br{display:block}.contact_form_holder{margin-top:0}.contact_form .footer_content{float:left;width:26%}.contact_form .form_title{margin-right:40px;width:17.835%}.contact_form .form_title h2{margin-top:0;padding-top:0}.contact_form .scfMultipleLineGeneralPanel{width:100%}.contact_form .scfSingleLineTextBox{margin-bottom:7px}.contact_form .scfDropListGeneralPanel,.contact_form .scfSingleLineGeneralPanel{width:96%;float:none}.contact_form textarea{padding-top:7px;padding-bottom:7px;height:10.55em}.contact_form .scfSubmitButtonBorder input{float:right;margin:0}.contact_form h3{margin-top:0}.contact_form .social{width:24%}.contact_form .social h3{padding-left:80px}.contact_form ul.social_icons{margin-left:80px}.contact_form ul.social_icons li{float:none;border-bottom:solid 1px #6B757F}.contact_form ul.social_icons li:first-child{padding-left:5px;margin-left:23px}.create_plan_extras .hdr{text-align:right}.create_plan_extras .hdr h6{float:left}.promo_premade .create_plan_component_list .compare_plan_column_extra{width:22em}.create_plan_form_container{margin-left:-16.6667%;margin-right:-16.6667%}.create_plan_form_container .create_plan_form{float:left;margin-right:5%;width:70%}.create_plan_form_container .power_user{float:left;width:25%;padding-top:0}.accordion .create_plan_form_container{margin-left:0;margin-right:0}.accordion .create_plan_form_container .create_plan_form{margin-right:5%;width:60%}.accordion .create_plan_form_container .power_user{width:35%}.graph_information{padding-right:320px}.graph_information_right{padding-right:0;padding-left:320px;min-height:220px}.graph_donut{max-width:300px}.lte8 .graph_donut{width:300px}.donut_center_main{font-size:40px;letter-spacing:-3px}.donut_center_gb{font-size:20px}.donut_center_date{font-size:14px}.donut_center_amount{font-size:60px;letter-spacing:-4px;line-height:60px}.donut_center_dollar,.donut_center_cents{font-size:30px;line-height:30px;letter-spacing:0}.donut_center_dollar{top:-20px}.request_callback .grid-item.standout{border-radius:1%}.request_callback .grid-item .scfForm.request_callback_form{padding:6%}.request_callback .tiles.layout_left .tile{padding-right:8%}.request_callback .tiles.layout_left .tile.layout_left{padding-right:0}.request_callback .tiles .tile .hero_img_container.hide_hero_img{display:block}.request_callback .tiles .tile .hero_img_container .hero_img{padding-top:70%}.request_callback.home_footer .content_holder{padding:3em 3em 1em 1em}.home_footer .home_footer_menu>li a{max-width:95%;font-size:1.2em}.home_footer .home_footer_menu>li ul li{font-size:16px}.home_footer .home_footer_menu>li ul li:before{top:3px}.login_block .login_block_contain h3{font-size:30px}.login_block.temp .login_block_contain .scfPasswordBorder,.login_block.temp .login_block_contain .scfSingleLineTextBorder{width:28%}.signup-offer-panel{min-width:640px}.xMobileConfirm .buttonField__mobilexButton{width:50%;margin-left:25%;margin-right:25%;padding:2rem}.xMobile .details_module{margin-bottom:5rem}.xMobile__formContent{max-width:102rem;padding-top:6rem}.xMobile .formQuestion__text{font-size:2rem}.xMobile .incentive_text{font-size:3.2rem}ul.recent_news_tiles{padding-left:0;padding-right:0}ul.recent_news_tiles li{list-style:none outside;float:left;display:block;height:210px;overflow:hidden;margin-left:0;width:19.5%;margin-right:5px;padding:0}ul.recent_news_tiles li:before{content:''}ul.recent_news_tiles li:last-child{margin-right:0}ul.recent_news_tiles li.current,ul.recent_news_tiles li a:hover{background-color:#59325D}ul.recent_news_tiles li.current h5,ul.recent_news_tiles li a:hover h5,ul.recent_news_tiles li.current p,ul.recent_news_tiles li a:hover p{color:#fff}ul.recent_news_tiles li.current hr,ul.recent_news_tiles li a:hover hr{border-color:#fff}ul.recent_news_tiles li.current{text-align:center;margin-top:1.4em;height:190px}ul.recent_news_tiles li.current h5{margin-top:5px}ul.recent_news_tiles li a{padding-top:1em;display:block;height:200px;background-color:#F5F3F0;text-align:center}ul.recent_news_tiles li h5,ul.recent_news_tiles li p{padding-left:1em;padding-right:1em}ul.recent_news_tiles li h5{font-family:'Rubrik-Light',Arial,sans-serif;line-height:1em;font-size:30px;font-family:'Rubrik-ExtraLight',Arial,sans-serif;margin-bottom:10px}ul.recent_news_tiles li h5 small{font-size:15px;line-height:1em}ul.recent_news_tiles li hr{display:block;width:20%;margin:0 auto 10px auto;border-color:#333}.signUpForm{width:102rem;margin:0 auto}.existingCustomerCheck.signUpFormSection{padding-top:3.5rem}.signUpFormSection{padding:8rem 12.9rem}.signUpFormSection_service{margin-top:8rem}#selectedServicesSection .signUpFormSection_service:first-of-type{margin-top:0}.mobile_panel .box .flex_sm .mobilePlan__row{flex-direction:row;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row}.mobile_panel .box .flex_sm .flex.third_left{padding-top:0;-webkit-box-flex:1;-webkit-flex:1 1 40%;-ms-flex:1 1 40%;flex:1 1 40%;min-height:5.8rem}.mobile_panel .box .flex_sm .flex.third_centre{-webkit-box-flex:1;-webkit-flex:1 1 36%;-ms-flex:1 1 36%;flex:1 1 36%;padding-left:0;min-height:5.8rem}.mobile_panel .box .flex_sm .flex.third_right{-webkit-box-flex:1;-webkit-flex:1 1 24%;-ms-flex:1 1 24%;flex:1 1 24%;padding-left:0;padding-bottom:0;min-height:5.8rem}.mobile_panel .box .flex_sm .flex.third_right .pb_ratename{text-align:left}.mobilePlan__header_left{flex-direction:row;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;align-items:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline}.mobilePlan__activeServiceData{display:block}.mobilePlan__activeServiceDataMob{display:none}.pbAddMobilePlan__icon{width:35px;margin-top:-18px}.columns .product_item .btn{letter-spacing:0}.product_stack .product_item{width:26%}.product_stack .product_item.product_item__power{width:26%}.product_stack .product_item.product_item__phone_internet{width:26%}.product_stack .product_item.product_item__multi{width:20.5%}.product_strip .product_strip_item h2{font-size:2.5em}.pullout,figure.pullout{margin-left:-26.97%}figure.pullout{width:38%}.pullout_right,figure.pullout_right{margin-left:5%;margin-right:-30%}figure.pullout_large{width:53%}figure.pullout_larger{width:87%}.pullout_right.pullout_larger{margin-left:12%}.pullover_service_icon,.pullover_service_icon:visited{width:118px;height:118px;line-height:145px}.pullover_content .plan_pullover_services{width:560px}.pullover_content .plan_pullover_services li{width:120px}.pullover_content .plan_pullover_cost{margin-left:620px}.pullover_content .nearly_complete{padding:115px 0 0 0}.panel_form .panel_inner .has_fancybox .captcha-solution,.panel_form .panel_inner .has_fancybox .scfEmailTextBox,.panel_form .panel_inner .has_fancybox .scfMultipleLineTextBox,.panel_form .panel_inner .has_fancybox .scfNumberTextBox,.panel_form .panel_inner .has_fancybox .scfPasswordTextBox,.panel_form .panel_inner .has_fancybox .scfSingleLineTextBox,.panel_form .panel_inner .has_fancybox .scfTelephoneTextBox,.panel_form .panel_inner .has_fancybox .fancy_select_container,.panel_form .panel_inner .has_fancybox .scfDateSelectorBorder input{width:78%}.panel_form .panel_inner .has_fancybox .fancy_select_container{width:82%}.shortcuts .content_holder{max-width:102.4em}.shortcuts .shortcut_wrapper .shortcut{padding:45px 60px}.shortcuts .shortcut_wrapper .shortcut .shortcut_block p{font-size:16px}.shortcuts .shortcut_wrapper .shortcut .shortcut_block h2{font-size:30px;padding:20px 12%}.table_filter{margin-right:20%}.table_filter .scfSubmitButtonBorder{right:-25%;width:24%}.heavy_data .space_right{padding-right:36px}.content .module .module_inner.tect-login-register-module .tect-login-register-card{width:440px}.content .module.tect-register-panel.flow_up:before,.content .module.tect-register-panel.flow_up:after{left:calc(50% + 250px)}.tips{width:900px}.m_cameras_list{display:none}.show_on_xlarge{display:block}.hide_on_xlarge{display:none}.map .infoBox{width:auto !important}.content_over_map{left:0;position:absolute;top:1em;width:50%;pointer-events:none;z-index:1}.android .content_over_map{-webkit-transform:translateZ(0)}.content_over_map h1{width:auto}.traffic_cameras .fader{background:url(/images/map_fader_tall.png) 0 0 repeat-x;height:300px}.traffic_cameras .content_over_map .north{background:url(/images/north_marker.png) 0 0 no-repeat;width:54px;height:54px;position:relative;top:50px}#traffic_map{width:100%;height:1200px}.m_cameras_static_map{display:none}.camera_details_wrapper{position:absolute;right:0;top:250px;width:352px;padding:40px}.android .camera_details_wrapper{-webkit-transform:translateZ(0)} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 62em), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 62em), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 62em), only screen and ( min-device-pixel-ratio: 2) and (min-width: 62em), only screen and ( min-resolution: 192dpi) and (min-width: 62em), only screen and ( min-resolution: 2dppx) and (min-width: 62em) { } @media only screen and (min-width: 70em) { .content_holder{padding-left:10em;padding-right:10em}.reallow_ppd_promo_ios{margin-bottom:0px}.alert_banner .alert_title{width:29em}.alert_banner .content_holder{padding-left:4em}.alert_banner .content_holder .main_content{padding-right:17.835%;padding-left:31em}.banner_landing .carousel_landing{height:80em}.banner_landing.banner_short .carousel_landing{height:60em}.banner_pull_left .banner_content{margin:0}.banner_pull_left .banner_message_holder{padding-top:4em}.banner_pull_left .banner_message{margin:0}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3,.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{margin:0;width:50%}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3{font-size:36px;line-height:1.1em;margin-bottom:1em}.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{font-size:22px;line-height:1.1em}.banner_pull_left .banner_holder img{display:inline;max-width:40%}.box a.btn__wide{min-width:200px}.box .check_switch_label{max-width:50%}.box_deal .deal_title{margin-bottom:8px}.box_deal .deal_description,.box_deal .deal_title{max-width:475px}.bundle_offer .bundle_offer_item{width:18.8em}.bundle_offer .bundle_offer_item__plus{width:3.4em}.bundle_offer .bundle_offer_item__highlight{right:0;top:-12em;width:147px}.bundle_offer .bundle_offer_item__tcs{width:auto}.bundle_offer__few .bundle_offer_item__highlight{right:6em;top:-8em}.carousel_container .carousel_standard .carousel_previous{left:-12%}.carousel_container .carousel_standard .carousel_next{right:-12%}.carousel_standard .carousel_item{width:33.3333%}.carousel_standard .carousel_previous{left:-8%}.carousel_standard .carousel_next{right:-8%}.carousel_related .carousel_item{width:20%}.carousel_related .related_item_holder{padding-top:110%}.carousel_promos .carousel_item,.carousel_plan_info .carousel_item{width:100%}.carousel_promos .carousel_previous,.carousel_plan_info .carousel_previous{left:0}.carousel_promos .carousel_next,.carousel_plan_info .carousel_next{right:0}.carousel_landing .carousel_item{width:100%;padding-top:80em}.carousel_landing .carousel_previous{left:0}.carousel_landing .carousel_next{right:0}.banner_short .carousel_landing .carousel_item{padding-top:60em}.banner_short .carousel_landing.banner_pull_left .carousel_item{padding-top:60em}.banner_xshort .carousel_landing .carousel_item{padding-top:38em}.banner_xxshort .carousel_landing .carousel_item{padding-top:26em}.carousel_banner_panels{max-width:102.4em}.carousel_banner_panels .carousel_previous{left:0}.carousel_banner_panels .carousel_next{right:0}.carousel_products .carousel_item{width:33.3333%}.banner_landing .home .carousel_pager{bottom:180px}#divLeaveMessage{font-size:18px;line-height:67px;bottom:-17px;width:312px;height:89px;background-size:312px 89px}.faq_ask .scfSectionBorderAsFieldSet{padding-left:0;padding-right:0}.faq_ask .scfSectionLegend{float:left;padding:0 5.334% 0 0;width:12.501%}.faq_ask .scfSectionContent{clear:none;float:left;width:64.33%}.form_columned_holder{padding-left:10em;padding-right:10em}.form_column{padding-top:5em}.form_column:first-child{float:left;margin-left:-33.3333%;width:33.3333%;padding-top:0}.form_address_search_parent .address_status_message.alt{top:36px}.form_address_search_parent .address_status_message.alt:after{display:block}.request_callback .grid-item.standout{border-radius:1%}.request_callback .grid-item .scfForm.request_callback_form{padding:6%}.request_callback .tiles.layout_left .tile{padding-right:8%}.request_callback .tiles.layout_left .tile.layout_left{padding-right:0}.request_callback .tiles .tile .hero_img_container.hide_hero_img{display:block}.request_callback .tiles .tile .hero_img_container .hero_img{padding-top:50%}.intro_banner .content_holder{padding-right:100px}.intro_banner.service_overview_banner.intro_banner p{padding-left:0}.banner_short .intro_banner.service_overview_banner{position:absolute}.pullout_larger{width:75%}.pullout_right.pullout_larger{margin-left:10%;padding-right:0}.pullover_service_icon,.pullover_service_icon:visited{width:123px;height:123px;line-height:150px}.pullover_content .plan_pullover_services{width:580px}.pullover_content .plan_pullover_services li{width:125px}.pullover_content .plan_pullover_cost{margin-left:640px}.table_filter{margin-right:16%}.table_filter .scfSubmitButtonBorder{right:-19.04%;width:18.04%}.main .content .tect-banner .tect-banner-content{min-height:37.7rem} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 70em), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 70em), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 70em), only screen and ( min-device-pixel-ratio: 2) and (min-width: 70em), only screen and ( min-resolution: 192dpi) and (min-width: 70em), only screen and ( min-resolution: 2dppx) and (min-width: 70em) { } @media only screen and (min-width: 80em) { .side_bar_open{width:125%}.side_bar_open .main,.no-js .main{width:80%}.android .side_bar_open .main,.no-js.android .main{width:79.5%}.banner_text h1,.banner_text h2,.webkit .banner_text h1,.webkit .banner_text h2{font-size:80px;line-height:80px;letter-spacing:-4px;margin-left:-7px}.banner_text h5,.banner_text h6{font-size:17px;line-height:25px}.banner_pull_left .banner_content{margin:0}.banner_pull_left .banner_message_holder{padding-top:4em}.banner_pull_left .banner_message{margin:0}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3,.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{margin:0;width:60%}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3{font-size:40px;line-height:1.1em;margin-bottom:1em}.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{font-size:24px;line-height:1.1em}.banner_pull_left .banner_holder img{display:inline;max-width:40%}.banner_text__promo h1,.banner_text__promo h2,.webkit .banner_text__promo h1,.webkit .banner_text__promo h2{font-size:5em;line-height:1.1em;letter-spacing:-1px}.banner_panels_container{left:0;right:0}.carousel_banner_panels .carousel_previous,.carousel_banner_panels .carousel_next{background-image:url(/images/carousel_controls_solid.png);margin-top:-25x;padding-top:50px;width:50px}.carousel_banner_panels .carousel_previous{left:0}.carousel_banner_panels .carousel_next{background-position:center -100px;right:0}.no-touch .carousel_banner_panels .carousel_previous:hover{background-position:center 50%}.no-touch .carousel_banner_panels .carousel_next:hover{background-position:center 50%}.banner_landing .home .carousel_pager{bottom:160px}#divLeaveMessage{font-size:18px;line-height:67px;bottom:-17px;width:312px;height:89px;background-size:312px 89px}.offers_carousel_module .offer_carrousel_container{width:125rem}.side_bar_open .plan_summary_panel{right:20%}.side_bar{margin-left:-24%;width:25%}.side_bar_open .side_bar,.no-js .side_bar{margin-left:-19.2%;width:20%}.no-js .side_bar{padding-left:19.2%}.side_bar_faux,.android .side_bar_faux{width:25%}.side_bar_open .side_bar_faux,.no-js .side_bar_faux,.android .side_bar_open .side_bar_faux{width:20%}.main .content .tect-banner .tect-banner-logo-container{background-image:linear-gradient(to right, rgba(255,255,255,0), #fff)}.main .content .tect-banner .tect-logo{display:inline} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 80em), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 80em), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 80em), only screen and ( min-device-pixel-ratio: 2) and (min-width: 80em), only screen and ( min-resolution: 192dpi) and (min-width: 80em), only screen and ( min-resolution: 2dppx) and (min-width: 80em) { } @media only screen and (min-width: 100em) { .side_bar_open{width:120%}.side_bar_open .main,.no-js .main{width:83.3%}.banner_landing .carousel_landing{height:90em}.banner_landing.banner_short .carousel_landing{height:70em}.banner_pull_left .banner_content{margin:0}.banner_pull_left .banner_message_holder{padding-top:4em}.banner_pull_left .banner_message{margin:0}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3,.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{margin:0;width:80%}.banner_pull_left .banner_text h1,.banner_pull_left .banner_text h2,.banner_pull_left .banner_text h3{font-size:46px;line-height:1.1em;margin-bottom:1em}.banner_pull_left .banner_text h4,.banner_pull_left .banner_text h5,.banner_pull_left .banner_text h6{font-size:28px;line-height:1.1em}.banner_pull_left .banner_holder img{display:inline;max-width:40%}.carousel_landing .carousel_item{padding-top:90em}.banner_short .carousel_landing .carousel_item{padding-top:70em}.banner_short .carousel_landing.banner_pull_left .carousel_item{padding-top:70em}#divLeaveMessage{font-size:18px;line-height:67px;bottom:-17px;width:312px;height:89px;background-size:312px 89px}.android_old .gradient_1,.no-cssgradients .gradient_1,.no-csstransitions .gradient_1,.no-cssanimations .gradient_1{background-image:url("/images/header_grad_fake_xxxxl.png")}.side_bar_open .plan_summary_panel{right:16.666666%}.side_bar{margin-left:-19%;width:20%}.side_bar_open .side_bar,.no-js .side_bar{margin-left:-15.8333%;width:16.6666%}.no-js .side_bar{padding-left:15.8333%}.side_bar_faux,.android .side_bar_faux{width:20%}.side_bar_open .side_bar_faux,.no-js .side_bar_faux,.android .side_bar_open .side_bar_faux{width:16.6666%}.main .content .tect-banner .tect-banner-content{padding-left:0} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 100em), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 100em), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 100em), only screen and ( min-device-pixel-ratio: 2) and (min-width: 100em), only screen and ( min-resolution: 192dpi) and (min-width: 100em), only screen and ( min-resolution: 2dppx) and (min-width: 100em) { } @media only screen and (min-width: 125em) { .banner_landing .carousel_landing{height:110em}.banner_landing.banner_short .carousel_landing{height:70em}.carousel_landing .carousel_item{padding-top:110em} } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 125em), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 125em), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 125em), only screen and ( min-device-pixel-ratio: 2) and (min-width: 125em), only screen and ( min-resolution: 192dpi) and (min-width: 125em), only screen and ( min-resolution: 2dppx) and (min-width: 125em) { } @media only screen and (min-width:56em) and (max-height:56em){.banner_landing .carousel_landing{height:75em}.banner_landing .carousel_landing .carousel_item{padding-top:75em}.banner_landing.short{height:64em}.banner_landing.short .carousel_item{padding-top:64em}.banner_landing.banner_short .carousel_landing{height:50em}.banner_landing.banner_short .carousel_landing .carousel_item{padding-top:50em}.banner_landing.banner_xshort .carousel_landing{height:38em}.banner_landing.banner_xshort .carousel_landing .carousel_item{padding-top:38em}.banner_landing.banner_xxshort .carousel_landing{height:26em}.banner_landing.banner_xxshort .carousel_landing .carousel_item{padding-top:26em}.banner_content{padding:4em 0 0}.banner_content h1,.webkit .banner_content h1{width:100%}.banner_content .banner_heading_small{font-size:2.5em;line-height:1.5em;margin-top:30px}.banner_message_holder{padding-top:3em}.banner_text h1,.banner_text h2,.banner_text h3,.banner_text h4{min-width:80%}.home.carousel_landing .banner_message_holder{padding-top:3em}}@media only screen and (min-width:56em) and (max-width:65em){.banner_promo_panels .b_panel h2.small{font-size:2.5em}.b_panel__promo h3,.b_panel__promo h2.small{font-size:2.5em}}@media only screen and (min-width:56em) and (max-height:43.75em){.banner_landing .carousel_landing{height:70em}.banner_landing .carousel_landing .carousel_item{padding-top:70em}.banner_landing.short{height:61em}.banner_landing.short .carousel_item{padding-top:61em}.banner_landing.banner_short .carousel_landing{height:43em}.banner_landing.banner_short .carousel_landing .carousel_item{padding-top:43em}.banner_landing.banner_xshort .carousel_landing{height:38em}.banner_landing.banner_xshort .carousel_landing .carousel_item{padding-top:38em}.banner_landing.banner_xxshort .carousel_landing{height:26em}.banner_landing.banner_xxshort .carousel_landing .carousel_item{padding-top:26em}.banner_message_holder{padding-top:1em}.banner_text{width:90%}.banner_text__promo h5,.banner_text__promo p{width:60%}.banner_text__promo h1,.webkit .banner_text__promo h1,.banner_text__promo h2,.webkit .banner_text__promo h2{width:100%}.banner_text__promo h1 br,.webkit .banner_text__promo h1 br,.banner_text__promo h2 br,.webkit .banner_text__promo h2 br{display:none}}@media only screen and (max-height:43.75em) and (min-width:56em){.b_panel__promo h3{font-size:2.5em}}@media (min-width:1024px){.banner-promo:not(.banner-promo--one-deal){margin-right:5px;margin-left:0}.o-columns .o-columns__column:last-child .banner-promo:not(.banner-promo--one-deal){margin-right:0;margin-top:5px}}@media only screen and (max-width:29.999em){.box .no_row_xs{border:0 !important;padding-top:0}.box .no_row_xs.flex,.box .no_row_xs .flex{border:0 !important;padding-top:0 !important;min-height:0 !important}.box .flex_title+.flex_data.no_row_xs{margin-top:-1em !important}}@media only screen and (max-width:46.8749em){.box [class*="fancybox"] .help:after{margin-right:0}.box .btn.btn_large{font-size:1.1em;padding:.666667em 12%}.box .flex.flex_title_sub{padding-bottom:.3em}.box .flex.flex_data_sub{border-top:0;padding-top:0}.box .flex.flex_data_sub p{margin:0 0 .3em}.box .flex.flex_data_sub p:empty{margin:0}.box .flex.flex_data_sub .pb_ratename_mobile{display:inline-block}}@media only screen and (max-height:33em){#contact_map{height:320px}}@media only screen and (max-width:55.9999em){.nav_module .hidden_mobile{display:none}}@media only screen and (min-width:56em){.nav_module .hidden_desktop{display:none}.response_medium .nav_module .hidden_desktop{display:block}} .respond-ud { width: 100%; } .respond-udv { height: 100%; } .respond-d { max-width: 100%; } .respond-u { min-width: 100%; } .lte7 .respond-ud, .lte7 .respond-u, .lte7 .respond-d { width: 100%; } .no-js .respond-ud { display: none; } .no-js noscript .respond-ud { display: block; } /* Miscellaneous classes */ .f-left, .fl { float: left; } .f-right, .fr { float: right; } .flL { float: left !important; } .flR { float: right !important; } .imgL { float: left !important; margin: 0 15px 5px 0; } .imgR { float: right !important; margin: 0 0 5px 15px; } .nb { border: 0 !important; } .nb:before { display: none !important; } .nowrap { white-space: nowrap; } .taC { text-align: center; } .taC p > small { display: block; text-align: left; } .taL { text-align: left !important; } .taR { text-align: right !important; } .dN { display: none !important; } .dB { display: block !important; } .ttU { text-transform: uppercase !important; } .ttL { text-transform: lowercase !important; } .ttN { text-transform: none !important; } .clear { clear: both; } .nowrap { white-space: nowrap; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .lte7 .clearfix { zoom: 1; } .relative { position: relative; } .block { display: block; } .w-full { width: 100%; } /* semantic lists */ .semantic { list-style: none; margin: 0; padding: 0; } .semantic li { margin: 0; padding: 0; list-style: none; background: none; } .semantic li:before { display: none; } /* Borders */ .b_pb_solid { border-bottom: 1px solid #7F1399; } .b-gray-c { border-color: #ccc; } .b-dash { border-style: dashed; } /* Remove things that require javascript if it isn't present */ .no-js .requires-js { display: none; visibility: hidden; } .rte_script { position: absolute; left: -10000em; } /* Text Properties */ /* deprecated */ .tt-upper, .tt_upper { text-transform: uppercase; } /* deprecated */ .ta-center, .ta_center { text-align: center; } /* deprecated */ .ta-right, .ta_right { text-align: right; } /* deprecated */ .ta-left, .ta_left { text-align: left; } .tw-bold { font-family: 'Rubrik-SemiBold', arial, sans-serif; } .tw-regular { font-family: 'Rubrik-Regular', arial, sans-serif; } .tw_medium { font-family: 'Rubrik-Medium', arial, sans-serif; } .lh-clear { line-height: 1; } /*Vertical Aligns*/ .va-top { vertical-align: top; } .va-middle { vertical-align: middle; } .va-bottom { vertical-align: bottom; } /* Hider classes */ .hidden { display: none; } .hidden_important { display: none !important; } .response_xsmall .hidden_small, .response_small .hidden_small { display: none !important; } .response_xsmall .hidden_mobile, .response_small .hidden_mobile, .response_medium .hidden_mobile { display: none !important; } .response_medium .hidden_non_mobile, .response_large .hidden_non_mobile, .response_xlarge .hidden_non_mobile, .response_xxlarge .hidden_non_mobile, .response_xxxlarge .hidden_non_mobile, .response_xxxxlarge .hidden_non_mobile { display: none !important; } .response_large .hidden_desktop, .response_xlarge .hidden_desktop, .response_xxlarge .hidden_desktop, .response_xxxlarge .hidden_desktop, .response_xxxxlarge .hidden_desktop { display: none !important; } /* Foot notes */ .fn a { color: inherit; } .fn a:hover, .fn a:focus { text-decoration: underline; } /* paddings */ .ptn { padding-top: 0 !important; } .ptxs { padding-top: 5px; } .ptbs { padding-top: 9px; } .pts { padding-top: 1em; } .ptm { padding-top: 2em; } .ptl { padding-top: 3em; } .ptxl { padding-top: 4em; } .ptxxl { padding-top: 5em; } .prn { padding-right: 0 !important; } .prxs { padding-right: 5px; } .prbs { padding-right: 9px; } .prs { padding-right: 1em; } .prm { padding-right: 2em; } .prl { padding-right: 3em; } .prxl { padding-right: 4em; } .prxxl { padding-right: 5em; } .pbn { padding-bottom: 0 !important; } .pbxs { padding-bottom: 5px; } .pbbs { padding-bottom: 9px; } .pbs { padding-bottom: 1em; } .pbm { padding-bottom: 2em; } .pbl { padding-bottom: 3em; } .pbxl { padding-bottom: 4em; } .pbxxl { padding-bottom: 5em; } .pln { padding-left: 0 !important; } .plxs { padding-left: 5px; } .plbs { padding-left: 9px; } .pls { padding-left: 1em; } .plm { padding-left: 2em; } .pll { padding-left: 3em; } .plxl { padding-left: 4em; } .plxxl { padding-left: 5em; } .pan { padding: 0 !important; } .paxs { padding: 5px; } .pabs { padding: 9px; } .pas { padding: 1em; } .pam { padding: 2em; } .pal { padding: 3em; } .paxl { padding: 4em; } .paxxl { padding: 5em; } /* margins */ .mtn { margin-top: 0 !important; } .mtxs { margin-top: 5px; } .mtbs { margin-top: 9px; } .mts { margin-top: 1em; } .mtm { margin-top: 2em; } .mtl { margin-top: 3em; } .mtxl { margin-top: 4em; } .mtxxl { margin-top: 5em; } .mrn { margin-right: 0 !important; } .mrxs { margin-right: 5px; } .mrbs { margin-right: 9px; } .mrs { margin-right: 1em; } .mrm { margin-right: 2em; } .mrl { margin-right: 3em; } .mrxl { margin-right: 4em; } .mrxxl { margin-right: 5em; } .mbn { margin-bottom: 0 !important; } .mbxs { margin-bottom: 5px; } .mbbs { margin-bottom: 9px; } .mbs { margin-bottom: 1em; } .mbm { margin-bottom: 2em; } .mbl { margin-bottom: 3em; } .mbxl { margin-bottom: 4em; } .mbxxl { margin-bottom: 5em; } .mln { margin-left: 0 !important; } .mlxs { margin-left: 5px; } .mlbs { margin-left: 9px; } .mls { margin-left: 1em; } .mlm { margin-left: 2em; } .mll { margin-left: 3em; } .mlxl { margin-left: 4em; } .mlxxl { margin-left: 5em; } .man { margin: 0 !important; } .maxs { margin: 5px; } .mabs { margin: 9px; } .mas { margin: 1em; } .mam { margin: 2em; } .mal { margin: 3em; } .maxl { margin: 4em; } .maxxl { margin: 5em; } /* Borders */ .ban { border: 0 !important; } .baxs { border: 5px; } .babs { border: 9px; } .bas { border: 1em; } .bam { border: 2em; } .bal { border: 3em; } .baxl { border: 4em; } .baxxl { border: 5em; } /*responsive video container*/ .video_container_16x9 { padding-bottom: 56.25%; position: relative; } .video_container_16x9 iframe { height: 100%; position: absolute; width: 100%; } /* Hide the original file upload control */ label.creditCheckFileUpload input[type="file"] { position: fixed; top: -1000px; } .creditCheckFileUpload { font-size: unset; } .CreditCheckIDImageWrapper { position: relative; display: inline-block; padding-bottom: 5px; } .CreditCheckIDImageClose { position: absolute; top: -20px; right: -20px; cursor: pointer; height: 40px; width: 40px; display: none; } .u-block { display: block !important; } .u-flex { display: flex !important; } @media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.header{height:auto;width:auto}.logo{display:none}.logo_print{display:block}.nav_utility,.gradients,.footer,.side_bar{display:none !important}.main{float:none;width:auto;padding:0 5%;max-width:120em;margin:0 auto}.content_holder,.values_strip .content_holder{max-width:100%;padding-left:0;padding-right:0}.intro_banner .content_holder:after{display:none}.share_link{display:none}.main_content{padding-left:0;padding-right:0}.pullout,figure.pullout{float:none;margin-left:0;margin-right:0}input,select,textarea{display:none}ul li{list-style:disc}ul li:before{display:none}.carousel{max-width:99999px;width:auto}.carousel-holder{height:auto !important;padding-top:0 !important}.carousel .carousel_items{height:auto !important;width:auto !important;position:relative !important}.carousel_page{float:none;width:100% !important}.carousel_item{height:auto !important;float:none;width:auto !important}.carousel_item img{display:none}.values_strip p{text-align:left}.values_strip .squares{max-width:100%}}