/* Minification failed. Returning unminified contents. (9506,45): run-time error CSS1030: Expected identifier, found '.' (9506,77): run-time error CSS1031: Expected selector, found ')' (9506,77): run-time error CSS1025: Expected comma or open brace, found ')' (9510,45): run-time error CSS1030: Expected identifier, found '.' (9510,77): run-time error CSS1031: Expected selector, found ')' (9510,77): run-time error CSS1025: Expected comma or open brace, found ')' */ /*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=8bd78d2cf025d8649ff5) * Config saved to config.json and https://gist.github.com/8bd78d2cf025d8649ff5 */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { box-sizing: border-box; -moz-box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #00549a; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .img-responsive-tbl { display: block; max-width: 100%; height: auto; } .img-responsive-tbl { width: 100%; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .container { margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; } .row { margin-left: 0; margin-right: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; max-width: 100%; } .col-xs-11 { width: 91.66666667%; max-width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; max-width: 83.33333333%; } .col-xs-9 { width: 75%; max-width: 75%; } .col-xs-8 { width: 66.66666667%; max-width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; max-width: 58.33333333%; } .col-xs-6 { width: 50%; max-width: 50%; } .col-xs-5 { width: 41.66666667%; max-width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; max-width: 33.33333333%; } .col-xs-3 { width: 25%; max-width: 25%; } .col-xs-2 { width: 16.66666667%; max-width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; max-width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 520px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; max-width: 100%; } .col-sm-11 { width: 91.66666667%; max-width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; max-width: 83.33333333%; } .col-sm-9 { width: 75%; max-width: 75%; } .col-sm-8 { width: 66.66666667%; max-width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; max-width: 58.33333333%; } .col-sm-6 { width: 50%; max-width: 50%; } .col-sm-5 { width: 41.66666667%; max-width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; max-width: 33.33333333%; } .col-sm-3 { width: 25%; max-width: 25%; } .col-sm-2 { width: 16.66666667%; max-width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; max-width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 1000px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; max-width: 100%; } .col-md-11 { width: 91.66666667%; max-width: 91.66666667%; } .col-md-10 { width: 83.33333333%; max-width: 83.33333333%; } .col-md-9 { width: 75%; max-width: 75%; } .col-md-8 { width: 66.66666667%; max-width: 66.66666667%; } .col-md-7 { width: 58.33333333%; max-width: 58.33333333%; } .col-md-6 { width: 50%; max-width: 50%; } .col-md-5 { width: 41.66666667%; max-width: 41.66666667%; } .col-md-4 { width: 33.33333333%; max-width: 33.33333333%; } .col-md-3 { width: 25%; max-width: 25%; } .col-md-2 { width: 16.66666667%; max-width: 16.66666667%; } .col-md-1 { width: 8.33333333%; max-width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1240px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; max-width: 100%; } .col-lg-11 { width: 91.66666667%; max-width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; max-width: 83.33333333%; } .col-lg-9 { width: 75%; max-width: 75%; } .col-lg-8 { width: 66.66666667%; max-width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; max-width: 58.33333333%; } .col-lg-6 { width: 50%; max-width: 50%; } .col-lg-5 { width: 41.66666667%; max-width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; max-width: 33.33333333%; } .col-lg-3 { width: 25%; max-width: 25%; } .col-lg-2 { width: 16.66666667%; max-width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; max-width: 8.33333333%; } .col-lg-pull-12 { right: 100%; right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:not(.rsx-flex):before, .row:not(.rsx-flex):after { content: ' '; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:not(.rsx-flex):after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 519px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 520px) and (max-width: 999px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1000px) and (max-width: 1239px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1240px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 519px) { .hidden-xs { display: none !important; } } @media (min-width: 520px) and (max-width: 999px) { .hidden-sm { display: none !important; } } @media (min-width: 1000px) and (max-width: 1239px) { .hidden-md { display: none !important; } } @media (min-width: 1240px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*! jQuery UI - v1.11.3 - 2015-02-23 * http://jqueryui.com * Includes: core.css * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* 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:Alpha(Opacity=0); /* support: IE8 */ } .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%; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; 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); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [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; } /** * RSX Framework * Copyright 2015 Bell Canada * * Base CSS */ body { background-color: #e1e1e1; } .rsx-page-content { position: relative; background-color: #e1e1e1; background-repeat: no-repeat; transition: background-size 0.5s cubic-bezier(.55,0,.1,1); min-width: 0; width: 100%; outline: 0; } footer .container { margin-bottom: 0; } main p a, main ul a { text-decoration: underline; } .rsx-list a, main .contact-details ul a{ text-decoration: none; } h1 a:hover, .rsx-h1 a:hover, h2 a:hover, .rsx-h2 a:hover, h3 a:hover, .rsx-h3 a:hover, h4 a:hover, .rsx-h4 a:hover, h5 a:hover, .rsx-h5 a:hover, h6 a:hover, .rsx-h6 a:hover { text-decoration: none; } .disabled, .disabled label, .disabled input { opacity: .5; cursor: default; pointer-events: none; } /** * RSX Framework * Copyright 2015 Bell Canada * * Grid configuration. */ .container { position: relative; margin-bottom: 20px; } ul.row { list-style: none; margin: 0; padding: 0; } /* content width */ @media (max-width: 519px) { .container { margin-right: 15px; margin-left: 15px; } } @media (min-width: 520px) { .container { width: 480px; } } @media (min-width: 640px) { .container { width: 600px; } } @media (min-width: 1000px) { .container { width: 960px; } } @media (min-width: 1240px) { .container { width: 1200px; } } /* gutters and padding */ .row > .rsx-col, .row > [class^="col-"], .row > [class*=" col-"], .rsx-col-pad > .rsx-col, .rsx-col-pad > [class^="col-"], .rsx-col-pad > [class*=" col-"] { padding-top: 40px; padding-bottom: 40px; border: 0 solid #d4d4d4; } @media (max-width: 519px) { .container { margin-right: 15px; margin-left: 15px; } .row > .rsx-col, .row > [class^="col-"], .row > [class*=" col-"], .rsx-col-pad > .rsx-col, .rsx-col-pad > [class^="col-"], .rsx-col-pad > [class*=" col-"] { padding-right: 30px; padding-left: 30px; } } @media (min-width: 640px) { .row > .rsx-col, .row > [class^="col-"], .row > [class*=" col-"], .rsx-col-pad > .rsx-col, .rsx-col-pad > [class^="col-"], .rsx-col-pad > [class*=" col-"] { padding: 40px; } .rsx-col-pad_60 > .rsx-col, .rsx-col-pad_60 > [class^="col-"], .rsx-col-pad_60 > [class*=" col-"] { padding: 40px 60px 40px 60px; } .rsx-col-pad_80 > .rsx-col, .rsx-col-pad_80 > [class^="col-"], .rsx-col-pad_80 > [class*=" col-"] { padding: 40px 80px 40px 80px; } } @media (min-width: 520px) and (max-width: 639px), (min-width: 1000px) and (max-width: 1239px) { .row > .rsx-col, .row > [class^="col-"], .row > [class*=" col-"], .rsx-col-pad > [class^="col-"], .rsx-col-pad > [class*=" col-"] { padding-right: 20px; padding-left: 20px; } .rsx-col-pad_60 > .rsx-col, .rsx-col-pad_60 > [class^="col-"], .rsx-col-pad_60 > [class*=" col-"] { padding-right: 40px; padding-left: 40px; } .rsx-col-pad_80 > .rsx-col, .rsx-col-pad_80 > [class^="col-"], .rsx-col-pad_80 > [class*=" col-"] { padding-right: 60px; padding-left: 60px; } } /* modifications */ .rsx-col-no-pad > .rsx-col, .rsx-col-no-pad > [class^="col-"], .rsx-col-no-pad > [class*=" col-"] { padding: 0; } .rsx-col-pad_v > .rsx-col, .rsx-col-pad_v > [class^="col-"], .rsx-col-pad_v > [class*=" col-"] { padding-right: 0; padding-left: 0; } .rsx-col-pad_h > .rsx-col, .rsx-col-pad_h > [class^="col-"], .rsx-col-pad_h > [class*=" col-"] { padding-top: 0; padding-bottom: 0; } @media (max-width: 519px) { .rsx-col-no-pad-xs > .rsx-col, .rsx-col-no-pad-xs > [class^="col-"], .rsx-col-no-pad-xs > [class*=" col-"] { padding: 0; } .rsx-col-pad_v-xs > .rsx-col, .rsx-col-pad_v-xs > [class^="col-"], .rsx-col-pad_v-xs > [class*=" col-"] { padding: 40px 0; } .rsx-col-pad_h-xs > .rsx-col, .rsx-col-pad_h-xs > [class^="col-"], .rsx-col-pad_h-xs > [class*=" col-"] { padding: 0 20px; } } @media (min-width: 520px) and (max-width: 999px) { .rsx-col-no-pad-sm > .rsx-col, .rsx-col-no-pad-sm > [class^="col-"], .rsx-col-no-pad-sm > [class*=" col-"] { padding: 0; } .rsx-col-pad_v-sm > .rsx-col, .rsx-col-pad_v-sm > [class^="col-"], .rsx-col-pad_v-sm > [class*=" col-"] { padding: 40px 0; } .rsx-col-pad_h-sm > .rsx-col, .rsx-col-pad_h-sm > [class^="col-"], .rsx-col-pad_h-sm > [class*=" col-"] { padding: 0 20px; } } @media (min-width: 640px) and (max-width: 999px) { .rsx-col-pad_h-sm > .rsx-col, .rsx-col-pad_h-sm > [class^="col-"], .rsx-col-pad_h-sm > [class*=" col-"] { padding: 0 40px; } } @media (min-width: 1000px) and (max-width: 1239px) { .rsx-col-no-pad-md > .rsx-col, .rsx-col-no-pad-md > [class^="col-"], .rsx-col-no-pad-md > [class*=" col-"] { padding: 0; } .rsx-col-pad_v-md > .rsx-col, .rsx-col-pad_v-md > [class^="col-"], .rsx-col-pad_v-md > [class*=" col-"] { padding: 40px 0; } .rsx-col-pad_h-md > .rsx-col, .rsx-col-pad_h-md > [class^="col-"], .rsx-col-pad_h-md > [class*=" col-"] { padding: 0 20px; } } @media (min-width: 1240px) { .rsx-col-no-pad-lg > .rsx-col, .rsx-col-no-pad-lg > [class^="col-"], .rsx-col-no-pad-lg > [class*=" col-"] { padding: 0; } .rsx-col-pad_v-lg > .rsx-col, .rsx-col-pad_v-lg > [class^="col-"], .rsx-col-pad_v-lg > [class*=" col-"] { padding: 40px 0; } .rsx-col-pad_h-lg > .rsx-col, .rsx-col-pad_h-lg > [class^="col-"], .rsx-col-pad_h-lg > [class*=" col-"] { padding: 0 40px; } } /* multi component */ .rsx-col-table, .rsx-multi-column > .container > .row { display: table; width: 100%; } .rsx-col-tcell, .rsx-col-table > [class^="col-"], .rsx-col-table > [class*=" col-"], .rsx-multi-column > .container > .row > [class^="col-"], .rsx-multi-column > .container > .row > [class*=" col-"] { display: table-cell; float: none; vertical-align: top; border: 0 solid #d4d4d4; } .rsx-multi-column > .container > .row > [class^="col-"], .rsx-multi-column > .container > .row > [class*=" col-"] { background-color: #fff; } .rsx-col-table_vmiddle > [class^="col-"], .rsx-col-table_vmiddle > [class*=" col-"] { vertical-align: middle; } .rsx-col-table_vbottom > [class^="col-"], .rsx-col-table_vbottom > [class*=" col-"] { vertical-align: bottom; } .rsx-col-no-table, .rsx-col-no-table > [class^="col-"], .rsx-col-no-table > [class*=" col-"] { display: block; } .rsx-col-no-table > [class^="col-"], .rsx-col-no-table > [class*=" col-"] { float: left; } @media (max-width: 519px) { .rsx-col-table > [class^="col-xs-12"], .rsx-col-table > [class*=" col-xs-12"], .rsx-multi-column > .container > .row > [class^="col-xs-12"], .rsx-multi-column > .container > .row > [class*=" col-xs-12"] { display: block; float: left; } .rsx-col-table-xs { display: table; width: 100%; } .rsx-col-table-xs > [class^="col-"], .rsx-col-table-xs > [class*=" col-"] { display: table-cell; float: none; } .rsx-col-table_vmiddle-xs > [class^="col-"], .rsx-col-table_vmiddle-xs > [class*=" col-"] { vertical-align: middle; } .rsx-col-table_vbottom-xs > [class^="col-"], .rsx-col-table_vbottom-xs > [class*=" col-"] { vertical-align: bottom; } .rsx-col-no-table-xs, .rsx-col-no-table-xs > [class^="col-"], .rsx-col-no-table-xs > [class*=" col-"] { display: block; } .rsx-col-no-table-xs > [class^="col-"], .rsx-col-no-table-xs > [class*=" col-"] { float: left; } } @media (max-width: 999px) { .rsx-col-table, .rsx-multi-column > .container > .row { display: block; } } @media (min-width: 520px) and (max-width: 999px) { .rsx-col-table > [class^="col-sm-12"], .rsx-col-table > [class*=" col-sm-12"], .rsx-multi-column > .container > .row > [class^="col-sm-12"], .rsx-multi-column > .container > .row > [class*=" col-sm-12"], .rsx-col-table > [class^="col-xs-12"]:not([class*="col-sm-"]), .rsx-col-table > [class*=" col-xs-12"]:not([class*="col-sm-"]), .rsx-multi-column > .container > .row > [class^="col-xs-12"]:not([class*="col-sm-"]), .rsx-multi-column > .container > .row > [class*=" col-xs-12"]:not([class*="col-sm-"]) { display: block; float: left; } .rsx-col-table-sm { display: table; width: 100%; } .rsx-col-table-sm > [class^="col-"], .rsx-col-table-sm > [class*=" col-"] { display: table-cell; float: none; } .rsx-col-table_vmiddle-sm > [class^="col-"], .rsx-col-table_vmiddle-sm > [class*=" col-"] { vertical-align: middle; } .rsx-col-table_vbottom-sm > [class^="col-"], .rsx-col-table_vbottom-sm > [class*=" col-"] { vertical-align: bottom; } .rsx-col-no-table-sm, .rsx-col-no-table-sm > [class^="col-"], .rsx-col-no-table-sm > [class*=" col-"] { display: block; } .rsx-col-no-table-sm > [class^="col-"], .rsx-col-no-table-sm > [class*=" col-"] { float: left; } } @media (min-width: 1000px) and (max-width: 1239px) { .rsx-col-table > [class^="col-md-12"], .rsx-col-table > [class*=" col-md-12"], .rsx-multi-column > .container > .row > [class^="col-md-12"], .rsx-multi-column > .container > .row > [class*=" col-md-12"], .rsx-col-table > [class^="col-sm-12"]:not([class*="col-md-"]), .rsx-col-table > [class*=" col-sm-12"]:not([class*="col-md-"]), .rsx-multi-column > .container > .row > [class^="col-sm-12"]:not([class*="col-md-"]), .rsx-multi-column > .container > .row > [class*=" col-sm-12"]:not([class*="col-md-"]), .rsx-col-table > [class^="col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]), .rsx-col-table > [class*=" col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]), .rsx-multi-column > .container > .row > [class^="col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]), .rsx-multi-column > .container > .row > [class*=" col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]) { display: block; float: left; } .rsx-col-table-md { display: table; width: 100%; } .rsx-col-table-md > [class^="col-"], .rsx-col-table-md > [class*=" col-"] { display: table-cell; float: none; } .rsx-col-table_vmiddle-md > [class^="col-"], .rsx-col-table_vmiddle-md > [class*=" col-"] { vertical-align: middle; } .rsx-col-table_vbottom-md > [class^="col-"], .rsx-col-table_vbottom-md > [class*=" col-"] { vertical-align: bottom; } .rsx-col-no-table-md, .rsx-col-no-table-md > [class^="col-"], .rsx-col-no-table-md > [class*=" col-"] { display: block; } .rsx-col-no-table-md > [class^="col-"], .rsx-col-no-table-md > [class*=" col-"] { float: left; } } @media (min-width: 1240px) { .rsx-col-table > [class^="col-lg-12"], .rsx-col-table > [class*=" col-lg-12"], .rsx-multi-column > .container > .row > [class^="col-lg-12"], .rsx-multi-column > .container > .row > [class*=" col-lg-12"], .rsx-col-table > [class^="col-md-12"]:not([class*="col-lg-"]), .rsx-col-table > [class*=" col-md-12"]:not([class*="col-lg-"]), .rsx-multi-column > .container > .row > [class^="col-md-12"]:not([class*="col-lg-"]), .rsx-multi-column > .container > .row > [class*=" col-md-12"]:not([class*="col-lg-"]), .rsx-col-table > [class^="col-sm-12"]:not([class*="col-md-"]):not([class*="col-lg-"]), .rsx-col-table > [class*=" col-sm-12"]:not([class*="col-md-"]):not([class*="col-lg-"]), .rsx-multi-column > .container > .row > [class^="col-xs-12"]:not([class*="col-md-"]):not([class*="col-lg-"]), .rsx-multi-column > .container > .row > [class*=" col-xs-12"]:not([class*="col-md-"]):not([class*="col-lg-"]), .rsx-col-table > [class^="col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]), .rsx-col-table > [class*=" col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]), .rsx-multi-column > .container > .row > [class^="col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]), .rsx-multi-column > .container > .row > [class*=" col-xs-12"]:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]) { display: block; float: left; } .rsx-col-table-lg { display: table; width: 100%; } .rsx-col-table-lg > [class^="col-"], .rsx-col-table-lg > [class*=" col-"] { display: table-cell; float: none; } .rsx-col-table_vmiddle-lg > [class^="col-"], .rsx-col-table_vmiddle-lg > [class*=" col-"] { vertical-align: middle; } .rsx-col-table_vbottom-lg > [class^="col-"], .rsx-col-table_vbottom-lg > [class*=" col-"] { vertical-align: bottom; } .rsx-col-no-table-lg, .rsx-col-no-table-lg > [class^="col-"], .rsx-col-no-table-lg > [class*=" col-"] { display: block; } .rsx-col-no-table-lg > [class^="col-"], .rsx-col-no-table-lg > [class*=" col-"] { float: left; } } /* responsive border */ .rsx-outer-border { border: 2px solid #d7d7d7; } @media (min-width: 1000px) { .rsx-outer-border { border-width: 1px; } } /** * RSX Framework * Copyright 2015 Bell Canada * * Applies borders to grid */ .rsx-col-border, .rsx-col-border > [class^="col-"], .rsx-col-border > [class*=" col-"], .rsx-col-border > .rsx-col-border-item { border: 0 solid #e1e1e1; } .rsx-table.rsx-table_bordered > .rsx-table-row > .rsx-table-cell{ border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .rsx-table.rsx-table_bordered > .rsx-table-row > .rsx-table-cell:first-child{ border-left: none; } .rsx-table.rsx-table_bordered > .rsx-table-row:last-child > .rsx-table-cell{ border-bottom: 0; } .rsx-col-border ~ .rsx-col-border { border-top-width: 1px; } .rsx-col-border_outline { border-right-width: 1px; border-left-width: 1px; } .rsx-col-border_outline:first-child { border-top-width: 1px; } .rsx-col-border_outline:last-child { border-bottom-width: 1px; } @media (max-width: 519px) { .rsx-col-border > [class^="col-"] ~ [class^="col-"], .rsx-col-border > [class*=" col-"] ~ [class*=" col-"], .rsx-col-border > .rsx-col-border-item ~ .rsx-col-border-item { border-top-width: 1px; } } @media (min-width: 520px) { .rsx-col-border > [class^="col-"], .rsx-col-border > [class*=" col-"], .rsx-col-border > .rsx-col-border-item { border-top-width: 1px; border-left-width: 1px; } } @media (min-width: 520px) and (max-width: 999px) { .rsx-col-border > [class^="col-"]:nth-child(-n+2), .rsx-col-border > [class*=" col-"]:nth-child(-n+2), .rsx-col-border > .rsx-col-border-item:nth-child(-n+2) { border-top-width: 0; } .rsx-col-border-sm_col-1 > [class^="col-"]:not(:first-child), .rsx-col-border-sm_col-1 > [class*=" col-"]:not(:first-child), .rsx-col-border-sm_col-1 > .rsx-col:not(:first-child) { border-top-width: 1px; } /*.rsx-col-border > [class^="col-"]:nth-child(odd), .rsx-col-border > [class*=" col-"]:nth-child(odd), .rsx-col-border > .rsx-col-border-item:nth-child(odd),*/ .rsx-col-border-sm_col-1 > [class^="col-"], .rsx-col-border-sm_col-1 > [class*=" col-"], .rsx-col-border-sm_col-1 > .rsx-col { border-left-width: 0; } } /** * Uncomment out a ruleset (3 selectors) to enable a row size as needed. */ @media (min-width: 1000px) { /* 4 columns (default) */ .rsx-col-border > [class^="col-"]:nth-child(-n+4), .rsx-col-border > [class*=" col-"]:nth-child(-n+4), .rsx-col-border > .rsx-col-border-item:nth-child(4n+1) /* 2 columns * .rsx-col-border-md_col-2 > [class^="col-"]:nth-child(-n+2), .rsx-col-border-md_col-2 > [class*=" col-"]:nth-child(-n+2), .rsx-col-border-md_col-2 > .rsx-col-border-item:nth-child(-n+2), /* 3 columns */ .rsx-col-border-md_col-3 > [class^="col-"]:nth-child(-n+3), .rsx-col-border-md_col-3 > [class*=" col-"]:nth-child(-n+3), .rsx-col-border-md_col-3 > .rsx-col-border-item:nth-child(-n+3), /* 4 columns */ .rsx-col-border-md_col-4 > [class^="col-"]:nth-child(-n+4), .rsx-col-border-md_col-4 > [class*=" col-"]:nth-child(-n+4), .rsx-col-border-md_col-4 > .rsx-col-border-item:nth-child(-n+4) /* 6 columns * ,.rsx-col-border-md_col-6 > [class^="col-"]:nth-child(-n+6), .rsx-col-border-md_col-6 > [class*=" col-"]:nth-child(-n+6), .rsx-col-border-md_col-6 > .rsx-col-border-item:nth-child(-n+6), /* 12 columns * .rsx-col-border-md_col-12 > [class^="col-"]:nth-child(-n+12), .rsx-col-border-md_col-12 > [class*=" col-"]:nth-child(-n+12), .rsx-col-border-md_col-12 > .rsx-col-border-item:nth-child(-n+12)*/ { border-top-width: 0; } /* 4 columns (default) */ .rsx-col-border:not(.rsx-col-border-md_col-4) > [class^="col-"]:nth-child(4n+1), .rsx-col-border:not(.rsx-col-border-md_col-4) > [class*=" col-"]:nth-child(4n+1), .rsx-col-border:not(.rsx-col-border-md_col-4) > .rsx-col-border-item:nth-child(4n+1) /* 2 columnns * .rsx-col-border-md_col-2 > [class^="col-"]:nth-child(2n+1), .rsx-col-border-md_col-2 > [class*=" col-"]:nth-child(2n+1), .rsx-col-border-md_col-2 > .rsx-col-border-item:nth-child(2n+1) /* 3 columns */ .rsx-col-border-md_col-3 > [class^="col-"]:nth-child(3n+1), .rsx-col-border-md_col-3 > [class*=" col-"]:nth-child(3n+1), .rsx-col-border-md_col-3 > .rsx-col-border-item:nth-child(3n+1), /* 4 columns */ .rsx-col-border-md_col-4 > [class^="col-"]:nth-child(4n+1), .rsx-col-border-md_col-4 > [class*=" col-"]:nth-child(4n+1), .rsx-col-border-md_col-4 > .rsx-col-border-item:nth-child(4n+1) /* 6 columns * ,.rsx-col-border-md_col-6 > [class^="col-"]:nth-child(6n+1), .rsx-col-border-md_col-6 > [class*=" col-"]:nth-child(6n+1), .rsx-col-border-md_col-6 > .rsx-col-border-item:nth-child(6n+1), /* 12 columns * .rsx-col-border-md_col-12 > [class^="col-"]:nth-child(12n+1), .rsx-col-border-md_col-12 > [class*=" col-"]:nth-child(12n+1), .rsx-col-border-md_col-12 > .rsx-col-border-item:nth-child(12n+1)*/ { border-left-width: 0; } } /*@media (min-width: 1240px) { /* 2 columns * .rsx-col-border-lg_col-2 > [class^="col-"]:nth-child(-n+2), .rsx-col-border-lg_col-2 > [class*=" col-"]:nth-child(-n+2), .rsx-col-border-lg_col-2 > .rsx-col-border-item:nth-child(-n+2), /* 3 columns * .rsx-col-border-lg_col-3 > [class^="col-"]:nth-child(-n+3), .rsx-col-border-lg_col-3 > [class*=" col-"]:nth-child(-n+3), .rsx-col-border-lg_col-3 > .rsx-col-border-item:nth-child(-n+3), /* 6 columns * .rsx-col-border-lg_col-6 > [class^="col-"]:nth-child(-n+6), .rsx-col-border-lg_col-6 > [class*=" col-"]:nth-child(-n+6), .rsx-col-border-lg_col-6 > .rsx-col-border-item:nth-child(-n+6), /* 12 columns * .rsx-col-border-lg_col-12 > [class^="col-"]:nth-child(-n+12), .rsx-col-border-lg_col-12 > [class*=" col-"]:nth-child(-n+12), .rsx-col-border-lg_col-12 > .rsx-col-border-item:nth-child(-n+12) { border-top-width: 0; } /* 2 columnns * .rsx-col-border-lg_col-2 > [class^="col-"]:nth-child(2n+1), .rsx-col-border-lg_col-2 > [class*=" col-"]:nth-child(2n+1), .rsx-col-border-lg_col-2 > .rsx-col-border-item:nth-child(2n+1), /* 3 columns* .rsx-col-border-lg_col-3 > [class^="col-"]:nth-child(3n+1), .rsx-col-border-lg_col-3 > [class*=" col-"]:nth-child(3n+1), .rsx-col-border-lg_col-3 > .rsx-col-border-item:nth-child(3n+1), /* 6 columns * .rsx-col-border-lg_col-6 > [class^="col-"]:nth-child(6n+1), .rsx-col-border-lg_col-6 > [class*=" col-"]:nth-child(6n+1), .rsx-col-border-lg_col-6 > .rsx-col-border-item:nth-child(6n+1), /* 12 columns * .rsx-col-border-lg_col-12 > [class^="col-"]:nth-child(12n+1), .rsx-col-border-lg_col-12 > [class*=" col-"]:nth-child(12n+1), .rsx-col-border-lg_col-12 > .rsx-col-border-item:nth-child(12n+1) { border-left-width: 0; } }*/ /* horizontal or vertical */ .rsx-col-border_v[class*="rsx-col-border_v"] { border-right-width: 0; border-left-width: 0; } .rsx-col-border_h[class*="rsx-col-border_h"] { border-top-width: 0; border-bottom-width: 0; } @media (min-width: 520px) { .rsx-col-border_v > [class^="col-"], .rsx-col-border_v > [class*=" col-"], .rsx-col-border_v > .rsx-col-border-item { border-right-width: 0; border-left-width: 0; } .rsx-col-border_h > [class^="col-"], .rsx-col-border_h > [class*=" col-"], .rsx-col-border_h > .rsx-col-border-item { border-top-width: 0; border-bottom-width: 0; } } @media (min-width: 520px) and (max-width: 999px) { .rsx-col-border_v-sm > [class^="col-"], .rsx-col-border_v-sm > [class*=" col-"], .rsx-col-border_v-sm > .rsx-col-border-item { border-right-width: 0; border-left-width: 0; } .rsx-col-border_h-sm > [class^="col-"], .rsx-col-border_h-sm > [class*=" col-"], .rsx-col-border_h-sm > .rsx-col-border-item { border-top-width: 0; border-bottom-width: 0; } } @media (min-width: 1000px) and (max-width: 1239px) { .rsx-col-border_v-md > [class^="col-"], .rsx-col-border_v-md > [class*=" col-"], .rsx-col-border_v-md > .rsx-col-border-item { border-right-width: 0; border-left-width: 0; } .rsx-col-border_h-md > [class^="col-"], .rsx-col-border_h-md > [class*=" col-"], .rsx-col-border_h-md > .rsx-col-border-item { border-top-width: 0; border-bottom-width: 0; } } @media (min-width: 1240px) { .rsx-col-border_v-lg > [class^="col-"], .rsx-col-border_v-lg > [class*=" col-"], .rsx-col-border_v-lg > .rsx-col-border-item { border-right-width: 0; border-left-width: 0; } .rsx-col-border_h-lg > [class^="col-"], .rsx-col-border_h-lg > [class*=" col-"], .rsx-col-border_h-lg > .rsx-col-border-item { border-top-width: 0; border-bottom-width: 0; } } /* colors */ .rsx-border_blue, .rsx-col-border_blue, .rsx-col-border_blue > [class^="col-"], .rsx-col-border_blue > [class*=" col-"], .rsx-col-border_blue > .rsx-col-border-item { border-color: #003778; } .rsx-border_blue-dark, .rsx-col-border_blue-dark, .rsx-col-border_blue-dark > [class^="col-"], .rsx-col-border_blue-dark > [class*=" col-"], .rsx-col-border_blue-dark > .rsx-col-border-item { border-color: #0a2543; } .rsx-border_blue-fade, .rsx-col-border_blue-fade, .rsx-col-border_blue-fade > [class^="col-"], .rsx-col-border_blue-fade > [class*=" col-"], .rsx-col-border_blue-fade > .rsx-col-border-item { border-color: #578dbb; } .rsx-border_grey-light, .rsx-col-border_grey-med, .rsx-col-border_grey-med > [class^="col-"], .rsx-col-border_grey-med > [class*=" col-"], .rsx-col-border_grey-med > .rsx-col-border-item { border-color: #bebebe; } /** * RSX Framework * Copyright 2015 Bell Canada * * Flexbox implementation. */ .rsx-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .rsx-flex-no-wrap { -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; } @media (max-width: 519px) { .rsx-flex-xs { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } @media (min-width: 520px) and (max-width: 999px) { .rsx-flex-sm { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } @media (min-width: 1000px) and (max-width: 1239px) { .rsx-flex-md { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } @media (min-width: 1240px) { .rsx-flex-lg { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } } .rsx-flex-align-v-center { position: relative; -ms-align-content: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -ms-align-items: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* IE10 specific */ .rsx-flex-align-v-center > * { -ms-flex: 0 1 auto; } /* IE9 specific */ .no-flexbox .rsx-flex-align-v-center > *:first-child { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } /** * RSX Framework * Copyright 2015 Bell Canada * * Typography styling and import fonts. * Reference: http://rsxdeployment.azurewebsites.net/docs/cheatsheet.html#typo */ /* define bell-slim font */ @font-face { font-family: 'bell-slim'; src: url(/styles/RSX/framework/css/fonts/bellslim_regular-webfont.woff2) format('woff2'), url(/styles/RSX/framework/css/fonts/bellslim_regular-webfont.woff) format('woff'); font-weight: 200; font-style: normal; font-display: block; } @font-face { font-family: 'bell-slim'; src: url(/styles/RSX/framework/css/fonts/bellslim_medium-webfont.woff2) format('woff2'), url(/styles/RSX/framework/css/fonts/bellslim_medium-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'bell-slim'; src: url(/styles/RSX/framework/css/fonts/bellslim_semibold-webfont.woff2) format('woff2'), url(/styles/RSX/framework/css/fonts/bellslim_semibold-webfont.woff) format('woff'); font-weight: 700; font-style: normal; font-display: block; } @font-face { font-family: 'rsx-font-heavy'; src: url(/styles/RSX/framework/css/fonts/bellslim_heavy-webfont.woff2) format('woff2'), url(/styles/RSX/framework/css/fonts/bellslim_heavy-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: 'rsx-font-black'; src: url(/styles/RSX/framework/css/fonts/bellslim_black-webfont.woff2) format('woff2'), url(/styles/RSX/framework/css/fonts/bellslim_black-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: block; } /* base */ body { line-height: 1.42857143; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #555; } .rsx-font_slim { font-family: 'bell-slim'; } /* headings */ h1, .rsx-h1, .rsx-h1-xs, .rsx-h1-sm, h2, .rsx-h2, .rsx-h2-xs, .rsx-h2-sm, h3, .rsx-h3, .rsx-h3-xs, .rsx-h3-sm, h4, .rsx-h4, .rsx-h4-xs, .rsx-h4-sm, h5, .rsx-h5, .rsx-h5-xs, .rsx-h5-sm, h6, .rsx-h6, .rsx-h6-xs, .rsx-h6-sm, .rsx-promo-lg, .rsx-promo-sm { margin: 0; color: #111; } h1, .rsx-h1, h2, .rsx-h2, h3, .rsx-h3, h4, .rsx-h4 { font-family: 'bell-slim'; } h5, .rsx-h5, h6, .rsx-h6 { font-family: Helvetica,Arial,sans-serif; letter-spacing: normal; } h1.rsx-txt-indent, .rsx-h1.rsx-txt-indent { text-indent: -31px; padding-left: 31px; } h2.rsx-txt-indent, .rsx-h1.rsx-txt-indent { text-indent: -27px; padding-left: 27px; } h3.rsx-txt-indent, .rsx-h3.rsx-txt-indent { text-indent: -20px; padding-left: 20px; } /* font size */ .rsx-promo-lg { font-weight: 200; font-size: 68px; letter-spacing: -3.4px; line-height: 1; } .rsx-promo-sm { font-weight: 200; font-size: 48px; letter-spacing: -2px; line-height: 1; } h1, .rsx-h1 { font-weight: 200; font-size: 40px; letter-spacing: -1.4px; line-height: 1.15; } h2, .rsx-h2 { font-weight: 200; font-size: 32px; letter-spacing: -.55px; line-height: 1.1; } h3, .rsx-h3 { font-size: 24px; letter-spacing: -.6px; line-height: 1.1; } h4, .rsx-h4 { font-size: 20px; letter-spacing: -.5px; line-height: 1.3; font-weight: 700; } h5, .rsx-h5 { font-weight: normal; font-size: 18px; } h6, .rsx-h6 { font-weight: normal; font-size: 18px; } .rsx-bell-font { font-family: 'bell-slim' !important; } .rsx-sans-font { font-family: sans-serif !important; letter-spacing: normal !important; } .rsx-font-heavy { font-family: 'rsx-font-heavy' !important; } .rsx-font-black { font-family: 'rsx-font-black' !important; } /* Superscript within headings */ h1 sup, .rsx-h1 sup, .rsx-h1-xs > sup, .rsx-h1-sm > sup, h2 sup, .rsx-h2 sup, .rsx-h2-xs > sup, .rsx-h2-sm > sup, h3 sup, .rsx-h3 sup, .rsx-h3-xs > sup, .rsx-h3-sm > sup, h4 sup, .rsx-h4 sup, .rsx-h4-xs > sup, .rsx-h4-sm > sup, h5 sup, .rsx-h5 sup, .rsx-h5-xs > sup, .rsx-h5-sm > sup, h6 sup, .rsx-h6 sup, .rsx-h6-xs > sup, .rsx-h6-sm > sup, .rsx-promo-lg > sup, .rsx-promo-sm > sup { top: -0.7em; font-size: 50%; } h1.rsx-font-heavy, .rsx-h1.rsx-font-heavy, h2.rsx-font-heavy, .rsx-h2.rsx-font-heavy, h3.rsx-font-heavy, .rsx-h3.rsx-font-heavy, h4.rsx-font-heavy, .rsx-h4.rsx-font-heavy { font-family: 'rsx-font-heavy', Helvetica,Arial,sans-serif; } h1.rsx-font-heavy, .rsx-h1.rsx-font-heavy { letter-spacing: -1px; } h2.rsx-font-heavy, .rsx-h2.rsx-font-heavy { letter-spacing: -.8px; } h3.rsx-font-heavy, .rsx-h3.rsx-font-heavy { letter-spacing: -.5px; } h4.rsx-font-heavy, .rsx-h4.rsx-font-heavy { letter-spacing: -.5px; } h1.rsx-font-black, .rsx-h1.rsx-font-black, h2.rsx-font-black, .rsx-h2.rsx-font-black, h3.rsx-font-black, .rsx-h3.rsx-font-black, h4.rsx-font-black, .rsx-h4.rsx-font-black { font-family: 'rsx-font-black', Helvetica,Arial,sans-serif; } h1.rsx-font-black, .rsx-h1.rsx-font-black { letter-spacing: -1px; } h2.rsx-font-black, .rsx-h2.rsx-font-black { letter-spacing: -.8px; } h3.rsx-font-black, .rsx-h3.rsx-font-black { letter-spacing: -.5px; } h4.rsx-font-black, .rsx-h4.rsx-font-black { letter-spacing: -.5px; } @media (max-width: 519px) { .rsx-sans-font-xs { font-family: sans-serif !important; } .rsx-bell-font-xs { font-family: 'bell-slim' !important; } h1, .rsx-h1 { font-weight: 200; font-size: 32px; letter-spacing: -1.2px; line-height: 1.1; } h2, .rsx-h2 { font-weight: 200; font-size: 30px; letter-spacing: -1px; line-height: 1.15; } h3, .rsx-h3 { font-size: 24px; letter-spacing: -.4px; line-height: 1.1; font-weight: normal; } h4, .rsx-h4 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 18px; letter-spacing: -.4px; } h5, .rsx-h5 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 18px; letter-spacing: -.4px; } h6, .rsx-h6 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 18px; letter-spacing: -.4px; } .rsx-h1-xs { font-family: 'bell-slim'; font-weight: 200; font-size: 34px; letter-spacing: -2.15px; line-height: 1.1; } .rsx-h2-xs { font-family: 'bell-slim'; font-weight: 200; font-size: 30px; letter-spacing: -1px; line-height: 1.15; } .rsx-h3-xs { font-family: 'bell-slim'; font-size: 24px; letter-spacing: -.4px; line-height: 1.1; } .rsx-h4-xs { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 18px; letter-spacing: -.4px; } } @media (min-width: 520px) and (max-width: 999px) { .rsx-sans-font-sm { font-family: sans-serif !important; } .rsx-bell-font-sm { font-family: 'bell-slim' !important; } h1, .rsx-h1 { font-weight: 200; font-size: 34px; letter-spacing: -1.25px; line-height: 1.1; } h2, .rsx-h2 { font-weight: 200; font-size: 30px; letter-spacing: -1px; line-height: 1.15; } h3, .rsx-h3 { font-size: 24px; letter-spacing: -.4px; line-height: 1.1; } h4, .rsx-h4 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 18px; letter-spacing: -.4px; } h5, .rsx-h5 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 18px; letter-spacing: -.4px; } h6, .rsx-h6 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 18px; letter-spacing: -.4px; } .rsx-h1-sm { font-family: 'bell-slim'; font-weight: 200; font-size: 34px; letter-spacing: -1.25px; line-height: 1.1; } .rsx-h2-sm { font-family: 'bell-slim'; font-weight: 200; font-size: 30px; letter-spacing: -1px; line-height: 1.15; } .rsx-h3-sm { font-family: 'bell-slim'; font-size: 24px; letter-spacing: -.4px; line-height: 1.1; } .rsx-h4-sm { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 18px; letter-spacing: -.4px; } } @media (min-width: 1000px) and (max-width: 1239px) { .rsx-sans-font-md { font-family: sans-serif !important; } } @media (min-width: 1240px) { .rsx-sans-font-lg { font-family: sans-serif !important; } } .rsx-note { font-size: 12px !important; } .rsx-note p { margin-top: 3px; margin-bottom: 3px; } /*Global RSX header font heavy style*/ /** Global H1 Black Font **/ html[id="shop"] h1, html[id="shop"] .rsx-h1, html[id="shophello"] h1, html[id="shophello"] .rsx-h1 { font-family: rsx-font-black !important; letter-spacing: -1px; font-weight:200!important; -webkit-font-smoothing:antialiased; } /** Mobility Device product detail Black Font **/ html[id="shop"] h1.rsx-bell-font, html[id="shop"] .rsx-h1.rsx-bell-font, html[id="shophello"] h1.rsx-bell-font, html[id="shophello"] .rsx-h1.rsx-bell-font { font-family: rsx-font-black !important; font-weight: 200 !important; -webkit-font-smoothing:antialiased; } /** Bundles Page Banner Black font **/ html.js .rsx-offertile-gradient-title, html.js div.rsx-eshop-bundles-page h2.rsx-offertile-gradient-title, html.js div.rsx-eshop-bundles-page .rsx-h2.rsx-offertile-gradient-title { font-family: rsx-font-black !important; letter-spacing: -1px !important; font-weight: 200 !important; -webkit-font-smoothing:antialiased; } /*Fix the general H3 default weight in Firefox*/ h3 { font-weight: normal } /*Change the H2-H3 headings in Consumer Shop to Bell Slim Black*/ html#shop h2, html#shop .rsx-h2, html#shop h3, html#shop .rsx-h3 { font-family: 'rsx-font-black'; } /*To keep the the main nav LOB headings and Aliant login flyout headings as bell-slim*/ html#shop .rsx-connector h3, html#shop .rsx-connector h4 { font-family: 'bell-slim' } /*Change the H4 headings in Consumer Shop to Arial*/ html#shop h4, html#shop .rsx-h4 { font-family: Helvetica,Arial,sans-serif; } html#shop h2, html#shop .rsx-h2 { letter-spacing: -0.5px; } html#shop h3, html#shop .rsx-h3 { letter-spacing: -0.4px; } html#shop h4, html#shop .rsx-h4 { letter-spacing: normal; } html#shop h5, html#shop .rsx-h5 { font-weight: bold; } html#shop .rsx-h5, html#shop .rsx-h6 { font-family: Arial, Helvetica, sans-serif; letter-spacing: normal; } html#shop .rsx-h6 { font-weight: normal; } html#shop h6 { letter-spacing: normal; } /*for Mobility Device details page subheads, change to Bell Slim Black, but NOT the prices in Eshop*/ html#shop .rsx-bell-font:not(.rsx-price) { font-family: 'rsx-font-black' !important; } /*for Mobility Devices Apple tab, fixes Firefox weight on main heading*/ html#shop h2.rsx-txt-bold { font-weight: 400 !important; } /*for Internet packages page, fixes Firefox weight on tier names */ html#shop h3.rsx-txt-bold { font-weight: 400 !important; } /*for Why Bell TV page subheadings, fixes Firefox weight*/ html#shop [class^="fibe-main-container-section"] .rsx-h3 { font-weight: 400 } /*for Eshop solution builder top navigation headers for each LOB, change to normal font weight*/ .rsx-sb-menu nav > a > .rsx-h4 { font-weight: normal !important; } /*for Eshop checkout review page heading, change to 32px*/ .rsx-checkout-content h1#contentpagetitle { font-size: 32px; } /*styles for brand treatment - h2 - h6*/ .FTTH-section-2 h3, .FTTH-section-2 .HeaderFix, .rsx-bndl-address-bar-links-wrap h4, .rsx-sb-bndl-standard-address-bar_links > h4 { font-weight: normal !important; font-size: 18px !important; font-family: Helvetica,Arial,sans-serif !important; letter-spacing: normal !important; } @media (max-width: 999px) { .FTTH-section-2 h3, .FTTH-section-2 .HeaderFix, .rsx-bndl-address-bar-links-wrap h4, .rsx-sb-bndl-standard-address-bar_links > h4 { letter-spacing: -.4px !important; } } .special-promo h4 { font-size: 24px !important; letter-spacing: -0.4px !important; line-height: 1.1 !important; font-family: 'rsx-font-black' !important; } @media (max-width: 999px) { .special-promo h4 { font-weight: normal !important; } } /** * Video and video thumbnail styling. * * 1. Play Button * 1.1. Sizes * 1.1.1. Default * 1.1.2. Thumbnail * 2. Player */ /* 1. Play Button */ .rsx-video-play { display: block; position: relative; overflow: hidden; cursor: pointer; } .rsx-video-play:before, .rsx-video-play:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; } .rsx-video-play:before { z-index: 2; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: box-shadow .5s cubic-bezier(.55,0,.1,1), width .5s cubic-bezier(.55,0,.1,1), height .5s cubic-bezier(.55,0,.1,1); border-radius: 50%; opacity: .45; background-color: #fff; } .rsx-video-play:after { z-index: 3; -webkit-transform: translate(-12.5%, -50%); -ms-transform: translate(-12.5%, -50%); transform: translate(-12.5%, -50%); border-color: transparent; border-left-color: #fff; border-style: solid; transition: border-width .5s cubic-bezier(.55,0,.1,1); } .rsx-video-play_blue:before { opacity: .6; background-color: #00549a; } .rsx-video-play.rsx-video-play_blue:before { box-shadow: none; } /* 1.1. Sizes */ /* 1.1.1. Default */ @media (max-width: 639px) { .rsx-video-play:before { width: 100px; height: 100px; box-shadow: 0 0 50px -3px rgba(0,0,0,.25); } .rsx-video-play:hover:before { box-shadow: 0 0 50px 2px rgba(0,0,0,.8); } .rsx-video-play:after { border-width: 20px 34px; } } @media (min-width: 640px) { .rsx-video-play:before { width: 125px; height: 125px; box-shadow: 0 0 62.5px -3.75px rgba(0,0,0,.25); } .rsx-video-play:hover:before { box-shadow: 0 0 62.5px 2.5px rgba(0,0,0,.8); } .rsx-video-play:after { border-width: 25px 42.5px; } } /* 1.1.2. Thumbnail */ @media (max-width: 639px) { .rsx-video-play_thumb:before { width: 40px; height: 40px; box-shadow: 0 0 20px -1.2px rgba(0,0,0,.25); } .rsx-video-play_thumb:hover:before { box-shadow: 0 0 20px .8px rgba(0,0,0,.8); } .rsx-video-play_thumb:after { border-width: 8px 13.6px; } } @media (min-width: 640px) { .rsx-video-play_thumb:before { width: 50px; height: 50px; box-shadow: 0 0 25px -1.5px rgba(0,0,0,.25); } .rsx-video-play_thumb:hover:before { box-shadow: 0 0 25px 1px rgba(0,0,0,.8); } .rsx-video-play_thumb:after { border-width: 10px 17px; } } /* 2. Player */ #rsx-video-player { position: fixed; z-index: 100009; top: -100%; left: -100%; opacity: 0; transition: opacity .5s cubic-bezier(.55,0,.1,1); background-color: rgba(0,0,0,.8); } #rsx-video-player.rsx-open { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } #rsx-video-player.rsx-closing { opacity: 0; } #rsx-video-player > div { position: relative; width: 100%; height: 100%; } #rsx-video-player-close { display: block; position: absolute; z-index: 2002; top: 20px; right: 20px; cursor: pointer; width: 30px; height: 30px; background: none; border: none; padding: 0; } #rsx-video-player-close:hover, #rsx-video-player-close:focus{ text-decoration: none; } #rsx-video-player-close:focus { outline: 2px solid #a7c7ff; outline-offset: 2px; border-radius: 3px; } #rsx-video-player-close .rsx-icon { position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%,-51%); } #rsx-video-player-close:after { content: ""; border-radius: 50%; background-color: #e1e1e1; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-51%); } @media (max-width: 999px) { #rsx-video-player-close { text-align: center; display: block; position: absolute; z-index: 2002; top: -10px; right: -10px; padding-top: 25px; width: 80px; height: 80px; } } #rsx-video-player iframe { position: absolute; z-index: 2001; top: -100%; left: -100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 0; } #rsx-video-player iframe { top: 50%; left: 50%; } @media (min-height: 520px) { #rsx-video-player iframe { max-height: calc(100vh - 40px); } } @media (max-width: 639px) { #rsx-video-player iframe { width: 100vw; height: 100vh; } } @media (min-width: 640px) and (max-width: 999px) { #rsx-video-player iframe { width: 600px; height: 338px; } } @media (min-width: 1000px) and (max-width: 1239px) { #rsx-video-player iframe { width: 960px; height: 540px; } } @media (min-width: 1240px) { #rsx-video-player iframe { width: 1200px; height: 676px; } } /** * RSX Framework * Copyright 2020 Bell Canada * * Icon class references and import of icon font. * Reference: http://rsxdeployment.azurewebsites.net/docs/icons.html */ @font-face { font-family: 'bell-icon'; src: url(/styles/RSX/framework/css/fonts/bell-icon.woff) format('woff'),url(/styles/RSX/framework/css/fonts/bell-icon.svg) format("svg"); font-style: normal; font-display: block; } @font-face { font-family: 'bell-icon-outline'; src: url(/styles/RSX/framework/css/fonts/bell-icon-outline.woff2) format('woff2'), url(/styles/RSX/framework/css/fonts/bell-icon-outline.woff) format('woff'); font-weight: normal; font-style: normal; font-display: block; } .rsx-icon, .rsx-icon-o, .rsx-icon-s { font-style: normal; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rsx-icon:before { font-family: 'bell-icon'; /*Baseline alignment to use in text*/ position: relative; top: .1em; } .rsx-icon-o:before { font-family: 'bell-icon-outline'; } .rsx-icon-blue { display: inline-block; height: 20px; line-heighT: 20px; width: 20px; color: #fff; background-color: #00549a; border-radius: 50%; cursor: pointer; } a:link .rsx-icon:before, a:visited .rsx-icon:before, a:hover .rsx-icon:before, a:focus .rsx-icon:before a:active .rsx-icon:before { text-decoration: none; display: inline-block; } .rsx-icon-bell-chat:before { content: "\e60b"; } .rsx-icon-bell-logo:before { content: "\e600"; } .rsx-icon-bell-logo-aliant:before { content: "\e925"; } .rsx-icon-bell-logo-mts:before { content: "\e928"; } .rsx-icon-cart:before { content: "\e617"; } .rsx-icon-cart-big { font-size: 68px; color: rgb(1,85,155); } .rsx-icon-caret:before { content: "\e61a"; } .rsx-icon-check:before { content: "\e602"; } .rsx-icon-car:before { content: "\e623"; } .rsx-icon-check-light:before { content: "\e603"; } .rsx-icon-chat-bubble:before { content: "\e900"; } .rsx-icon-handset:before { content: "\e901"; } .rsx-icon-cell:before { content: "\e622"; } .rsx-icon-close:before { content: "\e624"; } .rsx-icon-close-solid:before { content: "\e60c"; } .rsx-icon-close-outline:before { content: "\e625"; } .rsx-icon-blog-en:before { content: "\e904"; font-size: 35px !important; top: 55% !important; } .rsx-icon-blog-fr:before { content: "\e905"; font-size: 57px !important; top: 55% !important; } .rsx-icon-chevron:before, .rsx-icon-chevron-up:before, .rsx-icon-chevron-right:before, .rsx-icon-chevron-down:before, .rsx-icon-chevron-left:before { content: "\e012"; display: inline-block; } .rsx-icon-chevron-up:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 45% 40%; -ms-transform-origin: 45% 40%; transform-origin: 45% 40%; } .rsx-icon-chevron-down:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .rsx-icon-chevron-left:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rsx-icon-chevron-bold:before{ content: "\e61d"; } .rsx-icon-envelope:before{ content: "\e621"; } .rsx-icon-exclamation:before, .rsx-icon-i:before { content: "\e604"; } .rsx-icon-i-solid:before { content: "\e60d"; } .rsx-icon-i-solid-white:before { content: "\e902"; } .rsx-icon-heart:before { content: "\e60e"; } .rsx-icon-home:before { content: "\e61c"; } .rsx-icon-i:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rsx-icon-location-pin:before { content: "\e620"; } .rsx-icon-magnifying-glass:before { content: "\e615"; } .rsx-icon-o-247:before { content: "24/7"; font-size: 32px !important; font-family: "bell-slim", helvetica, arial, sans-serif; font-weight: 200 !important; } .rsx-icon-magnifying-glass-circled { position: absolute; right: 15px; top: 0; border: 2px solid #0066a4; border-radius: 50%; color: #0066a4; width: 40px; height: 40px; padding-top: 4px; } .rsx-icon-magnifying-glass-circled:before { content: "\e615"; font-size: 20px; } .rsx-icon-minus:before { content: "\e606"; } .rsx-icon-mobile-menu:before { content: "\e618"; } .rsx-icon-play-icon:before { content: "\e608"; } .rsx-icon-x:before, .rsx-icon-plus:before { content: "\e007"; } .rsx-icon-x:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; } .rsx-icon-select-trigger:before { content: "\e601"; } .rsx-icon-select-trigger-chevrons:before { content: "\e61e"; } .rsx-icon-silhouette:before { content: "\e616"; } .rsx-icon-samsung-logo:before { content: "\e605"; display: block; font-size: 120px; margin-top: -40px; margin-bottom: -60px; } .rsx-icon-silhouette-standing:before { content: "\e607"; } .rsx-icon-check-circled:before { content: "\e609"; } .rsx-icon-exclamation-circled:before { content: "\e60a"; } .rsx-icon-resize:before { content: "\e61f"; } .rsx-icon-star:before { content: "\e60f"; } .rsx-icon-check-circled-outline:before { content: "\e610"; } .rsx-icon-linkedin:before { content: "\e611"; } .rsx-icon-twitter:before { content: "\e612"; left: -1px; top: 4px; } .rsx-icon-youtube:before { content: "\e613"; } .rsx-icon-youtube-alt:before { content: "\e929"; } .rsx-icon-instagram:before { content: "\e92b"; } .rsx-icon-calendar:before { content: "\e92a"; } .rsx-icon-headset:before { content: "\e92c"; } .rsx-icon-google-plus:before { content: "\e614"; } .rsx-icon-facebook:before { content: "\e619"; left: 3px; } .rsx-icon-clock:before { content: "\e61b"; } .rsx-icon-pdf:before { content: "\e903"; } .icon-subscriber:before { content: "\e908"; } .icon-contract:before { content: "\e907"; } .icon-billing:before { content: "\e906"; } .icon-billing-solid:before { content: "\e909"; } .icon-billing-account:before { content: "\e90a"; } .icon-more-details-pill:before { content: "\e90b"; } .icon-subscriber-outline-circled:before { content: "\e90c"; } .icon-info-outline-circled:before { content: "\e90d"; } .icon-collapse-outline-circled:before { content: "\e90e"; } .icon-exapnd-outline-circled:before { content: "\e90f"; } .rsx-icon-arrow-up:before { content: "\e923"; } .rsx-icon-mic:before { content: "\e970"; } /*Custom blog icons to match mockup for footer enhancement*/ .icon-blog-txt:before { font-family: "rsx-font-black",Helvetica,Arial,sans-serif !important; line-height: 26px; letter-spacing: -0.5px; font-style: normal; text-decoration: none; } .icon-blog-txt:focus, .icon-blog-txt:hover { text-decoration: none; } .icon-blog-txt-fr:before{ content: "Blogue"; } .icon-blog-txt-en:before{ content: "Blog"; } /* Some common circle + icon presets */ .rsx-toggle-more { display: inline-block; position: relative; font-size: 18px; padding-left: 30px; line-height: 1.3; } .rsx-toggle-more:before { content: ''; display: block; position: absolute; width: 22px; height: 22px; border: 1px solid #0066a4; border-radius: 50%; left: 0; } .rsx-toggle-more:after { font-family: 'bell-icon'; content: '\e007'; position: absolute; top: 11px; left: 11px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 11px; line-height: 1; color: #0066a4; } .rsx-more-link { position: relative; padding-right: 25px; display: inline-block; } .rsx-more-link:after { font-family: 'bell-icon'; content: '\e608'; padding-left: 5px; margin-top: 2px; position: absolute; line-height: 1; } .rsx-more-link.rsx-more-link_before { padding-left: 25px; } .rsx-more-link.rsx-more-link_before:after { left: 0; } /* icon helper classes */ .rsx-icon-circle-xsmall, .rsx-icon-circle-small, .rsx-icon-circle-medium, .rsx-icon-circle-70, .rsx-icon-circle-large, .rsx-icon-circle-110, .rsx-icon-circle-xlarge { display: inline-block; position: relative; width: 18px; height: 18px; border: 2px solid #00549a; border-radius: 50%; color: #00549a; } .rsx-icon-circle-xsmall .rsx-text, .rsx-icon-circle-small .rsx-text, .rsx-icon-circle-medium .rsx-text, .rsx-icon-circle-70 .rsx-text, .rsx-icon-circle-large .rsx-text, .rsx-icon-circle-110 .rsx-text, .rsx-icon-circle-xlarge .rsx-text { display: inline-block; text-align: center; width: 100%; } .rsx-icon-circle-xsmall .rsx-text { line-height: 14px; font-size: 10px; } .rsx-icon-circle-small .rsx-text { line-height: 36px; font-size: 18px; } .rsx-icon-circle-medium .rsx-text { line-height: 56px; font-size: 27px; } .rsx-icon-circle-70 .rsx-text { line-height: 66px; font-size: 30px; } .rsx-icon-circle-large .rsx-text { line-height: 76px; font-size: 35px; } .rsx-icon-circle-110 .rsx-text { line-height: 106px; font-size: 45px; } .rsx-icon-circle-xlarge .rsx-text { line-height: 136px; font-size: 55px; } .rsx-icon-circle-xsmall:before, .rsx-icon-circle-small:before, .rsx-icon-circle-medium:before, .rsx-icon-circle-70:before, .rsx-icon-circle-large:before, .rsx-icon-circle-110:before, .rsx-icon-circle-xlarge:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rsx-icon-circle-xsmall { width: 18px; height: 18px; } .rsx-icon-circle-small { width: 40px; height: 40px; } .rsx-icon-circle-medium { width: 60px; height: 60px; } .rsx-icon-circle-70 { width: 70px; height: 70px; } .rsx-icon-circle-large { width: 80px; height: 80px; } .rsx-icon-circle-110 { width: 110px; height: 110px; } .rsx-icon-circle-xlarge { width: 140px; height: 140px; } .rsx-icon-xsmall:before, .rsx-icon-circle-xsmall:before { font-size: 10px; } .rsx-icon-small:before, .rsx-icon-circle-small:before { font-size: 37px; } .rsx-icon-medium:before, .rsx-icon-circle-medium:before { font-size: 58px; } .rsx-icon-70:before, .rsx-icon-circle-70:before { font-size: 70px; } .rsx-icon-large:before, .rsx-icon-circle-large:before { font-size: 78px; } .rsx-icon-110:before, .rsx-icon-circle-110:before { font-size: 110px; } .rsx-icon-xlarge:before, .rsx-icon-circle-xlarge:before { font-size: 137px; } .rsx-icon-circle-xsmall.rsx-icon-circle_solid, .rsx-icon-circle-small.rsx-icon-circle_solid, .rsx-icon-circle-70.rsx-icon-circle_solid, .rsx-icon-circle-large.rsx-icon-circle_solid, .rsx-icon-circle-110.rsx-icon-circle_solid, .rsx-icon-circle-xlarge.rsx-icon-circle_solid { border-color: #00549a; background-color: #00549a; } .rsx-icon-circle-xsmall.rsx-icon-circle_inverse, .rsx-icon-circle-small.rsx-icon-circle_inverse, .rsx-icon-circle-medium.rsx-icon-circle_inverse, .rsx-icon-circle-70.rsx-icon-circle_inverse, .rsx-icon-circle-large.rsx-icon-circle_inverse, .rsx-icon-circle-110.rsx-icon-circle_inverse, .rsx-icon-circle-xlarge.rsx-icon-circle_inverse { border-color: #fff; } .rsx-icon-circle-xsmall.rsx-icon-circle_solid:before, .rsx-icon-circle-small.rsx-icon-circle_solid:before, .rsx-icon-circle-medium.rsx-icon-circle_solid:before, .rsx-icon-circle-70.rsx-icon-circle_solid:before, .rsx-icon-circle-large.rsx-icon-circle_solid:before, .rsx-icon-circle-110.rsx-icon-circle_solid:before, .rsx-icon-circle-xlarge.rsx-icon-circle_solid:before, .rsx-icon-circle-xsmall.rsx-icon-circle_inverse:before, .rsx-icon-circle-small.rsx-icon-circle_inverse:before, .rsx-icon-circle-medium.rsx-icon-circle_inverse:before, .rsx-icon-circle-70.rsx-icon-circle_inverse:before, .rsx-icon-circle-large.rsx-icon-circle_inverse:before, .rsx-icon-circle-110.rsx-icon-circle_inverse:before, .rsx-icon-circle-xlarge.rsx-icon-circle_inverse:before, .rsx-icon-circle-xsmall.rsx-icon-circle_solid, .rsx-icon-circle-small.rsx-icon-circle_solid, .rsx-icon-circle-medium.rsx-icon-circle_solid, .rsx-icon-circle-70.rsx-icon-circle_solid, .rsx-icon-circle-large.rsx-icon-circle_solid, .rsx-icon-circle-110.rsx-icon-circle_solid, .rsx-icon-circle-xlarge.rsx-icon-circle_solid, .rsx-icon-circle-xsmall.rsx-icon-circle_inverse, .rsx-icon-circle-small.rsx-icon-circle_inverse, .rsx-icon-circle-medium.rsx-icon-circle_inverse, .rsx-icon-circle-70.rsx-icon-circle_inverse, .rsx-icon-circle-large.rsx-icon-circle_inverse, .rsx-icon-circle-110.rsx-icon-circle_inverse, .rsx-icon-circle-xlarge.rsx-icon-circle_inverse { color: #fff; } .rsx-icon-circle-xsmall.rsx-icon-circle_solid.rsx-icon-circle_inverse, .rsx-icon-circle-small.rsx-icon-circle_solid.rsx-icon-circle_inverse, .rsx-icon-circle-medium.rsx-icon-circle_solid.rsx-icon-circle_inverse, .rsx-icon-circle-70.rsx-icon-circle_solid.rsx-icon-circle_inverse, .rsx-icon-circle-large.rsx-icon-circle_solid.rsx-icon-circle_inverse, .rsx-icon-circle-110.rsx-icon-circle_solid.rsx-icon-circle_inverse, .rsx-icon-circle-xlarge.rsx-icon-circle_solid.rsx-icon-circle_inverse { border-color: #fff; background-color: #fff; } .rsx-icon-circle-xsmall.rsx-icon-circle_solid.rsx-icon-circle_inverse:before, .rsx-icon-circle-small.rsx-icon-circle_solid.rsx-icon-circle_inverse:before, .rsx-icon-circle-medium.rsx-icon-circle_solid.rsx-icon-circle_inverse:before, .rsx-icon-circle-70.rsx-icon-circle_solid.rsx-icon-circle_inverse:before, .rsx-icon-circle-large.rsx-icon-circle_solid.rsx-icon-circle_inverse:before, .rsx-icon-circle-110.rsx-icon-circle_solid.rsx-icon-circle_inverse:before, .rsx-icon-circle-xlarge.rsx-icon-circle_solid.rsx-icon-circle_inverse:before { color: #00549a; } .rsx-icon-circle-small .rsx-icon-circle-txt { font-size: 24px; width: 37px; text-align: center; display: inline-block; line-height: 1.5; } [class*="rsx-icon-arrow-"] { transition: -webkit-transform .5s cubic-bezier(.55, 0, .1, 1); transition: transform .5s cubic-bezier(.55, 0, .1, 1); } .rsx-icon-size-small { font-size: 20px !important; } .rsx-icon-size-medium { font-size: 40px !important; } .rsx-icon-size-110 { font-size: 50px !important; } .rsx-icon-size-large { font-size: 60px !important; } .rsx-icons-group { white-space: nowrap; } .rsx-icons-group > .rsx-icon-o:not(:first-child) { margin-left: -20px; } .rsx-icon-location-pin-outline:before { content: "\e924"; } @media (max-width: 519px) { .rsx-icon-circle-large:before { font-size: 52px; } } /* circled colors */ .rsx-icon-circle_white { border-color: #fff; color: #fff; } .rsx-icon-choose-file:before { content: "\e927"; } /* Outline style icons */ .rsx-icon-o-battery:before { content: "\e600"; } .rsx-icon-o-camera:before { content: "\e601"; } .rsx-icon-o-camera-shutter:before { content: "\e602"; } .rsx-icon-o-cellphone:before { content: "\e603"; } .rsx-icon-o-chat-bubble:before { content: "\e604"; } .rsx-icon-o-clock:before { content: "\e606"; } .rsx-icon-o-crescent:before { content: "\e605"; } .rsx-icon-o-cycle:before { content: "\e607"; } .rsx-icon-o-data-0:before { content: "\e608"; } .rsx-icon-o-data-1:before { content: "\e609"; } .rsx-icon-o-data-2:before { content: "\e60a"; } .rsx-icon-o-data-3:before { content: "\e60b"; } .rsx-icon-o-data-4:before { content: "\e60c"; } .rsx-icon-o-envelope:before { content: "\e60d"; } .rsx-icon-o-fibe:before { content: "\e634"; } .rsx-icon-o-gear:before { content: "\e60e"; } .rsx-icon-o-globe:before { content: "\e60f"; } .rsx-icon-o-handset:before { content: "\e610"; } .rsx-icon-o-headphones:before { content: "\e611"; } .rsx-icon-o-homephone:before { content: "\e612"; } .rsx-icon-o-house:before { content: "\e635"; } .rsx-icon-o-houses:before { content: "\e808"; } .rsx-icon-o-id:before { content: "\e613"; } .rsx-icon-o-id-alt:before { content: "\e935"; } .rsx-icon-o-infinity:before { content: "\e614"; } .rsx-icon-o-laptop:before { content: "\e615"; } .rsx-icon-o-lightning-bolt:before { content: "\e616"; } .rsx-icon-o-location:before { content: "\e617"; } .rsx-icon-o-paper-plane:before { content: "\e618"; } .rsx-icon-o-play-icon:before { content: "\e619"; } .rsx-icon-o-receiver:before { content: "\e61a"; } .rsx-icon-o-shield:before { content: "\e61b"; } .rsx-icon-o-silhouette:before { content: "\e61c"; } .rsx-icon-o-silhouette-id:before { content: "\e61d"; } .rsx-icon-o-speed-0:before { content: "\e61e"; } .rsx-icon-o-speed-1:before { content: "\e61f"; } .rsx-icon-o-speed-2:before { content: "\e620"; } .rsx-icon-o-speed-3:before { content: "\e621"; } .rsx-icon-o-speed-4:before { content: "\e622"; } .rsx-icon-o-speed-6:before { content: "\e622"; } .rsx-icon-o-tower:before { content: "\e623"; } .rsx-icon-o-tv:before { content: "\e624"; } .rsx-icon-o-up-arrow:before, .rsx-icon-o-down-arrow:before { content: "\e625"; } .rsx-icon-o-down-arrow:before { display: inline-block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rsx-icon-o-globe-half:before { content: "\e626"; } .rsx-icon-o-globe-three-quarters:before { content: "\e627"; } .rsx-icon-o-play-few-times-a-week:before { content: "\e628"; } .rsx-icon-o-play-everyday:before { content: "\e629"; } .rsx-icon-o-download-rarely:before { content: "\e62A"; } .rsx-icon-o-download-few-times-a-week:before { content: "\e62B"; } .rsx-icon-o-download-almost-everyday:before { content: "\e62C"; } .rsx-icon-o-email:before { content: "\e62D"; } .rsx-icon-o-music-rarely:before { content: "\e62E"; } .rsx-icon-o-music-few-times-a-week:before { content: "\e62F"; } .rsx-icon-o-music-almost-every-day:before { content: "\e630"; } .rsx-icon-o-silhouette-standing:before { content: "\e631"; } .rsx-icon-o-most-popular:before { content: "\e632"; } .rsx-icon-o-movies:before { content: "\e633"; } .rsx-icon-o-phone-plus:before { content: "\e636"; } .rsx-icon-o-phone-in-hand:before { content: "\e637"; } .rsx-icon-o-tablet:before { content: "\e638"; } .rsx-icon-o-speed-5:before { content: "\e639"; } .rsx-icon-o-bars:before { content: "\e63a"; } .rsx-icon-o-tag:before { content: "\e63b"; } .rsx-icon-o-star:before { content: "\e63c"; } .rsx-icon-o-24:before { content: "\e63d"; } .rsx-icon-o-arbor:before { content: "\e63e"; } .rsx-icon-o-battcharge:before { content: "\e63f"; } .rsx-icon-o-bluetooth:before { content: "\e640"; } .rsx-icon-o-bytablet:before, .rsx-icon-o-bring-yotablet:before { content: "\e641"; } .rsx-icon-o-browsesupp:before { content: "\e642"; } .rsx-icon-o-calendar:before { content: "\e643"; } .rsx-icon-o-canada:before { content: "\e644"; } .rsx-icon-o-hands-free:before, .rsx-icon-o-handsfree:before { content: "\e645"; } .rsx-icon-o-memorycard:before { content: "\e646"; } .rsx-icon-o-questions-about-bell-mail:before { content: "\e647"; } .rsx-icon-o-sheet:before, .rsx-icon-o-screenprotector:before { content: "\e648"; } .rsx-icon-o-smart-acc:before { content: "\e649"; } .rsx-icon-o-browsesupp:before, .rsx-icon-o-changemyrateplan:before { content: "\e64a"; } .rsx-icon-o-forgotpassword:before { content: "\e64b"; } .rsx-icon-o-power_symbol:before { content: "\e64c"; } .rsx-icon-o-glossary:before { content: "\e64d"; } .rsx-icon-o-hdtv:before { content: "\e64e"; } .rsx-icon-o-headphone:before { content: "\e64f"; } .rsx-icon-o-heart:before { content: "\e650"; } .rsx-icon-o-hintsandtips:before { content: "\e651"; } .rsx-icon-o-notifyme-limit:before { content: "\e652"; } .rsx-icon-o-netflix:before { content: "\e936"; } .rsx-icon-o-4k-hdtv:before { content: "\e937"; } .rsx-icon-o-changeYourfab5-10:before { content: "\e653"; } .rsx-icon-o-changeyourprogramming:before { content: "\e654"; } .rsx-icon-o-checkmycurrentbalance:before { content: "\e655"; } .rsx-icon-o-chooiceof4packages:before { content: "\e656"; } .rsx-icon-o-cloud:before { content: "\e657"; } .rsx-icon-o-compareprogramming:before { content: "\e658"; } .rsx-icon-o-consoldateyourbills:before { content: "\e659"; } .rsx-icon-o-create_mail_account:before { content: "\e65a"; } .rsx-icon-o-currentinternetusage:before { content: "\e65b"; } .rsx-icon-o-diagnoseandfixpcproblems:before { content: "\e65c"; } .rsx-icon-o-download:before { content: "\e65d"; } .rsx-icon-o-upload:before { content: "\e65d"; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); display:inline-block } .rsx-icon-o-ebill:before { content: "\e65e"; } .rsx-icon-o-edit:before { content: "\e65f"; } .rsx-icon-o-estimateusage:before { content: "\e660"; } .rsx-icon-o-expandcircle:before { content: "\e661"; } .rsx-icon-o-expandx:before { content: "\e662"; } .rsx-icon-o-fiberoptics:before { content: "\e663"; } .rsx-icon-o-find_channel:before { content: "\e664"; } .rsx-icon-o-find_areacode:before { content: "\e665"; } .rsx-icon-o-forgot_username:before { content: "\e666"; } .rsx-icon-o-accessibility_rate_plans:before { content: "\e944"; } .rsx-icon-o-forgot_youpasscode:before { content: "\e667"; } .rsx-icon-o-forward_yourcalls:before { content: "\e668"; } .rsx-icon-o-french:before { content: "\e669"; } .rsx-icon-o-international:before { content: "\e66a"; } .rsx-icon-o-internetplans:before { content: "\e66b"; } .rsx-icon-o-internet:before { content: "\e66c"; } .rsx-icon-o-keyboard:before { content: "\e66d"; } .rsx-icon-o-leaf:before { content: "\e66e"; } .rsx-icon-o-learnmore_mail:before { content: "\e66f"; } .rsx-icon-o-learnmore_mcAfee:before { content: "\e670"; } .rsx-icon-o-manufacturer_warranty:before { content: "\e671"; } .rsx-icon-o-mic:before { content: "\e673"; } .rsx-icon-o-mobiletv:before { content: "\e674"; } .rsx-icon-o-move_satellite:before { content: "\e675"; } .rsx-icon-o-moving:before { content: "\e676"; } .rsx-icon-o-on_demand:before { content: "\e677"; } .rsx-icon-o-os:before { content: "\e678"; } .rsx-icon-o-receiver2:before { content: "\e679"; } .rsx-icon-o-www:before { content: "\e67a"; } .rsx-icon-o-longdistance_ratecharts:before { content: "\e67b"; } .rsx-icon-o-mac:before { content: "\e67c"; } .rsx-icon-o-overthephone:before { content: "\e67d"; } .rsx-icon-o-paperbill:before { content: "\e67e"; } .rsx-icon-o-phonenumber:before { content: "\e67f"; } .rsx-icon-o-processor:before { content: "\e680"; } .rsx-icon-o-recordapvrshow:before { content: "\e681"; } .rsx-icon-o-repairs-installs-troubleshooting:before { content: "\e682"; } .rsx-icon-o-temporarysuspend:before { content: "\e683"; } .rsx-icon-o-usage:before { content: "\e684"; } .rsx-icon-o-userguilde:before { content: "\e685"; } .rsx-icon-o-usinginternet:before { content: "\e686"; } .rsx-icon-o-voice:before { content: "\e687"; } .rsx-icon-o-watchshowsonline:before { content: "\e688"; } .rsx-icon-o-wifi:before { content: "\e689"; } .rsx-icon-o-windows:before { content: "\e68a"; } .rsx-icon-o-wirecare:before { content: "\e68b"; } .rsx-icon-o-wirelessconnection:before { content: "\e68c"; } .rsx-icon-o-displaysize:before { content: "\e68d"; } .rsx-icon-o-picture:before { content: "\e68e"; } .rsx-icon-o-play:before { content: "\e68f"; } .rsx-icon-o-screensize:before { content: "\e690"; } .rsx-icon-o-secure_internet_connection:before { content: "\e691"; } .rsx-icon-o-signintobellmail:before { content: "\e692"; } .rsx-icon-o-smarttips:before { content: "\e693"; } .rsx-icon-o-smart_touch, .rsx-icon-o-smarttouch:before { content: "\e694"; } .rsx-icon-o-smartphonecare:before { content: "\e695"; } .rsx-icon-o-softwareupdate:before { content: "\e696"; } .rsx-icon-o-software:before { content: "\e697"; } .rsx-icon-o-sports:before { content: "\e698"; } .rsx-icon-o-temporarysuspendservice:before { content: "\e699"; } .rsx-icon-o-travellingcanada:before { content: "\e69a"; } .rsx-icon-o-travellingcoverage:before { content: "\e69b"; } .rsx-icon-o-tutorial:before { content: "\e69c"; } .rsx-icon-o-tvpackages:before { content: "\e69d"; } .rsx-icon-o-upgradeoradd:before { content: "\e69e"; } .rsx-icon-o-plus:before { content: "\e69e"; } .rsx-icon-o-USflag:before { content: "\e69f"; } .rsx-icon-o-dollarsign_dblcircle:before { content: "\e6a0"; } .rsx-icon-o-family_contact_card:before { content: "\e6a1"; } .rsx-icon-o-family_contact_card-aliant:before { content: "\e99c"; } .rsx-icon-o-calling_card:before { content: "\e6a2"; } .rsx-icon-o-calling_card-aliant:before { content: "\e992"; } .rsx-icon-o-mcafee:before { content: "\e6a3"; } .rsx-icon-o-indent_a_call:before { content: "\e6a4"; } .rsx-icon-o-visual_call_waiting:before { content: "\e6a5"; } .rsx-icon-o-threeway_calling:before { content: "\e6a6"; } .rsx-icon-o-resource_centre:before { content: "\e6a7"; } .rsx-icon-o-lte_world_fastest:before { content: "\e6a8"; } .rsx-icon-o-data-5:before { content: "\e6a9"; } .rsx-icon-o-data-6:before { content: "\e700"; } .rsx-icon-o-speed-4:before { content: "\e701"; } .rsx-icon-o-speed-5:before { content: "\e702"; } .rsx-icon-o-speed-5:before { content: "\e701"; } .rsx-icon-o-speed-6:before { content: "\e702"; } .rsx-icon-o-speed-giga:before { content: "\e672"; } .rsx-icon-o-touch_changeplans:before { content: "\e703"; } .rsx-icon-o-4kvideo:before { content: "\e6aa"; } .rsx-icon-o-access_content:before { content: "\e6ab"; } .rsx-icon-o-mobilepay_resistant:before { content: "\e6ac"; } .rsx-icon-o-silentmode:before { content: "\e6ad"; } .rsx-icon-o-speakers:before { content: "\e6ae"; } .rsx-icon-o-notifications:before { content: "\e6af"; } .rsx-icon-o-stylus:before { content: "\e6b0"; } .rsx-icon-o-touch_id:before { content: "\e6b1"; } .rsx-icon-o-water_dust_resistant:before { content: "\e6b2"; } .rsx-icon-o-home_easyaccess:before { content: "\e6b3"; } .rsx-icon-o-multitasking:before { content: "\e6b4"; } .rsx-icon-o-position_recognition:before { content: "\e6b5"; } .rsx-icon-o-physical_size:before { content: "\e6b6"; } .rsx-icon-o-qwerty_keyboard:before { content: "\e6b7"; } .rsx-icon-o-privacy_security:before { content: "\e6b8"; } .rsx-icon-o-connected_devices:before { content: "\e6b9"; } .rsx-icon-o-ptt_dedicated:before { content: "\e6ba"; } .rsx-icon-o-rugged_design:before { content: "\e6bb"; } .rsx-icon-o-aircommands:before { content: "\e6bc"; } .rsx-icon-o-flip_phone:before { content: "\e6bf"; } .rsx-icon-o-ptt_compatible:before { content: "\e6c0"; } .rsx-icon-o-ilw_safety:before { content: "\e6bd"; } .rsx-icon-o-military_grade:before { content: "\e6d4"; } .rsx-icon-o-intrinsically_safe:before { content: "\e6d5"; } .rsx-icon-o-turbo_stick:before { content: "\e6c1"; } .rsx-icon-o-hdmi:before { content: "\e6d7"; } .rsx-icon-o-contacts:before { content: "\e6d8"; } .rsx-icon-o-messages:before { content: "\e6d9"; } .rsx-icon-o-temperature:before { content: "\e6c9"; } .rsx-icon-o-humidity_resistant:before { content: "\e6db"; } .rsx-icon-o-vibration_resistant:before { content: "\e6dc"; } .rsx-icon-o-plugging_landline_phone:before { content: "\e6dd"; } .rsx-icon-o-wireless_charging:before { content: "\e6de"; } .rsx-icon-o-ms_office:before { content: "\e6df"; } .rsx-icon-o-retina_display:before { content: "\e6e0"; } .rsx-icon-o-all_new_design:before { content: "\e6e1"; } .rsx-icon-o-m8motion_coprocessor:before { content: "\e6e2"; } .rsx-icon-o-isight_camera:before { content: "\e6e3"; } .rsx-icon-o-facetime:before { content: "\e6e4"; } .rsx-icon-o-22hrs_batterylife:before { content: "\e6e5"; } .rsx-icon-o-htc_blinkfeed:before { content: "\e6ea"; } .rsx-icon-o-dual_speaker:before { content: "\e6eb"; } .rsx-icon-o-knock_code:before { content: "\e6ec"; } .rsx-icon-o-smart_notice:before { content: "\e6f3"; } .rsx-icon-o-optical_stabilization:before { content: "\e6be"; } .rsx-icon-o-selective_focus:before { content: "\e6ca"; } .rsx-icon-o-gorilla_glass:before { content: "\e6c2"; } .rsx-icon-o-25h_talktime:before { content: "\e710"; } .rsx-icon-o-48h_power:before { content: "\e711"; } .rsx-icon-o-1_3megapixel_camera:before { content: "\e712"; } .rsx-icon-o-2tb_memory:before { content: "\e713"; } .rsx-icon-o-8megapixel_camera:before { content: "\e714"; } .rsx-icon-o-mcafee_good:before { content: "\e715"; } .rsx-icon-o-mcafee_better:before { content: "\e716"; } .rsx-icon-o-mcafee_best:before { content: "\e717"; } .rsx-icon-o-video_game01:before { content: "\e718"; } .rsx-icon-o-video_game02:before { content: "\e719"; } .rsx-icon-o-datacalc_dataapp:before { content: "\e93c"; } .rsx-icon-o-video_game03:before { content: "\e71a"; } .rsx-icon-o-all_metalbody:before { content: "\e6c3"; } .rsx-icon-o-fast_charging:before { content: "\e6c4"; } .rsx-icon-o-21h_talktime:before { content: "\e6c5"; } .rsx-icon-o-stamina_mode:before { content: "\e6c7"; } .rsx-icon-o-tomorrow_tech:before { content: "\e800"; } .rsx-icon-o-24cc:before { content: "\e801"; } .rsx-icon-o-sport-baseball:before { content: "\e802"; } .rsx-icon-o-movie-ticket:before { content: "\e803"; } .rsx-icon-o-tv-preview:before { content: "\e804"; } .rsx-icon-o-fibe-restart:before { content: "\e805"; } .rsx-icon-o-fibe-on-demand:before { content: "\e806"; } .rsx-icon-o-whats-on:before { content: "\e807"; } .rsx-icon-o-fibetv:before { content: "\e809"; } .rsx-icon-o-kids:before { content: "\e80a"; } .rsx-icon-o-search:before { content: "\e80b"; } .rsx-icon-o-smart-acc2:before { content: "\e80c"; } .rsx-icon-o-recordings:before { content: "\e80d"; } .rsx-icon-o-military_grade:before { content: "\e900"; } .rsx-icon-o-screen-choice:before { content: "\e901"; } .rsx-icon-o-ptt_compatible:before { content: "\e902"; } .rsx-icon-o-aircommands:before { content: "\e903"; } .rsx-icon-o-water_dust_resistant:before { content: "\e904"; } .rsx-icon-o-glove-wetfingers:before { content: "\e905"; } .rsx-icon-o-vibration_resistant:before { content: "\e906"; } .rsx-icon-o-quick-setup:before { content: "\e907"; } .rsx-icon-o-colour-display:before { content: "\e908"; } .rsx-icon-o-high-humidity:before { content: "\e909"; } .rsx-icon-o-user-plus:before { content: "\e90a"; } .rsx-icon-o-5mp-camera:before { content: "\e90b"; } .rsx-icon-o-24h-battery:before { content: "\e90c"; } .rsx-icon-o-8mp-isight:before { content: "\e90d"; } .rsx-icon-specifications.rsx-icon-o-8mp-isight:before{ top: 70%; left: 70%; } .rsx-icon-o-21mp-camera:before { content: "\e90e"; } .rsx-icon-o-close-outline-lite:before { content: "\e90f"; } .rsx-icon-o-exclamation-circle:before { content: "\e910"; } .rsx-icon-o-battery-charge-h:before { content: "\e911"; } .rsx-icon-o-memory-card2:before { content: "\e912"; } .rsx-icon-o-cloud-backup:before { content: "\e913"; } .rsx-icon-o-message-center:before { content: "\e914"; } .rsx-icon-o-voice-to-text:before { content: "\e915"; } .rsx-icon-o-anti-spam:before { content: "\e916"; } .rsx-icon-o-unlimited:before { content: "\e917"; } .rsx-icon-o-mobilietv-addon:before { content: "\e918"; } .rsx-icon-o-voicemail:before { content: "\e919"; } .rsx-icon-o-shield-reliable:before { content: "\e91a"; } .rsx-icon-o-alarm:before { content: "\e91b"; } .rsx-icon-o-whole-home-pvr:before { content: "\e91c"; } .rsx-icon-o-operating-system:before { content: "\e91d"; } .rsx-icon-o-fastest:before { content: "\e91e"; } .rsx-icon-o-never:before { content: "\e91f"; } .rsx-icon-o-arrow-up:before { content: "\e920"; } .rsx-icon-o-facetime-hd:before { content: "\e921"; } .rsx-icon-specifications.rsx-icon-o-facetime-hd:before { top: 60%; } .rsx-icon-o-eye:before { content: "\e922"; } .rsx-icon-o-wheelchair:before { content: "\e925"; } .rsx-icon-o-mms:before { content: "\e974"; font-size: 38px !important; } .rsx-icon-o-hearing:before { content: "\e923"; } .rsx-icon-o-puzzle-piece:before { content: "\e924"; } .rsx-icon-o-call-management:before { content: "\e92e"; } .rsx-icon-o-exclamation-circle-alt:before { content: "\e926"; } .rsx-icon-o-screen-reader:before { content: "\e92a"; } .rsx-icon-o-cc:before { content: "\e92d"; } .rsx-icon-o-hearing-aid:before { content: "\e929"; } .rsx-icon-o-phone-lock:before { content: "\e928"; } .rsx-icon-o-contact-list:before { content: "\e92c"; } .rsx-icon-o-alert:before { content: "\e927"; } .rsx-icon-o-checklist:before { content: "\e92b"; } .rsx-icon-o-restart:before { content: "\e92f"; } .rsx-icon-o-pvr:before { content: "\e930"; } .rsx-icon-o-move-tv:before { content: "\e931"; } .rsx-icon-o-home-wifi:before { content: "\e932"; } .rsx-icon-o-sound-quality:before { content: "\e933"; } .rsx-icon-o-fibe-speed:before { content: "\e934"; } .rsx-icon-o-add-phone:before { content: "\e938"; } .rsx-icon-o-business:before { content: "\e939"; } .rsx-icon-o-upgrade:before { content: "\e93a"; } .rsx-icon-o-wearable-watch:before { content: "\e93b"; } .rsx-icon-o-phone-dollar:before { content: "\e93d"; } .rsx-icon-o-blue-star:before { content: "\e93e"; } .rsx-icon-o-ipad-iphone:before { content: "\e93f"; } .rsx-icon-o-phone-bars:before { content: "\e940"; } .rsx-icon-o-simple-printer:before { content: "\e941"; } .rsx-icon-o-phone-star:before { content: "\e942"; } .rsx-icon-o-harddrive-button:before { content: "\e943"; } .rsx-icon-o-access_plans:before { content: "\e945"; } .rsx-icon-o-shopping-bag:before { content: "\e95b"; } .rsx-icon-o-three-screens:before{ content: "\e9ab"; } .icon-subscriber:before { content: "\e908"; } .icon-contract:before { content: "\e907"; } .icon-billing:before { content: "\e906"; } .icon-billing-solid:before { content: "\e909"; } .icon-billing-account:before { content: "\e90a"; } .icon-more-details-pill:before { content: "\e90b"; } .icon-subscriber-outline-circled:before { content: "\e90c"; } .icon-info-outline-circled:before { content: "\e90d"; } .icon-collapse-outline-circled:before { content: "\e90e"; } .icon-exapnd-outline-circled:before { content: "\e90f"; } .icon-date-setting:before { content: "\e910"; } .icon-pending-transaction:before { content: "\e911"; } .icon-billing-outline:before { content: "\e912"; } .icon-checkmark-circled:before { content: "\e913"; } .icon-contract-outline:before { content: "\e914"; } .icon-printer-ouline:before { content: "\e915"; } .icon-settings-solid:before { content: "\e916"; } .icon-group-subscriber:before { content: "\e917"; } .icon-filter:before { content: "\e918"; } .icon-search:before { content: "\e919"; } .icon-sort:before { content: "\e91a"; } .icon-print:before { content: "\e91b"; } .icon-download:before { content: "\e91c"; } .icon-sort-desc:before { content: "\e91d"; } .icon-sort-asc:before { content: "\e91e"; } .icon-copyright:before { content: "\e91f"; } .icon-csv:before { content: "\e920"; } .icon-no-reciever:before { content: "\e921"; } .icon-live-tv:before { content: "\e922"; } /* May 11 2016 - Eugene Trounev [it-s]*/ .rsx-icon-o-allof4packages:before { content: "\e6c8"; } .rsx-icon-o-number1:before { content: "\e6cb"; } .rsx-icon-o-icon-trophy:before { content: "\e946"; } .rsx-icon-o-icon-icon_program:before { content: "\e947"; } .rsx-icon-o-icon-icon_family:before { content: "\e948"; } .rsx-icon-o-icon-icon_cheering_to_the_top:before { content: "\e949"; } .rsx-icon-o-icon-icon_PPT_fr:before { content: "\e956"; } .rsx-icon-o-icon-icon_PPT_en:before { content: "\e957"; } .rsx-icon-o-icon-icon_FAQ:before { content: "\e955"; } .rsx-icon-o-icon_Auto_multi-sport_tracking:before { content: "\e958"; } .rsx-icon-o-icon_Advanced_fitness_tracking:before { content: "\e959"; } .rsx-icon-o-newsat:before { content: "\e95a"; } .rsx-icon-o-shopping-bag:before { content: "\e95b"; } .rsx-icon-o-premium-plus:before { content: "\e95c"; } .rsx-icon-o-Built_in_battery_for_extra_power:before { content: "\e95d"; } .rsx-icon-o-Moto_Mods_snap_on_design:before { content: "\e95e"; } .rsx-icon-o-Projects_up_to_70_on_any_flat_surface:before { content: "\e95f"; } .rsx-icon-o-Ultra_thin_and_portable:before { content: "\e960"; } .rsx-icon-o-4k-plusHD:before { content: "\e961"; } .rsx-icon-o-4k-remote:before { content: "\e968"; } .rsx-icon-o-4k-timeshift:before { content: "\e96a"; } .rsx-icon-o-15:before { content: "\e96b"; } .rsx-icon-o-receiver-4k:before { content: "\e96c"; } .rsx-icon-o-receiver-pvr:before { content: "\e96d"; } .rsx-icon-o-no-receiver-pvr:before { content: "\e9e2"; } .rsx-icon-o-recording:before { content: "\e96e"; } .rsx-icon-o-TV:before { content: "\e96f"; } .rsx-icon-o-TV-4k:before { content: "\e970"; } .rsx-icon-o-TV-HD:before { content: "\e971"; } .rsx-icon-o-4k-plusHD:before { content: "\e972"; } .rsx-icon-o-4k-remote-white:before { content: "\e973"; } .rsx-icon-o-Sleek_size:before { content: "\e991"; } .rsx-icon-o-Extra_power:before { content: "\e976"; } .rsx-icon-o-Efficiency_Mode:before { content: "\e977"; } .rsx-icon-o-included-in-box:before { content: "\e978"; } .rsx-icon-o-10_hours_of_battery_life:before { content: "\e979"; } .rsx-icon-o-Built_in_kickstand:before { content: "\e97a"; } .rsx-icon-o-built_in_speakerphone_for_calls:before { content: "\e97b"; } .rsx-icon-o-Moto_Mods_snap_on_design:before { content: "\e97c"; } .rsx-icon-o-4k-remote-white2:before { content: "\e97d"; } .rsx-icon-o-receiver-4k-updated:before { content: "\e97e"; } .rsx-icon-o-mobile_email_setup-1:before { content: "\e97f"; } .rsx-icon-o-TV-4k-updated:before { content: "\e980"; } .rsx-icon-o-TV-HD_updated:before { content: "\e981"; } .rsx-icon-o-receiver-pvr_updated:before { content: "\e982"; } .rsx-icon-o-theme-pack:before { content: "\e975"; } .rsx-icon-o-VR:before { content: "\e91f"; } .rsx-icon-o-tech_appointment:before { content: "\e983"; } .rsx-icon-o-apps:before { content: "\e984"; } .rsx-icon-o_record:before { content: "\e985"; } .rsx-icon-o_popcorn:before { content: "\e986"; } .rsx-icon-o-antivirus:before { content: "\e987"; } .rsx-icon-o-autoupdates:before { content: "\e988"; } .rsx-icon-o-firewall:before { content: "\e989"; } .rsx-icon-o-parental-control:before { content: "\e98a"; } .rsx-icon-o-fraud-protection:before { content: "\e98b"; } .rsx-icon-o-data-protection:before { content: "\e98c"; } .rsx-icon-o-home-hub-1000:before { content: "\e98d"; } .rsx-icon-o-home-hub-2000:before { content: "\e98f"; } .rsx-icon-o-home-hub-3000:before { content: "\e98e"; } .rsx-icon-o-never:before { content: "\e990"; } .rsx-icon-o-Icon_Call-Control:before { content: "\e993"; } .rsx-icon-o-Icon_Call_Answer_Message_Manager:before { content: "\e994"; } .rsx-icon-o-Icon_Call_block:before { content: "\e995"; } .rsx-icon-o-Icon_Call_Forwarding:before { content: "\e996"; } .rsx-icon-o-Icon_Call_Privacy:before { content: "\e997"; } .rsx-icon-o-Icon_Call_Screen_v2:before { content: "\e998"; } .rsx-icon-o-Icon_Call_Trace:before { content: "\e999"; } .rsx-icon-o-Icon_Call_Waiting:before { content: "\e99a"; } .rsx-icon-o-Icon_Last_Call_Return-Call_Return:before { content: "\e99b"; } .rsx-icon-o-Icon_Talkmail_Plus-Voice_Dialing:before { content: "\e99d"; } .rsx-icon-o-Icon_Temporary_suspend_your_Service:before { content: "\e99e"; } .rsx-icon-o-Icon_Voicemail:before { content: "\e99f"; } .rsx-icon-o-Icon_Voicemail_plus:before { content: "\e9a0"; } .rsx-icon-o-bellMTS:before { content: "\e9a1"; } .rsx-icon-o-checkmark_ribbon:before { content: "\e9a2"; } .rsx-icon-o-speed-5-100mbps:before { content: "\e9a3"; } .rsx-icon-o-speed-7-300mbps:before { content: "\e9a4"; } .rsx-icon-o-speed-8-gigabit:before { content: "\e9a5"; } .rsx-icon-o-picture-quality-TV:before { content: "\e9a6"; } .rsx-icon-o-onDemand-update:before { content: "\e9a7"; } .rsx-icon-o-tablet-player:before { content: "\e9a8"; } .rsx-icon-o-clock:before { content: "\e9a9"; } .rsx-icon-o-step1:before { content: "\e9aa"; } .rsx-icon-tv-packages:before { content: "\e9ac"; } .rsx-icon-personalized-programming:before { content: "\e9ad"; } .rsx-icon-on-demand:before { content: "\e9ae"; } .rsx-icon-no-contract:before { content: "\e9af"; } .rsx-icon_press_reader:before { content: "\e9b0"; } .rsx-icon-o-press_reader:before { content: "\e9b0"; } .rsx-icon-o-fibe-tv-app-updated:before { content: "\e9b1"; } .rsx-icon-o-personalized-programming-updated:before { content: "\e9b2"; } .rsx-icon-o-tv-packages-updated:before { content: "\e9b3"; } .rsx-icon-o-24-hours:before { content: "\e9b4"; } .rsx-icon-o-gaming:before { content: "\e9b5"; } .rsx-icon-o-3D-image-scanning:before { content: "\e9b6"; } .rsx-icon-o-wifi-01:before { content: "\e9b7"; } .rsx-icon-o-fuel-01:before { content: "\e9b8"; } .rsx-icon-o-geofencing-01:before { content: "\e9b9"; } .rsx-icon-o-triptracking-01:before { content: "\e9ba"; } .rsx-icon-o-engine-01:before { content: "\e9bb"; } .rsx-icon-o-driver-notifications-01:before { content: "\e9bc"; } .rsx-icon-o-do-not-disturb-01:before { content: "\e9bd"; } .rsx-icon-o-location-01:before { content: "\e9be"; } .rsx-icon-o-check-mark:before { content: "\e9bf"; } .rsx-icon-o-wall-to-wall-coverage:before { content: "\e9c0"; } .rsx-icon-o-smart-network:before { content: "\e9c1"; } .rsx-icon-o-tri-band:before { content: "\e9c2"; } .rsx-icon-o-mesh-network:before { content: "\e9c3"; } .rsx-icon-o-battery1:before { content: "\e9c4"; } .rsx-icon-o-family-friendly-controls:before { content: "\e9c5"; } .rsx-icon-o-channel-hopping:before { content: "\e9c6"; } .rsx-icon-o-bonus-alt:before { content: "\e9c7"; } .rsx-icon-o-wholesale:before { content: "\e9c8"; } .rsx-icon-o-services:before { content: "\e9c9"; } .rsx-icon-o-manufacturing:before { content: "\e9ca"; } .rsx-icon-o-hospitality:before { content: "\e9cb"; } .rsx-icon-o-cart-thin:before { content: "\e9cc"; } .rsx-icon-o-transportation-thick:before { content: "\e9cd"; } .rsx-icon-o-hospitality-update:before { content: "\e9ce"; } .rsx-icon-o-financial-thick:before { content: "\e9cf"; } .rsx-icon-o-construction-thick:before { content: "\e9d0"; } .rsx-icon-o-symmetrical-speeds:before { content: "\e9d1"; } .rsx-icon-o-multiple-devices:before { content: "\e9d2"; } .rsx-icon-o-future-proof:before { content: "\e9d3"; } .rsx-icon-o-Fastest-response-times:before { content: "\e9d4"; } .rsx-icon-o-Wearables:before { content: "\e9d5"; } .rsx-icon-o-Lifestyle:before { content: "\e9d6"; } .rsx-icon-o-Connected-Things:before { content: "\e9d7"; } .rsx-icon-o-Trackers:before { content: "\e9d8"; } .rsx-icon-o-Smart-Home:before { content: "\e9d9"; } .rsx-icon-o-ultra-plus:before { content: "\e9da"; } .rsx-icon-o-smartphone:before { content: "\e9db"; } .rsx-icon-o-ultra-plus-updated:before { content: "\e9dc"; } .rsx-icon-o-CraveTV:before { content: "\e9dd"; } .rsx-icon-o-returns:before { content: "\e9de"; } .rsx-icon-o-free-shipping:before { content: "\e9df"; } .rsx-icon-o-fast-delivery:before { content: "\e9e0"; } .rsx-icon-o-Leading-TV:before { content: "\e9e1"; } .rsx-icon-o-promo-no-contract:before { content: "\e9e3"; } .rsx-icon-o-bell-one-app:before { content: "\e9e4"; } .rsx-icon-o-download-speed-fibe150:before { content: "\e9e6"; } .rsx-icon-o-download-speed-fibe300:before { content: "\e9e5"; } .rsx-icon-o-download-speed-gigabit:before { content: "\e9e7"; } .rsx-icon-o-icon_one-app:before { content: "\e9e8"; } .rsx-icon-o-icon-apple:before { content: "\e9e9"; } .rsx-icon-o-icon-Wearables-smartwatch-IOT:before { content: "\e9ea"; } .rsx-icon-o-icon-tracker-IOT:before { content: "\e9eb"; } .rsx-icon-o-icon-Connected-Things-IOT:before { content: "\e9ec"; } .rsx-icon-o-icon-Smart-Home-IOT:before { content: "\e9ed"; } .rsx-icon-o-icon-smartcar-IOT:before { content: "\e9ee"; } .rsx-icon-o-icon-security-cam-IOT:before { content: "\e9ef"; } .rsx-icon-o-icon-smart-network-v2:before { content: "\e9f0"; } .rsx-icon-o-icon-largest-network:before { content: "\e9f1"; } .rsx-icon-o-arrow-upload_large:before { content: "\e9f2"; } .rsx-icon-o-pay-less-upfront:before { content: "\e9f3"; } .rsx-icon-o-mobile-call-waiting:before { content: "\e9f4"; } .rsx-icon-o-mobile-call-forwarding:before { content: "\e9f5"; } .rsx-icon-o-smart-home-1:before { content: "\e9fc"; } .rsx-icon-o-shop-orders:before { content: "\e9fb"; } .rsx-icon-o-concern:before { content: "\e9fa"; } .rsx-icon-o-business-01:before { content: "\e9f9"; } .rsx-icon-o-bundles:before { content: "\e9f8"; } .rsx-icon-o-appointments:before { content: "\e9f7"; } .rsx-icon-o-account-billing:before { content: "\e9f6"; } .rsx-icon-o-wifi-pods:before { content: "\e9fd"; } .rsx-icon-o-trash:before { content: "\e9fe"; } .rsx-icon-o-water-resistant-heavy:before { content: "\e9ff"; } .rsx-icon-o-triptracking_02:before { content: "\ea00"; } .rsx-icon-o-resource_centre_02:before { content: "\ea01"; } .rsx-icon-o-triptracking_02_updated:before { content: "\ea02"; } .rsx-icon-o-resource_centre_02_updated:before { content: "\ea03"; } .rsx-icon-o-app2_fr:before { content: "\ea04"; } .rsx-icon-o-app2_en:before { content: "\ea05"; } .rsx-icon-o-receiver-addition:before { content: "\ea06"; } .rsx-icon-o-tablet2:before { content: "\ea0e"; } .rsx-icon-o-smartwatches:before { content: "\ea0d"; } .rsx-icon-o-tablet2-big:before { content: "\ea0c"; } .rsx-icon-o-securitycam:before { content: "\ea0b"; } .rsx-icon-o-connected-car:before { content: "\ea0a"; } .rsx-icon-o-SmartWatch-thin:before { content: "\ea09"; } .rsx-icon-o-mobile2:before { content: "\ea08"; } .rsx-icon-o-tracker:before { content: "\ea07"; } .rsx-icon-o-touchpad:before { content: "\ea0f"; } .rsx-icon-o-best-app:before { content: "\ea10"; } .rsx-icon-o-alaarte:before { content: "\ea11"; } .rsx-icon-o-icon-billing:before { content: "\ea12"; } .rsx-icon-o-ecg:before { content: "\ea13"; } .rsx-icon-o-automation:before { content: "\ea14"; } .rsx-icon-o-wifi-pod-cov:before { content: "\ea19"; } .rsx-icon-o-computer:before { content: "\ea15"; } .rsx-icon-o-multiple-device:before { content: "\ea16"; } .rsx-icon-o-tv-streaming:before { content: "\ea17"; } .rsx-icon-o-gaming-devices:before { content: "\ea18"; } .rsx-icon-o-smart-home_devices:before { content: "\ea1a"; } .rsx-icon-o-peak-activity:before { content: "\ea1b"; } .rsx-icon-o-older-devices:before { content: "\ea1c"; } .rsx-icon-o-other-electronics:before { content: "\ea1d"; } .rsx-icon-o-high-density_living_areas:before { content: "\ea1e"; } .rsx-icon-o-download-speed1:before { content: "\ea1f"; } .rsx-icon-o-upload-speed2:before { content: "\ea20"; } .rsx-icon-o-latency2:before { content: "\ea21"; } .rsx-icon-o-server-location:before { content: "\ea22"; } .rsx-icon-o-internet-browser:before { content: "\ea23"; } .rsx-icon-o-limit-activity:before { content: "\ea24"; } .rsx-icon-o-lpm-icon:before { content: "\ea25"; } .rsx-icon-o-bulkemail:before { content: "\ea26"; } .rsx-icon-o-modem-3000:before { content: "\ea27"; } .rsx-icon-o-globe-1:before { content: "\ea28"; } .rsx-icon-o-foldable-design:before { content: "\ea29"; } .rsx-icon-o-device-selection:before { content: "\ea30"; } .rsx-icon-o-100GB:before { content: "\ea2a"; } .rsx-icon-o-350GB:before { content: "\ea2b"; } .rsx-icon-o-Download_speed2b:before { content: "\ea2c"; } .rsx-icon-o-unlimited:before { content: "\ea2d"; } .rsx-icon-o-Upload_arrow:before { content: "\ea2e"; } .rsx-icon-o-modem-2:before { content: "\ea2f"; } .rsx-icon-o-Pay-Bill:before { content: "\ea31"; } .rsx-icon-o-stores:before { content: "\ea32"; } .rsx-icon-o-rocket:before { content: "\ea33"; } .rsx-icon-o-5G:before { content: "\ea34"; } .rsx-icon-o-crave-tv-small:before { content: "\ea35"; } .rsx-icon-o-devices2:before { content: "\ea36"; } .rsx-icon-o-BellTV2:before { content: "\ea37"; } .rsx-icon-o-rep-01:before { content: "\ea38"; } .rsx-icon-o-thermostat:before { content: "\ea39"; } .rsx-icon-o-alaarte-30:before { content: "\ea3a"; } .rsx-icon-o-alaarte-20:before { content: "\ea3b"; } .rsx-icon-o-alaarte-15:before { content: "\ea3c"; } .rsx-icon-o-Apple-Pencil:before { content: "\ea3d"; } .rsx-icon-o-light-dimmer:before { content: "\ea3e"; } .rsx-icon-o-doorbell-camera:before { content: "\ea46"; } .rsx-icon-o-doorlock:before { content: "\ea45"; } .rsx-icon-o-door-window-contact:before { content: "\ea44"; } .rsx-icon-o-keypad:before { content: "\ea43"; } .rsx-icon-o-light-bulb:before { content: "\ea42"; } .rsx-icon-o-smoke-detector:before { content: "\ea41"; } .rsx-icon-o-video-surveillance:before { content: "\ea40"; } .rsx-icon-o-motion-detector:before { content: "\ea3f"; } .rsx-icon-o-competitive:before { content: "\ea47"; } .rsx-icon-o-24-calendar-01:before { content: "\ea48"; } .rsx-icon-o-lte:before { content: "\ea49"; } .rsx-icon-o-video-360:before { content: "\ea4a"; } .rsx-icon-o-video-360-updated:before { content: "\ea4b"; } .rsx-icon-o-replay:before { content: "\ea4c"; } .rsx-icon-o-IOT:before { content: "\ea4d"; } .rsx-icon-o-easy-returns:before { content: "\ea4e"; } .rsx-icon-o-dollar:before { content: "\ea4f"; } .rsx-icon-o-fastest-chip:before { content: "\ea50"; } .rsx-icon-o-intelligent-battery:before { content: "\ea51"; } .rsx-icon-o-super-smooth-display:before { content: "\ea52"; } .rsx-icon-o-108mp:before { content: "\ea53"; } .rsx-icon-o-family:before { content: "\ea54"; } .rsx-icon-o-allday-battery:before { content: "\ea55"; } .rsx-icon-o-icon-64mp:before { content: "\ea56"; } .rsx-icon-o-smartwatch-tablet:before { content: "\ea57"; } .rsx-icon-o-plus_device:before { content: "\ea58"; } .rsx-icon-o-icon_ppt:before { content: "\ea59"; } .rsx-icon-o-connected-car-v2:before { content: "\ea5a"; } .rsx-icon-o-alaarte-5:before { content: "\ea5b"; } .rsx-icon-o-news-01:before { content: "\ea5c"; } .rsx-icon-o-tracking_asset:before { content: "\ea5d"; } .rsx-icon-o-1member:before { content: "\ea5e"; } .rsx-icon-o-2members:before { content: "\ea5f"; } .rsx-icon-o-3members:before { content: "\ea60"; } .rsx-icon-o-4members:before { content: "\ea61"; } .rsx-icon-o-5members:before { content: "\ea62"; } .rsx-icon-o-crave_mobile:before { content: "\ea63"; } .rsx-icon-o-crave_tablet:before { content: "\ea64"; } .rsx-icon-o-crave_tablet-and-mobile:before { content: "\ea65"; } .rsx-icon-o-religion:before { content: "\ea66"; } .rsx-icon-o-plus:before { content: "\ea67"; } .rsx-icon-o-minus:before { content: "\ea68"; } .rsx-icon-o-Crave-FR:before { content: "\ea69"; } .rsx-icon-o-Crave-EN:before { content: "\ea6a"; } .rsx-icon-o-mobileSD:before { content: "\ea6b"; } .rsx-icon-o-mms:before { content: "\ea6c"; } .rsx-icon-o-canus:before { content: "\ea6d"; } .rsx-icon-o-4G:before { content: "\ea6e"; } .rsx-icon-o-4G-updated:before { content: "\ea73"; } .rsx-icon-o-canus-updated:before { content: "\ea72"; } .rsx-icon-o-mms-updated:before { content: "\ea71"; } .rsx-icon-o-mobileHD-updated:before { content: "\ea70"; } .rsx-icon-o-mobileSD-updated:before { content: "\ea6f"; } .rsx-icon-o-calendar-solid:before { content: "\ea74"; } .rsx-icon-o-delivery-solid:before { content: "\ea75"; } .rsx-icon-o-user-guide-v2:before { content: "\ea76"; } .rsx-icon-o-clipboard:before { content: "\ea77"; } .rsx-icon-o-deskphone:before { content: "\ea78"; } .rsx-icon-o-emailsymbol:before { content: "\ea79"; } .rsx-icon-o-file-transfer:before { content: "\ea7a"; } .rsx-icon-o-flex_mode:before { content: "\ea7b"; } .rsx-icon-o-tower-with-signal:before { content: "\ea7c"; } .rsx-icon-footer_logo_Thread:before { content: "\e999"; } .rsx-icon-footer_logo_Thread-sup:before { content: "\e92d"; } /** * RSX Framework * Copyright 2015 Bell Canada * * Global connector styles */ /*-------------- Mobile and and up (mobile first) -------------------*/ /*Generic overrides*/ .rsx-federal-bar ul, .rsx-connector ul { padding: 0; margin: 0; } .rsx-connector h1, .rsx-connector h2, .rsx-connector h3, .rsx-connector h4, .rsx-connector h5, .rsx-connector h6 { color: #fff; } /*Federal bar*/ .rsx-federal-bar { background: #2d2e33; height: 33px; padding: 10px 0; display: none; } .rsx-federal-bar ul > li, .rsx-connector ul > li { list-style-type: none; } .rsx-federal-bar-links { text-transform: uppercase; font-size: 11px; } .rsx-federal-bar-links.rsx-federal-bar-links_left { float: left; } .rsx-federal-bar-links.rsx-federal-bar-links_left > div { margin-right: 15px; position: relative; } .rsx-federal-bar-links.rsx-federal-bar-links_right { float: right; } .rsx-federal-bar-links.rsx-federal-bar-links_right > a { margin-left: 15px; } .rsx-federal-bar-links a, .rsx-federal-bar-links a:link, .rsx-federal-bar-links a:visited { color: #babec2; text-decoration: none; } .rsx-federal-bar-links a:hover, .rsx-federal-bar-links a:focus { color: #fff; text-decoration: none; } .rsx-federal-bar-links a:active { color: #fff; text-decoration: none; } .rsx-federal-bar-links { display: inline-block; } ul.rsx-federal-bar-mobile { background-color: #2d2e33; padding-top: 8px; } .rsx-federal-bar-mobile > li a:link, .rsx-federal-bar-mobile > li a:visited, .rsx-federal-bar-mobile > li a:hover, .rsx-federal-bar-mobile > li a:active { display: block; padding: 15px; font-size: 12px; text-transform: uppercase; color: #97989c; position: relative; } .rsx-preferences-section { font-size: 12px; text-transform: uppercase; } .rsx-federal-bar-mobile-link-preferences { color: #97989c; font-size: 12px; } .rsx-preferences-section ul li { padding: 7px 0; } .rsx-header-preferences { display: inline-block; margin-left: 15px; } .rsx-federal-bar-mobile .rsx-custom-select-trigger { border: none; padding: 15px; color: #97989c; } .rsx-federal-bar-mobile .rsx-custom-select-trigger-label { margin: 0 25px 0 0; } .rsx-federal-bar-mobile .rsx-custom-select-trigger > .rsx-icon { -webkit-transform: translateY(-55%) rotate(90deg); -ms-transform: translateY(-55%) rotate(90deg); transform: translateY(-55%) rotate(90deg); color: #97989c; } .rsx-federal-bar-link-wrap { display: inline-block; } .rsx-federal-bar-aliant-connector-tooltip, .rsx-federal-bar-aliant-connector-tooltip.rsx-caret { display: none; background-color: #fff; padding: 20px; position: absolute; margin-left: -157px; z-index: 0; border: 1px solid #e1e1e1; box-shadow: 0 0 30px rgba(0,0,0,.3); z-index: 30; } .rsx-connector-login-modal-close { display: none; font-size: 0; padding: 12px; border: 0; background-color: transparent; position: absolute; top: 0; right: 0; z-index: 40; } .rsx-connector-login-modal-close:before { font-size: 27px; font-family: 'bell-icon'; position: relative; color: #00549a; content: "\e007"; transform: rotate(45deg); display: block; line-height: 1; } .rsx-federal-bar-aliant-connector-tooltip.rsx-federal-bar-aliant-connector-tooltip_smb { top: 30px; white-space: nowrap; margin-left: -50%; left: 0; } .rsx-federal-bar-link-wrap_ATLANTIC_ENTERPRISE_FEDERAL.rsx-active:after, .rsx-federal-bar-link-wrap_ATLANTIC_SMALLBUSINESS_FEDERAL.rsx-active:after { content: ''; display: block; position: absolute; z-index: 5; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 12px; left: 50%; border-bottom-color: #fff; z-index: 11111; bottom: -16px; transform: translate(-50%); } .rsx-federal-bar-aliant-connector-tooltip.rsx-federal-bar-aliant-connector-tooltip_cart { right: -11px; top: 45px; width: 280px; } .rsx-federal-bar-aliant-connector-tooltip.rsx-federal-bar-aliant-connector-tooltip_cart:after { left: auto; right: 0px; } .rsx-connector-cart-wrap.rsx-active .rsx-federal-bar-aliant-connector-tooltip, .rsx-federal-bar-link-wrap.rsx-active .rsx-federal-bar-aliant-connector-tooltip { display: block; } .rsx-federal-bar-aliant-connector-tooltip-link { text-transform: none; font-size: 19px; color: #00549a; } .rsx-federal-bar-links a.rsx-federal-bar-aliant-connector-tooltip-link { font-size: 16px; color: #00549a; text-transform: none; } .rsx-federal-bar-links a.rsx-federal-bar-aliant-connector-tooltip-link span { text-transform: none; font-size: 19px; color: #00549a; display: block; } .rsx-federal-bar-links .rsx-federal-bar-link-wrap_ATLANTIC_SMALLBUSINESS_FEDERAL a.rsx-federal-bar-aliant-connector-tooltip-link, .rsx-federal-bar-links .rsx-federal-bar-link-wrap_ATLANTIC_ENTERPRISE_FEDERAL a.rsx-federal-bar-aliant-connector-tooltip-link { text-transform: none; color: #111; font-size: 14px; margin-top: 0; display: block; } .rsx-federal-bar-links .rsx-federal-bar-link-wrap_ATLANTIC_SMALLBUSINESS_FEDERAL a.rsx-federal-bar-aliant-connector-tooltip-link:first-child, .rsx-federal-bar-links .rsx-federal-bar-link-wrap_ATLANTIC_ENTERPRISE_FEDERAL a.rsx-federal-bar-aliant-connector-tooltip-link:first-child { margin-bottom: 15px; } .rsx-federal-bar-aliant-connector-tooltip-link-desc { text-transform: none; color: #111; font-size: 14px; margin-top: 0; } /*Connector - general*/ .rsx-connector { position: relative; background: #00549a; } .rsx-connector a, .rsx-connector a:link, .rsx-connector a:visited, .rsx-connector a:hover, .rsx-connector a:active { text-decoration: none; } @media (max-width:999px) { .rsx-connector a, .rsx-connector a:link, .rsx-connector a:visited, .rsx-connector a:hover, .rsx-connector a:active { color: #fff; } .rsx-connector a:active, .rsx-connector a:focus { outline: none !important; } .rsx-connector a.rsx-connector-brand:focus:after { outline: 2px solid #fff; outline-offset: 4px; border-radius: 2px; } .business-selector-mobile.rsx-active .bhp-business-connector-li-mobile a:after { display: none; } .rsx-connector-lob-flyout-content .rsx-connector-single-link.rsx-connector-book-appointment a:after { font-family: 'bell-icon'; content: "\e012"; color: #fff; font-size: 13px; font-style: normal; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; left:auto; opacity: 1; } .rsx-connector-single-link a h3 { font-size: 18px !important; } } body.rsx-connector-active div#smartbanner.shown { display: none !important; } body.rsx-connector-active.smartbanner header { margin-top: 0; } .rsx-connector .rsx-connector-brand a { color: #fff; } .rsx-connector-brand-aliant-title { color: #fff; font-family: 'bell-slim'; font-weight: 400; font-size: 45px; letter-spacing: -2px; line-height: 1; position: relative; bottom: -7px; left: -14px; } .rsx-connector-mobile-bar { height: 55px; } .rsx-connector-active-lob-title { position: relative; font-family: 'bell-slim'; font-weight: 700; font-size: 19px; line-height: 1; letter-spacing: -.8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 68px; margin-right: 145px; padding-top: 24px; padding-bottom: 10px; color: #c2cedf; } header.rsx-mode-aliant:not(.rsx-mode-aliant_bell-logo) .rsx-connector-active-lob-title { padding-top: 14px; } .rsx-connector-active-lob-title-aliant { font-size: 14px; color: #fff; } .rsx-connector-active-lob-title-lob { font-size: 15px; left: -1px; position: relative; } .rsx-connector-cart-wrap { float: left; position: relative; } .rsx-connector-cart-button, .rsx-connector-brand { font-family: 'bell-icon'; font-style: normal; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rsx-connector-cart-button { display: none; } .rsx-connector-cart-button:focus { color: #fff; } .rsx-connector-nav-close-button { border: 0; color: #fff; background: none; padding: 10px; font-size: 20px; position: absolute; right: 5px; top: 5px; } .rsx-connector-nav-open-button { border: 0; color: #fff; background: none; font-size: 20px; position: absolute; right: 0; top: 0; border-radius: 50%; width: 40px; height: 40px; margin: 8px 5px; padding: 0; /*transition: background-color .25s cubic-bezier(.55,0,.1,1);*/ } a.rsx-connector-brand.hidden-md.hidden-lg { width: inherit; } button.rsx-connector-nav-open-button.toggle-title-nav.hidden-md.hidden-lg:focus, button#rsx-connector-search-button:focus { outline: 2px solid white; } .rsx-connector-nav-open-button.rsx-active { background-color: #002c6b; } .rsx-connector-nav-open-button .rsx-icon-mobile-menu { display: inline-block; } .rsx-connector-nav-open-button.rsx-active .rsx-icon-mobile-menu { display: none; } .rsx-connector-nav-open-button .rsx-icon-plus { display: none; } .rsx-connector-nav-open-button .rsx-icon-plus:before { display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rsx-connector-nav-open-button.rsx-active .rsx-icon-plus { display: inline-block; } .rsx-connector-nav-location-button { border: 0; color: #fff; background: none; font-size: 19px; position: absolute; right: 92px; top: 0; border-radius: 50%; line-height: 2.1; text-align: center; width: 40px; height: 40px; margin: 8px 5px; /*transition: background-color .25s cubic-bezier(.55,0,.1,1);*/ } .rsx-connector-nav-location-button.rsx-active { background-color: #002c6b; } .rsx-connector-nav-close-button .rsx-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; } /*Connector nav*/ .rsx-connector-nav { position: fixed; top: 55px; bottom: 0; background: #2d2e33; width: 300px; -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); /*transition: -webkit-transform 0.5s cubic-bezier(.55,0,.1,1); transition: transform 0.5s cubic-bezier(.55,0,.1,1), top 0.1s cubic-bezier(.55,0,.1,1);*/ z-index: 999999; overflow: auto; } .rsx-connector.rsx-connector-search-active .rsx-connector-nav { top: 110px; } /*Connector - brand*/ .rsx-connector-brand { font-size: 30px; padding: 10px 20px; /*background: #00549a;*/ border-bottom: 1px solid #003778; } .rsx-connector-brand a:before { content: '\e600'; } header.rsx-mode-aliant:not(.rsx-mode-aliant_bell-logo) .rsx-connector-brand a:before { content: '\e926'; } .rsx-connector-brand-home { font-family: 'bell-slim'; font-weight: 700; font-size: 19px; color: #c2cedf; margin-left: -4px; } /*Connector - area*/ .rsx-connector-area { overflow: hidden; /*transition: max-height .8s cubic-bezier(.55, 0, .1, 1), opacity .3s cubic-bezier(.55, 0, .1, 1), border-width .1s linear;*/ max-height: 96px; /*max-height: 0;*/ background: #00549a; border-bottom: 1px solid #003778; } .rsx-connector-nav.rsx-active .rsx-connector-area { border-bottom-width: 0; max-height: 0; /*transition: max-height .8s cubic-bezier(.55,0,.1,1), opacity .3s cubic-bezier(.55,0,.1,1), border-width .1s linear .7s;*/ } .rsx-connector-nav.rsx-active .rsx-connector-area.rsx-active { max-height: 500px; } .rsx-connector-area.rsx-active { max-height: 1500px; } .rsx-connector-area > a { position: relative; font-family: 'bell-slim'; font-weight: 400; font-size: 20px; letter-spacing: .4px; display: block; padding: 12px 35px 10px 20px; } .rsx-connector-single-link > a:after, .rsx-connector-single-link > a:before, .rsx-connector-lob > a:after, .rsx-connector-lob > a:before, .rsx-connector-area > a:after, .rsx-connector-area > a:before, .rsx-federal-bar-mobile-lang-province > a:before { top: 48px; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index: 11; pointer-events: none; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 0 solid #00549a; /*transition: border-top-width .2s cubic-bezier(.55,0,.1,1);*/ } .rsx-federal-bar-mobile-lang-province > a:before { border-top-width: 7px; border-top-color: #2D2E33; } .rsx-connector-lob.rsx-active > a:after, .rsx-connector-lob.rsx-active > a:before, .rsx-connector-area.rsx-active > a:after, .rsx-connector-area.rsx-active > a:before { border-top-width: 7px; /*transition: border-top-width .2s cubic-bezier(.55,0,.1,1) .2s;*/ } .rsx-connector-area.rsx-active > a:before { border-top-color: #003778; z-index: 10; top: 49px; } /*Connector - LOB*/ .rsx-connector-lob-flyout { background: #003778; max-height: 0; overflow: hidden; /*transition: max-height .3s cubic-bezier(.55,0,.1,1);*/ } .rsx-connector-area.rsx-active .rsx-connector-lob-flyout { max-height: 5000px; } .rsx-connector-lob-flyout > .container { margin-bottom: 0; } .rsx-connector-single-link, .rsx-connector-lob { position: relative; border-top: 0; /*max-height: 100px; transition: all .5s cubic-bezier(.55,0,.1,1);*/ } .rsx-connector-lob:first-child { border-top: 1px solid transparent; border-bottom: none; } .rsx-connector-single-link > ul, .rsx-connector-lob > ul { max-height: 0; overflow: hidden; /*transition: max-height .5s cubic-bezier(.55,0,.1,1);*/ border-bottom: none; } .rsx-connector-lob.rsx-active:first-child { border-top: 1px solid #003778; } .rsx-connector-lob.rsx-active > a { background: #00549a; } .rsx-connector-lob.rsx-active > ul { max-height: 1000px; } .rsx-connector-single-link > a, .rsx-connector-lob > a, .rsx-connector-lob > ul > li > a, .rsx-connector-lob > ul > li > ul > li > a { display: block; padding: 10px 40px 10px 15px; } .rsx-connector-single-link > a, .rsx-connector-lob > a, .rsx-connector-lob > ul > li, .rsx-connector-lob > ul > li > ul > li { font-size: 17px; position: relative; } .rsx-connector-lob > ul > li, .rsx-connector-lob > ul > li > ul > li { border-bottom: 1px solid #002b65; } .rsx-connector-lob-flyout-content > .rsx-connector-lob:last-child > a, .rsx-connector-lob > ul > li:last-child, .rsx-connector-lob > ul > li > ul > li:last-child { border-bottom: none; } .rsx-connector-single-link > a, .rsx-connector-lob > a, .rsx-connector-active-lob a > h3 { font-family: 'bell-slim'; font-weight: 700; font-size: 21px; } .rsx-connector-single-link > a, .rsx-connector-lob > a { padding-top: 15px; background: none; /*transition: background .3s cubic-bezier(.55,0,.1,1);*/ } .rsx-connector-single-link > a > h3, .rsx-connector-lob > a > h3, .rsx-connector-active-lob a > h3 { font-size: 21px; line-height: 1.1; } .rsx-connector-lob > a > h3 > span { font-family: sans-serif; font-weight: normal; font-size: 14px; letter-spacing: initial; display: block; color: #c2cedf !important; } /*Connector - active lob display*/ .rsx-connector-active-lob { overflow-x: auto; background: #003778; padding: 20px 0; position: relative; z-index: 5; } .rsx-connector-active-lob > .container { margin-bottom: 0; } .rsx-connector-active-lob > .container > a { float: left; display: none; } .rsx-connector-single-link > a, .rsx-connector-lob a, .rsx-connector-active-lob a { /*transition: all .15s cubic-bezier(.55,0,.1,1);*/ } .rsx-connector-active-lob ul > li > a, .rsx-connector-active-lob ul > li > a:link, .rsx-connector-active-lob ul > li > a:visited, .rsx-connector-lob > ul > li > a, .rsx-connector-lob > ul > li > a:link, .rsx-connector-lob > ul > li > a:visited, .rsx-connector-lob ul > li > ul > li > a, .rsx-connector-lob ul > li > ul > li > a:link, .rsx-connector-lob ul > li > ul > li > a:visited { color: #c2cedf; text-decoration: none; } @media screen and (min-width: 1025px) { .rsx-custom-margin { line-height: 16px; margin-top: 14px; } } .rsx-connector-lob > ul > li > a > span { font-size: 12px; display: block; } .rsx-connector-active-lob ul > li > a:hover, .rsx-connector-active-lob ul > li > a:active, .rsx-connector-active-lob ul > li > a:focus, .rsx-connector-lob > ul > li > a:hover, .rsx-connector-lob > ul > li > a:active, .rsx-connector-lob > ul > li > a:focus, .rsx-connector-lob > ul > li > ul > li.rsx-active > a, .rsx-connector-lob > ul > li > ul > li.rsx-active > a:hover, .rsx-connector-lob > ul > li > ul > li.rsx-active > a:active, .rsx-connector-lob > ul > li > ul > li.rsx-active > a:focus, .rsx-connector-active-lob ul > li.rsx-active > a, .rsx-connector-lob > ul > li.rsx-active > a, .rsx-connector-lob.rsx-connector-lob_has-subsections ul > li > a, .rsx-connector-lob.rsx-connector-lob_has-subsections ul > li > ul > li > a:hover, .rsx-connector-lob.rsx-connector-lob_has-subsections ul > li > ul > li > a:active, .rsx-connector-lob.rsx-connector-lob_has-subsections ul > li > ul > li > a:focus { color: #fff; } .rsx-connector-active-lob ul { display: table; /*transition: width .3s cubic-bezier(.55,0,.1,1);*/ } .rsx-connector-active-lob ul > li { display: table-cell; vertical-align: middle; text-align: center; /*transition: width .5s cubic-bezier(.55,0,.1,1), padding .5s cubic-bezier(.55,0,.1,1);*/ white-space: nowrap; } .rsx-connector-active-lob ul a { display: block; position: relative; font-size: 15px; line-height: 1; } @media (max-width: 1239px) { .rsx-connector-active-lob ul a { display: block; position: relative; font-size: 14px; line-height: 1; } } .rsx-connector-active-lob li.rsx-active a:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -10px; height: 2px; background-color: #fff; } @media (max-width: 999px) { .rsx-connector > .container { min-height: 55px; } .rsx-connector-brand { position: absolute; top: 0; left: 15px; font-size: 0; text-decoration: none; text-decoration: none; border-bottom: none; padding: 0; width: 100%; } .rsx-connector-brand:after { content: '\e600'; font-size: 26px; line-height: 2.1; } .rsx-connector-active-lob ul > li { padding-right: 10px; padding-left: 10px; } .rsx-connector-lob.rsx-connector-lob_has-subsections > ul > li > a { border-bottom: 1px solid #002b65; } .rsx-connector-single-link.rsx-connector-find-store:after, .rsx-connector-area:after, .rsx-connector-lob:after, .rsx-connector-lob > ul > li:after, .rsx-connector-lob > ul > li > ul > li:after { font-family: 'bell-icon'; content: "\e012"; color: #fff; font-size: 13px; font-style: normal; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; opacity: 1; /*transition: opacity .3s cubic-bezier(.55,0,.1,1), transform .2s cubic-bezier(.55,0,.1,1);*/ } .rsx-connector-single-link.rsx-connector-find-store:after { content: "\e620"; font-size: 18px; transform: none; right: 12px; top: 17px; } .rsx-connector-area.rsx-connector-area_find-store.locator:after { content: "\e620"; font-size: 18px; transform: none; right: 12px; } li.rsx-connector-area.rsx-connector-area_cart-aliant > a { font-size: 17px; font-family: sans-serif; padding-top: 14px; } .rsx-connector-area:after { top: 24px; transform: translateY(-50%); } .rsx-connector-area:after, .rsx-connector-lob:not(.rsx-connector-lob_no-children):after { top: 19px; transform: translateY(-50%); transform: rotate(90deg); } .rsx-connector-area.rsx-connector-link-no-children:after, .rsx-connector-lob.rsx-connector-link-no-children:after { transform: rotate(0); } .rsx-connector-lob.rsx-active:after, .rsx-connector-area:not(.rsx-connector-area_find-store).rsx-active:after { opacity: 0; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .rsx-connector-lob.rsx-connector-lob_has-subsections > ul > li:after { display: none; } } @media (min-width: 1000px) { .rsx-connector-brand-home { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .rsx-connector-area:hover:after { content: ""; display: block; width: 100%; left: 0; height: 35px; position: absolute; top: 52px; z-index: 10; } .rsx-connector-area.rsx-active > a:after { display: none; } .rsx-connector-active-lob ul { margin-top: 4px; } .rsx-connector-active-lob ul > li:not(:last-of-type) { padding-right: 15px; } .rsx-connector-active-lob ul > li:not(:first-of-type) { padding-left: 15px; } .rsx-connector-area > a:after { display: none !important; } .rsx-connector-area:not(.rsx-connector-area_current) > a:before { display: none; } } /* Connector - settings */ .rsx-connector-settings-mobile > li { background: #00549a; border-bottom: 1px solid #003778; position: relative; } .rsx-connector-area.rsx-connector-area_cart-aliant > a, .rsx-connector-settings-mobile > li > a { display: block; padding: 12px 20px; font-size: 17px; padding-left: 50px; } .rsx-connector-area.rsx-connector-area_cart-aliant > .rsx-icon, .rsx-connector-settings-mobile > li > .rsx-icon { position: absolute; color: #fff; font-size: 22px; top: 9px; left: 18px; } .rsx-button.rsx-connector-log-out-button, .rsx-button.rsx-connector-profile-button, .rsx-button.rsx-connector-login-button { margin: -2px 0 0; padding: 8px 20px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; float: left; } .rsx-button.rsx-connector-log-out-button, .rsx-button.rsx-connector-profile-button { margin: 7px 0 0; border-radius: 0; padding: 3px 12px; max-width: 145px; } .rsx-button.rsx-connector-log-out-button:hover, .rsx-button.rsx-connector-log-out-button:focus, .rsx-button.rsx-connector-profile-button:hover, .rsx-button.rsx-connector-profile-button:focus { text-decoration: underline !important; } .rsx-button.rsx-connector-profile-button { max-width: 120px; } .rsx-button.rsx-connector-log-out-button, .rsx-button:hover.rsx-connector-log-out-button { border-left: 1px solid #c2cedf; } .rsx-connector-logged-in-modal, .rsx-connector-login-modal { display: none; position: absolute !important; background: #fff; z-index: 30; padding: 30px; } .rsx-connector-login-modal a.rsx-more-link, .rsx-connector-login-modal p a, .rsx-connector-login-modal p a:link, .rsx-connector-login-modal p a:visited, .rsx-connector-login-modal p a:hover, .rsx-connector-login-modal p a:active, .rsx-connector-logged-in-modal p a, .rsx-connector-logged-in-modal p a:link, .rsx-connector-logged-in-modal p a:visited, .rsx-connector-logged-in-modal p a:hover, .rsx-connector-logged-in-modal p a:active { color: #00549a; text-decoration: initial; } .rsx-connector-login-modal p a:hover, .rsx-connector-logged-in-modal p a:hover { color: #00549a; text-decoration: underline; } .rsx-connector-login-modal .rsx-form-control, .rsx-connector-logged-in-modal .rsx-form-control { background: #fff; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant a.rsx-more-link { margin-left: 0; width: 100%; } .rsx-connector-login-modal { width: 350px; top: 42px; right: 0; } .rsx-connector-logged-in-modal { width: 250px; top: 67px; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant .rsx-connector-login-modal_title { margin-top: 0; color: #000; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane { color: #000; } .rsx-connector-login-modal-pane .rsx-button { white-space: normal; padding-left: 15px; padding-right: 15px; } @media (max-width: 639px) { .rsx-connector-logged-in-modal.rsx-connector-login-modal_aliant.rsx-active, .rsx-connector-login-modal.rsx-connector-login-modal_aliant.rsx-active, .rsx-connector-login-modal-pane { display: block; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_login-aliant, .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_logout-aliant { padding-bottom: 30px; border-bottom: 1px solid #d4d4d4; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_login-mybell, .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_logout-mybell { padding-top: 30px; } } @media (min-width: 640px) { .rsx-connector-logged-in-modal.rsx-active, .rsx-connector-login-modal.rsx-active { display: block; } .rsx-connector-logged-in-modal.rsx-connector-login-modal_aliant.rsx-active, .rsx-connector-login-modal.rsx-connector-login-modal_aliant.rsx-active { display: table; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant { table-layout: fixed; width: 700px; left: auto; right: 0; padding: 30px; top: 42px; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane { display: table-cell; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_login-aliant, .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_logout-aliant { padding-right: 30px; border-right: 1px solid #d4d4d4; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_login-mybell, .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_logout-mybell { padding-left: 30px; } .rsx-connector-login-modal.rsx-caret:after { left: calc(50% + 45px); } #myBell .rsx-connector-login-modal.rsx-caret:after { left: calc(50% + 90px); } .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_login-aliant .rsx-checkboxes, .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_login-mybell .rsx-checkboxes { min-height: 30px; } .rsx-connector-login-modal-logout-desc { min-height: 65px; } } @media (min-width: 640px) and (max-width: 999px) { .rsx-connector-login-modal.rsx-connector-login-modal_aliant { padding-right: 40px; padding-top: 35px; } } @media (max-width: 999px) { .rsx-connector-login-modal-wrap { display: block; width: 100%; background-color: #fff; position: relative; z-index: 1000000; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant { position: relative !important; top: auto; width: 100%; max-width: 700px; } .rsx-connector .rsx-connector-login-modal.rsx-connector-login-modal_aliant.rsx-active + .rsx-connector-login-modal-close { display: block; } .rsx-footer .rsx-connector-login-modal.rsx-connector-login-modal_aliant.rsx-active + .rsx-connector-login-modal-close { display: block; } } @media (min-width: 1000px) { .rsx-connector-login-modal-wrap { display: inline; } .rsx-connector .rsx-connector-login-modal-wrap { float: left; } .rsx-connector-logged-in-modal, .rsx-connector-login-modal { box-shadow: 0 0 40px rgba(0,0,0, .5); } .rsx-connector-login-modal.rsx-connector-login-modal_aliant.rsx-connector-login-modal_aliant-logout { width: 650px; } .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_login-mybell .rsx-connector-login-modal_title:before, .rsx-connector-login-modal.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_logout-mybell .rsx-connector-login-modal_title:before { content: ''; display: block; position: absolute; z-index: 5; width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom-color: #fff; border-width: 12px; top: -23px; right: 90px; } .rsx-connector-login-modal.rsx-connector-login-modal_footer.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_login-mybell .rsx-connector-login-modal_title:before, .rsx-connector-login-modal.rsx-connector-login-modal_footer.rsx-connector-login-modal_aliant > .rsx-connector-login-modal-pane.rsx-connector-login-modal-pane_logout-mybell .rsx-connector-login-modal_title:before { top: auto; bottom: -23px; border-bottom-color: transparent; border-top-color: #fff; } .rsx-button.rsx-connector-login-button:lang(fr) { max-width: 135px; } } @media (min-width: 1240px) { .rsx-button.rsx-connector-profile-button { max-width: 200px; } .rsx-connector-logged-in-modal { left: calc(50% + 275px) } .rsx-button.rsx-connector-login-button, .rsx-button.rsx-connector-login-button:lang(fr) { /*max-width: 175px;*/ } } @media (max-width: 1239px) { .rsx-connector-login-modal { } .rsx-connector-logged-in-modal { left: calc(50% + 155px); } } .rsx-connector-logged-in-modal .rsx-connector-login-modal_title, .rsx-connector-login-modal .rsx-connector-login-modal_title { color: #000; font-weight: bold; margin-bottom: 20px; margin-bottom: 20px; font-size: 23px; font-family: 'bell-slim'; } .rsx-connector-logged-in-modal .rsx-form-label, .rsx-connector-login-modal .rsx-form-label { font-weight: normal; } .rsx-connector-cart-button { background: none; border: none; color: #fff; position: relative; padding: 13px; line-height: 1; font-size: 22px; } .rsx-connector-cart-button:hover { color: #c2cedf; } .rsx-connector-cart-count { position: absolute; height: 17px; width: 17px; font-size: 9px; background-color: #08affd; color: #fff; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0, .3); text-align: center; line-height: 2; display: block; } .rsx-connector-settings .rsx-connector-cart-count { right: -6px; top: 13px; } .rsx-connector-settings-mobile .rsx-connector-cart-count, .rsx-connector-area_cart-aliant .rsx-connector-cart-count { left: 30px; top: 7px; } /*-------------- Tablet compressed and up -------------------*/ @media (max-width: 519px) { .rsx-connector-nav { width: 100%; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } } /*-------------- Tablet regular and up -------------------*/ @media (min-width: 640px) { .rsx-connector-cart-button { display: none; } } /*-------------- Desktop compressed and up -------------------*/ @media (min-width: 1000px) { /*Federal bar*/ .rsx-federal-bar { display: block; } .rsx-federal-bar-mobile { display: none; } /*Connector - general*/ .rsx-connector > .container { position: static; margin-bottom: 0; } /*Connector - settings*/ .rsx-connector-settings { float: right; margin-top: 22px; position: relative; } .rsx-connector-mobile-bar, .rsx-connector-settings-mobile, .rsx-connector-nav-close-button, .rsx-federal-bar-link-provinces { display: none; } .rsx-connector-cart-button, .rsx-connector-login-button, .rsx-connector-log-out-button { float: left; } .rsx-connector-cart-button { display: block; padding-right: 0; padding-left: 10px; margin-top: -24px; margin-left: 6px; font-size: 27px; bottom: -10px; } /*Connector nav*/ .rsx-connector-nav { width: auto; position: static; float: left; margin-top: 12px; background: none; -webkit-transform: none; -ms-transform: none; transform: none; overflow: visible; } header.rsx-mode-aliant:not(.rsx-mode-aliant_bell-logo) .rsx-connector-nav { margin-top: 0; } .rsx-connector-nav > ul { font-size: 0; } .rsx-connector-areas { display: inline-block; } /*Connector - brand*/ .rsx-connector-brand, .rsx-connector-area { height: auto; border-bottom: none; } .rsx-connector-brand { margin-right: 28px; font-size: 37px; padding: inherit; } header.rsx-mode-aliant:not(.rsx-mode-aliant_bell-logo) .rsx-connector-brand { font-size: 50px; } .rsx-connector-brand > a { position: relative; bottom: -5px; } header.rsx-mode-aliant:not(.rsx-mode-aliant_bell-logo) .rsx-connector-brand > a { bottom: -11px; } /*Connector - area*/ .rsx-connector-nav .rsx-connector-area { display: inline-block; overflow: inherit; max-height: 1000px; outline: none; } .rsx-header-retail .rsx-connector-nav .rsx-connector-area.rsx-active > a, .rsx-connector-nav .rsx-connector-area.rsx-hover > a, .rsx-connector-nav .rsx-connector-area:hover > a { color: #fff; } /* removed unused css rule */ .rsx-connector-nav.rsx-active .rsx-connector-area, .rsx-connector-nav.rsx-active .rsx-connector-area.rsx-active { display: inline-block; overflow: inherit; max-height: 1000px; } .rsx-connector-area > a { margin-left: 20px; margin-right: 20px; font-size: 26px; color: #c2cedf; } .rsx-connector-area_current > a { color: #fff; font-weight: 600; } .rsx-connector-area.rsx-connector-area_current > a:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: #fff; width: 100%; border: none; top: auto; } .rsx-connector-area.rsx-hover > a:after, .rsx-connector-area:hover > a:after { z-index: 25; } .rsx-connector-nav > ul:hover .rsx-connector-area > a:after { display: none; } .rsx-connector-nav:hover .rsx-connector-area:hover > a:after { display: block; } /*Connector - LOB*/ .rsx-connector-single-link, .rsx-connector-lob { display: block; max-height: 1000px; } .rsx-connector-lob.rsx-active { border-top: none; } .rsx-connector-lob.rsx-active > a { background: none; } .rsx-connector-lob.rsx-active > a:after { display: none; } .rsx-connector-lob > ul { display: block; max-height: 500px; } .rsx-connector-single-link > a, .rsx-connector-area > a, .rsx-connector-lob > a, .rsx-connector-lob > ul > li > a, .rsx-connector-lob > ul > li > ul > li > a { display: inherit; padding: inherit; } /*.rsx-connector-lob > a.rsx-connector-lob-no-href { cursor: default; }*/ .rsx-connector-lob-no-href { /*cursor: default;*/ } .rsx-connector-single-link > a:before, .rsx-connector-lob > a:before { display: none; } .rsx-connector-lob-flyout.rsx-active .rsx-connector-single-link, .rsx-connector-lob-flyout.rsx-active .rsx-connector-lob { display: block; max-height: 1000px; opacity: 1; } .rsx-connector-lob > ul > li, .rsx-connector-lob > ul > li > ul > li { font-size: 14px; } .rsx-connector-lob-flyout { display: block; opacity: 0; max-height: 0; -webkit-transform: translateY(-10000px); -ms-transform: translateY(-10000px); transform: translateY(-10000px); overflow: hidden; transition: all 0s 0.3s; position: absolute; z-index: 100; /*CR-00049789:fix for tablet issue*/ top: 73px; left: 0; right: 0; padding: 20px 0; } .rsx-connector-lob-flyout-content > li { float: left; margin-right: 40px; } .rsx-connector-lob-flyout-content > li:last-child { margin-right: 0; } .rsx-connector-single-link > a, .rsx-connector-lob > a, .rsx-connector-lob > ul > li, .rsx-connector-lob > ul > li > ul > li { border-bottom: none; } .rsx-nav-kc-link { margin-top: 20px; } .rsx-connector-area:hover .rsx-connector-lob-flyout, .rsx-connector-area.rsx-hover .rsx-connector-lob-flyout, .rsx-header-retail .rsx-connector-area.rsx-active .rsx-connector-lob-flyout { display: block; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; max-height: 1000px; } /*Connector - active lob display*/ .rsx-connector-active-lob { overflow-x: hidden; } .rsx-connector-active-lob > ul > li, .rsx-connector-lob ul > li { margin-top: 7px; } .rsx-connector-lob.rsx-connector-lob_has-subsections ul > li:not(:last-child) > ul { margin-bottom: 35px; } .rsx-connector-brand, .rsx-connector-area { display: inline-block; height: 54px; } .rsx-connector-active-lob ul { max-width: 730px; } .rsx-connector-lob-flyout-content > li { width: 160px; } header.rsx-mode-aliant .rsx-connector-area_MY_SERVICES .rsx-connector-lob-flyout-content > li { width: 200px; } .rsx-connector-active-lob > .container > a { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .rsx-connector-active-lob ul { float: right; } .rsx-connector-active-lob ul > li { white-space: normal; } } .rsx-federal-bar-link-provinces { position: absolute !important; top: 30px; right: 0; left: 82.5%; z-index: 100; width: 250px; display: none; background-color: white; padding: 15px 10px; box-shadow: 0 0 40px rgba(0,0,0, .3); } .rsx-federal-bar-link-provinces.rsx-caret:after { border-width: 9px; transform: translateX(30px) translateY(-100%); -webkit-transform: translateX(30px) translateY(-100%); -ms-transform: translateX(30px) translateY(-100%); } .rsx-footer-head .rsx-federal-bar-link-provinces.rsx-caret:after { border-width: 9px; transform: translateX(15px) translateY(-100%); -webkit-transform: translateX(15px) translateY(-100%); -ms-transform: translateX(15px) translateY(-100%); } .rsx-federal-bar-link-provinces .rsx-label { text-transform: initial; padding: 5px 5px 3px 7px; text-transform: none; } .rsx-federal-bar-link-provinces .rsx-label.rsx-focused { background: #e1e1e1; border-radius: 3px; } .rsx-federal-bar-link-provinces .rsx-checkboxes .rsx-label.rsx-focused .rsx-checkbox { box-shadow: none; } .rsx-federal-bar-link-provinces .rsx-label:hover { background: #e1e1e1; border-radius: 3px; } .rsx-federal-bar-link-provinces .rsx-checkbox { border: none; background-color: transparent !important; box-shadow: none; } .rsx-federal-bar-link-provinces .rsx-checkbox:after { color: #00549a; background: none !important; font-size: 12px; font-weight: bold; } .rsx-federal-bar-link-provinces .rsx-label .rsx-label-text { font-size: 13px; color: #555555; } .rsx-federal-bar-link-provinces .rsx-label.rsx-active .rsx-label-text { color: #00549a; font-weight: bold; } .rsx-federal-bar-link-provinces .rsx-label.rsx-disabled .rsx-label-text:hover { text-decoration: none; } .rsx-federal-bar-mobile .rsx-preferences-section select option:disabled { color: #bdbdbd !important; } .rsx-federal-bar .rsx-federal-bar-link-provinces .rsx-label.rsx-disabled { opacity: 0.5; } /*-------------- Desktop compressed and down -------------------*/ @media (max-width: 999px) { .rsx-connector .container { width: 100%; margin: 0; } .rsx-connector-brand-current-lob { height: 50px; width: 100%; color: #fff; text-align: center; font-family: 'bell-slim'; font-size: 24px; line-height: 2.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px; padding-right: 100px; } .rsx-connector-lob-flyout-content > li:nth-last-child(1) { margin-right: 0; } body.rsx-connector-active { overflow: hidden; width: 100%; } .rsx-screen { position: fixed; z-index: 1000; top: 0; left: 0; bottom: 100%; right: 0; opacity: 0; background-color: rgba(0,0,0,.6); /*transition: bottom 0.5s cubic-bezier(.55,0,.1,1) 0.5s, opacity 0.5s cubic-bezier(.55,0,.1,1);*/ } .rsx-connector-nav { display: none; } .rsx-connector-active .rsx-screen, .rsx-connector-modal-active .rsx-screen { bottom: 0; opacity: 1; /*transition: bottom 0.1s cubic-bezier(.55,0,.1,1), opacity 0.5s cubic-bezier(.55,0,.1,1);*/ } .rsx-connector-active .rsx-connector-nav { -webkit-transform: none; -ms-transform: none; transform: none; right: 0px; display: block; } .rsx-connector-area { position: relative; } .rsx-connector-area > a { padding: 12px 35px 10px 15px; } .rsx-connector-area.rsx-connector-area_first > a { -webkit-box-shadow: inset 0px 11px 17px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 11px 17px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 11px 17px 0px rgba(0,0,0,0.25); } .rsx-connector-single-link a, .rsx-connector-area > a, .rsx-connector-lob a { min-height: 50px; } .rsx-connector-single-link > a, .rsx-connector-lob-flyout-content .rsx-connector-lob > a { padding: 18px 40px 18px 25px; } .rsx-connector-lob > ul > li > a { padding: 10px 40px 10px 35px; } .rsx-connector-single-link > a > h3, .rsx-connector-lob > a > h3 { font-size: 18px; font-family: sans-serif; font-weight: normal; letter-spacing: normal; } .rsx-connector-lob.rsx-active > a { background: #003778; } .rsx-connector-lob:first-child > a, .rsx-connector-lob-flyout.rsx-active .rsx-connector-lob.rsx-active > ul > li:first-child > a { -webkit-box-shadow: inset 0px 11px 17px 0px rgba(0,0,0,0.11); -moz-box-shadow: inset 0px 11px 17px 0px rgba(0,0,0,0.11); box-shadow: inset 0px 11px 17px 0px rgba(0,0,0,0.11); } .rsx-connector-single-link > a:before, .rsx-connector-single-link > a:after, .rsx-connector-lob > a:before, .rsx-connector-lob > a:after { border-top-color: #003778; } .rsx-connector-lob-flyout .rsx-connector-lob > ul > li a { background: #002c6b; padding-top: 15px; font-size: 18px; } .rsx-connector-area_business .rsx-connector-lob-flyout .rsx-connector-lob > ul > li a { font-family: sans-serif; font-weight: normal; font-size: 14px; letter-spacing: initial; display: block; color: #c2cedf; line-height: 1.1; } .rsx-connector-area_business .rsx-connector-lob-flyout .rsx-connector-lob > ul > li a span { font-size: 18px; font-family: sans-serif; font-weight: normal; letter-spacing: normal; color: #fff; line-height: 1.1; } .rsx-connector-lob-flyout .rsx-connector-lob > ul > li > ul > li a, .rsx-connector-lob-flyout .rsx-connector-lob > ul > li:first-child > ul > li a { box-shadow: none; padding-left: 35px; } .rsx-connector-single-link > a:after, .rsx-connector-single-link > a:before, .rsx-connector-lob > a:after, .rsx-connector-lob > a:before, .rsx-connector-area > a:after, .rsx-connector-area > a:before, .rsx-federal-bar-mobile-lang-province > a:before { top: 49px; border-left: 12px solid transparent; border-right: 12px solid transparent; } .rsx-connector-lob.rsx-active > a:after, .rsx-connector-lob.rsx-active > a:before, .rsx-connector-area.rsx-active > a:after, .rsx-connector-area.rsx-active > a:before { border-top-width: 10px; bottom: -12px; top: auto; } } /*-------------- Desktop compressed and up -------------------*/ .rsx-store-locator-section-links ul > li > a.rsx-label-text { font-size: 13px; color: #555555; } @media (min-width: 1000px) { .rsx-federal-bar-link-provinces.rsx-active { display: block; } .rsx-federal-bar-store-locator { display: inline-block; } .rsx-federal-bar-store-locator-popup { display: none; position: absolute !important; right: 50px; background: #fff; z-index: 100; padding: 20px; box-shadow: 0 0 40px rgba(0,0,0, .5); top: 30px; width: 360px; text-transform: none; } .rsx-federal-bar-store-locator-popup.rsx-federal-bar-links { right: 100px; width: 250px; } .rsx-federal-bar-store-locator-popup.rsx-federal-bar-links .rsx-store-locator-section-links { display: block; } .rsx-federal-bar-store-locator-popup.rsx-federal-bar-links .rsx-store-locator-section { display: none; } .rsx-federal-bar-store-locator-popup .rsx-store-locator-section-links { display: none; } .rsx-federal-bar-store-locator-popup .rsx-store-locator-section { display: block; } .rsx-federal-bar-store-locator-popup .rsx-store-locator-section-links li:not(:first-child) { padding-top: 10px; } .rsx-federal-bar-store-locator.rsx-active .rsx-federal-bar-store-locator-popup { display: block; } .rsx-federal-bar-aliant-connector-tooltip.rsx-federal-bar-aliant-connector-tooltip_smb .rsx-federal-bar-store-locator-popup.rsx-caret:after { border-width: 9px; } .rsx-federal-bar-store-locator-popup > label, .rsx-federal-bar-store-locator-popup > input { font-size: 14px; } .rsx-federal-bar-shopping-cart { display: inline-block; position: relative; } .rsx-federal-bar-shopping-cart.rsx-active .rsx-federal-bar-shopping-cart-popup { display: block; } .rsx-federal-bar-shopping-cart-popup.rsx-caret:after { border-width: 9px; } .rsx-federal-bar-shopping-cart > label, .rsx-federal-bar-shopping-cart > input { font-size: 14px; } .rsx-federal-bar-shopping-cart-popup { display: none; position: absolute !important; right: -13px; background: #fff; z-index: 100; padding: 20px; box-shadow: 0 0 40px rgba(0,0,0, .5); top: 42px; width: 213px; height: 200px; text-transform: none; text-align: center; } .rsx-federal-bar-shopping-cart-popup.rsx-caret_top:after { transform: translateX(400%) translateY(-89%); } .rsx-federal-bar-shopping-cart-popup .rsx-icon-cart { margin: 10px -7px 0px 0px; width: 75px; height: 75px; } .rsx-federal-bar-shopping-cart-popup .rsx-icon-cart:before { font-size: 36px; } } /*-------------- Special case for the shpping cart flyout -------------------*/ @media (min-width: 1344px) { .rsx-federal-bar-shopping-cart-popup { right: -56px; } .rsx-federal-bar-shopping-cart-popup.rsx-caret_top:after { transform: translateX(160%) translateY(-89%); } } /*-------------- Desktop regular and down -------------------*/ @media (max-width: 1239px) { .rsx-connector-lob-flyout-content > li:nth-last-child(1) { margin-right: 0; } .rsx-federal-bar-link-provinces { left: 78.5%; } } /*-------------- Desktop compressed -------------------*/ @media (min-width: 1000px) and (max-width: 1239px) { .rsx-connector-area > a { margin-left: 10px; margin-right: 15px; } .rsx-connector-lob-flyout-content > li { width: 145px; margin-right: 15px; } .rsx-connector-lob-flyout-content > li:nth-child(n+7) { clear: left; margin-top: 20px; } } /*-------------- Desktop regular -------------------*/ @media (min-width: 1240px) { .rsx-connector-active-lob ul { max-width: 950px; } .rsx-connector-lob-flyout-content > li { width: 160px; } .rsx-connector-lob-flyout-content > li:nth-child(n+7) { clear: left; margin-top: 20px; } } /* 6. Initial Language & Region */ @media (min-width: 520px) { #rsx-initial-lang-region .row > .rsx-col, #rsx-initial-lang-region .row > [class^="col-"], #rsx-initial-lang-region .row > [class*=" col-"], #rsx-initial-lang-region .rsx-col-pad > .rsx-col, #rsx-initial-lang-region .rsx-col-pad > [class^="col-"], #rsx-initial-lang-region .rsx-col-pad > [class*=" col-"] { padding: 40px; } } body.rsx-init-lang-region-active { overflow: hidden; } #rsx-initial-lang-region, #rsx-initial-lang-reigon-backdrop { display: none; position: fixed; } #rsx-initial-lang-region { overflow-y: auto; max-height: 100%; } .rsx-init-lang-region-active #rsx-initial-lang-region, .rsx-init-lang-region-active #rsx-initial-lang-reigon-backdrop { display: block; } #rsx-initial-lang-region { z-index: 5000; } .rsx-initial-lang-region { max-width: 600px; margin-bottom: 0; background-color: #fff; } #rsx-initial-lang-reigon-backdrop { z-index: 1100; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.6); } .shopping-cart-empty-flyout-shown { float: left; z-index: 10000; max-width: 213px; width: 213px; max-height: 236px; height: 236px; background-color: white; vertical-align: middle; border: 3px solid rgb(216,217,219); color: rgb(1,85,155); text-align: center; } @media (max-width: 519px) { #rsx-initial-lang-region { top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; } .rsx-initial-lang-region-wrap { margin: 60px 15px 15px; } .rsx-initial-lang-region-wrap { background-color: #fff; } } @media (min-width: 520px) { #rsx-initial-lang-region { width: 480px; background-color: #fff; left: 50%; transform: translate(-50%, 0); } } @media (min-width: 520px) and (max-width: 999px) { #rsx-initial-lang-region { background-color: transparent; background-color: transparent; transform: none; width: 100%; } .rsx-initial-lang-region-wrap { width: 480px; background: #fff; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 40px; } } @media (min-width: 640px) and (max-width: 999px) { .rsx-initial-lang-region-wrap { width: 600px; } } @media (max-width: 999px) { #rsx-initial-lang-region { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; } .rsx-second-navigation-empty { display: none; } nav.rsx-connector-nav ul.rsx-connector-areas, nav.rsx-connector-nav ul.rsx-connector-settings-mobile{ background: #00549a; overflow: visible; } nav.rsx-connector-nav div.rsx-connector-lob-flyout, .rsx-connector nav.rsx-connector-nav .rsx-connector-lob > ul, nav.rsx-connector-nav ul.rsx-connector-areas li.rsx-connector-area{ overflow: hidden; } nav.rsx-connector-nav ul.rsx-connector-areas li.rsx-connector-area, nav.rsx-connector-nav ul.rsx-connector-settings-mobile li, .rsx-connector nav.rsx-connector-nav .rsx-connector-lob > ul li a{ background: none; } .rsx-connector nav.rsx-connector-nav ul li a:focus{ outline: 2px solid #fff!important; } } @media (min-width: 1000px) { #rsx-initial-lang-region { width: 600px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .rsx-federal-bar-store-locator-popup .rsx-connector-active-lob-favorite { padding-bottom: 20px; border-bottom: 1px solid #eeeeee; margin-bottom: 15px; padding-right: 20px; } .rsx-federal-bar-store-locator-popup .rsx-connector-active-lob-favorite:hover { cursor: pointer; text-decoration: underline; } .rsx-federal-bar-store-locator-popup .rsx-connector-active-lob-favorite img { float: left; } .rsx-federal-bar-store-locator-popup .rsx-connector-active-lob-favorite img + span { display: block; padding-left: 50px; color: #000; font-weight: bold; font-size: 14px; } .rsx-federal-bar-store-locator-popup .rsx-connector-active-lob-favorite .rsx-icon-chevron { right: 15px; top: 27px; font-size: 20px; position: absolute; } .rsx-federal-bar-store-locator-popup .rsx-connector-active-lob-favorite img + span + span { display: block; padding-left: 50px; } .rsx-connector-active-lob .rsx-connector-active-lob-favorite { float: right; display: inline-block; text-align: left; } .rsx-connector-active-lob .rsx-connector-active-lob-favorite:hover { cursor: pointer; text-decoration: underline; color: white; } .rsx-connector-active-lob .rsx-connector-active-lob-favorite i { float: left; color: #C2CEDF; font-size: 20px; padding-top: 8px; } .rsx-connector-active-lob .rsx-connector-active-lob-favorite i + span { display: block; font-weight: 600; padding-left: 40px; color: #C2CEDF; } .rsx-connector-active-lob .rsx-connector-active-lob-favorite i + span + span { display: block; white-space: nowrap; padding-left: 40px; color: #C2CEDF; } @media (min-width: 520px) { .rsx-connector-active-lob .rsx-connector-active-lob-favorite-col { margin-top: -10px; margin-bottom: -10px; } } @media (max-width: 519px) { .rsx-connector-active-lob .rsx-connector-active-lob-favorite-col { margin-top: 20px; border-top: 1px solid #01215e; padding-top: 15px; } .rsx-connector-active-lob .rsx-connector-active-lob-favorite { float: left; } } /*Sticky Navigation apply*/ /*adding bell bundle page css*/ body > header, body > .rsx-eshop-bundles-page >header{ width: 100%; margin: 0 auto; } .fixed-nav > header, .fixed-nav > .rsx-eshop-bundles-page> header { position: fixed; top: 0; z-index: 1023; transition: .15s linear all; -moz-box-shadow: 0 12px 20px 0 rgba(0,0,0, .36); -webkit-box-shadow: 0 12px 20px 0 rgba(0,0,0, .36); box-shadow: 0 12px 20px 0 rgba(0,0,0,.36); } @media(max-width:999px) { .fixed-nav > header, .fixed-nav > .rsx-eshop-bundles-page > header { transition: .25s linear all; } body > header .rsx-skip-to-main-link, body > .rsx-eshop-bundles-page > header .rsx-skip-to-main-link { display: none; } } @media(max-width:639px) { .coveo-search-flyout { top: 54px !important; } } .business-selector.bhp-active { display: block; } .business-selector { position: absolute; top: 24px; line-height: normal; left: -45px; z-index: 100; width: 223px; background-color: #F4F4F4; box-shadow: 0 0 30px rgba(0,0,0,.3); display: none; } .business-selector-french { left: -25px; } .federal-bar-link-small-business { padding: 0px !important; } .business-selector:before { position: absolute; border-width: 9px; top: -17px; left: calc(50% - 7px); content: ''; display: block; z-index: 5; width: 0; height: 0; border-style: solid; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #fff; } .business-selector ul { margin: 0; padding: 0; list-style-type: none; } .bhp-business-connector { text-decoration: none; border-left-color: #00549a; font-family: Arial !important; color: #111111 !important; } .bhp-business-connector:hover { text-decoration: none !important; } .bhp-business-connector-li { padding: 20px 0px; position: relative; } .bhp-business-connector-li:first-child:after { content: ''; display: block; position: absolute; border-bottom: 1px solid #e2e2e2; width: 100%; left: 0%; bottom: 0; } .bhp-business-connector-div { padding: 0px 16px; border-left: 4px solid #F4F4F4; border-right: 4px solid #F4F4F4; text-transform: none; font-size: 14px; } .bhp-business-connector-li:hover { border-left: 4px solid #00549A; background-color: #fff; margin-left: -4px; } .bhp-business-connector-right-arrow { content: ""; position: absolute; top: 44%; right: 15px; display: block; border-right: 2px solid #00549a; border-bottom: 2px solid #00549a; width: 8px; height: 8px; transform: rotate(-45deg); } @media (min-width: 992px) { .bhp-business-connector .bhp-business-connector-span { width: 100%; display: inline-block; } } .business-selector-mobile .bhp-business-connector-span { width: 100%; display: inline-block; } a.business-dropdown-mobile { display: block; } .business-selector.rsx-active { display: block; } .rsx-federal-bar-links.rsx-federal-bar-links_left > div { margin-right: 0px !important; } .rsx-federal-bar-link-wrap > a { text-indent: 0.5rem; } .arrow { position: relative; display: block; margin-right: 15px !important; } .rsx-connector .arrow-mobile a:focus { outline: none !important; } .down-arrow:after { content: ""; position: absolute; top: 1px; right: -12px; display: block; border-right: 2px solid #babec2; border-bottom: 2px solid #babec2; width: 8px; height: 8px; transform: rotate(45deg); pointer-events: none; } .up-arrow:after { content: ""; position: absolute; top: 7px; right: -10px; display: block; border-left: 2px solid #babec2; border-top: 2px solid #babec2; width: 7px; height: 7px; transform: rotate(45deg); pointer-events: none; } .bhp-business-connector-li-mobile:focus, .bhp-business-connector-li-mobile > a:focus { outline: none; } .arrow-mobile { position: relative; margin-right: 15px !important; padding-right: 20px !important; } .arrow-mobile-fr { position: relative; margin-right: 15px !important; padding-right: 20px !important; } .business-selector-mobile { padding-left: 0px !important; display: none; position: relative; background: #252527 !important; } .business-selector-mobile.rsx-active { display: block; } .business-selector-mobile-ul::before { position: absolute; border-width: 9px; left: 28px; content: ''; display: block; z-index: 5; width: 0; height: 0; border-style: solid; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #2D2E33; transform: rotate(180deg); } .down-arrow-mobile:after { content: ""; position: absolute; top: 15px; border-right: 2px solid #8E8E8F; border-bottom: 2px solid #8E8E8F; width: 9px; height: 9px; transform: rotate(45deg); pointer-events: none; } .up-arrow-mobile:after { content: ""; position: absolute; top: 20px; border-left: 2px solid #8E8E8F; border-top: 2px solid #8E8E8F; width: 9px; height: 9px; transform: rotate(45deg); pointer-events: none; } .arrow-mobile:after { margin-left: 85px; } .arrow-mobile-fr:after { margin-left: 108px; } .business-dropdown-mobile { box-shadow: none !important; color: #999999 !important; background: #252527 !important; font-family: Arial !important; font-size: 14px !important; } .business-dropdown-mobile > span { padding-left: 10px; } .business-dropdown-mobile-right-arrow { content: ""; position: absolute; top: 30px; right: 17px; display: block; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 8px; transform: rotate(-45deg); } .business-dropdown-mobile::before { top: 30px !important; border-right: 2px solid #999999 !important; border-bottom: 2px solid #999999 !important; } .bhp-connector-federal-bar-mobile > a, .bhp-connector-federal-bar-mobile > div, .bhp-connector-federal-bar-mobile > button { padding-left: 15px; } .bhp-connector-federal-bar-mobile { padding: 15px 0px; } .bhp-prov-selector-mobile-wrap:after { left: 45px; } .bhp-business-connector-li-mobile:nth-child(2n):before { content: ''; display: block; position: absolute; border-bottom: 1px solid #111111; z-index: 999; width: 86%; left: 7%; bottom: 65px; } .bhp-business-connector-li-mobile { padding: 15px; position: relative; } .business-selector-french { left: -27px; } #languageMob { padding-bottom : 0px; } .bhp-business-connector:focus::after { display: none !important; } /* RSX/BRF patch */ @media (min-width: 1000px) { .rsx-connector-area, .connector-area { position: relative !important; } .rsx-connector-area > a[class*="hidden-"]:after, .connector-area > a[class*="hidden-"]:after { content: none !important; } .rsx-connector-area > a[class*="hidden-"]:before, .connector-area > a[class*="hidden-"]:before { border-top-color: transparent; } .connector-area.active .connector-lob-flyout { display: none !important; } .connector-area.active > a, .connector-area.connector-area_current > a, .rsx-connector-area.rsx-active > a { color: #fff; } .rsx-connector-area.rsx-active > div *:focus { outline: 2px solid #0075ff !important; z-index: 1 !important; border-radius: 1px !important } } .coustomLine { padding-bottom: 1px; margin-top: 0px; margin-bottom: 13px; border-top-color: #e2e2e2; } /* Menu flyout styles */ .menu-flyout { opacity: 0; height: 0; max-height: 0; overflow: hidden; position: absolute; z-index: -1; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; } @media(min-width: 1000px) { .menu-flyout.menu-flyout-visible { opacity: 1; position: absolute; z-index: 20; background-color: #f0f0f0; width: 214px; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: 0px 3px 16px 2px rgba(0,0,0,0.23); box-shadow: 0px 3px 16px 2px rgba(0,0,0,0.23); left: 50%; margin-left: -107px; top: 55px; height: auto; max-height: none; overflow: visible; } .rsx-mode-aliant .menu-flyout, .mode-aliant .menu-flyout { top: 55px; } .menu-flyout ~ .connector-lob-flyout, .menu-flyout ~ .rsx-connector-lob-flyout { display: none !important; } .menu-flyout-visible .sub-nav-header { padding: 30px 30px 0 30px; margin: 0; font-weight: bold; font-size: 1.2rem; color: #111; } .menu-flyout-visible ul { list-style: none; margin-top: 0; padding-left: 0; } .menu-flyout-visible .menu-flyout-root { position: relative; min-height: 300px; } .menu-flyout-visible .menu-flyout-root:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #f0f0f0; border-width: 14px; margin-left: -14px; } .menu-flyout-visible .sub-nav-root { padding-top: 20px; } .menu-flyout-visible .sub-nav-root > li:last-child { padding-bottom: 40px; } .menu-flyout-visible .sub-nav-level-1 { padding: 10px 18px; display: block; border-left: 4px solid #f0f0f0; font-size: 1.5rem; position: relative; line-height: normal; } .menu-flyout-visible .sub-nav-level-1:after { content: url(/styles/RSX/framework/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTdGOTE3RDZFMDkxMUU4ODU1MkE2RDY0QTMwNUEyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTdGOTE3RTZFMDkxMUU4ODU1MkE2RDY0QTMwNUEyMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNBN0Y5MTdCNkUwOTExRTg4NTUyQTZENjRBMzA1QTIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNBN0Y5MTdDNkUwOTExRTg4NTUyQTZENjRBMzA1QTIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vo8LxgAAAZJJREFUeNpMUEsvA2EUvfP55q1GR6tECYJ6rTyasJCQSCxEIiQeYWHDmv9gKSzEokIkrCQWVlJBjNZKKhYI2oSUeCeD6mg7046vXnGX955z7jmHmlw7hFdNbwYKkCwyfi2eBIqCv0HRuOGe2zzdn/ee+qLxZEMWT4Np/gOkTJPhGQxqWIXl3YuNSEyvEjlMQN8oZBVZf3djsTu/LPft6vzetrB95ovpqRoLz3wpoWTKBC1hHNSX2buKyh3GTfApZ0W58H4kjBKBxYDSMnoyBWShuF25rc4Kx2Pw/KFgSQkqxF91RkvvKPA0BtnCQqFNDFcVyMdHty9Dj6FnKYKgAxnkBYMR2AggW2BR4PJpOKpqINozobbQOoXTkdO5WToD1gPhVcUX6uFkAfraXGN2C+dBCFEgCQzsnNwtp4+0hYOBVtdYnsR7Ih8JQMSl5D26XvTuhYZwFg+D7ZXjDonzqNE4USb1vsf0uq1AeIRUDf1tFRNOWZh50wjzp2/M0tjf2VQ6y3NYc1qFafU98cX8nU8BBgAJEJrPXAOh1QAAAABJRU5ErkJggg==); color: #00549a; position: absolute; top: 50%; margin-top: -6px; right: 15px; } .menu-flyout-visible .sub-nav-level-1:hover { border-left-color: #00549a; background-color: #e1e1e1; text-decoration: none; } .menu-flyout-visible .no-sub-nav .sub-nav-level-1:after { content: none; } .menu-flyout-visible .no-sub-nav .sub-nav-level-1 { color: #00549a; } .menu-flyout.menu-flyout-visible li.menu-flyout-item-active > .sub-nav-level-1 { border-left-color: #00549a; background-color: white; font-weight: bold; -webkit-box-shadow: -1px 4px 8px -4px rgba(0,0,0,0.1); box-shadow: -1px 4px 8px -4px rgba(0,0,0,0.1); } .menu-flyout.menu-flyout-visible li.menu-flyout-item-active > .sub-nav-level-1:after { content: ""; } .menu-flyout-visible .sub-nav-level-1 span { display: block; font-size: 1.2rem; } .menu-flyout-visible .sub-nav-group { width: 180%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; height: 0; background-color: white; z-index: -1; -webkit-box-shadow: 0px 3px 16px 2px rgba(0,0,0,0.23); box-shadow: 0px 3px 16px 2px rgba(0,0,0,0.23); opacity: 0; -webkit-transition: opacity .225s; -o-transition: opacity .225s; transition: opacity .225s; } .menu-flyout-visible .enter-animation .sub-nav-group, .menu-flyout-visible .enter-animation .sub-nav-group a, .menu-flyout-visible .enter-animation .sub-nav-item { color: white; } .menu-flyout-visible .enter-offset .sub-nav-item { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); overflow: hidden; } .menu-flyout-visible .pre-enter-fadein .sub-nav-item, .menu-flyout-visible .enter-fadein .sub-nav-item { opacity: 0; } .menu-flyout-has-been-expanded .sub-nav-group { -webkit-transition: none; -o-transition: none; transition: none; } .menu-flyout-visible .sub-nav-large { width: 230%; } .menu-flyout.menu-flyout-visible li.menu-flyout-item-active .sub-nav-group { position: absolute; left: 214px; top: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; } .menu-flyout-visible .sub-nav-item { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0; overflow-y: hidden; -webkit-transition: opacity .225s, -webkit-transform .225s; transition: opacity .225s, -webkit-transform .225s; -o-transition: opacity .225s, transform .225s; transition: opacity .225s, transform .225s; transition: opacity .225s, transform .225s, -webkit-transform .225s; } .menu-flyout-visible .sub-nav-item ul { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 30px; padding-right: 30px; height: 100%; padding-top: 30px; } .menu-flyout-visible .sub-nav-item .sub-nav-level4 { padding-top: 20px; } .menu-flyout-visible .sub-nav-item:not(:last-child) ul { border-right: 1px solid #e2e2e2; } .menu-flyout-visible .sub-nav-item ul > li { margin-bottom: 1.5rem; } .menu-flyout-visible .sub-nav-item ul > li a { display: block; color: #555; font-size: 1.3rem; line-height: normal; } .menu-flyout-visible .sub-nav-item ul > li a:hover { color: #00549a; text-decoration: underline; } .menu-flyout-visible .sub-nav-item .sub-nav-links-two-columns, .menu-flyout-visible .sub-nav-item .sub-nav-links-three-columns { -webkit-column-gap: 30px; column-gap: 30px; -webkit-column-fill: auto; column-fill: auto; height: 280px; } .menu-flyout-visible .sub-nav-links-two-columns { columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style-position: inside; } .menu-flyout-visible .sub-nav-links-three-columns { columns: 3; -webkit-columns: 3; -moz-columns: 3; list-style-position: inside; } } .menu-flyout-overlay { background-color: transparent; left: 0; width: 100vw; height: 100vh; position: fixed; z-index: 19; display: none; } @media (min-width: 1024px) { .menu-flyout-visible + .menu-flyout-overlay { display: block; } } .menu-flyout-overlay, .menu-flyout-overlay:active, .menu-flyout-overlay:focus { outline: 0; border: none; } /**Custom RSX moving page navigation on shop and support css*/ .connector-nav-level-1_lastitem-stroke { height: 1px; background-color: #fff; margin: 15px 18px 12px 22px; } .connector-nav-level-1_lastitem { margin-bottom: 0; padding-bottom: 20px !important; } .connector-nav-level-1_lastitem > a.sub-nav-level-1 { line-height:15px; } .connector-nav-level-1_lastitem > a > span.connector-level-two-button_label { display: block; font-size: 18px; margin-bottom: 5px; font-family: sans-serif; } .connector-nav-level-1_lastitem > a > span.connector-level-two-button_text { font-family: sans-serif; font-weight: 400; font-size: 1.5rem; } .connector-nav-level-1_lastitem:after, .connector-nav-level-1_lastitem > a:after { content: none !important; } @media(max-width:999px) { .rsx-connector-lob_no-children.rsx-active > a:before, .rsx-connector-lob_no-children.rsx-active > a:after { display: none } } @media(min-width:1000px) { .connector-nav-level-1_lastitem-stroke { background-color: #cecece; } .connector-nav-level-1_lastitem > a:has(.connector-level-two-button_text):hover { text-decoration: none !important; } .connector-nav-level-1_lastitem > a:has(.connector-level-two-button_text) > .connector-level-two-button_text:hover { text-decoration: underline; } .connector-nav-level-1_lastitem > a > span.connector-level-two-button_label { color: #111; font-size: 14px; font-weight: 700; } .connector-nav-level-1_lastitem > a > span.connector-level-two-button_label:hover { text-decoration: none; } } /**End of Custom RSX moving page navigation on shop and support css*/ .rsx-simplified-header-wrap + main.rsx-page-content { top: -40px; padding-top: 20px; } .rsx-simplified-header { position: relative; background: #00549a; text-align: center; height: 75px; box-shadow: 0 10px 39px 0 rgba(0,0,0,0.2); z-index: 50; } .rsx-simplified-header > .container{ margin-bottom: 0; } .rsx-simplified-header-area-title { color: #fff; position: relative; font-family: 'bell-slim'; font-weight: 700; font-size: 24px; line-height: 3.1; width: 40%; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rsx-simplified-header-brand { position: absolute; top: 20px; left: 0; font-family: 'bell-icon'; font-style: normal; speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rsx-simplified-header-brand a { color: #fff; text-decoration: none; font-size: 34px; } header.rsx-mode-aliant:not(.rsx-mode-aliant_bell-logo) .rsx-simplified-header-brand a { font-size: 50px; top: -9px; position: relative; } .rsx-simplified-header-brand a:hover, .rsx-simplified-header-brand a:focus { text-decoration: none; color: #fff; } .rsx-simplified-header-brand a:before { content: '\e600'; } header.rsx-mode-aliant:not(.rsx-mode-aliant_bell-logo) .rsx-simplified-header-brand a:before { content: '\e926'; } a.rsx-simplified-header-lang { position: absolute; right: 0; margin: 0; top: 30px; transition: none; color:#fff; } a.rsx-simplified-header-lang:hover, a.rsx-simplified-header-lang:focus, a.rsx-simplified-header-lang:active, a.rsx-simplified-header-lang:visited { color: #fff; } .rsx-button.rsx-simplified-header-back { position: absolute; right: 0; margin: 0; top: 20px; transition: none; } .rsx-button.rsx-simplified-header-back > i { display: none; } .rsx-federal-bar-aliant-connector-tooltip { z-index: 70; } @media (max-width: 519px) { .rsx-simplified-header > .container { margin: 0; } } @media (max-width: 999px) { .rsx-simplified-header > .container{ width: 100%; } a.rsx-simplified-header-lang, .rsx-simplified-header-brand { display: none; } .rsx-button.rsx-simplified-header-back { position: absolute; left: 0; right: auto; top: 0; height: 75px; width: 75px; background-color: transparent; border: 0; } .rsx-button.rsx-simplified-header-back:hover{ background-color: transparent; } .rsx-button.rsx-simplified-header-back > span { display: none; } .rsx-button.rsx-simplified-header-back > i { display: block; position: relative; width: 100%; height: 100%; } .rsx-button.rsx-simplified-header-back > i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); font-size: 24px; } } /*connector brand - not logged in*/ .rsx-simplified-header .rsx-simplified-header-brand a:focus { outline: none !important; box-shadow: none !important; } .rsx-simplified-header .rsx-simplified-header-brand a:focus::after { content: ''; height: calc(100% + 6px); width: calc(100% + 6px); position: absolute; top: -3px; left: -3px; display: block; box-shadow: 0 0 3px 1px #5fb0fc, 0 0 3px 2px #8ec6fc; z-index: 1; } .rsx-simplified-header .rsx-button.rsx-simplified-header-back:focus { outline: none; box-shadow: 0 0 0px 3px #00549a, 0 0 2px 3px #00549a, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc; } .rsx-simplified-header .rsx-button.rsx-focus-outline-white:focus, .rsx-simplified-header .rsx-simplified-header-brand a.rsx-focus-outline-white:focus::after { outline: 2px solid #FFF !important; outline-offset: 4px; box-shadow: none !important; } .rsx-primary-header-brand a:focus, .rsx-primary-header-brand a:focus::after { outline: 2px solid #fff !important; outline-offset: 4px !important; box-shadow: none !important; border-radius: 2px; } @media (min-width: 999px) { .rsx-btn-primary-white, .rsx-btn-primary-white:active, .rsx-btn-primary-white:focus { color: #003778 !important; background-color: transparent !important; border: 2px solid #fff !important; font-size: 15px !important; padding: 10px 32px !important; text-align: center; cursor: pointer; color: #fff !important; } .rsx-btn-primary-white:hover, .rsx-btn-primary-white:active:focus { border-color: #d4dce8 !important; background-color: #3376ae !important; } .rsx-btn-primary-white:focus { outline: 2px solid #fff !important; outline-offset: 4px !important; box-shadow: none !important; } } @media (max-width: 999px) { .rsx-simplified-header-back.rsx-btn-primary-white { height: 50px; width: 50px; padding: 10px; margin: 12px; } .rsx-btn-primary-white:focus { outline: 2px solid #fff !important; outline-offset: 4px !important; box-shadow: none !important; border-radius: 50%; } } /** * RSX Framework * Copyright 2015 Bell Canada * * Global connector search component. * * * 1. Global Connector Modifications * 2. Search Positioning * 3. Search Form * 4. Autocomplete Results */ /* 1. Global Connector Modifications */ .rsx-connector-nav-open-button { z-index: 60; } .rsx-connector-mobile-bar { position: relative; border-bottom: 1px solid #003778; /*transition: opacity .25s cubic-bezier(.55,0,.1,1);*/ } /*.rsx-connector-search-active .rsx-connector-mobile-bar { opacity: 0; }*/ @media (max-width: 999px) { .rsx-connector > .container { /*overflow: hidden;*/ background-color: #00549a; z-index: 1100; } body.rsx-connector-search-active { overflow: hidden; } .rsx-connector-search-active .rsx-connector-active-lob{ display: none; } .rsx-connector-search-active .rsx-connector-mobile-bar { height: 110px; } html#shophello header #rsx-connector-search > input { display: block; height: 55px; background-color: #fff; color: #111; position: relative; width: 100%; padding-right: 70px; padding-left: 15px; border: 0; } } /* 2. Search Positioning */ #rsx-connector-search-button, #promoMobileBarLoginBtn { display: block; position: absolute; top: 0; right: 50px; border: 0; background: none; font-size: 19px; font-style: normal; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; cursor: pointer; width: 40px; height: 40px; border-radius: 50%; margin: 8px 5px; transition: background-color .25s cubic-bezier(.55,0,.1,1); padding: 0; } #rsx-connector-search-button.rsx-active { background-color: #002c6b; } #rsx-connector-search, #rsx-connector-search-cancel { display: table-cell; } #rsx-connector-search { position: relative; width: 99%; height: 100%; } #rsx-connector-search-cancel { vertical-align: top; line-height: 36px; padding-right: 7px; padding-left: 18px; opacity: .8; transition: opacity .2s cubic-bezier(.55,0,.1,1); } #rsx-connector-search-cancel:hover { opacity: 1; } #rsx-connector-search input[type="search"]::-webkit-input-placeholder { color: #555; } #rsx-connector-search input[type="search"]::-moz-placeholder { color: #555; opacity: 1; } #rsx-connector-search input[type="search"]:-ms-input-placeholder { color: #555; } #rsx-connector-search input[type="search"]:-moz-placeholder { color: #555; opacity: 1; } @media (max-width: 999px) { #rsx-connector-search { position: relative; width: 100%; display: block; } .rsx-connector-search-wrap { position: absolute; width: 100%; z-index: 55; top: 55px; left: 0; display: none; } .rsx-connector-search-wrap.rsx-active { display: block; } #rsx-connector-search [type="search"] { display: block; height: 56px; } #rsx-connector-search [type="reset"], #rsx-connector-search [type="submit"], #rsx-connector-search #voice_search { height: 55px; } } @media (min-width: 1000px) { #rsx-connector-search-cancel, #rsx-connector-search-button { display: none; } .rsx-connector-search-wrap { float: left; margin-top: -2px; margin-right: 10px; position: relative; } } /* 3. Search Form */ #rsx-connector-search [type="search"] { position: relative; width: 100%; padding-right: 70px; padding-left: 15px; border: 0; background-color: #fff; color: #111; margin: 0; box-sizing: border-box; } #rsx-connector-search.rsx-active [type="search"] { padding-right: 105px; } #rsx-connector-search [type="search"]::-ms-clear { display: none; } #rsx-connector-search [type="reset"], #rsx-connector-search [type="submit"], #rsx-connector-search #voice_search { position: absolute; top: -35px; padding: 0; border: 0; background: none; float: right; } #rsx-connector-search [type="reset"]:focus:after, #rsx-connector-search [type="submit"]:focus:after, #rsx-connector-search #voice_search { color: #00549A; } #rsx-connector-search [type="reset"]:after, #rsx-connector-search [type="reset"]:before, #rsx-connector-search [type="submit"]:after, #rsx-connector-search #voice_search{ display: block; position: absolute; top: 50%; left: 50%; } #rsx-connector-search [type="reset"]:after, #rsx-connector-search [type="submit"]:after, #rsx-connector-search #voice_search { font-family: 'bell-icon'; line-height: 1; } #rsx-connector-search [type="reset"] { right: 3px; width: 30px; display: none; } #rsx-connector-search [type="reset"]:focus .rsx-icon{ opacity: 1; } #rsx-connector-search [type="reset"] .rsx-icon { opacity: .5; font-size: 18px; } #rsx-connector-search [type="reset"].rsx-active { display: block; } #rsx-connector-search [type="submit"] { width: 45px; } #rsx-connector-search #voice_search { width: 30px; display: none; } .page-code_prsshpgen-online-marketing .rsx-connector-search-wrap button.rsx-active:focus { outline: 5px auto -webkit-focus-ring-color; } #voice_search_trigger, #voice_search_trigger_footer { display: none; } body.voice-search-enabled #voice_search_trigger, body.voice-search-enabled #voice_search_trigger_footer { display: block; } body.voice-recording-on #rsx-connector-search #voice_search, body.voice-recording-on #voice_search_trigger, body.voice-recording-on #voice_search_trigger_footer { opacity: .5; } body.voice-search-enabled #rsx-connector-search #voice_search { display: block; } #rsx-connector-search [type="submit"]:after { content: '\e615'; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 18px; color: #003778; } #rsx-connector-search #voice_search:after { content: '\e970'; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 18px; color: #003778; } @media (min-width: 1240px) { #rsx-connector-search { width: 300px; } } /* 4. Autocomplete Results */ .rsx-connector .ui-autocomplete { display: block !important; float: none; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; padding: 10px; transition: height .35s cubic-bezier(.55,0,.1,1), padding .35s cubic-bezier(.55,0,.1,1); background-color: #fff; box-shadow: 0 0 40px rgba(0,0,0, .3); position: absolute; } .rsx-connector ul.ui-autocomplete > li.ui-menu-item{ padding: 7px 10px; } .rsx-connector ul.ui-autocomplete > li.ui-menu-item > a.ui-corner-all{ text-decoration: none; color: #555555; cursor: pointer; display: block; } .rsx-connector ul.ui-autocomplete > li.ui-menu-item:hover{ background-color: #e1e1e1; border-radius: 3px; } .rsx-connector .ui-autocomplete-term{ font-weight: bold; } .rsx-connector .ui-autocomplete:empty { height: 0; padding-top: 0; padding-bottom: 0; visibility:hidden; } .rsx-connector .ui-autocomplete:empty:after { content: none; } .rsx-connector .ui-menu-item, .rsx-connector .ui-menu-item > a { color: #000; } .rsx-connector .ui-menu-item { margin-top: 2px; margin-bottom: 2px; } .rsx-connector .ui-menu-item > a:hover, .rsx-connector .ui-menu-item > a:active { background-color: #e2e2e2; } .rsx-connector .ui-menu-item .ui-autocomplete-term { font-weight: bold; } #rsx-search-screen { display: none; position: fixed; z-index: 80; top: 30px; left: 0; width: 100vw; height: calc(100vh - 30px); background-color: rgba(0,0,0,.8); opacity: 0; transition: opacity .25s cubic-bezier(.55,0,.1,1); -webkit-transform: translate(-1000%, -1000%); -ms-transform: translate(-1000%, -1000%); transform: translate(-1000%, -1000%); cursor: pointer; } #rsx-search-screen.rsx-active-in-desktop { display: block; } body.rsx-search-active #rsx-search-screen { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } body.rsx-search-active, body.rsx-voice-active { margin: 0; height: 100%; overflow: hidden; } #rsx-voice-search-overlay { display: none; position: fixed; z-index: 10000; top: 0; bottom: 0; left: 0; right: 0; background: #002d4c; background: #fff; text-align: center; padding: 150px 20px 50px; } .rsx-voice-search-close-btn { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border: none; background-color: transparent; } .rsx-voice-search-close-btn:before, .rsx-voice-search-close-btn:after { content: ""; width: 2px; height: 26px; display: block; background-color: #d4d4d4; position: absolute; top: 50%; left: 50%; } .rsx-voice-search-close-btn:before { transform: translate(-50%, -50%) rotate(45deg); } .rsx-voice-search-close-btn:after { transform: translate(-50%, -50%) rotate(-45deg); } body.rsx-voice-active #rsx-voice-search-overlay { display: block; } .rsx-voice-search-overlay-text { margin-bottom: 20px; font-family: 'bell-slim'; font-weight: 400; color: #111; position: relative; } .rsx-voice-search-overlay-speak { font-size: 32px; } #rsx-voice-search-overlay p { font-size: 19px; font-weight: bold; position: absolute; top: 265px; margin: 0 auto; width: 100%; letter-spacing: -.5px; color: #00549a; } .rsx-voice-search-icon-wrap-mic { color: #0d599b; height: 85px; width: 85px; background-color: #00549a; border-radius: 50%; border: 2px solid #1365a0; border-bottom: none; margin: 0 auto; box-shadow: 0px 2px 11px -1px rgba(0,0,0,0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rsx-voice-search-icon-wrap-mic svg { fill: #fff; padding: 5px; width: 100%; } .rsx-voice-search-icon-wrap-inner { border-radius: 50%; background-color: #9cbdd7; width: 130px; height: 130px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .rsx-voice-search-icon-wrap-outer { border-radius: 50%; background-color: #dfe9f3; width: 185px; height: 185px; margin: 0 auto; position: relative; } #rsx-voice-search-overlay.interim-recognition-on .rsx-voice-search-icon-wrap-inner { animation-name: pulsateInner; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } #rsx-voice-search-overlay.interim-recognition-on .rsx-voice-search-icon-wrap-outer { animation-name: pulsateOuter; animation-duration: 1s; animation-delay: .3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @-webkit-keyframes pulsateInner { 0% { background-color: rgba(156, 189, 215, 1); } 50% { background-color: rgba(156, 189, 215, 0); } 100% { background-color: rgba(156, 189, 215, 1); } } @-webkit-keyframes pulsateOuter { 0% { background-color: rgba(223, 233, 243, 1); } 50% { background-color: rgba(223, 233, 243, 0); } 100% { background-color: rgba(223, 233, 243, 1); } } #rsx-voice-search-overlay .rsx-icon-o:before { display: block; position: absolute; font-size: 65px; color: #fff; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translate(-50%, -50%); } /*start: TEMPORARY OVERRIDES OF COVEO STYLES*/ #coveo-search.CoveoSearchInterface .coveo-search-section { margin: 0; padding: 0; max-width: initial; } #coveo-search.CoveoSearchInterface .CoveoSearchbox { max-width: initial; margin-right: 0; } /*end: TEMPORARY OVERRIDES OF COVEO STYLES*/ .rsx-connector-voice-button, .rsx-footer-voice-button { width: 30px; height: 37px; display: block; background: none; position: absolute; top: 0; right: 35px; border: none; } .rsx-footer-voice-button { height: 43px; width: 40px; padding: 0; right: 45px; } .rsx-connector-voice-button { display: none; } .rsx-connector-voice-button:after, .rsx-footer-voice-button:after { font-family: 'bell-icon'; line-height: 1; content: '\e970'; display: block; font-size: 18px; color: #003778; } .rsx-footer-voice-button:after { font-size: 24px; color: #2e2d33; } @media (max-width: 999px) { .rsx-connector .ui-autocomplete { top: 120px !important; z-index: 1110; } #rsx-connector-search [type="reset"], #rsx-connector-search [type="submit"] { top: 0; } #rsx-connector-search [type="submit"] { right: 0; } #rsx-connector-search #voice_search { top: 0; right: 40px; left: auto; width: 30px; } #rsx-connector-search input[type="search"]::-webkit-input-placeholder { color: #111; } #rsx-connector-search input[type="search"]::-moz-placeholder { color: #111; } #rsx-connector-search input[type="search"]:-ms-input-placeholder { color: #111; } #rsx-connector-search input[type="search"]:-moz-placeholder { color: #111; } #rsx-connector-search [type="search"] { background-color: #fff; color: #111; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; } #rsx-connector-search [type="reset"] .rsx-icon { color: #111; font-size: 14px; } #rsx-connector-search [type="submit"]:after { color: #00549a; font-size: 16px; } #rsx-connector-search.rsx-active [type="submit"] { right: 0px; } #rsx-connector-search [type="reset"] { right: 40px; margin-right: 0; } body.voice-search-enabled #rsx-connector-search [type="reset"] { right: 75px; } } @media (max-width: 519px) { .rsx-connector .ui-autocomplete { position: fixed; left: 0 !important; width: 100vw !important; height: calc(100vh - 50px); padding-top: 20px; padding-bottom: 20px; box-shadow: inset 0 17px 20px -11px rgba(0,0,0,0.2); } } @media (min-width: 520px) { .rsx-connector .ui-autocomplete { position: absolute; } } @media (max-width: 639px) { body.search-bar-active #rsx-search-screen, body.search-bar-active #search-screen { opacity: 0; -webkit-transform: none; -ms-transform: none; transform: none; } } @media (min-width: 520px) and (max-width: 999px) { .rsx-connector .ui-autocomplete { width: 90%!important; left: 50% !important; /*top: 56px!important;*/ -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #rsx-search-screen { display: block; top: 50px; height: calc(100vh - 50px); } #rsx-search-screen.rsx-active { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } @media (min-width: 1000px) { .coveo-search-flyout, body.coveo-search-enabled.rsx-search-active #rsx-search-screen { top: 33px; } #rsx-connector-search [type="search"] { display: inline-block; border-radius: 18px; box-shadow: inset 2px 0px 3px -1px rgba(0,0,0,0.46); } #rsx-connector-search [type="search"], #rsx-connector-search [type="reset"], #rsx-connector-search [type="submit"], #rsx-connector-search #voice_search { height: 36px; } .rsx-connector-trigger-search-button { position: relative; width: 100%; width: 300px; padding-right: 70px; padding-left: 15px; border: 0; color: #999; background-color: #fff; margin: 0; display: inline-block; border-radius: 18px; height: 36px; box-shadow: inset 2px 0px 3px -1px rgba(0,0,0,0.46); } .rsx-connector-search-button-label { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-align: left; } .rsx-connector-search-button-icon:after { content: '\e615'; font-family: 'bell-icon'; line-height: 1; font-style: normal; display: block; position: absolute; font-size: 18px; color: #003778; top: 9px; right: 12px; } .rsx-footer-voice-button { display: block; } #rsx-connector-search [type="reset"], #rsx-connector-search [type="submit"], #rsx-connector-search #voice_search { right: 0; left: auto; top: 0; padding: 0; border: 0; background: none; } #rsx-connector-search [type="reset"], #rsx-connector-search [type="submit"], #rsx-connector-search #voice_search { position: absolute; right: 0; left: auto; top: 0; padding: 0; border: 0; background: none; } #rsx-connector-search:not(.rsx-active) [type="submit"] { margin-right: 5px; } #rsx-connector-search #voice_search { right: 40px; } #rsx-connector-search.rsx-active #voice_search { right: 40px; } #rsx-connector-search.rsx-active [type="submit"] { right: 0px; margin-right: 5px; } #rsx-connector-search [type="reset"] { right: 40px; margin-right: 0; } body.voice-search-enabled #rsx-connector-search [type="reset"] { right: 75px; } #rsx-connector-search [type="submit"] { width: 35px; } .rsx-connector .ui-autocomplete { top: 67px !important; transition: width .35s cubic-bezier(.55,0,.1,1), height .35s cubic-bezier(.55,0,.1,1), padding .35s cubic-bezier(.55,0,.1,1); } } @media (min-width: 1000px) and (max-width: 1239px) { #rsx-connector-search { width: 210px; } .rsx-connector .ui-autocomplete { left: calc(50% + -80px) !important; width: 400px !important; } #rsx-connector-search [type="submit"] { width: 30px; } #rsx-connector-search #voice_search { right: 30px; } #rsx-connector-search.rsx-active #voice_search { right: 35px; } body.voice-search-enabled #rsx-connector-search [type="reset"] { right: 65px; } .rsx-connector-trigger-search-button { width: 170px; } } .rsx-connector-area > a { letter-spacing: -1px; } @media (min-width: 1240px) { .rsx-connector .ui-autocomplete { left: 50% !important; width: 400px !important; } } #search-input-box:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } #voice_search:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } #perform_search:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } #rsx-login-register-button:focus { text-decoration: none!important; outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } /** * RSX Framework * Copyright 2015 Bell Canada * * Accordion widget. * Reference: http://rsxdeployment.azurewebsites.net/docs/widgets.html#widgets-accordion */ .rsx-accordion-section { margin-top: 1px; } .rsx-accordion-section:first-of-type, .rsx-accordion-section.rsx-first { margin-top: 0; } .rsx-accordion-header { padding: 25px 20px; background-color: #003778; cursor: pointer; } .rsx-accordion-section.rsx-active .rsx-accordion-header { background-color: #00549a; } .rsx-accordion-heading { display: inline-block; margin: 0; font-size: 20px; font-weight: normal; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .rsx-icon-accordion-indicator { float: right; margin-top: -6px; padding: 8px; border: 2px solid #fff; border-radius: 50%; font-size: 15px; color: #fff; } .rsx-icon-accordion-indicator:before { content: '\e007'; } .rsx-accordion-section.rsx-active .rsx-icon-accordion-indicator:before { content: '\e008'; } .rsx-accordion-content-wrapper { overflow: hidden; } .rsx-accordion-content{ padding: 20px; overflow: hidden; } /* Expandable section, powered by the accordion widget */ .rsx-accordion-generic .rsx-expandable-section { border-top: 1px solid #d4d4d4; background-clip: padding-box; } .rsx-accordion-generic .rsx-expandable-section:first-child { border-top: none; } .rsx-expandable-section-content { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(.55,0,.1,1); } .rsx-active > .rsx-expandable-section-content { max-height: 20000px; transition: max-height 0.7s cubic-bezier(.55,0,.1,1); padding: 3px; margin: -3px; } .rsx-expandable-section.rsx-expandable-section_collapsed .rsx-expandable-section-content { visibility: hidden; } /* Offer details flavour of expandable section*/ .rsx-offer-details { border-top: none; } .container .rsx-offer-details > .container { margin-bottom: 0; } .rsx-offer-details > .container .rsx-expandable-section-header { padding: 0 30px 0 40px; } .rsx-offer-details > .container .rsx-expandable-section-header:focus { outline: 2px solid #0075ff!important; border-radius: 2px; outline-offset: 2px; display: inline-flex; padding: 0 0px 0 40px; } .rsx-expandable-section-header_icon, .rsx-offer-details .rsx-expandable-section-header { font-size: 18px; color: #00549a; padding: 0 30px 0 40px; cursor: pointer; } .rsx-expandable-section-header_icon { position: relative; } .rsx-offer-details-toggle-icon { width: 24px; height: 24px; border: 2px solid #00549a; border-radius: 50%; display: inline-block; position: absolute; left: 0; } .rsx-offer-details-toggle-icon:before, .rsx-offer-details-toggle-icon:after { content: ""; position: absolute; background: #00549A; top: 0; left: 0; } .rsx-offer-details-toggle-icon:after { width: 12px; height: 2px; left: 4px; top: 9px; } .rsx-offer-details-toggle-icon:before { height: 12px; width: 2px; left: 9px; top: 4px; transition: 0.3s cubic-bezier(.55,0,.1,1); -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .rsx-offer-details .rsx-expandable-section.rsx-active .rsx-offer-details-toggle-icon:before, .rsx-expandable-section.rsx-active .rsx-expandable-section-header_icon .rsx-offer-details-toggle-icon:before { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } /* Accordion List built on top of rsx-offer-details*/ .rsx-offer-details .rsx-accordion-list .rsx-expandable-section-content{ padding: 0 30px; } .rsx-offer-details .rsx-accordion-list.rsx-accordion-icon-left .rsx-expandable-section-header{ padding: 20px 50px; } .rsx-offer-details .rsx-accordion-list.rsx-accordion-icon-left .rsx-expandable-section-content{ padding: 0 50px; } .rsx-offer-details .rsx-accordion-list.rsx-accordion-icon-right .rsx-expandable-section-header{ padding: 20px 50px; } .rsx-offer-details .rsx-accordion-list.rsx-accordion-icon-right .rsx-expandable-section-content{ padding: 0 50px; } .rsx-offer-details .rsx-accordion-list .rsx-offer-details-toggle-icon{ width: 32px; height: 32px; margin: -4px 0; } .rsx-offer-details .rsx-accordion-list .rsx-offer-details-toggle-icon:before{ height: 17px; left: 13px; top:6px; } .rsx-offer-details .rsx-accordion-list .rsx-offer-details-toggle-icon:after{ width: 17px; top: 13px; left: 5px; } .rsx-offer-details .rsx-accordion-list.rsx-accordion-icon-left .rsx-offer-details-toggle-icon{ left:20px; } .rsx-offer-details .rsx-accordion-list.rsx-accordion-icon-right .rsx-offer-details-toggle-icon{ left:auto; right:20px; } /* Generic accordion */ .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section-header{ padding-top: 20px; padding-bottom: 20px; position: relative; } .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section-header:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: 1px; } .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section-header > h3, .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section-header > h4, .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section-header > h5{ color: #00549a; cursor: pointer; margin-right: 60px; line-height: 1.3; } .rsx-expandable-sections.rsx-accordion-generic .rsx-icon{ position: absolute; top: 18px; right: 0; width: 34px; height: 34px; color: #00549a; cursor: pointer; border-radius: 50%; border: 1px solid #00549a; font-size: 16px; } /*.rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section:first-child .rsx-icon { top: 0; }*/ .rsx-expandable-sections.rsx-accordion-generic .rsx-icon:before{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section .rsx-icon-plus:before { opacity: 1; transition: opacity 0.3s; } .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section.rsx-active .rsx-icon-plus:before { opacity: 0; } .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section:last-child .rsx-expandable-section-content{ border-bottom: 0; } @media (max-width: 519px) { .rsx-expandable-sections.rsx-accordion-generic .rsx-icon{ top: 24px; width: 28px; height: 28px; font-size: 14px; } .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section-header > h3, .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section-header > h4, .rsx-expandable-sections.rsx-accordion-generic .rsx-expandable-section-header > h5{ margin-right: 40px; } } /** * RSX Framework * Copyright 2015 Bell Canada * * Carousel widget. */ .rsx-carousel-wrap { overflow: hidden; position: relative; } .rsx-carousel-header, .rsx-carousel-footer { text-align: center; } .rsx-carousel-source { width: 100%; } @media (min-width: 1000px) { .rsx-carousel-wrap .rsx-button-previous, .rsx-carousel-wrap .rsx-button-next { display: none; } } /** * RSX Framework * Copyright 2015 Bell Canada * * Color selector widget. * Reference: http://rsxdeployment.azurewebsites.net/docs/widgets.html#widgets-color-selector * * * 1. Base * 2. See More Ellipses * 2.1. Product Listing */ /* 1. Base */ .rsx-color-selector { display: inline-block; position: relative; list-style: none; padding: 0; margin: 5px 0 0; } .rsx-color-selector li { display: block; float: left; width: 24px; height: 24px; margin-top: 5px; margin-right: 16px; border: 1px solid #cacaca; border-radius: 50%; cursor: pointer; transition: box-shadow .15s cubic-bezier(.17, .67, .83, .67), width .5s cubic-bezier(.55, 0, .1, 1); } .rsx-color-selector.rsx-color-selector-static li{ width: 13px; height: 13px; } .rsx-product-list-product-color-static-wrap { text-align: center; } .rsx-color-selector li.rsx-active { box-shadow: 0 0 0.3em 2px rgba(0, 102, 164, 1); border: 2px solid #fff; } .rsx-color-selector li:last-of-type { margin-right: 0; } @media (min-width: 520px) { .rsx-color-selector li { width: 22px; height: 22px; margin-right: 12px; } .rsx-color-selector li.rsx-active { box-shadow: 0 0 0.3em 2px rgba(0, 102, 164, 1); } } @media (min-width: 1000px) { .rsx-color-selector li { margin-right: 4px; margin-left: 4px; } } /* 2. See More Ellipses */ .rsx-color-selector:not(.rsx-color-selector_more) .rsx-color-selector-more { display: none; } .rsx-color-selector_more li.rsx-color-selector-more { position: absolute; top: 0; right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); padding-top: 7px; border: 0; background-color: transparent; text-align: center; font-weight: bold; } /* 2.1. Product Listing */ @media (max-width: 519px) { .rsx-color-selector_more .rsx-color-selector-more:nth-of-type(-n+4), .rsx-color-selector_more li:not(.rsx-color-selector-more):nth-of-type(n+4) { display: none; } .rsx-color-selector_more li:not(.rsx-color-selector-more):nth-of-type(3) { margin-right: 0; } } @media (min-width: 520px) and (max-width: 1239px) { .rsx-color-selector_more .rsx-color-selector-more:nth-of-type(-n+7), .rsx-color-selector_more li:not(.rsx-color-selector-more):nth-of-type(n+7) { display: none; } .rsx-color-selector_more li:not(.rsx-color-selector-more):nth-of-type(6) { margin-right: 0; } } @media (min-width: 1240px) { .rsx-color-selector_more .rsx-color-selector-more:nth-of-type(-n+8), .rsx-color-selector_more li:not(.rsx-color-selector-more):nth-of-type(n+8) { display: none; } .rsx-color-selector_more li:not(.rsx-color-selector-more):nth-of-type(7) { margin-right: 0; } } .rsx-color-selector_custom li { outline:none !important; } /** * RSX Framework * Copyright 2015 Bell Canada * * Contains a palette of all colours available for the colour selector. * All colour names from PDM will be transformed to lowercase for the purposes of these class names only. * * * 1. Basic * 2. Apple */ /* 1. Basic */ .colorSelectorOption_white, .colorSelectorOption_phantomwhite, .colorSelectorOption_blancfantome, .colorSelectorOption_blanc { background-color: #fff; } .colorSelectorOption_grey, .colorSelectorOption_gray, .colorSelectorOption_mysticgrey, .colorSelectorOption_grismysterieux, .colorSelectorOption_gris { background-color: #999; } .colorSelectorOption_black, .colorSelectorOption_phantomblack, .colorSelectorOption_noirfantome, .colorSelectorOption_noir, .colorSelectorOption_noire, .colorSelectorOption_darkblue, .colorSelectorOption_bleufonce { background-color: #333; } .colorSelectorOption_red, .colorSelectorOption_rouge { background-color: #b41325; } .colorSelectorOption_twilight, .colorSelectorOption_crepuscule, .colorSelectorOption_purple, .colorSelectorOption_mauve, .colorSelectorOption_violet { background-color: #d1cdda; } .colorSelectorOption_orchid, .colorSelectorOption_orchidee, .colorSelectorOption_orchidgrey, .colorSelectorOption_grisorchidee { background-color: #6F6A80; } .colorSelectorOption_blue, .colorSelectorOption_bleu { background-color: #447792; } .colorSelectorOption_borapurple, .colorSelectorOption_mauvebora { background-color: #d4ccdf; } .colorSelectorOption_pink, .colorSelectorOption_pinkgold, .colorSelectorOption_orrose, .colorSelectorOption_rose { background-color: #fbe2dd; } .colorSelectorOption_orange { background-color: #f90; } .colorSelectorOption_bronze { background-color: #cd7f32; } .colorSelectorOption_yellow, .colorSelectorOption_jaune { background-color: #ffe681; } .colorSelectorOption_coral, .colorSelectorOption_corail { background-color: #ff6e5a; } .colorSelectorOption_green, .colorSelectorOption_vert { background-color: #556554; } .colorSelectorOption_darkgreen, .colorSelectorOption_midnightgreen, .colorSelectorOption_vertnocturne { background-color: #485f54; } .colorSelectorOption_illusionsunset, .colorSelectorOption_coucherdusoleil { background-color: #dc3c6f; } .colorSelectorOption_gold, .colorSelectorOption_or { background-color: #faead3; } .colorSelectorOption_silver, .colorSelectorOption_argent { background-color: #f2f3ee; } .colorSelectorOption_mysticbronze, .colorSelectorOption_bronzemysterieux { background-color: #cd7f32; } /* custom */ .colorSelectorOption_slate, .colorSelectorOption_ardoise { background-color: #475565; } /* 2. Apple */ .colorSelectorOption_applegrey, .colorSelectorOption_applegris { background-color: #999; } .colorSelectorOption_applesilver, .colorSelectorOption_appleargent { background-color: #e4e4e4; } .colorSelectorOption_applegold, .colorSelectorOption_appleor { background-color: #c9b8a3; } .colorSelectorOption_applerosegold, .colorSelectorOption_appleroseor { background-color: #fcc; } .colorSelectorOption_appleyellow, .colorSelectorOption_applejaune { background-color: #c9e47f; } .colorSelectorOption_applegreen, .colorSelectorOption_applevert { background-color: #97da65; } .colorSelectorOption_applered, .colorSelectorOption_applerouge { background-color: #af1e2d; } .colorSelectorOption_productred, .colorSelectorOption_rougeproduit { background-color: #c92233; } .colorSelectorOption_alpinegreen, .colorSelectorOption_vertalpin { background-color: #556554; } .colorSelectorOption_appleblue, .colorSelectorOption_applebleu { background-color: #83b8f0; } .colorSelectorOption_applepink, .colorSelectorOption_applerose { background-color: #fc818c; } .colorSelectorOption_applejetblack{ background-color: #1F1F21; } .colorSelectorOption_appleblack { background-color: #2B2B2B; } .colorSelectorOption_deepindigo, .colorSelectorOption_indigoprofond { background-color: #07183D; } .colorSelectorOption_mocha, .colorSelectorOption_moka { background-color: #41444d; } .colorSelectorOption_spacegrey, .colorSelectorOption_griscosmique { background-color: #737275; } .colorSelectorOption_cream, .colorSelectorOption_creme { background-color: #e5dfc8; } .colorSelectorOption_lavender, .colorSelectorOption_lavande { background-color: #c2b1d7; } .colorSelectorOption_sierrablue, .colorSelectorOption_bleusierra { background-color: #aec7dd; } .colorSelectorOption_midnight, .colorSelectorOption_minuit { background-color: #42474d; } .colorSelectorOption_starlight, .colorSelectorOption_comete { background-color: #fbf7f4; } .colorSelectorOption_burgundy, .colorSelectorOption_bourgogne { background-color: #800020; } .colorSelectorOption_graphite { background-color: #5f5e5a; } .colorSelectorOption_olive { background-color: #9a9b7d; } /*Custom Green for Google Pixel 5 */ div[data-product-id="edbae4b4-9abc-4218-86f1-09a04ea257eb"] .dl-tile-colors li.colorSelectorOption_green { background-color: #99a7a4; border: 1px solid #99a7a4; } ul[name="color_edbae4b4-9abc-4218-86f1-09a04ea257eb"] li.colorSelectorOption_green { background-color: #99a7a4; border: 1px solid #99a7a4; } /*End Custom green for Pixel 5 */ /** * RSX Framework * Copyright 2015 Bell Canada * * Drop menu widget to replace