/*
 Theme Name:   telus_fund-child
 Theme URI:    http://example.com/telus_fund-child/
 Description:  telus_fund-child
 Author:       John Doe
 Author URI:   http://example.com
 Template:     telus_fund
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  telus_fund-child
*/



@charset "UTF-8";
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=20d74cc5-7f7c-49a7-80ae-fa2f389c550d");
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=20d74cc5-7f7c-49a7-80ae-fa2f389c550d");

@font-face {
  font-family: 'Helvetica-Medium';
  src: url('assets/fonts/helvetica_medium.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica-Light-Regular';
  src: url('assets/fonts/Helvetica-Light-Regular.otf');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "Helvetica Neue";
  font-weight: 100;
  src: url("assets/fonts/tultralight-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/tultralight-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/tultralight-regular-webfont.woff") format("woff"), url("assets/fonts/webfont.ttf") format("truetype"), url("assets/fonts/tultralight-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 300;
  src: url("assets/fonts/tlight-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/tlight-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/tlight-regular-webfont.woff") format("woff"), url("assets/fonts/tlight-regular-webfont.ttf") format("truetype"), url("assets/fonts/tlight-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 200;
  src: url("assets/fonts/tthin-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/tthin-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/tthin-regular-webfont.woff") format("woff"), url("assets/fonts/tthin-regular-webfont.ttf") format("truetype"), url("assets/fonts/tthin-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 400;
  src: url("assets/fonts/troman-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/troman-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/troman-regular-webfont.woff") format("woff"), url("assets/fonts/troman-regular-webfont.ttf") format("truetype"), url("assets/fonts/troman-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "Helvetica Neue UltraLight";
  src: url("assets/fonts/tultralight-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/tultralight-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/tultralight-regular-webfont.woff") format("woff"), url("assets/fonts/webfont.ttf") format("truetype"), url("assets/fonts/tultralight-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "Helvetica Neue Light";
  src: url("assets/fonts/tlight-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/tlight-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/tlight-regular-webfont.woff") format("woff"), url("assets/fonts/tlight-regular-webfont.ttf") format("truetype"), url("assets/fonts/tlight-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "Helvetica Neue Thin";
  src: url("assets/fonts/tthin-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/tthin-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/tthin-regular-webfont.woff") format("woff"), url("assets/fonts/tthin-regular-webfont.ttf") format("truetype"), url("assets/fonts/tthin-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "Helvetica Neue Regular";
  src: url("assets/fonts/troman-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/troman-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/troman-regular-webfont.woff") format("woff"), url("assets/fonts/troman-regular-webfont.ttf") format("truetype"), url("assets/fonts/troman-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "TelusDings";
  src: url("assets/fonts/telusdings-regular-webfont.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/telusdings-regular-webfont.eot?#iefix") format("embedded-opentype"), url("assets/fonts/telusdings-regular-webfont.woff") format("woff"), url("assets/fonts/telusdings-regular-webfont.ttf") format("truetype"), url("assets/fonts/telusdings-regular-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "icomoon";
  src: url("assets/fonts/icomoon/icomoon.eot");
  /* IE9 Compat Modes */
  src: url("assets/fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("assets/fonts/icomoon/icomoon.woff") format("woff"), url("assets/fonts/icomoon/icomoon.ttf") format("truetype"), url("assets/fonts/icomoon/icomoon.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "telus-labs";
  src: url("assets/fonts/telus-labs.eot");
  src: url("assets/fonts/telus-labs.eot?#iefix") format("embedded-opentype"), url("assets/fonts/telus-labs.woff") format("woff"), url("assets/fonts/telus-labs.ttf") format("truetype"), url("assets/fonts/telus-labs.svg#telus-labs") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  /*scroll-padding-top: -100px!important;*/
}

/**
 * Remove default margin.
 */
body {
  /*margin: 0;*/
  scroll-margin-top: 100px !important;
}

/*
h1,h2,h3,h4,h5,h6 {font-family: "Helvetica", sans-serif;}*/

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  color: #66cc00;
  text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "icomoon";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  margin: 0 0 28px 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  font-family: "icomoon";
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  color: #6C0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*  This variant of a mixin from Eric Meyer for bleed.
		Note that the bleed is only _within_ the Susy grid
		(to fill in grid-padding) so if you want a background color
		to have a real full bleed (meaning edge to edge in the browser),
		put the background color on a container and then include an
		element that has a Susy grid container applied to it.
		Example HTML:
			<section>
				<div class="grid-one-column">
					<div class"has-bleed">
					</div>
				</div>
			</section>
		Example SASS:
			section {
				background-color: black;
			}
			.grid-one-column {
				@include container;
			}
			.has-bleed {
				@include bleed;
			}
*/
@font-face {
  font-family: "telusweb";
  src: url("//static.telus.com/common/fonts//h65/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
  src: url("//static.telus.com/common/fonts//h65/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts//h65/3600b37f-2bf1-45f3-be3a-03365f16d9cb.woff2") format("woff2"), url("//static.telus.com/common/fonts//h65/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("//static.telus.com/common/fonts//h65/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("//static.telus.com/common/fonts//h65/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
  font-weight: 800;
  font-style: normal;
}

/**
	* Typography
	* Establishes font sizes for various HTML elements in order to adhere to a visual rhythm.
	* @import "common/color";
	* Helvetica Neue web fonts placed in a fonts folder in the right folder
	*/
/**
	* @name Headline Font
	* @state .frg-headline-font-21px
	* @state .frg-headline-font-23px
	* @state .frg-headline-font-27px
	* @state .frg-headline-font-37px
	* @state .frg-headline-font-34px
	* @state .frg-headline-font-44px
	* @state .frg-headline-font-59px
	* @state .frg-headline-font-71px
	* @state .frg-headline-font-96px
	* @markup
	*   <h1 class="frg-headline-font-21px">Headline</h1>
	*/
.frg-headline-font-21px {
  font-family: "tlightregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 1em;
}

.frg-headline-font-23px {
  font-family: "tlightregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 1em;
}

.frg-headline-font-27px {
  font-family: "tlightregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 27px;
  line-height: 30px;
  margin-bottom: 1em;
}

.frg-headline-font-37px {
  font-family: "tthinregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 36px;
  font-size: 37px;
  margin-bottom: 1em;
}

.frg-headline-font-34px {
  font-family: "tthinregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 34px;
  line-height: 36px;
  margin-bottom: 1em;
}

.frg-headline-font-44px {
  font-family: "tthinregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 44px;
  line-height: 42px;
  margin-bottom: 1em;
}

.frg-headline-font-59px {
  font-family: "tthinregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 59px;
  line-height: 60px;
  margin-bottom: 1em;
}

.frg-headline-font-71px {
  font-family: "tthinregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 71px;
  line-height: 72px;
  margin-bottom: 1em;
}

.frg-headline-font-96px {
  font-family: "tthinregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 96px;
  line-height: 96px;
  margin-bottom: 1em;
}

/**
 * @name Body Font
 * @state .frg-body-font-14px
 * @state .frg-body-font-17px
 * @state .frg-body-font-21px
 * @state .frg-body-font-23px
 * @state .frg-body-font-27px
 * @state .frg-body-font-37px
 * @markup
 *   <p class="frg-body-font-14px">Body font text</p>
 */
.frg-body-font-14px,
.frg-input-field,
.frg-select-container select {
  font-size: 14px;
  line-height: 24px;
}

.frg-body-font-17px {
  font-family: "tlightregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 24px;
}

.frg-body-font-21px {
  font-family: "tlightregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 30px;
}

.frg-body-font-23px {
  font-family: "tlightregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 23px;
  line-height: 30px;
}

.frg-body-font-27px {
  font-family: "tlightregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 27px;
  line-height: 36px;
}

.frg-body-font-37px {
  font-size: 37px;
  line-height: 48px;
}

/**
	* @name Link
	* @description Styled links
	* @state .color-purple - $purple-49
	* @state .color-green - $green-66
	* @state .color-gray -  $gray-58
	* @state .color-dark-gray - $gray-66
	* @state .color-black - black
	* @state .color-white - white
	* @state .decoration-default - no underline default, underline on hover
	* @state .decoration-none - no underline
	* @state .decoration-underline - underline
	* @state .decoration-dotted - dotted link
	* @markup
	*   <a href='#' class='frg-link color-purple'>This is a link</a>
	*/
.frg-link {
  color: #49166d;
}

.frg-link:hover {
  color: #8c68a6;
}

.frg-link.color-purple {
  color: #49166d;
}

.frg-link.color-purple:hover {
  color: #8c68a6;
}

.frg-link.color-green {
  color: #59b300;
}

.frg-link.color-green:hover {
  color: #8be234;
}

.frg-link.color-gray {
  color: rgba(102, 102, 102, 0.5);
}

.frg-link.color-gray:hover {
  color: #666666;
}

.frg-link.color-dark-gray {
  color: #666666;
}

.frg-link.color-dark-gray:hover {
  color: rgba(102, 102, 102, 0.75);
}

.frg-link.color-black {
  color: #333333;
}

.frg-link.color-black:hover {
  color: #666666;
}

.frg-link.color-white {
  color: white;
}

.frg-link.color-white:hover {
  color: #666666;
}

.frg-link.decoration-default {
  text-decoration: none;
}

.frg-link.decoration-default:hover {
  text-decoration: underline;
}

.frg-link.decoration-underline {
  text-decoration: underline;
}

.frg-link.decoration-underline:hover {
  text-decoration: underline;
}

.frg-link.decoration-dotted {
  text-decoration: none;
  border-bottom: 1px dotted;
  padding-bottom: 1px;
}

.frg-link.decoration-dotted:hover {
  text-decoration: none;
}

.frg-link.decoration-none {
  text-decoration: none;
}

.frg-link.decoration-none:hover {
  text-decoration: none;
}

/**
	* @name Link with nested icon
	* @description Style for the has-icon class
	* @state .decoration-faux-underline - decoration-faux-underline state
	* @markup
	* <a href="#" class="has-icon frg-link">
			<span class="icon-label">This is a link with icon</span>
			<span class="frg-icon icon-arrow-right-circled"></span>
		</a>
	*/
.frg-link.has-icon {
  text-decoration: none;
}

.frg-link.has-icon:hover .icon-label {
  text-decoration: underline;
}

.frg-link.has-icon.decoration-faux-underline:hover .icon-label {
  text-decoration: none;
  border-bottom: 1px solid #8c68a6;
}

.frg-link.has-icon.decoration-faux-underline.color-purple:hover .icon-label {
  border-bottom: 1px solid #8c68a6;
}

.frg-link.has-icon.decoration-faux-underline.color-green:hover .icon-label {
  border-bottom: 1px solid #8be234;
}

.frg-link.has-icon.decoration-faux-underline.color-gray:hover .icon-label {
  border-bottom: 1px solid #666666;
}

.frg-link.has-icon.decoration-faux-underline.color-dark-gray:hover .icon-label {
  border-bottom: 1px solid rgba(102, 102, 102, 0.75);
}

.frg-link.has-icon.decoration-faux-underline.color-black:hover .icon-label {
  border-bottom: 1px solid #666666;
}

.frg-link.has-icon.decoration-faux-underline.color-white:hover .icon-label {
  border-bottom: 1px solid #666666;
}

/**
	* @name Buttons
	* @description Buttons.
	* @state .color-white
	* @state .color-purple
	* @state .color-green
	* @state .color-dark-gray
	* @markup
	* <a href='#' class='frg-button'>Button</a>
*/
/**
	* @name Animated Buttons
	* @description Animated Buttons. Note: .state-loading will not work on <input> elements.
	* @state .state-selected.color-green
	* @state .state-disabled.color-green
	* @state .state-loading.color-green
	* @state .button-wide.color-green
	* @markup
	* <a href='#' class='frg-button'>Animated Button State</a>
*/
@-webkit-keyframes progress {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@keyframes progress {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

.frg-button {
  font-family: "telusweb", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #8350a7;
  border: 1px solid #cecece;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(90%, #ffffff), color-stop(90%, #cecece), color-stop(100%, #cecece));
  background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 90%, #cecece 90%, #cecece);
  background-image: linear-gradient(#ffffff 0%, #ffffff 90%, #cecece 90%, #cecece);
  background-color: white;
  font-size: 19px;
  line-height: 19px;
  text-align: center;
  font-weight: 800;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px 14px 20px;
  /**
   * @name Icon in button
   * @markup
   *   <a href='#' class='frg-button color-green'><span class="frg-icon icon-checkmark"></span> Button</a>
   */
}

.frg-button:hover {
  cursor: pointer;
}

.frg-button:hover,
.frg-button:focus,
.frg-button.state-selected {
  color: #8c68a6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cecece), color-stop(90%, #cecece), color-stop(90%, #cecece), color-stop(100%, #cecece));
  background-image: -webkit-linear-gradient(#cecece 0%, #cecece 90%, #cecece 90%, #cecece);
  background-image: linear-gradient(#cecece 0%, #cecece 90%, #cecece 90%, #cecece);
  background-color: #cecece;
  text-decoration: none;
}

.frg-button.color-purple {
  color: white;
  border: none;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8c68a6), color-stop(90%, #8c68a6), color-stop(90%, #49166d), color-stop(100%, #49166d));
  background-image: -webkit-linear-gradient(#8c68a6 0%, #8c68a6 90%, #49166d 90%, #49166d);
  background-image: linear-gradient(#8c68a6 0%, #8c68a6 90%, #49166d 90%, #49166d);
  background-color: #8c68a6;
}

.frg-button.color-purple:hover,
.frg-button.color-purple:focus,
.frg-button.color-purple.state-selected {
  color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #49166d), color-stop(90%, #49166d), color-stop(90%, #49166d), color-stop(100%, #49166d));
  background-image: -webkit-linear-gradient(#49166d 0%, #49166d 90%, #49166d 90%, #49166d);
  background-image: linear-gradient(#49166d 0%, #49166d 90%, #49166d 90%, #49166d);
  background-color: #49166d;
}

.frg-button.color-green {
  color: white;
  border: none;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #57a708), color-stop(90%, #57a708), color-stop(90%, #408000), color-stop(100%, #408000));
  background-image: -webkit-linear-gradient(#57a708 0%, #57a708 90%, #408000 90%, #408000);
  background-image: linear-gradient(#57a708 0%, #57a708 90%, #408000 90%, #408000);
  background-color: #57a708;
}

.frg-button.color-green:hover,
.frg-button.color-green:focus,
.frg-button.color-green.state-selected {
  color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #408000), color-stop(90%, #408000), color-stop(90%, #408000), color-stop(100%, #408000));
  background-image: -webkit-linear-gradient(#408000 0%, #408000 90%, #408000 90%, #408000);
  background-image: linear-gradient(#408000 0%, #408000 90%, #408000 90%, #408000);
  background-color: #408000;
}

.frg-button.color-white {
  color: #8350a7;
  border: 1px solid #cecece;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(90%, #ffffff), color-stop(90%, #cecece), color-stop(100%, #cecece));
  background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 90%, #cecece 90%, #cecece);
  background-image: linear-gradient(#ffffff 0%, #ffffff 90%, #cecece 90%, #cecece);
  background-color: white;
}

.frg-button.color-white:hover,
.frg-button.color-white:focus,
.frg-button.color-white.state-selected {
  color: #8c68a6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cecece), color-stop(90%, #cecece), color-stop(90%, #cecece), color-stop(100%, #cecece));
  background-image: -webkit-linear-gradient(#cecece 0%, #cecece 90%, #cecece 90%, #cecece);
  background-image: linear-gradient(#cecece 0%, #cecece 90%, #cecece 90%, #cecece);
  background-color: #cecece;
}

.frg-button.color-dark-gray {
  color: white;
  border: none;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(90%, #666666), color-stop(90%, #333333), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(#666666 0%, #666666 90%, #333333 90%, #333333);
  background-image: linear-gradient(#666666 0%, #666666 90%, #333333 90%, #333333);
  background-color: #666666;
}

.frg-button.color-dark-gray:hover,
.frg-button.color-dark-gray:focus {
  color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(90%, #333333), color-stop(90%, #333333), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(#333333 0%, #333333 90%, #333333 90%, #333333);
  background-image: linear-gradient(#333333 0%, #333333 90%, #333333 90%, #333333);
  background-color: #333333;
}

.frg-button.state-selected {
  pointer-events: none;
}

.frg-button.button-wide {
  width: 100%;
}

.frg-button.button-wider {
  padding-right: 50px;
  padding-left: 50px;
}

.frg-button.state-disabled,
.frg-button:disabled {
  pointer-events: none;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cecece), color-stop(90%, #cecece), color-stop(90%, #a9a9a9), color-stop(100%, #a9a9a9));
  background-image: -webkit-linear-gradient(#cecece 0%, #cecece 90%, #a9a9a9 90%, #a9a9a9);
  background-image: linear-gradient(#cecece 0%, #cecece 90%, #a9a9a9 90%, #a9a9a9);
  background-color: #cecece;
}

.frg-button.state-disabled:hover,
.frg-button:disabled:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cecece), color-stop(90%, #cecece), color-stop(90%, #a9a9a9), color-stop(100%, #a9a9a9));
  background-image: -webkit-linear-gradient(#cecece 0%, #cecece 90%, #a9a9a9 90%, #a9a9a9);
  background-image: linear-gradient(#cecece 0%, #cecece 90%, #a9a9a9 90%, #a9a9a9);
  background-color: #cecece;
}

.frg-button.state-loading,
.frg-button.state-loading:hover {
  color: white;
  position: relative;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cecece), color-stop(90%, #cecece), color-stop(90%, #a9a9a9), color-stop(100%, #a9a9a9));
  background-image: -webkit-linear-gradient(#cecece 0%, #cecece 90%, #a9a9a9 90%, #a9a9a9);
  background-image: linear-gradient(#cecece 0%, #cecece 90%, #a9a9a9 90%, #a9a9a9);
  background-color: #cecece;
}

.frg-button.state-loading:after,
.frg-button.state-loading:hover:after {
  -webkit-animation-name: progress;
  animation-name: progress;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  display: inline-block;
  content: "";
  bottom: 0px;
  left: 0;
  height: 4px;
  z-index: 1;
  width: 0%;
  background: #888;
  -webkit-transition: width 3s;
  transition: width 3s;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.frg-button.state-loading:hover,
.frg-button.state-loading:hover:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cecece), color-stop(90%, #cecece), color-stop(90%, #a9a9a9), color-stop(100%, #a9a9a9));
  background-image: -webkit-linear-gradient(#cecece 0%, #cecece 90%, #a9a9a9 90%, #a9a9a9);
  background-image: linear-gradient(#cecece 0%, #cecece 90%, #a9a9a9 90%, #a9a9a9);
  background-color: #cecece;
}

.frg-button .frg-icon,
.frg-button .frg-select-container:after {
  font-size: 18px;
  line-height: 18px;
  vertical-align: 0%;
  padding-right: 3px;
}

/**
	* @name Grouped Buttons
	* @description add class="state-selected" to currently selected button
	* @markup
	* <div class="frg-button-group">
	*     <a href="#" class="frg-button color-purple state-selected">Button 1</a>
	*     <a href="#" class="frg-button color-purple">Button 2</a>
	*     <a href="#" class="frg-button color-purple">Button 3</a>
	*   </div>
	*/
.frg-button-group {
  overflow: auto;
}

.frg-button-group .frg-button {
  float: left;
  border-radius: 0;
}

.frg-button-group .frg-button:first-of-type {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.frg-button-group .frg-button:last-of-type {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/**
	* @name Dividers
	* @description Applies to <hr> elements
	* @state .color-light
	* @markup
	*   <hr class='frg-hr color-dark' />
	*/
.frg-hr {
  margin: 0;
  height: 1px;
  border: none;
  clear: both;
}

.frg-hr.color-dark,
.frg-select-container.color-dark select.frg-hr {
  margin: 0;
  height: 1px;
  border: none;
  clear: both;
  color: #3d3c3c;
  background-color: #3d3c3c;
}

.frg-hr.color-light,
.frg-select-container.color-light select.frg-hr {
  margin: 0;
  height: 1px;
  border: none;
  clear: both;
  color: #e2e2e2;
  background-color: #e2e2e2;
}

/**
	* @name Forms
	* @description From elements
	* @state .color-dark
	* @state .highlight-green
	* @state .highlight-purple
	* @markup
	*   <input class='frg-input-field' value='test'/>
	*/
.frg-input-field,
.frg-select-container select {
  font-family: "tlightregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 12px;
  height: 44px;
  position: relative;
  top: 0;
  margin: 2px 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}

.frg-input-field:disabled,
.frg-select-container select:disabled {
  pointer-events: none;
}

.frg-input-field.color-light,
.frg-select-container select.color-light,
.frg-select-container.color-light select {
  background-color: white;
  color: #666666;
  border-color: #e2e2e2;
}

.frg-input-field.color-dark,
.frg-select-container select.color-dark,
.frg-select-container.color-dark select {
  background-color: #666666;
  color: #e2e2e2;
  border-color: #666666;
}

.frg-input-field.highlight-green,
.frg-input-field.color-light,
.frg-select-container select.color-light,
.frg-select-container.color-light select,
.frg-select-container select.highlight-green {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.frg-input-field.highlight-green:hover,
.frg-input-field.color-light:hover,
.frg-select-container select.color-light:hover,
.frg-select-container.color-light select:hover,
.frg-select-container select.highlight-green:hover {
  border: 1px solid #b2d47e;
  box-shadow: 0 0 1px #b2d47e;
}

.frg-input-field.highlight-green:focus,
.frg-input-field.color-light:focus,
.frg-select-container select.color-light:focus,
.frg-select-container.color-light select:focus,
.frg-select-container select.highlight-green:focus {
  border: 1px solid #666666;
  box-shadow: 0 0 1px #666666;
}

.frg-input-field.highlight-purple:hover,
.frg-input-field.color-dark:hover,
.frg-select-container select.color-dark:hover,
.frg-select-container.color-dark select:hover,
.frg-select-container select.highlight-purple:hover {
  border: 1px solid #b196c1;
  box-shadow: 0 0 1px #b196c1;
}

.frg-input-field.highlight-purple:focus,
.frg-input-field.color-dark:focus,
.frg-select-container select.color-dark:focus,
.frg-select-container.color-dark select:focus,
.frg-select-container select.highlight-purple:focus {
  border: 1px solid #333333;
  box-shadow: 0 0 1px #333333;
}

/**
	* @name Styled Select
	* @description applies to a select wrapped in a div. Set width to 100%
	* @state .color-dark
	* @markup
	* <div class='frg-select-container color-light'>
	*     <select>
	*       <option>Option</option>
	*       <option>Option</option>
	*     </select>
	*   </div>
	*/
.frg-select-container {
  display: inline-block;
  font-size: 17px;
}

.frg-select-container:after {
  position: relative;
  float: right;
  right: 10px;
  top: -31px;
  pointer-events: none;
}

.frg-select-container select {
  padding: 10px 5px 10px 10px;
  width: 100%;
  -moz-appearance: none;
  text-overflow: "";
}

.frg-select-container select::-ms-expand {
  display: none;
}

.frg-select-container.color-light:after,
.frg-select-container.color-light select.frg-select-container:after {
  color: #e2e2e2;
}

.frg-select-container.color-dark:after,
.frg-select-container.color-dark select.frg-select-container:after {
  color: #e2e2e2;
}

/**
	* @name Checkbox
	* @description Checkbox
	* @markup
	*   <div class="frg-checkbox regular">
	*     <div class="inner">
	*       <input id="chkbox-option-1" type="checkbox" name="option-1" value="Option 1">
	*       <div class="icon">
	*         <span class="frg-icon icon-checkmark" aria-hidden="true"></span>
	*       </div>
	*       <label for="chkbox-option-1">TV</label>
	*     </div>
	*   </div>
	*/
/**
	* @name Checkbox
	* @description Small Checkbox
	* @markup
	*   <div class="frg-checkbox regular small">
	*     <div class="inner">
	*       <input id="chkbox-option-2" type="checkbox" name="option-2" value="Option 2">
	*       <div class="icon">
	*         <span class="frg-icon icon-checkmark" aria-hidden="true"></span>
	*       </div>
	*       <label for="chkbox-option-2">TV</label>
	*     </div>
	*   </div>
	*/
/**
	* @name Radio Button
	* @description Radio Button
	* @markup
	*   <div class="frg-checkbox regular">
	*     <div class="inner">
	*       <input id="radio-option1" type="radio" name="option" value="Option 1">
	*       <div class="icon"></div>
	*       <label for="radio-option1">Option 1</label>
	*     </div>
	*   </div>
	*/
/**
	* @name Radio Button
	* @description Small Radio Button
	* @markup
	*   <div class="frg-checkbox regular small">
	*     <div class="inner">
	*       <input id="radio-option-2" type="radio" name="option" value="Option 2">
	*       <div class="icon"></div>
	*       <label for="radio-option-2">Option 2</label>
	*     </div>
	*   </div>
	*/
.frg-checkbox.regular {
  padding-bottom: 10px;
  font-size: 17px;
}

.frg-checkbox.regular:last-child {
  padding-bottom: 0;
}

.frg-checkbox.regular>.inner {
  position: relative;
}

.frg-checkbox.regular input[type=checkbox],
.frg-checkbox.regular input[type=radio],
.frg-checkbox.regular .icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin-top: -15px;
  text-align: center;
  border: 2px solid #cccccc;
  background-color: white;
}

.frg-checkbox.regular .icon {
  color: white;
}

.frg-checkbox.regular input[type=checkbox],
.frg-checkbox.regular input[type=radio] {
  opacity: 0;
  z-index: 1000;
}

.frg-checkbox.regular input[type=checkbox]:focus~.icon,
.frg-checkbox.regular input[type=radio]:focus~.icon {
  outline: none;
  border-color: #57a708;
}

.frg-checkbox.regular input[type=checkbox]:checked~.icon,
.frg-checkbox.regular input[type=radio]:checked~.icon {
  color: #59b300;
  outline: none;
}

.frg-checkbox.regular input[type=radio]~.icon {
  box-shadow: inset -9px 4px 20px -13px #8f8f8f;
  border-radius: 50%;
  border: 1px solid #cccccc;
}

.frg-checkbox.regular input[type=radio]:checked~.icon {
  background-image: url(http://telus.com/deals/shop/assets/images/icons/green-radio.png);
  background-size: cover;
  border: none;
}

.frg-checkbox.regular input[type=radio]:checked:focus~.icon {
  border: 1px solid #57a708;
}

.frg-checkbox.regular label {
  display: block;
  padding: 10px 0 10px 45px;
  text-align: left;
  border-radius: 2px;
  cursor: pointer;
}

.frg-checkbox.regular label.small {
  font-size: 14px;
  line-height: 20px;
}

.frg-checkbox.regular.left-label input[type=checkbox],
.frg-checkbox.regular.left-label input[type=radio],
.frg-checkbox.regular.left-label .icon {
  left: auto;
  right: 0;
}

.frg-checkbox.regular.left-label label {
  padding-left: 0;
  padding-right: 45px;
}

.frg-checkbox.regular.small {
  padding-bottom: 0px;
}

.frg-checkbox.regular.small input[type=checkbox],
.frg-checkbox.regular.small input[type=radio],
.frg-checkbox.regular.small .icon {
  width: 20px;
  height: 20px;
  line-height: 12px;
  margin-top: -10px;
}

.frg-checkbox.regular.small .icon .frg-icon,
.frg-checkbox.regular.small .icon .frg-select-container:after {
  font-size: 12px;
}

.frg-checkbox.regular.small input[type=radio]:checked~.icon {
  background-size: 20px 20px;
  background-repeat: no-repeat;
}

.frg-checkbox.regular.small input[type=radio]:checked:focus~.icon {
  background-size: 18px 18px;
}

.frg-checkbox.regular.small label {
  padding: 9px 0 9px 35px;
}

.frg-checkbox.regular.small.left-label label {
  padding-right: 35px;
}

/**
	* @name Lists
	* @description  apply to an ul or dl element only
	* Requires:
	* @import "common/color";
	* @import "common/typography";
	* @import "icons/icons" // for menu-like stacked lists
	* @state .alignment-inline
	* @state .alignment-stacked
	* @markup
	* <ul class='frg-list'>
	*     <li>element one</li>
	*     <li>element two</li>
	*     <li>element three</li>
	*   </ul>
	*/
.frg-list.alignment-inline {
  font-size: 14px;
  line-height: 24px;
}

.frg-list.alignment-inline>li,
.frg-list.alignment-inline>dd {
  font-size: 14px;
  display: inline-block;
  padding: 0 5px 0 5px;
  margin: 0 0 0 -4px;
  border-right: none;
}

.frg-list.alignment-inline>li:first-child,
.frg-list.alignment-inline>dd:first-child {
  padding-left: 0;
  margin-left: 0;
}

.frg-list.alignment-inline>li:last-child,
.frg-list.alignment-inline>dd:last-child {
  padding-right: 0px;
  border-right: none;
}

.frg-list.alignment-stacked {
  font-size: 14px;
}

.frg-list.alignment-stacked li {
  font-size: 14px;
  display: block;
  padding: 0 15px;
  border-bottom: 1px solid #e2e2e2;
  padding-left: 0;
  padding-right: 0;
}

/**
	Shadows
	Requires:
	* @import "common/color";
	*/
/**
	* @name Outer shadow
	* @markup
	*   <div class='frg-box-shadow'>Testing</div>
	*/
.frg-box-shadow {
  box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.2);
}

.frg-box-shadow.state-hover {
  box-shadow: 0 0 2px 1px rgba(51, 51, 51, 0.35);
}

/**
	* @name Inner shadow
	* @markup
	*   <div class='frg-inner-shadow'>Testing</div>
	*/
.frg-inner-shadow {
  box-shadow: inset 1px 1px 2px 1px rgba(51, 51, 51, 0.2);
}

/**
	* @name Drop shadow
	* @markup
	*   <div class='frg-drop-shadow'>Testing</div>
	*/
.frg-drop-shadow {
  box-shadow: 0 4px 4px 2px rgba(51, 51, 51, 0.2);
}

.frg-no-shadow {
  box-shadow: none !important;
}

/**
	* @name Loading Spinner
	* @description Animated CSS spinner. CSS: _loading-spinner.scss,  TWIG: {% import "macros/loading_spinner.html.twig" as loading_spinner %} {{ loading_spinner.spinner() }}
	* @markup
	* <div class='frg-loading-spinner'>
	*   <svg viewBox="0 0 100 100" width="0" height="0">
	*     <circle stroke="#59b300" stroke-width="4" fill="none"
	*     stroke-linecap="round" stroke-dasharray="89, 200"
	*     stroke-dashoffset="0" cx="50" cy="50" r="20" />
	*   </svg>
	*   <div class="fallback" style="background-image: url('//telus.com/my-account/assets/images/spinner.gif')">
	*   </div>
	* </div>
	*/
.frg-loading-spinner {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50%;
  margin: auto;
}

.frg-loading-spinner .fallback {
  display: none;
}

.no-smil .frg-loading-spinner svg {
  display: none;
}

.no-smil .frg-loading-spinner .fallback {
  display: block;
  background-size: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.frg-loading-spinner svg {
  animation-name: rotate;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  animation-duration: 1.8s;
  -webkit-animation-duration: 1.8s;
  -moz-animation-duration: 1.8s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  height: 100%;
  width: 100%;
}

.frg-loading-spinner circle {
  animation: dash 1.7s ease-in-out infinite 0s, spinner-color 6s ease-in-out infinite -0.75s;
  -webkit-animation: dash 1.7s ease-in-out infinite 0s, spinner-color 6s ease-in-out infinite -0.75s;
  -moz-animation: dash 1.7s ease-in-out infinite 0s, spinner-color 6s ease-in-out infinite -0.75s;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

@-webkit-keyframes spinner-color {

  100%,
  0% {
    stroke: #59b300;
  }

  25% {
    stroke: #59b300;
  }

  50% {
    stroke: #57a708;
  }

  75% {
    stroke: #57a708;
  }
}

@keyframes spinner-color {

  100%,
  0% {
    stroke: #59b300;
  }

  25% {
    stroke: #59b300;
  }

  50% {
    stroke: #57a708;
  }

  75% {
    stroke: #57a708;
  }
}

/**
	* @name Icons
	* @description Icon font classes to be applied to any element. Do not attempt to apply anything besides vertical-align: baseline. Otherwise you will have a cross-browser headache.
	* Requires:
	* - telusdings font to be installed in the fonts directory
	*/
.frg-icon,
.frg-select-container:after {
  font-family: "telusdings";
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  color: inherit;
}

.frg-icon.color-purple,
.color-purple.frg-select-container:after {
  color: #49166d;
}

.frg-icon.color-green,
.color-green.frg-select-container:after {
  color: #59b300;
}

.frg-icon.color-gray,
.color-gray.frg-select-container:after {
  color: rgba(102, 102, 102, 0.5);
}

.frg-icon.color-dark-gray,
.color-dark-gray.frg-select-container:after {
  color: #666666;
}

.frg-icon.color-black,
.color-black.frg-select-container:after {
  color: #333333;
}

.frg-icon.color-white,
.color-white.frg-select-container:after {
  color: white;
}

.frg-icon.has-fill,
.has-fill.frg-select-container:after {
  white-space: nowrap;
  position: relative;
  display: inline-block;
}

.frg-icon.has-fill:before {
  z-index: 100;
  position: relative;
}

.frg-icon.has-fill:after,
.has-fill.frg-select-container:after {
  position: absolute;
  left: 0;
  z-index: 99;
  color: white;
}

.frg-icon:before.pad-right {
  padding-right: 5px;
}

.frg-icon:before.pad-left {
  padding-left: 5px;
}

.frg-icon,
.frg-select-container:after {
  /**
  	* @name icon
  	* @icon circle-thick-outline
  	* @markup
  	*   <span class='frg-icon icon-circle-thick-outline'></span>
  	*/
  /**
  	* @name icon
  	* @icon circle-solid
  	* @markup
  	*   <span class='frg-icon icon-circle-solid'></span>
  	*/
  /**
  	* @name icon
  	* @icon big-arrow-up
  	* @markup
  	*   <span class='frg-icon icon-big-arrow-up'></span>
  	*/
  /**
  	* @name icon
  	* @icon big-arrow-down
  	* @markup
  	*   <span class='frg-icon icon-big-arrow-down'></span>
  	*/
  /**
  	* @name icon
  	* @icon telus-logo
  	* @markup
  	*   <span class='frg-icon icon-telus-logo'></span>
  	*/
  /**
  	* @name icon
  	* @icon bar-chart
  	* @markup
  	*   <span class='frg-icon icon-bar-chart'></span>
  	*/
  /**
  	* @name icon
  	* @icon picture-frame
  	* @markup
  	*   <span class='frg-icon icon-picture-frame'></span>
  	*/
  /**
  	* @name icon
  	* @icon paper
  	* @markup
  	*   <span class='frg-icon icon-paper'></span>
  	*/
  /**
  	* @name icon
  	* @icon paper-solid
  	* @markup
  	*   <span class='frg-icon icon-paper-solid'></span>
  	*/
  /**
  	* @name icon
  	* @icon folder-solid
  	* @markup
  	*   <span class='frg-icon icon-folder-solid'></span>
  	*/
  /**
  	* @name icon
  	* @icon share
  	* @markup
  	*   <span class='frg-icon icon-share'></span>
  	*/
  /**
  	* @name icon
  	* @icon magnify-glass
  	* @markup
  	*   <span class='frg-icon icon-magnify-glass'></span>
  	*/
  /**
  	* @name icon
  	* @icon warning-inverted
  	* @markup
  	*   <span class='frg-icon icon-warning-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon star-inverted
  	* @markup
  	*   <span class='frg-icon icon-star-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon star
  	* @markup
  	*   <span class='frg-icon icon-star'></span>
  	*/
  /**
  	* @name icon
  	* @icon heart
  	* @markup
  	*   <span class='frg-icon icon-heart'></span>
  	*/
  /**
  	* @name icon
  	* @icon lifesaver
  	* @markup
  	*   <span class='frg-icon icon-lifesaver'></span>
  	*/
  /**
  	* @name icon
  	* @icon hamburger
  	* @markup
  	*   <span class='frg-icon icon-hamburger'></span>
  	*/
  /**
  	* @name icon
  	* @icon grid-square
  	* @markup
  	*   <span class='frg-icon icon-grid-square'></span>
  	*/
  /**
  	* @name icon
  	* @icon grid-dots
  	* @markup
  	*   <span class='frg-icon icon-grid-dots'></span>
  	*/
  /**
  	* @name icon
  	* @icon lightbulb
  	* @markup
  	*   <span class='frg-icon icon-lightbulb'></span>
  	*/
  /**
  	* @name icon
  	* @icon speedometer-inverted
  	* @markup
  	*   <span class='frg-icon icon-speedometer-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon add-remove
  	* @markup
  	*   <span class='frg-icon icon-add-remove'></span>
  	*/
  /**
  	* @name icon
  	* @icon cart
  	* @markup
  	*   <span class='frg-icon icon-cart'></span>
  	*/
  /**
  	* @name icon
  	* @icon twitter
  	* @markup
  	*   <span class='frg-icon icon-twitter'></span>
  	*/
  /**
  	* @name icon
  	* @icon facebook
  	* @markup
  	*   <span class='frg-icon icon-facebook'></span>
  	*/
  /**
  	* @name icon
  	* @icon youtube
  	* @markup
  	*   <span class='frg-icon icon-youtube'></span>
  	*/
  /**
  	* @name icon
  	* @icon google-plus
  	* @markup
  	*   <span class='frg-icon icon-google-plus'></span>
  	*/
  /**
  	* @name icon
  	* @icon trend-down
  	* @markup
  	*   <span class='frg-icon icon-trend-down'></span>
  	*/
  /**
  	* @name icon
  	* @icon play-button-inverted
  	* @markup
  	*   <span class='frg-icon icon-play-button-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon video-inverted
  	* @markup
  	*   <span class='frg-icon icon-video-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon infinity-circled
  	* @markup
  	*   <span class='frg-icon icon-infinity-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon infinity-inverted
  	* @markup
  	*   <span class='frg-icon icon-infinity-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon clock
  	* @markup
  	*   <span class='frg-icon icon-clock'></span>
  	*/
  /**
  	* @name icon
  	* @icon clock-inverted
  	* @markup
  	*   <span class='frg-icon icon-clock-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon smartphone
  	* @markup
  	*   <span class='frg-icon icon-smartphone'></span>
  	*/
  /**
  	* @name icon
  	* @icon tablet
  	* @markup
  	*   <span class='frg-icon icon-tablet'></span>
  	*/
  /**
  	* @name icon
  	* @icon homephone
  	* @markup
  	*   <span class='frg-icon icon-homephone'></span>
  	*/
  /**
  	* @name icon
  	* @icon mouse
  	* @markup
  	*   <span class='frg-icon icon-mouse'></span>
  	*/
  /**
  	* @name icon
  	* @icon pricetag
  	* @markup
  	*   <span class='frg-icon icon-pricetag'></span>
  	*/
  /**
  	* @name icon
  	* @icon paper-notes-solid
  	* @markup
  	*   <span class='frg-icon icon-paper-notes-solid'></span>
  	*/
  /**
  	* @name icon
  	* @icon tv
  	* @markup
  	*   <span class='frg-icon icon-tv'></span>
  	*/
  /**
  	* @name icon
  	* @icon film
  	* @markup
  	*   <span class='frg-icon icon-film'></span>
  	*/
  /**
  	* @name icon
  	* @icon envelope
  	* @markup
  	*   <span class='frg-icon icon-envelope'></span>
  	*/
  /**
  	* @name icon
  	* @icon usb-stick
  	* @markup
  	*   <span class='frg-icon icon-usb-stick'></span>
  	*/
  /**
  	* @name icon
  	* @icon map-marker
  	* @markup
  	*   <span class='frg-icon icon-map-marker'></span>
  	*/
  /**
  	* @name icon
  	* @icon map-marker-inverted
  	* @markup
  	*   <span class='frg-icon icon-map-marker-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon user-profile
  	* @markup
  	*   <span class='frg-icon icon-user-profile'></span>
  	*/
  /**
  	* @name icon
  	* @icon user-profile-circled
  	* @markup
  	*   <span class='frg-icon icon-user-profile-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon user-profile-inverted
  	* @markup
  	*   <span class='frg-icon icon-user-profile-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon users
  	* @markup
  	*   <span class='frg-icon icon-users'></span>
  	*/
  /**
  	* @name icon
  	* @icon users-circled
  	* @markup
  	*   <span class='frg-icon icon-users-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon telus-t-inverted
  	* @markup
  	*   <span class='frg-icon icon-telus-t-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon telus-t-boxed-inverted
  	* @markup
  	*   <span class='frg-icon icon-telus-t-boxed-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon gear
  	* @markup
  	*   <span class='frg-icon icon-gear'></span>
  	*/
  /**
  	* @name icon
  	* @icon gear-circled
  	* @markup
  	*   <span class='frg-icon icon-gear-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon gear-inverted
  	* @markup
  	*   <span class='frg-icon icon-gear-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon padlock
  	* @markup
  	*   <span class='frg-icon icon-padlock'></span>
  	*/
  /**
  	* @name icon
  	* @icon padlock-invereted
  	* @markup
  	*   <span class='frg-icon icon-padlock-invereted'></span>
  	*/
  /**
  	* @name icon
  	* @icon stacked-papers-inverted
  	* @markup
  	*   <span class='frg-icon icon-stacked-papers-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon music-note-inverted
  	* @markup
  	*   <span class='frg-icon icon-music-note-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon smartphone-inverted
  	* @markup
  	*   <span class='frg-icon icon-smartphone-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon tablet-inverted
  	* @markup
  	*   <span class='frg-icon icon-tablet-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon homephone-inverted
  	* @markup
  	*   <span class='frg-icon icon-homephone-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon mouse-inverted
  	* @markup
  	*   <span class='frg-icon icon-mouse-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon pricetag-inverted
  	* @markup
  	*   <span class='frg-icon icon-pricetag-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon paper-inverted
  	* @markup
  	*   <span class='frg-icon icon-paper-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon tv-inverted
  	* @markup
  	*   <span class='frg-icon icon-tv-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon film-clapper-inverted
  	* @markup
  	*   <span class='frg-icon icon-film-clapper-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon envelope-inverted
  	* @markup
  	*   <span class='frg-icon icon-envelope-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon phone-handset-inverted
  	* @markup
  	*   <span class='frg-icon icon-phone-handset-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon usb-stick-inverted
  	* @markup
  	*   <span class='frg-icon icon-usb-stick-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon home
  	* @markup
  	*   <span class='frg-icon icon-home'></span>
  	*/
  /**
  	* @name icon
  	* @icon home-circled
  	* @markup
  	*   <span class='frg-icon icon-home-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon home-inverted
  	* @markup
  	*   <span class='frg-icon icon-home-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon calendar
  	* @markup
  	*   <span class='frg-icon icon-calendar'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-right-inverted
  	* @markup
  	*   <span class='frg-icon icon-arrow-right-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-down-inverted
  	* @markup
  	*   <span class='frg-icon icon-arrow-down-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-left-inverted
  	* @markup
  	*   <span class='frg-icon icon-arrow-left-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-up-inverted
  	* @markup
  	*   <span class='frg-icon icon-arrow-up-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-right-circled
  	* @markup
  	*   <span class='frg-icon icon-arrow-right-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-down-circled
  	* @markup
  	*   <span class='frg-icon icon-arrow-down-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-left-circled
  	* @markup
  	*   <span class='frg-icon icon-arrow-left-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-up-circled
  	* @markup
  	*   <span class='frg-icon icon-arrow-up-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-down
  	* @markup
  	*   <span class='frg-icon icon-arrow-down'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-left
  	* @markup
  	*   <span class='frg-icon icon-arrow-left'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-up
  	* @markup
  	*   <span class='frg-icon icon-arrow-up'></span>
  	*/
  /**
  	* @name icon
  	* @icon arrow-right
  	* @markup
  	*   <span class='frg-icon icon-arrow-right'></span>
  	*/
  /**
  	* @name icon
  	* @icon x
  	* @markup
  	*   <span class='frg-icon icon-x'></span>
  	*/
  /**
  	* @name icon
  	* @icon x-circled
  	* @markup
  	*   <span class='frg-icon icon-x-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon x-inverted
  	* @markup
  	*   <span class='frg-icon icon-x-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon checkmark
  	* @markup
  	*   <span class='frg-icon icon-checkmark'></span>
  	*/
  /**
  	* @name icon
  	* @icon checkmark-circled
  	* @markup
  	*   <span class='frg-icon icon-checkmark-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon checkmark-inverted
  	* @markup
  	*   <span class='frg-icon icon-checkmark-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon infinity
  	* @markup
  	*   <span class='frg-icon icon-infinity'></span>
  	*/
  /**
  	* @name icon
  	* @icon plus
  	* @markup
  	*   <span class='frg-icon icon-plus'></span>
  	*/
  /**
  	* @name icon
  	* @icon plus-circled
  	* @markup
  	*   <span class='frg-icon icon-plus-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon plus-inverted
  	* @markup
  	*   <span class='frg-icon icon-plus-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon minus
  	* @markup
  	*   <span class='frg-icon icon-minus'></span>
  	*/
  /**
  	* @name icon
  	* @icon minus-circled
  	* @markup
  	*   <span class='frg-icon icon-minus-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon minus-inverted
  	* @markup
  	*   <span class='frg-icon icon-minus-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon chat-bubble
  	* @markup
  	*   <span class='frg-icon icon-chat-bubble'></span>
  	*/
  /**
  	* @name icon
  	* @icon chat-dots
  	* @markup
  	*   <span class='frg-icon icon-chat-dots'></span>
  	*/
  /**
  	* @name icon
  	* @icon chat-clock
  	* @markup
  	*   <span class='frg-icon icon-chat-clock'></span>
  	*/
  /**
  	* @name icon
  	* @icon chat-x
  	* @markup
  	*   <span class='frg-icon icon-chat-x'></span>
  	*/
  /**
  	* @name icon
  	* @icon chat-inverted
  	* @markup
  	*   <span class='frg-icon icon-chat-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon sim-card
  	* @markup
  	*   <span class='frg-icon icon-sim-card'></span>
  	*/
  /**
  	* @name icon
  	* @icon calculator
  	* @markup
  	*   <span class='frg-icon icon-calculator'></span>
  	*/
  /**
  	* @name icon
  	* @icon bluetooth-headset
  	* @markup
  	*   <span class='frg-icon icon-bluetooth-headset'></span>
  	*/
  /**
  	* @name icon
  	* @icon outgoing-call
  	* @markup
  	*   <span class='frg-icon icon-outgoing-call'></span>
  	*/
  /**
  	* @name icon
  	* @icon incoming-call
  	* @markup
  	*   <span class='frg-icon icon-incoming-call'></span>
  	*/
  /**
  	* @name icon
  	* @icon caution
  	* @markup
  	*   <span class='frg-icon icon-caution'></span>
  	*/
  /**
  	* @name icon
  	* @icon wifi-inverted
  	* @markup
  	*   <span class='frg-icon icon-wifi-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon wifi
  	* @markup
  	*   <span class='frg-icon icon-wifi'></span>
  	*/
  /**
  	* @name icon
  	* @icon thin-plus-circled
  	* @markup
  	*   <span class='frg-icon icon-thin-plus-circled'></span>
  	*/
  /**
  	* @name icon
  	* @icon info
  	* @markup
  	*   <span class='frg-icon icon-info'></span>
  	*/
  /**
  	* @name icon
  	* @icon info-inverted
  	* @markup
  	*   <span class='frg-icon icon-info-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon trend-up
  	* @markup
  	*   <span class='frg-icon icon-trend-up'></span>
  	*/
  /**
  	* @name icon
  	* @icon globe
  	* @markup
  	*   <span class='frg-icon icon-globe'></span>
  	*/
  /**
  	* @name icon
  	* @icon satellite-inverted
  	* @markup
  	*   <span class='frg-icon icon-satellite-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon card-arrow-left
  	* @markup
  	*   <span class='frg-icon icon-card-arrow-left'></span>
  	*/
  /**
  	* @name icon
  	* @icon card-arrow-right
  	* @markup
  	*   <span class='frg-icon icon-card-arrow-right'></span>
  	*/
  /**
  	* @name icon
  	* @icon calendar-inverted
  	* @markup
  	*   <span class='frg-icon icon-calendar-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon overview-inverted
  	* @markup
  	*   <span class='frg-icon icon-overview-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon telus-circle-inverted
  	* @markup
  	*   <span class='frg-icon icon-telus-circle-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon pulse-inverted
  	* @markup
  	*   <span class='frg-icon icon-pulse-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon mike-mobile
  	* @markup
  	*   <span class='frg-icon icon-mike-mobile'></span>
  	*/
  /**
  	* @name icon
  	* @icon rewards-badge
  	* @markup
  	*   <span class='frg-icon icon-rewards-badge'></span>
  	*/
  /**
  	* @name icon
  	* @icon filter
  	* @markup
  	*   <span class='frg-icon icon-filter'></span>
  	*/
  /**
  	* @name icon
  	* @icon schedule-talk
  	* @markup
  	*   <span class='frg-icon icon-schedule-talk'></span>
  	*/
  /**
  	* @name icon
  	* @icon warning
  	* @markup
  	*   <span class='frg-icon icon-warning'></span>
  	*/
  /**
  	* @name icon
  	* @icon satellite
  	* @markup
  	*   <span class='frg-icon icon-satellite'></span>
  	*/
  /**
  	* @name icon
  	* @icon cart-inverted
  	* @markup
  	*   <span class='frg-icon icon-cart-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon live-chat
  	* @markup
  	*   <span class='frg-icon icon-live-chat'></span>
  	*/
  /**
  	* @name icon
  	* @icon business-connect-inverted
  	* @markup
  	*   <span class='frg-icon icon-business-connect-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon business-connect
  	* @markup
  	*   <span class='frg-icon icon-business-connect'></span>
  	*/
  /**
  	* @name icon
  	* @icon cloud
  	* @markup
  	*   <span class='frg-icon icon-cloud'></span>
  	*/
  /**
  	* @name icon
  	* @icon data
  	* @markup
  	*   <span class='frg-icon icon-data'></span>
  	*/
  /**
  	* @name icon
  	* @icon delivery-truck
  	* @markup
  	*   <span class='frg-icon icon-delivery-truck'></span>
  	*/
  /**
  	* @name icon
  	* @icon protection
  	* @markup
  	*   <span class='frg-icon icon-protection'></span>
  	*/
  /**
  	* @name icon
  	* @icon colour-picker
  	* @markup
  	*   <span class='frg-icon icon-colour-picker'></span>
  	*/
  /**
  	* @name icon
  	* @icon multi-account-inverted
  	* @markup
  	*   <span class='frg-icon icon-multi-account-inverted'></span>
  	*/
  /**
  	* @name icon
  	* @icon accessories
  	* @markup
  	*   <span class='frg-icon icon-accessories'></span>
  	*/
}

.frg-icon.icon-circle-thick-outline:before {
  content: "";
}

.frg-icon.icon-standalone-circle-thick-outline,
.icon-standalone-circle-thick-outline.frg-select-container:after {
  content: "";
}

.frg-icon.icon-circle-solid:before {
  content: "";
}

.frg-icon.icon-standalone-circle-solid,
.icon-standalone-circle-solid.frg-select-container:after,
.frg-icon.has-fill:after,
.has-fill.frg-select-container:after {
  content: "";
}

.frg-icon.icon-big-arrow-up:before {
  content: "";
}

.frg-icon.icon-standalone-big-arrow-up,
.icon-standalone-big-arrow-up.frg-select-container:after {
  content: "";
}

.frg-icon.icon-big-arrow-down:before {
  content: "";
}

.frg-icon.icon-standalone-big-arrow-down,
.icon-standalone-big-arrow-down.frg-select-container:after {
  content: "";
}

.frg-icon.icon-telus-logo:before {
  content: "";
}

.frg-icon.icon-standalone-telus-logo,
.icon-standalone-telus-logo.frg-select-container:after {
  content: "";
}

.frg-icon.icon-bar-chart:before {
  content: "";
}

.frg-icon.icon-standalone-bar-chart,
.icon-standalone-bar-chart.frg-select-container:after {
  content: "";
}

.frg-icon.icon-picture-frame:before {
  content: "";
}

.frg-icon.icon-standalone-picture-frame,
.icon-standalone-picture-frame.frg-select-container:after {
  content: "";
}

.frg-icon.icon-paper:before {
  content: "";
}

.frg-icon.icon-standalone-paper,
.icon-standalone-paper.frg-select-container:after {
  content: "";
}

.frg-icon.icon-paper-solid:before {
  content: "";
}

.frg-icon.icon-standalone-paper-solid,
.icon-standalone-paper-solid.frg-select-container:after {
  content: "";
}

.frg-icon.icon-folder-solid:before {
  content: "";
}

.frg-icon.icon-standalone-folder-solid,
.icon-standalone-folder-solid.frg-select-container:after {
  content: "";
}

.frg-icon.icon-share:before {
  content: "";
}

.frg-icon.icon-standalone-share,
.icon-standalone-share.frg-select-container:after {
  content: "";
}

.frg-icon.icon-magnify-glass:before {
  content: "";
}

.frg-icon.icon-standalone-magnify-glass,
.icon-standalone-magnify-glass.frg-select-container:after {
  content: "";
}

.frg-icon.icon-warning-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-warning-inverted,
.icon-standalone-warning-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-star-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-star-inverted,
.icon-standalone-star-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-star:before {
  content: "";
}

.frg-icon.icon-standalone-star,
.icon-standalone-star.frg-select-container:after {
  content: "";
}

.frg-icon.icon-heart:before {
  content: "";
}

.frg-icon.icon-standalone-heart,
.icon-standalone-heart.frg-select-container:after {
  content: "";
}

.frg-icon.icon-lifesaver:before {
  content: "";
}

.frg-icon.icon-standalone-lifesaver,
.icon-standalone-lifesaver.frg-select-container:after {
  content: "";
}

.frg-icon.icon-hamburger:before {
  content: "";
}

.frg-icon.icon-standalone-hamburger,
.icon-standalone-hamburger.frg-select-container:after {
  content: "";
}

.frg-icon.icon-grid-square:before {
  content: "";
}

.frg-icon.icon-standalone-grid-square,
.icon-standalone-grid-square.frg-select-container:after {
  content: "";
}

.frg-icon.icon-grid-dots:before {
  content: "";
}

.frg-icon.icon-standalone-grid-dots,
.icon-standalone-grid-dots.frg-select-container:after {
  content: "";
}

.frg-icon.icon-lightbulb:before {
  content: "";
}

.frg-icon.icon-standalone-lightbulb,
.icon-standalone-lightbulb.frg-select-container:after {
  content: "";
}

.frg-icon.icon-speedometer-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-speedometer-inverted,
.icon-standalone-speedometer-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-add-remove:before {
  content: "";
}

.frg-icon.icon-standalone-add-remove,
.icon-standalone-add-remove.frg-select-container:after {
  content: "";
}

.frg-icon.icon-cart:before {
  content: "";
}

.frg-icon.icon-standalone-cart,
.icon-standalone-cart.frg-select-container:after {
  content: "";
}

.frg-icon.icon-twitter:before {
  content: "";
}

.frg-icon.icon-standalone-twitter,
.icon-standalone-twitter.frg-select-container:after {
  content: "";
}

.frg-icon.icon-facebook:before {
  content: "";
}

.frg-icon.icon-standalone-facebook,
.icon-standalone-facebook.frg-select-container:after {
  content: "";
}

.frg-icon.icon-youtube:before {
  content: "";
}

.frg-icon.icon-standalone-youtube,
.icon-standalone-youtube.frg-select-container:after {
  content: "";
}

.frg-icon.icon-google-plus:before {
  content: "";
}

.frg-icon.icon-standalone-google-plus,
.icon-standalone-google-plus.frg-select-container:after {
  content: "";
}

.frg-icon.icon-trend-down:before {
  content: "";
}

.frg-icon.icon-standalone-trend-down,
.icon-standalone-trend-down.frg-select-container:after {
  content: "";
}

.frg-icon.icon-play-button-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-play-button-inverted,
.icon-standalone-play-button-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-video-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-video-inverted,
.icon-standalone-video-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-infinity-circled:before {
  content: "";
}

.frg-icon.icon-standalone-infinity-circled,
.icon-standalone-infinity-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-infinity-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-infinity-inverted,
.icon-standalone-infinity-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-clock:before {
  content: "";
}

.frg-icon.icon-standalone-clock,
.icon-standalone-clock.frg-select-container:after {
  content: "";
}

.frg-icon.icon-clock-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-clock-inverted,
.icon-standalone-clock-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-smartphone:before {
  content: "";
}

.frg-icon.icon-standalone-smartphone,
.icon-standalone-smartphone.frg-select-container:after {
  content: "";
}

.frg-icon.icon-tablet:before {
  content: "";
}

.frg-icon.icon-standalone-tablet,
.icon-standalone-tablet.frg-select-container:after {
  content: "";
}

.frg-icon.icon-homephone:before {
  content: "";
}

.frg-icon.icon-standalone-homephone,
.icon-standalone-homephone.frg-select-container:after {
  content: "";
}

.frg-icon.icon-mouse:before {
  content: "";
}

.frg-icon.icon-standalone-mouse,
.icon-standalone-mouse.frg-select-container:after {
  content: "";
}

.frg-icon.icon-pricetag:before {
  content: "";
}

.frg-icon.icon-standalone-pricetag,
.icon-standalone-pricetag.frg-select-container:after {
  content: "";
}

.frg-icon.icon-paper-notes-solid:before {
  content: "";
}

.frg-icon.icon-standalone-paper-notes-solid,
.icon-standalone-paper-notes-solid.frg-select-container:after {
  content: "";
}

.frg-icon.icon-tv:before {
  content: "";
}

.frg-icon.icon-standalone-tv,
.icon-standalone-tv.frg-select-container:after {
  content: "";
}

.frg-icon.icon-film:before {
  content: "";
}

.frg-icon.icon-standalone-film,
.icon-standalone-film.frg-select-container:after {
  content: "";
}

.frg-icon.icon-envelope:before {
  content: "";
}

.frg-icon.icon-standalone-envelope,
.icon-standalone-envelope.frg-select-container:after {
  content: "";
}

.frg-icon.icon-usb-stick:before {
  content: "";
}

.frg-icon.icon-standalone-usb-stick,
.icon-standalone-usb-stick.frg-select-container:after {
  content: "";
}

.frg-icon.icon-map-marker:before {
  content: "";
}

.frg-icon.icon-standalone-map-marker,
.icon-standalone-map-marker.frg-select-container:after {
  content: "";
}

.frg-icon.icon-map-marker-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-map-marker-inverted,
.icon-standalone-map-marker-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-user-profile:before {
  content: "";
}

.frg-icon.icon-standalone-user-profile,
.icon-standalone-user-profile.frg-select-container:after {
  content: "";
}

.frg-icon.icon-user-profile-circled:before {
  content: "";
}

.frg-icon.icon-standalone-user-profile-circled,
.icon-standalone-user-profile-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-user-profile-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-user-profile-inverted,
.icon-standalone-user-profile-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-users:before {
  content: "";
}

.frg-icon.icon-standalone-users,
.icon-standalone-users.frg-select-container:after {
  content: "";
}

.frg-icon.icon-users-circled:before {
  content: "";
}

.frg-icon.icon-standalone-users-circled,
.icon-standalone-users-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-telus-t-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-telus-t-inverted,
.icon-standalone-telus-t-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-telus-t-boxed-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-telus-t-boxed-inverted,
.icon-standalone-telus-t-boxed-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-gear:before {
  content: "";
}

.frg-icon.icon-standalone-gear,
.icon-standalone-gear.frg-select-container:after {
  content: "";
}

.frg-icon.icon-gear-circled:before {
  content: "";
}

.frg-icon.icon-standalone-gear-circled,
.icon-standalone-gear-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-gear-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-gear-inverted,
.icon-standalone-gear-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-padlock:before {
  content: "";
}

.frg-icon.icon-standalone-padlock,
.icon-standalone-padlock.frg-select-container:after {
  content: "";
}

.frg-icon.icon-padlock-invereted:before {
  content: "";
}

.frg-icon.icon-standalone-padlock-invereted,
.icon-standalone-padlock-invereted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-stacked-papers-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-stacked-papers-inverted,
.icon-standalone-stacked-papers-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-music-note-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-music-note-inverted,
.icon-standalone-music-note-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-smartphone-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-smartphone-inverted,
.icon-standalone-smartphone-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-tablet-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-tablet-inverted,
.icon-standalone-tablet-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-homephone-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-homephone-inverted,
.icon-standalone-homephone-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-mouse-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-mouse-inverted,
.icon-standalone-mouse-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-pricetag-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-pricetag-inverted,
.icon-standalone-pricetag-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-paper-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-paper-inverted,
.icon-standalone-paper-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-tv-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-tv-inverted,
.icon-standalone-tv-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-film-clapper-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-film-clapper-inverted,
.icon-standalone-film-clapper-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-envelope-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-envelope-inverted,
.icon-standalone-envelope-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-phone-handset-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-phone-handset-inverted,
.icon-standalone-phone-handset-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-usb-stick-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-usb-stick-inverted,
.icon-standalone-usb-stick-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-home:before {
  content: "";
}

.frg-icon.icon-standalone-home,
.icon-standalone-home.frg-select-container:after {
  content: "";
}

.frg-icon.icon-home-circled:before {
  content: "";
}

.frg-icon.icon-standalone-home-circled,
.icon-standalone-home-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-home-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-home-inverted,
.icon-standalone-home-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-calendar:before {
  content: "";
}

.frg-icon.icon-standalone-calendar,
.icon-standalone-calendar.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-right-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-right-inverted,
.icon-standalone-arrow-right-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-down-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-down-inverted,
.icon-standalone-arrow-down-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-left-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-left-inverted,
.icon-standalone-arrow-left-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-up-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-up-inverted,
.icon-standalone-arrow-up-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-right-circled:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-right-circled,
.icon-standalone-arrow-right-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-down-circled:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-down-circled,
.icon-standalone-arrow-down-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-left-circled:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-left-circled,
.icon-standalone-arrow-left-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-up-circled:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-up-circled,
.icon-standalone-arrow-up-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-down:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-down,
.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-left:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-left,
.icon-standalone-arrow-left.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-up:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-up,
.icon-standalone-arrow-up.frg-select-container:after {
  content: "";
}

.frg-icon.icon-arrow-right:before {
  content: "";
}

.frg-icon.icon-standalone-arrow-right,
.icon-standalone-arrow-right.frg-select-container:after {
  content: "";
}

.frg-icon.icon-x:before {
  content: "";
}

.frg-icon.icon-standalone-x,
.icon-standalone-x.frg-select-container:after {
  content: "";
}

.frg-icon.icon-x-circled:before {
  content: "";
}

.frg-icon.icon-standalone-x-circled,
.icon-standalone-x-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-x-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-x-inverted,
.icon-standalone-x-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-checkmark:before {
  content: "";
}

.frg-icon.icon-standalone-checkmark,
.icon-standalone-checkmark.frg-select-container:after {
  content: "";
}

.frg-icon.icon-checkmark-circled:before {
  content: "";
}

.frg-icon.icon-standalone-checkmark-circled,
.icon-standalone-checkmark-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-checkmark-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-checkmark-inverted,
.icon-standalone-checkmark-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-infinity:before {
  content: "";
}

.frg-icon.icon-standalone-infinity,
.icon-standalone-infinity.frg-select-container:after {
  content: "";
}

.frg-icon.icon-plus:before {
  content: "";
}

.frg-icon.icon-standalone-plus,
.icon-standalone-plus.frg-select-container:after {
  content: "";
}

.frg-icon.icon-plus-circled:before {
  content: "";
}

.frg-icon.icon-standalone-plus-circled,
.icon-standalone-plus-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-plus-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-plus-inverted,
.icon-standalone-plus-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-minus:before {
  content: "";
}

.frg-icon.icon-standalone-minus,
.icon-standalone-minus.frg-select-container:after {
  content: "";
}

.frg-icon.icon-minus-circled:before {
  content: "";
}

.frg-icon.icon-standalone-minus-circled,
.icon-standalone-minus-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-minus-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-minus-inverted,
.icon-standalone-minus-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-chat-bubble:before {
  content: "";
}

.frg-icon.icon-standalone-chat-bubble,
.icon-standalone-chat-bubble.frg-select-container:after {
  content: "";
}

.frg-icon.icon-chat-dots:before {
  content: "";
}

.frg-icon.icon-standalone-chat-dots,
.icon-standalone-chat-dots.frg-select-container:after {
  content: "";
}

.frg-icon.icon-chat-clock:before {
  content: "";
}

.frg-icon.icon-standalone-chat-clock,
.icon-standalone-chat-clock.frg-select-container:after {
  content: "";
}

.frg-icon.icon-chat-x:before {
  content: "";
}

.frg-icon.icon-standalone-chat-x,
.icon-standalone-chat-x.frg-select-container:after {
  content: "";
}

.frg-icon.icon-chat-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-chat-inverted,
.icon-standalone-chat-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-sim-card:before {
  content: "";
}

.frg-icon.icon-standalone-sim-card,
.icon-standalone-sim-card.frg-select-container:after {
  content: "";
}

.frg-icon.icon-calculator:before {
  content: "";
}

.frg-icon.icon-standalone-calculator,
.icon-standalone-calculator.frg-select-container:after {
  content: "";
}

.frg-icon.icon-bluetooth-headset:before {
  content: "";
}

.frg-icon.icon-standalone-bluetooth-headset,
.icon-standalone-bluetooth-headset.frg-select-container:after {
  content: "";
}

.frg-icon.icon-outgoing-call:before {
  content: "";
}

.frg-icon.icon-standalone-outgoing-call,
.icon-standalone-outgoing-call.frg-select-container:after {
  content: "";
}

.frg-icon.icon-incoming-call:before {
  content: "";
}

.frg-icon.icon-standalone-incoming-call,
.icon-standalone-incoming-call.frg-select-container:after {
  content: "";
}

.frg-icon.icon-caution:before {
  content: "";
}

.frg-icon.icon-standalone-caution,
.icon-standalone-caution.frg-select-container:after {
  content: "";
}

.frg-icon.icon-wifi-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-wifi-inverted,
.icon-standalone-wifi-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-wifi:before {
  content: "";
}

.frg-icon.icon-standalone-wifi,
.icon-standalone-wifi.frg-select-container:after {
  content: "";
}

.frg-icon.icon-thin-plus-circled:before {
  content: "";
}

.frg-icon.icon-standalone-thin-plus-circled,
.icon-standalone-thin-plus-circled.frg-select-container:after {
  content: "";
}

.frg-icon.icon-info:before {
  content: "";
}

.frg-icon.icon-standalone-info,
.icon-standalone-info.frg-select-container:after {
  content: "";
}

.frg-icon.icon-info-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-info-inverted,
.icon-standalone-info-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-trend-up:before {
  content: "";
}

.frg-icon.icon-standalone-trend-up,
.icon-standalone-trend-up.frg-select-container:after {
  content: "";
}

.frg-icon.icon-globe:before {
  content: "";
}

.frg-icon.icon-standalone-globe,
.icon-standalone-globe.frg-select-container:after {
  content: "";
}

.frg-icon.icon-satellite-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-satellite-inverted,
.icon-standalone-satellite-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-card-arrow-left:before {
  content: "";
}

.frg-icon.icon-standalone-card-arrow-left,
.icon-standalone-card-arrow-left.frg-select-container:after {
  content: "";
}

.frg-icon.icon-card-arrow-right:before {
  content: "";
}

.frg-icon.icon-standalone-card-arrow-right,
.icon-standalone-card-arrow-right.frg-select-container:after {
  content: "";
}

.frg-icon.icon-calendar-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-calendar-inverted,
.icon-standalone-calendar-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-overview-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-overview-inverted,
.icon-standalone-overview-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-telus-circle-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-telus-circle-inverted,
.icon-standalone-telus-circle-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-pulse-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-pulse-inverted,
.icon-standalone-pulse-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-mike-mobile:before {
  content: "";
}

.frg-icon.icon-standalone-mike-mobile,
.icon-standalone-mike-mobile.frg-select-container:after {
  content: "";
}

.frg-icon.icon-rewards-badge:before {
  content: "";
}

.frg-icon.icon-standalone-rewards-badge,
.icon-standalone-rewards-badge.frg-select-container:after {
  content: "";
}

.frg-icon.icon-filter:before {
  content: "";
}

.frg-icon.icon-standalone-filter,
.icon-standalone-filter.frg-select-container:after {
  content: "";
}

.frg-icon.icon-schedule-talk:before {
  content: "";
}

.frg-icon.icon-standalone-schedule-talk,
.icon-standalone-schedule-talk.frg-select-container:after {
  content: "";
}

.frg-icon.icon-warning:before {
  content: "";
}

.frg-icon.icon-standalone-warning,
.icon-standalone-warning.frg-select-container:after {
  content: "";
}

.frg-icon.icon-satellite:before {
  content: "";
}

.frg-icon.icon-standalone-satellite,
.icon-standalone-satellite.frg-select-container:after {
  content: "";
}

.frg-icon.icon-cart-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-cart-inverted,
.icon-standalone-cart-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-live-chat:before {
  content: "";
}

.frg-icon.icon-standalone-live-chat,
.icon-standalone-live-chat.frg-select-container:after {
  content: "";
}

.frg-icon.icon-business-connect-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-business-connect-inverted,
.icon-standalone-business-connect-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-business-connect:before {
  content: "";
}

.frg-icon.icon-standalone-business-connect,
.icon-standalone-business-connect.frg-select-container:after {
  content: "";
}

.frg-icon.icon-cloud:before {
  content: "";
}

.frg-icon.icon-standalone-cloud,
.icon-standalone-cloud.frg-select-container:after {
  content: "";
}

.frg-icon.icon-data:before {
  content: "";
}

.frg-icon.icon-standalone-data,
.icon-standalone-data.frg-select-container:after {
  content: "";
}

.frg-icon.icon-delivery-truck:before {
  content: "";
}

.frg-icon.icon-standalone-delivery-truck,
.icon-standalone-delivery-truck.frg-select-container:after {
  content: "";
}

.frg-icon.icon-protection:before {
  content: "";
}

.frg-icon.icon-standalone-protection,
.icon-standalone-protection.frg-select-container:after {
  content: "";
}

.frg-icon.icon-colour-picker:before {
  content: "";
}

.frg-icon.icon-standalone-colour-picker,
.icon-standalone-colour-picker.frg-select-container:after {
  content: "";
}

.frg-icon.icon-multi-account-inverted:before {
  content: "";
}

.frg-icon.icon-standalone-multi-account-inverted,
.icon-standalone-multi-account-inverted.frg-select-container:after {
  content: "";
}

.frg-icon.icon-accessories:before {
  content: "";
}

.frg-icon.icon-standalone-accessories,
.icon-standalone-accessories.frg-select-container:after {
  content: "";
}

/*@font-face {
	font-family: 'tultralightregular';
	src: url("//static.telus.com/common/fonts//41774233-b9da-44be-b252-6a7b612fb1c7.eot?#iefix");
	src: url("//static.telus.com/common/fonts//41774233-b9da-44be-b252-6a7b612fb1c7.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts//4bff1fbb-b4bf-4d95-9c47-efcb14384e36.woff") format("woff"), url("//static.telus.com/common/fonts//7f1f2a7d-3837-4c93-b373-f03c5da3f9a1.ttf") format("truetype"), url("//static.telus.com/common/fonts//d9f2752a-8d82-4cf1-b82f-109c1105be7f.svg#d9f2752a-8d82-4cf1-b82f-109c1105be7f") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'tultralightregular';
	src: url("//static.telus.com/common/fonts//56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");
	src: url("//static.telus.com/common/fonts//56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts//50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"), url("//static.telus.com/common/fonts//278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"), url("//static.telus.com/common/fonts//2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
	font-weight: bold;
	font-style: normal;
}*/
@font-face {
  font-family: "tthinregular";
  src: url("//static.telus.com/common/fonts//56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");
  src: url("//static.telus.com/common/fonts//56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts//50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"), url("//static.telus.com/common/fonts//278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"), url("//static.telus.com/common/fonts//2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "tthinregular";
  src: url("//static.telus.com/common/fonts//ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
  src: url("//static.telus.com/common/fonts//ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts//530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("//static.telus.com/common/fonts//688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("//static.telus.com/common/fonts//7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "tlightregular";
  src: url("//static.telus.com/common/fonts//ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
  src: url("//static.telus.com/common/fonts//ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts//530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("//static.telus.com/common/fonts//688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("//static.telus.com/common/fonts//7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "tlightregular";
  src: url("//static.telus.com/common/fonts//b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
  src: url("//static.telus.com/common/fonts//b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts//bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("//static.telus.com/common/fonts//b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("//static.telus.com/common/fonts//da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "tromanregular";
  src: url("//static.telus.com/common/fonts//b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
  src: url("//static.telus.com/common/fonts//b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts//bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("//static.telus.com/common/fonts//b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("//static.telus.com/common/fonts//da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "tromanregular";
  src: url("//static.telus.com/common/fonts//07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
  src: url("//static.telus.com/common/fonts//07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("//static.telus.com/common/fonts//60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("//static.telus.com/common/fonts//4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("//static.telus.com/common/fonts//36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "telusdings";
  src: url("//static.telus.com/common/fonts//telusdings-regular-webfont.eot?v=21");
  src: url("//static.telus.com/common/fonts//telusdings-regular-webfont.eot?v=21#iefix") format("embedded-opentype"), url("//static.telus.com/common/fonts//telusdings-regular-webfont.woff2?v=21") format("woff2"), url("//static.telus.com/common/fonts//telusdings-regular-webfont.woff?v=21") format("woff"), url("//static.telus.com/common/fonts//telusdings-regular-webfont.ttf?v=21") format("truetype"), url("//static.telus.com/common/fonts//telusdings-regular-webfont.svg?v=21#telusdingsregular") format("svg");
}

body,
html {
  font-family: "tlightregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #595859;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  background: #fff;
}

.sg-styleguide {
  overflow: hidden;
}

.menu-open .sg-styleguide {
  visibility: hidden;
}

.sg-colors {
  margin-top: 30px;
  width: 100%;
}

.sg-colors th {
  font-weight: bold;
  background: #f3f3f3;
  padding: 10px 5px;
}

.sg-colors th,
.sg-colors td {
  border: 1px solid #e2e2e2;
}

.sg-colors td {
  font-family: monospace;
  padding: 5px;
}

.sg-color-ex {
  width: 100%;
  height: 50px;
  display: inline-block;
}

.sg-block-header {
  background: #3d3c3c;
  color: white;
  padding: 8px 15px;
  font-size: 22px;
  margin-top: 40px;
}

.sg-info {
  background: #f3f3f3;
}

.sg-info-description {
  padding: 15px;
}

.sg-info-states {
  list-style: disc;
  list-style-position: inside;
}

.sg-state {
  padding-bottom: 5px;
}

.sg-state span {
  font-weight: bold;
}

.sg-example-wrapper {
  border: 1px solid #e2e2e2;
  border-bottom: 0;
}

.sg-example,
.sg-state-example-outer,
.sg-icon {
  padding: 15px;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
}

.sg-icon {
  border: 1px solid #e2e2e2;
  border-top: 0;
}

.sg-state-example-name,
.sg-icon-name {
  position: absolute;
  right: 0;
  top: 0;
  padding: 7px;
  font-size: 13px;
  font-weight: bold;
  background: #e2e2e2;
}

.sg-markup {
  padding: 20px 10px;
  font-family: monospace;
  color: #333;
  border: 1px solid #e2e2e2;
  border-top: 0;
  background-color: #f6fbf1;
  line-height: 18px;
}

.frg-icon {
  font-size: 22px;
}

.frg-link {
  font-size: 17px;
}

.frg-link.has-icon .frg-icon {
  font-size: 17px;
}

pre.prettyprint {
  padding: 0;
  text-align: left;
}

.frg-select-container {
  width: 300px;
}

.pln {
  color: #000;
}

@media screen {
  .str {
    color: #080;
  }

  .kwd {
    color: #008;
  }

  .com {
    color: #800;
  }

  .typ {
    color: #606;
  }

  .lit {
    color: #066;
  }

  .pun,
  .opn,
  .clo {
    color: #660;
  }

  .tag {
    color: #008;
  }

  .atn {
    color: #606;
  }

  .atv {
    color: #080;
  }

  .dec,
  .var {
    color: #606;
  }

  .fun {
    color: red;
  }
}

@media print,
projection {
  .str {
    color: #060;
  }

  .kwd {
    color: #006;
    font-weight: bold;
  }

  .com {
    color: #600;
    font-style: italic;
  }

  .typ {
    color: #404;
    font-weight: bold;
  }

  .lit {
    color: #044;
  }

  .pun,
  .opn,
  .clo {
    color: #440;
  }

  .tag {
    color: #006;
    font-weight: bold;
  }

  .atn {
    color: #404;
  }

  .atv {
    color: #060;
  }
}

pre.prettyprint {
  padding: 2px;
}

ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
}

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
  list-style-type: none;
}

li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
  background: #eee;
}

[data-icon]:before {
  font-family: "telus-labs" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=telus-icon-]:before,
[class*=" telus-icon-"]:before {
  font-family: "telus-labs" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.telus-icon-arrow:before {
  content: "a";
}

.telus-icon-blog:before {
  content: "b";
}

.telus-icon-close:before {
  content: "c";
}

.telus-icon-hamburger:before {
  content: "d";
}

.telus-icon-instagram:before {
  content: "e";
}

.telus-icon-play:before {
  content: "f";
}

.telus-icon-twitter:before {
  content: "g";
}

.telus-icon-menu-contact:before {
  content: "h";
}

.telus-icon-menu-instagram:before {
  content: "i";
}

.telus-icon-menu-twitter:before {
  content: "j";
}

.telus-icon-menu-linkedin:before {
  content: "k";
}

.telus-icon-menu-facebook:before {
  content: "l";
}

.telus-icon-arrow-simple:before {
  content: "m";
}

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body h1 {
  color: black;
}

.clear-fix {
  clear: both;
}

.visuallyhidden {
  display: none;
}

.cm-submit {
  /*
  	straight-up copying this from _buttons.scss
  */
  color: white;
  font-size: 1.125em;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  font-weight: 300;
  text-decoration: none;
  border-radius: 3px;
  letter-spacing: 0.05em;
  font-family: "Helvetica Neue Regular", helvetica, sans-serif;
  text-shadow: rgba(89, 88, 89, 0.2) 0px 1px 0px;
  box-shadow: rgba(51, 51, 51, 0.129412) 0px 2px 0px 0px;
  background-color: #b3ff66;
  background-image: -webkit-linear-gradient(#b3ff66, #b3ff66 1%, #66cc00 1%, #66cc00 90%, #57a708 90%, #57a708);
  background-image: linear-gradient(#b3ff66, #b3ff66 1%, #66cc00 1%, #66cc00 90%, #57a708 90%, #57a708);
  border: none;
  /* end of _button.scss */
}

.cm-submit:hover {
  background-image: linear-gradient(#c5f199, #c5f199 1%, #8be234 1%, #8be234 90%, #66cc00 90%, #66cc00);
}

@media screen and (max-width: 768px) {
  .cm-submit {
    display: block;
    margin-top: 1em;
    text-align: center;
  }
}

.white-popup-block {
  max-width: 400px;
}

div.container--home {
  padding: 0 5.5%;
  background: #f5f6f7;
}

section.home__cta {
  margin: 0 auto;
  background: #f5f6f7;
  max-width: 1280px;
}

section.home__cta:after {
  content: " ";
  display: block;
  clear: both;
}

.home__cta__box {
  margin: 40px 0 12px;
  width: 48.5%;
  min-height: 225px;
  float: left;
  background: white;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px 1px #e2e2e2;
  -webkit-box-shadow: 0 1px 3px 1px #e2e2e2;
  -moz-box-shadow: 0 1px 3px 1px #e2e2e2;
}

.home__cta__box:first-of-type {
  margin-right: 2.5%;
}

@media screen and (max-width: 768px) {
  .home__cta__box {
    width: 100%;
    margin: 28px 0 0;
  }
}

.home__cta__box .cta__inner {
  float: left;
  box-sizing: border-box;
  padding: 28px;
}

.home__cta__box .cta__inner.cta__inner--left {
  padding-right: 0;
  width: 30%;
  background: center center no-repeat;
  background-size: contain;
  position: relative;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 420px) {
  .home__cta__box .cta__inner.cta__inner--left {
    box-sizing: initial;
    position: inherit;
    padding: 28px 0 0;
    height: 100px;
    min-height: 0px;
  }
}

.home__cta__box .cta__inner.cta__inner--right {
  width: 70%;
  float: right;
  font-family: "Helvetica Neue Thin", helvetica, sans-serif;
  font-weight: normal;
}

.home__cta__box .cta__inner.cta__inner--right h2 {
  margin: 0;
  padding: 0;
  font-size: 1.3125em;
  line-height: 1.5;
  color: #49166d;
}

.home__cta__box .cta__inner.cta__inner--right p {
  color: #595859;
  line-height: 1.5;
  font-family: "Helvetica Neue Regular", helvetica, sans-serif;
}

.home__cta__box .cta__inner.cta__inner--right a {
  font-weight: 600;
  text-decoration: none;
  color: #49166d;
}

.home__cta__box .cta__inner.cta__inner--right a:after {
  font-family: "TelusDings";
  content: " 1";
}

.home__cta__box .cta__inner .cta__inner__imgwrap {
  vertical-align: middle;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 420px) {
  .home__cta__box .cta__inner .cta__inner__imgwrap {
    height: 100px;
  }
}

.home__cta__box .cta__inner .cta__inner__imgwrap img {
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 420px) {
  .home__cta__box .cta__inner {
    min-height: 0px;
    width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .home__cta__box {
    width: 100%;
  }
}

section.deadlines--home {
  margin: 0 auto 0;
  max-width: 1280px;
  padding-bottom: 40px;
}

section.deadlines--home h1 {
  margin: 1em 0;
  padding: 0;
  font-family: "Helvetica Neue Thin", helvetica, sans-serif;
  color: #595859;
  font-weight: 300;
}

section.deadlines--home:after {
  content: " ";
  display: block;
  clear: both;
}

@media screen and (max-width: 768px) {
  section.deadlines--home {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

div.deadline__module {
  width: 33%;
  min-height: 200px;
  float: left;
  box-sizing: border-box;
  padding: 0 1em 1em;
}

div.deadline__module:not(:last-child) {
  border-right: 1px solid #e2e2e2;
}

div.deadline__module:first-of-type {
  padding-left: 0;
}

div.deadline__module h2 {
  padding: 0;
  margin: 0 0 0.5em;
  color: #49166d;
  font-size: 1.4375em;
  font-family: "Helvetica Neue UltraLight", helvetica, sans-serif;
  font-weight: 600;
}

div.deadline__module h3 {
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
  margin-bottom: 0.5em;
}

div.deadline__module p {
  font-size: 2.25em;
  margin: 0;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 200;
}

div.deadline__module a {
  text-decoration: none;
  color: #49166d;
}

div.deadline__module a.ics {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  margin: 0 1em 0 0;
  font-weight: 300;
}

div.deadline__module a.ics:after {
  font-family: "TelusDings";
  content: "1";
  padding-left: 0.5em;
}

@media screen and (max-width: 768px) {
  div.deadline__module {
    width: 100%;
    border-right: none !important;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 0 2em;
    margin-bottom: 2em;
  }
}

div.twitter__home {
  text-align: center;
  padding-top: 28px;
  padding-bottom: 56px;
}

div.twitter__home a {
  display: inline;
  font-size: 1.338em;
  font-family: "Helvetica Neue";
  font-weight: 200;
}

div.twitter__home a:before {
  margin-bottom: -3px;
  content: "";
  margin-right: 0.5em;
  font-family: "icomoon";
}

div.twitter__home p {
  display: inline;
  margin-right: 1em;
  font-size: 1.438em;
  color: #595859;
  font-family: "Helvetica Neue";
  font-weight: 200;
}

@media screen and (max-width: 768px) {
  div.twitter__home a {
    display: inline-block;
    font-size: 1.125em;
  }

  div.twitter__home p {
    display: block;
    font-size: 1.125em;
  }
}

div.container--apply {
  margin: 0 auto;
  background: #f5f6f7;
  padding: 28px 5.5%;
}

div.container--apply .container__inner--apply {
  max-width: 1280px;
  margin: 0 auto;
}

div.container--apply:after {
  content: " ";
  display: block;
  clear: both;
}

@media only screen and (min-width: 48em) {
  .container {
    width: auto !important;
    max-width: 1024px;
  }
}

section.deadlines--apply {
  float: left;
  width: 40%;
  min-height: 400px;
}

section.deadlines--apply a {
  color: #49166d;
}

section.deadlines--apply>h2 {
  margin: 0 0 1.5em;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 200;
}

section.deadlines--apply>h2:before {
  content: "L ";
  font-family: "TelusDings";
  font-size: 1em;
  color: #a9a9a9;
}

@media screen and (max-width: 768px) {
  section.deadlines--apply {
    width: 100%;
  }
}

div.deadline__module--apply {
  min-height: 200px;
  float: left;
  box-sizing: border-box;
  padding: 0 0 2em;
  margin-right: 5.5%;
  margin-bottom: 2em;
  border-bottom: 1px solid #e2e2e2;
}

div.deadline__module--apply h2 {
  padding: 0;
  margin: 0 0 0.5em;
  color: #49166d;
  font-size: 1.4375em;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
}

div.deadline__module--apply h3 {
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 200;
}

div.deadline__module--apply p {
  font-size: 2.25em;
  margin: 0;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
}

div.deadline__module--apply a {
  margin: 0 1em 0 0;
  text-decoration: none;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
}

div.deadline__module--apply a:after {
  font-family: "TelusDings";
  content: "1";
  padding-left: 0.5em;
}

@media screen and (max-width: 768px) {
  div.deadline__module--apply {
    width: 100%;
    border-right: none !important;
  }
}

section.apply__howto {
  box-sizing: border-box;
  float: left;
  width: 60%;
  min-height: 400px;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
}

section.apply__howto h2 {
  margin: 0 0 1.5em;
  margin-top: 0;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 100;
}

section.apply__howto h2:before {
  font-family: "TelusDings";
  content: "h ";
  color: #a9a9a9;
}

section.apply__howto ul {
  margin: 0;
  padding: 0;
  background: white;
  counter-reset: my-counter;
  box-sizing: border-box;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px 1px #e2e2e2;
  -webkit-box-shadow: 0 1px 3px 1px #e2e2e2;
  -moz-box-shadow: 0 1px 3px 1px #e2e2e2;
}

section.apply__howto ul li {
  box-sizing: border-box;
  padding: 5.5%;
  list-style-type: none;
  margin: 0;
  border-bottom: 1px solid #f5f6f7;
}

section.apply__howto ul li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  color: white;
  margin-right: 1em;
  border-radius: 99em;
  background: #8c68a6;
  font-weight: 300;
  float: left;
}

section.apply__howto ul li p {
  margin: 0.7em 0 0 3.2em;
  display: block;
}

section.apply__howto ul li .btn-primary {
  margin-top: 0 !important;
  float: right;
  display: block;
  white-space: nowrap;
}

section.apply__howto ul li .btn-primary.mobile {
  display: none;
}

@media screen and (max-width: 420px) {
  section.apply__howto ul li .btn-primary {
    float: none;
    display: none;
    text-align: center;
    margin: 1em 0 0 !important;
  }

  section.apply__howto ul li .btn-primary.mobile {
    display: block;
  }
}

section.apply__howto ul li:after {
  content: " ";
  display: block;
  clear: both;
}

@media screen and (max-width: 768px) {
  section.apply__howto {
    margin-top: 28px;
    width: 100%;
  }
}

section.apply__checklist {
  max-width: 1280px;
  width: 89%;
  padding: 28px 5.5%;
  margin: 0 auto;
}

section.apply__checklist:after {
  content: " ";
  display: block;
  clear: both;
}

.apply__checklist__inner {
  float: left;
  width: 50%;
  padding: 0 5.5%;
  box-sizing: border-box;
}

.apply__checklist__inner:last-of-type {
  padding-right: 0;
  border-left: 1px solid #e2e2e2;
}

.apply__checklist__inner:first-of-type {
  padding-left: 0;
}

.apply__checklist__inner h2 {
  font-size: 1.6875em;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
  margin: 0 0 1em;
}

.apply__checklist__inner ul {
  margin: 0;
  padding: 0;
}

.apply__checklist__inner ul li {
  list-style-type: none;
  margin: 1em 0;
  color: #595859;
  line-height: 1.5;
  font-family: "Helvetica Neue", helvetica, sans-serif;
}

.apply__checklist__inner ul li:before {
  content: "J";
  font-family: "TelusDings";
  float: left;
  color: #6c0;
  padding: 0 1em 1em 0;
}

.apply__checklist__inner ul li span {
  display: block;
  margin-left: 34px;
}

@media screen and (max-width: 768px) {
  .apply__checklist__inner {
    width: 100%;
    padding: 0;
  }

  .apply__checklist__inner:last-of-type {
    padding-right: 0;
    border-left: none;
  }
}

section.apply__tools header h2 {
  margin: 0 0 1em;
  font-size: 2.3125em;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
}

section.apply__tools header h2:before {
  content: "r ";
  font-family: "TelusDings";
  color: #a9a9a9;
}

div.tools__links__container {
  width: 100%;
}

div.tools__links__container .tools__link {
  width: 45.5%;
  float: left;
  padding: 0 0 2em;
  margin: 0 2.25% 2em 0;
  box-sizing: border-box;
  display: inline-block;
  border-bottom: 1px solid #e2e2e2;
}

div.tools__links__container .tools__link a {
  text-decoration: none;
  color: #49166d;
  font-family: "Helvetica Neue", helvetica, sans-serif;
}

div.tools__links__container .tools__link a:before {
  font-family: "TelusDings";
  content: "1 ";
}

@media screen and (max-width: 420px) {
  div.tools__links__container .tools__link {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  div.tools__links__container {
    width: 100%;
  }
}

div.tools__twitter__container {
  width: 25%;
  float: left;
}

div.tools__twitter__container a {
  background: white;
  display: block;
  height: 200px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px 1px #e2e2e2;
  -webkit-box-shadow: 0 1px 3px 1px #e2e2e2;
  -moz-box-shadow: 0 1px 3px 1px #e2e2e2;
}

@media screen and (max-width: 768px) {
  div.tools__twitter__container {
    width: 100%;
  }
}

div.container--projects {
  padding: 0;
}

section.projects__list {
  padding: 28px 0;
  margin: 0 auto;
  width: auto !important;
  max-width: 1024px;
}

@media screen and (max-width: 768px) {
  section.projects__list {
    width: calc(100vw - 30px) !important;
  }
}

.projects__list__zero {
  text-align: center;
  padding: 28px 0;
  font-size: 1.313em;
  color: #a9a9a9;
  display: none;
  font-family: "Helvetica Neue Thin", helvetica, sans-serif;
}

.projects__module {
  position: relative;
  vertical-align: top;
  box-sizing: border-box;
  float: left;
}

.projects__module.ctx-hidden {
  display: none;
}

.projects__module .project__title {
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 20px;
  line-height: 23px;
  background-color: #7f6797;
  color: white;
}

.projects__module .project__title p {
  min-height: 46px;
  margin: 15px 25px;
}

.projects__module .project__image {
  margin: 0 auto;
  border-radius: 99em;
  background: #8c68a6;
  background-size: cover;
  height: 200px;
  width: 200px;
}

.projects__module .project__image .project__image__overlay {
  width: 100%;
  height: 100%;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 99em;
  top: 0;
  bottom: 0;
  left: 0;
  right: -0.5px;
  position: absolute;
  z-index: 10;
}

.projects__module .project__image .project__image__inner {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.projects__module .project__image .project__image__inner h3 {
  color: white;
  font-size: 1.5em;
  margin: 0 0.25em;
  font-family: "Helvetica Neue Thin", helvetica, sans-serif;
  font-weight: bold !important;
}

.projects__module .project__image .project__image__inner p {
  height: 158px !important;
  margin: 0.5em 0.5em 0;
  color: white;
  font-family: "Helvetica Neue Thin", helvetica, sans-serif;
  font-weight: bold;
}

.projects__module .project__image a {
  text-decoration: none;
}

@media (hover: hover) {
  .projects__module .project__image:hover .project__image__overlay {
    display: table;
    color: white;
    background-color: rgba(102, 204, 0, 1);
  }
}

@media screen and (max-width: 768px) {
  .projects__module {
    width: calc(50% - 30px) !important;
  }

  .projects__module:nth-child(3n+5) {
    clear: none;
  }

  .projects__module:nth-child(2n+4) {
    clear: both;
  }
}

@media screen and (max-width: 500px) {
  .projects__module {
    width: calc(100vw - 60px) !important;
  }
}

.projects__module {
  width: calc(33.333% - 30px);
}

.projects__module__desc {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}

.projects__module__desc a {
  display: inline-block;
}

.projects__module__desc p {
  line-height: 1.5;
  font-size: 0.875em;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
}

.projects__module__desc .project--overlay--button {
  display: inline-block;
}

.project--overlay__arrow {
  position: relative;
  display: none;
}

.project--overlay__arrow::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -35px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #eee;
  left: 42%;
}

.project--overlay {
  max-width: 1280px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 40px;
  margin-top: 34px;
  width: 100%;
  z-index: 1000;
  text-align: left;
  display: none;
}

.project--overlay * {
  box-sizing: border-box;
}

.project--overlay h3 {
  font-family: "Helvetica Neue Thin", sans-serif;
  font-size: 2em;
  text-decoration: none;
  color: #49166d;
  margin-top: 0;
  margin-bottom: 0.5em;
}

.project--overlay .project--overlay--close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1001;
  display: inline-block;
  content: "×";
  /* This will render the 'X' */
  cursor: pointer;
  height: 1.5em;
  width: 1.5em;
  font-size: 1.5em;
  text-align: center;
}

.project--overlay .project--overlay--content {
  background-color: #eee;
  padding: 20px;
}

.project--overlay .project-title-mobile {
  display: none;
}

.project--overlay .project--overlay__media {
  position: relative;
  overflow: hidden;
  float: left;
  width: 60%;
}

.project--overlay .project--overlay__media::before {
  content: " ";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}

.project--overlay .project--overlay__media .content {
  min-height: 100%;
  : : 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.project--overlay .project--overlay__media img {
  max-width: 100%;
  height: auto;
}

.project--overlay .project--overlay__desc {
  padding: 1em 2em;
  width: 40%;
  float: right;
}

.project--overlay .project--overlay__desc ul {
  padding: 0;
  list-style: none;
}

.project--overlay .project--overlay__desc ul li {
  margin-bottom: 10px;
}

.project--overlay .project--overlay__desc a {
  color: #49166d;
  text-decoration: none;
}

@media screen and (max-width: 768px) {

  .project--overlay .project--overlay__media,
  .project--overlay .project--overlay__desc {
    width: 100%;
    float: none;
  }

  .project--overlay .project-title-mobile {
    display: block;
  }

  .project--overlay .project-title-desktop {
    display: none;
  }
}

.found-count {
  display: inline-block;
  margin-left: 1rem;
  color: #aaa;
}

@media screen and (max-width: 768px) {
  .found-count {
    margin: 0;
  }
}

/*
 * This happened because I messed up and lost a SCSS file.
 * I recovered these styles from the production site.
 * - Mike - July 1, 2017
 */
.project--pdp .slick .slick-slide {
  outline: none !important;
  -webkit-backface-visibility: hidden !important;
}

.project--pdp .slick .slick-slide * {
  -webkit-backface-visibility: hidden !important;
}

.project--pdp .page__header h1 {
  color: #999;
  font-size: 1.6em;
}

.project--pdp .page__header h1:before {
  font-family: "TelusDings";
  content: "v ";
  color: #999;
}

.project--pdp h2 {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
  margin: 0;
  font-size: 2.5em;
  font-weight: normal;
  color: #49166d;
}

.project--pdp .project--intro {
  padding: 28px 0 28px 5.5%;
  margin: 0 auto;
}

.project--pdp .project--intro:after {
  content: "";
  display: table;
  clear: both;
}

.project--pdp .project--intro .project--description {
  width: 45%;
  float: left;
}

.project--pdp .project--intro .project--blockquote {
  width: 48%;
  float: left;
  margin-left: 2%;
}

.project--pdp .project--intro .project--blockquote blockquote {
  font-size: 1.2em;
  color: #666;
  font-style: italic;
}

@media screen and (max-width: 768px) {
  .project--pdp .project--intro .project--description {
    width: 80%;
    float: none;
  }

  .project--pdp .project--intro .project--blockquote {
    width: 100%;
    float: none;
    margin-left: 0;
    text-align: center;
  }
}

@media screen and (max-width: 420px) {
  .project--pdp .project--intro .project--description {
    width: 100%;
  }
}

.project--pdp .project--media {
  padding: 28px 10%;
  margin: 0 auto;
}

.project--pdp .project--media .carousel__nav__prev {
  opacity: 1;
  position: absolute;
  left: -10%;
  top: 50%;
  color: #D6D6D6;
  z-index: 10;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.project--pdp .project--media .carousel__nav__prev:before {
  font-family: "TelusDings";
  content: "3";
  font-size: 3em;
  cursor: pointer;
}

.project--pdp .project--media .carousel__nav__prev:hover {
  color: #6c0;
}

.project--pdp .project--media .carousel__nav__next {
  opacity: 1;
  position: absolute;
  right: -10%;
  top: 50%;
  color: #D6D6D6;
  z-index: 10;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.project--pdp .project--media .carousel__nav__next:before {
  font-family: "TelusDings";
  content: "1";
  font-size: 3em;
  cursor: pointer;
}

.project--pdp .project--media .carousel__nav__next:hover {
  color: #6c0;
}

.project--pdp .project--media .slick .item {
  max-height: 600px;
  max-width: 1024px;
}

.project--pdp .project--media .slick .item iframe {
  /*width: 100%;*/
}

.project--pdp .project--details {
  padding: 28px 5.5%;
  margin: 0 auto;
}

.project--pdp .project--details:after {
  content: "";
  display: table;
  clear: both;
}

.project--pdp .project--details h2,
.project--pdp .project--details h3,
.project--pdp .project--details h1 {
  font-family: "Helvetica Neue Light", helvetica, sans-serif;
  font-weight: 800;
  font-size: 1.8em;
  font-weight: normal;
  color: #666;
}

.project--pdp .project--details .project--description {
  width: 45%;
  float: left;
}

.project--pdp .project--details .project--meta {
  width: 45%;
  float: left;
  margin-left: 5%;
}

.project--pdp .project--details .project--meta table td {
  padding: 1em;
}

.project--pdp .project--details .project--meta table tr:nth-child(odd) {
  background-color: #f5f6f7;
}

@media screen and (max-width: 768px) {
  .project--pdp .project--details .project--description {
    width: 80%;
    float: none;
  }

  .project--pdp .project--details .project--meta {
    width: 100%;
    margin-left: 0;
    float: none;
  }
}

@media screen and (max-width: 420px) {
  .project--pdp .project--details .project--description {
    width: 100%;
  }

  .project--pdp .project--links .social--link--web {
    width: 100%;
    word-wrap: break-word;
  }
}

div.container--about {
  padding: 0 5.5%;
  background: #f5f6f7;
}

section.about__sub__header {
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 28px 0;
}

section.about__sub__header h2 {
  padding: 0;
  margin: 0;
  font-size: 2.3125em;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
}

section.about__sub__header h2:before {
  font-family: "TelusDings";
  content: "N ";
  color: #a9a9a9;
}

@media screen and (max-width: 420px) {
  section.about__sub__header h2 {
    font-size: 1.5em;
  }
}

section.about__directors__list {
  padding: 28px 5.5%;
  margin: 0 auto;
  max-width: 1280px;
}

div.director__bio__container {
  height: 0px;
  width: 100%;
  float: left;
  background: #f5f6f7;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

div.director__bio__container.ctx-expand {
  height: 200px;
}

div.about__directors__single {
  width: 33%;
  float: left;
  margin-bottom: 1em;
  position: relative;
}

div.about__directors__single .director__desc {
  margin: 1em 0;
  text-align: center;
}

div.about__directors__single .director__desc>p {
  margin: 0;
  font-size: 0.75em;
  color: #595859;
}

div.about__directors__single .director__desc>h3 {
  margin: 0.2em 0;
  color: #49166d;
  font-family: "Helvetica Neue Thin", helvetica, sans-serif;
}

div.about__directors__single .director__bio__open {
  display: none;
  margin: 0 auto;
  text-align: center;
  background: #49166d;
  border-radius: 999em;
  overflow: hidden;
  position: relative;
  height: 200px;
  width: 200px;
}

div.about__directors__single .director__bio__open .director__bio__open__inner {
  display: table-cell;
  vertical-align: middle;
}

div.about__directors__single .director__bio__open .director__bio__open__inner h3 {
  color: white;
  margin: 0 0 0.5em;
  font-family: "Helvetica Neue Thin", helvetica, sans-serif;
}

div.about__directors__single .director__bio__open .director__bio__open__inner p {
  margin: 0;
  font-size: 0.75em;
  color: white;
  font-family: "Helvetica Neue Thin", helvetica, sans-serif;
}

div.about__directors__single .director__bg__container {
  margin: 0 auto;
  background: center center no-repeat;
  background-size: contain;
  border-radius: 999em;
  overflow: hidden;
  position: relative;
  border: 2px solid #f5f6f7;
  height: 200px;
  width: 200px;
}

div.about__directors__single .director__bg__container .director__bio__expand {
  cursor: pointer;
  height: 75px;
  background-color: rgba(140, 104, 166, 0.7);
  text-align: center;
  line-height: 40px;
  position: absolute;
  bottom: -25px;
  right: 0;
  left: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

div.about__directors__single .director__bg__container .director__bio__expand span {
  color: white;
}

div.about__directors__single .director__bg__container .director__bio__expand span:before {
  font-family: "icomoon";
  content: "";
}

div.about__directors__single .director__bg__container .director__bio__expand:hover {
  bottom: -25px;
  background: #8c68a6;
}

div.about__directors__single.ctx-bio-open .director__bg__container {
  display: none;
}

div.about__directors__single.ctx-bio-open .director__desc {
  visibility: hidden;
}

div.about__directors__single.ctx-bio-open .director__bio__open {
  display: table;
}

div.about__directors__single.ctx-bio-open:after {
  content: "";
  position: absolute;
  bottom: -48px;
  margin-left: -30px;
  left: 50%;
  height: 0;
  width: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #f3f3f3;
}

div.director-modal {
  width: 904px;
  margin: 40px;
}

div.director-modal-bio {
  width: 37.5%;
}

div.director-modal-description {
  width: 62.165%;
}

div.modal-dialog-close-button {
  display: block;
  position: absolute;
  top: -90px;
  right: -10px;
}

div.modal-dialog-close-button a:after {
  content: "";
  background: url('/wp-content/uploads/2020/08/close-white.svg') no-repeat;
  width: 75px;
  height: 75px;
  display: block;
}

@media screen and (max-width: 768px) {
  div.about__directors__single {
    width: 50%;
  }

  div.director-modal {
    position: relative;
  }

  div.director-modal-content {
    width: 100% !important;
  }

  div.director-modal-message {
    width: calc(100vw - 80px) !important;
    margin: 0 auto;
  }

  div.modal-dialog-close-button {
    top: 40px;
    right: 0px;
  }

  .director-dialog-widget .modal-dialog-close-button a:after {
    width: 40px;
    height: 40px;
    background: url('/wp-content/uploads/2020/08/close-purple.png') no-repeat;
    background-size: cover;
    margin-right: 5px;
  }

  div.director-modal-row-content {
    padding: 120px 0px 90px;
    flex-direction: column;
  }

  div.director-modal-row-content>div {
    width: calc(100vw - 80px) !important;
  }

  div.executive-director-callout {
    padding: 0 15px;
  }

  div.executive-director-callout-image {
    order: 1 !important;
  }

  div.executive-director-callout-details>.elementor-column-wrap {
    padding: 20px 0px 0px !important;
  }

  div.video-modal-dialog-close-button {
    top: -120px;
  }
}

@media screen and (max-width: 500px) {
  div.about__directors__single {
    width: 100%;
  }
}

.directors__bio__container,
.directors__bio__container__white {
  margin: 28px 0;
  float: left;
  width: 100%;
  background: #f3f3f3;
  display: none;
  position: relative;
}

.directors__bio__container__white {
  background: none;
  display: block;
}

.directors__bio__container.ctx-expand,
.directors__bio__container__white.ctx-expand {
  display: block;
}

.directors__bio__container img,
.directors__bio__container__white img {
  float: left;
  width: 250px;
  box-sizing: border-box;
  padding: 2em;
}

@media screen and (max-width: 768px) {

  .directors__bio__container,
  .directors__bio__container__white {
    text-align: center;
  }

  .directors__bio__container img,
  .directors__bio__container__white img {
    float: none;
  }
}

.bio__content {
  margin-left: 250px;
  box-sizing: border-box;
  padding: 2em;
  text-align: left;
}

.bio__content .bio__hide {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  font-size: 2em;
  cursor: pointer;
  color: #a9a9a9;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.bio__content .bio__hide:before {
  font-family: "icomoon";
  content: "";
}

.bio__content .bio__hide:hover {
  color: #595859;
}

.bio__content p {
  margin: 0 0 1em;
  color: #595859;
}

.bio__content h3 {
  margin: 0 0 0.85rem;
  color: #49166d;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 300;
}

.bio__content h4 {
  margin: 0 0 0.5rem;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-style: italic;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .bio__content {
    margin-left: 0;
  }
}

.page__header--faq h1:before {
  font-family: "TelusDings";
  content: "f ";
}

.faq__single {
  padding: 40px 5.5% 0 5.5%;
  box-sizing: border-box;
  width: 100%;
  border-top: 1px solid #ebecec;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.faq__single .faq__single__inner {
  max-width: 1280px;
  margin: 0 auto;
  color: #595859;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.faq__single h3 {
  padding: 0;
  padding-right: 20px;
  margin: 0 0 1em;
  font-size: 1.438em;
  font-family: "Helvetica Neue Thin", helvetica, sans-serif;
  color: #49166d;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.faq__single p {
  display: none;
  height: 0;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 1em;
  font-family: "Helvetica Neue Regular", helvetica, sans-serif;
  max-width: 768px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.faq__single .faq__single__inner {
  position: relative;
}

.faq__single .faq__single__inner:before {
  color: #49166d;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: -40px;
  right: 0;
  font-family: "icomoon";
  content: "";
  font-weight: normal;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.faq__single.open .faq__single__inner {
  margin-bottom: 40px;
}

.faq__single.open .faq__single__inner:before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.faq__single.open .faq__single__inner p {
  display: block;
  height: auto;
}

.faq__single+.page__footer {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .faq__single {
    width: 84% !important;
    margin-left: 0 !important;
  }
}

footer.page__footer .page__footer__mail {
  text-align: center;
  box-sizing: border-box;
  padding: 28px 5.5%;
  background: #49166d;
}

footer.page__footer .page__footer__mail p {
  font-size: 1.438em;
  color: white;
}

footer.page__footer .page__footer__mail .btn-light--footer__faq {
  margin-left: 1em;
}

@media screen and (max-width: 768px) {
  footer.page__footer .page__footer__mail .btn-light--footer__faq {
    display: block;
    margin-left: 0;
  }
}

footer.page__footer .page__footer__address {
  padding: 28px 5.5%;
  text-align: center;
  background: #f5f6f7;
}

footer.page__footer .page__footer__address p {
  color: #595859;
  margin: 0;
  font-size: 1.438rem;
  line-height: 1.5;
  font-family: "Helvetica Neue", helvetica, sans-serif;
}

footer.page__footer .page__footer__address p span {
  font-family: "Helvetica Neue", helvetica, sans-serif;
}

footer.page__footer .page__footer__phone {
  padding: 28px 5.5%;
  color: #595859;
  text-align: center;
}

footer.page__footer .page__footer__phone p {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-size: 1.125em;
}

footer.page__footer .page__footer__phone p span {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-size: 1.438em;
}

footer.page__footer .page__footer__phone p:before {
  font-family: "TelusDings";
  font-size: 1.438em;
  content: "a ";
}

.page__header--contact h1:before {
  font-family: "TelusDings";
  content: "j ";
}

.form__container {
  padding: 0px 5%;
  margin: 60px auto 100px;
}

.form__container>h2 {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  color: #595859;
}

.form__container>p {
  line-height: 1.5;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  color: #595859;
  margin-bottom: 10px;
  max-width: 768px;
}

.form__container .btn-primary--contact {
  background-color: #66cc00;
  background-image: none;
  margin: 20px 0px;
  display: inline-block;
  width: auto;
  padding: 13px 25px 14px 25px;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
}

.form__container .btn-primary--contact:hover {
  background-image: none;
}

.wpcf7-form-control {
  margin-bottom: 0px;
}

.article__list {
  padding: 28px 5.5%;
  margin: 0 auto;
  max-width: 1280px;
}

div.container--articles {
  padding: 0;
  background: #f5f6f7;
}

.article__card {
  width: 31.98381%;
  float: left;
  margin-right: 2.02429%;
  padding-bottom: 195px;
  -webkit-box-shadow: 0 1px 3px 1px #e2e2e2;
  -moz-box-shadow: 0 1px 3px 1px #e2e2e2;
  box-shadow: 0 1px 3px 1px #e2e2e2;
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  box-sizing: border-box;
}

.article__card.ctx-hidden {
  display: none;
}

.article__card:nth-child(3n) {
  float: right;
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .article__card {
    width: 100%;
    margin-right: 0;
  }
}

.article__card h4 {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 200;
  color: #595859;
  margin: 0 0 24px;
  line-height: 1.5;
}

.article__card h3 {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
  color: #49166d;
  line-height: 1.5;
}

.article__card p {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
  color: #595859;
  line-height: 1.5;
}

.article__card a {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
  color: #49166d;
  text-decoration: none;
}

.article__card a:hover {
  color: #8c68a6;
}

.article__card a:after {
  font-family: "TelusDings";
  content: "1";
  margin-left: 0.5em;
}

body>header {
  min-height: 100px;
  border-bottom: 1px solid #ebecec;
  padding: 0 5.5%;
}

body>header .header__topbar {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}

body>header a.header__logo {
  display: inline-block;
  text-indent: -9999px;
  background: url("assets/images/telus_fund_logo.jpg") left center no-repeat;
  background-size: contain;
  height: 60px;
  width: 195px;
  position: absolute;
  top: 20%;
  right: 0;
  bottom: 0;
  left: 0px;
}

@media screen and (max-width: 1050px) {
  body>header a.header__logo {
    height: 40px;
    top: 10px;
    left: 5.5%;
  }
}

body>header a.header__navicon {
  cursor: pointer;
  position: absolute;
  right: 5.5%;
  top: 0;
  line-height: 60px;
  display: none;
  font-size: 2em;
  color: #49166d;
}

body>header a.header__navicon:after {
  font-family: "icomoon";
  content: "";
}

@media screen and (max-width: 1050px) {
  body>header a.header__navicon {
    display: inherit;
  }
}

body>header a.toggle__language {
  position: absolute;
  right: 0;
  top: 0;
  color: #a9a9a9;
}

body>header a.toggle__language:before {
  content: "2 ";
  color: #49166d;
  font-family: "TelusDings";
}

@media screen and (max-width: 1050px) {
  body>header a.toggle__language {
    position: inherit;
    display: block;
    text-align: left;
    padding: 1em 5.5%;
    border-top: 1px solid #e2e2e2;
  }
}

body>header nav {
  padding: 0 0 0 195px;
  max-height: 600px;
  line-height: 100px;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1050px) {
  body>header nav {
    overflow: hidden;
  }
}

body>header nav>.menu-main-menu-container,
body>header nav .menu-main-menu-french-container ul {
  padding: 0;
  margin: 0;
}

body>header nav>.menu-main-menu-container>ul,
body>header nav .menu-main-menu-french-container ul>ul {
  padding-left: 0;
  margin: 0;
}

body>header nav>.menu-main-menu-container li,
body>header nav .menu-main-menu-french-container ul li {
  display: inline-block;
  line-height: 60px;
  position: relative;
}

body>header nav>.menu-main-menu-container li a,
body>header nav .menu-main-menu-french-container ul li a {
  margin-left: 3.5em;
}

@media screen and (max-width: 1050px) {

  body>header nav>.menu-main-menu-container li a,
  body>header nav .menu-main-menu-french-container ul li a {
    margin-left: 0;
  }
}

body>header nav>.menu-main-menu-container li:hover ul,
body>header nav .menu-main-menu-french-container ul li:hover ul {
  display: block;
}

@media screen and (max-width: 1050px) {

  body>header nav>.menu-main-menu-container li,
  body>header nav .menu-main-menu-french-container ul li {
    display: block;
    border-top: 1px solid #e2e2e2;
  }

  body>header nav>.menu-main-menu-container li a,
  body>header nav .menu-main-menu-french-container ul li a {
    padding: 0 5.5%;
  }
}

body>header nav li.menu-item-has-children.ctx-expand ul {
  height: auto;
}

body>header nav li.menu-item-has-children ul {
  display: none;
  white-space: nowrap;
  position: absolute;
  left: 3.5em;
  z-index: 9999;
  padding: 0;
  margin: 0;
  background: white;
  border: 1px solid #f5f6f7;
  box-sizing: border-box;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px 1px #e2e2e2;
  -webkit-box-shadow: 0 1px 3px 1px #e2e2e2;
  -moz-box-shadow: 0 1px 3px 1px #e2e2e2;
}

@media screen and (max-width: 1050px) {
  body>header nav li.menu-item-has-children ul {
    display: block;
    position: inherit;
    box-shadow: none;
    border: none;
    background: #f5f6f7;
    height: 0;
    overflow: hidden;
    left: 0;
  }
}

body>header nav li.menu-item-has-children ul:after {
  content: "▲";
  color: white;
  position: absolute;
  top: -33px;
  font-size: 1.2em;
  left: 1em;
  text-shadow: 0px -3px 3px #e2e2e2;
  pointer-events: none;
}

@media screen and (max-width: 1050px) {
  body>header nav li.menu-item-has-children ul:after {
    display: none;
  }
}

body>header nav li.menu-item-has-children ul li {
  display: block;
}

body>header nav li.menu-item-has-children ul li a {
  padding-right: 2em;
  margin-left: 0;
  padding-left: 1em;
}

@media screen and (max-width: 1050px) {
  body>header nav li.menu-item-has-children ul li a {
    padding-left: 5.5%;
  }
}

body>header nav a {
  font-family: "Helvetica Neue", helvetica, sans-serif, sans-serif;
  text-decoration: none;
  color: #49166d;
  font-size: 1.125em;
  display: block;
}

body>header nav a:hover {
  color: #8c68a6;
}

@media screen and (max-width: 1050px) {
  body>header nav {
    padding: 0;
    padding-top: 60px;
    line-height: inherit;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }

  body>header nav.ctx-collapse {
    max-height: 0px;
  }

  body>header nav li.menu-item-has-children>a:after {
    content: " ";
    font-family: "icomoon";
    float: right;
    color: #6c0;
  }

  body>header nav li.menu-item-has-children.ctx-expand>a:after {
    content: " ";
  }
}

@media screen and (max-width: 1050px) {
  body>header {
    min-height: 60px;
    padding: 0;
  }
}

section.hero {
  height: 410px;
  width: 89%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 5.5%;
}

section.hero a {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  section.hero {
    height: auto;
  }
}

.hero__left {
  float: left;
  padding-right: 5.5%;
  height: 100%;
  width: 30%;
  text-align: center;
  box-sizing: border-box;
  display: table;
}

@media screen and (max-width: 768px) {
  .hero__left {
    width: 100%;
    height: auto;
    padding: 28px 0 0;
  }
}

.hero__left .hero__left__imagewrap {
  display: table-cell;
  height: 354px;
  vertical-align: middle;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .hero__left .hero__left__imagewrap {
    display: block;
    height: auto;
    margin: 0 auto;
  }
}

.hero__left .hero__left__imagewrap img {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .hero__left .hero__left__imagewrap img {
    width: auto;
    height: 150px;
  }
}

.hero__right {
  box-sizing: border-box;
  display: table;
  float: left;
  height: 100%;
  width: 70%;
}

@media screen and (max-width: 768px) {
  .hero__right {
    width: 100%;
    height: 50%;
    padding: 28px 0;
  }
}

.hero__inner {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  max-width: 1280px;
  margin: 0 auto;
}

.hero__inner h1 {
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
  margin: 0;
  font-size: 3.75em;
  font-weight: normal;
  color: #49166d;
}

@media screen and (max-width: 768px) {
  .hero__inner h1 {
    font-size: 2.25em;
  }
}

.hero__inner p {
  color: #595859;
  line-height: 1.5;
  font-family: "Helvetica Neue Light", helvetica, sans-serif;
}

@media screen and (max-width: 768px) {
  .hero__inner .btn-primary--hero {
    display: block;
    margin-bottom: 1em;
  }
}

.btn-primary {
  color: white;
  font-size: 1.125em;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  font-weight: 300;
  text-decoration: none;
  border-radius: 3px;
  letter-spacing: 0.05em;
  font-family: "Helvetica Neue Regular", helvetica, sans-serif;
  text-shadow: rgba(89, 88, 89, 0.2) 0px 1px 0px;
  box-shadow: rgba(51, 51, 51, 0.129412) 0px 2px 0px 0px;
  background-color: #b3ff66;
  background-image: -webkit-linear-gradient(#b3ff66, #b3ff66 1%, #66cc00 1%, #66cc00 90%, #57a708 90%, #57a708);
  background-image: linear-gradient(#b3ff66, #b3ff66 1%, #66cc00 1%, #66cc00 90%, #57a708 90%, #57a708);
}

.btn-primary:hover {
  background-image: linear-gradient(#c5f199, #c5f199 1%, #8be234 1%, #8be234 90%, #66cc00 90%, #66cc00);
}

@media screen and (max-width: 768px) {
  .btn-primary {
    display: block;
    margin-top: 1em;
    text-align: center;
  }
}

.btn-light {
  color: #333;
  font-size: 1em;
  font-family: "Helvetica Neue Light", helvetica, sans-serif;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  text-decoration: none;
  border-radius: 4px;
  letter-spacing: 0.05em;
  border: 1px solid #ebecec;
  text-shadow: rgba(89, 88, 89, 0.2) 0px 1px 0px;
  background-color: white;
  background-image: -webkit-linear-gradient(white, white 1%, white 1%, white 90%, #e2e2e2 90%, #e2e2e2);
  background-image: linear-gradient(white, white 1%, white 1%, white 90%, #e2e2e2 90%, #e2e2e2);
}

.btn-light:hover {
  color: #8c68a6;
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 1%, #ffffff 1%, #ffffff 90%, #f1edf3 90%, #f1edf3);
  background-image: linear-gradient(#ffffff, #ffffff 1%, #ffffff 1%, #ffffff 90%, #f1edf3 90%, #f1edf3);
}

@media screen and (max-width: 768px) {
  .btn-light {
    display: block;
    margin-top: 1em;
    text-align: center;
  }
}

div.slick__carousel {
  padding: 0 5.5%;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: initial;
}

div.slick__carousel:hover span.carousel__nav__prev,
div.slick__carousel:hover span.carousel__nav__next {
  opacity: 1;
}

section.hero--carousel {
  padding: 0 50px;
  box-sizing: border-box;
  position: realtive;
  width: 100%;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
}

section.hero--carousel.ctx-display {
  display: block;
}

section.hero--carousel.ctx-transition {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  section.hero--carousel {
    padding: 0;
  }
}

div.hero__right--carousel {
  padding-bottom: 0px;
}

@media screen and (max-width: 768px) {

  span.carousel__nav__prev,
  span.carousel__nav__next {
    display: none !important;
  }
}

span.carousel__nav__prev {
  opacity: 0;
  position: absolute;
  left: 6.5%;
  top: 50%;
  color: #D6D6D6;
  z-index: 10;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

span.carousel__nav__prev:before {
  font-family: "TelusDings";
  content: "3";
  font-size: 3em;
  cursor: pointer;
}

span.carousel__nav__prev:hover {
  color: #6c0;
}

span.carousel__nav__next {
  opacity: 0;
  position: absolute;
  right: 6.5%;
  top: 50%;
  color: #D6D6D6;
  z-index: 10;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

span.carousel__nav__next:before {
  font-family: "TelusDings";
  content: "1";
  font-size: 3em;
  cursor: pointer;
}

span.carousel__nav__next:hover {
  color: #6c0;
}

.page__header {
  background-color: #f5f6f7;
  height: 125px;
  line-height: 125px;
}

.page__header h1 {
  padding: 0;
  margin: 0;
  color: #595859;
  font-family: "Helvetica Neue UltraLight", helvetica, sans-serif;
  font-size: 2.313em;
}

.page__header__inner {
  max-width: 1280px;
  padding: 0 5.5%;
  margin: 0 auto;
}

.header__alert__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 5.5%;
  display: none;
}

.header__alert__container.ctx-active {
  display: block;
}

.header__alert {
  box-sizing: border-box;
  padding: 1em 2em;
  background: #e0ccf4;
  text-align: center;
  max-width: 1280px;
  margin: 1em auto;
  border-radius: 5px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .header__alert {
    padding: 1em 3em 1em 1em;
  }
}

.header__alert p {
  font-family: "Helvetica Neue Light", helvetica, sans-serif;
  margin: 0;
  color: #595859;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .header__alert p {
    font-size: 0.875em;
  }
}

.header__alert p a {
  color: #49166d;
  text-decoration: none;
  display: inline-block;
}

.header__alert p a:before {
  content: " | ";
}

.header__alert p a:first-child:before {
  content: "";
}

.header__alert p a:hover {
  color: #8c68a6;
}

.header__alert .btn__alert__close {
  position: absolute;
  cursor: pointer;
  right: 0.25em;
  top: 0.25em;
  font-size: 2em;
  color: #a9a9a9;
}

.header__alert .btn__alert__close:hover {
  color: #595859;
}

.header__alert .btn__alert__close:before {
  font-family: "icomoon";
  content: "";
}

footer.global__footer {
  width: 89%;
  background: #333;
  padding: 28px 5.5%;
  text-align: center;
  line-height: 1.5;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: normal;
}

footer.global__footer a {
  color: white;
  font-size: 1em;
  text-decoration: none;
}

footer.global__footer>p {
  padding: 28px 0;
  color: white;
  font-size: 0.85em;
  text-align: center;
}

footer.global__footer>span {
  padding: 28px 0 0;
  font-size: 0.85em;
  color: #666;
}

.footer__contact__container {
  margin: 0 auto;
  border-bottom: 1px solid #666;
  max-width: 1280px;
}

.footer__contact__container:after {
  content: " ";
  display: block;
  clear: both;
}

.footer__contact__container h3 {
  text-align: center;
  color: white;
  font-size: 1.25em;
}

.footer__contact {
  color: white;
  padding: 28px 0;
  float: left;
}

.footer__contact:last-child {
  border: none;
}

@media screen and (max-width: 768px) {
  .footer__contact {
    width: 100%;
  }
}

.footer__contact h2 {
  margin-top: 0;
  font-size: 36px;
  line-height: 43px;
  font-weight: 300;
}

.footer__contact .btn-primary--footer {
  display: inline-block;
}

.footer__contact.footer__contact--newsletter .cm-button {
  border: none;
  display: inline-block;
  font-size: 20px;
  padding: 15px 25px;
  box-shadow: none;
  background-image: none;
  background-color: #66cc00;
  letter-spacing: 0;
}

.footer__contact.footer__contact--social {
  text-align: right;
  box-sizing: border-box;
  padding-right: 5%;
}

.footer__contact.footer__contact--social ul {
  list-style: none;
}

.footer__contact.footer__contact--social ul li {
  display: inline-block;
  margin-left: 1em;
}

.footer__contact.footer__contact--social .social-icons i {
  font-size: 2em;
  line-height: 2em;
}

@media screen and (max-width: 768px) {
  .footer__contact.footer__contact--social {
    padding-right: 0;
    text-align: center;
    border-right: none;
  }
}

.footer__contact.footer__contact--social .btn-primary--footer:before {
  content: "";
  font-family: "icomoon";
  -webkit-font-smoothing: antialiased;
}

.footer__contact.footer__contact--email {
  text-align: left;
  box-sizing: border-box;
  padding-left: 5%;
}

@media screen and (max-width: 768px) {
  .footer__contact.footer__contact--email {
    padding-left: 0;
    text-align: center;
  }
}

footer div[class^=menu] {
  max-width: 1280px;
  width: 100%;
  border-bottom: 1px solid #666;
  margin: 1em auto;
}

footer div[class^=menu] ul {
  text-align: center;
  padding: 1em;
  box-sizing: border-box;
  margin: 1em 0;
}

footer div[class^=menu] ul li {
  display: inline;
}

footer div[class^=menu] ul li a {
  color: white;
  text-decoration: none;
  padding: 1em;
  font-size: 1em;
}

@media screen and (max-width: 768px) {
  footer div[class^=menu] ul li {
    display: block;
    margin: 1.25em 0;
  }
}

form {
  width: 100%;
}

form input,
form textarea {
  width: 100%;
  max-width: 420px;
  padding: 1em;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  border: 1px solid #d2d2d2;
  border-radius: 2px;
  margin-bottom: 1em;
  box-sizing: border-box;
}

form span {
  margin-top: 0.5em;
}

form label {
  margin-bottom: 10px;
  display: inline-block;
  color: #4b286d;
  font-family: "Helvetica Neue", helvetica, sans-serif;
}

form p {
  margin-bottom: 20px;
}

div.wpcf7-response-output {
  border: none;
  color: #333;
  border-radius: 4px;
  padding: 0.5em 1em;
  margin: 0;
}

div.wpcf7-response-output.wpcf7-validation-errors {
  border: none;
  background: #fde9ed;
  max-width: 420px;
}

div.wpcf7-response-output.wpcf7-validation-errors:before {
  font-family: "TelusDings";
  content: "X ";
}

div.wpcf7-response-output.wpcf7-mail-sent-ok {
  border: none;
  background: #6c0;
  color: white;
  max-width: 420px;
}

section.post__filters {
  width: auto !important;
  max-width: 994px;
  margin: 0 auto;
  padding: 28px 5.5%;
}

section.post__filters h2 {
  margin: 0;
  font-size: 2.3125em;
  color: #595859;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  section.post__filters h2 {
    font-size: 1.5em;
    padding: 28px 5.5% 0;
  }
}

section.post__filters p {
  padding: 0;
  margin: 0.5em 0 0;
  color: #595859;
  margin-left: 51px;
  font-size: 0.875em;
  font-family: "Helvetica Neue Light", helvetica, sans-serif;
}

@media screen and (max-width: 768px) {
  section.post__filters p {
    margin-left: 5.5%;
    padding-left: 33px;
    padding-bottom: 0;
  }
}

section.post__filters select {
  width: 100%;
  padding: 15px 5px 15px 15px;
  -webkit-appearance: none;
  font-size: 1.125em;
  background-position: 97% 50%;
  background-size: 13px 7px;
  background-repeat: no-repeat;
  border-radius: 3px;
}

section.post__filters select:focus {
  border: 1px solid #6c0;
  outline: none;
}

@media screen and (max-width: 768px) {
  section.post__filters {
    padding: auto 0;
  }
}

.post__filters__categories {
  padding: 0 0 28px;
}

@media screen and (max-width: 768px) {
  .post__filters__categories {
    padding: 28px 5.5%;
  }
}

.post__filters__categories--desktop ul {
  margin: 0;
  padding: 0;
}

.post__filters__categories--desktop ul li {
  display: inline;
  margin-right: 0.625em;
  padding-right: 0.625em;
  font-size: 1.3125em;
}

.post__filters__categories--desktop ul li:not(:last-of-type) {
  border-right: 1px solid #cdcdcd;
}

.post__filters__categories--desktop ul li a {
  font-family: "Helvetica Neue Thin", sans-serif;
  text-decoration: none;
  white-space: no-wrap;
  color: #49166d;
}

.post__filters__categories--desktop ul li a:hover {
  color: #8c68a6;
}

.post__filters__categories--desktop ul li a.ctx-selected {
  color: #a9a9a9;
}

@media screen and (max-width: 768px) {
  .post__filters__categories--desktop ul li {
    line-height: 1.5;
    font-size: 1em;
  }
}

@media screen and (max-width: 420px) {
  .post__filters__categories--desktop ul li {
    font-size: 0.75em;
  }
}

@media screen and (max-width: 768px) {
  .post__filters__categories--desktop {
    display: none;
  }
}

.post__filters__categories--mobile {
  display: none;
  background: #666;
}

.post__filters__categories--mobile select {
  background: #777777;
  border: 1px solid white;
  color: white;
  background-image: url("assets/images/icon-arrow-down-gray.svg");
}

@media screen and (max-width: 768px) {
  .post__filters__categories--mobile {
    display: inherit;
  }
}

.post__filters__sub {
  padding: 28px 0 0;
}

@media screen and (max-width: 768px) {
  .post__filters__sub {
    padding: 28px 5.5%;
  }
}

.post__filters__sub--desktop ul {
  margin: 0;
  padding: 0;
}

.post__filters__sub--desktop ul li {
  display: inline-block;
  padding: 0 0.625em;
  font-size: 1.313em;
}

.post__filters__sub--desktop ul li:not(:last-of-type) {
  border-right: 1px solid #cdcdcd;
}

.post__filters__sub--desktop ul li:first-of-type {
  padding-left: 0;
}

.post__filters__sub--desktop ul li a {
  font-family: "Helvetica Neue Thin", sans-serif;
  text-decoration: none;
  color: #49166d;
}

.post__filters__sub--desktop ul li a:hover {
  color: #8c68a6;
}

.post__filters__sub--desktop ul li a.ctx-selected {
  color: #a9a9a9;
  position: relative;
}

.post__filters__sub--desktop ul li a.ctx-selected:before {
  left: 50%;
  margin-left: -9px;
  bottom: -28px;
  position: absolute;
  content: " ";
  border-width: 0 11px 11px;
  border-style: solid;
  border-color: #e2e2e2 transparent;
  width: 0;
}

.post__filters__sub--desktop ul li a.ctx-selected:after {
  left: 50%;
  bottom: -28px;
  position: absolute;
  content: " ";
  display: block;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 0 10px 10px;
  margin: 2px 1px 0 -8px;
}

@media screen and (max-width: 768px) {
  .post__filters__sub--desktop ul li {
    line-height: 1.5;
    font-size: 1em;
  }
}

@media screen and (max-width: 420px) {
  .post__filters__sub--desktop ul li {
    font-size: 0.75em;
  }
}

@media screen and (max-width: 768px) {
  .post__filters__sub--desktop {
    display: none;
  }
}

.post__filters__sub--mobile {
  display: none;
}

.post__filters__sub--mobile select {
  background-image: url("assets/images/icon-arrow-down-gray-ccc.svg");
  border: 1px solid #ccc;
  background-color: white;
  color: #595859;
}

@media screen and (max-width: 768px) {
  .post__filters__sub--mobile {
    display: inherit;
  }
}

.filter-control-group {
  margin: 1rem 5.5% 0 5.5%;
}

.filter-control label {
  color: #595859;
  font-size: 0.875em;
  font-family: "Helvetica Neue", helvetica, sans-serif;
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  .filter-control button.btn-light {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) {
  .filter-control.filter-control--buttons {
    padding-top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .filter-control {
    margin-bottom: 0.5rem;
  }

  .filter-control.filter-control--buttons {
    text-align: center;
  }
}

/* 
 * waterfall section on white background
 */
.purple-font-color .waterfall-text-column .elementor-heading-title,
.purple-font-color .waterfall-text-column .elementor-button {
  color: #4b286d !important;
}

.purple-font-color .waterfall-text-column .elementor-button-text:after {
  background-image: url('/wp-content/uploads/2020/08/next-purple.png') !important;
}

.purple-font-color .waterfall-text-column .elementor-text-editor {
  color: #595859 !important;
}

.white-border .box-item.elementor-column-wrap {
  border-color: white !important;
}

/*# sourceMappingURL=style.css.map */
a {
  color: #2B8000;
}

.white-links a {
  color: #fff;
  text-decoration: underline; 
}

/*-----------custom------------*/

/*----nav---*/


.desktop-nav .elementor-widget-container nav .hfe-nav-menu .sub-menu {box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5);margin-left: 19px!important;}  
.desktop-nav .elementor-widget-container nav .hfe-nav-menu .sub-menu li.current_page_item a{color: #66CC00;
    background-color: #4B286D;} 

 .FR-Menu-header .elementor-widget-container nav .hfe-nav-menu #menu-item-8946 .sub-menu {width: 200px !important; min-width: 200px!important;} 

.EN-Menu-header  ul.sub-menu{
    width: 180px;
    min-width: 185px !important;
}

/*----nav-end--*/



.rotate-icon .elementor-button-icon  {transform: rotate(270deg);} 
.section-sub-heading-link span a {color: #353d90 !important;}
.image-top-section {
  width: 100% !important;
  margin: 0 auto !important;
}
.heading-font h2 span {
  font-weight: 300;
  color: #000;
}
.box-bg { position: relative;}
.box-bg .elementor-widget-wrap {box-shadow: 0 3px 6px #00000014;}
.box-bg .elementor-widget-wrap {box-shadow: 0 3px 6px #00000014;}
.button-group {
  position: absolute;
  bottom: 41px;
  right: -58%;
}
.button-group2 {
  position: absolute;
  bottom: 29px;
  right: -54%;
}
.container-section {
  width: 1180px !important;
  margin: 0 auto;
}
.heading-line-through .elementor-widget-container h2 {position: relative;}
.heading-line-through .elementor-widget-container h2:before {
  content: '';
  position: absolute;
  top: 20px;
  border: 4px solid #000;
  display: inline;
  width: 50%;
  left: 193px;
}
.sub-heading-line .elementor-widget-container {position: relative;}
.sub-heading-line .elementor-widget-container:after {
  content: '';
  position: absolute;
  top: 12px;
  border: 3px solid #000;
  display: inline;
  width: 52%;
  left: 190px;
}
.heading-line .elementor-widget-container h2 {position: relative;}
.heading-line .elementor-widget-container h2:before {
  content: '';
  position: absolute;
  top: 24px;
  border: 4px solid #000;
  display: inline;
  width: 41%;
  left: 331px;
}
.sub-heading .elementor-widget-container {position: relative;}
.sub-heading .elementor-widget-container:after {
  content: '';
  position: absolute;
  top: 17px;
  border: 3px solid #000;
  display: inline;
  width: 37%;
  left: 360px;
}
.icon-bg {
  position: absolute;
  right: 40px;
  top: -39px;
  background: #353D90;
  width: 75px !important;
  height: 75px;
  border-radius: 100px;
  padding: 10px;
  border: 6px solid #fff;
  box-shadow: 0 3px 7px #0000007d;
}
.left-icon-bg {
  position: absolute;
  top: 0;
  background: #353D90;
  width: 75px !important;
  height: 75px;
  border-radius: 100px;
  padding: 10px;
  border: 6px solid #fff;
  box-shadow: 0 3px 6px #00000029;
}
.bg-icon .elementor-icon {
  position: relative;
  background: #353D90;
  width: 75px !important;
  height: 75px;
  border-radius: 100px;
  padding: 10px;
  border: 6px solid #fff;
  box-shadow: 0 3px 6px #00000029;
}
.cta-bg {box-shadow: 0 3px 6px #00000014;}
.program-date {box-shadow: 0 3px 6px #00000014;}
.box-shadow .elementor-widget-wrap {box-shadow: 0 3px 6px #00000029;}
.white-bg .elementor-widget-container {box-shadow: 0 3px 6px #00000029;}
.slider-box .eicon-chevron-left {
  background: #353D90;
  border-radius: 100px;
  padding: 6px;
  position: absolute;
  right: -25px;
  top: -30px;
}
.slider-box .eicon-chevron-right {
  background: #353D90;
  border-radius: 100px;
  padding: 6px;
  position: absolute;
  left: -25px;
  top: -30px;
}
.swiper-slide {padding: 0 15px !important;}
.swiper-slide.swiper-slide-visible.swiper-slide-next {transform: none !important;}
.swiper-slide.swiper-slide-duplicate.swiper-slide-visible {transform: none !important;}
.accordion-tab .elementor-tab-content p {margin-bottom: 6px;}
.accordion-tab > .elementor-tab-content ul li:marker{display: none!important;}
.heading-font h2 sub {
  font-size: 18px;
  position: absolute;
  top: 13px;
}
.white-box-bg {position: relative;}
.white-box-bg .box-icon {
  position: absolute;
  bottom: 15px;
  right: 5px;
}
.link-title {
  position: relative;
  top: 10px;
}
.page-id-8332 .elementor-location-footer,
.page-id-8352 .elementor-location-footer,
.page-id-8350 .elementor-location-footer,
.page-id-8337 .elementor-location-footer,
.page-id-8361 .elementor-location-footer,
.page-id-8344 .elementor-location-footer,
.page-id-8515 .elementor-location-footer,
.page-id-8516 .elementor-location-footer,
.page-id-8475 .elementor-location-footer,
.page-id-6688 .elementor-location-footer,
.page-id-6688 .elementor-location-footer,
{display: none;}

.page-template-page-contact-php .container{display: flex;}
.page-template-page-contact-php .form__container {
    margin-bottom: 0!important;    
    background: #f7f7f8;
    padding: 20px 60px;
  }
.accordion-tab .elementor-tab-content h4 {
  margin: 25px 0 7px;
  color: #353d90; 
}
.accordion-tab .elementor-tab-content h3 {  
  margin: 25px 0 7px;
  color: #353d90;
    font-size: 18px;
}
.footerAddress a {
  color: #505050;
  font-size: 16px;
  font-weight: 300;
}
.footerAddress span {
  font-size: 17px;
  color: #000;
}
.button-bg .elementor-button {
  background-image: url(/wp-content/uploads/2024/12/button-background.jpg);
  width: auto;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent !important;
  border-radius: 8px;
  padding: 14px 22px;
}
.paragraph-link a {
  color: #353d90;
  text-decoration: underline;
}
.producer-resources ul li {
  width: 50%;
  float: left;
  line-height: 25px;
}
.producer-resources ul li a {line-height: 23px !important;}
.mail-champ-footer form #email {
  border-radius: 11px !important;
  font-size: 14px;
  color: #000;
  font-weight: 300;
  border: thin solid #eee;
  width: 90%;
  margin-bottom: 0 !important;
}
.accordion-tab ul li a {
  color: #353D90;
  text-decoration: underline;
}
.accordion-tab .elementor-toggle-item .elementor-tab-title {border-bottom: 1px solid #ccc;}
.accordion-tab .elementor-toggle-item .elementor-tab-title:nth-last-child(even) {border-bottom: none;}
.blue-bg-link a {color: #fff !important;}
.elementor-location-footer {display: none !important;}
.accordion-tab .fa-chevron-down {margin-top: 5px;}
.faq-button a.elementor-button {
  width: 100% !important;
  display: inline-flex !important;
}
.faq-button .elementor-button-icon {
  position: absolute;
  right: 40px;
}
.page-id-8352 iframe.bdt-responsive-width {
  max-width: 60% !important;
  height: auto;
}
.page-id-8352 .bdt-lightbox {background: rgba(54, 52, 136, 0.9) !important;}
.page-id-8352 .bdt-lightbox-toolbar {background: none !important;}
.page-id-8352 .elementor-lightbox .elementor-video-container {
  width: 65% !important;
  height: 500px !important;
}
.page-id-8352 .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe {
  min-height: 500px !important;
}
.bdt-lightbox-toolbar-icon svg {
  width: 35px !important;
  height: 35px !important;
  position: absolute;
  right: 310px;
  top: 50px;
}
.home .footer-bg {margin-top: 0 !important;}
.video-button .elementor-button-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: end;
}
.video-button .elementor-button-content-wrapper .elementor-align-icon-left {margin-left: 20px;}
.french-video-image {display: contents!important;} 
#download-tipsheet{    
    position: absolute;
    right: 23px;
    top: 77px;
    z-index: 999; 
  }
.page-template-page-telusfundprojects-php .footer-bg {margin-top: 0!important;}

.bdt-ep-accordion-item {position: relative;}
.faq-icon .bdt-flex-align-right {    
    position: absolute;
    right: 0;
    top: 31px;
  }



@media (min-width: 1440px){

  .faq-banner-link .elementor-widget-container p br{display: none!important;}
} 

@media (min-width: 1920px) {
  .bdt-lightbox-toolbar-icon svg {
    width: 35px !important;
    height: 35px !important;
    position: absolute;
    right: 380px;
    top: 70px;
  }
  .faq-banner-link .elementor-widget-container p {padding: 0 200px;}
  .video-icon .elementor-button-icon {position: relative;top: 2px;}
  .page-id-8352 .elementor-lightbox .elementor-video-container {
    width: 65% !important;
    min-height: 530px !important;
  }
  .page-id-8352 .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe {min-height: 480px !important;}
  .page-id-8352 .dialog-widget-content i.eicon-close {
     position: absolute;
     top: -50px;
     right: -240px;
  }
}

/*--------a css--------*/

.elementor-nav-menu .elementor-item {font-size: 16px !important;}
.elementor-widget-video .elementor-wrapper iframe,
.elementor-widget-video .elementor-wrapper video {
  min-height: 440px;
}
.new-button {
  background-color: #6D4C83;
  padding-left: 15px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.new-button a {color: #fff !important;}
div#sidebar {display: none !important;}
.dialog-type-lightbox {
  position: fixed;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgba(54, 52, 136, 0.9) !important;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.elementor-2047 .elementor-element.elementor-element-f43f888 section:before {
  display: none !important;
}
section.projects__list {width: 1084px;}
.faq__single .faq__single__inner:before {left: initial !important;}
.download-btn .elementor-button-link {display: block;}
.download-btn .elementor-button-content-wrapper {
  display: flex;
  justify-content: space-between;
}
.home-project-slider .caption-wrap {display: none !important;}
.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a {
  width: 34px !important;
  height: 34px !important;
  position: absolute !important;
  top: 160px !important;
}
.flex-nav-next .flex-next {right: -10px !important;}
.flex-nav-prev .flex-prev {left: -20px !important;}
.faq-text-div {margin-bottom: 20px !important;}
footer.page__footer .page__footer__mail {background: #353D90!important;}



@media (min-width: 768px) and (max-width: 1024px) {



.hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle:hover {border: none!important;}
.EN-Menu-header {
    position: absolute;
    right: 37px;
    top: 0px;
    z-index: 999;
}
.FR-Menu-header {
    position: absolute;
    right: 37px;
    top: -20px; 
    z-index: 999;
}
.apply-button {position: relative;right: 70px;}
.apply-btn-fr  .apply-button {position: relative;right: -20px;}
.hfe-dropdown.menu-is-active {margin-top: 0px!important;}
#en-header-menu .elementor-widget-container nav .hfe-nav-menu {
  text-align: center; 
  display: block;        
  padding-top: 20px;
  height: 100vh;
} 
#en-header-menu .elementor-widget-container nav .hfe-nav-menu .menu-item a{display: flex;justify-content: center;}
#en-header-menu .elementor-widget-container nav .hfe-nav-menu .sub-menu {margin-left: 0px !important;}
#en-header-menu .elementor-widget-container nav .hfe-nav-menu .sub-menu .menu-item a{padding:12px 0px !important;}
.desktop-nav .hfe-nav-menu > .menu-item:last-child {
  background: url(/wp-content/uploads/2020/08/language-toggle-french-mobile.png) no-repeat!important; 
  background-size: cover; display: block!important;
  position: absolute; 
  left: 50%;
  transform: translate(-43px, 40px);
} 
.desktop-nav .hfe-nav-menu > .menu-item:last-child a{        
    width: 79px;
    height: 40px;
    text-indent: -10000px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.desktop-nav .elementor-widget-container nav .hfe-nav-menu .sub-menu {box-shadow: none;} 
.elementor-9052 .elementor-element.elementor-element-4b6d66b .hfe-nav-menu-icon {font-size: 24px!important;}
html {overflow-x: hidden!important;}
body {overflow-x: hidden!important;} 
.header-main {position: relative;}
.apply-btn {
    position: absolute!important;
    right: 140px;
    width: 32%!important;
  }
  .apply-btn-fr {
    position: absolute!important;
    right: 200px;
    width: 40%!important;
  }
.lang-icon {
    position: absolute !important;
    right: 80px;
    top: 22px;
    width: 12% !important;
}
.menu-toggle {        
  width: 5% !important;
  position: absolute !important;
  right: 0;
} 
.logo-box {width: 14%!important;}
.desktop-nav .hfe-nav-menu-icon {
    height: 76px;
    width: 75px;
    line-height: 55px;
}
.desktop-nav .hfe-nav-menu-icon .far.fa-times-circle {font-size: 40px; margin-top: 9px;}  



  .container-section {width: auto !important;margin: 0 auto;}
  .top-banner-sub-content>p br {display: none;}
  .button-group {
    position: static;
    margin-top: 10px;
  }
  .image-top-section {
    width: 100% !important;
    padding: 0px 20px !important;
  }
  .heading-height,
  .content-text {
    height: auto !important;
  }
  .elementor-button-icon svg {width: 20px !important;}
  .footer-box1,
  .footer-box2 {
    width: 50% !important;
  }
  .producer-menu-footer {width: 100% !important;}
  .footerAddress br {display: block;}
  .button-group2 {position: static;}
  .container-section {padding: 0 30px !important;}
  .blue-telus-section {background-color: #ffffff00 !important;}
  .box-text-bold>p br {display: none;}
  .top-banner-sub-content br {display: none !important;}
  .elementor-item.has-submenu {
      display: flex !important;
      width: 100%;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }
 .header-menu #menu-2-f1da545 li .sub-arrow {
      position: relative;
      top: 0px; 
  }
  .elementor-sub-item {
      font-size: 15px !important;
  }
  .header-menu #menu-2-f1da545 li {
      margin: 0 !important;
  }
  .header-menu #menu-2-f1da545 {
      padding-top: 20px !important;
  }

  .header-menu #menu-2-f1da545 {
        padding-top: 20px !important;
    }
  .header-menu .eicon-close:before {
        width: 50px;
        right: 10px;
        top: 10px;
    }

  .elementor-8809 .elementor-element.elementor-element-5ea1c815{margin-bottom: 10px!important;}
  .elementor-8810 .elementor-element.elementor-element-5ea1c815{margin-bottom: 10px!important;}
.form-box-heading h3 br{display: none;}
.footer-bg {margin-top: 80px!important; padding-top: 50px!important;}
#footerfr {margin-top: 60px!important; padding-top: 50px!important;}
.box-heading-br .elementor-widget-container h3 br{display: none;} 
.video-button .elementor-button-content-wrapper .elementor-align-icon-left {margin-left: 10px;}
.page-id-8352 .elementor-lightbox .elementor-video-container {
    width: 85% !important;
    height: 500px !important;
}
.page-id-8352 .elementor-lightbox  .eicon-close:before {top: 140px;right: 13px;}
#container-section {padding: 0 9px!important;}
.top-bar-info .elementor-widget-container p br{display: none;}
.top-bar-info .elementor-widget-container h1 br{display: none!important;}
#footerfr .footer-box1 .elementor-widget-wrap .elementor-widget-container span br{display: none!important;}
.FR-container-section {padding-left:0!important; padding-right:0!important;}

.Fr-home-box .elementor-widget-container h2 br{display: none;}
.form__container {display: flex!important; justify-content: center!important; margin: 60px auto 0px;}
.cate_box_main {flex-basis: calc(32% - 11px)!important;}
.faq-icon .bdt-ep-accordion-title{padding-right: 20px;}
.bdt-ep-accordion-item {position: relative;}
.faq-icon .bdt-flex-align-right {    
    position: absolute;
    right: 0;
    top: 24px;
  }
#download-tipsheet {
    position: relative;
    right: 0px;
    top: 0px;
}
.fr-lang {margin-right: 20px!important;}
#faq-container-section {width: 100%!important;}
.body-text .elementor-widget-container p br{display: none;}

}


@media (max-width: 767px) {


.apply-now-btn {display: block!important;}
.apply-now-btn .elementor-button span.elementor-button-text{font-size: 13px!important;} 
.cate_box_main {flex-basis: calc(100% - 11px)!important;}
  .top-bar-info .elementor-widget-container p br{display: none;}
  .elementor-widget-video .elementor-wrapper iframe, .elementor-widget-video .elementor-wrapper video {
      min-height: auto!important;
  }
  .project_show h1{
    font-size: 30px!important; 
  }
  .page-template-page-contact-php .form__container {padding: 20px 20px!important;}
  .top-banner-sub-content .elementor-widget-container{padding: 0 10px!important;}
  .top-banner-sub-content > p br {display: none!important;}
  .top-bar-info .elementor-widget-container h1 br{display: none!important;}  
  .body-text .elementor-widget-container h2 br{display: none;}
  .body-text .elementor-widget-container p br{display: none;}
  .heading-height, .content-text {height: auto !important;}
  .flex-viewport {max-height: 220px !important;}
  .container-section {width: 100% !important;}
  .top-bar-info .elementor-element {
      width: 100% !important;
      max-width: 100% !important;
      text-align: center !important;
  }
  .text-br p br {display: none;}
  .box-bg {
    margin-bottom: 60px;
    padding: 0px;
  }
  .box-bg h2 {font-size: 20px !important;}
  .box-bg .elementor-element {margin-bottom: 10px !important;}
  .button-group {
    position: relative;
    bottom: -5px;
    right: 0;
    left: -6px;
  }
  .leaf-icon img {
    position: absolute;
    right: -21px;
    top: 0px;
  }
  .image-top-section {
    width: 100% !important;
    padding: 0px 20px !important;
  }
  .heading-height1 {height: auto !important;}
  .elementor-button-icon svg {width: 20px !important;}
  .button-group2 {position: static !important;}
  .blue-telus-section {background-color: #ffffff00 !important;}
  .video-icon .elementor-button-icon {margin-top: 5px;}
  .metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a {top: 104px !important;}
  .header-menu .elementor-menu-toggle {
     /* position: absolute;
     right: -199px;
     top: -50px; */
     width: 50px !important;
     height: 50px !important;
  }
  .header-menu #menu-2-f1da545 li {margin: 0 !important;}
  .header-menu .eicon-close:before {
    width: 50px;
    right: 10px;
    top: 0px;
  }
  .elementor-nav-menu--dropdown {top: 16px !important;}
  .apply-now-btn .elementor-widget-container a.elementor-button {
    padding: 5px 10px !important;
    font-size: 17px !important;
  }
  .header-menu #menu-2-f1da545 li .sub-arrow {
    position: relative;
    top: -14px;
  }
  .telusfund-logo {
    position: relative;
    top: 14px;
  }
  .page-id-8352 .elementor-lightbox .elementor-video-container {
    width: auto !important;
    height: 300px !important;
  }
  .page-id-8352 .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe {
    min-height: 300px !important;
    /*width: 390px;*/
  }
  .page-id-8352 .elementor-lightbox .elementor-video-container {
      width: 90% !important;
      position: absolute;
      top: 40%;
      /*left: 50%;
      transform: translate(-76%, -50%);*/
  }
   .page-id-8352 .eicon-close:before{     
    width: 55px;
    height: 55px;   
    top: 140px;
    right: 230px;
  }
  .page-id-8352 .dialog-widget-content i.eicon-close {
    position: absolute;
    top: -40px;
    right: -240px;
  }
  .page-id-8352 iframe.bdt-responsive-width {
    max-width: 90% !important;
    height: auto;
  }
  .bdt-lightbox-toolbar-icon svg {
    width: 25px !important;
    height: 49px !important;
    position: absolute;
    right: 30px;
    top: 310px;
  }
  .page-id-8352 .bdt-lightbox {background: rgba(54, 52, 136, 0.9) !important;}
  .elementor-item.has-submenu {
     display: flex !important;
     width: 100%;
     justify-content: center;
     align-items: center;
     gap: 20px;
  }
  .elementor-item.has-submenu .sub-arrow {
    padding: 0px;
    margin-top: 20px;
  }
  .elementor-sub-item {font-size: 14px !important;}
  .home .footer-bg {margin-top: 80 !important;}
  .top-bar-content .elementor-widget-container p br{display: none!important;}
  .top-banner-sub-content .elementor-widget-container p br {display: none;}
  .top-banner-sub-content .elementor-widget-container h2 br {display: none;}
  .header-menu #menu-2-3c34ab8 li .sub-arrow {
      position: relative;
      top: -14px;
  }  
  .header-menu #menu-2-3c34ab8 li {margin: 0 !important;}
  .header-menu #menu-2-f1da545{padding-top: 20px!important;}
  .header-menu #menu-2-3c34ab8{padding-top: 20px!important;}
  .elementor-8809 .elementor-element.elementor-element-5ea1c815{margin-bottom: 10px!important;}
  .elementor-8810 .elementor-element.elementor-element-5ea1c815{margin-bottom: 10px!important;}
  .metaslider.nav-hidden .flexslider {margin-bottom: 50px!important;}
  .project_show p {padding: 0 10px!important;}
  #download-tipsheet {position: relative; top: 6px; left: 0;}
  #footerfr .footer-box1 .elementor-widget-wrap .elementor-widget-container span br{display: none!important;}
.form__container {margin: 60px auto 60px;}

.faq-icon .bdt-ep-accordion-title{padding-right: 20px;}
.bdt-ep-accordion-item {position: relative;}
.faq-icon .bdt-flex-align-right {    
    position: absolute;
    right: 0;
    top: 18px;
  }
.elementor-custom-embed-play i {font-size: 40px;}
.accordion-tab .elementor-tab-content h3 {font-size: 17px;}





.hfe-nav-menu__breakpoint-tablet .hfe-menu-toggle:hover {border: none!important;}
.desktop-nav {
    position: absolute;
    right: -198px;
    top: 8px; 
    z-index: 999;
}
.FR-Menu-header {
    position: absolute;
    right: -200px;
    top: 8px; 
    z-index: 999;
  }
.apply-button {position: relative;right: 70px;}
.hfe-dropdown.menu-is-active {margin-top: 7px!important;}
#en-header-menu .elementor-widget-container nav .hfe-nav-menu {
  text-align: center; 
  display: block;        
  padding-top: 20px;
  height: 100vh; 
} 
#en-header-menu .elementor-widget-container nav .hfe-nav-menu .menu-item a{
  display: flex;
  justify-content: center;        
  font-size: 16px;
}
#en-header-menu .elementor-widget-container nav .hfe-nav-menu .sub-menu {margin-left: 0px !important;}
#en-header-menu .elementor-widget-container nav .hfe-nav-menu .sub-menu .menu-item a{
  padding:12px 0px !important;        
  font-size: 14px;
}
#en-header-menu .elementor-widget-container nav{margin-top: 14px!important;}
.desktop-nav .hfe-nav-menu > .menu-item:last-child {
  background: url(/wp-content/uploads/2020/08/language-toggle-french-mobile.png) no-repeat!important; 
  background-size: cover; display: block!important;
  position: absolute;
  left: 50%;
  transform: translate(-43px, 40px);
} 
.desktop-nav .hfe-nav-menu > .menu-item:last-child a{        
    width: 79px;
    height: 40px;
    text-indent: -10000px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.desktop-nav .elementor-widget-container nav .hfe-nav-menu .sub-menu {box-shadow: none;} 
.elementor-9052 .elementor-element.elementor-element-4b6d66b .hfe-nav-menu-icon {font-size: 24px!important;}
.desktop-nav .hfe-nav-menu-icon {    
    height: 51px;
    width: 52px;
    line-height: 34px;
  }
.desktop-nav .hfe-nav-menu-icon .far.fa-times-circle {font-size: 33px;}

}