@import url(/assets/jquery.datetimepicker-be634d53d6d46021cefe7486ba29376359d1b4bbc50603f8e0771f8482b4ec36.css);
@import url(/../../citytv/stylesheets/theme.css);
/* line 134, app/assets/stylesheets/common_css.scss */
.site-wrapper {
  margin: 0 auto;
  padding: 0 1.15%;
  width: 100%;
  max-width: 61.250em;
}

/* Fluid wrapper for main content - identical to site wrapper - fine grained adjustments for responsive breakpoints */
/* line 142, app/assets/stylesheets/common_css.scss */
.fluid,
.fluid-lg {
  margin: 0 auto;
  padding: 0 1.15%;
  width: 100%;
}

/* line 149, app/assets/stylesheets/common_css.scss */
.fluid {
  max-width: 61.250em;
}

/* line 153, app/assets/stylesheets/common_css.scss */
.fluid-lg {
  max-width: 1115px;
}

/* all purpose wrapper */
/* line 160, app/assets/stylesheets/common_css.scss */
.region {
  width: 100%;
}

/* Clear fix
---------------------------------------------- */
/* line 166, app/assets/stylesheets/common_css.scss */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

/* line 172, app/assets/stylesheets/common_css.scss */
.cf:after {
  clear: both;
}

/* line 176, app/assets/stylesheets/common_css.scss */
.is--primary {
  overflow: visible;
}

/* line 180, app/assets/stylesheets/common_css.scss */
.is--primary .help-section .toggle-sub-menu {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  float: left;
  position: relative;
  padding-bottom: 10px;
}

/* line 189, app/assets/stylesheets/common_css.scss */
.is--primary .help-section .toggle-sub-menu .caret {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  border-left: inherit;
  content: '';
  border-radius: 1px;
  display: inline-block;
  height: 7.5px;
  position: relative;
  left: 6px;
  top: 1px;
  width: 7.5px;
  color: white;
  -webkit-transform: translate3d(-50%, -40%, 0) rotate(135deg);
  -moz-transform: translate3d(-50%, -40%, 0) rotate(135deg);
  transform: translate3d(-50%, -40%, 0) rotate(135deg);
}

/* line 207, app/assets/stylesheets/common_css.scss */
.help-section .sub-menu-dropdown {
  display: block;
}

/* line 211, app/assets/stylesheets/common_css.scss */
.help-section.closed .sub-menu-dropdown {
  display: none;
}

/* line 215, app/assets/stylesheets/common_css.scss */
.is--primary .help-section .sub-menu-dropdown {
  width: 160px;
  border: none;
  box-shadow: none;
  float: right;
  position: fixed;
}

/* line 223, app/assets/stylesheets/common_css.scss */
.navigation-wrapper {
  padding-top: .313em;
}

/* aside */
/* line 228, app/assets/stylesheets/common_css.scss */
.aside {
  margin-bottom: 2em;
}

/* footer */
/* line 233, app/assets/stylesheets/common_css.scss */
.is--f-primary {
  background-color: #e4e6e5;
  padding: 1em 0 1.375em;
  z-index: 5;
}

/* line 239, app/assets/stylesheets/common_css.scss */
.copyright {
  font-size: 0.7rem;
}

/* line 243, app/assets/stylesheets/common_css.scss */
.touch .print-btn {
  display: none;
}

/* 0.4 Headings & Titles 
====================================================================== */
/* Heading Sizes 

53 - mega

42 - XLG

36 - LG
34 - L

30 - M
24 - M2

22 - S
20 - SM

19 - copy-L
16 - copy-M



*/
/* line 273, app/assets/stylesheets/common_css.scss */
.wfl {
  font-family: "Avenir Next", "Roboto", "light", "Helvetica", "Arial", "sans-serif";
  font-weight: normal;
}

/* line 278, app/assets/stylesheets/common_css.scss */
.wfr {
  font-family: "Roboto", "regular", "Helvetica", "Arial", "sans-serif";
  font-weight: normal;
}

/* line 283, app/assets/stylesheets/common_css.scss */
.wfsb {
  font-family: "semibold", "Helvetica", "Arial", "sans-serif";
  font-weight: normal;
}

/* Primary Heading selectors setup 
---------------------------------------------- */
/* line 290, app/assets/stylesheets/common_css.scss */
.h-b {
  font-family: "bold", "Helvetica", "Arial", "sans-serif";
}

/* line 294, app/assets/stylesheets/common_css.scss */
.h-sb {
  font-family: "semibold", "Helvetica", "Arial", "sans-serif";
}

/* line 298, app/assets/stylesheets/common_css.scss */
.h-r {
  font-family: "Roboto", "regular", "Helvetica", "Arial", "sans-serif";
}

/* line 302, app/assets/stylesheets/common_css.scss */
.h-reverse {
  color: #fff;
}

/* Heading sizes setup
---------------------------------------------- */
/* line 308, app/assets/stylesheets/common_css.scss */
.sizes-XLG {
  font-size: 42px;
  font-size: 2.625rem;
}

/* line 312, app/assets/stylesheets/common_css.scss */
.sizes-LG {
  font-size: 36px;
  font-size: 2.25rem;
  margin-bottom: .7em;
}

/* line 317, app/assets/stylesheets/common_css.scss */
.sizes-L {
  font-size: 34px;
  font-size: 2.125rem;
  margin-bottom: .8em;
  line-height: 1.1;
}

/* line 323, app/assets/stylesheets/common_css.scss */
.sizes-M {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: normal;
}

/* line 328, app/assets/stylesheets/common_css.scss */
.sizes-M2 {
  font-size: 24px;
  font-size: 1.5rem;
}

/* line 332, app/assets/stylesheets/common_css.scss */
.sizes-M3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1;
  margin-bottom: .3em;
}

/* line 338, app/assets/stylesheets/common_css.scss */
.sizes-S {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.1;
  margin-bottom: .9em;
}

/* line 344, app/assets/stylesheets/common_css.scss */
.sizes-SM {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.1;
  margin-bottom: .7em;
}

/* line 350, app/assets/stylesheets/common_css.scss */
.sizes-SM-alt {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: normal;
  color: #009CDE;
}

/* line 356, app/assets/stylesheets/common_css.scss */
.sizes-XSM {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.1;
  margin-bottom: .7em;
}

/* line 362, app/assets/stylesheets/common_css.scss */
.size-XLG,
.size-LG,
.size-LG2,
.size-L,
.size-L2,
.size-L3,
.size-L4,
.size-M,
.size-M-alt,
.size-S,
.size-SM,
.size-XSM {
  color: lime !important;
}

/* Mega setup - general huge style 
---------------------------------------------- */
/* line 380, app/assets/stylesheets/common_css.scss */
.mega-reversed {
  font-size: 53px;
  font-size: 3.3125rem;
  letter-spacing: -2px;
  line-height: 1.1;
  margin-bottom: 0.5em;
}

/* line 389, app/assets/stylesheets/common_css.scss */
.mega-reversed sup {
  font-size: 14px;
  font-size: 0.875rem;
}

/* Heading Styling modifiers and helpers
---------------------------------------------- */
/* center and uppercase */
/* line 397, app/assets/stylesheets/common_css.scss */
.uc-center {
  text-transform: uppercase;
  text-align: center;
}

/* just uppercase */
/* line 403, app/assets/stylesheets/common_css.scss */
.uc {
  text-transform: uppercase;
}

/* with an underline */
/* line 408, app/assets/stylesheets/common_css.scss */
.w-ul {
  border-bottom: 1px solid #adb0af;
  padding-bottom: .2em;
  margin-bottom: 1em;
}

/* extra large margin bottom */
/* line 415, app/assets/stylesheets/common_css.scss */
.xlg-m {
  margin-bottom: 45px;
  margin-bottom: 2.8125rem;
}

/* large margin bottom */
/* line 420, app/assets/stylesheets/common_css.scss */
.lg-m {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

/* medium margin bottom */
/* line 425, app/assets/stylesheets/common_css.scss */
.med-m {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

/* medium margin bottom */
/* line 430, app/assets/stylesheets/common_css.scss */
.sm-m {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

/* specific modifiers */
/* line 436, app/assets/stylesheets/common_css.scss */
.promo-form .size-L {
  margin-bottom: .1rem;
}

/* Messaging & Copy
---------------------------------------------- */
/* line 444, app/assets/stylesheets/common_css.scss */
.copy-mega {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.2;
}

/* line 449, app/assets/stylesheets/common_css.scss */
.copy-XLG {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.2;
}

/* line 454, app/assets/stylesheets/common_css.scss */
.copy-LG {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.3;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

/* line 460, app/assets/stylesheets/common_css.scss */
.copy-L {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
}

/* line 465, app/assets/stylesheets/common_css.scss */
.copy-M {
  font-size: 16px;
  font-size: 1rem;
}

/* line 469, app/assets/stylesheets/common_css.scss */
.copy-S {
  font-size: 14px;
  font-size: 0.875rem;
}

/* legal footnotes */
/* line 475, app/assets/stylesheets/common_css.scss */
.footnotes {
  font-size: 11px;
  font-size: 0.6875rem;
  padding-top: 2.5em;
}

/* line 480, app/assets/stylesheets/common_css.scss */
.footnote-basic {
  border-top: 1px solid #ccc;
  font-size: 11px;
  font-size: 0.6875rem;
  padding-top: 1em;
  margin-top: 1.5em;
}

/* line 487, app/assets/stylesheets/common_css.scss */
.footnote-sm {
  font-size: 11px;
  font-size: 0.6875rem;
}

/* legal & branding TM's */
/* line 492, app/assets/stylesheets/common_css.scss */
.tm {
  font-size: 50%;
  padding: 0;
}

/* line 497, app/assets/stylesheets/common_css.scss */
.already-have {
  font-size: 15px;
  font-size: 0.9375rem;
  float: right;
  padding-top: .8em;
}

/* If needed, modifier selector for callout colour
---------------------------------------------- */
/* line 505, app/assets/stylesheets/common_css.scss */
.cc {
  color: #009CDE;
}

/* line 509, app/assets/stylesheets/common_css.scss */
.cc-alt,
.cc-alt:hover,
.cc-alt:focus,
.cc-alt:active {
  color: #00AEC7;
}

/* $ 0.5 Headers - Navigations - Footers
====================================================================== */
/* line 521, app/assets/stylesheets/common_css.scss */
.brand-fs .block {
  min-height: 39px;
}

/* Header link focus styles */
/* line 526, app/assets/stylesheets/common_css.scss */
.header a:focus, .header .new-form .promo-mastercard.package-selected:focus, .new-form .header .promo-mastercard.package-selected:focus {
  text-decoration: none;
  border-radius: 3px;
}

/* line 531, app/assets/stylesheets/common_css.scss */
.account-info .header {
  color: #01ACC5;
  font-weight: bold;
}

/* line 536, app/assets/stylesheets/common_css.scss */
.account-info p {
  text-align: center;
}

/* line 540, app/assets/stylesheets/common_css.scss */
span.empty-number {
  padding: 9px 5px 0px 5px;
}

/* Hide small screen menu wrap - content generated with js
---------------------------------------------- */
/* line 546, app/assets/stylesheets/common_css.scss */
.ss-nav {
  display: none;
}

/* Footer
---------------------------------------------- */
/* line 552, app/assets/stylesheets/common_css.scss */
.footer-primary {
  text-align: left;
  background-color: white;
  padding: 30px;
  border-top: 1px solid #c4c4c4;
}

/* line 559, app/assets/stylesheets/common_css.scss */
.footer-link {
  white-space: nowrap;
  font-size: 12px;
  font-weight: normal;
  color: #3d3d3d;
}

/* line 566, app/assets/stylesheets/common_css.scss */
.footer_media_links {
  white-space: nowrap;
  font-size: 11px;
  font-weight: normal;
  color: #333333;
}

/* line 573, app/assets/stylesheets/common_css.scss */
.copyright-section a, .copyright-section .new-form .promo-mastercard.package-selected, .new-form .copyright-section .promo-mastercard.package-selected {
  text-decoration: none;
  padding: 0px 5px;
}

/* line 578, app/assets/stylesheets/common_css.scss */
.copyright-section .copyright {
  color: #818b93;
  font-size: 12px;
  padding: 0px 20px;
}

/* line 584, app/assets/stylesheets/common_css.scss */
.footer-part .rogers-logo {
  float: left;
  padding: 10px 10px 10px 20px;
  margin-top: 10px;
}

/* line 590, app/assets/stylesheets/common_css.scss */
.footer-part .rogers-media-blurb {
  float: left;
  padding: 10px;
  border-left: 1px solid #333333;
}

@media (max-width: 1000px) {
  /* line 597, app/assets/stylesheets/common_css.scss */
  .footer-primary {
    padding: 5px;
  }
}

@media (max-width: 37.5em) {
  /* 600PX */
  /* line 605, app/assets/stylesheets/common_css.scss */
  .footer-primary {
    padding: 2px;
  }
  /* line 609, app/assets/stylesheets/common_css.scss */
  .footer-primary .fluid {
    padding: 0px;
  }
  /* line 613, app/assets/stylesheets/common_css.scss */
  .copyright-section .footer-links {
    display: inline-block;
  }
  /* line 617, app/assets/stylesheets/common_css.scss */
  .copyright-section .copyright {
    padding-left: 0px;
  }
  /* line 621, app/assets/stylesheets/common_css.scss */
  .copyright-section a, .copyright-section .new-form .promo-mastercard.package-selected, .new-form .copyright-section .promo-mastercard.package-selected {
    padding: 0px 10px 0px 0px;
  }
  /* line 625, app/assets/stylesheets/common_css.scss */
  .header-wrapper {
    text-align: left;
    margin: 0;
    width: 60%;
    padding: 0;
  }
  /* LOGO - Has SVG and JS support */
  /* line 633, app/assets/stylesheets/common_css.scss */
  .js .brand-ss {
    background-repeat: no-repeat;
    width: 170px;
    height: 36px;
    margin: 0;
  }
  /* line 640, app/assets/stylesheets/common_css.scss */
  #ss-nav .ss-wrapper {
    position: relative;
    margin: 5px 0px 0px 33px;
    width: 180px;
    overflow: visible;
  }
  /* line 647, app/assets/stylesheets/common_css.scss */
  .js .menu-trigger {
    color: #fff;
  }
  /* line 651, app/assets/stylesheets/common_css.scss */
  .signin.btn,
.signout.btn {
    float: right;
    margin-top: 5px;
    position: relative;
    top: -45px;
  }
}

@media (max-width: 400px) {
  /* line 661, app/assets/stylesheets/common_css.scss */
  .footer-part .rogers-logo {
    padding-left: 0px;
  }
}

@media (max-width: 23.75em) {
  /* 380PX */
  /* line 675, app/assets/stylesheets/common_css.scss */
  .signin.btn,
.signout.btn {
    margin-top: 5px;
    padding: 6px;
  }
}

@media (max-width: 360px) {
  /* line 683, app/assets/stylesheets/common_css.scss */
  #ss-nav .ss-wrapper {
    width: 200px;
  }
}

/* line 688, app/assets/stylesheets/common_css.scss */
.footer-primary .content {
  margin: 20px 0 20px 0;
}

/* line 692, app/assets/stylesheets/common_css.scss */
.footer-primary .float-l.copyright-section {
  max-width: 562px;
  text-align: right;
  margin-left: 40px;
  font-size: 12px;
}

@media (max-width: 768px) {
  /* line 700, app/assets/stylesheets/common_css.scss */
  .footer-primary .content {
    margin: 5px;
  }
  /* line 704, app/assets/stylesheets/common_css.scss */
  .footer-primary {
    padding: 10px;
  }
}

/* FORMS - Site Specific
====================================================================== */
/* GLOBAL STRUCTURES & WRAPPERS
---------------------------------------------- */
/* line 716, app/assets/stylesheets/common_css.scss */
.center-general-form {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

/* line 722, app/assets/stylesheets/common_css.scss */
.general-form,
.modal-form,
.alternative-form {
  margin-bottom: 0;
}

/* line 729, app/assets/stylesheets/common_css.scss */
.promo-form {
  width: 100%;
}

/* line 733, app/assets/stylesheets/common_css.scss */
.form-row .form-row {
  margin: 0;
  padding-top: 0;
}

/* GLOBAL FORM ELEMENTS
---------------------------------------------- */
/* line 740, app/assets/stylesheets/common_css.scss */
label {
  font-size: 16px;
  font-weight: normal;
}

/* line 745, app/assets/stylesheets/common_css.scss */
.fieldset {
  padding: 0;
  border: 0 none;
}

/* Labels */
/* line 751, app/assets/stylesheets/common_css.scss */
.alt-label {
  font-family: "semibold", "Helvetica", "Arial", "sans-serif";
  color: #2c2c2c;
  margin-bottom: 0;
}

/* line 757, app/assets/stylesheets/common_css.scss */
.text-field:focus {
  border: 2px solid #434a4f;
  background-color: #f9f9f9;
  outline: none;
}

/* line 763, app/assets/stylesheets/common_css.scss */
.field-inline {
  margin-right: 15px;
}

/* Radio Buttons and Checkboxes */
/* line 769, app/assets/stylesheets/common_css.scss */
.checkbox abbr {
  display: none;
}

/* line 773, app/assets/stylesheets/common_css.scss */
.checkbox .form-label {
  font-size: 16px;
  font-family: "Roboto", "regular", "Helvetica", "Arial", "sans-serif";
}

/* line 778, app/assets/stylesheets/common_css.scss */
.form-label input[type="checkbox"] {
  float: left;
  margin-top: 4px;
  position: relative !important;
  margin-left: 0px !important;
  left: -5px;
}

/* line 786, app/assets/stylesheets/common_css.scss */
.form-label .check-label {
  float: left;
  width: 90%;
  line-height: 1.3;
  margin-bottom: 10px;
}

/* line 793, app/assets/stylesheets/common_css.scss */
.radio-inline {
  float: left;
  margin-right: 20px;
  padding-left: 2px;
}

/* line 799, app/assets/stylesheets/common_css.scss */
.radio-inline-list li {
  padding-right: 2em;
}

/* line 803, app/assets/stylesheets/common_css.scss */
.radio-inline-list label {
  float: left;
  padding: 0;
}

/* line 808, app/assets/stylesheets/common_css.scss */
.radio-inline-list .radio-inline {
  margin-top: .3em;
}

/* line 812, app/assets/stylesheets/common_css.scss */
.minus-radio-margin {
  margin-left: -28px;
}

/* line 816, app/assets/stylesheets/common_css.scss */
.plus-radio-margin {
  margin-left: 28px;
}

/* line 820, app/assets/stylesheets/common_css.scss */
.gray-radio input[type=radio] {
  width: 28px;
  margin: 0;
  padding: 0;
  padding-left: 35px;
  opacity: 0;
}

/* line 828, app/assets/stylesheets/common_css.scss */
.gray-radio input[type=radio] + label {
  display: inline-block;
  margin-left: -28px;
  padding-left: 28px;
  background-size: 12px 12px;
  line-height: 24px;
}

/* line 836, app/assets/stylesheets/common_css.scss */
.gray-radio input[type=radio]:checked + label {
  background-size: 12px 12px;
}

/* line 840, app/assets/stylesheets/common_css.scss */
.gray-radio.plus-radio-margin.plus-radio-label {
  padding-left: 36px;
}

/* Modal Form Tweaks */
/* line 845, app/assets/stylesheets/common_css.scss */
.modal-form .text-field {
  width: 100%;
}

/* Alernative form tweaks */
/* line 850, app/assets/stylesheets/common_css.scss */
.alternative-form .form-row {
  margin-bottom: .8em;
}

/* line 854, app/assets/stylesheets/common_css.scss */
.alternative-form .form-label {
  margin-bottom: 1em;
}

/* line 858, app/assets/stylesheets/common_css.scss */
.alternative-form .btn {
  padding-left: 0;
  padding-right: 0;
  width: 375px;
  white-space: pre-wrap;
}

/* line 865, app/assets/stylesheets/common_css.scss */
.text-field:focus::-webkit-input-placeholder {
  opacity: .2;
}

/* line 869, app/assets/stylesheets/common_css.scss */
.text-field:focus:-moz-placeholder {
  /* Firefox 18- */
  opacity: .2;
}

/* line 874, app/assets/stylesheets/common_css.scss */
.text-field:focus::-moz-placeholder {
  /* Firefox 19+ */
  opacity: .2;
}

/* line 879, app/assets/stylesheets/common_css.scss */
.text-field:focus:-ms-input-placeholder {
  opacity: .2;
}

/* line 883, app/assets/stylesheets/common_css.scss */
.error input {
  margin-bottom: 6px;
}

/* line 887, app/assets/stylesheets/common_css.scss */
.error.credit_card_field_cardSecurityCode .help-inline,
.form-row.error .credit_card_field_cardSecurityCode .help-inline {
  margin-top: 6px;
}

/* line 892, app/assets/stylesheets/common_css.scss */
.error.credit_card_field_creditCardExpirationYear .help-inline,
.form-row.error .credit_card_field_creditCardExpirationYear .help-inline {
  margin-top: 6px;
}

/* line 897, app/assets/stylesheets/common_css.scss */
.error.credit_card_field_creditCardExpirationMonth .help-inline,
.form-row.error .credit_card_field_creditCardExpirationMonth .help-inline {
  margin-top: 6px;
}

/* line 902, app/assets/stylesheets/common_css.scss */
.help-block {
  clear: left;
  display: block;
  padding-top: .2em;
  width: 90%;
}

/* C.C modifier */
/* line 910, app/assets/stylesheets/common_css.scss */
.credit_card_auto_renew .help-block,
.order_auto_renew .help-block {
  padding-left: 22px;
}

/* line 915, app/assets/stylesheets/common_css.scss */
.form-help {
  font-size: 90%;
  margin-bottom: 2.5em;
}

/* Touch devices default to visible, no touch devices show the icon and tooltip */
/* line 922, app/assets/stylesheets/common_css.scss */
.form-info .controls {
  clear: left;
}

/* line 926, app/assets/stylesheets/common_css.scss */
.form-info .form-label {
  float: left;
}

/* line 930, app/assets/stylesheets/common_css.scss */
.form-info .i--helper {
  display: block;
  float: left;
  height: 20px;
  margin-left: 15px;
  position: relative;
  width: 20px;
  font-style: normal;
  font-size: 12px;
  font-size: 0.75rem;
  cursor: pointer;
}

/* line 942, app/assets/stylesheets/common_css.scss */
.form-info .i--helper:hover:after,
.form-info .i--helper:focus:after {
  background: #666;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  color: #fff;
  content: attr(data-title);
  line-height: 1.1;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  margin-left: 25px;
  top: -5px;
  pointer-events: none;
}

/* line 958, app/assets/stylesheets/common_css.scss */
.form-info .dob-helper:after {
  height: 60px;
  width: 300px;
}

/* line 963, app/assets/stylesheets/common_css.scss */
.touch .form-info .i--helper {
  display: none;
}

/* line 967, app/assets/stylesheets/common_css.scss */
.no-touch .form-info .help-block {
  display: none;
}

/* SHOW HIDE PASSWORD CHECKBOX
---------------------------------------------- */
/* line 975, app/assets/stylesheets/common_css.scss */
::-ms-reveal,
::-ms-clear {
  display: none !important;
}

/* line 980, app/assets/stylesheets/common_css.scss */
.no-js .password-toggle {
  display: none;
}

/* line 984, app/assets/stylesheets/common_css.scss */
.password-toggle {
  margin-top: -8px;
  padding: 8px 0 5px;
  width: 375px;
  line-height: normal;
}

/* line 991, app/assets/stylesheets/common_css.scss */
.modal-form .password-toggle {
  margin-top: -8px;
  margin-bottom: .5em;
  width: 100%;
}

/* line 997, app/assets/stylesheets/common_css.scss */
.password-toggle .checkbox {
  float: left;
  margin-left: 10px;
  height: 16px;
}

/* line 1003, app/assets/stylesheets/common_css.scss */
.password-toggle .form-label {
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "Roboto", "regular", "Helvetica", "Arial", "sans-serif";
  line-height: 1.1;
}

/* line 1009, app/assets/stylesheets/common_css.scss */
.no-touch .form-info .help-block.popover {
  display: none;
}

/* line 1013, app/assets/stylesheets/common_css.scss */
.error.controls.credit_card_field_creditCardExpirationYear {
  padding-bottom: 54px;
}

/* line 1017, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .error.controls.credit_card_field_creditCardExpirationYear {
  padding-bottom: 67px;
}

/* line 1021, app/assets/stylesheets/common_css.scss */
.error.controls.credit_card_field_creditCardExpirationMonth {
  padding-bottom: 54px;
}

/* line 1025, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .error.controls.credit_card_field_creditCardExpirationMonth {
  padding-bottom: 67px;
}

/* line 1029, app/assets/stylesheets/common_css.scss */
.error.credit_card_field_creditCardState {
  padding-bottom: 47px;
}

/* line 1033, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .error.credit_card_field_creditCardState {
  padding-bottom: 47px;
}

/* line 1037, app/assets/stylesheets/common_css.scss */
.form-row.error .controls.credit_card_field_creditCardExpirationYear {
  padding-bottom: 54px;
}

/* line 1041, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .form-row.error .controls.credit_card_field_creditCardExpirationYear {
  padding-bottom: 67px;
}

/* line 1045, app/assets/stylesheets/common_css.scss */
.form-row.error .controls.credit_card_field_creditCardExpirationMonth {
  padding-bottom: 54px;
}

/* line 1049, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .form-row.error .controls.credit_card_field_creditCardExpirationMonth {
  padding-bottom: 67px;
}

/* line 1053, app/assets/stylesheets/common_css.scss */
.form-row.error.credit_card_field_creditCardState {
  padding-bottom: 47px;
}

/* line 1057, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .form-row.error.credit_card_field_creditCardState {
  padding-bottom: 47px;
}

/* FORMS - Styling additions
====================================================================== */
/* FANCY SELECT MENU STYLES */
/* line 1066, app/assets/stylesheets/common_css.scss */
.general-form .fancy-select-lg select {
  padding: 7px 10% 7px 12px;
  font-size: 16px;
}

/* line 1071, app/assets/stylesheets/common_css.scss */
.fancy-select {
  border: 1px solid #cacdce;
  border-radius: 0px;
  background-color: #fff;
  float: left;
  position: relative;
}

/* line 1079, app/assets/stylesheets/common_css.scss */
.error .fancy-select,
.error .controls select.date {
  border-color: #18C0DE;
}

/* This hides native dropdown button arrow in IE */
/* line 1085, app/assets/stylesheets/common_css.scss */
.fancy-select select::-ms-expand {
  display: none;
}

/* Hover style - tricky because we're clipping the overflow */
/* line 1090, app/assets/stylesheets/common_css.scss */
.fancy-select:hover {
  border-color: #434a4f;
}

/* Focus style */
/* line 1095, app/assets/stylesheets/common_css.scss */
.fancy-select select:focus,
.fancy-select select:active {
  outline: none;
  border: none;
  box-shadow: 0 0 1px 1px rgba(180, 222, 250, 0.85);
}

/* This hides focus around selected option in FF */
/* line 1103, app/assets/stylesheets/common_css.scss */
.fancy-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* line 1108, app/assets/stylesheets/common_css.scss */
.select.error .fancy-select {
  overflow: visible;
}

/* Custom Promos styled with borders and LOGO's
---------------------------------------------- */
/* Fancy promo boxes - modified from "span-of-3 and span-of-2 promos" in grid-modules
---------------------------------------------- */
/* line 1118, app/assets/stylesheets/common_css.scss */
.fancy-promos-3 {
  margin: 1.3em 0 0;
}

/* line 1122, app/assets/stylesheets/common_css.scss */
.fancy-promos-2 {
  margin: 0 auto;
  width: 80%;
}

/* line 1130, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .is--fancy {
  min-height: 275px;
}

/* line 1134, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .is--fancy {
  min-height: 310px;
}

/* line 1138, app/assets/stylesheets/common_css.scss */
.fancy-promos-3 .is--fancy {
  padding: 0 3.5%;
  text-align: center;
}

/* line 1143, app/assets/stylesheets/common_css.scss */
.fancy-promos-2 .is--fancy {
  padding: 1em 6% 0;
  text-align: center;
}

/* Apply borders between the promos */
/* line 1153, app/assets/stylesheets/common_css.scss */
.fancy-promos-2 .is--fancy:first-child {
  background-size: auto auto;
}

/* line 1159, app/assets/stylesheets/common_css.scss */
.is--fancy .sizes-M3 {
  margin-bottom: .7em;
}

/* Modifiers for the icons 
---------------------------------------------- */
/* line 1167, app/assets/stylesheets/common_css.scss */
.buy-price {
  line-height: .9;
}

/* line 1171, app/assets/stylesheets/common_css.scss */
.buy-price .price {
  font-size: 30px;
  font-size: 1.875rem;
}

/* line 1175, app/assets/stylesheets/common_css.scss */
.buy-price .block {
  padding-top: .2em;
}

/* line 1179, app/assets/stylesheets/common_css.scss */
.price sup {
  font-size: 18px;
  font-size: 1.125rem;
  top: .1em;
}

/* line 1187, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .fancy-promos-2 .feature-excerpt {
  min-height: 140px;
}

/* line 1191, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .fancy-promos-2 .feature-excerpt {
  min-height: 180px;
}

/* line 1196, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .fancy-promos-3 .feature-excerpt {
  min-height: 165px;
}

/* line 1200, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .fancy-promos-3 .feature-excerpt {
  min-height: 215px;
}

/* line 1204, app/assets/stylesheets/common_css.scss */
.feature-body .small-text {
  line-height: 1.4;
}

/* line 1208, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .feature-excerpt .inline-logo.i--logo-gameplus,
[lang="fr-ca"] .feature-excerpt .inline-logo.i--logo-gameplus {
  width: 5.5em;
}

/* line 1215, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .is--fancy .yuck1 {
  margin-bottom: 1.5em;
}

/* line 1219, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .is--fancy .yuck1 {
  margin-bottom: 1.2em;
}

/* line 1223, app/assets/stylesheets/common_css.scss */
.overages {
  clear: both;
  line-height: 1.2;
  width: 100%;
  text-align: center;
  padding-top: 1em;
  margin-bottom: 0;
}

/* fancy dividers between sections
---------------------------------------------- */
/* line 1235, app/assets/stylesheets/common_css.scss */
.has--ul-fancy {
  padding-bottom: 5px;
  margin-bottom: 1.8em;
}

/* line 1241, app/assets/stylesheets/common_css.scss */
.has--ul-fancy .is--promo {
  padding-bottom: 2em;
}

/* Fancy shaded dividers */
/* line 1246, app/assets/stylesheets/common_css.scss */
.has--fancy-top,
.has--fancy-bot {
  background-repeat: no-repeat;
}

/* line 1252, app/assets/stylesheets/common_css.scss */
.has--fancy-top {
  background-position: center top;
  padding-top: 3em;
  margin-top: 3em;
}

/* line 1258, app/assets/stylesheets/common_css.scss */
.has--fancy-bot {
  background-position: center bottom;
  padding-bottom: 2em;
  margin-bottom: 1.5em;
}

/* App Downloads
---------------------------------------------- */
/* line 1267, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .nhl-badge {
  font-size: 19px;
}

/* line 1271, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .nhl-badge {
  font-size: 14px;
}

/* line 1275, app/assets/stylesheets/common_css.scss */
.app-button-list .badge-bg {
  background-color: #000;
  border-radius: 7px;
  padding-right: 0;
  width: 295px;
}

/* line 1282, app/assets/stylesheets/common_css.scss */
.nhl-badge:hover,
.nhl-badge:focus {
  color: #00AEC7;
  text-decoration: none;
}

/* line 1288, app/assets/stylesheets/common_css.scss */
.nhl-badge span {
  vertical-align: middle;
  line-height: 2;
}

/* line 1293, app/assets/stylesheets/common_css.scss */
.nhl-badge .i-pl:before {
  height: 35px;
  width: 35px;
  padding: 0;
  margin: 0 3% 0 5%;
}

/* line 1301, app/assets/stylesheets/common_css.scss */
.content-buttons {
  padding: .7em 0 1em 2em;
  margin: 1em 0 0;
}

/* Order Table
---------------------------------------------- */
/* line 1311, app/assets/stylesheets/common_css.scss */
.order-table {
  margin-bottom: .5em;
  width: 100%;
}

/* line 1316, app/assets/stylesheets/common_css.scss */
.order-table tbody {
  float: right;
}

/* line 1320, app/assets/stylesheets/common_css.scss */
.order-table .thead {
  float: left;
  text-align: left;
  width: 80%;
  line-height: 1.1;
  padding-top: 1.1em;
}

/* line 1328, app/assets/stylesheets/common_css.scss */
.order-table .thead th {
  font-weight: normal;
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Avenir Next", "Roboto", "light", "Helvetica", "Arial", "sans-serif";
}

/* line 1334, app/assets/stylesheets/common_css.scss */
.order-table caption {
  text-align: left;
  font-style: normal;
}

/* line 1339, app/assets/stylesheets/common_css.scss */
.order-table td {
  text-align: left;
  font-style: normal;
}

/* line 1344, app/assets/stylesheets/common_css.scss */
.order-table .th {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: left;
  padding: 0 1.5em 0 0;
}

/* line 1350, app/assets/stylesheets/common_css.scss */
.order-table .tfoot {
  padding: 1.2em 0 .4em;
  line-height: 1;
}

/* Summary Table
---------------------------------------------- */
/* line 1357, app/assets/stylesheets/common_css.scss */
.summary-table {
  margin-bottom: 3em;
  width: 60%;
}

/* line 1362, app/assets/stylesheets/common_css.scss */
.summary-row {
  border-bottom: 1px solid #ddd;
}

/* line 1366, app/assets/stylesheets/common_css.scss */
.summary-col {
  padding: .4em 0;
}

/* line 1370, app/assets/stylesheets/common_css.scss */
.order-summary .row {
  margin-bottom: 5px;
}

/* Success Page
---------------------------------------------- */
/* line 1376, app/assets/stylesheets/common_css.scss */
.plan-wrapper .plan.featured {
  padding: 20px 0 0 0;
}

/* line 1380, app/assets/stylesheets/common_css.scss */
.plan-wrapper .featured .featured_image {
  position: relative;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: left;
}

/* line 1388, app/assets/stylesheets/common_css.scss */
.plan-wrapper .title {
  color: #009CDE;
  font-size: 40px;
  font-weight: 600;
  line-height: 34px;
  width: 100%;
  min-height: 40px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/* line 1399, app/assets/stylesheets/common_css.scss */
.plan-wrapper .featured .title {
  font-size: 40px;
  line-height: 1em;
  color: #009CDE;
  margin-bottom: 33px;
}

/* line 1406, app/assets/stylesheets/common_css.scss */
.plan-wrapper .featured .button {
  float: right;
  padding-bottom: 20px;
}

/* line 1411, app/assets/stylesheets/common_css.scss */
.plan-wrapper .price {
  font-weight: bold;
  font-size: 30px;
}

/* line 1416, app/assets/stylesheets/common_css.scss */
.plan-wrapper .price sup {
  font-weight: bold;
  font-size: 20px;
  top: 17px;
  vertical-align: top;
}

/* line 1423, app/assets/stylesheets/common_css.scss */
.plan-wrapper .price .payment-frequency {
  font-weight: normal;
  font-size: 16px;
}

/* line 1428, app/assets/stylesheets/common_css.scss */
.plan-wrapper .price .plus_tax {
  font-weight: normal;
  font-size: 16px;
}

/* line 1433, app/assets/stylesheets/common_css.scss */
.plan-wrapper .plan-content .row {
  margin-bottom: 0px;
}

/* line 1437, app/assets/stylesheets/common_css.scss */
.plan-wrapper .plan {
  box-shadow: 0px 0px 0px 0px #bbbdc0 inset;
  border-bottom: 1px solid #bbbdc0;
  padding: 20px 0;
}

/* line 1443, app/assets/stylesheets/common_css.scss */
.plan-wrapper .plan:first-child {
  border-top: 1px solid #bbbdc0;
}

/* line 1447, app/assets/stylesheets/common_css.scss */
.plan-wrapper .plan:last-child {
  border-bottom: initial;
}

/* line 1451, app/assets/stylesheets/common_css.scss */
.plan-wrapper .desc {
  font-size: 16px;
}

/* line 1455, app/assets/stylesheets/common_css.scss */
.plan-wrapper .featured_image img {
  height: 100%;
  width: 100%;
}

/* line 1460, app/assets/stylesheets/common_css.scss */
[lang="fr-CA"] .plan-wrapper .col-md-2 {
  padding-right: 0px;
}

/* line 1464, app/assets/stylesheets/common_css.scss */
[lang="fr-CA"] .plan-wrapper .col-md-6 {
  padding-right: 0px;
}

/* line 1468, app/assets/stylesheets/common_css.scss */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 0px;
}

/* Add style from lib/assets/stylesheets/base.scss here */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/* from lib directory */
/* --------------------------------------------------------
Title:  NHL GameCentre Live
Author: Rogers Digital Media Inc. (http://www.rogersdigitalmedia.com)
Date:   August 2014 
-------------------------------------------------------- */
/* --------------------------------------------------------
FILE INFO
Browsers:   simple normalize 
-------------------------------------------------------- */
/* --------------------------------------------------------
LEGEND

COLOUR REFERENCES
BODY BG:  #FFF
BODY FONT:  Helvetica, Arial, Verdana
BODY COLOR: #818286
LINKS:    #000 -- default link colour
LINK:HOVER: #666
HEADINGS & TITLES: #4b4b4b
  - Section Headings: OpenSans
  - Content Titles: OpenSans
CALLOUT RED:  #ee0000
CALLOUT YELLOW: #ffe400


DARK GREY:      #4b4b4b ----- PRIMARY COLOUR USED FOR MOST TYPOGRAPHY
MEDIUM GREY:    #818286 ----- TERTIARY / SUPPORT COLOUR
LIGHT GREY:     #ebebeb ----- TERTIARY / SUPPORT COLOUR

CALLOUT RED:    #ee0000 ----- SECONDARY / SUPPORT, ACCENT COLOUR USED FOR SOME TYPOGRAPHY, HITS OF COLOUR
CALLOUT YELLOW: #ffe400 ----- TERTIARY / SUPPORT COLOUR USED FOR SPECIAL DIALOGE MESSAGES


BG IMAGES == most images have been converted to base64, but if need be, can be found in the IE stylesheet.
-------------------------------------------------------- */
/* In this file:

  1.1  Font Embed
  1.2  Browser setup / nomalize
     1.2.1 html5 structure setup
  1.3  Document Setup
  1.4  General Typography
  1.5  Headings & Titles
     1.5.1 Global setup
     1.5.2 Specific Additions
  1.6  Links & Cursors
  1.7  Images, Media & Embedded content
  1.8  Global Forms Normalize
     1.8.1 Specific Forms
  1.9  Lists
  1.10 Tables
  1.11 General

  2.0  COMMON HELPER CLASSES
*/
/* 1.1 FONT EMBED
======================================================================
====================================================================== */
/* $ 1.1 Global font family setup
======================================================================
====================================================================== */
/* 1.2 Browser setup / nomalize
======================================================================
====================================================================== */
/* line 1634, app/assets/stylesheets/common_css.scss */
body,
div,
object,
iframe,
fieldset,
form,
legend,
article,
aside,
details,
figcaption,
footer,
header,
main,
nav,
section,
summary {
  margin: 0;
  padding: 0;
}

/* Html5 structure
    ---------------------------------------------- */
/*
    * Corrects `block` display not defined in IE 8/9.
    */
/* line 1660, app/assets/stylesheets/common_css.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/* line 1674, app/assets/stylesheets/common_css.scss */
[hidden],
template {
  display: none;
}

/* line 1679, app/assets/stylesheets/common_css.scss */
div,
fieldset,
form,
main,
article,
aside,
footer,
header,
menu,
nav,
section,
summary,
ul,
ol,
li,
dl,
dt,
dd,
hr,
.text-field,
p {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1705, app/assets/stylesheets/common_css.scss */
iframe {
  overflow: hidden;
}

/* 1.3 Document setup
======================================================================
====================================================================== */
/* line 1714, app/assets/stylesheets/common_css.scss */
html {
  font-family: "Roboto", "regular", "Helvetica", "Arial", "sans-serif";
  font-style: normal;
  background-color: #fff;
  font-size: 1em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 1723, app/assets/stylesheets/common_css.scss */
body {
  color: #434a4f;
  line-height: 1.5;
  z-index: 0;
}

/* 1.4 General Typography
======================================================================
====================================================================== */
/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
/* line 1735, app/assets/stylesheets/common_css.scss */
h1 {
  font-size: 2em;
}

/* shared type styles */
/* line 1740, app/assets/stylesheets/common_css.scss */
address,
caption,
cite {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: none;
  vertical-align: middle;
}

/* line 1750, app/assets/stylesheets/common_css.scss */
del {
  text-decoration: line-through;
}

/* line 1755, app/assets/stylesheets/common_css.scss */
abbr[title],
acronym[title],
dfn[title] {
  border-bottom: none;
}

/* line 1761, app/assets/stylesheets/common_css.scss */
sup,
sub {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 0;
  position: relative;
}

/* line 1768, app/assets/stylesheets/common_css.scss */
sup {
  vertical-align: super;
  padding: 0 0 0 0.1em;
  top: 0;
  letter-spacing: 0;
  font-family: Arial;
}

/* line 1777, app/assets/stylesheets/common_css.scss */
sub {
  vertical-align: sub;
  bottom: -0.25em;
}

/* line 1782, app/assets/stylesheets/common_css.scss */
caption,
cite,
dfn,
em,
i {
  font-style: italic;
}

/* line 1790, app/assets/stylesheets/common_css.scss */
b,
strong {
  font-weight: bold;
}

/* line 1795, app/assets/stylesheets/common_css.scss */
p {
  margin: 0 0 .825em;
  word-spacing: 0.125em;
}

/* line 1800, app/assets/stylesheets/common_css.scss */
small {
  font-size: 75%;
}

/* line 1804, app/assets/stylesheets/common_css.scss */
.small-text {
  font-size: 80%;
}

/* line 1808, app/assets/stylesheets/common_css.scss */
.intro:first-line {
  font-variant: small-caps;
}

/* Styles introductory paragraph. Assign to first paragraph */
/* line 1813, app/assets/stylesheets/common_css.scss */
.drop:first-letter {
  float: left;
  font-size: 3em;
  margin: -.0em 1px .3125em 0;
}

/* Styles a drop cap on each paragraph */
/* line 1821, app/assets/stylesheets/common_css.scss */
.lead {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4em;
  margin-bottom: .75em;
}

/* line 1828, app/assets/stylesheets/common_css.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/* blockquotes */
/* line 1833, app/assets/stylesheets/common_css.scss */
blockquote {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  margin: 0.6667em 0;
  padding: 0 2.2222em 0.6667em 0;
  /* 40px 12px */
  float: left;
  width: 33%;
}

/* line 1843, app/assets/stylesheets/common_css.scss */
blockquote p {
  margin-top: 0.3333em;
  margin-bottom: 0.6667em;
}

/* 1.7 Images, Media & Embedded content 
======================================================================
====================================================================== */
/* Removes border when inside `a` element in IE 8/9. */
/* line 1854, app/assets/stylesheets/common_css.scss */
img {
  border: 0;
  color: #009CDE;
  height: auto;
  vertical-align: middle;
  /* max-width: 100%;  Give it some text styles to offset alt text */
}

/* Corrects overflow displayed oddly in IE 9. */
/* line 1863, app/assets/stylesheets/common_css.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 1867, app/assets/stylesheets/common_css.scss */
figure {
  margin: 0 0 .625em;
  padding: 0;
}

/* line 1872, app/assets/stylesheets/common_css.scss */
figcaption {
  font-weight: normal;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #000;
}

/* line 1878, app/assets/stylesheets/common_css.scss */
object,
embed,
video {
  max-width: 100%;
  height: auto;
}

/* flash & video */
/**
    * 1. Correct `inline-block` display not defined in IE 8/9.
    * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
    */
/* line 1892, app/assets/stylesheets/common_css.scss */
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.
    */
/* line 1907, app/assets/stylesheets/common_css.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* 1.9 Lists
======================================================================
====================================================================== */
/* line 1916, app/assets/stylesheets/common_css.scss */
ul,
ol,
dl {
  margin-top: 0;
  margin-bottom: 1.625em;
}

/* line 1923, app/assets/stylesheets/common_css.scss */
ul {
  /*padding:0;*/
  /*margin-left:25px;*/
  list-style-type: disc;
}

/* line 1929, app/assets/stylesheets/common_css.scss */
ul li {
  margin-bottom: .3em;
}

/* line 1933, app/assets/stylesheets/common_css.scss */
ol {
  /*padding:0; margin-left:35px;*/
  list-style-type: decimal;
  list-style-position: outside;
}

/* line 1939, app/assets/stylesheets/common_css.scss */
ol li {
  margin-bottom: .3em;
}

/* nested lists */
/* line 1944, app/assets/stylesheets/common_css.scss */
ul ul,
ul ol,
ol ol,
ol ul {
  margin: .6em 0 .6em 1em;
  padding-left: 30px;
}

/*definition lists*/
/* line 1953, app/assets/stylesheets/common_css.scss */
dt {
  font-weight: normal;
}

/* line 1957, app/assets/stylesheets/common_css.scss */
dl dd {
  margin: 0 0 .5125em;
}

/* line 1961, app/assets/stylesheets/common_css.scss */
dialog dd {
  margin-bottom: .5em;
  line-height: normal;
}

/* line 1966, app/assets/stylesheets/common_css.scss */
ul dl,
ol dl {
  margin: 0 0 0 .625em;
}

/* 1.10  Tables
======================================================================
====================================================================== */
/* line 1976, app/assets/stylesheets/common_css.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  /*margin-bottom: .625em;*/
}

/* line 1983, app/assets/stylesheets/common_css.scss */
th summary {
  font-weight: normal;
  margin: 0 0 .625em 0;
}

/* line 1988, app/assets/stylesheets/common_css.scss */
td,
th {
  padding: 0;
}

/* 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.
 */
/* line 2009, app/assets/stylesheets/common_css.scss */
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.
 */
/* line 2026, app/assets/stylesheets/common_css.scss */
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.
 */
/**
 * 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.
 */
/* line 2050, app/assets/stylesheets/common_css.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 2063, app/assets/stylesheets/common_css.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 2072, app/assets/stylesheets/common_css.scss */
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.
 */
/* line 2083, app/assets/stylesheets/common_css.scss */
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.
 */
/* line 2095, app/assets/stylesheets/common_css.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  margin-right: 10px;
}

/**
 * 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`.
 */
/* line 2110, app/assets/stylesheets/common_css.scss */
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).
 */
/* line 2121, app/assets/stylesheets/common_css.scss */
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).
 */
/* line 2136, app/assets/stylesheets/common_css.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 2144, app/assets/stylesheets/common_css.scss */
fieldset {
  border: 0 none;
}

/**
 * 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.
 */
/* line 2157, app/assets/stylesheets/common_css.scss */
legend {
  border: 0;
  /* 1 */
  font-weight: normal;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 2167, app/assets/stylesheets/common_css.scss */
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.
 */
/* line 2175, app/assets/stylesheets/common_css.scss */
optgroup {
  font-weight: bold;
}

/* SITE SPECIFIC GLOBAL FORM ELEMENTS
---------------------------------------------- */
/* line 2182, app/assets/stylesheets/common_css.scss */
form abbr[title] {
  color: #009CDE;
  border-bottom: 0 none;
}

/* Labels */
/* line 2188, app/assets/stylesheets/common_css.scss */
label {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  padding-bottom: .2em;
  overflow: hidden;
  text-align: left;
}

/* FANCY SELECT MENU STYLES */
/* line 2197, app/assets/stylesheets/common_css.scss */
select {
  border-radius: 0;
  color: #434a4f;
  float: left;
  /* Magic font size number to prevent iOS text zoom */
  font-size: 14px;
  font-size: 0.875rem;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-box-align: center;
  -webkit-rtl-ordering: logical;
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Ugly Firefox way of doing it */
  -moz-appearance: window;
  background: none;
  border: none;
  outline: none;
}

/* line 2219, app/assets/stylesheets/common_css.scss */
.icon-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 2224, app/assets/stylesheets/common_css.scss */
.icon_text_title {
  color: #000000;
  font-weight: bold;
}

/* line 2229, app/assets/stylesheets/common_css.scss */
.icon_desktop,
.icon_phone,
.icon_tv,
.icon_question {
  margin: 0px 33px 0 0;
  display: inline-block;
  background-size: auto;
  width: 100px;
  height: 100px;
}

/* line 2240, app/assets/stylesheets/common_css.scss */
.icon_desktop {
  background-image: url(/assets/icons/ui/desktop-a536d93515962e4aef8f5922243783b72f8ca5584015a0a18605fc343915e406.png);
}

/* line 2244, app/assets/stylesheets/common_css.scss */
.icon_phone {
  background-image: url(/assets/icons/ui/phoneTab-d4254e5c60173e8c46f187936dee8aff140eabf7906aee7a41b48c27456668e6.png);
}

/* line 2248, app/assets/stylesheets/common_css.scss */
.icon_tv {
  background-image: url(/assets/icons/ui/tv-bc43a9b1086589d0f69b11d96ab3f4167047c5b99f85ea9506f3402098a37649.png);
}

/* line 2252, app/assets/stylesheets/common_css.scss */
.icon_question {
  background-image: url(/assets/icons/ui/questionMark-7ea53448ffb4c9a3ed93ce38bec976155087b17170531534bf4517e3ed718c39.png);
}

/* line 2256, app/assets/stylesheets/common_css.scss */
.icon_text {
  display: inline-block;
}

/* Promo Code Forms
====================================================================== */
/* #################################################### */
/* line 2266, app/assets/stylesheets/common_css.scss */
.cc-types {
  margin: 0.5em 0 0.5em 0.9em;
}

@media (max-width: 990px) {
  /* line 2271, app/assets/stylesheets/common_css.scss */
  .cc-types {
    margin: 0.5em 0;
  }
}

/* line 2276, app/assets/stylesheets/common_css.scss */
.cc-types .cc-icon {
  background: url(/assets/images/icons/ui/ico-cc-cards-58580e0a626675e19727c3446b89c50c71405e417dbbe947a149afd274802943.png) no-repeat 0 0;
  display: block;
  float: left;
  height: 26px;
  margin-right: 10px;
  width: 42px;
}

/* line 2285, app/assets/stylesheets/common_css.scss */
.cc-types .visa {
  background-position: 0 0;
}

/* line 2289, app/assets/stylesheets/common_css.scss */
.cc-types .mastercard {
  background-position: -42px 0;
}

/* line 2293, app/assets/stylesheets/common_css.scss */
.cc-types .amex {
  background-position: -84px 0;
}

/* line 2297, app/assets/stylesheets/common_css.scss */
.cc-types .is-faded {
  opacity: .2;
}

/* line 2301, app/assets/stylesheets/common_css.scss */
.cc-types .not-faded {
  opacity: 1;
}

/* line 2305, app/assets/stylesheets/common_css.scss */
#cvv {
  background-repeat: no-repeat;
  float: left;
  margin-left: 10px;
  width: 58px;
  height: 34px;
  display: block;
  margin-top: 3px;
}

/* line 2315, app/assets/stylesheets/common_css.scss */
#cvvNumber {
  width: 80px;
  float: left;
}

/* line 2320, app/assets/stylesheets/common_css.scss */
.cvv {
  background-position: 0 0;
}

/* line 2324, app/assets/stylesheets/common_css.scss */
.cvvFront {
  background-position: -116px 0;
}

/* line 2328, app/assets/stylesheets/common_css.scss */
.cvvBack {
  background-position: -58px 0;
}

/* line 2332, app/assets/stylesheets/common_css.scss */
#cvv2,
.cvv2 {
  background-repeat: no-repeat;
  width: 174px;
  height: 34px;
  float: left;
  top: -38px;
  left: 185px;
}

/* Promo Code Forms
====================================================================== */
/* PROMO CODE FORM TWEAKS */
/* line 2346, app/assets/stylesheets/common_css.scss */
.promo-form .form-label {
  margin: 0 auto .9em auto;
}

/* line 2350, app/assets/stylesheets/common_css.scss */
.is--fancy .form-label {
  line-height: 1.4;
  letter-spacing: -1px;
}

/* line 2355, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .is--fancy .form-label {
  margin-bottom: 2.3em;
}

/* line 2359, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .is--fancy .form-label {
  margin-bottom: 1.9em;
}

/* line 2363, app/assets/stylesheets/common_css.scss */
.promo-form legend {
  display: block;
  margin-bottom: .3em;
  width: 100%;
}

/* line 2369, app/assets/stylesheets/common_css.scss */
.promo-code-full .form-row {
  float: left;
  padding-top: 0;
  width: auto;
}

/* line 2375, app/assets/stylesheets/common_css.scss */
.promo-code-full .text-field {
  float: none;
  width: 310px;
}

/* line 2380, app/assets/stylesheets/common_css.scss */
.promo-code-full .form-label {
  width: 55%;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 2387, app/assets/stylesheets/common_css.scss */
.promo-code-full abbr {
  display: none;
}

/* PROMO CODE WITHIN A PROMO BLOCK */
/* line 2392, app/assets/stylesheets/common_css.scss */
.is--fancy .form-label abbr {
  visibility: hidden;
}

/* line 2396, app/assets/stylesheets/common_css.scss */
.is--fancy legend.sizes-L {
  font-family: "semibold", "Helvetica", "Arial", "sans-serif";
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.1;
  margin-bottom: .7em;
}

/* line 2403, app/assets/stylesheets/common_css.scss */
.is--fancy .text-field {
  width: 100%;
  margin: .3em 0;
}

/* line 2408, app/assets/stylesheets/common_css.scss */
.is--fancy .promo-form .btn-default {
  width: 100%;
}

/* line 2412, app/assets/stylesheets/common_css.scss */
.info .promo-code-full .sizes-L {
  font-size: 18px;
  text-indent: -1000em;
}

/* line 2417, app/assets/stylesheets/common_css.scss */
.info .promo-form {
  padding-bottom: 0;
}

/* line 2422, app/assets/stylesheets/common_css.scss */
.info .promo-code-full .form-row {
  margin-left: 0;
}

/* line 2426, app/assets/stylesheets/common_css.scss */
.info .form-label.text-center {
  text-align: left;
  width: auto;
  margin-bottom: .5em;
}

/* line 2432, app/assets/stylesheets/common_css.scss */
.offer_description {
  margin-bottom: 5px;
}

/* line 2436, app/assets/stylesheets/common_css.scss */
.price-details .float-l {
  position: relative;
  z-index: 99;
  padding-right: 10px;
}

/* line 2443, app/assets/stylesheets/common_css.scss */
.price-details .float-r {
  position: relative;
  z-index: 99;
  padding-left: 10px;
  float: right !important;
}

/* Modals
====================================================================== */
/* Effect 1: Fade in and scale up */
/* line 2454, app/assets/stylesheets/common_css.scss */
.js .modal {
  display: none;
}

/* line 2458, app/assets/stylesheets/common_css.scss */
.js .modal {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

/* line 2470, app/assets/stylesheets/common_css.scss */
.modal-dialog {
  margin: 30px auto;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  width: 460px;
  -webkit-overflow-scrolling: touch;
  padding: 10px 30px;
}

/* line 2489, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog,
#cancel_modal .modal-dialog,
#billing_modal .modal-dialog,
#four_month_modal .modal-dialog,
#change_password_modal .modal-dialog,
#change_username_modal .modal-dialog {
  padding: 0;
  background-color: #000405 !important;
  border-radius: 12px;
  width: 545px;
  border: 1px solid #D2F7FC33;
}

/* line 2496, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body,
#cancel_modal .modal-dialog .modal-body,
#billing_modal .modal-dialog .modal-body,
#four_month_modal .modal-dialog .modal-body,
#change_password_modal .modal-dialog .modal-body,
#change_username_modal .modal-dialog .modal-body {
  padding: 0;
  text-align: left;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
}

/* line 2503, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper,
#cancel_modal .modal-dialog .modal-body .pause-wrapper,
#billing_modal .modal-dialog .modal-body .pause-wrapper,
#four_month_modal .modal-dialog .modal-body .pause-wrapper,
#change_password_modal .modal-dialog .modal-body .pause-wrapper,
#change_username_modal .modal-dialog .modal-body .pause-wrapper {
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
}

/* line 2509, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-head,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-head,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-head,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-head,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-head,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-head {
  padding-top: 5px;
  font-size: 24px;
  margin-bottom: 10px;
}

/* line 2515, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close {
  color: black;
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 4px;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
}

/* line 2526, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline {
  border-bottom: 0;
  position: relative;
  display: inline;
  text-align: left;
  background-image: url(/assets/images/content/red-underline-b243d0000092b1349219e26dec81f80ce9587908126a357ad4b5688b164555f8.png);
  background-size: 100%;
  background-position-y: 29px;
  background-repeat: no-repeat;
  background-position-x: 4px;
  padding-bottom: 18px;
}

/* line 2538, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline img,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline img,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline img,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline img,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline img,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline img {
  position: relative;
  margin: 0 auto;
  width: 45%;
  right: -20px;
}

/* line 2546, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-head h2,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-head h2,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-head h2,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-head h2,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-head h2,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-head h2 {
  font-size: 1.5rem;
  color: #D2F7FC;
  font-weight: bold;
  line-height: 31px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}

/* line 2555, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-head p,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-head p,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-head p,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-head p,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-head p,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-head p {
  text-align: left;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  color: white !important;
}

/* line 2563, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-head img,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-head img,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-head img,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-head img,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-head img,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-head img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  display: block;
  position: relative;
  bottom: -1px;
}

/* line 2574, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content {
  width: auto;
  margin: 0 auto;
}

/* line 2579, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper {
  padding: 0;
  background-color: transparent;
}

/* line 2584, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .new-form #zuora_payment,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .new-form #zuora_payment,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .new-form #zuora_payment,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .new-form #zuora_payment,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .new-form #zuora_payment,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .new-form #zuora_payment {
  color: white;
}

/* line 2589, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan {
  padding: 0;
  width: 77%;
}

/* line 2595, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month {
  padding-bottom: 24px;
  border-radius: 5px;
}

/* line 2599, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price {
  top: 4px;
}

/* line 2602, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price span,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price span,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price span,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price span,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price span,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .price span {
  width: 100%;
  display: block;
  font-size: 12px;
  position: relative;
  top: 6px;
}

/* line 2611, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .frequency,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .frequency,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .frequency,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .frequency,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .frequency,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .frequency {
  margin-bottom: 0;
  top: 4px;
}

/* line 2616, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .taxes,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .taxes,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .taxes,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .taxes,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .taxes,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .taxes {
  top: 12px;
}

/* line 2621, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.circle,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.circle,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.circle,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.circle,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.circle,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.circle {
  top: -7px;
}

/* line 2625, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.underline,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.underline,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.underline,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.underline,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.underline,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.underline {
  bottom: 29px;
}

/* line 2629, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.excite,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.excite,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.excite,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.excite,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.excite,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.excite {
  top: -24px;
}

/* line 2633, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.arrow,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.arrow,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.arrow,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.arrow,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.arrow,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan.four-month .hoverimage.arrow {
  top: 43px;
}

/* line 2641, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan .select-plan .btn,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan .select-plan .btn,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan .select-plan .btn,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan .select-plan .btn,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan .select-plan .btn,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .plans-wrapper .plan .plan-content .inline-plan .select-plan .btn {
  width: 135px;
  padding: 8px;
  min-width: 100px;
  top: 44px;
}

/* line 2653, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .hurry,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .hurry,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .hurry,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .hurry,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .hurry,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .hurry {
  vertical-align: super;
  color: white;
}

/* line 2659, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper img,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper img,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper img,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper img,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper img,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper img {
  margin: 4px 0 0 0;
  padding: 0;
  outline: 0;
  vertical-align: top;
}

/* line 2666, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper .timer,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper .timer,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper .timer,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper .timer,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper .timer,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content .timer-wrapper .timer {
  font-size: 32px;
  font-weight: bold;
  color: #DA291C;
}

/* line 2673, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content p {
  text-align: left;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  color: white !important;
}

/* line 2681, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow {
  width: auto;
  padding-left: 63px;
  padding-right: 58px;
  background-size: 63px !important;
}

/* line 2687, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(1),
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(1),
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(1),
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(1),
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(1),
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(1) {
  background: url(/assets/images/content/arrow-1-2136b4d98c1441142fc15658a7f0838c5600ebbbbc5b9fa7e0d9be5c886abbf1.png) no-repeat left top;
}

/* line 2692, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(2),
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(2),
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(2),
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(2),
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(2),
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(2) {
  background: url(/assets/images/content/arrow-2-8dd124c004ef173c11283f6e38852528659ba75fae81f074ba901c21bd36e2b2.png) no-repeat left top;
}

/* line 2697, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(3),
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(3),
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(3),
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(3),
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(3),
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow:nth-child(3) {
  background: url(/assets/images/content/arrow-3-63c149139e0989871ed7af9afd09a64789962d5c98e6b1ca5a2d97c9850d66e7.png) no-repeat left top;
}

/* line 2705, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-button,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-button,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-button,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-button,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-button,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-button {
  margin-top: 20px;
}

/* line 2708, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-button a, #pause_modal .modal-dialog .modal-body .pause-wrapper .pause-button .new-form .promo-mastercard.package-selected, .new-form #pause_modal .modal-dialog .modal-body .pause-wrapper .pause-button .promo-mastercard.package-selected,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-button a,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-button .new-form .promo-mastercard.package-selected,
.new-form #cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-button .promo-mastercard.package-selected,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-button a,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-button .new-form .promo-mastercard.package-selected,
.new-form #billing_modal .modal-dialog .modal-body .pause-wrapper .pause-button .promo-mastercard.package-selected,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-button a,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-button .new-form .promo-mastercard.package-selected,
.new-form #four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-button .promo-mastercard.package-selected,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-button a,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-button .new-form .promo-mastercard.package-selected,
.new-form #change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-button .promo-mastercard.package-selected,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-button a,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-button .new-form .promo-mastercard.package-selected,
.new-form #change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-button .promo-mastercard.package-selected {
  padding: 14px 24px;
  border-radius: 5px;
  background-color: #FFFFFF;
  font-size: 16px;
  margin-right: 0;
}

/* line 2717, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .pause-faq-wrapper,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-faq-wrapper,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-faq-wrapper,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-faq-wrapper,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-faq-wrapper,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-faq-wrapper {
  margin-top: 15px;
  border-top: 1px solid #D1D5D6;
  padding: 15px;
  font-size: 14px;
  color: white;
}

/* line 2725, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .btn,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .btn,
#billing_modal .modal-dialog .modal-body .pause-wrapper .btn,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .btn,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .btn,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .btn {
  background-color: #0E6F81;
  border-radius: 5px;
  padding: 12px 25px;
  min-width: 145px;
  color: #D2F7FB;
}

/* line 2732, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#billing_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow {
  /*
                  background-color: transparent;
                  color: #005EB8;
                  border: 1px solid #005EB8;
                  margin-bottom: 15px;
                  
                  &:hover {
                    color: white !important;
                    background-color: #8A9299 !important;
                    border: 1px solid #8A9299;
                  }
                  */
}

/* line 2745, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red,
#billing_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red {
  background-color: #CF2E2E !important;
  color: #FFFFFF !important;
}

/* line 2749, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red:hover,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red:hover,
#billing_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red:hover,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red:hover,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red:hover,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow.red:hover {
  background-color: #bf2e2e !important;
  color: #FFFFFF !important;
}

/* line 2757, app/assets/stylesheets/common_css.scss */
#pause_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#billing_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
}

/* line 2771, app/assets/stylesheets/common_css.scss */
#change_password_modal .modal-dialog,
#change_username_modal .modal-dialog {
  width: 500px;
  padding: 0;
  border-radius: 1rem;
}

/* line 2776, app/assets/stylesheets/common_css.scss */
#change_password_modal .modal-dialog .modal-body,
#change_username_modal .modal-dialog .modal-body {
  padding: 0;
  width: 100%;
}

/* line 2780, app/assets/stylesheets/common_css.scss */
#change_password_modal .modal-dialog .modal-body iframe,
#change_username_modal .modal-dialog .modal-body iframe {
  height: 500px;
  background: #fafafa;
  width: 469px;
  margin-top: 11px;
}

/* line 2791, app/assets/stylesheets/common_css.scss */
#four_month_modal .modal-dialog {
  width: 490px !important;
}

/* line 2797, app/assets/stylesheets/common_css.scss */
#billing_modal .modal-dialog {
  width: 564px;
}

/* line 2800, app/assets/stylesheets/common_css.scss */
#billing_modal .modal-dialog .modal-body {
  color: black;
}

/* line 2804, app/assets/stylesheets/common_css.scss */
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content {
  height: 400px;
  overflow: scroll;
}

/* line 2810, app/assets/stylesheets/common_css.scss */
#billing_modal .modal-dialog .modal-body .pause-wrapper .btn.btn-tertiary {
  /*
              background-color: #8A9299;
              border: 1px solid #8A9299;
              */
  min-width: 135px;
  background-color: rgba(255, 255, 255, 0.1) !important;
  align-items: center;
  justify-content: center;
  display: flex !important;
  background: none;
}

/* line 2824, app/assets/stylesheets/common_css.scss */
#billing_modal .modal-dialog .modal-body .pause-wrapper .btn.btn-tertiary:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/* line 2830, app/assets/stylesheets/common_css.scss */
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content {
  width: auto;
  margin: 0 auto;
}

/* line 2835, app/assets/stylesheets/common_css.scss */
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content p {
  color: white;
}

/* line 2845, app/assets/stylesheets/common_css.scss */
.js .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

/* line 2855, app/assets/stylesheets/common_css.scss */
.js .modal-backdrop.fade {
  opacity: 0;
}

/* line 2859, app/assets/stylesheets/common_css.scss */
.js .modal-backdrop.in {
  opacity: 0.75;
}

/* line 2864, app/assets/stylesheets/common_css.scss */
.js .modal-dialog .i--close {
  height: 45px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1051;
}

/* line 2872, app/assets/stylesheets/common_css.scss */
.no-js .modal-dialog .i--close,
.no-js .modal-dialog .btn-cancel {
  display: none;
}

/* line 2877, app/assets/stylesheets/common_css.scss */
.modal-dialog .i--close:focus {
  border: 2px dotted red;
}

/* line 2881, app/assets/stylesheets/common_css.scss */
.modal-dialog .i--close:active {
  border: 1px dotted #000;
}

/* line 2886, app/assets/stylesheets/common_css.scss */
.modal-header .modal-title {
  /* border-bottom: 1px solid #adb0af; */
  /* font-family: "Avenir Next", "Roboto", "light", "Helvetica", "Arial", "sans-serif"; */
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.25;
  /* margin-bottom: .7em; */
  /* padding-bottom: .2em; */
  vertical-align: middle;
  position: relative;
  padding-top: 20px;
}

/* line 2899, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .modal-header .i--logo-myrogers {
  height: 1.65em;
  margin-bottom: 0;
  width: 4.6em;
}

/* line 2905, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .modal-header .i--logo-myrogers {
  height: 1.25em;
  margin-bottom: 0;
  width: 5.5em;
}

/* line 2911, app/assets/stylesheets/common_css.scss */
.modal-dialog.tos .modal-content {
  height: 100%;
}

/* line 2915, app/assets/stylesheets/common_css.scss */
.modal-dialog.tos .modal-body.cf {
  height: 70%;
}

/* line 2919, app/assets/stylesheets/common_css.scss */
.modal-dialog.tos .modal-footer {
  float: left;
  position: absolute;
  bottom: -20px;
  background: white;
}

/* line 2926, app/assets/stylesheets/common_css.scss */
#tos-wrapper {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  border: 1px solid black;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 90%;
  height: 100%;
  display: block;
  margin: auto;
  font-size: smaller;
}

/* line 2940, app/assets/stylesheets/common_css.scss */
#tos-accept {
  font-size: smaller;
}

@media (max-width: 820px) {
  /* line 2945, app/assets/stylesheets/common_css.scss */
  .modal-dialog.tos {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
  }
}

@media (max-width: 920px) {
  /* line 2954, app/assets/stylesheets/common_css.scss */
  .modal-dialog.tos {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
  }
}

@media (max-height: 620px) {
  /* line 2963, app/assets/stylesheets/common_css.scss */
  .modal-dialog.tos {
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0px;
  }
}

/* Info Boxes
====================================================================== */
/* Info Setup 
---------------------------------------------- */
/* line 2975, app/assets/stylesheets/common_css.scss */
.info {
  min-height: 40px;
  margin-bottom: 1.5em;
  float: left;
}

/* line 2981, app/assets/stylesheets/common_css.scss */
.info p:last-child {
  margin-bottom: 0;
}

/* Info sizes 
---------------------------------------------- */
/* line 2987, app/assets/stylesheets/common_css.scss */
.info-sm {
  padding: 6px;
}

/* line 2991, app/assets/stylesheets/common_css.scss */
.info-m {
  padding: 18px;
}

/* line 2995, app/assets/stylesheets/common_css.scss */
.info-lg {
  padding: 15px;
}

/* Info BG's 
---------------------------------------------- */
/* line 3001, app/assets/stylesheets/common_css.scss */
.info--primary {
  background-color: #eee;
}

/* line 3005, app/assets/stylesheets/common_css.scss */
.info--secondary {
  background-color: #fbfbfb;
}

/* line 3009, app/assets/stylesheets/common_css.scss */
.info--tertiary {
  background-color: #f5f5f5;
}

/* line 3013, app/assets/stylesheets/common_css.scss */
.info-offers,
.five-info-offers {
  padding-left: 5%;
}

/* line 3018, app/assets/stylesheets/common_css.scss */
.info-offers .span-2,
.five-info-offers .span-2 .span-3,
.five-info-offers .span-4 .span-2 {
  background: #ffffff;
  border: #BBBDC0 1px solid;
  padding: 30px;
}

/* line 3026, app/assets/stylesheets/common_css.scss */
.info-offers .span-2:first-child,
.five-info-offers .span-2 .span-3:first-child {
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
}

/* line 3034, app/assets/stylesheets/common_css.scss */
.info-offers .span-2:last-child,
.five-info-offers .span-4 .span-2:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
}

/* line 3042, app/assets/stylesheets/common_css.scss */
.info-offers .span-2:hover,
.info-offers .span-3.offer:hover,
.five-info-offers .span-2 .span-3:hover,
.five-info-offers .span-4 .span-2:hover {
  border: #009CDE 4px solid;
}

/* line 3049, app/assets/stylesheets/common_css.scss */
.info-offers .span-3.offer {
  background: #ffffff;
  border: #BBBDC0 1px solid;
  padding: 30px;
}

/* line 3055, app/assets/stylesheets/common_css.scss */
.info-offers .span-3.offer.first {
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
}

/* line 3062, app/assets/stylesheets/common_css.scss */
.info-offers .span-3.offer.last {
  border-top-left-radius: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
}

/* line 3069, app/assets/stylesheets/common_css.scss */
.info-offers .span-6.offer {
  background: #ffffff;
  border: #BBBDC0 1px solid;
  padding: 30px;
  border-radius: 20px;
}

/* line 3076, app/assets/stylesheets/common_css.scss */
.minus-margin {
  margin-left: -1.5%;
}

/* line 3080, app/assets/stylesheets/common_css.scss */
.minus-margin-5 {
  margin-left: -1%;
}

/* Buttons
====================================================================== */
/* BTN COLOURS 
---------------------------------------------- */
/* Default - Red */
/* line 3090, app/assets/stylesheets/common_css.scss */
.btn-default,
.btn-default:before {
  background-color: #009CDE;
}

/* line 3095, app/assets/stylesheets/common_css.scss */
.btn-default:hover:before,
.btn-default:focus:before,
.btn-default:active {
  background-color: #414042;
}

/* Secondary Colour */
/* line 3102, app/assets/stylesheets/common_css.scss */
.btn-secondary,
.btn-secondary:before {
  background-color: #445057;
}

/* line 3107, app/assets/stylesheets/common_css.scss */
.btn-secondary:hover:before,
.btn-secondary:focus:before,
.btn-secondary:active {
  background-color: #69757f;
}

/* Tertiary Colour */
/* line 3114, app/assets/stylesheets/common_css.scss */
.btn-tertiary,
.btn-tertiary:before {
  /*
    background-color: none;
    border: 1px solid rgba(255,255,255,0.5);
    */
  background-color: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

/* line 3124, app/assets/stylesheets/common_css.scss */
.btn-tertiary:hover,
.btn-tertiary:before:hover {
  background-color: none !important;
}

/* line 3129, app/assets/stylesheets/common_css.scss */
.btn-tertiary:hover:before,
.btn-tertiary:focus:before,
.btn-tertiary:active {
  background-color: none;
}

/* Quad Colour */
/* line 3136, app/assets/stylesheets/common_css.scss */
.btn-quad,
.btn-quad:before {
  background-color: #adb0af;
}

/* line 3141, app/assets/stylesheets/common_css.scss */
.btn-quad:hover:before,
.btn-quad:focus:before,
.btn-quad:active {
  background-color: #c7cac9;
}

/* line 3147, app/assets/stylesheets/common_css.scss */
.btn-quad-disabled {
  background-color: #c7cac9;
  opacity: 0.5;
}

/* Blue color */
/* line 3153, app/assets/stylesheets/common_css.scss */
.btn-blue,
.btn-blue:before {
  background-color: #00adc6;
}

/* line 3158, app/assets/stylesheets/common_css.scss */
.btn-blue:hover:before,
.btn-blue:focus:before,
.btn-blue:active {
  background-color: #0099ad;
}

/* line 3165, app/assets/stylesheets/common_css.scss */
.btn-cancel {
  background-color: #787878;
  color: #ffffff;
}

/* line 3170, app/assets/stylesheets/common_css.scss */
.btn-cancel:hover:before,
.btn-cancel:focus:before,
.btn-cancel:active {
  background-color: #ffffff;
}

/* line 3176, app/assets/stylesheets/common_css.scss */
.btn-cancel:focus {
  border: 1px solid #ccc;
}

/* line 3180, app/assets/stylesheets/common_css.scss */
.btn-cancel.pr {
  padding-right: 0;
}

/* BTN MY Rogers Alternative 
---------------------------------------------- */
/* line 3186, app/assets/stylesheets/common_css.scss */
.btn--myrogers {
  padding: .65em 0 .3em !important;
}

/* line 3190, app/assets/stylesheets/common_css.scss */
.btn--myrogers .my-rogers-text {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  display: inline-block;
  min-height: 33px;
  line-height: 26px;
  text-indent: -999em;
}

/* BTN Layout modifier - full width 
---------------------------------------------- */
/* line 3203, app/assets/stylesheets/common_css.scss */
.btn.btn-block {
  display: block;
  margin-bottom: 5px;
  padding: .9em 0;
  width: 100%;
}

/* BTN Groups 
---------------------------------------------- */
/* line 3213, app/assets/stylesheets/common_css.scss */
.btn-group {
  margin-bottom: 1em;
}

/* Button layout - group full width */
/* line 3218, app/assets/stylesheets/common_css.scss */
.btn-group-wide {
  display: table;
  table-layout: fixed;
  padding: 0;
  margin-bottom: 1em;
  width: 100%;
}

/* line 3226, app/assets/stylesheets/common_css.scss */
.btn-group-wide li {
  display: table-cell;
  padding-left: 5px;
}

/* line 3231, app/assets/stylesheets/common_css.scss */
.btn-group-wide li:first-child {
  padding-left: 0;
}

/* line 3235, app/assets/stylesheets/common_css.scss */
.btn-group-wide .btn {
  display: block;
  line-height: 1.1;
  white-space: normal;
}

/* BTN Autorenew
---------------------------------------------- */
/* Icons
====================================================================== */
/* General Icon selector
---------------------------------------------- */
/* line 3263, app/assets/stylesheets/common_css.scss */
.ico {
  display: inline-block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  text-indent: -999em;
  text-align: left;
  margin-bottom: 5px;
}

/* Have it inline selector
---------------------------------------------- */
/* line 3275, app/assets/stylesheets/common_css.scss */
.i-inline:before,
.i-inline:after {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* inline but pull it to the left and right */
/* line 3283, app/assets/stylesheets/common_css.scss */
.i-pl:before,
.i-pr:after {
  content: "";
  height: 25px;
  width: 25px;
}

/* inline but pull it to the right */
/* line 3292, app/assets/stylesheets/common_css.scss */
.i-pl:before {
  float: left;
  margin-right: 7px;
  margin-top: -5px;
}

/* inline but pull it to the right */
/* line 3299, app/assets/stylesheets/common_css.scss */
.i-pr:after {
  float: right;
  margin-left: 7px;
}

/* inline but position it on top of item */
/* line 3305, app/assets/stylesheets/common_css.scss */
.i-pt:before {
  background-position: 50% 0 !important;
  display: block;
  content: "";
  height: 35px;
  margin-bottom: 5px;
  width: 100%;
}

/* smaller sizes */
/* line 3315, app/assets/stylesheets/common_css.scss */
.i-sm {
  height: 25px;
  width: 25px;
}

/* line 3320, app/assets/stylesheets/common_css.scss */
.i-m {
  height: 40px;
  width: 40px;
}

/* line 3325, app/assets/stylesheets/common_css.scss */
.i-lg {
  height: 65px;
  width: 65px;
}

/* Global Site Logos
---------------------------------------------- */
/* line 3333, app/assets/stylesheets/common_css.scss */
.i-logos {
  background-size: contain;
  margin-bottom: 0;
}

/* line 3338, app/assets/stylesheets/common_css.scss */
.s-guide .i-logos {
  height: 5em;
}

/* Default widths on My Rogers Logo's */
/* line 3343, app/assets/stylesheets/common_css.scss */
.i--logo-my {
  width: 6em;
}

/* line 3347, app/assets/stylesheets/common_css.scss */
.i--logo-myrogers-alt {
  width: 14.5em;
}

/* line 3351, app/assets/stylesheets/common_css.scss */
.i--logo-monrogers-alt {
  width: 15.5em;
}

/* LOCALIZE LOGOS and/or IMG'S */
/* line 3357, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .s-guide .i--logo-myrogers {
  width: 14.5em;
}

/* line 3361, app/assets/stylesheets/common_css.scss */
[lang="fr-ca"] .s-guide .i--logo-myrogers {
  width: 15.5em;
}

/* line 3367, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .ico.i--logo-gameplus,
[lang="fr-ca"] .ico.i--logo-gameplus {
  height: 45px;
  width: 8em;
}

/* line 3373, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .inline-logo.i--logo-gameplus,
[lang="fr-ca"] .inline-logo.i--logo-gameplus {
  text-indent: -999em;
  background-size: 95% auto;
  background-position: 0 50%;
  margin-bottom: 0;
  height: 22px;
  width: 7em;
}

/* NHL LOGOS */
/* line 3388, app/assets/stylesheets/common_css.scss */
.s-guide .i--logo-nhl-light,
.s-guide .i--logo-nhl-dark {
  width: 5em;
}

/* line 3394, app/assets/stylesheets/common_css.scss */
.ico.i--livechat {
  background-size: contain;
}

/* line 3398, app/assets/stylesheets/common_css.scss */
.i-sm.i--livechat {
  width: 37px;
}

/* line 3402, app/assets/stylesheets/common_css.scss */
.i-m.i--livechat {
  width: 60px;
}

/* line 3406, app/assets/stylesheets/common_css.scss */
.i-lg.i--livechat {
  width: 95px;
}

/* line 3410, app/assets/stylesheets/common_css.scss */
.ico.i--close {
  background-position: 50% 50%;
  background-color: #f3f3f3;
  padding: .12em;
}

/* line 3416, app/assets/stylesheets/common_css.scss */
.i-sm.i--close {
  background-size: 10px auto;
}

/* line 3420, app/assets/stylesheets/common_css.scss */
.i-m.i--close {
  background-size: 20px auto;
}

/* line 3424, app/assets/stylesheets/common_css.scss */
.i-lg.i--close {
  background-size: 35px auto;
}

/* print */
/* line 3429, app/assets/stylesheets/common_css.scss */
.ico.i--print {
  background-position: 50% 50%;
}

/* hamburger */
/* line 3434, app/assets/stylesheets/common_css.scss */
.ico.i--menu {
  background-position: 50% 50%;
}

/* line 3438, app/assets/stylesheets/common_css.scss */
.i-pt.i--menu {
  padding-left: 0;
  padding-top: 17px;
}

/* APP STORE BUTTONS */
/* line 3445, app/assets/stylesheets/common_css.scss */
.i--apple {
  background-position: -168px 0;
  margin-left: 2%;
  width: 174px;
}

/* FEEDBACK TAB */
/* line 3452, app/assets/stylesheets/common_css.scss */
.feedback-tab {
  position: absolute;
  right: -8px;
  top: 140px;
  margin: 0;
  z-index: 22;
}

/* line 3460, app/assets/stylesheets/common_css.scss */
.feedback-tab:hover,
.feedback-tab:focus {
  right: 0;
}

/* ROTATOR CHEVRONS */
/* line 3467, app/assets/stylesheets/common_css.scss */
.i--chev-red {
  padding: 2px 4px 2px 4px;
}

/* line 3471, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .i-logos.i--logo-gameplus,
[lang="fr-ca"] .i-logos.i--logo-gameplus {
  min-height: 45px;
  width: 9em;
}

/* line 3477, app/assets/stylesheets/common_css.scss */
[lang="en-ca"] .inline-logo.i--logo-gameplus,
[lang="fr-ca"] .inline-logo.i--logo-gameplus {
  text-indent: -999em;
  background-size: 100% auto;
  background-position: 0 50%;
  margin-bottom: 0;
  height: auto;
  min-height: auto;
  width: 7em;
}

/* NHL LOGOS */
/* line 3489, app/assets/stylesheets/common_css.scss */
.s-guide .i--logo-nhl-light,
.s-guide .i--logo-nhl-dark,
.s-guide .i--logo-nhl-rev {
  width: 5em;
}

/* APP STORE BUTTONS */
/* line 3496, app/assets/stylesheets/common_css.scss */
.i-apps {
  height: 51px;
  margin-bottom: 0;
}

/* line 3501, app/assets/stylesheets/common_css.scss */
.i--google {
  background-position: -181px 0;
  width: 176px;
}

/* video play */
/* line 3507, app/assets/stylesheets/common_css.scss */
.i-video-play {
  background-position: 50% 50%;
  background-size: 40% auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media (max-width: 23.75em) {
  /* 380PX */
  /* line 3518, app/assets/stylesheets/common_css.scss */
  .i-video-play {
    background-size: 80% auto;
  }
}

/* List bullets */
/* line 3526, app/assets/stylesheets/common_css.scss */
.i-sm.i--chev-bullet {
  width: 15px;
}

/* line 3530, app/assets/stylesheets/common_css.scss */
.i-m.i--chev-bullet {
  width: 20px;
}

/* line 3534, app/assets/stylesheets/common_css.scss */
.i-lg.i--chev-bullet {
  width: 25px;
}

/* line 3538, app/assets/stylesheets/common_css.scss */
.i-sm.i--chev-bullet-alt {
  width: 15px;
}

/* line 3542, app/assets/stylesheets/common_css.scss */
.i-m.i--chev-bullet-alt {
  width: 20px;
}

/* line 3546, app/assets/stylesheets/common_css.scss */
.i-lg.i--chev-bullet-alt {
  width: 25px;
}

/* ROTATOR CHEVRONS */
/* line 3551, app/assets/stylesheets/common_css.scss */
.i-sm.i--chev-left {
  width: 15px;
}

/* line 3555, app/assets/stylesheets/common_css.scss */
.i-m.i--chev-left {
  width: 20px;
}

/* line 3559, app/assets/stylesheets/common_css.scss */
.i-lg.i--chev-left {
  width: 25px;
}

/* line 3563, app/assets/stylesheets/common_css.scss */
.i-sm.i--chev-right {
  width: 15px;
}

/* line 3567, app/assets/stylesheets/common_css.scss */
.i-m.i--chev-right {
  width: 20px;
}

/* line 3571, app/assets/stylesheets/common_css.scss */
.i-lg.i--chev-right {
  width: 25px;
}

/* line 3575, app/assets/stylesheets/common_css.scss */
.flex-prev {
  background-size: 100% auto;
  background-repeat: no-repeat;
}

/* line 3580, app/assets/stylesheets/common_css.scss */
.flex-next {
  background-size: 100% auto;
  background-repeat: no-repeat;
}

/* FEEDBACK TAB */
/* line 3588, app/assets/stylesheets/common_css.scss */
.feedback-tab:hover,
.feedback-tab:focus {
  right: 0;
}

/* line 3593, app/assets/stylesheets/common_css.scss */
.i--feedback {
  height: 110px;
  width: 40px;
}

/* phone */
/* line 3599, app/assets/stylesheets/common_css.scss */
.i-pl.i--phone:before,
.i-pr.i--phone:after,
.ico.i--phone,
.i-pt.i--phone:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMjYuODI5IDkuNjg4IDQ2LjM0MyA4MC42MjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMjYuODI5IDkuNjg4IDQ2LjM0MyA4MC42MjMiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48cGF0aCBmaWxsPSIjQURCMEFGIiBkPSJNNjMuMzc1IDkuNjg4SDM2LjYyM2MtNS40MTEgMC05Ljc5NCA0LjQ2My05Ljc5NCA5Ljk2N3Y2MC42ODljMCA1LjUgNC40IDEwIDkuOCA5Ljk2N2gyNi43NTIgYzUuNDEyIDAgOS43OTctNC40NjMgOS43OTctOS45NjdWMTkuNjU2QzczLjE3MiAxNC4yIDY4LjggOS43IDYzLjQgOS42ODh6IE01MC4wMDMgODUgYy0yLjYzNyAwLTQuNzcyLTIuMTMzLTQuNzcyLTQuNzY2YzAtMi42MzQgMi4xMzUtNC43NjYgNC43NzItNC43NjZjMi42MzEgMCA0LjggMi4xIDQuOCA0LjggQzU0Ljc2NyA4Mi45IDUyLjYgODUgNTAgODUuMDQyeiBNNjcuMTMzIDcxLjUxOUgzMi44NjhWMjAuNzY2aDM0LjI2NVY3MS41MTl6Ii8+PC9zdmc+");
}

/* wifi */
/* line 3615, app/assets/stylesheets/common_css.scss */
.i-pl.i--wifi:before,
.i-pr.i--wifi:after,
.ico.i--wifi,
.i-pt.i--wifi:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iNS4xNjcgMTQuNDA1IDg5Ljg5NSA2OC42OTgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNS4xNjcgMTQuNDA1IDg5Ljg5NSA2OC42OTgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48cGF0aCBmaWxsPSIjQURCMEFGIiBkPSJNNTAuMTE1IDE0LjQwNWMtMTcuNTkgMC0zMy41MTYgNy4yNTctNDQuOTQ3IDE4LjkzMWw2LjQ1NCA2LjQ1M2M5Ljc3OC0xMC4wMiAyMy40Mi0xNi4yNTIgMzguNDk0LTE2LjI1MiBjMTUuMDc0IDAgMjguNyA2LjIgMzguNSAxNi4yNTJsNi40NTQtNi40NTNDODMuNjMxIDIxLjcgNjcuNyAxNC40IDUwLjEgMTQuNDA1eiIvPjxwYXRoIGZpbGw9IiNBREIwQUYiIGQ9Ik01MC4xMTUgMjkuMDgzYy0xMy41NDMgMC0yNS44IDUuNjEtMzQuNTc0IDE0LjYyNmw2LjQ1NCA2LjQ1NGM3LjEyLTcuMzYzIDE3LjA5NC0xMS45NDkgMjguMTItMTEuOTQ5IHMyMSA0LjYgMjguMSAxMS45NDlsNi40NTMtNi40NTRDNzUuOTE1IDM0LjcgNjMuNyAyOS4xIDUwLjEgMjkuMDgzeiIvPjxwYXRoIGZpbGw9IiNBREIwQUYiIGQ9Ik01MC4xMTUgNDQuMzJjLTkuMzQzIDAtMTcuNzkxIDMuOTAxLTIzLjgwNCAxMC4xNTlsNi40NTkgNi40NTljNC4zNTgtNC42MDQgMTAuNTItNy40ODYgMTcuMzQ1LTcuNDg2IGM2LjgyNiAwIDEzIDIuOSAxNy4zIDcuNDg2bDYuNDU5LTYuNDU5QzY3LjkwNiA0OC4yIDU5LjUgNDQuMyA1MC4xIDQ0LjMyeiIvPjxjaXJjbGUgZmlsbD0iI0FEQjBBRiIgY3g9IjUwIiBjeT0iNzIuMyIgcj0iMTAuOCIvPjwvc3ZnPg==");
}

/* show / hide / add */
/* collapse */
/* line 3631, app/assets/stylesheets/common_css.scss */
.i-pl.i--collapse:before,
.i-pr.i--collapse:after,
.ico.i--collapse,
.i-pt.i--collapse:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwLjExNyA1MC4xMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwLjExNyA1MC4xMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZyBpZD0iQ29sbGFwc2UiPjxjaXJjbGUgZGlzcGxheT0iaW5saW5lIiBmaWxsPSJub25lIiBzdHJva2U9IiMxQzg1QzIiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIyNSIgY3k9IjI0LjkiIHI9IjIzLjYiLz48cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9IiMxQzg1QzIiIGQ9Ik0xMS42NjMgMjcuODU2Yy0wLjU3OCAwLjU3Ny0wLjU3OCAxLjUgMCAyLjA5NGMwLjU3OSAwLjYgMS41IDAuNiAyLjEgMCBsMTAuOTkyLTEwLjk5NUwzNS43NDUgMjkuOTVjMC41NzYgMC42IDEuNSAwLjYgMi4xIDBjMC4yOS0wLjI5IDAuNDM0LTAuNjY5IDAuNDM0LTEuMDQ5YzAtMC4zNzgtMC4xNDQtMC43NTYtMC40MzQtMS4wNDUgTDI1Ljc5NiAxNS44MTZjLTAuNTc4LTAuNTc5LTEuNTE2LTAuNTc5LTIuMDkzIDBMMTEuNjYzIDI3Ljg1NnoiLz48L2c+PC9zdmc+");
}

/* line 3640, app/assets/stylesheets/common_css.scss */
.i-pl.i--expand:before,
.i-pr.i--expand:after,
.ico.i--expand,
.i-pt.i--expand:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwLjExNyA1MC4xMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwLjExNyA1MC4xMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZyBpZD0iRXhwYW5kIj48Y2lyY2xlIGRpc3BsYXk9ImlubGluZSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUM4NUMyIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMjUiIGN5PSIyNC45IiByPSIyMy42Ii8+PHBhdGggZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjMUM4NUMyIiBkPSJNMzcuODM4IDE3LjkwOGMwLjU3OC0wLjU3NyAwLjU3OC0xLjUxNCAwLTIuMDk0Yy0wLjU3OS0wLjU3Ny0xLjUxNi0wLjU3Ny0yLjA5NCAwIEwyNC43NTIgMjYuODA5TDEzLjc1NiAxNS44MTRjLTAuNTc2LTAuNTc3LTEuNTE0LTAuNTc3LTIuMDkzIDBjLTAuMjkgMC4yOS0wLjQzNCAwLjY2OS0wLjQzNCAxIGMwIDAuNCAwLjEgMC44IDAuNCAxLjA0NWwxMi4wNDIgMTIuMDQxYzAuNTc4IDAuNiAxLjUgMC42IDIuMSAwTDM3LjgzOCAxNy45MDh6Ii8+PC9nPjwvc3ZnPg==");
}

/* add */
/* line 3649, app/assets/stylesheets/common_css.scss */
.i-pl.i--add:before,
.i-pr.i--add:after,
.ico.i--add,
.i-pt.i--add:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwLjExNyA1MC4xMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwLjExNyA1MC4xMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZyBpZD0iQWRkIj48Y2lyY2xlIGRpc3BsYXk9ImlubGluZSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUM4NUMyIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMjUiIGN5PSIyNC45IiByPSIyMy42Ii8+PHBvbHlnb24gZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjMUM4NUMyIiBwb2ludHM9IjQwLjEsMjMuNCAyNi41LDIzLjQgMjYuNSw5LjMgMjMuNSw5LjMgMjMuNSwyMy40IDkuOSwyMy40IDkuOSwyNi40IDIzLjUsMjYuNCAyMy41LDM5LjUgMjYuNSwzOS41IDI2LjUsMjYuNCA0MC4xLDI2LjQiLz48L2c+PC9zdmc+");
}

/* edit */
/* line 3658, app/assets/stylesheets/common_css.scss */
.i-pl.i--edit:before,
.i-pr.i--edit:after,
.ico.i--edit,
.i-pt.i--edit:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwLjExNyA1MC4xMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwLjExNyA1MC4xMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZyBpZD0iRWRpdCI+PHBvbHlnb24gZGlzcGxheT0iaW5saW5lIiBmaWxsPSIjQURCMEFGIiBwb2ludHM9IjQuMywzMy40IDAsNTAuMSAxNi43LDQ1LjgiLz48cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9IiNBREIwQUYiIGQ9Ik03LjM3NSAzMC4zODhMMzcuNzY2IDBsMTIuMzUyIDEyLjM1OWwtMzAuMzggMzAuMzg3TDcuMzc1IDMwLjM4OHoiLz48L2c+PC9zdmc+");
}

/* Alerts
====================================================================== */
/* Alert setup 
---------------------------------------------- */
/* line 3670, app/assets/stylesheets/common_css.scss */
.alert {
  border: 1px solid;
  background-repeat: no-repeat;
  background-position: 20px center !important;
  font-size: 14px;
  padding: 10px 25px;
  width: auto;
  z-index: 3;
  min-height: 40px;
}

/* line 3681, app/assets/stylesheets/common_css.scss */
.alert p {
  margin-bottom: 0;
}

/* line 3685, app/assets/stylesheets/common_css.scss */
.alert .i-pl:before,
.alert .i-pr:after {
  content: "";
  margin-right: 15px;
}

/* Alert General = .alert--general
---------------------------------------------- */
/* line 3696, app/assets/stylesheets/common_css.scss */
.alert--block {
  background-color: #ddd;
  border-color: #333;
  color: #333;
  padding-top: 14px;
  padding-bottom: 14px;
}

/* Alert Info = .alert--info
---------------------------------------------- */
/* line 3707, app/assets/stylesheets/common_css.scss */
.alert.alert--caution {
  background-color: #fff2cc;
  border-color: #eeb100;
  color: #eeb100;
}

/* line 3714, app/assets/stylesheets/common_css.scss */
.a--override {
  transform: translate(0, 0);
  left: 0;
  margin: 0;
}

/* line 3721, app/assets/stylesheets/common_css.scss */
.promo-box .copy {
  margin-bottom: 2em;
  line-height: normal;
}

/* line 3726, app/assets/stylesheets/common_css.scss */
.having-trouble {
  float: right;
  margin: 0 0 0 2%;
  width: 41%;
}

/* line 3732, app/assets/stylesheets/common_css.scss */
.having-trouble .copy {
  margin-bottom: 2em;
  line-height: normal;
}

/* COMMON HELPER CLASSES 
====================================================================== */
/* line 3739, app/assets/stylesheets/common_css.scss */
br,
.clear {
  clear: both;
}

/*clears floats*/
/* line 3745, app/assets/stylesheets/common_css.scss */
.float-l {
  float: left;
}

/*floats left*/
/* line 3750, app/assets/stylesheets/common_css.scss */
.float-r {
  float: right !important;
}

/*floats right*/
/* line 3755, app/assets/stylesheets/common_css.scss */
.visible,
.show {
  display: block !important;
}

/*displays as block, turns ON*/
/* line 3761, app/assets/stylesheets/common_css.scss */
.block {
  display: block !important;
}

/*displays as block, turns ON*/
/* line 3766, app/assets/stylesheets/common_css.scss */
.inline {
  display: inline;
}

/*displays as block, turns ON*/
/* line 3771, app/assets/stylesheets/common_css.scss */
.inline-bl {
  display: inline-block;
}

/*displays as block, turns ON*/
/* line 3776, app/assets/stylesheets/common_css.scss */
.hidden {
  display: none !important;
}

/*displays as hidden, turns OFF*/
/* line 3781, app/assets/stylesheets/common_css.scss */
.no-bg {
  background: 0 none !important;
}

/*Removes Background*/
/* line 3786, app/assets/stylesheets/common_css.scss */
.no-border {
  border: 0 none !important;
}

/*Removes Border*/
/* line 3791, app/assets/stylesheets/common_css.scss */
hr {
  clear: both;
  height: 0;
  overflow: hidden;
}

/*fonts*/
/* line 3799, app/assets/stylesheets/common_css.scss */
.text-left {
  text-align: left;
}

/* line 3803, app/assets/stylesheets/common_css.scss */
.text-right {
  text-align: right;
}

/* line 3807, app/assets/stylesheets/common_css.scss */
.text-center {
  text-align: center;
}

/* line 3811, app/assets/stylesheets/common_css.scss */
.bold {
  font-weight: bold;
}

/* line 3815, app/assets/stylesheets/common_css.scss */
.italic {
  font-style: italic;
}

/* line 3819, app/assets/stylesheets/common_css.scss */
.underline {
  border-bottom: 1px solid;
}

/* line 3823, app/assets/stylesheets/common_css.scss */
.caption {
  list-style: none;
  font-style: normal;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: normal;
}

/* line 3830, app/assets/stylesheets/common_css.scss */
.uppercase {
  text-transform: uppercase;
}

/* line 3834, app/assets/stylesheets/common_css.scss */
.lowercase {
  text-transform: lowercase;
}

/* line 3838, app/assets/stylesheets/common_css.scss */
.no-m {
  margin: 0;
}

/* line 3842, app/assets/stylesheets/common_css.scss */
.profiler-result,
.profiler-results.profiler-left,
.profiler-results.profiler-right {
  overflow: visible !important;
}

/* line 3849, app/assets/stylesheets/common_css.scss */
.log-in-widget {
  background-color: #ccc;
  font-size: 12px;
  position: fixed;
  top: 20%;
  left: 0;
  width: 175px;
  z-index: 300000;
  box-shadow: 0px 6px 5px 0px rgba(50, 50, 50, 0.75);
  padding: .5em;
}

@media (max-width: 37.5em) {
  /* line 3862, app/assets/stylesheets/common_css.scss */
  .float-r {
    float: none !important;
  }
  /* line 3866, app/assets/stylesheets/common_css.scss */
  .span-4 {
    width: 100% !important;
  }
  /* line 3870, app/assets/stylesheets/common_css.scss */
  .col {
    margin-bottom: 10px;
  }
}

/* General enhancements only if media queries supported 
======================================================================
====================================================================== */
/* Headings & Titles
---------------------------------------------- */
/* Global Wrappers
---------------------------------------------- */
/* Headers - Navigations - Footers
---------------------------------------------- */
/* Global Menus
---------------------------------------------- */
/* Custom Content Structure
---------------------------------------------- */
/* Hero Homepage
    ------------------------ */
/* Feature and Promos
    ------------------------ */
/* 3 Custom Promos
    ------------------------ */
/* UI Helpers
    ------------------------ */
/* App Downloads
    ------------------------ */
/* Promo Form
    ------------------------ */
/* Modules
---------------------------------------------- */
/* Modals
    ------------------------ */
/* Alerts
    ------------------------ */
/* Info Boxes
    ------------------------ */
/* VIEWPORT SETUP
---------------------------------------------- */
@media only screen {
  /* VIEWPORT SETUP
    ---------------------------------------------- */
  @-webkit-viewport {
    width: device-width;
  }
  @-moz-viewport {
    width: device-width;
  }
  @-ms-viewport {
    width: device-width;
  }
  @-o-viewport {
    width: device-width;
  }
  @viewport {
    width: device-width;
  }
  /* GLOBAL BACKGROUND IMAGE ATTRIBUTES
    ---------------------------------------------- */
  /* MODAL ANIMATIONS
    ---------------------------------------------- */
  /* line 3965, app/assets/stylesheets/common_css.scss */
  .js .m-fade .modal-dialog {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  /* line 3976, app/assets/stylesheets/common_css.scss */
  .js .in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/* BG IMAGES & HEROS
================================================================================ */
@media (min-width: 15em) {
  /* 320PX */
}

/* min width 480px
---------------------------------------------- */
@media (min-width: 30em) {
  /* Hero BG IMAGES
    ------------------------ */
}

@media (min-width: 51.25em) {
  /* 820px /*
    /* Hero BG IMAGES
    ------------------------ */
}

/* min width 980px ++
---------------------------------------------- */
@media (min-width: 61.25em) {
  /* Hero BG IMAGES
    ------------------------ */
  /* line 4029, app/assets/stylesheets/common_css.scss */
  .touch .hero-welcome,
.no-js .hero-welcome,
.hero-welcome-alt {
    background-size: 100% auto;
  }
  /* line 4046, app/assets/stylesheets/common_css.scss */
  .hero--device1 {
    display: block;
    height: 345px;
    width: 514px;
  }
  /* line 4052, app/assets/stylesheets/common_css.scss */
  .hero--device2 {
    padding: 3% 11.1% 4% 12.4%;
    width: 83%;
    margin: 0 7.8% 0 auto;
  }
  /* line 4058, app/assets/stylesheets/common_css.scss */
  .hero--device3 {
    height: 358px;
    width: 307px;
  }
  /* line 4064, app/assets/stylesheets/common_css.scss */
  .hero-device1-screen {
    height: 292px;
    width: 464px;
    left: 25px;
    top: 37px;
  }
  /* line 4071, app/assets/stylesheets/common_css.scss */
  .hero-device3-screen {
    height: 316px;
    width: 188px;
    position: absolute;
    right: 16px;
    top: 42px;
  }
  /* line 4083, app/assets/stylesheets/common_css.scss */
  #device-congrats-img {
    width: 100%;
    height: auto;
  }
  /* line 4088, app/assets/stylesheets/common_css.scss */
  .what-to-do .column1 {
    width: 40%;
    padding-left: 20px;
    padding-top: 20px;
  }
  /* line 4094, app/assets/stylesheets/common_css.scss */
  .what-to-do .column2 {
    width: 60%;
  }
}

/* MIN width 1280px
---------------------------------------------- */
@media (min-width: 79.9em) {
  /* line 4110, app/assets/stylesheets/common_css.scss */
  .slide-1 .slide-screen {
    padding-bottom: 6.3%;
  }
  /* line 4114, app/assets/stylesheets/common_css.scss */
  .slide-2 .slide-content {
    padding: 5.6% 3.91% 70px;
    max-width: 850px;
  }
  /* line 4132, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-prev {
    left: -9%;
  }
  /* line 4136, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-next {
    right: -9%;
  }
}

/* min width 1366px
---------------------------------------------- */
@media (min-width: 85.375em) {
  /* GLOBAL BUMP
    ------------------------ */
  /* line 4152, app/assets/stylesheets/common_css.scss */
  .fluid-lg {
    max-width: 1280px;
  }
  /* line 4156, app/assets/stylesheets/common_css.scss */
  .hero--device2 {
    padding: 2.6% 10.2% 3.7% 11.4%;
    width: 77%;
    margin: 0 8% 0 auto;
  }
  /* Hero Welcome
    ------------------------ */
  /* line 4164, app/assets/stylesheets/common_css.scss */
  .hero-devices {
    min-height: 560px;
  }
  /* line 4168, app/assets/stylesheets/common_css.scss */
  .hero-devices .h-lgt {
    margin-top: 3em;
  }
  /* Hero ROTATOR
    ------------------------ */
  /* line 4175, app/assets/stylesheets/common_css.scss */
  .slide-1 .slide-screen {
    padding-bottom: 7%;
  }
  /* line 4179, app/assets/stylesheets/common_css.scss */
  .slide-2 .slide-content {
    padding: 5.8% 3.93% 70px;
    max-width: 970px;
  }
  /* line 4186, app/assets/stylesheets/common_css.scss */
  .slide-3 .slide-content {
    padding: 6.7% 2.3% 0;
    max-width: 440px;
  }
  /* line 4192, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-prev {
    left: 0;
  }
  /* line 4196, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-next {
    right: 0;
  }
  /* line 4200, app/assets/stylesheets/common_css.scss */
  [lang="en-ca"] .is--fancy .form-label {
    min-height: 86px;
  }
  /* line 4204, app/assets/stylesheets/common_css.scss */
  [lang="fr-ca"] .is--fancy .form-label {
    min-height: 112px;
  }
}

/* min width 1600px ++
---------------------------------------------- */
@media (min-width: 100em) {
  /* GLOBAL BUMPS
    ------------------------ */
  /* line 4216, app/assets/stylesheets/common_css.scss */
  html {
    font-size: 1.05rem;
  }
  /* line 4221, app/assets/stylesheets/common_css.scss */
  #page-body {
    padding-top: 0 !important;
  }
  /* Hero BG IMAGES
    ------------------------ */
  /* Hero ROTATOR
    ------------------------ */
  /* line 4246, app/assets/stylesheets/common_css.scss */
  .slide-2 .slide-content {
    padding: 5.7% 3.97% 70px;
    max-width: 80%;
  }
  /* line 4254, app/assets/stylesheets/common_css.scss */
  .slide-3 .slide-content {
    padding: 6.7% 2.3% 0;
    max-width: 400px;
  }
  /* line 4260, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-prev {
    left: -15%;
  }
  /* line 4264, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-next {
    right: -15%;
  }
}

/* min width 1920px ++
---------------------------------------------- */
@media (min-width: 120em) {
  /* line 4274, app/assets/stylesheets/common_css.scss */
  .has--fancy-bot {
    padding-bottom: 3em;
    margin-bottom: 2.5em;
  }
  /* line 4279, app/assets/stylesheets/common_css.scss */
  .fluid-lg {
    max-width: 1366px;
  }
  /* line 4283, app/assets/stylesheets/common_css.scss */
  .hero--device2 {
    padding: 2.5% 9.2% 3.1% 10.2%;
    width: 70%;
    margin: 0 8% 0 auto;
  }
  /* Hero Devices
    ------------------------ */
  /* line 4291, app/assets/stylesheets/common_css.scss */
  .hero-devices {
    min-height: 600px;
  }
  /* line 4295, app/assets/stylesheets/common_css.scss */
  .hero-devices .h-lgt {
    margin-top: 4em;
  }
}

/* min width 2100px ++
---------------------------------------------- */
@media (min-width: 131.25em) {
  /* GLOBAL BUMPS
    ------------------------ */
  /* line 4311, app/assets/stylesheets/common_css.scss */
  html {
    font-size: 1.15rem;
  }
  /* Hero ROTATOR
    ------------------------ */
  /* line 4327, app/assets/stylesheets/common_css.scss */
  .slide-1 .slide-content {
    padding-top: 44px;
  }
  /* line 4331, app/assets/stylesheets/common_css.scss */
  .slide-3 .slide-content {
    padding: 6.7% 2.3% 0;
    max-width: 35%;
  }
  /* line 4349, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-prev {
    left: -20%;
  }
  /* line 4353, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-next {
    right: -20%;
  }
}

@media (max-width: 1600px) {
  /* line 4360, app/assets/stylesheets/common_css.scss */
  .header-wrapper {
    margin: 0 35px;
  }
  /* line 4364, app/assets/stylesheets/common_css.scss */
  .is--primary .help-section .sub-menu-dropdown {
    right: 100px;
  }
  /* line 4368, app/assets/stylesheets/common_css.scss */
  .is--primary .help-section.all-alone .sub-menu-dropdown {
    right: 15px;
  }
}

/* max width 1440px
---------------------------------------------- */
@media (max-width: 90em) {
  /* line 4381, app/assets/stylesheets/common_css.scss */
  .fancy-promos-2 {
    width: 85%;
  }
}

@media (max-width: 1200px) {
  /* line 4388, app/assets/stylesheets/common_css.scss */
  .brand-fs {
    background-image: url(/logos/rgcl-small-logo.svg);
    width: 350px;
  }
}

/* max width 1280px
---------------------------------------------- */
@media (max-width: 80em) {
  /* line 4399, app/assets/stylesheets/common_css.scss */
  .five-info-offers .span-2 .span-3,
.five-info-offers .span-4 .span-2 {
    width: 90%;
    border-radius: 20px;
    margin: 8px;
  }
  /* line 4406, app/assets/stylesheets/common_css.scss */
  .five-info-offers .span-2 .span-3:first-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  /* line 4411, app/assets/stylesheets/common_css.scss */
  .five-info-offers .span-4 .span-2:last-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  /* line 4416, app/assets/stylesheets/common_css.scss */
  .five-info-offers .span-2,
.five-info-offers .span-4 {
    width: 100%;
  }
  /* line 4421, app/assets/stylesheets/common_css.scss */
  .minus-margin-5 {
    margin-left: 0;
  }
  /* Hero BG IMAGES
    ------------------------ */
  /* line 4431, app/assets/stylesheets/common_css.scss */
  .js .hero-welcome {
    background-size: 100% auto;
  }
  /* Hero DEVICES
    ------------------------ */
  /* line 4447, app/assets/stylesheets/common_css.scss */
  .hero-devices {
    min-height: 490px;
  }
  /* line 4451, app/assets/stylesheets/common_css.scss */
  .hero-devices .h-lgt {
    margin-top: 2em;
  }
  /* Hero ROTATOR
    ------------------------ */
  /* line 4458, app/assets/stylesheets/common_css.scss */
  .slide-1 .slide-content {
    padding: 33px 13.75% 7%;
  }
  /* line 4469, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-prev {
    left: -1%;
  }
  /* line 4473, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-next {
    right: -1%;
  }
  /* TODO - MOVE
    ------------------------ */
  /* line 4483, app/assets/stylesheets/common_css.scss */
  .fancy-promos-2 {
    width: 95%;
  }
  /* line 4487, app/assets/stylesheets/common_css.scss */
  .fancy-promos-2 .is--fancy {
    padding: 1em 4% 0px;
  }
  /* line 4491, app/assets/stylesheets/common_css.scss */
  #bg-video,
.bg-video-overlay {
    display: none;
  }
  /* line 4496, app/assets/stylesheets/common_css.scss */
  [lang="en-ca"] .fancy-promos-3 .feature-excerpt {
    min-height: 185px;
  }
}

/* max width 1024px
---------------------------------------------- */
@media (max-width: 992px) {
  /* line 4511, app/assets/stylesheets/common_css.scss */
  .brand-fs {
    width: 240px;
  }
  /* line 4515, app/assets/stylesheets/common_css.scss */
  .menu--secondary li {
    padding: 10px 0px 10px 36px;
  }
}

/* max width 980px
---------------------------------------------- */
@media (max-width: 61.25em) {
  /* Hero BG IMAGES
    ------------------------ */
  /* Hero Welcome
    ------------------------ */
  /* line 4534, app/assets/stylesheets/common_css.scss */
  .hero--device2 {
    padding: 3.1% 12% 4.4% 13.5%;
    width: 90%;
  }
  /* line 4539, app/assets/stylesheets/common_css.scss */
  .hero--device3 {
    display: block;
    height: 257px;
    width: 220px;
  }
  /* line 4546, app/assets/stylesheets/common_css.scss */
  .hero-device3-screen {
    height: 226px;
    width: 135px;
    right: 11px;
    top: 30px;
  }
  /* Carousels
    ------------------------ */
  /* line 4568, app/assets/stylesheets/common_css.scss */
  #device-congrats-img {
    display: none;
  }
  /* line 4572, app/assets/stylesheets/common_css.scss */
  .what-to-do .column1 {
    display: none;
    width: 0;
  }
  /* line 4577, app/assets/stylesheets/common_css.scss */
  .what-to-do .column2 {
    width: 100%;
  }
}

/* max width 820px
---------------------------------------------- */
@media (max-width: 51.25em) {
  /* Hero BG IMAGES
    ------------------------ */
  /* line 4593, app/assets/stylesheets/common_css.scss */
  .hero-appdownload {
    min-height: 400px;
  }
  /* line 4597, app/assets/stylesheets/common_css.scss */
  .hero-appdownload .useless-layout1 {
    padding-top: 2em;
  }
  /* line 4601, app/assets/stylesheets/common_css.scss */
  .general-form {
    width: 100%;
  }
  /* line 4605, app/assets/stylesheets/common_css.scss */
  .promo-box {
    width: 100%;
  }
}

@media (max-width: 768px) {
  /* line 4613, app/assets/stylesheets/common_css.scss */
  .menu--secondary li {
    padding: 10px 10px;
    font-size: 18px;
  }
  /* line 4618, app/assets/stylesheets/common_css.scss */
  .header-wrapper {
    margin: 0px 10px;
  }
  /* line 4622, app/assets/stylesheets/common_css.scss */
  .is--primary .help-section .sub-menu-dropdown {
    right: 85px;
  }
}

/* max width 660px
---------------------------------------------- */
@media (max-width: 41.25em) {
  /* Hero BG IMAGES
    ------------------------ */
  /* line 4633, app/assets/stylesheets/common_css.scss */
  .js .hero-appdownload {
    background-size: 115% auto;
  }
  /* line 4637, app/assets/stylesheets/common_css.scss */
  .js .hero-devices {
    background-size: 115% auto;
  }
}

/* max width 480px
---------------------------------------------- */
@media (max-width: 30em) {
  /* Hero BG IMAGES
    ------------------------ */
  /* line 4660, app/assets/stylesheets/common_css.scss */
  .js .hero-devices {
    background: #1b2024;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #637683 0%, #1b2024 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #637683), color-stop(100%, #1b2024));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #637683 0%, #1b2024 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #637683 0%, #1b2024 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #637683 0%, #1b2024 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #637683 0%, #1b2024 100%);
    /* W3C */
  }
  /* line 4678, app/assets/stylesheets/common_css.scss */
  .js .hero-appdownload {
    background-size: 100% auto;
  }
}

/* max width 380px
---------------------------------------------- */
@media (max-width: 23.75em) {
  /* line 4688, app/assets/stylesheets/common_css.scss */
  .js .hero-appdownload {
    background-size: 130% auto;
  }
}

/* ============================================================================================================================================
 START GLOBAL MEDIA QUERY STRUCTURE --- MAX WIDTHS
============================================================================================================================================ */
/* MQ 1024- tablets & small screens
================================================================================ */
@media (max-width: 64em) {
  /* Headings & Titles
---------------------------------------------- */
  /* Global Wrappers
---------------------------------------------- */
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* Global Menus
---------------------------------------------- */
  /* Custom Content Structure
---------------------------------------------- */
  /* Heros Homepage
    ------------------------ */
  /* Hero Devices */
  /* line 4721, app/assets/stylesheets/common_css.scss */
  .hero-devices {
    min-height: 1em;
  }
  /* line 4725, app/assets/stylesheets/common_css.scss */
  .hero-devices .h-lgt {
    margin-top: 0;
  }
  /* Feature and Promos
    ------------------------ */
  /* 3 Custom Promos
    ------------------------ */
  /* UI Helpers
    ------------------------ */
  /* App Downloads
    ------------------------ */
  /* Promo Form
    ------------------------ */
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Info Boxes
    ------------------------ */
  /* line 4755, app/assets/stylesheets/common_css.scss */
  .info-offers .span-2 {
    width: 90%;
    margin: 0.5em 0;
    border-radius: 20px;
  }
  /* line 4761, app/assets/stylesheets/common_css.scss */
  .info-offers .span-2:first-child {
    border-radius: 20px;
  }
  /* line 4765, app/assets/stylesheets/common_css.scss */
  .info-offers .span-2:last-child {
    border-radius: 20px;
  }
  /* line 4769, app/assets/stylesheets/common_css.scss */
  .info-offers .span-3.offer {
    width: 90%;
    margin: 0.5em 0;
    border-radius: 20px;
  }
  /* line 4775, app/assets/stylesheets/common_css.scss */
  .info-offers .span-3.offer.first {
    border-radius: 20px;
  }
  /* line 4779, app/assets/stylesheets/common_css.scss */
  .info-offers .span-3.offer.last {
    border-radius: 20px;
  }
}

/* MQ 820- tablets & small screens
================================================================================ */
@media (max-width: 51.25em) {
  /* Headings & Titles
---------------------------------------------- */
  /* line 4792, app/assets/stylesheets/common_css.scss */
  .sizes-L {
    font-size: 30px;
    font-size: 1.875rem;
  }
  /* line 4796, app/assets/stylesheets/common_css.scss */
  .sizes-M {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.1;
  }
  /* line 4801, app/assets/stylesheets/common_css.scss */
  .sizes-M2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* line 4809, app/assets/stylesheets/common_css.scss */
  .size-LG {
    font-size: 32px;
    font-size: 2rem;
  }
  /* line 4813, app/assets/stylesheets/common_css.scss */
  .size-L {
    font-size: 26px;
    font-size: 1.625rem;
  }
  /* line 4817, app/assets/stylesheets/common_css.scss */
  .size-L2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* line 4821, app/assets/stylesheets/common_css.scss */
  .size-L3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* line 4825, app/assets/stylesheets/common_css.scss */
  .size-L4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* line 4830, app/assets/stylesheets/common_css.scss */
  .has--fancy-top,
.has--fancy-bot {
    background-size: 100% auto;
  }
  /* line 4835, app/assets/stylesheets/common_css.scss */
  #tos_modal .modal-title {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* line 4839, app/assets/stylesheets/common_css.scss */
  .mega-reversed {
    font-size: 42px;
    font-size: 2.625rem;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* line 4845, app/assets/stylesheets/common_css.scss */
  .fluid {
    padding: 0 3.5%;
  }
  /* line 4849, app/assets/stylesheets/common_css.scss */
  .fluid-lg {
    padding: 0 3.5%;
  }
  /* line 4853, app/assets/stylesheets/common_css.scss */
  .site-wrapper {
    padding: 0 3.5%;
  }
  /* Headers - Footers
---------------------------------------------- */
  /* line 4863, app/assets/stylesheets/common_css.scss */
  .brand-fs {
    background-size: 97% auto;
    width: 30%;
  }
  /* Global Menus
---------------------------------------------- */
  /* line 4877, app/assets/stylesheets/common_css.scss */
  .menu--secondary li:first-child {
    padding-left: 0;
  }
  /* line 4881, app/assets/stylesheets/common_css.scss */
  .menu--tertiary {
    float: left;
    margin-bottom: .7em;
    width: 100%;
  }
  /* line 4887, app/assets/stylesheets/common_css.scss */
  .menu--tertiary .copyright {
    margin-left: 0;
    float: none;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  /* Custom Content Structure
---------------------------------------------- */
  /* Hero Homepage
    ------------------------ */
  /* Hero Welcome
    ------------------------ */
  /* line 4902, app/assets/stylesheets/common_css.scss */
  .hero-1-devices {
    margin-top: 2em;
  }
  /* line 4906, app/assets/stylesheets/common_css.scss */
  .hero-devices .useless-layout-wrapper {
    width: 85%;
  }
  /* Hero Rotator
    ------------------------ */
  /* line 4913, app/assets/stylesheets/common_css.scss */
  .slide-content {
    min-height: 405px;
  }
  /* line 4917, app/assets/stylesheets/common_css.scss */
  .slide-1 .slide-content {
    padding: 24px 13.75% 40px;
  }
  /* line 4922, app/assets/stylesheets/common_css.scss */
  .slide-2 .slide-content {
    padding: 5.7% 3.97% 40px;
    max-width: 580px;
  }
  /* line 4927, app/assets/stylesheets/common_css.scss */
  .slide-3 .slide-content {
    padding: 6.9% 2.3% 0;
    max-width: 270px;
  }
  /* line 4932, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-prev {
    left: 0;
  }
  /* line 4936, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav .flex-next {
    right: 0;
  }
  /* Feature and Promos
    ------------------------ */
  /* sub features */
  /* line 4944, app/assets/stylesheets/common_css.scss */
  .is--Listing .feature-body {
    padding-top: 1.5em;
  }
  /* line 4948, app/assets/stylesheets/common_css.scss */
  .img--isListing {
    margin-right: 2.4193548%;
    width: 35%;
  }
  /* sub features */
  /* line 4954, app/assets/stylesheets/common_css.scss */
  .main-features .is--promo {
    float: none;
    margin: 0 0 1em;
    width: 100%;
  }
  /* 3 Custom Promos
    ------------------------ */
  /* line 4962, app/assets/stylesheets/common_css.scss */
  .fancy-promos-2 .feature-excerpt,
.fancy-promos-3 .feature-excerpt,
.is--fancy .form-label {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* line 4968, app/assets/stylesheets/common_css.scss */
  .fancy-promos-3 .is--fancy {
    padding: 0 2%;
  }
  /* line 4972, app/assets/stylesheets/common_css.scss */
  .fancy-promos-2 {
    width: 100%;
  }
  /* line 4976, app/assets/stylesheets/common_css.scss */
  .fancy-promos-2 .is--fancy {
    padding: 1em 3.5%;
  }
  /* line 4980, app/assets/stylesheets/common_css.scss */
  .feature-body .small-text {
    font-size: 10px;
    font-size: 0.625rem;
  }
  /* line 4984, app/assets/stylesheets/common_css.scss */
  [lang="en-ca"] .fancy-promos-2 .feature-excerpt {
    min-height: 150px;
  }
  /* UI Helpers
    ------------------------ */
  /* App Downloads
    ---------------------------------------------- */
  /* line 5019, app/assets/stylesheets/common_css.scss */
  .gen-form.row .span-3 {
    width: 100%;
  }
  /* Promo Form
    ------------------------ */
  /* line 5025, app/assets/stylesheets/common_css.scss */
  .promo-code-full .form-label {
    width: 90%;
  }
  /* line 5029, app/assets/stylesheets/common_css.scss */
  .promo-code-full .text-field {
    padding: .8em;
  }
  /* line 5033, app/assets/stylesheets/common_css.scss */
  .promo-code-full .form-row {
    margin-left: 20%;
  }
  /* Order Summary Tables
    ------------------------ */
  /* line 5039, app/assets/stylesheets/common_css.scss */
  .order-table .thead th {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* Modules
---------------------------------------------- */
  /* line 5052, app/assets/stylesheets/common_css.scss */
  .btn.btn-block {
    padding: 1em 0;
  }
  /* line 5056, app/assets/stylesheets/common_css.scss */
  .btn-group-wide .btn {
    padding: 1em 3em;
  }
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Info Boxes
    ------------------------ */
  /* line 5066, app/assets/stylesheets/common_css.scss */
  .info-lg {
    padding: 20px;
  }
}

/* MQ 768- tablets & small screens
================================================================================ */
@media (max-width: 48em) {
  /* 768px */
  /* Headings & Titles
---------------------------------------------- */
  /* line 5080, app/assets/stylesheets/common_css.scss */
  .copy-XLG {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* line 5092, app/assets/stylesheets/common_css.scss */
  .brand-fs {
    background-size: 100% auto;
    width: 25%;
  }
  /* Custom Content Structure
---------------------------------------------- */
  /* Hero Homepage
    ------------------------ */
  /* Hero Rotator
    ------------------------ */
  /* line 5112, app/assets/stylesheets/common_css.scss */
  .hero-rotator {
    display: none;
  }
  /* Feature and Promos
    ------------------------ */
  /* 3 Custom Promos
    ------------------------ */
  /* UI Helpers
    ------------------------ */
  /* App Downloads
    ------------------------ */
  /* Promo Form
    ------------------------ */
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Info Boxes
    ------------------------ */
}

/* MQ 600- tablets & small screens
================================================================================ */
@media (max-width: 37.5em) {
  /* 600PX */
  /* Headings & Titles
---------------------------------------------- */
  /* line 5171, app/assets/stylesheets/common_css.scss */
  .sizes-L {
    font-size: 26px;
    font-size: 1.625rem;
  }
  /* line 5175, app/assets/stylesheets/common_css.scss */
  .sizes-M {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.1;
  }
  /* line 5180, app/assets/stylesheets/common_css.scss */
  .sizes-M2 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
  /* line 5184, app/assets/stylesheets/common_css.scss */
  .sizes-SM {
    font-size: 19px;
    font-size: 1.1875rem;
  }
  /* line 5189, app/assets/stylesheets/common_css.scss */
  .header-layout .check-mark,
.header-layout .empty-number,
.header-layout .check-mark + .header-text,
.header-layout .empty-number + .header-text {
    display: none;
  }
  /* line 5198, app/assets/stylesheets/common_css.scss */
  .size-LG {
    font-size: 28px;
    font-size: 1.75rem;
  }
  /* line 5202, app/assets/stylesheets/common_css.scss */
  .size-LG2 {
    font-size: 26px;
    font-size: 1.625rem;
  }
  /* line 5206, app/assets/stylesheets/common_css.scss */
  .size-L {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* line 5210, app/assets/stylesheets/common_css.scss */
  .size-L2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.2;
    margin-bottom: 1em;
  }
  /* line 5216, app/assets/stylesheets/common_css.scss */
  .size-L3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* line 5220, app/assets/stylesheets/common_css.scss */
  .size-L4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* line 5224, app/assets/stylesheets/common_css.scss */
  .already-have {
    float: none;
    line-height: 1.1;
    margin-bottom: 2em;
    padding-top: 0;
  }
  /* line 5233, app/assets/stylesheets/common_css.scss */
  #tos_modal .modal-title {
    margin-bottom: 1em;
    padding-bottom: .7em;
    padding-right: 30px;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* body - homepage */
  /* line 5243, app/assets/stylesheets/common_css.scss */
  #page-body {
    padding-top: 54px;
  }
  /* line 5247, app/assets/stylesheets/common_css.scss */
  .page-site {
    padding-top: 10px;
  }
  /* line 5251, app/assets/stylesheets/common_css.scss */
  .menu .hamburger-only-links {
    display: block;
  }
  /* line 5255, app/assets/stylesheets/common_css.scss */
  .menu .non-hamburger-only-links {
    display: none;
  }
  /* global header SS */
  /* line 5260, app/assets/stylesheets/common_css.scss */
  .global-header {
    background-color: #009CDE;
    padding: .5em 0 0;
  }
  /* Global Header Enhanced with Animation */
  /* line 5267, app/assets/stylesheets/common_css.scss */
  .js .global-header {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  /* line 5276, app/assets/stylesheets/common_css.scss */
  .js .is-hidden {
    top: 0px;
    left: -700px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
    -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
    transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  }
  /* line 5290, app/assets/stylesheets/common_css.scss */
  .js .is-visible {
    top: 0px;
    left: 0px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
    -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
    transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  }
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* Header navigation reset */
  /* line 5308, app/assets/stylesheets/common_css.scss */
  .global-header .header,
.global-header .site-wrapper {
    padding: 0;
  }
  /* line 5313, app/assets/stylesheets/common_css.scss */
  .is--primary,
.is--secondary {
    background-color: transparent;
  }
  /* line 5318, app/assets/stylesheets/common_css.scss */
  .is--secondary .site-wrapper {
    position: static;
  }
  /* line 5322, app/assets/stylesheets/common_css.scss */
  .navigation-wrapper {
    padding: 0;
    width: 100%;
  }
  /* line 5327, app/assets/stylesheets/common_css.scss */
  .menu--secondary {
    font-family: "Roboto", "regular", "Helvetica", "Arial", "sans-serif";
  }
  /* grouped styles */
  /* line 5332, app/assets/stylesheets/common_css.scss */
  .menu a, .menu .new-form .promo-mastercard.package-selected, .new-form .menu .promo-mastercard.package-selected,
.menu--secondary a:hover,
.menu--secondary .new-form .promo-mastercard.package-selected:hover,
.new-form .menu--secondary .promo-mastercard.package-selected:hover,
.menu--secondary .is-selected,
.menu .welcome {
    border-bottom: 1px solid #FF6D62;
  }
  /* line 5339, app/assets/stylesheets/common_css.scss */
  .menu {
    line-height: normal;
    margin: 0;
  }
  /* NHL link set to look like main nav */
  /* Default state - no js
    ---------------------------------------------- */
  /* line 5364, app/assets/stylesheets/common_css.scss */
  .no-js .brand-fs {
    background-size: contain;
    margin: 0;
    position: absolute;
    top: 15px;
    right: 2.5%;
    width: 65%;
  }
  /* Enhanced state - JS Enabled
    ---------------------------------------------- */
  /* line 5375, app/assets/stylesheets/common_css.scss */
  .js .menu--primary {
    margin-top: 54px;
  }
  /* remove site logo */
  /* line 5380, app/assets/stylesheets/common_css.scss */
  .js .brand-fs {
    display: none;
  }
  /* Global Menus
---------------------------------------------- */
  /* General Menu structures */
  /* line 5388, app/assets/stylesheets/common_css.scss */
  .menu {
    display: block;
    padding: 0;
    width: 100%;
    line-height: normal;
    margin: 0;
  }
  /* line 5396, app/assets/stylesheets/common_css.scss */
  .menu li {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  /* line 5403, app/assets/stylesheets/common_css.scss */
  .menu a, .menu .new-form .promo-mastercard.package-selected, .new-form .menu .promo-mastercard.package-selected,
.menu .welcome {
    padding: 8px 0 8px 20px;
  }
  /* Primary Menu abstraction */
  /* line 5409, app/assets/stylesheets/common_css.scss */
  .menu--primary a, .menu--primary .new-form .promo-mastercard.package-selected, .new-form .menu--primary .promo-mastercard.package-selected,
.menu--secondary a,
.menu--secondary .new-form .promo-mastercard.package-selected,
.new-form .menu--secondary .promo-mastercard.package-selected {
    font-family: "Roboto", "regular", "Helvetica", "Arial", "sans-serif";
    font-size: 18px;
    display: block;
    color: #FFC6C6;
    line-height: 25.7143px;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    text-transform: none;
  }
  /* line 5424, app/assets/stylesheets/common_css.scss */
  .menu--primary a:hover, .menu--primary .new-form .promo-mastercard.package-selected:hover, .new-form .menu--primary .promo-mastercard.package-selected:hover {
    color: #000000;
    text-decoration: none;
  }
  /* line 5429, app/assets/stylesheets/common_css.scss */
  .menu--primary a, .menu--primary .new-form .promo-mastercard.package-selected, .new-form .menu--primary .promo-mastercard.package-selected,
.menu--secondary a,
.menu--secondary .new-form .promo-mastercard.package-selected,
.new-form .menu--secondary .promo-mastercard.package-selected {
    color: #FFC6C6;
  }
  /* line 5434, app/assets/stylesheets/common_css.scss */
  .menu--primary a.active, .menu--primary .new-form .active.promo-mastercard.package-selected, .new-form .menu--primary .active.promo-mastercard.package-selected,
.menu--secondary a.active,
.menu--secondary .new-form .active.promo-mastercard.package-selected,
.new-form .menu--secondary .active.promo-mastercard.package-selected {
    font-weight: bold;
    color: #ffffff;
  }
  /* Secondary Menu abstraction */
  /* line 5441, app/assets/stylesheets/common_css.scss */
  .menu--primary .welcome-id {
    display: none;
  }
  /* line 5445, app/assets/stylesheets/common_css.scss */
  .no-touch .menu--secondary a:hover:before, .no-touch .menu--secondary .new-form .promo-mastercard.package-selected:hover:before, .new-form .no-touch .menu--secondary .promo-mastercard.package-selected:hover:before,
.no-touch .menu--secondary a:focus:before,
.no-touch .menu--secondary .new-form .promo-mastercard.package-selected:focus:before,
.new-form .no-touch .menu--secondary .promo-mastercard.package-selected:focus:before,
.no-touch .menu--secondary a:active:before,
.no-touch .menu--secondary .new-form .promo-mastercard.package-selected:active:before,
.new-form .no-touch .menu--secondary .promo-mastercard.package-selected:active:before,
.no-touch .menu--secondary .is-selected:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  /* line 5453, app/assets/stylesheets/common_css.scss */
  .touch .menu--secondary .is-selected {
    border-bottom-width: 1px;
  }
  /* target needs to be on element, does not work on a wrapper */
  /* line 5458, app/assets/stylesheets/common_css.scss */
  .anchored:before {
    height: 85px;
    /* Give height of your fixed element */
    margin-top: -85px;
    /* Give negative margin of your fixed element */
  }
  /* Custom Content Structure
---------------------------------------------- */
  /* Heros Homepage
    ------------------------ */
  /* line 5470, app/assets/stylesheets/common_css.scss */
  .hero-enhance {
    padding: 2em 0;
  }
  /* line 5474, app/assets/stylesheets/common_css.scss */
  .video-promo {
    margin-top: 1em;
    width: 80%;
  }
  /* Hero Welcome
    ------------------------ */
  /* line 5481, app/assets/stylesheets/common_css.scss */
  .mega-reversed {
    font-size: 38px;
    font-size: 2.375rem;
  }
  /* line 5485, app/assets/stylesheets/common_css.scss */
  .hero-1-devices {
    margin-top: 2em;
  }
  /* line 5490, app/assets/stylesheets/common_css.scss */
  .hero--device1 {
    display: none;
  }
  /* line 5494, app/assets/stylesheets/common_css.scss */
  .hero--device2 {
    padding: 3.8% 13.4% 4.6% 14.8%;
    width: 100%;
  }
  /* line 5499, app/assets/stylesheets/common_css.scss */
  .hero--device3 {
    display: none;
  }
  /* line 5503, app/assets/stylesheets/common_css.scss */
  .useless-layout1,
.hero-devices .useless-layout-wrapper {
    width: 100%;
  }
  /* line 5508, app/assets/stylesheets/common_css.scss */
  [lang="fr-ca"] .hero-welcome .useless-layout1 {
    width: 100%;
  }
  /* line 5512, app/assets/stylesheets/common_css.scss */
  .hero-upgrade .promo-upgrade {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding-bottom: 1.5em;
  }
  /* line 5518, app/assets/stylesheets/common_css.scss */
  .hero-appdownload {
    min-height: 300px;
  }
  /* line 5522, app/assets/stylesheets/common_css.scss */
  .hero-appdownload .useless-layout1 {
    padding-top: 1em;
    margin-bottom: 1em;
  }
  /* line 5528, app/assets/stylesheets/common_css.scss */
  .hero-gameplus {
    padding-bottom: 1em;
  }
  /* Hero Rotator
    ------------------------ */
  /* Feature and Promos
    ------------------------ */
  /* line 5552, app/assets/stylesheets/common_css.scss */
  .span-of-3 .feature-img,
.span-of-4 .feature-img,
.span-of-5 .feature-img {
    float: left;
    margin-right: 2.4193548%;
    max-width: 40%;
  }
  /* General List */
  /* line 5561, app/assets/stylesheets/common_css.scss */
  .is--Listing .size-L3 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.1;
  }
  /* items in a block style - img above, content below */
  /* line 5567, app/assets/stylesheets/common_css.scss */
  .span-of-2 .is--promo,
.span-of-3 .is--promo,
.span-of-4 .is--promo,
.span-of-5 .is--promo {
    float: none;
    margin: 0 0 1em;
    width: 100%;
  }
  /* line 5576, app/assets/stylesheets/common_css.scss */
  .span-of-2 > .is--promo + .is--promo,
.span-of-3 > .is--promo + .is--promo,
.span-of-4 > .is--promo + .is--promo,
.span-of-5 > .is--promo + .is--promo {
    margin-left: 0;
  }
  /* 3 Custom Promos
    ------------------------ */
  /* line 5586, app/assets/stylesheets/common_css.scss */
  .fancy-promos-3 {
    margin-top: 0;
  }
  /* line 5592, app/assets/stylesheets/common_css.scss */
  .has--ul-fancy .is--promo,
.has--fancy-bot .is--promo {
    padding-bottom: 0;
  }
  /* line 5597, app/assets/stylesheets/common_css.scss */
  [lang="en-ca"] .fancy-promos-2 .feature-excerpt,
[lang="fr-ca"] .fancy-promos-2 .feature-excerpt,
[lang="en-ca"] .fancy-promos-3 .feature-excerpt,
[lang="fr-ca"] .fancy-promos-3 .feature-excerpt {
    min-height: 1px;
    margin-bottom: 1.2em;
  }
  /* line 5605, app/assets/stylesheets/common_css.scss */
  .feature-body .small-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
  /* line 5610, app/assets/stylesheets/common_css.scss */
  .fancy-promos-3 .is--fancy,
.fancy-promos-2 .is--fancy {
    float: none;
    width: 100%;
  }
  /* line 5616, app/assets/stylesheets/common_css.scss */
  .overages {
    padding-top: 0;
  }
  /* line 5620, app/assets/stylesheets/common_css.scss */
  .fancy-promos-3 .is--fancy {
    padding: 1em 3% .5em;
  }
  /* line 5624, app/assets/stylesheets/common_css.scss */
  .fancy-promos-2 .is--fancy {
    padding: 0 3% 1em;
  }
  /* line 5628, app/assets/stylesheets/common_css.scss */
  [lang="en-ca"] .is--fancy {
    min-height: 0;
  }
  /* line 5632, app/assets/stylesheets/common_css.scss */
  [lang="fr-ca"] .is--fancy {
    min-height: 0;
  }
  /* Apply borders between the promos */
  /* line 5637, app/assets/stylesheets/common_css.scss */
  .fancy-promos-3 .is--fancy:nth-of-type(2) {
    background-image: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 1.5em 0;
    padding: 1.5em 0;
  }
  /* line 5646, app/assets/stylesheets/common_css.scss */
  .fancy-promos-2 .is--fancy:first-child {
    border-bottom: 1px solid #ccc;
    background-image: none;
    margin-bottom: 1.5em;
  }
  /* UI Helpers
    ------------------------ */
  /* line 5654, app/assets/stylesheets/common_css.scss */
  .has--fancy-bot {
    padding-bottom: 1em;
  }
  /* App Downloads
    ------------------------ */
  /* line 5660, app/assets/stylesheets/common_css.scss */
  .app-button-list {
    display: inline;
    margin: 0 auto;
  }
  /* line 5665, app/assets/stylesheets/common_css.scss */
  .app-button-list li {
    display: inline-block;
  }
  /* Promo Code Form
    ------------------------ */
  /* line 5676, app/assets/stylesheets/common_css.scss */
  .promo-code-full .form-row {
    margin-left: 10%;
  }
  /* line 5684, app/assets/stylesheets/common_css.scss */
  .is--fancy legend span {
    display: inline;
  }
  /* line 5688, app/assets/stylesheets/common_css.scss */
  [lang="en-ca"] .is--fancy .form-label,
[lang="fr-ca"] .is--fancy .form-label {
    margin-bottom: .4em;
  }
  /* Content Tables
    ------------------------ */
  /* line 5696, app/assets/stylesheets/common_css.scss */
  .content-table,
.content-table-group .indent {
    padding: 1em 1em;
  }
  /* line 5701, app/assets/stylesheets/common_css.scss */
  .content-table-group .h-reverse {
    padding: .5em 1em;
  }
  /* Order Summary Tables
    ------------------------ */
  /* line 5707, app/assets/stylesheets/common_css.scss */
  .order-table .thead {
    padding-bottom: 1.1em;
    width: 100%;
    clear: both;
    text-align: center;
  }
  /* line 5714, app/assets/stylesheets/common_css.scss */
  .order-table tbody {
    float: none;
    width: 100%;
  }
  /* line 5719, app/assets/stylesheets/common_css.scss */
  .order-table td {
    text-align: center;
  }
  /* line 5723, app/assets/stylesheets/common_css.scss */
  .order-table .th {
    text-align: center;
    padding: 0;
  }
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* line 5733, app/assets/stylesheets/common_css.scss */
  .modal-open {
    overflow: hidden;
  }
  /* line 5737, app/assets/stylesheets/common_css.scss */
  .modal-dialog {
    width: 100%;
    margin: 0;
    height: 100%;
    overflow-y: auto;
    padding: 4%;
  }
  /* line 5745, app/assets/stylesheets/common_css.scss */
  .modal-dialog.tos {
    width: 100%;
  }
  /* line 5749, app/assets/stylesheets/common_css.scss */
  #background_job_modal .modal-dialog {
    height: auto !important;
  }
  /* Alerts
    ------------------------ */
  /* line 5755, app/assets/stylesheets/common_css.scss */
  .alert {
    width: 90%;
  }
  /* line 5759, app/assets/stylesheets/common_css.scss */
  .alert.is-animated {
    top: 55px;
  }
  /* line 5763, app/assets/stylesheets/common_css.scss */
  .having-trouble {
    float: none;
    padding: 2.5% 0;
    margin: .5em 0;
    text-align: left;
    width: 100%;
  }
  /* line 5771, app/assets/stylesheets/common_css.scss */
  .having-trouble .info {
    margin-bottom: 0;
  }
  /* line 5775, app/assets/stylesheets/common_css.scss */
  .having-trouble .copy-L {
    font-size: 16px;
    font-size: 1rem;
  }
  /* Feedback tab */
  /* line 5781, app/assets/stylesheets/common_css.scss */
  .feedback-tab {
    position: fixed;
    right: 1px;
    bottom: -3px;
    top: auto;
    margin: 0;
    height: 44px;
  }
  /* line 5792, app/assets/stylesheets/common_css.scss */
  .i--feedback {
    height: 40px;
    width: 110px;
  }
  /* Info Boxes
    ------------------------ */
  /* BTN */
  /* line 5810, app/assets/stylesheets/common_css.scss */
  .btn-group-wide .btn {
    padding: 1em 1.6em;
  }
  /* Simple Grid
    ------------------------ */
  /* line 5818, app/assets/stylesheets/common_css.scss */
  .col {
    margin-left: 0;
    float: none;
  }
  /* line 5823, app/assets/stylesheets/common_css.scss */
  .span-3 {
    width: 100%;
  }
  /* line 5827, app/assets/stylesheets/common_css.scss */
  .styled-bullets {
    margin-bottom: 0;
  }
}

/* MQ 480- small screens
================================================================================ */
@media (max-width: 30em) {
  /* 480PX */
  /* Headings & Titles
---------------------------------------------- */
  /* line 5841, app/assets/stylesheets/common_css.scss */
  .sizes-L {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* line 5845, app/assets/stylesheets/common_css.scss */
  .sizes-M {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* line 5849, app/assets/stylesheets/common_css.scss */
  .sizes-M2 {
    font-size: 19px;
    font-size: 1.1875rem;
  }
  /* line 5853, app/assets/stylesheets/common_css.scss */
  .sizes-SM {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  /* line 5869, app/assets/stylesheets/common_css.scss */
  .copy-XLG {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* line 5873, app/assets/stylesheets/common_css.scss */
  .copy-LG {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  /* line 5878, app/assets/stylesheets/common_css.scss */
  #tos_modal .modal-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* line 5892, app/assets/stylesheets/common_css.scss */
  .footnotes {
    font-size: 10px;
    font-size: 0.625rem;
  }
  /* Global Menus
---------------------------------------------- */
  /* Custom Content Structure
---------------------------------------------- */
  /* Heros Homepage
    ------------------------ */
  /* line 5906, app/assets/stylesheets/common_css.scss */
  .hero-enhance {
    padding-top: 1.5em;
  }
  /* Hero Welcome
    ------------------------ */
  /* line 5915, app/assets/stylesheets/common_css.scss */
  .mega-reversed {
    font-size: 30px;
    font-size: 1.875rem;
    letter-spacing: -2px;
  }
  /* Hero Rotator
    ------------------------ */
  /* line 5923, app/assets/stylesheets/common_css.scss */
  .slide-1 .slide-content {
    min-height: 260px;
    padding: 12px 13.75% 110px;
  }
  /* line 5928, app/assets/stylesheets/common_css.scss */
  .flex-direction-nav {
    display: none;
  }
  /* Feature and Promos
    ------------------------ */
  /* line 5935, app/assets/stylesheets/common_css.scss */
  .list-of-features .is--promo {
    float: none;
    margin: 5px 0 1.875em 0;
    width: 100%;
  }
  /* line 5941, app/assets/stylesheets/common_css.scss */
  .js .img--isPromo {
    min-height: 1em;
  }
  /* line 5945, app/assets/stylesheets/common_css.scss */
  .has--fancy-bot .size-L {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* 3 Custom Promos
    ------------------------ */
  /* UI Helpers
    ------------------------ */
  /* line 5954, app/assets/stylesheets/common_css.scss */
  .fancy-promos {
    margin: 0;
  }
  /* line 5959, app/assets/stylesheets/common_css.scss */
  .has--fancy-top,
.has--fancy-bot {
    background-image: none;
    margin: 0;
  }
  /* App Downloads
    ------------------------ */
  /* Promo Form
    ------------------------ */
  /* line 5984, app/assets/stylesheets/common_css.scss */
  .promo-code-full .form-row {
    float: none;
    margin-left: 0;
  }
  /* line 5989, app/assets/stylesheets/common_css.scss */
  .promo-code-full legend,
.promo-code-full .form-row,
.promo-code-full .controls,
.promo-code-full .form-label,
.promo-code-full .text-field,
.promo-code-full .btn {
    width: 100%;
  }
  /* line 6007, app/assets/stylesheets/common_css.scss */
  .promo-code-full .btn {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
  }
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Feedback tab */
  /* line 6023, app/assets/stylesheets/common_css.scss */
  .feedback-tab {
    bottom: 70px;
  }
  /* line 6027, app/assets/stylesheets/common_css.scss */
  .feedback-tab:hover,
.feedback-tab:focus {
    bottom: 75px;
    right: 10px;
  }
  /* Info Boxes
    ------------------------ */
  /* line 6035, app/assets/stylesheets/common_css.scss */
  .info-lg {
    padding: 12px;
  }
}

/* MQ 380- small screens
================================================================================ */
@media (max-width: 23.75em) {
  /* 380PX */
  /* Headings & Titles
---------------------------------------------- */
  /* line 6051, app/assets/stylesheets/common_css.scss */
  .sizes-L {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.2;
  }
  /* line 6056, app/assets/stylesheets/common_css.scss */
  .sizes-M {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* line 6060, app/assets/stylesheets/common_css.scss */
  .sizes-M2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* line 6075, app/assets/stylesheets/common_css.scss */
  .copy-XLG {
    font-size: 16px;
    font-size: 1rem;
  }
  /* line 6079, app/assets/stylesheets/common_css.scss */
  .already-have {
    margin-bottom: 1.5em;
  }
  /* line 6083, app/assets/stylesheets/common_css.scss */
  .already-have a, .already-have .new-form .promo-mastercard.package-selected, .new-form .already-have .promo-mastercard.package-selected {
    display: block;
    padding: .3em .3em .3em 0;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* line 6093, app/assets/stylesheets/common_css.scss */
  .fluid,
.fluid-lg {
    padding: 0 5%;
  }
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* Forms
---------------------------------------------- */
  /* GENERAL FORM STYLES */
  /* line 6106, app/assets/stylesheets/common_css.scss */
  .general-form .text-field {
    width: 98%;
  }
  /* line 6110, app/assets/stylesheets/common_css.scss */
  .general-form .cc-cvv {
    width: 75px;
  }
  /* line 6114, app/assets/stylesheets/common_css.scss */
  .fancy-select {
    width: 98%;
    max-width: 98%;
  }
  /* line 6119, app/assets/stylesheets/common_css.scss */
  .fancy-select select {
    /* Make sure the select is wider than the container so we can clip the arrow */
    width: 105%;
    max-width: 105%;
    min-width: 105%;
    /* Magic font size number to prevent iOS text zoom */
    font-size: 14px;
    font-size: 0.875rem;
  }
  /* line 6128, app/assets/stylesheets/common_css.scss */
  .password-toggle {
    width: 98%;
  }
  /* Custom Content Structure
---------------------------------------------- */
  /* Heros Homepage
    ------------------------ */
  /* line 6137, app/assets/stylesheets/common_css.scss */
  .video-promo {
    margin-top: .5em;
  }
  /* Hero Welcome
    ------------------------ */
  /* line 6144, app/assets/stylesheets/common_css.scss */
  .mega-reversed {
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: -1px;
    margin-bottom: .8em;
  }
  /* Hero rotator
    ------------------------ */
  /* line 6153, app/assets/stylesheets/common_css.scss */
  .slide-1 .slide-content {
    min-height: 175px;
    padding: 8px 13.75% 30px;
  }
  /* Feature and Promos
    ------------------------ */
  /* line 6163, app/assets/stylesheets/common_css.scss */
  .feature-body {
    overflow: hidden;
    width: 100%;
  }
  /* sub features */
  /* line 6169, app/assets/stylesheets/common_css.scss */
  .span-of-3 .feature-img,
.span-of-4 .feature-img,
.span-of-5 .feature-img {
    margin-right: 0;
    max-width: none;
    width: 100%;
  }
  /* line 6177, app/assets/stylesheets/common_css.scss */
  .list-of-features {
    margin-bottom: 0;
  }
  /* line 6181, app/assets/stylesheets/common_css.scss */
  .list-of-features .is--Listing:nth-of-type(2n) {
    background: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
  }
  /* line 6187, app/assets/stylesheets/common_css.scss */
  .is--Listing {
    margin: 0 0 1em;
  }
  /* line 6191, app/assets/stylesheets/common_css.scss */
  .is--Listing .feature-body {
    padding: 0 0 .5em;
  }
  /* line 6195, app/assets/stylesheets/common_css.scss */
  .img--isListing {
    float: none;
    width: 100%;
    margin: 0 0 1em;
    min-height: 1em;
  }
  /* 3 Custom Promos
    ------------------------ */
  /* Order Summary Tables
    ------------------------ */
  /* line 6210, app/assets/stylesheets/common_css.scss */
  .order-table .thead th {
    font-size: 16px;
    font-size: 1rem;
  }
  /* UI Helpers
    ------------------------ */
  /* App Downloads
    ------------------------ */
  /* App Downloads
    ------------------------ */
  /* Promo Form
    ------------------------ */
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Info Boxes
    ------------------------ */
  /* BTN */
  /* line 6250, app/assets/stylesheets/common_css.scss */
  .hero-basic .btn,
.hero-devices .btn {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  /* line 6257, app/assets/stylesheets/common_css.scss */
  .btn-group-wide li {
    display: block;
    padding: 0;
    width: 100%;
  }
  /* line 6263, app/assets/stylesheets/common_css.scss */
  .content-list li {
    margin-right: 5px;
  }
  /* line 6267, app/assets/stylesheets/common_css.scss */
  .content-list li:before {
    padding-right: 5px;
  }
  /* line 6271, app/assets/stylesheets/common_css.scss */
  .content-list li:last-child {
    display: block;
    width: 100%;
  }
  /* line 6276, app/assets/stylesheets/common_css.scss */
  .content-list li:last-child:before {
    content: '';
    padding-right: 0;
  }
}

/* MQ 320- small screens
================================================================================ */
@media (max-width: 20em) {
  /* 320PX */
  /* Headings & Titles
---------------------------------------------- */
  /* line 6290, app/assets/stylesheets/common_css.scss */
  .sizes-L {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* Forms
---------------------------------------------- */
  /* GENERAL FORM STYLES */
  /* Custom Content Structure
---------------------------------------------- */
  /* Hero Welcome
    ------------------------ */
  /* line 6312, app/assets/stylesheets/common_css.scss */
  .mega-reversed {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* Feature and Promos
    ------------------------ */
  /* 3 Custom Promos
    ------------------------ */
  /* UI Helpers
    ------------------------ */
  /* App Downloads
    ------------------------ */
  /* Promo Form
    ------------------------ */
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Info Boxes
    ------------------------ */
}

/* line 6343, app/assets/stylesheets/common_css.scss */
#billingPlaceholder {
  padding-bottom: 11px;
}

/* line 6347, app/assets/stylesheets/common_css.scss */
#billingPlaceholder span.charge-name {
  padding: 5px 12px;
  display: inline-block;
  max-width: 350px;
}

/* line 6353, app/assets/stylesheets/common_css.scss */
#billingPlaceholder table th {
  padding-right: 25px !important;
  padding-left: 7px !important;
}

/* line 6358, app/assets/stylesheets/common_css.scss */
.selfserve-section #new_credit_card .content-wrapper {
  border-bottom: 0px solid #C4C4C4;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 6364, app/assets/stylesheets/common_css.scss */
.selfserve-section .content-wrapper.extra_margin {
  margin-bottom: 25px;
  float: left;
}

/* line 6369, app/assets/stylesheets/common_css.scss */
.selfserve-section .content-wrapper {
  margin-bottom: 20px;
}

/* line 6375, app/assets/stylesheets/common_css.scss */
.selfserve-section .content-wrapper.welcome_user {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-align: left;
  padding-bottom: 20px;
}

/* line 6381, app/assets/stylesheets/common_css.scss */
.selfserve-section .content-wrapper ul {
  padding-left: 1em;
  margin-bottom: 12px;
  margin-top: 16px;
}

/* line 6387, app/assets/stylesheets/common_css.scss */
.span-1.profile_header_wide .menu li {
  display: inline-block;
}

/* line 6392, app/assets/stylesheets/common_css.scss */
.span-1.profile_header_wide .active {
  font-size: 18px;
  font-weight: bold;
  color: #18C0DE;
}

/* line 6399, app/assets/stylesheets/common_css.scss */
.gift-history-wrapper h3 {
  font-size: 22px;
}

/* line 6403, app/assets/stylesheets/common_css.scss */
.gift-history-wrapper .gift-history {
  margin-top: 20px;
  border-top: 1px solid #eee;
}

/* line 6408, app/assets/stylesheets/common_css.scss */
.gift-history-wrapper .gift-history .list-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}

/* line 6414, app/assets/stylesheets/common_css.scss */
.gift-history-wrapper .gift-history .list-item .gift-title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 3px;
}

/* line 6420, app/assets/stylesheets/common_css.scss */
.gift-history-wrapper .gift-history .list-item .gift-title a, .gift-history-wrapper .gift-history .list-item .gift-title .new-form .promo-mastercard.package-selected, .new-form .gift-history-wrapper .gift-history .list-item .gift-title .promo-mastercard.package-selected {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

/* line 6426, app/assets/stylesheets/common_css.scss */
.gift-history-wrapper .gift-history .list-item .schedule-info {
  position: absolute;
  right: 0;
  top: 25%;
  font-size: 14px;
  background: rgba(0, 164, 186, 0.1);
  padding: 5px;
  margin-top: 10px;
  display: inline-block;
  text-align: center;
}

/* line 6441, app/assets/stylesheets/common_css.scss */
.span-1.profile_header_wide li:last-child {
  border-bottom: 0px solid #eee;
}

/* line 6445, app/assets/stylesheets/common_css.scss */
.span-1.profile_header_wide + .span-5 {
  width: 77%;
  float: left;
  padding-left: 15px;
  text-align: left;
}

/* line 6452, app/assets/stylesheets/common_css.scss */
:root {
  --box-bg: #d2f8fc;
  --check-color: #011e23;
}

/* line 6457, app/assets/stylesheets/common_css.scss */
.newsletter-wrapper .accordion {
  margin-top: 2rem;
}

/* line 6461, app/assets/stylesheets/common_css.scss */
.newsletter-wrapper .accordion h3 {
  display: none;
}

/* Hide native checkbox */
/* line 6466, app/assets/stylesheets/common_css.scss */
.newsletter-wrapper label > input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Position the label nicely */
/* line 6473, app/assets/stylesheets/common_css.scss */
.newsletter-wrapper label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

/* Add custom box before the text */
/* line 6482, app/assets/stylesheets/common_css.scss */
.newsletter-wrapper span {
  position: relative;
  padding-left: 28px;
  /* space for the box */
  width: 100%;
}

/* The custom box */
/* line 6489, app/assets/stylesheets/common_css.scss */
.newsletter-wrapper span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-color: var(--box-bg);
  border: 2px solid var(--check-color);
  border-radius: 4px;
  box-sizing: border-box;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Show checkmark when checked */
/* line 6505, app/assets/stylesheets/common_css.scss */
.newsletter-wrapper label > input[type="checkbox"]:checked + span::before {
  background-color: var(--box-bg);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23011e23' d='M20.285 6.708a1 1 0 0 0-1.414-1.416L9 15.163l-3.87-3.87a1 1 0 0 0-1.414 1.414l4.577 4.578a1 1 0 0 0 1.414 0l10.578-10.577z'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% 90%;
}

/* line 6513, app/assets/stylesheets/common_css.scss */
.selfserve-section p {
  color: rgba(255, 255, 255, 0.8);
}

/* line 6517, app/assets/stylesheets/common_css.scss */
.all-ppv-events .event-wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1rem 0;
}

/* line 6522, app/assets/stylesheets/common_css.scss */
.all-ppv-events .event-wrapper:first-child {
  padding-top: 0;
}

/* line 6526, app/assets/stylesheets/common_css.scss */
.all-ppv-events .event-wrapper:last-child {
  border-bottom: none;
}

/* line 6530, app/assets/stylesheets/common_css.scss */
.all-ppv-events .event-wrapper p {
  margin-bottom: 5px;
}

/* line 6534, app/assets/stylesheets/common_css.scss */
.all-ppv-events .event-wrapper .event-title {
  font-size: 1.2rem;
  line-height: 2rem;
}

/* line 6539, app/assets/stylesheets/common_css.scss */
.all-ppv-events .event-wrapper .event-date {
  color: #B5BABF !important;
  font-size: 1rem;
  line-height: 1.5rem;
}

/* line 6545, app/assets/stylesheets/common_css.scss */
.ppv-event-only-user {
  border: 2px solid rgba(255, 255, 255, 0.2);
  padding: 1.2rem;
  border-radius: 0.8rem;
  display: inline-block;
  margin-bottom: 1rem;
}

/* line 6552, app/assets/stylesheets/common_css.scss */
.ppv-event-only-user .logo {
  background: url(/assets/logos/citytv-logo-a65aa69c65cf1d84f7fb43c4c20697328def0b487a2306424dd863feabe5af9e.svg) no-repeat left center;
  width: 90px;
  height: 32px;
  margin-top: 0;
  margin-bottom: 1rem;
}

/* line 6560, app/assets/stylesheets/common_css.scss */
.ppv-event-only-user .title {
  color: white;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin: 0.6rem 0 0.4rem 0;
}

/* line 6568, app/assets/stylesheets/common_css.scss */
.ppv-event-only-user .desc {
  color: #B5BABF;
  font-size: 1rem;
  line-height: 1.2rem;
}

/* line 6574, app/assets/stylesheets/common_css.scss */
.ppv-event-only-user a, .ppv-event-only-user .new-form .promo-mastercard.package-selected, .new-form .ppv-event-only-user .promo-mastercard.package-selected {
  display: inline-block;
  background: url(/assets/images/logos/chain-link-463e2f6fe62a302f895af80ac8dd3a56e41bd71ed601649050bb505bf22e8cff.svg) no-repeat right center;
  padding-right: 1.3rem;
}

/* line 6581, app/assets/stylesheets/common_css.scss */
.table-wrapper {
  width: 100%;
}

/* line 6585, app/assets/stylesheets/common_css.scss */
.table-wrapper th,
td {
  text-align: left;
  overflow: hidden;
  padding: 7px 0px 7px 0px !important;
}

/* line 6592, app/assets/stylesheets/common_css.scss */
.table-wrapper table {
  table-layout: auto;
  width: 100%;
}

/* line 6597, app/assets/stylesheets/common_css.scss */
.table-wrapper table tr {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 6601, app/assets/stylesheets/common_css.scss */
.table-wrapper table tr:first-child {
  border-top: 0px solid rgba(255, 255, 255, 0.2);
}

/* communication styles */
/* line 6606, app/assets/stylesheets/common_css.scss */
.category-row {
  margin-bottom: 10px;
}

/* line 6610, app/assets/stylesheets/common_css.scss */
.category-desc {
  margin-bottom: 7px;
}

/* line 6614, app/assets/stylesheets/common_css.scss */
.category-row.with_border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

/* line 6622, app/assets/stylesheets/common_css.scss */
.category-row.with_border input[type="submit"] {
  margin: 5px 0 5px 0;
}

/* line 6626, app/assets/stylesheets/common_css.scss */
.category {
  font-size: 1.5rem;
  color: #D2F7FC;
  margin: 22px 0 7px 0;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

/* line 6636, app/assets/stylesheets/common_css.scss */
.category.remove_category_spacing {
  margin-bottom: -14px;
}

/* line 6644, app/assets/stylesheets/common_css.scss */
.category-row .form-label.checkbox {
  margin-top: 2px;
}

@media (max-width: 1860px) {
  /* line 6649, app/assets/stylesheets/common_css.scss */
  .profile_header {
    left: 15%;
  }
}

@media (max-width: 1470px) {
  /* line 6655, app/assets/stylesheets/common_css.scss */
  .profile_header {
    left: 10%;
  }
}

@media (max-width: 1400px) {
  /* line 6661, app/assets/stylesheets/common_css.scss */
  .profile_header {
    left: 10px;
  }
}

@media (max-width: 1000px) {
  /* line 6667, app/assets/stylesheets/common_css.scss */
  .span-1.profile_header_wide + .span-5 {
    width: 74%;
  }
  /* line 6671, app/assets/stylesheets/common_css.scss */
  #main-content.fluid.selfserve {
    width: 100%;
  }
}

@media (max-width: 820px) {
  /* line 6677, app/assets/stylesheets/common_css.scss */
  .profile_header {
    top: 72px;
    left: 10px;
    width: 28%;
    padding-top: 8px;
  }
  /* line 6687, app/assets/stylesheets/common_css.scss */
  .gift-history-wrapper .gift-history .list-item .schedule-info {
    position: relative;
    width: auto;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 900px) and (orientation: landscape) {
  /* line 6699, app/assets/stylesheets/common_css.scss */
  #four_month_modal .modal-dialog {
    top: -55px;
  }
}

@media (max-width: 480px) {
  /* line 6708, app/assets/stylesheets/common_css.scss */
  .selfserve-section {
    padding-right: 0px;
  }
  /* line 6712, app/assets/stylesheets/common_css.scss */
  #pause_modal,
#cancel_modal,
#billing_modal,
#four_month_modal,
#change_password_modal,
#change_username_modal {
    top: 7px;
  }
  /* line 6720, app/assets/stylesheets/common_css.scss */
  #pause_modal .modal-dialog,
#cancel_modal .modal-dialog,
#billing_modal .modal-dialog,
#four_month_modal .modal-dialog,
#change_password_modal .modal-dialog,
#change_username_modal .modal-dialog {
    width: 100% !important;
  }
  /* line 6723, app/assets/stylesheets/common_css.scss */
  #pause_modal .modal-dialog .modal-body,
#cancel_modal .modal-dialog .modal-body,
#billing_modal .modal-dialog .modal-body,
#four_month_modal .modal-dialog .modal-body,
#change_password_modal .modal-dialog .modal-body,
#change_username_modal .modal-dialog .modal-body {
    color: white;
  }
  /* line 6729, app/assets/stylesheets/common_css.scss */
  #pause_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-head .underline {
    display: inline-block;
  }
  /* line 6733, app/assets/stylesheets/common_css.scss */
  #pause_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-head #close {
    top: -7px;
    right: 1px;
  }
  /* line 6739, app/assets/stylesheets/common_css.scss */
  #pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content {
    padding: 0;
  }
  /* line 6742, app/assets/stylesheets/common_css.scss */
  #pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content p,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content p {
    color: white;
  }
  /* line 6746, app/assets/stylesheets/common_css.scss */
  #pause_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .pause-content p.arrow {
    width: auto;
    padding-left: 44px;
    padding-right: 15px;
    background-size: 63px !important;
    background-position-x: -18px !important;
  }
  /* line 6762, app/assets/stylesheets/common_css.scss */
  #billing_modal .modal-dialog {
    width: 100%;
  }
  /* line 6765, app/assets/stylesheets/common_css.scss */
  #billing_modal .modal-dialog .modal-body {
    color: white;
  }
  /* line 6770, app/assets/stylesheets/common_css.scss */
  #billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content {
    height: 500px !important;
    overflow: scroll;
  }
  /* line 6774, app/assets/stylesheets/common_css.scss */
  #billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .float-l {
    float: none !important;
  }
  /* line 6778, app/assets/stylesheets/common_css.scss */
  #billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .button-wrapper {
    margin-top: 30px;
  }
  /* line 6782, app/assets/stylesheets/common_css.scss */
  #billing_modal .modal-dialog .modal-body .pause-wrapper .pause-content .btn {
    min-width: 145px;
  }
}

/* line 6794, app/assets/stylesheets/common_css.scss */
#z_hppm_iframe {
  background-color: transparent !important;
  min-height: 455px;
  min-width: 340px;
  overflow: visible;
  width: 100%;
}

/* line 6802, app/assets/stylesheets/common_css.scss */
.alternate #z_hppm_iframe {
  min-height: 545px !important;
}

/* line 6806, app/assets/stylesheets/common_css.scss */
#billingUpdatePlaceholder #z_hppm_iframe {
  height: 430px;
  background-color: transparent !important;
}

@media (max-width: 37.5em) {
  /* line 6814, app/assets/stylesheets/common_css.scss */
  #z_hppm_iframe {
    width: 100%;
  }
}

@media (max-width: 557px) {
  /* line 6820, app/assets/stylesheets/common_css.scss */
  #billingUpdatePlaceholder #z_hppm_iframe {
    min-height: 695px;
  }
}

@media (max-width: 520px) {
  /* line 6827, app/assets/stylesheets/common_css.scss */
  #z_hppm_iframe {
    min-height: 620px;
  }
  /* line 6832, app/assets/stylesheets/common_css.scss */
  .alternate #z_hppm_iframe {
    min-height: 700px !important;
  }
}

@media (max-width: 375px) {
  /* line 6839, app/assets/stylesheets/common_css.scss */
  #z_hppm_iframe {
    min-width: 315px;
  }
}

@media (max-width: 320px) {
  /* line 6845, app/assets/stylesheets/common_css.scss */
  #z_hppm_iframe {
    min-width: 300px;
  }
}

/* line 6851, app/assets/stylesheets/common_css.scss */
.contact_header {
  color: #ee2e24;
}

/* line 6855, app/assets/stylesheets/common_css.scss */
.visa_number_row div {
  display: inline-block;
  float: left;
}

/* line 6860, app/assets/stylesheets/common_css.scss */
.visa_number_row .edit_link {
  margin-left: 15px;
}

/* line 6867, app/assets/stylesheets/common_css.scss */
.plans input[type="radio"] {
  margin-left: 2px;
  margin-top: 12px;
}

/* line 6872, app/assets/stylesheets/common_css.scss */
#edit_cc_modal .modal-dialog {
  width: 90%;
  height: 90%;
}

/* line 6877, app/assets/stylesheets/common_css.scss */
.plans .radio_collection input {
  display: none;
}

/* line 6881, app/assets/stylesheets/common_css.scss */
.offer_id_wrapper {
  position: relative;
  top: -30px;
}

/* line 6886, app/assets/stylesheets/common_css.scss */
.red-text {
  color: red;
}

/* line 6894, app/assets/stylesheets/common_css.scss */
.selfserve-section .submit-wrapper .save {
  background-color: #0E6F81 !important;
  max-width: 250px !important;
}

/* line 6899, app/assets/stylesheets/common_css.scss */
.selfserve-section .submit-wrapper .save:hover {
  background-color: #3E8C9A !important;
}

/* line 6904, app/assets/stylesheets/common_css.scss */
.selfserve-section .unsubscribe-all span {
  color: #B5BABF !important;
}

/* line 84, app/assets/citytv/stylesheets/_toolbox.scss */
html, body {
  font-family: "Roboto", "sans-serif", "regular", "Helvetica", "Arial";
  font-size: 16px;
  line-height: 1.5;
  background-color: #000000;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}

/* line 85, app/assets/citytv/stylesheets/_toolbox.scss */
.arial-reg {
  font-family: "Arial", "regular", "Helvetica", "sans-serif", "Roboto";
}

/* line 86, app/assets/citytv/stylesheets/_toolbox.scss */
.font-reg {
  font-family: "Roboto", "sans-serif", "regular", "Helvetica", "Arial";
}

/* line 87, app/assets/citytv/stylesheets/_toolbox.scss */
.helv-reg {
  font-family: "Helvetica", "Roboto", "regular", "Arial", "sans-serif";
}

/* line 10, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 14, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container:before, .container:after {
  display: table;
  content: " ";
}

/* line 19, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 10, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  /* line 10, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  /* line 10, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 1170px;
  }
}

/* line 30, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 14, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}

/* line 19, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container-fluid:after {
  clear: both;
}

/* line 39, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.row {
  margin-right: -15px;
  margin-left: -15px;
}

/* line 14, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.row:before, .row:after {
  display: table;
  content: " ";
}

/* line 19, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.row:after {
  clear: both;
}

/* line 43, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/* line 47, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* line 11, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 27, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-1 {
  width: 8.3333333333%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-2 {
  width: 16.6666666667%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-3 {
  width: 25%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-4 {
  width: 33.3333333333%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-5 {
  width: 41.6666666667%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-6 {
  width: 50%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-7 {
  width: 58.3333333333%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-8 {
  width: 66.6666666667%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-9 {
  width: 75%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-10 {
  width: 83.3333333333%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-11 {
  width: 91.6666666667%;
}

/* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-12 {
  width: 100%;
}

/* line 55, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-0 {
  right: auto;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-1 {
  right: 8.3333333333%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-2 {
  right: 16.6666666667%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-3 {
  right: 25%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-4 {
  right: 33.3333333333%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-5 {
  right: 41.6666666667%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-6 {
  right: 50%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-7 {
  right: 58.3333333333%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-8 {
  right: 66.6666666667%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-9 {
  right: 75%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-10 {
  right: 83.3333333333%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-11 {
  right: 91.6666666667%;
}

/* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-12 {
  right: 100%;
}

/* line 45, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-0 {
  left: auto;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-1 {
  left: 8.3333333333%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-2 {
  left: 16.6666666667%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-3 {
  left: 25%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-4 {
  left: 33.3333333333%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-5 {
  left: 41.6666666667%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-6 {
  left: 50%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-7 {
  left: 58.3333333333%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-8 {
  left: 66.6666666667%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-9 {
  left: 75%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-10 {
  left: 83.3333333333%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-11 {
  left: 91.6666666667%;
}

/* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-12 {
  left: 100%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-0 {
  margin-left: 0%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-3 {
  margin-left: 25%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-6 {
  margin-left: 50%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-9 {
  margin-left: 75%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

/* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  /* line 27, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1 {
    width: 8.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-2 {
    width: 16.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-3 {
    width: 25%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-4 {
    width: 33.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-5 {
    width: 41.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-6 {
    width: 50%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-7 {
    width: 58.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-8 {
    width: 66.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-9 {
    width: 75%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-10 {
    width: 83.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-11 {
    width: 91.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-12 {
    width: 100%;
  }
  /* line 55, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-0 {
    right: auto;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-3 {
    right: 25%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-6 {
    right: 50%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-9 {
    right: 75%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-12 {
    right: 100%;
  }
  /* line 45, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-0 {
    left: auto;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-3 {
    left: 25%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-6 {
    left: 50%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-9 {
    left: 75%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-12 {
    left: 100%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  /* line 27, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-1 {
    width: 8.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-2 {
    width: 16.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-3 {
    width: 25%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-4 {
    width: 33.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-5 {
    width: 41.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-6 {
    width: 50%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-7 {
    width: 58.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-8 {
    width: 66.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-9 {
    width: 75%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-10 {
    width: 83.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-11 {
    width: 91.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-12 {
    width: 100%;
  }
  /* line 55, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-0 {
    right: auto;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-3 {
    right: 25%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-6 {
    right: 50%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-9 {
    right: 75%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-12 {
    right: 100%;
  }
  /* line 45, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-0 {
    left: auto;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-3 {
    left: 25%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-6 {
    left: 50%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-9 {
    left: 75%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-12 {
    left: 100%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-0 {
    margin-left: 0%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-3 {
    margin-left: 25%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-6 {
    margin-left: 50%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-9 {
    margin-left: 75%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  /* line 27, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1 {
    width: 8.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-2 {
    width: 16.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-3 {
    width: 25%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-4 {
    width: 33.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-5 {
    width: 41.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-6 {
    width: 50%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-7 {
    width: 58.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-8 {
    width: 66.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-9 {
    width: 75%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-10 {
    width: 83.3333333333%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-11 {
    width: 91.6666666667%;
  }
  /* line 35, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-12 {
    width: 100%;
  }
  /* line 55, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-0 {
    right: auto;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-3 {
    right: 25%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-6 {
    right: 50%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-9 {
    right: 75%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-12 {
    right: 100%;
  }
  /* line 45, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-0 {
    left: auto;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-3 {
    left: 25%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-6 {
    left: 50%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-9 {
    left: 75%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-12 {
    left: 100%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, vendor/ruby/3.3.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

/* = IMPORTANT GLOBALS = only to be used as trailing class (the last class) on elements..
    - .no-ss === no small screen === display none for small screens
    - .no-ws === no wide screen === display none for wide screens
    - target browsers: IE9+ FF6+ Chrome 11+ Safari5+ Opera11+
    */
/* TEMPLATE
  0.0 Document setup
  0.1 Images, Media & Embedded content
  0.2 Common Layout
  0.3 Site Structure - Basic
  0.4 Headings and Titles
  0.5 Headers - Navigations - Footers
  0.6 Custom Content Structure
  0.1 Accessibility & Usability

---------------------------------------------- */
/* $ 0.2 Common Layout
====================================================================== */
/* line 21, app/assets/citytv/stylesheets/base-layout.scss */
h1 {
  font-size: 2rem;
  font-weight: revert;
  line-height: 2.5rem;
  color: white;
}

/* Overwrite bootstrap settings, otherwise content appears cropped on the left */
/* line 29, app/assets/citytv/stylesheets/base-layout.scss */
.row {
  margin-left: 0;
  margin-right: 0;
}

/* all purpose wrapper == padding top, margin bottom */
/* line 35, app/assets/citytv/stylesheets/base-layout.scss */
.content-wrapper {
  padding-bottom: 0.5em;
  width: 100%;
}

/* line 40, app/assets/citytv/stylesheets/base-layout.scss */
a, .new-form .promo-mastercard.package-selected {
  word-wrap: break-word;
  font-weight: normal;
  color: #18C0DE;
  font-size: 14px;
}

/* line 47, app/assets/citytv/stylesheets/base-layout.scss */
a:hover, .new-form .promo-mastercard.package-selected:hover {
  color: #18C0DE;
  text-decoration: underline;
}

/* line 52, app/assets/citytv/stylesheets/base-layout.scss */
h2 {
  margin-bottom: 10px;
}

/* $ 0.3 Site Structure - Basic
====================================================================== */
/* Global Wrappers
---------------------------------------------- */
/* line 62, app/assets/citytv/stylesheets/base-layout.scss */
#page-body {
  padding-top: 0px;
  background-color: #000000;
  background: url(/bg-texture.jpg) no-repeat top center;
  background-size: contain;
}

/* line 70, app/assets/citytv/stylesheets/base-layout.scss */
#page-body.selfserve {
  background: none !important;
}

/* body - homepage */
/* line 76, app/assets/citytv/stylesheets/base-layout.scss */
.page-site #main-content {
  padding-top: 30px;
  min-height: 63vh;
}

/* line 81, app/assets/citytv/stylesheets/base-layout.scss */
.page-site.profile #main-content {
  min-width: 53rem;
}

@media screen and (max-width: 768px) {
  /* line 86, app/assets/citytv/stylesheets/base-layout.scss */
  .page-site #main-content {
    min-height: auto;
  }
  /* line 90, app/assets/citytv/stylesheets/base-layout.scss */
  .page-site.profile #main-content {
    min-width: auto;
  }
}

/* Global Header */
/* line 96, app/assets/citytv/stylesheets/base-layout.scss */
.global-header {
  height: 65px;
  clear: both;
  width: 100%;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  overflow: visible;
}

/* line 112, app/assets/citytv/stylesheets/base-layout.scss */
.fluid {
  max-width: 75rem;
  text-align: center;
}

/* line 121, app/assets/citytv/stylesheets/base-layout.scss */
.selfserve .fluid {
  max-width: 53rem;
  text-align: left;
}

/* line 126, app/assets/citytv/stylesheets/base-layout.scss */
.fluid.selfserve .category {
  color: #D2F7FC;
}

/* line 130, app/assets/citytv/stylesheets/base-layout.scss */
.fluid-800 {
  max-width: 52rem;
  margin: 0 auto;
}

/* line 135, app/assets/citytv/stylesheets/base-layout.scss */
.fluid-86rem {
  max-width: 86rem;
  margin: 0 auto;
}

/* line 140, app/assets/citytv/stylesheets/base-layout.scss */
.fluid-large {
  max-width: 89rem;
  margin: 0 auto;
  padding: 0 1rem;
  clear: both;
}

/* line 146, app/assets/citytv/stylesheets/base-layout.scss */
.fluid-large.footer {
  padding: 1rem;
}

/* line 151, app/assets/citytv/stylesheets/base-layout.scss */
.orders #submit_update_billing_button.btn-default {
  width: 100%;
}

@media screen and (max-width: 767px) {
  /* line 151, app/assets/citytv/stylesheets/base-layout.scss */
  .orders #submit_update_billing_button.btn-default {
    width: 100%;
  }
}

/* line 159, app/assets/citytv/stylesheets/base-layout.scss */
.accept-subscription {
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #B5BABF;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  /* line 159, app/assets/citytv/stylesheets/base-layout.scss */
  .accept-subscription {
    width: 100%;
  }
}

/* line 172, app/assets/citytv/stylesheets/base-layout.scss */
body.index .footer {
  border-top: 0px !important;
}

/* line 177, app/assets/citytv/stylesheets/base-layout.scss */
.footer {
  text-align: left;
  padding: 1rem 0;
}

/* line 181, app/assets/citytv/stylesheets/base-layout.scss */
.footer ul {
  margin: 0;
  padding: 0;
}

/* line 185, app/assets/citytv/stylesheets/base-layout.scss */
.footer ul li {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}

/* line 190, app/assets/citytv/stylesheets/base-layout.scss */
.footer ul li a, .footer ul li .new-form .promo-mastercard.package-selected, .new-form .footer ul li .promo-mastercard.package-selected {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.8);
}

/* line 197, app/assets/citytv/stylesheets/base-layout.scss */
.footer .copyright {
  color: #ccc;
  padding-top: 0.6rem;
}

/* line 203, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 211, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks.no-bottom-border {
  border-bottom: 0px;
}

/* line 215, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 33%;
  column-gap: 1rem;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 2rem;
  padding-left: 2rem;
}

/* line 225, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block.no-bottom-border {
  border-bottom: 0px;
}

/* line 229, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block:last-child {
  border-right: none;
}

/* line 233, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block:first-child {
  border-left: none;
}

/* line 237, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .block-icon {
  width: 4.9rem;
  height: 5rem;
  background-size: contain;
}

@media screen and (max-width: 1100px) {
  /* line 237, app/assets/citytv/stylesheets/base-layout.scss */
  .footer-blocks .footer-block .block-icon {
    padding: 1.5625rem;
  }
}

/* line 246, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .block-icon.circle-dollar {
  background: url(/assets/images/pricing/currency-circle-dollar-d4107f306aa09e0af5562e7ad58242dc0b75098f60d2f2d66e6c0463f34e7082.svg) no-repeat center center;
}

/* line 250, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .block-icon.play-circle {
  background: url(/assets/images/pricing/play-circle-7a8a2747dd237dbf3ef750a45723589478ce9704daa5e0de17541f5d084d58e0.svg) no-repeat center center;
}

/* line 254, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .block-icon.repeat {
  background: url(/assets/images/pricing/repeat-e7565e399aa7caec6ae8f14feb9709128d92b203e520e398607a499e606d6128.svg) no-repeat center center;
}

/* line 258, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .block-icon.wavy-circle {
  background: url(/assets/images/pricing/circle-wavy-question-900cbba093c426708202625aeec5088d62d52ab954d7f580c7aa72e87b1a3432.svg) no-repeat center center;
}

/* line 262, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .block-icon.device-mobile {
  background: url(/smartphone_icon.svg) no-repeat center 7px;
}

/* line 266, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .block-icon.game-controller-2 {
  background: url(/connected_icon.svg) no-repeat center -2px;
}

/* line 270, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .block-icon.rocket {
  background: url(/getting_started_icon.svg) no-repeat center -6px;
}

/* line 275, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .block-text {
  color: #B5BABF;
  font-size: 0.875rem;
  width: 100%;
}

/* line 281, app/assets/citytv/stylesheets/base-layout.scss */
.footer-blocks .footer-block .no-border-bottom {
  border-bottom: 0 !important;
}

/* line 288, app/assets/citytv/stylesheets/base-layout.scss */
div.card-logo-wrapper {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}

/* line 293, app/assets/citytv/stylesheets/base-layout.scss */
div.card-logo-wrapper .logo {
  width: 48px;
  height: 48px !important;
  margin: 0;
}

/* line 298, app/assets/citytv/stylesheets/base-layout.scss */
div.card-logo-wrapper .logo.mastercard {
  background: url(/assets/images/icons/mastercard-aea8d3451884bc34f0b4e1d8920d99ca56c16b756a3819d943e7a1e998f0db3e.svg) no-repeat left center;
  background-size: contain;
}

/* line 303, app/assets/citytv/stylesheets/base-layout.scss */
div.card-logo-wrapper .logo.visa {
  background: url(/assets/images/icons/visa-248bbf93ca046405af4c56f2cdf4af781e40ea836793b25a95e32a1974040323.svg) no-repeat left center;
  background-size: contain;
}

/* line 308, app/assets/citytv/stylesheets/base-layout.scss */
div.card-logo-wrapper .logo.amex {
  background: url(/assets/images/icons/amex-4f99361aeb3be20e4fc4b8591f60a0035d5ec4c658bb7b03ab480a2ca7a174cb.svg) no-repeat left center;
  background-size: contain;
}

/* line 313, app/assets/citytv/stylesheets/base-layout.scss */
div.card-logo-wrapper .logo.americanexpress {
  background: url(/assets/images/icons/amex-4f99361aeb3be20e4fc4b8591f60a0035d5ec4c658bb7b03ab480a2ca7a174cb.svg) no-repeat left center;
  background-size: contain;
}

/* line 318, app/assets/citytv/stylesheets/base-layout.scss */
div.card-logo-wrapper .logo.apple {
  background: url(/assets/images/logos/apple_pay_credit-53486c363809187bcb5beb5d7cdd5dd764931ce0bcd169b2a17c8cfa12412212.svg) no-repeat left center;
  background-size: contain;
}

/* line 323, app/assets/citytv/stylesheets/base-layout.scss */
div.card-logo-wrapper .logo.credit.card {
  background: url(/assets/images/icons/money-c4bfe371abbdd1731f4d215587d01c4890b49e1aba8b3926b4c7631997c89188.svg) no-repeat left center;
  background-size: contain;
}

/* line 330, app/assets/citytv/stylesheets/base-layout.scss */
.pay-with-apple {
  background-image: url(/assets/images/logos/Apple_Pay_Button-436606112454b21f30d0f73039745fcf2c2e08e7d84825ca6d27107b69a56df6.svg);
  display: inline-block;
  width: 87%;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  margin: 1rem 0;
}

/* line 341, app/assets/citytv/stylesheets/base-layout.scss */
.new-form {
  position: relative;
  min-height: 20rem;
}

/* line 345, app/assets/citytv/stylesheets/base-layout.scss */
.new-form .hosted-cc {
  top: 1.5rem;
  right: -24.5rem;
}

@media screen and (max-width: 1100px) {
  /* line 345, app/assets/citytv/stylesheets/base-layout.scss */
  .new-form .hosted-cc {
    right: 0;
    top: 0;
    position: relative;
  }
}

/* line 356, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora {
  padding-left: 0;
  display: flex;
  justify-content: space-evenly;
  flex-direction: row-reverse;
  width: 100%;
  max-width: 58rem;
}

@media screen and (max-width: 1100px) {
  /* line 365, app/assets/citytv/stylesheets/base-layout.scss */
  .new-form.zuora .package-selected {
    right: 0;
  }
}

/* line 374, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora .ecc2-wrapper {
  padding-top: 2rem;
  max-width: 30rem;
}

/* line 378, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora .ecc2-wrapper #purchase_default_cc_submission_form {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

/* line 387, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora .ecc2-wrapper #purchase_default_cc_submission_form label.default-cc-wrapper {
  color: white;
  font-size: 20px;
  display: flex;
  padding: 20px 20px;
  max-width: 90%;
  align-items: center;
  min-height: 95px;
  margin-bottom: 2rem;
  justify-content: center;
  border: 2px solid #495057;
  width: 100%;
}

/* line 400, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora .ecc2-wrapper #purchase_default_cc_submission_form label.default-cc-wrapper.active {
  border: 2px solid #D2F8FB;
}

/* line 404, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora .ecc2-wrapper #purchase_default_cc_submission_form label.default-cc-wrapper:hover {
  border: 2px solid #D2F8FB;
}

/* line 409, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora .ecc2-wrapper #purchase_default_cc_submission_form label.default-cc-wrapper a.update-default-cc, .new-form.zuora .ecc2-wrapper #purchase_default_cc_submission_form label.default-cc-wrapper .update-default-cc.promo-mastercard.package-selected {
  color: white;
  font-size: 20px;
  background: url(/assets/images/icons/plus-cad8e707b633127d5fe21c024b3df77aa48e9a762c044be28d0296c3b27a4f9a.svg) no-repeat left center;
  background-size: contain;
  display: inline-block;
  padding-left: 2.5rem;
}

/* line 419, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora .ecc2-wrapper #purchase_default_cc_submission_form label.default-cc-wrapper div.name-wrapper {
  width: 75%;
  padding: 0 1.5rem;
}

/* line 423, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora .ecc2-wrapper #purchase_default_cc_submission_form label.default-cc-wrapper div.name-wrapper .masked-card {
  font-size: 1.2rem;
  color: white;
  font-weight: bold;
}

/* line 429, app/assets/citytv/stylesheets/base-layout.scss */
.new-form.zuora .ecc2-wrapper #purchase_default_cc_submission_form label.default-cc-wrapper div.name-wrapper .expiry {
  font-size: 14px;
  color: #ccc;
}

/* line 2, app/assets/citytv/stylesheets/partials/promo-mastercard.scss */
.new-form .promo-mastercard.package-selected {
  top: 21rem;
  border-style: solid;
  border-color: #FFFFFF33;
  background-color: #00000026;
  font-size: .875rem;
  flex-direction: row;
  padding: 1rem 1rem 0 1rem;
  column-gap: .875rem;
  line-height: 17.5px;
  text-align: left;
  margin: 0 auto;
  display: flex;
}

@media screen and (max-width: 1100px) {
  /* line 2, app/assets/citytv/stylesheets/partials/promo-mastercard.scss */
  .new-form .promo-mastercard.package-selected {
    position: relative;
    right: unset;
    left: unset;
    top: unset;
    display: none;
  }
}

/* line 24, app/assets/citytv/stylesheets/partials/promo-mastercard.scss */
.new-form .promo-mastercard.package-selected .promo-info {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}

/* line 30, app/assets/citytv/stylesheets/partials/promo-mastercard.scss */
.new-form .promo-mastercard.package-selected .promo-info .content-1 {
  font-weight: 700;
  color: white;
}

/* line 35, app/assets/citytv/stylesheets/partials/promo-mastercard.scss */
.new-form .promo-mastercard.package-selected .promo-info .content-2 {
  font-weight: 400;
  color: #B5BABF;
}

/* line 44, app/assets/citytv/stylesheets/partials/promo-mastercard.scss */
.new-form .promo-mastercard.show-on-mobile {
  margin-top: 1rem;
  display: none;
}

@media screen and (max-width: 1100px) {
  /* line 44, app/assets/citytv/stylesheets/partials/promo-mastercard.scss */
  .new-form .promo-mastercard.show-on-mobile {
    display: flex;
    max-width: 22.375rem;
  }
}

/* line 445, app/assets/citytv/stylesheets/base-layout.scss */
.selfserve-section .signed-in-wrapper {
  padding-top: 0.5rem;
  margin-top: 0;
  justify-content: left;
  margin-bottom: 1rem;
  padding-bottom: 0;
}

/* line 453, app/assets/citytv/stylesheets/base-layout.scss */
.selfserve-section .username-password-links {
  position: relative;
}

/* line 457, app/assets/citytv/stylesheets/base-layout.scss */
.selfserve-section .username-password-links a:last-child, .selfserve-section .username-password-links .new-form .promo-mastercard.package-selected:last-child, .new-form .selfserve-section .username-password-links .promo-mastercard.package-selected:last-child {
  position: absolute;
  right: 0;
}

/* line 462, app/assets/citytv/stylesheets/base-layout.scss */
.signed-in-wrapper {
  padding-top: 1.5rem;
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin-top: 4rem;
  padding-bottom: 4rem;
}

/* line 471, app/assets/citytv/stylesheets/base-layout.scss */
.janrain-capture-ui.capture-ui-content {
  width: 340px;
  display: flex;
  flex-direction: column;
}

/* line 477, app/assets/citytv/stylesheets/base-layout.scss */
.janrain-capture-ui.capture-ui-content.merchant {
  width: 420px;
}

@media screen and (max-width: 768px) {
  /* line 482, app/assets/citytv/stylesheets/base-layout.scss */
  .janrain-capture-ui.capture-ui-content.merchant {
    max-width: 340px;
  }
  /* line 486, app/assets/citytv/stylesheets/base-layout.scss */
  .signed-in-wrapper {
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 0;
  }
}

/* line 493, app/assets/citytv/stylesheets/base-layout.scss */
.selfserve-section .signed-in-wrapper .signed-in {
  padding: 1.5rem;
  width: 100%;
}

/* line 498, app/assets/citytv/stylesheets/base-layout.scss */
.signed-in-wrapper .signed-in {
  background-color: #05262C;
  border-radius: 1rem;
  padding: 1rem 2rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

/* line 507, app/assets/citytv/stylesheets/base-layout.scss */
.signed-in-wrapper .signed-in .user {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 515, app/assets/citytv/stylesheets/base-layout.scss */
.signed-in-wrapper .signed-in .user .avatar-large,
.janrain-capture-ui.capture-ui-content .signed-in .user .avatar-large {
  width: 64px;
  height: 64px;
  background: url(/assets/images/icons/ui/avatar-large-transparent-b964b8a14f7b6ac09783f7e00f504b675c4d045f174319be12f1bb40a1cdecf4.svg) no-repeat left center;
  background-size: contain;
}

/* line 523, app/assets/citytv/stylesheets/base-layout.scss */
.selfserve-section .signed-in-wrapper .signed-in .user .email {
  max-width: 270px;
}

/* line 527, app/assets/citytv/stylesheets/base-layout.scss */
.signed-in-wrapper .signed-in .user .email {
  color: #F3F4F5;
  font-size: 1rem;
  word-wrap: break-word;
  max-width: 210px;
}

/* line 534, app/assets/citytv/stylesheets/base-layout.scss */
.janrain-capture-ui .capture_primary,
.janrain-capture-ui a.capture_primary,
.janrain-capture-ui .new-form .capture_primary.promo-mastercard.package-selected,
.new-form .janrain-capture-ui .capture_primary.promo-mastercard.package-selected {
  display: block;
  width: 100%;
  background-color: #0E6F81;
  color: #D2F8FC;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  padding: 15px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 20px;
  text-decoration: none;
}

/* line 575, app/assets/citytv/stylesheets/base-layout.scss */
.janrain-capture-ui .capture_primary {
  background-color: #0E6F81 !important;
  text-decoration: none !important;
}

/* line 580, app/assets/citytv/stylesheets/base-layout.scss */
.janrain-capture-ui a.capture_primary:hover, .janrain-capture-ui .new-form .capture_primary.promo-mastercard.package-selected:hover, .new-form .janrain-capture-ui .capture_primary.promo-mastercard.package-selected:hover {
  background-color: #3E8C9A !important;
  text-decoration: none;
}

/* line 586, app/assets/citytv/stylesheets/base-layout.scss */
.janrain-capture-ui .capture_footer .capture_btn {
  margin: 0;
  margin-top: 1rem;
  color: #D2F7FB !important;
  line-height: 1.3rem;
}

/* line 593, app/assets/citytv/stylesheets/base-layout.scss */
.merchant .user {
  max-width: 380px;
  margin: 0 auto;
}

/* line 598, app/assets/citytv/stylesheets/base-layout.scss */
.merchant h1 {
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
}

/* line 603, app/assets/citytv/stylesheets/base-layout.scss */
.merchant .capture_footer {
  width: 100%;
  margin-bottom: 1.5rem;
}

/* line 608, app/assets/citytv/stylesheets/base-layout.scss */
.merchant p {
  text-align: center;
}

@media screen and (max-width: 1100px) {
  /* line 614, app/assets/citytv/stylesheets/base-layout.scss */
  .new-form .package-selected {
    position: relative;
    right: unset;
    left: unset;
    top: unset;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 622, app/assets/citytv/stylesheets/base-layout.scss */
  .new-form .package-selected.signed-in {
    right: unset;
    margin-top: 40px;
  }
  /* line 634, app/assets/citytv/stylesheets/base-layout.scss */
  .footer-blocks .no-border-bottom {
    border-bottom: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  /* line 643, app/assets/citytv/stylesheets/base-layout.scss */
  .new-form.zuora {
    flex-wrap: wrap;
    flex-direction: row;
  }
  /* line 647, app/assets/citytv/stylesheets/base-layout.scss */
  .new-form.zuora .package-selected {
    right: unset;
  }
  /* line 653, app/assets/citytv/stylesheets/base-layout.scss */
  .footer-blocks {
    padding: 0;
    flex-wrap: wrap;
  }
  /* line 657, app/assets/citytv/stylesheets/base-layout.scss */
  .footer-blocks .footer-block {
    width: 100%;
    border-right: none;
    padding: 2rem 0;
  }
  /* line 664, app/assets/citytv/stylesheets/base-layout.scss */
  .footer-blocks .no-border-bottom {
    border-bottom: 0 !important;
  }
  /* line 671, app/assets/citytv/stylesheets/base-layout.scss */
  .footer ul li {
    width: 100%;
  }
  /* line 676, app/assets/citytv/stylesheets/base-layout.scss */
  .footer .copyright {
    text-align: center;
  }
}

/* line 682, app/assets/citytv/stylesheets/base-layout.scss */
.is--primary {
  height: 65px;
  background-color: #0d223f;
  color: #ffffff;
  padding: 15px 0 0 0;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: padding 500ms;
}

/* line 695, app/assets/citytv/stylesheets/base-layout.scss */
.is--primary a.account, .is--primary .new-form .account.promo-mastercard.package-selected, .new-form .is--primary .account.promo-mastercard.package-selected {
  float: left;
  position: relative;
  top: -8px;
}

/* line 701, app/assets/citytv/stylesheets/base-layout.scss */
.is--secondary {
  background-color: #e4e6e5;
  position: static;
  padding: 1.375em 0;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: padding 500ms;
}

/* line 713, app/assets/citytv/stylesheets/base-layout.scss */
.is--primary .help-section .toggle-sub-menu {
  margin-right: 20px;
  top: 4px;
}

/* line 718, app/assets/citytv/stylesheets/base-layout.scss */
.is--primary .help-section .sub-menu-dropdown {
  background-color: #0D233C;
  top: 65px;
  right: 205px;
}

/* line 724, app/assets/citytv/stylesheets/base-layout.scss */
.is--primary .help-section.all-alone .sub-menu-dropdown {
  right: 35px;
}

/* line 728, app/assets/citytv/stylesheets/base-layout.scss */
.is--primary .help-section .sub-menu-dropdown a, .is--primary .help-section .sub-menu-dropdown .new-form .promo-mastercard.package-selected, .new-form .is--primary .help-section .sub-menu-dropdown .promo-mastercard.package-selected {
  color: #DEDEDE;
  font-size: 14px;
  border-bottom: 1px solid #4E5555;
  padding: 9px 20px 9px 15px;
}

/* line 735, app/assets/citytv/stylesheets/base-layout.scss */
.is--primary .help-section .sub-menu-dropdown a:last-child, .is--primary .help-section .sub-menu-dropdown .new-form .promo-mastercard.package-selected:last-child, .new-form .is--primary .help-section .sub-menu-dropdown .promo-mastercard.package-selected:last-child {
  border-bottom: 0px solid #4E5555;
}

@media (max-width: 1600px) {
  /* line 740, app/assets/citytv/stylesheets/base-layout.scss */
  .is--primary .help-section .sub-menu-dropdown {
    right: 125px;
  }
  /* line 744, app/assets/citytv/stylesheets/base-layout.scss */
  .is--primary .help-section.all-alone .sub-menu-dropdown {
    right: 25px;
  }
}

@media screen and (max-width: 768px) {
  /* line 751, app/assets/citytv/stylesheets/base-layout.scss */
  .janrain-wrapper .janrain-capture-ui.capture-ui-content {
    width: auto;
    float: none;
  }
}

/* body content */
/* line 759, app/assets/citytv/stylesheets/base-layout.scss */
#main-content {
  padding-bottom: 0;
}

/* step tracker */
/* line 764, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker {
  /*margin-top: auto;*/
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

/* line 771, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  z-index: 1;
}

/* line 779, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step:after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #868E96;
  width: 76%;
  top: 2.9rem;
  left: 62%;
  z-index: 2;
}

/* line 789, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step .name {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

/* line 794, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step .counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid #495057;
  background-color: #011D23;
  margin-bottom: 6px;
  color: white;
}

/* line 811, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step.active .name {
  font-weight: bold;
}

/* line 815, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step.active .counter {
  background: #ffffff;
  color: #011D23;
}

/* line 822, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step.complete .counter {
  color: #ffffff;
}

/* line 825, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step.complete .counter span {
  display: none;
}

/* line 829, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step.complete .counter:after {
  content: url(/assets/images/pricing/new-checkmark-white-d55907e01dde60edc76e361876a0347b9bb7c1646689feff4e3a50362ce2e5e2.svg);
  top: 2px;
  position: relative;
}

/* line 837, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step.complete.active .counter {
  background-color: #011D23;
}

/* line 843, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step:first-child::before {
  content: none;
}

/* line 847, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker .step:last-child::after {
  content: none;
}

/* line 853, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker-back-arrow {
  position: absolute;
  left: 0;
  margin-left: 2.1875rem;
  margin-top: 1.8rem;
  z-index: 10;
}

/* line 860, app/assets/citytv/stylesheets/base-layout.scss */
.step-tracker-back-arrow a, .step-tracker-back-arrow .new-form .promo-mastercard.package-selected, .new-form .step-tracker-back-arrow .promo-mastercard.package-selected {
  background: url(/assets/images/icons/ui/chevron-left-4c05adcf6230327176915e4a57eda6107da0cbc7fb6dbe9774f995e4a68090d2.svg) no-repeat center center;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

@media screen and (min-width: 1600px) {
  /* line 853, app/assets/citytv/stylesheets/base-layout.scss */
  .step-tracker-back-arrow {
    margin-left: 120px;
  }
}

@media screen and (max-width: 768px) {
  /* line 853, app/assets/citytv/stylesheets/base-layout.scss */
  .step-tracker-back-arrow {
    display: none;
  }
}

/* line 878, app/assets/citytv/stylesheets/base-layout.scss */
#captureSignInLink a, #captureSignInLink .new-form .promo-mastercard.package-selected, .new-form #captureSignInLink .promo-mastercard.package-selected {
  padding: 10px 14px;
}

/* 0.4 Headings & Titles 
====================================================================== */
/* line 1, app/assets/citytv/stylesheets/partials/type.scss */
.primary {
  color: #0E6F81;
}

/* line 2, app/assets/citytv/stylesheets/partials/type.scss */
.secondary {
  color: #d62925;
}

/* line 3, app/assets/citytv/stylesheets/partials/type.scss */
.tertiary {
  color: #8A9299;
}

/* line 4, app/assets/citytv/stylesheets/partials/type.scss */
.bg-tertiary {
  background-color: #8A9299;
}

/* line 5, app/assets/citytv/stylesheets/partials/type.scss */
.bg-white {
  background-color: #ffffff;
}

/* line 6, app/assets/citytv/stylesheets/partials/type.scss */
.h-lgt {
  font-family: "light", "Roboto", "Helvetica", "Arial", "sans-serif";
  letter-spacing: -1px;
}

/* $ 0.5 Headers - Navigations - Footers
====================================================================== */
/* Site Logo -- fs==full-screen | ss==small-screen
---------------------------------------------- */
/* line 4, app/assets/citytv/stylesheets/layout/global-menus.scss */
.brand-fs {
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 35.5px;
  margin: 0;
  position: relative;
  text-indent: -9999em;
  width: 170px;
}

/* line 14, app/assets/citytv/stylesheets/layout/global-menus.scss */
.header-wrapper {
  background-color: #0d223f;
  margin: 0 120px;
}

/* line 18, app/assets/citytv/stylesheets/layout/global-menus.scss */
.signin.btn, .signout.btn {
  float: right;
  text-transform: none;
  padding: 9px 14px;
  min-width: 20px;
  font-size: 16px;
}

/* line 26, app/assets/citytv/stylesheets/layout/global-menus.scss */
.navbar-brand {
  width: 126px;
  padding: 3.525rem;
  background: url(/assets/logos/citytv-logo-a65aa69c65cf1d84f7fb43c4c20697328def0b487a2306424dd863feabe5af9e.svg) no-repeat center center;
  background-size: contain;
  margin-bottom: .5125rem;
  height: 35px !important;
  margin-top: 16px;
}

/* line 36, app/assets/citytv/stylesheets/layout/global-menus.scss */
.citytv .user-email-wrapper .dropdown-toggle .user-email {
  background: url(/assets/icons/account-9344125d9dbb7403e94095a78c078067a9a9bcfd2e8acd0f44432ba0dde77c24.svg) no-repeat center center !important;
}

/* line 40, app/assets/citytv/stylesheets/layout/global-menus.scss */
.citytv .logged-in-user .avatar-large {
  background: url(/assets/icons/avatar-large-transparent-b964b8a14f7b6ac09783f7e00f504b675c4d045f174319be12f1bb40a1cdecf4.svg) no-repeat center center !important;
}

@media (max-width: 1600px) {
  /* line 45, app/assets/citytv/stylesheets/layout/global-menus.scss */
  .header-wrapper {
    margin: 0 35px;
  }
}

/* LOGO - Localization switch setup
---------------------------------------------- */
/* line 51, app/assets/citytv/stylesheets/layout/global-menus.scss */
[lang="en-ca"] .brand-fs {
  background-image: url(/assets/images/logos/snnow-logo-b37506f3fd1fc79c4f10b0c07cef24a5eba2caf4d0f03f38919e4a516beaee08.svg);
}

/* line 52, app/assets/citytv/stylesheets/layout/global-menus.scss */
[lang="fr-ca"] .brand-fs {
  background-image: url(/assets/images/logos/snnow-logo-b37506f3fd1fc79c4f10b0c07cef24a5eba2caf4d0f03f38919e4a516beaee08.svg);
}

/* Only load small screen logo IF js enabled 
---------------------------------------------- */
/* line 56, app/assets/citytv/stylesheets/layout/global-menus.scss */
.js[lang="en-ca"] .brand-ss {
  background-image: url(/assets/images/logos/snnow-logo-b37506f3fd1fc79c4f10b0c07cef24a5eba2caf4d0f03f38919e4a516beaee08.svg);
}

/* line 57, app/assets/citytv/stylesheets/layout/global-menus.scss */
.js[lang="fr-ca"] .brand-ss {
  background-image: url(/assets/images/logos/snnow-logo-b37506f3fd1fc79c4f10b0c07cef24a5eba2caf4d0f03f38919e4a516beaee08.svg);
}

/* General menu structure
---------------------------------------------- */
/* line 62, app/assets/citytv/stylesheets/layout/global-menus.scss */
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
  display: table;
  table-layout: fixed;
  text-align: left;
}

/* line 73, app/assets/citytv/stylesheets/layout/global-menus.scss */
.menu li {
  margin: 0;
  padding: 0;
  display: table-cell;
}

/* line 78, app/assets/citytv/stylesheets/layout/global-menus.scss */
.menu .hamburger-only-links {
  display: none;
}

/* line 79, app/assets/citytv/stylesheets/layout/global-menus.scss */
.menu .non-hamburger-only-links {
  display: block;
}

/* line 81, app/assets/citytv/stylesheets/layout/global-menus.scss */
.menu--primary a, .menu--primary .new-form .promo-mastercard.package-selected, .new-form .menu--primary .promo-mastercard.package-selected, .menu--primary .welcome {
  display: block;
  padding-left: 1em;
}

/* Primary Menu abstraction 
---------------------------------------------- */
/* line 88, app/assets/citytv/stylesheets/layout/global-menus.scss */
.menu--primary {
  float: right;
}

/* line 91, app/assets/citytv/stylesheets/layout/global-menus.scss */
.menu--primary li {
  margin-left: 1.5em;
  padding-left: 1.5em;
}

/* line 95, app/assets/citytv/stylesheets/layout/global-menus.scss */
.menu--primary a, .menu--primary .new-form .promo-mastercard.package-selected, .new-form .menu--primary .promo-mastercard.package-selected {
  color: #ffffff;
  font-size: 18px;
  font-weight: normal;
}

/* line 100, app/assets/citytv/stylesheets/layout/global-menus.scss */
.is--primary a, .is--primary .new-form .promo-mastercard.package-selected, .new-form .is--primary .promo-mastercard.package-selected {
  font-size: 16px;
}

/* line 101, app/assets/citytv/stylesheets/layout/global-menus.scss */
.menu--primary a:hover, .menu--primary .new-form .promo-mastercard.package-selected:hover, .new-form .menu--primary .promo-mastercard.package-selected:hover {
  color: #8A9299;
  text-decoration: none;
}

/* line 106, app/assets/citytv/stylesheets/layout/global-menus.scss */
.header-layout .header-text {
  color: #acacac;
}

/* line 109, app/assets/citytv/stylesheets/layout/global-menus.scss */
.header-layout .number {
  font-weight: bolder;
  margin-right: 20px;
}

/* line 113, app/assets/citytv/stylesheets/layout/global-menus.scss */
.header-layout .bar {
  width: 245px;
  height: 8px;
  left: 25px;
  float: left;
  position: absolute;
  background: #ffffff;
  top: 25px;
}

/* line 122, app/assets/citytv/stylesheets/layout/global-menus.scss */
.header-text {
  position: relative;
  top: 50px;
  left: -68px;
  float: left;
}

/* line 128, app/assets/citytv/stylesheets/layout/global-menus.scss */
.header-text.lg {
  top: 50px;
  left: -85px;
}

/* line 132, app/assets/citytv/stylesheets/layout/global-menus.scss */
.header-layout {
  padding: 2px 20px 15px 20px;
}

/* line 135, app/assets/citytv/stylesheets/layout/global-menus.scss */
.header-text.empty {
  color: #acacac;
}

/* line 136, app/assets/citytv/stylesheets/layout/global-menus.scss */
.header-text.filled {
  color: #000000;
}

/* line 138, app/assets/citytv/stylesheets/layout/global-menus.scss */
.check-mark {
  float: left;
  width: 33px;
  height: 33px;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}

/* line 147, app/assets/citytv/stylesheets/layout/global-menus.scss */
.empty-number {
  color: #acacac;
  background: #ffffff;
  border-radius: 28px;
  height: 33px;
  padding: 2px;
  width: 33px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  float: left;
}

/* line 161, app/assets/citytv/stylesheets/layout/global-menus.scss */
.filled-number {
  color: #ffffff;
  background-color: #0098d9;
  border-radius: 28px;
  height: 33px;
  padding: 2px;
  width: 33px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  float: left;
}

/* Footer
---------------------------------------------- */
/* line 178, app/assets/citytv/stylesheets/layout/global-menus.scss */
.copyright-section {
  float: left;
  padding: 12px 0px;
}

/* line 182, app/assets/citytv/stylesheets/layout/global-menus.scss */
.footer-part {
  float: left;
}

/* Footer secondary modifiers
---------------------------------------------- */
/* line 186, app/assets/citytv/stylesheets/layout/global-menus.scss */
.pre-footer-register {
  background: #000000;
  padding: 25px;
}

@media (max-width: 37.5em) {
  /* 600PX */
  /* line 189, app/assets/citytv/stylesheets/layout/global-menus.scss */
  .signin.btn, .signout.btn {
    padding: 6px;
    font-size: 16px;
    margin-top: 5px;
  }
  /* Small screen menu with JS enabled */
  /* line 195, app/assets/citytv/stylesheets/layout/global-menus.scss */
  .js .ss-nav {
    background-color: #0d223f;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0px 3.5%;
    width: 100%;
    z-index: 101;
  }
  /* line 206, app/assets/citytv/stylesheets/layout/global-menus.scss */
  .header-wrapper {
    margin: 0px;
  }
  /* line 209, app/assets/citytv/stylesheets/layout/global-menus.scss */
  #ss-nav .ss-wrapper {
    position: relative;
    margin: 10px auto 0px auto;
    width: 170px;
    overflow: visible;
  }
}

@media (max-width: 360px) {
  /* line 217, app/assets/citytv/stylesheets/layout/global-menus.scss */
  #ss-nav .ss-wrapper {
    width: 200px;
  }
}

/* line 221, app/assets/citytv/stylesheets/layout/global-menus.scss */
.footer-primary .fluid .copyright-section {
  text-align: left;
}

/* line 223, app/assets/citytv/stylesheets/layout/global-menus.scss */
.registration-blob {
  font-family: "Arial", "regular", "Helvetica", "sans-serif", "Roboto";
  font-size: 12px;
}

/* $ 0.6 Custom Content Structure
====================================================================== */
/* FORMS - Site Specific
====================================================================== */
/* GLOBAL STRUCTURES & WRAPPERS
---------------------------------------------- */
/* line 4, app/assets/citytv/stylesheets/layout/form-global.scss */
:root {
  --box-bg: #d2f8fc;
  --check-color: #011e23;
}

/* line 9, app/assets/citytv/stylesheets/layout/form-global.scss */
.newsletter-wrapper .accordion {
  margin-top: 2rem;
}

/* line 13, app/assets/citytv/stylesheets/layout/form-global.scss */
.newsletter-wrapper .accordion h3 {
  display: none;
}

/* Hide native checkbox */
/* line 18, app/assets/citytv/stylesheets/layout/form-global.scss */
.newsletter-wrapper label > input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Position the label nicely */
/* line 25, app/assets/citytv/stylesheets/layout/form-global.scss */
.newsletter-wrapper label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

/* Add custom box before the text */
/* line 34, app/assets/citytv/stylesheets/layout/form-global.scss */
.newsletter-wrapper span {
  position: relative;
  padding-left: 28px;
  /* space for the box */
  width: 100% !important;
}

/* The custom box */
/* line 41, app/assets/citytv/stylesheets/layout/form-global.scss */
.newsletter-wrapper span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-color: var(--box-bg);
  border: 2px solid var(--check-color);
  border-radius: 4px;
  box-sizing: border-box;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Show checkmark when checked */
/* line 57, app/assets/citytv/stylesheets/layout/form-global.scss */
.newsletter-wrapper label > input[type="checkbox"]:checked + span::before {
  background-color: var(--box-bg);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23011e23' d='M20.285 6.708a1 1 0 0 0-1.414-1.416L9 15.163l-3.87-3.87a1 1 0 0 0-1.414 1.414l4.577 4.578a1 1 0 0 0 1.414 0l10.578-10.577z'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% 90%;
}

/* line 65, app/assets/citytv/stylesheets/layout/form-global.scss */
form abbr[title] {
  color: #FFFFFF;
  border-bottom: 0 none;
  text-decoration: none;
}

/* line 71, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-row {
  margin: 0 0 .5em;
  display: inline-block;
  width: 63%;
}

/* line 77, app/assets/citytv/stylesheets/layout/form-global.scss */
.new-form.zuora .form-row {
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 500px) {
  /* line 83, app/assets/citytv/stylesheets/layout/form-global.scss */
  .form-row {
    width: 100%;
  }
}

/* line 88, app/assets/citytv/stylesheets/layout/form-global.scss */
.already-subscribed {
  font-size: 13px;
}

/* line 92, app/assets/citytv/stylesheets/layout/form-global.scss */
.monthly-pass {
  font-size: 12px;
  font-family: "Helvetica", "Roboto", "regular", "Arial", "sans-serif";
}

/* line 97, app/assets/citytv/stylesheets/layout/form-global.scss */
.monthly-pass .font-reg {
  font-size: 24px;
}

/* line 101, app/assets/citytv/stylesheets/layout/form-global.scss */
div.paragraph {
  margin-bottom: 8.25px;
  word-spacing: 0px;
}

/* line 106, app/assets/citytv/stylesheets/layout/form-global.scss */
p {
  word-spacing: 0px;
  color: #D2F7FC !important;
}

/* line 112, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-row .controls.credit_card_field_creditCardExpirationMonth.error,
.form-row.error .controls.credit_card_field_creditCardExpirationMonth {
  padding-bottom: 58px;
}

/* line 117, app/assets/citytv/stylesheets/layout/form-global.scss */
.error.credit_card_field_creditCardExpirationMonth .help-inline,
.form-row.error .credit_card_field_creditCardExpirationMonth .help-inline {
  margin-top: 8px;
}

/* line 122, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-row .controls.credit_card_field_creditCardExpirationYear.error,
.form-row.error .controls.credit_card_field_creditCardExpirationYear {
  padding-bottom: 58px;
}

/* line 127, app/assets/citytv/stylesheets/layout/form-global.scss */
.help-inline.field_creditCardExpirationMonth,
.help-inline.field_creditCardExpirationYear,
.help-inline.field_creditCardState {
  margin-top: 7px;
}

/* GLOBAL FORM ELEMENTS
---------------------------------------------- */
/* Styled legend tag */
/* line 137, app/assets/citytv/stylesheets/layout/form-global.scss */
.legend-visible {
  color: #FFFFFF;
  font-size: 22px;
  line-height: normal;
  margin-bottom: .2em;
}

/* line 144, app/assets/citytv/stylesheets/layout/form-global.scss */
.order-summary .legend-visible {
  font-size: 20px;
}

/* Text Fields */
/* line 149, app/assets/citytv/stylesheets/layout/form-global.scss */
.text-field[type="text"],
.text-field[type="password"],
.text-field[type="email"],
.text-field[type="tel"] {
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
  border-radius: 4px;
  float: left;
  font-size: 16px;
  padding: .63em .8em;
  appearance: none;
  -webkit-appearance: none;
  min-height: 40px;
  background: rgba(255, 255, 255, 0.1);
}

/* line 165, app/assets/citytv/stylesheets/layout/form-global.scss */
.text-field.completed-field {
  border: 1px solid #00b924;
}

/* line 169, app/assets/citytv/stylesheets/layout/form-global.scss */
.custom-checkbox + label {
  padding-left: 20px;
}

/* line 173, app/assets/citytv/stylesheets/layout/form-global.scss */
label .custom-checkbox {
  margin-right: 15px;
}

/* line 177, app/assets/citytv/stylesheets/layout/form-global.scss */
label .custom-checkbox:before {
  float: left;
  content: ' ';
  background: url(/assets/images/icons/ui/blue_checkbox_unchecked-c38dcf5967d23c670beadb0c74485fa0c48467553d067d5230a8ebecbf9806a1.svg) no-repeat 0 0;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-top: -4px;
}

/* line 187, app/assets/citytv/stylesheets/layout/form-global.scss */
label .custom-checkbox:checked:before {
  background: url(/assets/images/icons/ui/blue_checkbox_checked-6aa01aaec7b63b0b6e9372837897bf8f68b032b9a2d2aaff41fe892e0ed51dfa.svg) no-repeat 0 0;
  background-size: 20px 20px;
}

/* GENERAL FORM STYLES
---------------------------------------------- */
/* line 194, app/assets/citytv/stylesheets/layout/form-global.scss */
.general-form .text-field {
  width: 402px;
  padding: 0.7rem;
  font-weight: 500;
  color: #011D23;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #D2F8FC;
}

/* line 203, app/assets/citytv/stylesheets/layout/form-global.scss */
.new-form.zuora .general-form .text-field {
  max-width: 402px;
}

/* line 207, app/assets/citytv/stylesheets/layout/form-global.scss */
.general-form .select.text-field {
  height: 38px;
}

/* line 211, app/assets/citytv/stylesheets/layout/form-global.scss */
.credit_card_field_creditCardNumber.form-row {
  margin-bottom: 3px;
}

/* line 215, app/assets/citytv/stylesheets/layout/form-global.scss */
.general-form .btn {
  margin-top: .8em;
}

/* line 219, app/assets/citytv/stylesheets/layout/form-global.scss */
.general-form .controls .date {
  margin-right: 15px;
  width: 90px;
  appearance: menulist;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  /* Ugly Firefox way of doing it */
  border: 1px solid #cacdce;
  padding: .3em 0 .3em .5em;
}

/* line 230, app/assets/citytv/stylesheets/layout/form-global.scss */
.general-form .form-label {
  margin-bottom: 4px;
  margin-top: 8px;
  padding-bottom: 0px;
  -webkit-font-smoothing: antialiased;
  color: #D2F8FC;
  text-align: left;
  font-weight: bold;
}

/* line 241, app/assets/citytv/stylesheets/layout/form-global.scss */
.new-form-wrapper {
  margin: 0 auto;
}

/* line 251, app/assets/citytv/stylesheets/layout/form-global.scss */
.new-form.zuora .accordion-wrapper .accordion {
  max-width: 27rem;
  width: 27rem;
}

@media screen and (max-width: 500px) {
  /* line 251, app/assets/citytv/stylesheets/layout/form-global.scss */
  .new-form.zuora .accordion-wrapper .accordion {
    max-width: 24rem;
    width: 100%;
  }
}

/* line 264, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion {
  width: 100%;
  color: white;
  overflow: hidden;
}

/* line 271, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion:last-child {
  margin-bottom: 0;
}

/* line 275, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-label {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 15px 15px 15px 52px;
  cursor: pointer;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0;
}

/* line 288, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-label:hover {
  color: white;
}

/* line 292, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-label::after {
  content: "";
  width: 22px;
  height: 22px;
  text-align: center;
  -webkit-transition: all 0s;
  transition: all 0s;
  background-image: url(/assets/images/icons/down-7ebc69750d082a09779b7b418877acb2db5f3185ff001ffb4511272285c9c208.svg);
  background-repeat: no-repeat;
  background-position: right center;
}

/* line 304, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-label.credit {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background-image: url(/assets/images/logos/credit_card_icon-e82bcc78a0f41f9e1fa46e34ff3bbe6d569b2c29d5dcf435ae2c025e148c14a6.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: left center;
  background-position-x: 15px;
}

/* line 313, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-label.apple {
  background-image: url(/assets/images/logos/apple-icon-258f9d5232fbed5f7254d8d0c1c238f5ced13b0f7a70310a05aeda75d21abd0a.svg);
  background-repeat: no-repeat;
  background-size: 30px 30px;
  background-position: left center;
  background-position-x: 15px;
}

/* line 321, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-content {
  max-height: 0;
  height: 0;
  -webkit-transition: all 0s;
  transition: all 0s;
}

/* line 328, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-content p {
  margin: 0;
  color: rgba(4, 57, 94, 0.7);
  font-size: 18px;
}

/* line 334, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-wrapper input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* line 340, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-wrapper .accordion-label {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 344, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-wrapper input:checked + .accordion-label {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 1rem;
}

/* line 350, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-wrapper input:checked + .accordion-label::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 355, app/assets/citytv/stylesheets/layout/form-global.scss */
.accordion-wrapper input:checked ~ .accordion-content {
  max-height: 200vh;
  padding: 0 0 0 0.7rem;
  height: auto;
}

@media screen and (max-width: 480px) {
  /* line 363, app/assets/citytv/stylesheets/layout/form-global.scss */
  .new-form-wrapper {
    width: 100%;
  }
}

/* C.C modifiers */
/* .general-form .security-code .input-append { height: 41px; } */
/* select lists in C.C form */
/* line 372, app/assets/citytv/stylesheets/layout/form-global.scss */
.controls.select {
  float: left;
  margin-right: 15px;
  margin-top: .2em;
  position: relative;
}

/* line 379, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-label .gray {
  color: #a8a8a8;
  font-size: 13px;
  font-family: "Arial", "regular", "Helvetica", "sans-serif", "Roboto";
}

/* line 385, app/assets/citytv/stylesheets/layout/form-global.scss */
.error input {
  margin-bottom: 1px;
}

/* PLACEHOLDER STYLING
---------------------------------------------- */
/* line 391, app/assets/citytv/stylesheets/layout/form-global.scss */
.text-field::-webkit-input-placeholder {
  color: #666;
  font-style: normal;
}

/* line 396, app/assets/citytv/stylesheets/layout/form-global.scss */
.text-field:-moz-placeholder {
  /* Firefox 18- */
  color: #666;
  font-style: normal;
}

/* line 402, app/assets/citytv/stylesheets/layout/form-global.scss */
.text-field::-moz-placeholder {
  /* Firefox 19+ */
  color: #666;
  font-style: normal;
}

/* line 408, app/assets/citytv/stylesheets/layout/form-global.scss */
.text-field:-ms-input-placeholder {
  color: #666;
  font-style: normal;
}

/* ERRORS AND ERROR LISTS
---------------------------------------------- */
/* line 416, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-errors.box {
  padding: 5px;
  border: 1px solid #fe5f5f;
  background: #ffffff;
}

/* line 422, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-errors.box .title {
  color: #fe0f10;
}

/* line 426, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-errors .err-text {
  margin-left: 50px;
}

/* line 430, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-errors .i-exclamation {
  position: absolute;
}

/* line 434, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-errors {
  padding: 1em 0 .5em;
  margin: 0;
  background: #CF2E2E1A;
}

/* line 441, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-errors .cc {
  color: #fff;
  background: #CF2E2E1A;
  padding: 10px;
  font-size: 14px;
  margin: 0px;
}

/* line 449, app/assets/citytv/stylesheets/layout/form-global.scss */
#promo_code_errors .form-errors {
  padding: 0;
}

/* line 453, app/assets/citytv/stylesheets/layout/form-global.scss */
.error-listing {
  color: #dd3829;
  font-size: 16px;
  padding-left: 20px;
}

/* line 459, app/assets/citytv/stylesheets/layout/form-global.scss */
.error .text-field {
  border-color: #CF2E2E;
}

/* line 464, app/assets/citytv/stylesheets/layout/form-global.scss */
.error .help-inline,
.error-label {
  font-size: 14px;
  clear: left;
  color: #18C0DE !important;
  background: none;
  width: 100%;
  max-width: 402px;
  margin: 0px;
}

/* line 476, app/assets/citytv/stylesheets/layout/form-global.scss */
.credit_card_tos .help-inline {
  font-size: 14px;
  clear: left;
  color: #fff;
  background: #CF2E2E1A;
  width: 100%;
  max-width: 490px;
  padding: 10px;
  margin: 0px;
}

/* line 487, app/assets/citytv/stylesheets/layout/form-global.scss */
.help-inline.tos {
  font-size: 16px;
  font-weight: normal;
}

/* HELP AND HINTS and INFORMATION
---------------------------------------------- */
/* line 494, app/assets/citytv/stylesheets/layout/form-global.scss */
.help-block.popover {
  background-color: #00adc6;
  border-radius: 7px 7px 7px 0;
  margin: 0.5em 0 0.5em 0.5em;
  height: 15px;
  width: 15px;
  padding: 5px;
  text-align: center;
  color: #ffffff;
  float: left;
  position: relative;
  top: -38px;
  left: 180px;
}

/* line 509, app/assets/citytv/stylesheets/layout/form-global.scss */
.select .help-inline {
  left: 0;
  position: absolute;
  top: 39px;
}

/* line 516, app/assets/citytv/stylesheets/layout/form-global.scss */
.controls.select .help-inline {
  font-size: 14px;
  line-height: 1.1;
}

/* line 523, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-row .cc-expiration select {
  width: 105px;
}

/* line 527, app/assets/citytv/stylesheets/layout/form-global.scss */
.cc-expiration select {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 7px 10% 7px 12px;
}

/* line 534, app/assets/citytv/stylesheets/layout/form-global.scss */
.cc-expiration .fancy-select {
  border: none;
  background-color: #fff;
  float: left;
  position: relative;
}

/* line 541, app/assets/citytv/stylesheets/layout/form-global.scss */
.cc-expiration .fancy-select.month {
  margin-right: 5px;
}

/* line 545, app/assets/citytv/stylesheets/layout/form-global.scss */
.exp-section {
  width: 225px;
}

/* line 549, app/assets/citytv/stylesheets/layout/form-global.scss */
.exp-section,
.security-section {
  display: inline-block;
  float: left;
}

/* line 555, app/assets/citytv/stylesheets/layout/form-global.scss */
.security-section .text-field {
  width: 105px;
}

/* line 559, app/assets/citytv/stylesheets/layout/form-global.scss */
.exp-section .help-inline {
  width: 220px;
}

/* line 563, app/assets/citytv/stylesheets/layout/form-global.scss */
.security-section .help-inline {
  width: 105px;
}

/* line 567, app/assets/citytv/stylesheets/layout/form-global.scss */
.error.credit_card_field_cardSecurityCode .help-inline,
.form-row.error .credit_card_field_cardSecurityCode .help-inline {
  margin-top: 0px;
}

/* line 572, app/assets/citytv/stylesheets/layout/form-global.scss */
.cc-expiration .help-inline {
  left: 0px;
  position: relative;
  top: 0px;
}

/* line 578, app/assets/citytv/stylesheets/layout/form-global.scss */
.general-form .col-md-7,
.general-form .col-md-5,
.general-form .col-md-12 {
  padding-left: 0px;
}

/* line 584, app/assets/citytv/stylesheets/layout/form-global.scss */
.general-form .col-md-5,
.general-form .col-md-12 {
  padding-right: 0px;
}

/* line 589, app/assets/citytv/stylesheets/layout/form-global.scss */
.cc-top-border {
  padding-top: 19px;
}

/* line 594, app/assets/citytv/stylesheets/layout/form-global.scss */
.general-form abbr[title] {
  display: none;
}

/* line 598, app/assets/citytv/stylesheets/layout/form-global.scss */
.credit_card_field_creditCardState .text-field {
  width: 160px;
}

/* line 602, app/assets/citytv/stylesheets/layout/form-global.scss */
.credit_card_field_creditCardState .help-inline {
  width: 160px;
  top: 46px;
}

/* line 607, app/assets/citytv/stylesheets/layout/form-global.scss */
.credit_card_field_creditCardState .fancy-select {
  width: 160px;
}

/* line 611, app/assets/citytv/stylesheets/layout/form-global.scss */
.credit_card_field_creditCardState .fancy-select .text-field {
  width: 160px;
  padding-right: 32px;
}

/* line 616, app/assets/citytv/stylesheets/layout/form-global.scss */
.credit_card_field_creditCardState .fancy-select:after {
  right: 10%;
}

/* line 620, app/assets/citytv/stylesheets/layout/form-global.scss */
.credit_card_field_creditCardPostalCode .text-field,
.credit_card_field_creditCardPostalCode .help-inline {
  width: 160px;
}

/* line 625, app/assets/citytv/stylesheets/layout/form-global.scss */
.state-section,
.postal-section {
  width: 165px;
  display: inline-block;
  float: left;
}

/* line 632, app/assets/citytv/stylesheets/layout/form-global.scss */
.form-row.error.credit_card_field_creditCardState {
  padding-bottom: 68px;
}

/* line 636, app/assets/citytv/stylesheets/layout/form-global.scss */
#order_summary_wrapper {
  margin-top: 8px;
  padding: 20px;
  background-color: #F7F7F7;
  border-radius: 10px;
  margin-bottom: 20px;
  font-size: 14px;
}

/* line 645, app/assets/citytv/stylesheets/layout/form-global.scss */
#order_summary_wrapper.tq-styles {
  margin-top: 22px;
  margin-bottom: 0;
  padding-bottom: 1px;
}

/* line 651, app/assets/citytv/stylesheets/layout/form-global.scss */
#order_summary_wrapper.tq-styles p {
  margin-bottom: 7px;
}

/* line 655, app/assets/citytv/stylesheets/layout/form-global.scss */
#order_summary_wrapper.tq-styles hr {
  margin: 14px 0;
}

/* line 659, app/assets/citytv/stylesheets/layout/form-global.scss */
#order_summary_wrapper .row {
  margin-bottom: 7px;
}

/* line 663, app/assets/citytv/stylesheets/layout/form-global.scss */
#order_summary_wrapper .row.order-total {
  margin-bottom: 24px;
}

/* line 667, app/assets/citytv/stylesheets/layout/form-global.scss */
#order_summary_wrapper .offer-plan-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}

/* line 673, app/assets/citytv/stylesheets/layout/form-global.scss */
#order_summary_wrapper .offer-plan-description {
  margin-bottom: 24px;
}

/* line 677, app/assets/citytv/stylesheets/layout/form-global.scss */
.price-details {
  font-size: 16px;
}

/* line 681, app/assets/citytv/stylesheets/layout/form-global.scss */
.gift-breadcrumb {
  font-size: 14px;
}

/* line 685, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0%;
  z-index: 999999;
}

/* line 693, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg .schedule-summary {
  width: 40%;
  min-height: 20%;
  background-color: #fff;
  position: absolute;
  left: 25%;
  padding: 30px;
  top: 10%;
  text-align: center;
  margin: 5%;
}

/* line 704, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg .schedule-summary h3 {
  margin-bottom: 15px;
  margin-top: 12px;
}

/* line 709, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg .schedule-summary p {
  font-size: 14px;
  line-height: 18px;
}

/* line 714, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg .schedule-summary table {
  margin-bottom: 20px;
  width: 100%;
}

/* line 718, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg .schedule-summary table td {
  vertical-align: top;
  font-size: 14px;
  padding: 8px 0 0 0 !important;
  word-break: break-word;
}

/* line 724, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg .schedule-summary table td:first-child {
  width: 120px;
  font-weight: bold;
}

/* line 731, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg .schedule-summary a, .schedule-confirm-bg .schedule-summary .new-form .promo-mastercard.package-selected, .new-form .schedule-confirm-bg .schedule-summary .promo-mastercard.package-selected {
  font-weight: normal;
  text-transform: none;
}

/* line 736, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg .schedule-summary a.cancel, .schedule-confirm-bg .schedule-summary .new-form .cancel.promo-mastercard.package-selected, .new-form .schedule-confirm-bg .schedule-summary .cancel.promo-mastercard.package-selected {
  display: block;
  width: 100px;
  margin: 0 auto;
  padding-top: 10px;
}

/* line 743, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-confirm-bg .schedule-summary span.cancel {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /* line 755, app/assets/citytv/stylesheets/layout/form-global.scss */
  .schedule-confirm-bg .schedule-summary {
    padding: 20px;
    width: 90%;
    left: auto;
    top: 0;
    text-align: center;
    margin: 10% 5%;
  }
  /* line 764, app/assets/citytv/stylesheets/layout/form-global.scss */
  .schedule-confirm-bg .schedule-summary table td {
    width: 100%;
    display: block;
    padding: 0 0 10px 0 !important;
  }
  /* line 769, app/assets/citytv/stylesheets/layout/form-global.scss */
  .schedule-confirm-bg .schedule-summary table td:first-child {
    width: 100%;
    font-weight: bold;
    padding-bottom: 0px !important;
  }
  /* line 775, app/assets/citytv/stylesheets/layout/form-global.scss */
  .schedule-confirm-bg .schedule-summary table td.s-email {
    word-break: break-word;
  }
}

/* line 784, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-summary-wrapper {
  margin-top: 25px;
}

/* line 787, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-summary-wrapper h3 {
  margin-bottom: 15px;
  margin-top: 12px;
}

/* line 792, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-summary-wrapper table {
  margin-bottom: 20px;
  width: 100%;
}

/* line 796, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-summary-wrapper table td {
  vertical-align: top;
  font-size: 16px;
  padding: 8px 0 0 0 !important;
  word-break: break-word;
}

/* line 802, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-summary-wrapper table td:first-child {
  width: 140px;
  font-weight: bold;
}

/* line 811, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper {
  margin-top: 25px;
}

/* line 814, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper h4 {
  font-weight: bold;
}

/* line 819, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper .row small {
  display: block;
  color: #aaa;
  line-height: 18px;
  margin-top: 10px;
}

/* line 827, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper input,
.schedule-wrapper textarea {
  padding: 5px;
  min-width: 80%;
  border: 1px solid #ccc;
}

/* line 834, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper label {
  display: block;
  font-size: 14px;
  margin-bottom: 0;
}

/* line 841, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper .recipient-cover .cover-image-thumb {
  width: 130px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  display: inline-block;
}

/* line 850, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper .recipient-cover .cover-image-thumb.image1 {
  background-image: url(/assets/images/gifting/image1-386a9623d7855853648b6c12432e0f4344773b43f824b222ea286aeb82a100eb.jpg);
}

/* line 854, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper .recipient-cover .cover-image-thumb.image2 {
  background-image: url(/assets/images/gifting/image2-6e8f2f8292e8a6be64cd12fe25596407b7199aa8fbd092533b45eb2867467ed9.jpg);
}

/* line 858, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper .recipient-cover .cover-image-thumb.image3 {
  background-image: url(/assets/images/gifting/image3-1e53448d845a6d9fc2cd840509edbf960fd0b8e732369e35c8fb9201ff7a7e7d.jpg);
}

/* line 862, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper .recipient-cover .cover-image-thumb.image4 {
  background-image: url(/assets/images/gifting/image4-ae3472f66a6416351bbb83ebc7a066b51ce8356b9719a6ddda2df454f531de8f.jpg);
}

/* line 866, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper .recipient-cover .cover-image-thumb.highlight {
  border: 5px solid #0d98d9;
}

/* line 872, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper .schedule-now a, .schedule-wrapper .schedule-now .new-form .promo-mastercard.package-selected, .new-form .schedule-wrapper .schedule-now .promo-mastercard.package-selected {
  display: inline-block;
  font-weight: bold;
  border: 1px solid #06598B;
  padding: 7px 15px;
  color: #06598B;
  text-transform: uppercase;
  line-height: 27px;
  font-size: 14px;
  text-decoration: none;
}

/* line 884, app/assets/citytv/stylesheets/layout/form-global.scss */
.schedule-wrapper .row.error input,
.schedule-wrapper .row.error textarea {
  border: 1px solid #18C0DE;
}

/* line 891, app/assets/citytv/stylesheets/layout/form-global.scss */
.general-form .text-field:active,
.general-form .text-field:focus,
.general-form .text-field:hover {
  border-color: #0d223f;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

/* JANRAIN STYLES
---------------------------------------------- */
/* line 910, app/assets/citytv/stylesheets/layout/form-global.scss */
.janrain-capture-ui .capture_footer #capture_forgotPassword_backButton {
  background: url(/assets/images/icons/ui/chevron-left-thin-f03059b586e58aea2824acfa374dd93af3a6d7b7f14acfd74fbc6db6914f9956.svg) no-repeat left center;
  text-align: left;
  padding-left: 1.2rem;
}

/* line 916, app/assets/citytv/stylesheets/layout/form-global.scss */
.citytv .navbar-nav > li.empty {
  display: none !important;
}

/* FORMS - Styling additions
====================================================================== */
/* FANCY SELECT MENU STYLES */
/* line 3, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select {
  border: none;
}

/* line 6, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select select {
  border: 1px solid #cacdce;
  border-radius: 4px;
}

/* Custom arrow - could be an image, SVG, icon font, etc. */
/* line 11, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select:after {
  background: none;
  color: #999999;
  content: url(/assets/images/icons/ui/i-chevron-down-3-5628e110701224d53465f9b7d3f7ff19086f75449b122d9e54132b11c525be08.png);
  font-size: 40px;
  padding: 0;
  position: absolute;
  right: 10%;
  top: -56%;
  z-index: 1;
  /* This hack makes the select behind the arrow clickable in some browsers */
  pointer-events: none;
}

/* line 25, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select-lg:after {
  right: 4%;
  top: -56%;
}

/* small select -- in a list */
/* line 31, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select-sm {
  width: 142px;
  overflow: hidden;
}

/* line 35, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select-sm .text-field {
  width: 142px;
}

/* line 38, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select-sm select {
  width: 110%;
  max-width: 110%;
  min-width: 110%;
  padding: 7px 10% 7px 12px;
}

/* large select -- one in a block */
/* line 46, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select-lg {
  width: 402px;
}

/* line 49, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select-lg select {
  /* Make sure the select is wider than the container so we can clip the arrow */
  width: 402px;
  /* Padding works surpringly well */
  padding: .6em 19% .6em .8em;
}

/* line 56, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
#credit_card_field_creditCardNumber {
  background: url(/assets/images/icons/ui/ico-lock-5775cfc7cd1139a51ebfa239dad1f41e56b029f9f21820ac6a397ef703fc1db4.png);
  background-position-x: 95%;
  background-position-y: 50%;
  background-repeat: no-repeat;
}

/* line 63, app/assets/citytv/stylesheets/partials/forms-enhanced.scss */
.fancy-select select:focus, .fancy-select select:active {
  border: 1px solid #00b924;
  background: #ffffff;
}

/* App Downloads
---------------------------------------------- */
/* line 2, app/assets/citytv/stylesheets/modules/app-buttons.scss */
.app-button-list {
  display: table;
  font-family: "light", "Roboto", "Helvetica", "Arial", "sans-serif";
  list-style: none;
  overflow: hidden;
  padding: 0;
  table-layout: fixed;
  text-align: left;
}

/* line 12, app/assets/citytv/stylesheets/modules/app-buttons.scss */
.app-button-list li {
  display: table-cell;
  margin-bottom: 5px;
  padding-right: 10px;
  vertical-align: middle;
  height: 51px;
}

/* line 20, app/assets/citytv/stylesheets/modules/app-buttons.scss */
.nhl-badge {
  color: #fff;
  display: table-cell;
  font-size: 19px;
  line-height: 1.1;
  height: 51px;
  vertical-align: middle;
  width: 295px;
}

/* Order Table
---------------------------------------------- */
/* line 2, app/assets/citytv/stylesheets/layout/order-tables.scss */
.order-summary .content-wrapper {
  border-bottom: #bbbdc0 2px solid;
  margin-bottom: 15px;
}

/* Package Selection Page
---------------------------------------------- */
/* line 1, app/assets/citytv/stylesheets/layout/success-page.scss */
.icon_text_title {
  color: #bf261b;
  font-weight: 700;
  padding: 5px 0px 5px 0px;
  font-family: "Sintony-Bold", sans-serif;
}

/* $ 0.7 Accessibility & Usability
====================================================================== */
/* hidden text */
/* line 2, lib/assets/stylesheets/partials/accessibility.scss */
.hide-text {
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 1px;
  margin: -1px;
  width: 1px;
}

/* line 3, lib/assets/stylesheets/partials/accessibility.scss */
.hide-divider {
  border: 0 none;
  height: 0 !important;
  margin: 0;
  padding: 0;
}

/* line 5, lib/assets/stylesheets/partials/accessibility.scss */
.quick-links {
  background-color: #333;
  color: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  left: 10px;
  padding: 5px 10px;
  position: absolute;
  text-decoration: none;
  top: -100%;
  transition: top 350ms ease-in-out 0s;
  z-index: 110;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* line 19, lib/assets/stylesheets/partials/accessibility.scss */
.quick-links:focus {
  top: 0;
  color: #fff;
  outline: none;
  text-decoration: none;
}

/* line 27, lib/assets/stylesheets/partials/accessibility.scss */
::selection {
  background: #ddd;
  color: #333;
  text-shadow: none;
}

/* style selected text */
/* line 29, lib/assets/stylesheets/partials/accessibility.scss */
.top-of-page {
  font-size: 12px;
  font-size: 0.75rem;
}

/* Utility - Global Styles
====================================================================== */
/* line 1, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-display-none {
  display: none !important;
}

/* line 5, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-display-block {
  display: block !important;
}

/* line 9, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-display-flex {
  display: flex;
}

/* line 13, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-postion-absolute {
  position: absolute;
}

/* line 17, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-width-100-percent {
  width: 100%;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 30, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-background-loading-circle {
  background: url(/assets/images/icons/ui/loading-1c757402772474a8f78d1f27a2f316e1ca5023ad8ef87c5ffb00fb1b9bd892aa.png) no-repeat center center;
  animation-name: rotate;
  /* Name of the keyframes rule */
  animation-duration: 2s;
  /* Duration of the animation */
  animation-timing-function: linear;
  /* Timing function for the animation */
  animation-iteration-count: infinite;
  /* Number of times the animation repeats */
}

/* line 39, app/assets/citytv/stylesheets/layout/utility-global.scss */
.btn-tertiary {
  font-weight: bold;
  padding-left: 10px;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 18px;
  line-height: 22px;
  border: none !important;
  text-decoration: none !important;
}

/* line 51, app/assets/citytv/stylesheets/layout/utility-global.scss */
.btn-tertiary:hover {
  cursor: pointer;
  opacity: 1;
  color: white !important;
}

/* line 58, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-tertiary {
  color: rgba(255, 255, 255, 0.8);
}

/* line 61, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-tertiary:hover {
  cursor: pointer;
  opacity: 1;
  color: white;
}

/* line 67, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-tertiary.small {
  font-size: 14px;
  line-height: 18px;
}

/* line 74, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link, .buy-flow-tc p a, .buy-flow-tc p .new-form .promo-mastercard.package-selected, .new-form .buy-flow-tc p .promo-mastercard.package-selected, a.u-link-arrow-down, .new-form .u-link-arrow-down.promo-mastercard.package-selected, a.u-link, .new-form .u-link.promo-mastercard.package-selected, .janrain-capture-ui a, .janrain-capture-ui .new-form .promo-mastercard.package-selected, .new-form .janrain-capture-ui .promo-mastercard.package-selected,
.janrain-capture-ui a:visited,
.janrain-capture-ui a:link {
  font-style: normal;
  line-height: 1.125rem;
  color: #FFFFFF;
}

/* line 79, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link:hover, .buy-flow-tc p a:hover, .buy-flow-tc p .new-form .promo-mastercard.package-selected:hover, .new-form .buy-flow-tc p .promo-mastercard.package-selected:hover, a.u-link-arrow-down:hover, .new-form .u-link-arrow-down.promo-mastercard.package-selected:hover, .new-form .u-link.promo-mastercard.package-selected:hover, .janrain-capture-ui a:hover, .janrain-capture-ui .new-form .promo-mastercard.package-selected:hover, .new-form .janrain-capture-ui .promo-mastercard.package-selected:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #18C0DE;
}

/***
a {
  &.u-link {
    color: #FFFFFF !important;
    @extend .u-link
  }
}
  ***/
/* line 97, app/assets/citytv/stylesheets/layout/utility-global.scss */
a.u-link, .buy-flow-tc p a, a.u-link-arrow-down, .new-form .u-link.promo-mastercard.package-selected, .buy-flow-tc p .new-form .promo-mastercard.package-selected, .new-form .buy-flow-tc p .promo-mastercard.package-selected, .new-form .promo-mastercard.package-selected.u-link-arrow-down, .janrain-capture-ui a, .janrain-capture-ui .new-form .promo-mastercard.package-selected, .new-form .janrain-capture-ui .promo-mastercard.package-selected,
.janrain-capture-ui a:visited,
.janrain-capture-ui a:link {
  color: #18C0DE !important;
}

/* line 102, app/assets/citytv/stylesheets/layout/utility-global.scss */
a.u-link-arrow-down, .new-form .u-link-arrow-down.promo-mastercard.package-selected {
  font-size: .75rem;
  position: relative;
  display: flex;
  justify-content: center;
}

/* line 111, app/assets/citytv/stylesheets/layout/utility-global.scss */
a.u-link-arrow-down::after, .new-form .u-link-arrow-down.promo-mastercard.package-selected::after {
  content: "";
  padding: 0 .3125rem;
  margin-left: .375rem;
  background-image: url(/assets/images/icons/ui/i-bf-chev-down-312eddc3650bbb492d1cbe2df3943d2cca6b5795fd362aa8644a98c3f6e88666.svg);
  background-position: center;
  background-repeat: no-repeat;
}

/* line 122, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-edit, .package-selected .package-user .edit-link, .u-link-chain {
  font-size: .875rem;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

/* line 128, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-edit::after, .package-selected .package-user .edit-link::after, .u-link-chain::after {
  content: "";
  padding: 0 6px;
  margin-left: 6px;
  background-image: url(/assets/images/icons/ui/pencil-simple-line-f276b5b18ba5a1f47c17ededa3232918dc328c207b08e4c6d6a988256e446541.svg);
  background-position: center;
  background-repeat: no-repeat;
}

/* line 138, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-pb-10 {
  padding-bottom: .625rem;
}

/* line 144, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-chain::after {
  background-image: url(/assets/images/logos/chain-link-463e2f6fe62a302f895af80ac8dd3a56e41bd71ed601649050bb505bf22e8cff.svg);
}

/* Citytv specific styles
====================================================================== */
/* line 40, app/assets/stylesheets/citytv-styles.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Proxima Nova", "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 48, app/assets/stylesheets/citytv-styles.scss */
body {
  background-color: #000405;
  color: #D2F8FC;
}

/* line 53, app/assets/stylesheets/citytv-styles.scss */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
}

/* line 60, app/assets/stylesheets/citytv-styles.scss */
h1 {
  font-size: 48px;
  color: #18C0DE;
  margin-bottom: 10px;
  text-align: left;
  font-weight: bold;
  line-height: 1.1;
}

/* line 69, app/assets/stylesheets/citytv-styles.scss */
.subtitle {
  font-size: 24px;
  margin-bottom: 40px;
  color: #D2F8FC !important;
  padding-top: 0.5rem;
}

/* line 76, app/assets/stylesheets/citytv-styles.scss */
h2.subtitle {
  text-align: left;
}

/* line 81, app/assets/stylesheets/citytv-styles.scss */
.step-indicator {
  position: absolute;
  top: 0;
  right: 0;
  border: 2px solid #18C0DE;
  color: #18C0DE;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 16px;
  background-color: #0E6F814D;
  margin-bottom: 1rem;
}

/* line 94, app/assets/stylesheets/citytv-styles.scss */
.newsletter-wrapper .success-message {
  background-color: #00A4BA1A !important;
  border-color: #00A4BA !important;
}

/* line 100, app/assets/stylesheets/citytv-styles.scss */
.plans-container {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 20px;
}

/* line 108, app/assets/stylesheets/citytv-styles.scss */
.plan-card {
  background-color: #05262C;
  border-radius: 10px;
  width: 40%;
  padding: 20px;
  position: relative;
  overflow: hidden;
  text-align: left;
  color: #D2F8FC;
  border: 1px solid #05262C;
}

/* line 119, app/assets/stylesheets/citytv-styles.scss */
.plan-card:hover {
  border: 1px solid #D2F8FC;
}

/* line 123, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-tag {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #D2F8FC;
  color: #05262C;
  border-radius: 5px;
  font-weight: bold;
  font-size: 13px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  text-transform: uppercase;
}

/* line 126, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-tag.best-value {
  background-color: #f5b942;
}

/* line 130, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-tag span {
  padding: 5px 18px;
}

/* line 132, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-tag span.first {
  border-bottom-left-radius: 10px;
}

/* line 136, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-tag span.second {
  background-color: #f5b942;
}

/* line 142, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-min-height-wrapper {
  min-height: 130px;
}

/* line 145, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-min-height-wrapper .plan-price-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  line-height: 0px;
}

/* line 151, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-min-height-wrapper .plan-price-wrapper .plan-title {
  font-size: 32px;
  color: #18C0DE;
  margin-top: 20px;
  margin-bottom: 0px;
  text-align: left;
  line-height: 1.1;
  font-weight: bold;
}

/* line 161, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-min-height-wrapper .plan-price-wrapper .plan-price {
  display: flex;
  align-items: top;
  margin-bottom: 0px;
  line-height: 1;
}

/* line 167, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-min-height-wrapper .plan-price-wrapper .plan-price .price {
  font-size: 42px;
  font-weight: bold;
}

/* line 172, app/assets/stylesheets/citytv-styles.scss */
.plan-card .plan-min-height-wrapper .plan-price-wrapper .plan-price .price-period {
  font-size: 16px;
  margin-left: 2px;
  margin-top: 5px;
}

/* line 181, app/assets/stylesheets/citytv-styles.scss */
.plan-card .price-note {
  color: #D2F8FC;
  font-size: 13px;
  margin-top: -3px;
  margin-bottom: 0px;
  text-align: right;
  position: absolute;
  right: 20px;
}

/* line 191, app/assets/stylesheets/citytv-styles.scss */
.plan-card .billing-info {
  color: #D2F8FC;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 30px;
}

/* line 198, app/assets/stylesheets/citytv-styles.scss */
.plan-card .select-button {
  position: relative;
  display: block;
  width: 100%;
  background-color: #0E6F81;
  color: #D2F8FC;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  padding: 15px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 20px;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s ease;
}

/* line 219, app/assets/stylesheets/citytv-styles.scss */
.plan-card .select-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3E8C9A;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}

/* line 231, app/assets/stylesheets/citytv-styles.scss */
.plan-card .select-button:hover::before {
  opacity: 1;
}

/* line 237, app/assets/stylesheets/citytv-styles.scss */
.plan-card .features-list {
  list-style: none;
}

/* line 240, app/assets/stylesheets/citytv-styles.scss */
.plan-card .features-list ul {
  margin-left: 5px;
  padding-left: 0;
}

/* line 245, app/assets/stylesheets/citytv-styles.scss */
.plan-card .features-list li {
  margin-bottom: 6px;
  display: flex;
  align-items: flex-start;
  background: url(/dtc_checkmark.png) no-repeat 0px 6px;
  background-size: 15px;
  padding-left: 26px;
}

/* line 254, app/assets/stylesheets/citytv-styles.scss */
.plan-card .features-list .check-icon {
  color: #18C0DE;
  margin-right: 10px;
  font-weight: bold;
}

/* line 263, app/assets/stylesheets/citytv-styles.scss */
.see-more {
  color: #18C0DE;
  text-decoration: none;
  font-size: 16px;
}

/* line 270, app/assets/stylesheets/citytv-styles.scss */
.disclaimer {
  margin-top: 15px;
  font-size: 14px;
  color: #999;
}

/* line 277, app/assets/stylesheets/citytv-styles.scss */
.logo {
  height: 30px;
  margin-top: 30px;
  width: 135px;
  background: url(/assets/logos/citytv-logo-a65aa69c65cf1d84f7fb43c4c20697328def0b487a2306424dd863feabe5af9e.svg) no-repeat left center;
  background-size: contain;
  height: 30px !important;
}

/* line 286, app/assets/stylesheets/citytv-styles.scss */
.sn-logo {
  width: 170px;
  margin-top: 30px;
}

/* line 291, app/assets/stylesheets/citytv-styles.scss */
.bundle-logos {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  /* line 297, app/assets/stylesheets/citytv-styles.scss */
  .plans-container {
    flex-direction: column;
    gap: 0px;
  }
  /* line 302, app/assets/stylesheets/citytv-styles.scss */
  .plan-card {
    width: 95%;
    margin-bottom: 20px;
  }
  /* line 306, app/assets/stylesheets/citytv-styles.scss */
  .plan-card .plan-min-height-wrapper {
    min-height: 75px;
  }
  /* line 311, app/assets/stylesheets/citytv-styles.scss */
  .step-indicator {
    position: relative;
    display: inline-block;
  }
  /* line 316, app/assets/stylesheets/citytv-styles.scss */
  .disclaimer {
    margin-top: 0px;
  }
}

@media screen and (max-width: 950px) {
  /* line 323, app/assets/stylesheets/citytv-styles.scss */
  .choose_plan-h1 {
    font-size: 35px;
  }
}

/* Bill 96 popup styles
====================================================================== */
/* CSS for the overlay */
/* line 2, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  /* semi-transparent black */
  z-index: 100;
}

/* CSS for the popup */
/* line 14, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0B223E;
  padding: 1.25rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  z-index: 200;
  color: white;
  max-width: 53.125rem;
  border-radius: .375rem;
}

@media screen and (max-width: 768px) {
  /* line 14, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
  .popup {
    width: 90%;
    overflow: auto;
    max-height: 31.25rem;
  }
}

/* line 33, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: .9375rem;
  column-gap: .4375rem;
}

/* line 40, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-header .title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

/* line 46, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-header .tabs {
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

/* line 50, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-header .tabs .en {
  padding-right: 1.875rem;
  font-size: .875rem !important;
  font-weight: normal;
}

/* line 56, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-header .tabs .fr {
  font-size: .875rem !important;
  font-weight: normal;
}

/* line 61, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-header .tabs #close-popup1 {
  background: url(/assets/images/icons/ui/buyflow-bill69-close-5e9921b716a2e34d143d3da78921f0796a7a205c4fabb5b4425178305727dfab.svg) no-repeat center center;
  background-size: cover;
  width: 1.3125rem;
  height: .75rem;
  display: inline-block;
}

/* line 72, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-header .tabs .active {
  text-decoration: underline;
}

/* line 78, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content {
  display: none;
}

/* line 82, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content.active {
  display: block;
}

/* line 88, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content .legal {
  display: flex;
  justify-content: space-between;
  align-items: top;
  row-gap: 1.5rem;
  position: relative;
  column-gap: 1rem;
}

/* line 97, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content .legal .package-selected {
  margin-bottom: 0 !important;
}

/* line 101, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content .legal .desc {
  width: 60%;
  color: #B5BABF;
  line-height: 1.5rem;
  text-align: left;
  font-size: 1rem;
}

/* line 109, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content .legal .desc p,
.popup .tab-content .legal .desc div {
  color: #B5BABF;
}

/* line 114, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content .legal .desc .desc-smaller-text {
  font-size: .875rem;
}

/* line 118, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content .legal .desc a, .popup .tab-content .legal .desc .new-form .promo-mastercard.package-selected, .new-form .popup .tab-content .legal .desc .promo-mastercard.package-selected {
  color: #FFFFFF;
}

/* line 122, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content .legal .desc .accpet_toc {
  margin-top: 1rem;
}

/* line 125, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .tab-content .legal .desc .accpet_toc a, .popup .tab-content .legal .desc .accpet_toc .new-form .promo-mastercard.package-selected, .new-form .popup .tab-content .legal .desc .accpet_toc .promo-mastercard.package-selected {
  font-size: 1rem;
}

@media screen and (max-width: 1100px) {
  /* line 88, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
  .popup .tab-content .legal {
    flex-direction: column-reverse;
  }
  /* line 136, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
  .popup .tab-content .legal .desc,
.popup .tab-content .legal .package-selected {
    width: 100%;
  }
}

/* line 147, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-footer {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  font-size: .875rem;
}

/* line 153, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-footer #start-subscription {
  /*text-transform: none;*/
  border-radius: .25rem;
}

/* line 158, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
.popup .pop-footer #close-popup2 {
  padding: .625rem;
  margin-left: .9375rem;
  text-transform: uppercase;
  text-decoration: none;
}

@media screen and (max-width: 1100px) {
  /* line 147, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
  .popup .pop-footer {
    flex-direction: column;
  }
  /* line 168, app/assets/citytv/stylesheets/partials/bill-96-popup.scss */
  .popup .pop-footer .buyflow-btn-primary, .popup .pop-footer .buy-flow-tc button, .buy-flow-tc .popup .pop-footer button, .popup .pop-footer .selfserve-section .btn, .selfserve-section .popup .pop-footer .btn, .popup .pop-footer .selfserve-section .submit-wrapper .save, .selfserve-section .submit-wrapper .popup .pop-footer .save,
.popup .pop-footer .buyflow-btn-primary-medium {
    width: 100%;
  }
}

/* Thank you page styles
====================================================================== */
/* line 1, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container {
  border-radius: 12px;
  padding: 1rem 0;
  display: flex;
  column-gap: 1.5625rem;
  position: relative;
  margin: 50px 0 100px 0;
  justify-content: space-between;
}

/* line 11, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-current {
  position: absolute;
  right: 0;
  font-size: 12px;
  font-weight: bold;
  top: 0px;
  padding: 2px 10px 2px 14px;
  display: inline-block;
  border-bottom-left-radius: 1.5rem;
  border-top-right-radius: 0.5rem;
  color: black;
}

/* line 23, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-current.gold {
  background-color: #18C0DE;
}

/* line 28, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-left-part-1 {
  display: flex;
  width: 45%;
  flex-direction: column;
  padding-right: 2rem;
}

/* line 35, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-left-part-1 a.buyflow-btn-primary, .thank-you-container .thank-you-left-part-1 .selfserve-section a.btn, .selfserve-section .thank-you-container .thank-you-left-part-1 a.btn, .thank-you-container .thank-you-left-part-1 a.buyflow-btn-primary-medium, .thank-you-container .thank-you-left-part-1 .new-form .buyflow-btn-primary.promo-mastercard.package-selected, .thank-you-container .thank-you-left-part-1 .new-form .buy-flow-tc button.promo-mastercard.package-selected, .buy-flow-tc .thank-you-container .thank-you-left-part-1 .new-form button.promo-mastercard.package-selected, .thank-you-container .thank-you-left-part-1 .new-form .selfserve-section .promo-mastercard.package-selected.btn, .selfserve-section .thank-you-container .thank-you-left-part-1 .new-form .promo-mastercard.package-selected.btn, .thank-you-container .thank-you-left-part-1 .new-form .promo-mastercard.package-selected.buyflow-btn-primary-medium, .new-form .thank-you-container .thank-you-left-part-1 .buyflow-btn-primary.promo-mastercard.package-selected, .new-form .thank-you-container .thank-you-left-part-1 .buy-flow-tc button.promo-mastercard.package-selected, .buy-flow-tc .new-form .thank-you-container .thank-you-left-part-1 button.promo-mastercard.package-selected, .new-form .thank-you-container .thank-you-left-part-1 .selfserve-section .promo-mastercard.package-selected.btn, .selfserve-section .new-form .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.btn, .new-form .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.buyflow-btn-primary-medium, .thank-you-container .thank-you-left-part-1 .selfserve-section .submit-wrapper a.save, .selfserve-section .submit-wrapper .thank-you-container .thank-you-left-part-1 a.save, .thank-you-container .thank-you-left-part-1 .new-form .selfserve-section .submit-wrapper .promo-mastercard.package-selected.save, .new-form .selfserve-section .submit-wrapper .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.save, .thank-you-container .thank-you-left-part-1 .selfserve-section .submit-wrapper .new-form .promo-mastercard.package-selected.save, .selfserve-section .submit-wrapper .new-form .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.save {
  position: relative;
  display: block;
  width: 100%;
  background-color: #D2F8FC;
  color: #011D23;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  padding: 15px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 20px;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s ease;
}

/* line 54, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-left-part-1 a.buyflow-btn-primary::before, .thank-you-container .thank-you-left-part-1 .selfserve-section a.btn::before, .selfserve-section .thank-you-container .thank-you-left-part-1 a.btn::before, .thank-you-container .thank-you-left-part-1 a.buyflow-btn-primary-medium::before, .thank-you-container .thank-you-left-part-1 .new-form .buyflow-btn-primary.promo-mastercard.package-selected::before, .thank-you-container .thank-you-left-part-1 .new-form .buy-flow-tc button.promo-mastercard.package-selected::before, .buy-flow-tc .thank-you-container .thank-you-left-part-1 .new-form button.promo-mastercard.package-selected::before, .thank-you-container .thank-you-left-part-1 .new-form .selfserve-section .promo-mastercard.package-selected.btn::before, .selfserve-section .thank-you-container .thank-you-left-part-1 .new-form .promo-mastercard.package-selected.btn::before, .thank-you-container .thank-you-left-part-1 .new-form .promo-mastercard.package-selected.buyflow-btn-primary-medium::before, .new-form .thank-you-container .thank-you-left-part-1 .buyflow-btn-primary.promo-mastercard.package-selected::before, .new-form .thank-you-container .thank-you-left-part-1 .buy-flow-tc button.promo-mastercard.package-selected::before, .buy-flow-tc .new-form .thank-you-container .thank-you-left-part-1 button.promo-mastercard.package-selected::before, .new-form .thank-you-container .thank-you-left-part-1 .selfserve-section .promo-mastercard.package-selected.btn::before, .selfserve-section .new-form .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.btn::before, .new-form .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.buyflow-btn-primary-medium::before, .thank-you-container .thank-you-left-part-1 .selfserve-section .submit-wrapper a.save::before, .selfserve-section .submit-wrapper .thank-you-container .thank-you-left-part-1 a.save::before, .thank-you-container .thank-you-left-part-1 .new-form .selfserve-section .submit-wrapper .promo-mastercard.package-selected.save::before, .new-form .selfserve-section .submit-wrapper .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.save::before, .thank-you-container .thank-you-left-part-1 .selfserve-section .submit-wrapper .new-form .promo-mastercard.package-selected.save::before, .selfserve-section .submit-wrapper .new-form .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.save::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #00A4BA, #22E4EE);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}

/* line 67, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-left-part-1 a.buyflow-btn-primary:hover::before, .thank-you-container .thank-you-left-part-1 .selfserve-section a.btn:hover::before, .selfserve-section .thank-you-container .thank-you-left-part-1 a.btn:hover::before, .thank-you-container .thank-you-left-part-1 a.buyflow-btn-primary-medium:hover::before, .thank-you-container .thank-you-left-part-1 .new-form .buyflow-btn-primary.promo-mastercard.package-selected:hover::before, .thank-you-container .thank-you-left-part-1 .new-form .buy-flow-tc button.promo-mastercard.package-selected:hover::before, .buy-flow-tc .thank-you-container .thank-you-left-part-1 .new-form button.promo-mastercard.package-selected:hover::before, .thank-you-container .thank-you-left-part-1 .new-form .selfserve-section .promo-mastercard.package-selected.btn:hover::before, .selfserve-section .thank-you-container .thank-you-left-part-1 .new-form .promo-mastercard.package-selected.btn:hover::before, .thank-you-container .thank-you-left-part-1 .new-form .promo-mastercard.package-selected.buyflow-btn-primary-medium:hover::before, .new-form .thank-you-container .thank-you-left-part-1 .buyflow-btn-primary.promo-mastercard.package-selected:hover::before, .new-form .thank-you-container .thank-you-left-part-1 .buy-flow-tc button.promo-mastercard.package-selected:hover::before, .buy-flow-tc .new-form .thank-you-container .thank-you-left-part-1 button.promo-mastercard.package-selected:hover::before, .new-form .thank-you-container .thank-you-left-part-1 .selfserve-section .promo-mastercard.package-selected.btn:hover::before, .selfserve-section .new-form .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.btn:hover::before, .new-form .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.buyflow-btn-primary-medium:hover::before, .thank-you-container .thank-you-left-part-1 .selfserve-section .submit-wrapper a.save:hover::before, .selfserve-section .submit-wrapper .thank-you-container .thank-you-left-part-1 a.save:hover::before, .thank-you-container .thank-you-left-part-1 .new-form .selfserve-section .submit-wrapper .promo-mastercard.package-selected.save:hover::before, .new-form .selfserve-section .submit-wrapper .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.save:hover::before, .thank-you-container .thank-you-left-part-1 .selfserve-section .submit-wrapper .new-form .promo-mastercard.package-selected.save:hover::before, .selfserve-section .submit-wrapper .new-form .thank-you-container .thank-you-left-part-1 .promo-mastercard.package-selected.save:hover::before {
  opacity: 1;
}

/* line 74, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-left-part-2 {
  display: flex;
  max-width: 50%;
  overflow: hidden;
  background: url(/assets/images/thankyou/thank-you-watch-image-c9823388f1d58400fd52c40df9cac68df59b23110eab07ec1cec107ca308882c.png) no-repeat right top;
  width: 100%;
  background-size: cover;
}

/* line 82, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-left-part-2 img {
  max-width: 100%;
}

/* line 87, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-start-watching {
  display: flex;
  width: 75%;
  flex-direction: row;
  background-color: #05262C;
  row-gap: .5rem;
  justify-content: space-between;
  padding: 2rem 0 0 2rem;
  border-radius: 0.5rem;
  /*line-height: 40px;*/
}

/* line 98, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-start-watching.full {
  width: 100%;
}

/* line 102, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-start-watching .whistle-logo {
  width: 100%;
  padding: 3.525rem;
  background: url(/whistle.png) no-repeat center center;
  background-size: contain;
  margin-bottom: .5125rem;
}

/* line 110, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-start-watching .game-on {
  font-weight: 700;
  font-size: 1.25rem;
  margin-top: 1rem;
  text-align: left;
  margin-bottom: 2rem;
}

/* line 117, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-start-watching .game-on .large {
  font-size: 3rem;
  line-height: 1.1;
}

/* line 121, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-start-watching .game-on .large.blue {
  color: #18C0DE;
}

/* line 125, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-start-watching .game-on .large.light-blue {
  color: #D2F8FC;
}

/* line 131, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-start-watching .already-entitled {
  background-color: #D7E8F914;
  padding: 1rem;
  border-radius: 8px;
  line-height: 1.8rem;
  margin-top: 1rem;
}

/* line 144, app/assets/citytv/stylesheets/partials/thank-you.scss */
.thank-you-container .thank-you-payment-summary .package-selected {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  /* line 141, app/assets/citytv/stylesheets/partials/thank-you.scss */
  .thank-you-container .thank-you-payment-summary {
    flex-direction: column-reverse;
  }
  /* line 151, app/assets/citytv/stylesheets/partials/thank-you.scss */
  .thank-you-container .thank-you-payment-summary .thank-you-start-watching,
.thank-you-container .thank-you-payment-summary .thank-you-payment-summary {
    width: 100%;
  }
  /* line 156, app/assets/citytv/stylesheets/partials/thank-you.scss */
  .thank-you-container .thank-you-payment-summary .package-selected {
    width: 100%;
  }
}

@media screen and (max-width: 1100px) {
  /* line 1, app/assets/citytv/stylesheets/partials/thank-you.scss */
  .thank-you-container {
    flex-direction: column;
    row-gap: 2.5rem;
    margin: 0;
  }
  /* line 168, app/assets/citytv/stylesheets/partials/thank-you.scss */
  .thank-you-container .thank-you-start-watching,
.thank-you-container .thank-you-payment-summary {
    width: 100%;
  }
}

/* line 177, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container {
  margin-bottom: 3rem;
}

/* line 180, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .thank-you-start-watching {
  flex-direction: column;
  text-align: center;
  padding: 2rem;
}

/* line 185, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .thank-you-start-watching .game-on {
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 194, app/assets/citytv/stylesheets/partials/thank-you.scss */
  .thank-you-container .thank-you-start-watching {
    flex-direction: column;
    gap: 2rem;
  }
  /* line 199, app/assets/citytv/stylesheets/partials/thank-you.scss */
  .thank-you-container .thank-you-left-part-1 {
    width: 100%;
  }
  /* line 203, app/assets/citytv/stylesheets/partials/thank-you.scss */
  .thank-you-container .thank-you-left-part-2 {
    width: 100%;
    max-width: 100%;
    padding-right: 2rem;
    height: 330px;
  }
  /* line 209, app/assets/citytv/stylesheets/partials/thank-you.scss */
  .thank-you-container .thank-you-left-part-2 img {
    max-width: 100%;
  }
}

/* line 220, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container {
  max-width: 28.375rem;
  margin: 0 auto;
  position: relative;
  margin-bottom: 3rem;
}

/* line 226, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .thank-you-start-watching {
  flex-direction: column;
  text-align: center;
  padding: 2rem;
}

/* line 231, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .thank-you-start-watching .game-on {
  font-size: 2rem;
  text-align: center;
}

/* line 237, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .message {
  color: #F3F4F5;
  font-size: 1.5rem;
  line-height: 1.875rem;
  width: 100%;
}

/* line 246, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .message.eas p {
  color: #B5BABF !important;
}

/* line 251, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .message .entitlement {
  color: #18C0DE;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 257, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .message span.premium {
  color: #18C0DE;
}

/* line 262, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .manage-sub {
  margin: 1rem 0;
  font-size: .875rem;
}

/* line 267, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .current {
  position: absolute;
  right: 0px;
  font-size: 14px;
  min-width: 120px;
  font-weight: bold;
  top: 17px;
  padding: 5px 12px;
  text-transform: uppercase;
  display: inline-block;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: #D2F8FC;
  color: #0B223E;
}

/* line 282, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .current.premium {
  background-color: #D2F8FC;
  color: #011D23;
}

/* line 288, app/assets/citytv/stylesheets/partials/thank-you.scss */
.entitled .thank-you-container .buyflow-btn-primary, .entitled .thank-you-container .buy-flow-tc button, .buy-flow-tc .entitled .thank-you-container button, .entitled .thank-you-container .selfserve-section .btn, .selfserve-section .entitled .thank-you-container .btn, .entitled .thank-you-container .buyflow-btn-primary-medium, .entitled .thank-you-container .selfserve-section .submit-wrapper .save, .selfserve-section .submit-wrapper .entitled .thank-you-container .save {
  width: 100%;
}

/* Second sub footer
====================================================================== */
/* line 3, app/assets/citytv/stylesheets/partials/sub-footer2.scss */
.footer-completed-registration .block-text .title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: white;
  margin-bottom: .5rem;
}

/* line 13, app/assets/citytv/stylesheets/partials/sub-footer2.scss */
.footer-completed-registration .block-text .content .icons-container {
  display: flex;
  margin-top: .5rem;
  column-gap: .5rem;
}

/* line 18, app/assets/citytv/stylesheets/partials/sub-footer2.scss */
.footer-completed-registration .block-text .content .icons-container .app-store {
  background: url(/assets/images/logos/app-store-57abeb95411d3095ea2745b4f086175488e16d60d5fc7b82a004a18a47d1f940.svg) no-repeat center center;
  width: 6.875rem;
  height: 2rem;
}

/* line 24, app/assets/citytv/stylesheets/partials/sub-footer2.scss */
.footer-completed-registration .block-text .content .icons-container .google-pay {
  background: url(/assets/images/logos/google-play-2cdef5a10cbebfbf28b1d2fe808a33a25c213dd801526847879250c1b695672c.svg) no-repeat center center;
  width: 7.1875rem;
  height: 2rem;
}

/* line 33, app/assets/citytv/stylesheets/partials/sub-footer2.scss */
.footer-completed-registration .block-text .u-link-chain {
  margin-top: .5rem;
}

@media screen and (max-width: 1100px) {
  /* line 39, app/assets/citytv/stylesheets/partials/sub-footer2.scss */
  .footer-completed-registration .footer-blocks {
    flex-wrap: wrap;
  }
  /* line 41, app/assets/citytv/stylesheets/partials/sub-footer2.scss */
  .footer-completed-registration .footer-blocks .footer-block {
    width: 100%;
    border-right: none;
    padding: 2rem 0;
  }
}

/* $ Gettin funky with lists
====================================================================== */
/* = IMPORTANT GLOBALS = only to be used as trailing class (the last class) on elements..
		- .no-ss === no small screen === display none for small screens
		- .no-ws === no wide screen === display none for wide screens
		- target browsers: IE9+ FF6+ Chrome 11+ Safari5+ Opera11+
		*/
/* TEMPLATE
	0.0 media wrappers
	0.1 media structure
	0.2 media items modifiers
	0.3 promo item modifiers
		- span of 2 --- 2 items in a horizontal list
		- span of 3 --- 3 items in a horizontal list
		- span of 4 --- 4 items in a horizontal list
		- span of 5 --- 5 items in a horizontal list
		- 
	0.4 media images
	0.5 media content 
---------------------------------------------- */
/* $ Reusable column setup 
======================================================================
====================================================================== */
/* line 25, lib/assets/stylesheets/layout/simple-grid.scss */
.col {
  float: left;
  /*-moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;*/
}

/* line 32, lib/assets/stylesheets/layout/simple-grid.scss */
.row {
  margin-bottom: 1em;
}

/* line 37, lib/assets/stylesheets/layout/simple-grid.scss */
.span2 > .col + .col {
  margin-right: 0;
}

/* line 41, lib/assets/stylesheets/layout/simple-grid.scss */
.span-2 > .col + .col {
  margin-right: 0;
}

/* line 46, lib/assets/stylesheets/layout/simple-grid.scss */
.span-6 {
  margin-left: 0;
  width: 100%;
}

/* line 51, lib/assets/stylesheets/layout/simple-grid.scss */
.col {
  margin-right: 3.125%;
}

/*.row .col:first-child {
    margin-left:0;
}*/
/* line 59, lib/assets/stylesheets/layout/simple-grid.scss */
.span-1 {
  width: 16.5%;
}

/* line 62, lib/assets/stylesheets/layout/simple-grid.scss */
.span-2 {
  width: 31.25%;
}

/* line 65, lib/assets/stylesheets/layout/simple-grid.scss */
.span-3 {
  width: 48.4375%;
}

/* line 68, lib/assets/stylesheets/layout/simple-grid.scss */
.span-4 {
  width: 65.625%;
}

/* line 71, lib/assets/stylesheets/layout/simple-grid.scss */
.span-5 {
  width: 82.8125%;
}

/*.span-6 {
    margin-left:0;
    width:100%;
    }*/
/* 1. 6 Column Grid 0px - 379px 
----------------------------------------------------------------------------- 

Span 1:    14.4736916667%
Span 2:    31.5789533333%
Span 3:    48.684215%
Span 4:    65.7894766667%
Span 5:    82.8947383333%
Span 6:    100%

----------------------------------------------------------------------------- */
/*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .span_3,
        .my_semantic_class_name {
            ...
        }
        */
/*.span-6 {
            margin-left:0;
            width:100%;
            }*/
/* 2. 6 Column Grid 380px - 979px 
----------------------------------------------------------------------------- 

Span 1:    14.9659866667%
Span 2:    31.9727893333%
Span 3:    48.979592%
Span 4:    65.9863946667%
Span 5:    82.9931973333%
Span 6:    100%

----------------------------------------------------------------------------- */
@media (max-width: 61.25em) {
  /* 980px */
  /* line 144, lib/assets/stylesheets/layout/simple-grid.scss */
  .col {
    margin-right: 2.040816%;
  }
  /*.row .col:first-child {
            margin-left:0;
        }*/
  /* line 152, lib/assets/stylesheets/layout/simple-grid.scss */
  .span-1 {
    width: 14.9659866667%;
  }
  /* line 155, lib/assets/stylesheets/layout/simple-grid.scss */
  .span-2 {
    width: 31.9727893333%;
  }
  /* line 158, lib/assets/stylesheets/layout/simple-grid.scss */
  .span-3 {
    width: 48.979592%;
  }
  /* line 161, lib/assets/stylesheets/layout/simple-grid.scss */
  .span-4 {
    width: 65.9863946667%;
  }
  /* line 164, lib/assets/stylesheets/layout/simple-grid.scss */
  .span-5 {
    width: 82.9931973333%;
  }
  /*.span-6 {
            margin-left:0;
            width:100%;
            }*/
}

/* 3. 6 Column Grid 980px - 1279px 
----------------------------------------------------------------------------- 

Span 1:    14.0625%
Span 2:    31.25%
Span 3:    48.4375%
Span 4:    65.625%
Span 5:    82.8125%
Span 6:    100%

----------------------------------------------------------------------------- */
@media (min-width: 61.25em) {
  /* 980px */
  /*.row .col:first-child {
            margin-left:0;
        }*/
  /*.span-6 {
            margin-left:0;
            width:100%;
            }*/
}

/* 4. 6 Column Grid 1280px - Infinity 
----------------------------------------------------------------------------- 

Span 1:    14.0625%
Span 2:    31.25%
Span 3:    48.4375%
Span 4:    65.625%
Span 5:    82.8125%
Span 6:    100%

----------------------------------------------------------------------------- */
/*.col {
            margin-left:3.125%;
            }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        .span-1 {
            width:14.0625%;
            }
        .span-2 {
            width:31.25%;
            }
        .span-3 {
            width:48.4375%;
            }
        .span-4 {
            width:65.625%;
            }
        .span-5 {
            width:82.8125%;
            }
        .span-6 {
            margin-left:0;
            width:100%;
            }*/
/*.col {
            margin-left:3.125%;
            }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        .span-1 {
            width:14.0625%;
            }
        .span-2 {
            width:31.25%;
            }
        .span-3 {
            width:48.4375%;
            }
        .span-4 {
            width:65.625%;
            }
        .span-5 {
            width:82.8125%;
            }
        .span-6 {
            margin-left:0;
            width:100%;
            }*/
/* $ Gettin funky with lists
====================================================================== */
/*@import "partials/lists";*/
/* Promo Code Forms
====================================================================== */
/* Promo Code Forms
====================================================================== */
/* PROMO CODE FORM TWEAKS */
/* line 3, app/assets/citytv/stylesheets/modules/form-promo.scss */
.promo-box .info-lg {
  padding: 0px;
  width: 100%;
}

/* line 4, app/assets/citytv/stylesheets/modules/form-promo.scss */
.form-label.checkbox {
  margin-top: 20px;
}

/* line 8, app/assets/citytv/stylesheets/modules/form-promo.scss */
.dotted-line {
  float: left;
  position: relative;
  top: -8px;
}

/* line 14, app/assets/citytv/stylesheets/modules/form-promo.scss */
.price-details.order-total {
  font-size: 20px;
  padding-top: 16px;
  border-top: 1px solid #c1c1c1;
  margin-top: 16px;
}

/* line 22, app/assets/citytv/stylesheets/modules/form-promo.scss */
.orders #order_summary .price-details.subtotal {
  font-size: 20px;
  font-weight: bold;
}

/* line 27, app/assets/citytv/stylesheets/modules/form-promo.scss */
.orders #order_summary .price-details.tax-breakdown {
  display: none;
}

/* line 31, app/assets/citytv/stylesheets/modules/form-promo.scss */
.orders #order_summary .price-details.order-total {
  display: none;
}

/* line 37, app/assets/citytv/stylesheets/modules/form-promo.scss */
.promo-code-full .btn {
  text-align: center;
  vertical-align: middle;
  min-width: 115px;
  margin-left: 10px;
  margin-top: 0px;
  background-color: #FFFFFF;
  box-sizing: border-box;
}

/* promotion form css for bottom of page */
/* line 48, app/assets/citytv/stylesheets/modules/form-promo.scss */
.bottom_section .error .text-field {
  width: 402px;
  margin-bottom: 5px;
}

/* line 52, app/assets/citytv/stylesheets/modules/form-promo.scss */
.bottom_section .promo-code-full .text-field {
  width: 402px;
}

/* line 55, app/assets/citytv/stylesheets/modules/form-promo.scss */
.bottom_section .btn {
  color: #337ab7;
  background-color: #ffffff;
}

/* line 59, app/assets/citytv/stylesheets/modules/form-promo.scss */
.bottom_section .btn:hover {
  color: #337ab7;
  background-color: #ffffff !important;
}

/* line 63, app/assets/citytv/stylesheets/modules/form-promo.scss */
.bottom_section .btn:focus {
  color: #337ab7;
  background-color: #ffffff !important;
}

/* line 67, app/assets/citytv/stylesheets/modules/form-promo.scss */
.bottom_section .form-label {
  margin-bottom: 8px;
  margin-top: 8px;
  padding-bottom: 0px;
}

/* line 72, app/assets/citytv/stylesheets/modules/form-promo.scss */
.bottom_section .promo-code-full .error .text-field {
  width: 402px;
}

/* line 75, app/assets/citytv/stylesheets/modules/form-promo.scss */
.bottom_section #promo_code_errors {
  width: 330px;
  margin-bottom: 5px;
}

/* promotion form css for bottom of page */
/* promotion form css for order summary section */
/* line 82, app/assets/citytv/stylesheets/modules/form-promo.scss */
h3.offer_description {
  font-size: 30px;
}

/* line 83, app/assets/citytv/stylesheets/modules/form-promo.scss */
.box_description {
  padding-bottom: 15px;
  font-weight: bold;
}

/* line 85, app/assets/citytv/stylesheets/modules/form-promo.scss */
#visible_promo_code_field_submit {
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
  padding: 7px 20px 7px 12px;
}

/* line 92, app/assets/citytv/stylesheets/modules/form-promo.scss */
#visible_promo_code_field_submit:hover, #visible_promo_code_field_submit:active, #visible_promo_code_field_submit:focus {
  text-decoration: none;
}

/* line 97, app/assets/citytv/stylesheets/modules/form-promo.scss */
.order_summary_promo_section .completed-field {
  background: url(/assets/images/icons/ui/green_check-e4e6a94e1abcbb80f21982d50cd81f7e639bf0916b1d4c2ca893ad663266ce6d.png);
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%;
  background-size: 28px;
}

/* line 104, app/assets/citytv/stylesheets/modules/form-promo.scss */
.order_summary_promo_section .promo-code-full {
  border-bottom: 1px solid #c1c1c1;
  border-top: 1px solid #c1c1c1;
  padding-top: 24px;
  padding-bottom: 10px;
  margin-bottom: 24px;
}

/* line 111, app/assets/citytv/stylesheets/modules/form-promo.scss */
.order_summary_promo_section .promo-code-full .form-label {
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 116, app/assets/citytv/stylesheets/modules/form-promo.scss */
.order_summary_promo_section .promo-code-full .text-field {
  float: left;
  width: 226px;
  height: 38px;
  text-align: center;
  border-radius: 4px;
}

/* line 123, app/assets/citytv/stylesheets/modules/form-promo.scss */
.order_summary_promo_section #promo_code_errors {
  width: 226px;
  display: inline-block;
  margin-bottom: 5px;
}

/* line 128, app/assets/citytv/stylesheets/modules/form-promo.scss */
.order_summary_promo_section #promo_code_errors p {
  font-size: 14px;
  text-align: left !important;
  line-height: 18px;
  padding: 8px;
}

/* line 134, app/assets/citytv/stylesheets/modules/form-promo.scss */
.order_summary_promo_section .promo-code-full .btn {
  width: 89px;
  min-width: 89px;
  font-size: 16px;
  text-transform: none;
}

/* line 140, app/assets/citytv/stylesheets/modules/form-promo.scss */
.order_summary_promo_section #visible_promo_code_field_submit.completed-link {
  color: black;
  font-weight: bold;
  border: 1px solid #20C140;
  border-radius: 4px;
  width: 226px;
  background: #A1E2AE;
  left: 0px;
  top: 5px;
}

@media (max-width: 1000px) {
  /* line 154, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section #visible_promo_code_field_submit.completed-link {
    width: 249px;
    left: 5px;
    top: 0px;
  }
}

@media (max-width: 500px) {
  /* line 163, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section .promo-code-full .text-field {
    width: 249px;
  }
  /* line 166, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section .promo-code-full {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  /* line 171, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section #promo_code_errors {
    width: 249px;
    margin-top: 5px;
  }
  /* line 175, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section #promo_code_errors .alert {
    margin: 5px 0px 0px 0px;
    width: 100%;
  }
  /* line 179, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section #visible_promo_code_field_submit {
    top: 0px;
    left: 5px;
  }
  /* line 180, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section #visible_promo_code_field_submit.completed-link {
    width: 249px;
    left: 0px;
    top: 5px;
  }
}

@media (max-width: 375px) {
  /* line 190, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section .promo-code-full .text-field {
    width: 100%;
  }
  /* line 193, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section #promo_code_errors {
    width: 100%;
    margin-top: 10px;
  }
  /* line 197, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section #visible_promo_code_field_submit {
    top: 5px;
    left: 0px;
  }
  /* line 198, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .order_summary_promo_section #visible_promo_code_field_submit.completed-link {
    width: 100%;
    left: 0px;
    top: 5px;
  }
}

/* line 206, app/assets/citytv/stylesheets/modules/form-promo.scss */
.selfserve-section #promo_code_errors {
  width: 456px;
}

/* line 209, app/assets/citytv/stylesheets/modules/form-promo.scss */
.selfserve-section #promo_code_errors .form-errors {
  padding: 10px;
  font-size: 14px;
  color: white;
}

/* line 214, app/assets/citytv/stylesheets/modules/form-promo.scss */
.selfserve-section #promo_code_errors .form-errors ul {
  margin-left: 25px;
}

/* line 219, app/assets/citytv/stylesheets/modules/form-promo.scss */
.promo_code_applied {
  border-radius: 5px;
  background-color: #FFFFFF;
  width: 300px;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  padding: 15px;
  line-height: 24px;
}

/* line 229, app/assets/citytv/stylesheets/modules/form-promo.scss */
.promo_subtotal {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
}

/* line 235, app/assets/citytv/stylesheets/modules/form-promo.scss */
.total-price {
  font-size: larger;
  font-weight: bold;
}

/* line 240, app/assets/citytv/stylesheets/modules/form-promo.scss */
.span-3 .medium-text-width {
  width: 100%;
}

/* line 241, app/assets/citytv/stylesheets/modules/form-promo.scss */
.medium-text-width {
  width: 880px;
}

@media (max-width: 968px) {
  /* line 244, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .medium-text-width {
    width: 100%;
  }
}

@media (max-width: 460px) {
  /* line 248, app/assets/citytv/stylesheets/modules/form-promo.scss */
  #promo_code_errors {
    width: 100%;
  }
}

@media (max-width: 37.5em) {
  /* line 252, app/assets/citytv/stylesheets/modules/form-promo.scss */
  .bottom_section .promo-code-full .text-field {
    width: 95%;
  }
}

/* Modals
====================================================================== */
/* line 1, app/assets/citytv/stylesheets/modules/modals.scss */
.modal-dialog {
  overflow-y: hidden;
  padding: 4.0625rem 1.5rem;
  background-color: #000405;
  border: 1px solid #D2F7FC33;
  width: 37.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 62px;
}

/* line 12, app/assets/citytv/stylesheets/modules/modals.scss */
.modal-dialog .loading-icon {
  width: 4rem;
  height: 4rem;
}

/* line 17, app/assets/citytv/stylesheets/modules/modals.scss */
.modal-dialog .modal-title {
  font-size: 1.5rem;
  text-align: center;
}

/* line 22, app/assets/citytv/stylesheets/modules/modals.scss */
.modal-dialog .modal-header {
  border-bottom: 0px;
}

/* line 26, app/assets/citytv/stylesheets/modules/modals.scss */
.modal-dialog .modal-body p {
  color: #ffffff;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

/* TOS conversion to inline in page - turned off modal */
/* line 37, app/assets/citytv/stylesheets/modules/modals.scss */
.modal-dialog.tos {
  width: 90%;
  height: 95%;
}

/* line 42, app/assets/citytv/stylesheets/modules/modals.scss */
.modal-dialog.tos .modal-footer {
  padding: 15px;
}

/* line 46, app/assets/citytv/stylesheets/modules/modals.scss */
.modal-dialog .submit-buttons {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: flex;
  margin-top: 2rem;
  justify-content: center;
}

/* line 56, app/assets/citytv/stylesheets/modules/modals.scss */
.modal-dialog .submit-buttons form {
  display: contents !important;
}

@media (max-width: 37.5em) {
  /* 600PX */
  /* line 61, app/assets/citytv/stylesheets/modules/modals.scss */
  .js .modal {
    top: 50px;
  }
}

/* Info Boxes
====================================================================== */
/* Buttons
====================================================================== */
/* BTN Setup 
---------------------------------------------- */
/* line 4, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn {
  box-sizing: border-box;
  min-width: 115px;
  border-radius: 0px;
  border: 0 solid transparent;
  color: #011D23;
  font-weight: bolder;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 10px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
}

/* line 21, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn:hover, .btn:focus, .btn:active {
  color: #D2F8FC;
  text-decoration: none;
  background-color: #3E8C9A !important;
}

/* line 27, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn.btn-tertiary:hover, .btn.btn-tertiary:focus, .btn.btn-tertiary:active {
  background: none !important;
}

/* line 31, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-primary {
  width: 340px;
  border-radius: 0px;
  font-family: "Roboto", "sans-serif", "regular", "Helvetica", "Arial";
  font-size: 16px;
  font-weight: bold;
}

/* line 34, app/assets/citytv/stylesheets/modules/buttons.scss */
.buyflow-btn-primary, .buy-flow-tc button, .selfserve-section .btn, .buyflow-btn-primary-medium, .selfserve-section .submit-wrapper .save {
  display: block;
  width: 100%;
  background-color: #0E6F81;
  color: #D2F7FB;
  border: none;
  border-radius: 8px;
  padding: 15px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}

/* line 48, app/assets/citytv/stylesheets/modules/buttons.scss */
.buyflow-btn-primary:hover, .buy-flow-tc button:hover, .selfserve-section .btn:hover, .buyflow-btn-primary-medium:hover, .selfserve-section .submit-wrapper .save:hover {
  background-color: #4a8e9c;
  text-decoration: none;
  cursor: pointer;
  color: #D2F7FB;
}

/* line 57, app/assets/citytv/stylesheets/modules/buttons.scss */
.buyflow-btn-secondary, #pause_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#billing_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow, #billing_modal .modal-dialog .modal-body .pause-wrapper .btn.btn-tertiary, .btn-tertiary,
.btn-tertiary:before {
  background-color: transparent;
  padding: .625rem 2rem;
  color: rgba(255, 255, 255, 0.8);
  border-radius: .25rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 75, app/assets/citytv/stylesheets/modules/buttons.scss */
.buyflow-btn-secondary:hover, #pause_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#cancel_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#billing_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#four_month_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#change_password_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover,
#change_username_modal .modal-dialog .modal-body .pause-wrapper .btn.hollow:hover, #billing_modal .modal-dialog .modal-body .pause-wrapper .btn.btn-tertiary:hover, .btn-tertiary:hover,
.btn-tertiary:hover:before {
  background-color: white;
  color: #011D23;
}

/* line 81, app/assets/citytv/stylesheets/modules/buttons.scss */
.buyflow-btn-primary-medium {
  font-size: 1rem;
  line-height: 1.25rem;
}

/* line 87, app/assets/citytv/stylesheets/modules/buttons.scss */
.buyflow-btn-medium-terniary {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.8);
}

/* line 93, app/assets/citytv/stylesheets/modules/buttons.scss */
.buyflow-btn-medium-terniary:hover {
  color: #011D23;
  opacity: 1;
}

/* BTN Cancel 
---------------------------------------------- */
/* line 102, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-cancel + .btn-default {
  margin-left: 20px;
}

/* line 105, app/assets/citytv/stylesheets/modules/buttons.scss */
[lang="fr-ca"] .btn-group-wide .btn {
  font-size: 14px;
  font-size: 0.875rem;
}

/* line 109, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-blk {
  font-weight: normal;
  background: none transparent;
  color: #000000;
  text-decoration: underline;
}

/* line 115, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-blk:hover {
  color: #333333;
}

/* line 118, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-default, .btn-default:before {
  background-color: #0E6F81;
}

/* line 121, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-default:hover:before, .btn-default:focus:before, .btn-default:active {
  background-color: #3E8C9A;
}

/* line 124, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-secondary, .btn-secondary:before {
  background-color: #d62925;
}

/* line 127, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-secondary:hover:before, .btn-secondary:focus:before, .btn-secondary:active {
  background-color: #c62623;
}

/* line 130, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-tertiary, .btn-tertiary:before {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

/* line 134, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-tertiary:hover:before, .btn-tertiary:focus:before, .btn-tertiary:active {
  background-color: #c7cac9;
}

/* line 137, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-quad, .btn-quad:before {
  background-color: #8A9299;
}

/* line 140, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-quad:hover:before, .btn-quad:focus:before, .btn-quad:active {
  background-color: #c7cac9;
}

/* line 143, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-quad-disabled {
  background-color: #c7cac9;
  opacity: 0.5;
}

/* line 147, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-cancel {
  background-color: #787878;
  color: #FFFFFF;
}

/* line 151, app/assets/citytv/stylesheets/modules/buttons.scss */
.btn-cancel:hover:before, .btn-cancel:focus:before, .btn-cancel:active {
  background-color: #0083BA;
}

/* line 155, app/assets/citytv/stylesheets/modules/buttons.scss */
a .chain-link, .new-form .promo-mastercard.package-selected .chain-link, a .new-form .promo-mastercard.package-selected, .new-form a .promo-mastercard.package-selected, .new-form .promo-mastercard.package-selected .promo-mastercard.package-selected {
  background: url(/assets/images/logos/chain-link-463e2f6fe62a302f895af80ac8dd3a56e41bd71ed601649050bb505bf22e8cff.svg) no-repeat bottom left;
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  left: 3px;
  cursor: pointer;
  background-size: 14px;
}

/* Icons
====================================================================== */
/* General Icon selector
---------------------------------------------- */
/* line 3, lib/assets/stylesheets/partials/icons-setup.scss */
.ico {
  display: inline-block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  text-indent: -999em;
  text-align: left;
  margin-bottom: 5px;
}

/* Have it inline selector
---------------------------------------------- */
/* line 15, lib/assets/stylesheets/partials/icons-setup.scss */
.i-inline:before, .i-inline:after {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* inline but pull it to the left and right */
/* line 22, lib/assets/stylesheets/partials/icons-setup.scss */
.i-pl:before, .i-pr:after {
  content: "";
  height: 25px;
  width: 25px;
}

/* inline but pull it to the right */
/* line 30, lib/assets/stylesheets/partials/icons-setup.scss */
.i-pl:before {
  float: left;
  margin-right: 7px;
}

/* inline but pull it to the right */
/* line 36, lib/assets/stylesheets/partials/icons-setup.scss */
.i-pr:after {
  float: right;
  margin-left: 7px;
}

/* inline but position it on top of item */
/* line 42, lib/assets/stylesheets/partials/icons-setup.scss */
.i-pt:before {
  background-position: 50% 0 !important;
  display: block;
  content: "";
  height: 35px;
  margin-bottom: 5px;
  width: 100%;
}

/* smaller sizes */
/* line 52, lib/assets/stylesheets/partials/icons-setup.scss */
.i-sm {
  height: 25px;
  width: 25px;
}

/* line 53, lib/assets/stylesheets/partials/icons-setup.scss */
.i-m {
  height: 40px;
  width: 40px;
}

/* line 54, lib/assets/stylesheets/partials/icons-setup.scss */
.i-lg {
  height: 65px;
  width: 65px;
}

/* Global Site Logos
---------------------------------------------- */
/* line 3, lib/assets/stylesheets/partials/icons-global.scss */
.i-logos {
  background-size: contain;
  margin-bottom: 0;
}

/* Default widths on My Rogers Logo's */
/* line 6, lib/assets/stylesheets/partials/icons-global.scss */
.i--logo-my {
  width: 6em;
}

/* line 7, lib/assets/stylesheets/partials/icons-global.scss */
.i--logo-myrogers-alt {
  width: 14.5em;
}

/* line 8, lib/assets/stylesheets/partials/icons-global.scss */
.i--logo-monrogers-alt {
  width: 15.5em;
}

/* LOCALIZE LOGOS and/or IMG'S */
/* line 12, lib/assets/stylesheets/partials/icons-global.scss */
[lang="en-ca"] .i--logo-myrogers {
  background-image: linear-gradient(transparent, transparent), url(/assets/logos/i-logo-myrogers-en-62b54ebae481af176083d99b849917c5425d98f129867260af8bccfe09ea8f1b.svg);
}

/* line 16, lib/assets/stylesheets/partials/icons-global.scss */
[lang="en-ca"] .i--logo-myrogers-alt {
  background-image: linear-gradient(transparent, transparent), url(/assets/logos/i-logo-myrogers-en-alt-4cf5e47fb984261cf6a6016e0f2522c6a2884d2e397d2ea2a8ead9d6d5383164.svg);
}

/* line 21, lib/assets/stylesheets/partials/icons-global.scss */
[lang="fr-ca"] .i--logo-myrogers {
  background-image: linear-gradient(transparent, transparent), url(/assets/logos/i-logo-myrogers-fr-e25b7da9966ca1bc29594a9cf9ef4b05bdacfce390f12380b9e6b5d22b55fb97.svg);
}

/* line 25, lib/assets/stylesheets/partials/icons-global.scss */
[lang="fr-ca"] .i--logo-myrogers-alt {
  background-image: linear-gradient(transparent, transparent), url(/assets/logos/i-logo-myrogers-fr-alt-51c850d61165e73bf0c62e989a812222a61136a75675c4504ed82238aa18e77e.svg);
}

/* line 31, lib/assets/stylesheets/partials/icons-global.scss */
[lang="en-ca"] .sizes-M .i--logo-myrogers {
  height: 1.55em;
  width: 4.5em;
}

/* line 32, lib/assets/stylesheets/partials/icons-global.scss */
[lang="fr-ca"] .sizes-M .i--logo-myrogers {
  height: 1.3em;
  width: 4.7em;
}

/* Just the MY in myrogers */
/* forms i icon */
/* line 43, lib/assets/stylesheets/partials/icons-global.scss */
.i--helper {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwLjExNyA1MC4xMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwLjExNyA1MC4xMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZyBpZD0iSW5mbyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNBREFGQUUiIGQ9Ik0yNC45MTcgNDkuODM0YzEzLjczNCAwIDI0LjkxNy0xMS4xOCAyNC45MTctMjQuOTE3IEM0OS44MzQgMTEuMTggMzguNjUgMCAyNC45MiAwQzExLjE3OSAwIDAgMTEuMTggMCAyNC45MTdDMCAzOC42NSAxMS4xOCA0OS44MyAyNC45MiA0OS44MzR6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMi4xMzMgMjIuNjcxYzAuMzEtMC43OTYtMC4wODctMS4xOTYtMC40NC0xLjE5NiBjLTEuNjI0IDAtMy43MzIgMy44NTYtNC41MjIgMy44NTZjLTAuMzA4IDAtMC41NzEtMC4zMTEtMC41NzEtMC41NzZjMC0wLjc5OCAxLjkzMi0yLjY2IDIuNTAzLTMuMjM3IGMxLjc1Ni0xLjY4NCA0LjA0MS0yLjk3IDYuNTg3LTIuOTdjMS44OTEgMCAzLjkxIDEuMTUgMi4zMyA1LjQ1NGwtMy4xNjIgOC42NDZjLTAuMjYyIDAuNjY2LTAuNzQ4IDEuNzc0LTAuNzQ4IDIuNDggYzAgMC4zMSAwLjE3IDAuNjIgMC41MyAwLjYyYzEuMzE4IDAgMy43MzUtMy43NyA0LjM0OS0zLjc3YzAuMjE5IDAgMC41MyAwLjI3IDAuNTMgMC42NjVjMCAxLjI4Ny01LjEzOCA2Ljc4NC05LjU3NCA2Ljc4IGMtMS41ODEgMC0yLjY3OS0wLjc1My0yLjY3OS0yLjQzOGMwLTIuMTI5IDEuNDk0LTUuNzY0IDEuOC02LjUxOUwyMi4xMzMgMjIuNjcxeiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMjQuNTA2IDEzLjkzNmMwLTEuOTUxIDEuNjY4LTMuNTQ3IDMuNjAxLTMuNTQ3IGMxLjc1OSAwIDMuMDMgMS4yIDMuMDMgMy4wMTZjMCAyLjA0LTEuNjY5IDMuNTQ3LTMuNjQ2IDMuNTQ3QzI1LjY5MSAxNi45NSAyNC41MSAxNS43NSAyNC41MSAxMy45MzZ6Ii8+PC9nPjwvc3ZnPg==");
}

/* live chat */
/* line 49, lib/assets/stylesheets/partials/icons-global.scss */
.i-pl.i--livechat:before, .i-pr.i--livechat:after, .ico.i--livechat, .i-pt.i--livechat:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMC40OTIgMCA5OS4wMTUgNjcuNzkzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAuNDkyIDAgOTkuMDE1IDY3Ljc5MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiNBREIwQUYiIGQ9Ik02OS4wNDIgMTAuMTZjLTEuODg0IDAtMy43MyAwLjEyOS01LjUxOSAwLjM3NWMtMC4xNDYgMC4wMjEtMC4yNzEgMC4xMTEtMC4zMzQgMC4yIGMtMC4wNjQgMC4xMzEtMC4wNTYgMC4zIDAgMC40MTJjMi4wOTUgMy42IDMuMyA3LjUgMy4zIDExLjY2NGMwIDEwLjgzMy03Ljk3NyAyMC4zMjItMTkuNjQ4IDI0LjkgYy0wLjE0NSAwLjA1Ny0wLjI0OSAwLjE4Ni0wLjI3MiAwLjMzOGMtMC4wMjQgMC4yIDAgMC4zIDAuMiAwLjQwNWM0Ljg1NCAzLjkgMTEuNSA2LjUgMTkgNy4yIGMwLjEzOCAwIDAuMyAwLjEgMC40IDAuMTgyczAuMTI4IDAuMiAwLjEgMC4zNzhjLTAuNDgyIDQuNDU0LTEuMzk5IDguNzktMS44OSAxMC45IGMtMC4wNDggMC4yIDAgMC40IDAuMiAwLjU0MmMwLjE4MSAwLjEgMC40IDAuMSAwLjU4NC0wLjAyOGM2LjU4NC01LjEyNyAxMC44NTEtMTAuMTA5IDEyLjgxOS0xMi42NDQgYzAuMTA2LTAuMTM2IDAuMjU2LTAuMjI5IDAuNDI0LTAuMjcxYzEyLjI3NS0yLjk0OCAyMS4xNjEtMTEuNTc2IDIxLjE2MS0yMS43NjRDOTkuNTA4IDIwLjQgODUuOSAxMC4yIDY5IDEwLjE2eiIvPjxwYXRoIGZpbGw9IiNBREIwQUYiIGQ9Ik02MS40MjggMjIuODUxQzYxLjQyOCAxMC4yIDQ3LjggMCAzMSAwQzE0LjEzNCAwIDAuNSAxMC4yIDAuNSAyMi45IGMwIDEwLjIgOC45IDE4LjggMjEuMiAyMS43NjhjMC4xNjcgMCAwLjMgMC4xIDAuNCAwLjI3MWMxLjk3MSAyLjUgNi4yIDcuNSAxMi44IDEyLjYgYzAuMTY5IDAuMSAwLjQgMC4xIDAuNiAwLjAyOGMwLjE4MS0wLjExNSAwLjI3MS0wLjMzMyAwLjIyMi0wLjU0MmMtMC40OTQtMi4xNDEtMS40MTMtNi40NzQtMS44OTUtMTAuOTI4IGMtMC4wMTQtMC4xMzkgMC4wMjgtMC4yNzQgMC4xMTQtMC4zNzljMC4wODktMC4xMDQgMC4yMTMtMC4xNzIgMC4zNS0wLjE4MkM0OS41MzggNDQuMyA2MS40IDM0LjYgNjEuNCAyMi44NTF6Ii8+PC9zdmc+");
}

/* line 53, lib/assets/stylesheets/partials/icons-global.scss */
.ico.i--livechat {
  background-size: contain;
}

/* close */
/* line 57, lib/assets/stylesheets/partials/icons-global.scss */
.i-pl.i--close:before, .i-pr.i--close:after, .ico.i--close, .i-pt.i--close:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20id%3D%22Icon%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2050.117%2050.121%22%20enable-background%3D%22new%200%200%2050.117%2050.121%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Close%22%3E%0D%0A%09%3Cpath%20display%3D%22inline%22%20fill%3D%22%23ffffff%22%20d%3D%22M4.533%2C0L0%2C4.533l2.267%2C2.268L20.44%2C24.975L2.267%2C43.147L0%2C45.414l4.533%2C4.535%0D%0A%09%09l2.268-2.267l18.173-18.174l18.173%2C18.174l2.267%2C2.267l4.535-4.535l-2.267-2.267L29.509%2C24.975L47.683%2C6.801l2.267-2.268L45.414%2C0%0D%0A%09%09l-2.267%2C2.267L24.975%2C20.44L6.801%2C2.267L4.533%2C0z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
}

/* line 61, lib/assets/stylesheets/partials/icons-global.scss */
.ico.i--close {
  background-position: 50% 50%;
  background-color: #f3f3f3;
  padding: .12em;
}

/* line 62, lib/assets/stylesheets/partials/icons-global.scss */
.i-sm.i--close {
  background-size: 10px auto;
}

/* line 63, lib/assets/stylesheets/partials/icons-global.scss */
.i-m.i--close {
  background-size: 20px auto;
}

/* line 64, lib/assets/stylesheets/partials/icons-global.scss */
.i-lg.i--close {
  background-size: 35px auto;
}

/* print */
/* line 68, lib/assets/stylesheets/partials/icons-global.scss */
.i-pl.i--print:before, .i-pr.i--print:after, .ico.i--print, .i-pt.i--print:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJQcmludCIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48Zz48cmVjdCB4PSIxLjciIHk9IjkuMiIgZmlsbD0iIzAwMDAwMCIgd2lkdGg9IjI4LjIiIGhlaWdodD0iMTUuMSIvPjxyZWN0IHg9IjciIHk9IjEuMSIgZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjE3LjYiIGhlaWdodD0iMTIiLz48cmVjdCB4PSI3IiB5PSIxOC43IiBmaWxsPSIjMDAwMDAwIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMTcuNiIgaGVpZ2h0PSIxMi4zIi8+PC9nPjwvc3ZnPg==");
}

/* line 72, lib/assets/stylesheets/partials/icons-global.scss */
.ico.i--print {
  background-position: 50% 50%;
}

/* hamburger */
/* line 80, lib/assets/stylesheets/partials/icons-global.scss */
.ico.i--menu {
  background-position: 50% 50%;
}

/* line 81, lib/assets/stylesheets/partials/icons-global.scss */
.i-pt.i--menu {
  padding-left: 0;
  padding-top: 17px;
}

/* alerts */
/* line 85, lib/assets/stylesheets/partials/icons-global.scss */
.i-pl.i--caution:before, .i-pr.i--caution:after, .ico.i--caution, .i-pt.i--caution:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwLjExNyA1MC4xMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwLjExNyA1MC4xMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIj48ZyBpZD0iQ2F1dGlvbiI+PGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiNFNEFBMDAiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIyNSIgY3k9IjI0LjkxNCIgcj0iMjMuNjI1Ii8+PHBhdGggZmlsbD0iI0U0QUEwMCIgZD0iTTIyLjQ3NSAzNS4yMDhjMC0xLjMxNCAwLjkxMy0yLjI2MyAyLjE1My0yLjI2M2MxLjMxNCAwIDIuMTUzIDAuOTQ4IDIuMTUzIDIuMjYzIGMwIDEuMjc3LTAuODM5IDIuMjYzLTIuMTUzIDIuMjYzQzIzLjM1MSAzNy40NzEgMjIuNDc1IDM2LjQ4NSAyMi40NzUgMzUuMjA4eiBNMjMuMzg4IDI5Ljk4OEwyMi44NzYgMTIuNDdoMy41MDNsLTAuNTExIDE3LjUxOCBIMjMuMzg4eiIvPjwvZz48L3N2Zz4=");
}

/* line 90, lib/assets/stylesheets/partials/icons-global.scss */
.i-pl.i--alert:before, .i-pr.i--alert:after, .ico.i--alert, .i-pt.i--alert:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwLjExNyA1MC4xMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwLjExNyA1MC4xMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZyBpZD0iRXJyb3IiPjxjaXJjbGUgZGlzcGxheT0iaW5saW5lIiBmaWxsPSJub25lIiBzdHJva2U9IiNERDM4MjkiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIyNSIgY3k9IjI0LjkiIHI9IjIzLjYiLz48cGF0aCBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9IiNERDM4MjkiIGQ9Ik0xNi44NzggMTUuMjcybC0xLjgxNiAxLjgxNmwwLjkwOCAwLjkwOGw3LjI3NyA3LjI3N0wxNS45NyAzMi41NWwtMC45MDggMC45IGwxLjgxNiAxLjgxNGwwLjkwOC0wLjkwN2w3LjI3Ny03LjI3NWw3LjI3NyA3LjI3NWwwLjkwNyAwLjkwN2wxLjgxNS0xLjgxNGwtMC45MDgtMC45MDdsLTcuMjc1LTcuMjc3bDcuMjc1LTcuMjc3bDAuOTA4LTAuOTA4IGwtMS44MTUtMS44MTZsLTAuOTA3IDAuOTA5bC03LjI3NyA3LjI3NmwtNy4yNzctNy4yNzZMMTYuODc4IDE1LjI3MnoiLz48L2c+PC9zdmc+");
}

/* line 95, lib/assets/stylesheets/partials/icons-global.scss */
.i-pl.i--notice:before, .i-pr.i--notice:after, .ico.i--notice, .i-pt.i--notice:before {
  background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJJY29uIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwLjExNyA1MC4xMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwLjExNyA1MC4xMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZyBpZD0ic3VjY2VzcyI+PGNpcmNsZSBkaXNwbGF5PSJpbmxpbmUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZGQTIwMCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9IjI1IiBjeT0iMjQuOSIgcj0iMjMuNiIvPjxwb2x5Z29uIGRpc3BsYXk9ImlubGluZSIgZmlsbD0iIzZGQTIwMCIgcG9pbnRzPSIzOC42LDE3LjkgMzUuNCwxNC42IDIxLjMsMjguMiAxNC43LDIxLjMgMTEuNCwyNC40IDIxLjIsMzQuNiAyNC41LDMxLjUgMjQuNSwzMS41Ii8+PC9nPjwvc3ZnPg==");
}

/* line 2, app/assets/citytv/stylesheets/partials/icons.scss */
.i-exclamation {
  background: url(/assets/images/icons/ui/i-exclamation-622ec99fa7ae7a846c43c4784b0c40e36ec83a275e45ef94b79cb3ddf74b6fd6.png) no-repeat 0 0;
  width: 40px;
  height: 40px;
  background-size: 40px;
}

/* LOCALIZE LOGOS and/or IMG'S */
/* line 11, app/assets/citytv/stylesheets/partials/icons.scss */
[lang="en-ca"] .i--logo-myrogers {
  background: url(/assets/logos/i-logo-myrogers-en-447e85f3531cd0581302782d27aa084d3ec8475886498141552ca46ca677ff94.png) no-repeat 0 0;
  background-image: url(/assets/logos/i-logo-myrogers-en-62b54ebae481af176083d99b849917c5425d98f129867260af8bccfe09ea8f1b.svg), none;
}

/* line 16, app/assets/citytv/stylesheets/partials/icons.scss */
[lang="fr-ca"] .i--logo-myrogers {
  background: url(/assets/logos/i-logo-myrogers-fr-f4656864c1dc265ba7e139386be6152024404ac18b72c823e79a17a337bd9c00.png) no-repeat 0 0;
  background-image: url(/assets/logos/i-logo-myrogers-fr-e25b7da9966ca1bc29594a9cf9ef4b05bdacfce390f12380b9e6b5d22b55fb97.svg), none;
}

/* line 22, app/assets/citytv/stylesheets/partials/icons.scss */
[lang="en-ca"] .ico.i--logo-gameplus, [lang="en-ca"] .inline-logo.i--logo-gameplus {
  background-repeat: no-repeat;
  background-image: url(/assets/images/logos/i-logo-gameplus-en-4c8fecebf81a1d476ec86e29bf780fcd989708a3cbe3dca40c41f821f2e62845.svg), none;
}

/* line 27, app/assets/citytv/stylesheets/partials/icons.scss */
[lang="fr-ca"] .ico.i--logo-gameplus, [lang="fr-ca"] .inline-logo.i--logo-gameplus {
  background-repeat: no-repeat;
  background-image: url(/assets/images/logos/i-logo-gameplus-fr-bd2569834ef8b818b113b7b48be9410a1d709831d7f8a7dcf4f72efe8f36333f.svg), none;
}

/* line 34, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--logo-nhl-light:before, .i-pr.i--logo-nhl-light:after, .ico.i--logo-nhl-light, .i-pt.i--logo-nhl-light:before {
  background: url(/assets/images/logos/i-logo-nhl-sm-a72b30ab5c5d38704fdc80dfa9f1ec3cf2ebdc696e5fd39ca32768188f163a4b.gif) no-repeat 0 0;
  background-image: url(/assets/images/logos/i-logo-nhl-371832237c786a6b00e25042bd59c956babb011a33160fe8ff2bad165ce46567.svg), none;
}

/* line 38, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--logo-nhl-dark:before, .i-pr.i--logo-nhl-dark:after, .ico.i--logo-nhl-dark, .i-pt.i--logo-nhl-dark:before {
  background: url(/assets/images/logos/i-logo-nhl-sm-a72b30ab5c5d38704fdc80dfa9f1ec3cf2ebdc696e5fd39ca32768188f163a4b.gif) no-repeat 0 0;
  background-image: url(/assets/images/logos/i-logo-nhl-dark-ba46f48b4ded1a36b7ae3b818bd956b7c3a5671dd2ce907f9d9dc3fc1c1d2dfc.svg), none;
}

/* line 43, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--logo-nhl-rev:before, .i-pr.i--logo-nhl-rev:after, .ico.i--logo-nhl-rev, .i-pt.i--logo-nhl-rev:before {
  background: url(/assets/images/logos/i-logo-nhl-rev-m-a004351daff7727c0c88094b650304c2002a5b7635fe525ea90cf50e87c3a2f6.png) no-repeat 0 0;
  background-image: url(/assets/images/logos/i-logo-nhl-rev-e5a8dff47daca245daaf09d842a865b2a734732214ec071a3d469c59da25f706.svg), none;
}

/* alerts */
/* line 50, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--caution:before, .i-pr.i--caution:after, .ico.i--caution, .i-pt.i--caution:before {
  background: url(/assets/icons/ui/i-caution-8f92f4a14658350787f3ddc3fc274b60e8e42d3dfa669bcc25d92959e2993ca8.gif) no-repeat 0 center;
}

/* line 55, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--alert:before, .i-pr.i--alert:after, .ico.i--alert, .i-pt.i--alert:before {
  background: url(/assets/icons/ui/i-error-a5bce91c2e21bec651d8974352c2037e6af994b070be61bf2af6f46111ec06b2.gif) no-repeat 0 center;
}

/* line 59, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--notice:before, .i-pr.i--notice:after, .ico.i--notice, .i-pt.i--notice:before {
  background: url(/assets/icons/ui/i-success-696c96d5514cf5ffcd1ee6c31a03447abca38f205de5fd1e1af93806de1b9ba6.gif) no-repeat 0 center;
}

/* forms i icon */
/* line 64, app/assets/citytv/stylesheets/partials/icons.scss */
.i--helper {
  background: url(/assets/icons/ui/i-info-8cd166b8a28b8111811f3b48b22565442baccd5f73eaee347fc7dfabec0b48ea.gif) no-repeat 0 center;
}

/* line 68, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--livechat:before, .i-pr.i--livechat:after, .ico.i--livechat, .i-pt.i--livechat:before {
  background: url(/assets/icons/ui/i-livechat-54ca43703c9b65b1426a1bac895fc73bb8649b21445b2a5205c5b2f3454c4be7.gif) no-repeat center center;
}

/* close */
/* line 73, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--close:before, .i-pr.i--close:after, .ico.i--close, .i-pt.i--close:before {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: url(/assets/images/icons/ui/mobile-menu-close-0ec925fbdeeb53b320456156880ec549d7845e3330ad0bfe829468f98715ae0d.png) no-repeat 0 0;
}

/* line 81, app/assets/citytv/stylesheets/partials/icons.scss */
.i-close-blk {
  background: url(/assets/images/icons/ui/i-close-blk-545e7f35e082c60bf75870cf5e5b280a778365e163009a551c477aa7fda7767b.png) no-repeat 0 0;
  width: 25px;
  height: 25px;
}

/* call */
/* line 89, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--call:before, .i-pr.i--call:after, .ico.i--call, .i-pt.i--call:before {
  background: url(/icons/ui/i-call.png) no-repeat 0 center;
}

/* hamburger */
/* line 94, app/assets/citytv/stylesheets/partials/icons.scss */
.i-pl.i--menu:before, .i-pr.i--menu:after, .ico.i--menu, .i-pt.i--menu:before {
  background: url(/assets/icons/ui/hamburger-77bf242b04f62e2538a3b6da204b486f2d3fb766d091d3141eef814d591087d5.svg) no-repeat 0 0;
}

/* APP STORE BUTTONS */
/* line 100, app/assets/citytv/stylesheets/partials/icons.scss */
[lang="en-ca"] .i-apps {
  background-image: url(/assets/images/logos/app_store_icons-4e6fe1051dd871b7421ea79aac1ec7120e53cac54b3f583c01a220a0162cb2d3.png);
  background-size: auto;
}

/* line 101, app/assets/citytv/stylesheets/partials/icons.scss */
[lang="fr-ca"] .i-apps {
  background-image: url(/assets/images/logos/app_store_icons_fr-5804ec3e57f43f9bc0d51c4c2e0957c0f7c6d81600cdbac78d25d7c4d04dace1.png);
  background-size: auto;
}

/* video play */
/* line 105, app/assets/citytv/stylesheets/partials/icons.scss */
.i-video-play {
  background-image: url(/assets/images/icons/ui/ico-play-c2fa89691d94da9f8529cc8e7eff2b1773b9ae2fbaea36f55ccd6ea8398f1b3a.png);
}

/* ROTATOR CHEVRONS */
/* line 110, app/assets/citytv/stylesheets/partials/icons.scss */
.i--chev-left {
  background: url(/assets/images/icons/ui/i-chevron-left-57cbaa871ec8ec60a1fe5cabecd592837f581c5ba54427d4f2393460abc2be0c.png) no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url(/assets/images/icons/ui/i-chevron-left-e996cb95dedc3ae091b380f942ad8d998f66a467bee4005f7723ce95ac573d6e.svg);
}

/* line 114, app/assets/citytv/stylesheets/partials/icons.scss */
.i--chev-right {
  background: url(/assets/images/icons/ui/i-chevron-right-fea72d3cca213ae155714e0417b1bcc72281e3a3fa95201e720244c22e07b717.png) no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url(/assets/images/icons/ui/i-chevron-right-6606826d6f4b56d24a8926a5d44ed1ac3f5c9442049bccdd7d021f63397d81f6.svg);
}

/* line 119, app/assets/citytv/stylesheets/partials/icons.scss */
.flex-prev {
  background: url(/assets/images/icons/ui/i-chevron-left-57cbaa871ec8ec60a1fe5cabecd592837f581c5ba54427d4f2393460abc2be0c.png) no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url(/assets/images/icons/ui/i-chevron-left-e996cb95dedc3ae091b380f942ad8d998f66a467bee4005f7723ce95ac573d6e.svg);
}

/* line 123, app/assets/citytv/stylesheets/partials/icons.scss */
.flex-next {
  background: url(/assets/images/icons/ui/i-chevron-right-fea72d3cca213ae155714e0417b1bcc72281e3a3fa95201e720244c22e07b717.png) no-repeat center center;
  background-image: linear-gradient(transparent, transparent), url(/assets/images/icons/ui/i-chevron-right-6606826d6f4b56d24a8926a5d44ed1ac3f5c9442049bccdd7d021f63397d81f6.svg);
}

/* line 128, app/assets/citytv/stylesheets/partials/icons.scss */
.i--chev-red {
  background: url(/assets/images/icons/ui/i-chev-red-0b649c9da197529254a2569e2371fdb2f62affc2348686323c21e55b91851a30.png) no-repeat 50% 50%;
}

/* line 2, app/assets/citytv/stylesheets/partials/icons-brand.scss */
.i--apple {
  background-position: 0 0;
  width: 176px;
}

/* line 3, app/assets/citytv/stylesheets/partials/icons-brand.scss */
.i--google {
  background-position: -181px 0;
  width: 176px;
}

/* Alerts
====================================================================== */
/* Alert setup 
---------------------------------------------- */
/* line 3, app/assets/citytv/stylesheets/modules/alerts.scss */
.alert {
  margin: 5px auto 15px auto;
}

/* line 5, app/assets/citytv/stylesheets/modules/alerts.scss */
.alert a, .alert .new-form .promo-mastercard.package-selected, .new-form .alert .promo-mastercard.package-selected {
  color: #18C0DE;
  font-weight: bold;
  text-decoration: underline;
}

/* Alert Error = .alert--error
---------------------------------------------- */
/* line 14, app/assets/citytv/stylesheets/modules/alerts.scss */
.alert--danger, .alert--alert {
  background-color: #CF2E2E1A !important;
  border-color: #CF2E2E !important;
  color: #fff !important;
}

/* line 20, app/assets/citytv/stylesheets/modules/alerts.scss */
.gen-form .alert--alert {
  min-height: auto;
  color: white;
  font-size: 16px;
  display: flex;
  justify-content: center;
  text-align: left;
  width: 100%;
  margin-bottom: 2rem;
  background: none;
  max-width: 58rem;
}

/* line 33, app/assets/citytv/stylesheets/modules/alerts.scss */
.gen-form .alert--alert .message {
  background: url(/assets/images/icons/warning-efb84e40f7e8b3558b3e53f08cb822f6aa89bd54788cfbd4c1255f39155ae2b5.svg) left center no-repeat;
  padding-left: 2rem;
}

/* line 38, app/assets/citytv/stylesheets/modules/alerts.scss */
.gen-form .alert--alert.form-errors {
  background: none;
}

/* Alert Success = .alert--success
---------------------------------------------- */
/* line 45, app/assets/citytv/stylesheets/modules/alerts.scss */
.alert--notice {
  background-color: #00A4BA1A;
  color: #fff;
  border: 1px solid #00A4BA;
  margin-bottom: 0px;
  border-radius: 0;
}

/* line 52, app/assets/citytv/stylesheets/modules/alerts.scss */
.alert--notice a, .alert--notice .new-form .promo-mastercard.package-selected, .new-form .alert--notice .promo-mastercard.package-selected {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* line 58, app/assets/citytv/stylesheets/modules/alerts.scss */
.alert--green {
  background-color: #00D0841A;
  color: #ffffff;
  border: 1px solid #00D084;
}

/* line 64, app/assets/citytv/stylesheets/modules/alerts.scss */
.alert--green a, .alert--green .new-form .promo-mastercard.package-selected, .new-form .alert--green .promo-mastercard.package-selected {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* COMMON HELPER CLASSES 
====================================================================== */
/* line 1, app/assets/citytv/stylesheets/partials/helpers.scss */
.clear-left {
  clear: left;
}

/* line 2, app/assets/citytv/stylesheets/partials/helpers.scss */
.no-b-m {
  margin-bottom: 0px;
}

/* line 3, app/assets/citytv/stylesheets/partials/helpers.scss */
.no-p {
  padding: 0;
}

/* line 5, app/assets/citytv/stylesheets/partials/helpers.scss */
.sm-m-top {
  margin-top: 15px;
}

/* line 7, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-text {
  color: #0d243c;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* line 8, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-title-large {
  color: #FFFFFF;
  font-size: 50px;
  font-weight: 400;
  line-height: 48px;
  margin: 0 0 5px -2px;
}

/* line 9, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-title {
  color: #0d233c;
  font-size: 30px;
  font-weight: 400;
}

/* line 10, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-title span.gift-thank-you {
  color: #21a30e;
  background-color: #dedede;
  border-radius: 25px;
  padding: 0px;
  height: 45px;
  width: 45px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding-top: 7px;
  margin-right: 10px;
}

/* line 23, app/assets/citytv/stylesheets/partials/helpers.scss */
.snnow_icon_text_title {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 400;
}

/* line 24, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-subtitle {
  margin-top: -22px;
}

/* line 25, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-pass-name {
  font-weight: bold;
}

/* line 26, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-congrats-image {
  background-image: url(/assets/images/content/thank_you-cc31b148507e2463032d44e2b4956b2b1da10cf444cce5b321c8ec303c2a433e.png);
  width: 387px;
  height: 234px;
  display: inline-table;
  margin-right: 22px;
  float: left;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 31, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-congrats-image.standard_wwe_thank_you {
  background-image: url(/assets/images/content/standard_wwe_thank_you-8c6c4043dbcee5ffa238437d0a2ee91a3b6e730b60950ec00ca7e12cd5786344.png);
  width: 387px;
  height: 234px;
  display: inline-table;
  margin-right: 22px;
  float: left;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 36, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-congrats-image.wwe_thank_you {
  background-image: url(/assets/images/content/wwe_thank_you-d0b6028d26357269a27d4a83a21d62ead362f0e27e277d2d876c8b695657b0be.png);
  width: 387px;
  height: 234px;
  display: inline-table;
  margin-right: 22px;
  float: left;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 41, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-congrats-text {
  vertical-align: top;
}

/* line 42, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-margintop22 {
  margin-top: 22px;
}

/* line 43, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-marginbottom22 {
  margin-bottom: 22px;
}

/* line 44, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-btn {
  background-color: #FFFFFF;
  width: 223px;
  height: 40px;
  display: table-cell;
}

/* line 45, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-column-padding {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 46, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-nhl-block {
  clear: both;
  padding-top: 50px;
}

/* line 47, app/assets/citytv/stylesheets/partials/helpers.scss */
.citytv-nhl-block img {
  width: 136px;
  float: left;
  margin-top: 5px;
}

/* line 49, app/assets/citytv/stylesheets/partials/helpers.scss */
.tiny-m {
  margin-bottom: 5px;
  color: white;
}

@media (max-width: 37.5em) {
  /* line 52, app/assets/citytv/stylesheets/partials/helpers.scss */
  .citytv-congrats-text {
    vertical-align: top;
    display: inline-table;
    margin-top: 22px;
  }
}

/* line 59, app/assets/citytv/stylesheets/partials/helpers.scss */
.not_eligible_block {
  background-color: #FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 115px;
  border-radius: 5px;
  border: 0 solid transparent;
  color: #fff;
  margin-bottom: 22px;
  padding: 8px 12px 6px 12px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

/* General enhancements only if media queries supported 
======================================================================
====================================================================== */
/* Headings & Titles
---------------------------------------------- */
/* Global Wrappers
---------------------------------------------- */
/* Headers - Navigations - Footers
---------------------------------------------- */
/* Global Menus
---------------------------------------------- */
/* Custom Content Structure
---------------------------------------------- */
/* Hero Homepage
    ------------------------ */
/* Feature and Promos
    ------------------------ */
/* 3 Custom Promos
    ------------------------ */
/* UI Helpers
    ------------------------ */
/* App Downloads
    ------------------------ */
/* Promo Form
    ------------------------ */
/* Modules
---------------------------------------------- */
/* Modals
    ------------------------ */
/* Alerts
    ------------------------ */
/* Info Boxes
    ------------------------ */
/* VIEWPORT SETUP
---------------------------------------------- */
@media only screen {
  /* VIEWPORT SETUP
    ---------------------------------------------- */
  @-webkit-viewport {
    width: device-width;
  }
  @-moz-viewport {
    width: device-width;
  }
  @-ms-viewport {
    width: device-width;
  }
  @-o-viewport {
    width: device-width;
  }
  @viewport {
    width: device-width;
  }
  /* GLOBAL BACKGROUND IMAGE ATTRIBUTES
    ---------------------------------------------- */
  /* MODAL ANIMATIONS
    ---------------------------------------------- */
  /* line 74, app/assets/citytv/stylesheets/enhanced.scss */
  .js .m-fade .modal-dialog {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  /* line 84, app/assets/citytv/stylesheets/enhanced.scss */
  .js .in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/* min width 1366px
---------------------------------------------- */
@media (min-width: 85.375em) {
  /* GLOBAL BUMP
    ------------------------ */
  /* line 102, app/assets/citytv/stylesheets/enhanced.scss */
  .fluid-lg {
    max-width: 1280px;
  }
  /* line 105, app/assets/citytv/stylesheets/enhanced.scss */
  [lang="en-ca"] .is--fancy .form-label {
    min-height: 86px;
  }
  /* line 108, app/assets/citytv/stylesheets/enhanced.scss */
  [lang="fr-ca"] .is--fancy .form-label {
    min-height: 112px;
  }
}

/* min width 1600px ++
---------------------------------------------- */
@media (min-width: 100em) {
  /* GLOBAL BUMPS
    ------------------------ */
  /* line 119, app/assets/citytv/stylesheets/enhanced.scss */
  html {
    font-size: 16px;
  }
  /* line 120, app/assets/citytv/stylesheets/enhanced.scss */
  #page-body {
    padding-top: 60px;
  }
}

/* min width 1920px ++
---------------------------------------------- */
@media (min-width: 120em) {
  /* line 127, app/assets/citytv/stylesheets/enhanced.scss */
  .has--fancy-bot {
    padding-bottom: 3em;
    margin-bottom: 2.5em;
  }
  /* line 132, app/assets/citytv/stylesheets/enhanced.scss */
  .fluid-lg {
    max-width: 1366px;
  }
}

/* min width 2100px ++
---------------------------------------------- */
@media (min-width: 131.25em) {
  /* GLOBAL BUMPS
    ------------------------ */
  /* line 143, app/assets/citytv/stylesheets/enhanced.scss */
  html {
    font-size: 16px;
  }
}

/* max width 1440px
---------------------------------------------- */
@media (max-width: 90em) {
  /* line 155, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-2 {
    width: 85%;
  }
}

/* max width 1280px
---------------------------------------------- */
@media (max-width: 80em) {
  /* line 164, app/assets/citytv/stylesheets/enhanced.scss */
  .five-info-offers .span-2 .span-3, .five-info-offers .span-4 .span-2 {
    width: 90%;
    border-radius: 20px;
    margin: 8px;
  }
  /* line 169, app/assets/citytv/stylesheets/enhanced.scss */
  .five-info-offers .span-2 .span-3:first-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  /* line 173, app/assets/citytv/stylesheets/enhanced.scss */
  .five-info-offers .span-4 .span-2:last-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  /* line 177, app/assets/citytv/stylesheets/enhanced.scss */
  .five-info-offers .span-2, .five-info-offers .span-4 {
    width: 100%;
  }
  /* line 178, app/assets/citytv/stylesheets/enhanced.scss */
  .minus-margin-5 {
    margin-left: 0;
  }
  /* TODO - MOVE
    ------------------------ */
  /* line 189, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-2 {
    width: 95%;
  }
  /* line 192, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-2 .is--fancy {
    padding: 1em 4% 0px;
  }
  /* line 196, app/assets/citytv/stylesheets/enhanced.scss */
  #bg-video, .bg-video-overlay {
    display: none;
  }
  /* line 198, app/assets/citytv/stylesheets/enhanced.scss */
  [lang="en-ca"] .fancy-promos-3 .feature-excerpt {
    min-height: 185px;
  }
}

@media (max-width: 1180px) {
  /* line 212, app/assets/citytv/stylesheets/enhanced.scss */
  .region .span-2 {
    margin: 0 0 10px 0;
    width: 100%;
  }
  /* line 216, app/assets/citytv/stylesheets/enhanced.scss */
  section.content-wrapper .span-2 {
    margin: 0 0 10px 0;
    width: 100%;
  }
  /* line 220, app/assets/citytv/stylesheets/enhanced.scss */
  section.content-wrapper .span-2.no-b-m {
    margin-bottom: 0;
  }
  /* line 221, app/assets/citytv/stylesheets/enhanced.scss */
  .global-header .content-wrapper .span-2:first-child {
    display: none;
  }
  /* line 222, app/assets/citytv/stylesheets/enhanced.scss */
  .content-wrapper.w-ul.bg-gray .span-2:first-child {
    display: none;
  }
  /* line 223, app/assets/citytv/stylesheets/enhanced.scss */
  .monthly-pass {
    font-size: 10px;
  }
  /*.checkbox .form-label{ @include rem(font-size, 10px); }*/
  /* line 226, app/assets/citytv/stylesheets/enhanced.scss */
  .registration-blob {
    font-size: 13px;
  }
  /* line 227, app/assets/citytv/stylesheets/enhanced.scss */
  .w-ul {
    margin-bottom: 1px;
  }
}

@media (max-width: 1000px) {
  /* line 231, app/assets/citytv/stylesheets/enhanced.scss */
  .footer-primary .float-l.copyright-section {
    margin-left: 0px;
  }
  /* line 232, app/assets/citytv/stylesheets/enhanced.scss */
  .footer-primary .float-l {
    width: 100%;
  }
  /* line 233, app/assets/citytv/stylesheets/enhanced.scss */
  .footer-primary .fluid {
    width: 100%;
  }
}

/* max width 820px
---------------------------------------------- */
@media (max-width: 51.25em) {
  /* line 239, app/assets/citytv/stylesheets/enhanced.scss */
  .general-form {
    width: 100%;
  }
  /* line 240, app/assets/citytv/stylesheets/enhanced.scss */
  .promo-box {
    width: 100%;
  }
  /* line 241, app/assets/citytv/stylesheets/enhanced.scss */
  .promo-code-full .form-row {
    margin-left: 0px;
  }
}

/* ============================================================================================================================================
 START GLOBAL MEDIA QUERY STRUCTURE --- MAX WIDTHS
============================================================================================================================================ */
/* MQ 1024- tablets & small screens
================================================================================ */
@media (max-width: 64em) {
  /* line 253, app/assets/citytv/stylesheets/enhanced.scss */
  .info-offers .span-2 {
    width: 90%;
    margin: 0.5em 0;
    border-radius: 20px;
  }
  /* line 258, app/assets/citytv/stylesheets/enhanced.scss */
  .info-offers .span-2:first-child {
    border-radius: 20px;
  }
  /* line 259, app/assets/citytv/stylesheets/enhanced.scss */
  .info-offers .span-2:last-child {
    border-radius: 20px;
  }
  /* line 261, app/assets/citytv/stylesheets/enhanced.scss */
  .info-offers .span-3.offer {
    width: 90%;
    margin: 0.5em 0;
    border-radius: 20px;
  }
  /* line 266, app/assets/citytv/stylesheets/enhanced.scss */
  .info-offers .span-3.offer.first {
    border-radius: 20px;
  }
  /* line 267, app/assets/citytv/stylesheets/enhanced.scss */
  .info-offers .span-3.offer.last {
    border-radius: 20px;
  }
}

/* MQ 820- tablets & small screens
================================================================================ */
@media (max-width: 51.25em) {
  /* Headings & Titles
---------------------------------------------- */
  /* line 278, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-L {
    font-size: 30px;
    font-size: 1.875rem;
  }
  /* line 279, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-M {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.1;
  }
  /* line 280, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-M2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* line 282, app/assets/citytv/stylesheets/enhanced.scss */
  .size-LG {
    font-size: 32px;
    font-size: 2rem;
  }
  /* line 283, app/assets/citytv/stylesheets/enhanced.scss */
  .size-L {
    font-size: 26px;
    font-size: 1.625rem;
  }
  /* line 284, app/assets/citytv/stylesheets/enhanced.scss */
  .size-L2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* line 285, app/assets/citytv/stylesheets/enhanced.scss */
  .size-L3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* line 286, app/assets/citytv/stylesheets/enhanced.scss */
  .size-L4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* line 289, app/assets/citytv/stylesheets/enhanced.scss */
  .has--fancy-top, .has--fancy-bot {
    background-size: 100% auto;
  }
  /* line 291, app/assets/citytv/stylesheets/enhanced.scss */
  #tos_modal .modal-title {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* line 295, app/assets/citytv/stylesheets/enhanced.scss */
  .mega-reversed {
    font-size: 42px;
    font-size: 2.625rem;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* line 301, app/assets/citytv/stylesheets/enhanced.scss */
  .fluid {
    padding: 0 3.5%;
  }
  /* line 302, app/assets/citytv/stylesheets/enhanced.scss */
  .fluid-lg {
    padding: 0 3.5%;
  }
  /* line 303, app/assets/citytv/stylesheets/enhanced.scss */
  .site-wrapper {
    padding: 0 3.5%;
  }
  /* Headers - Footers
---------------------------------------------- */
  /* Global Menus
---------------------------------------------- */
  /* line 313, app/assets/citytv/stylesheets/enhanced.scss */
  .menu--secondary li {
    padding-left: 1em;
  }
  /* line 316, app/assets/citytv/stylesheets/enhanced.scss */
  [lang="fr-ca"] .menu--secondary li {
    padding-left: .7em;
  }
  /* line 319, app/assets/citytv/stylesheets/enhanced.scss */
  .menu--secondary li:first-child {
    padding-left: 0;
  }
  /* line 323, app/assets/citytv/stylesheets/enhanced.scss */
  .menu--tertiary {
    float: left;
    margin-bottom: .7em;
    width: 100%;
  }
  /* line 328, app/assets/citytv/stylesheets/enhanced.scss */
  .menu--tertiary .copyright {
    margin-left: 0;
    float: none;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  /* Custom Content Structure
---------------------------------------------- */
  /* Feature and Promos
    ------------------------ */
  /* sub features */
  /* line 335, app/assets/citytv/stylesheets/enhanced.scss */
  .is--Listing .feature-body {
    padding-top: 1.5em;
  }
  /* line 338, app/assets/citytv/stylesheets/enhanced.scss */
  .img--isListing {
    margin-right: 2.4193548%;
    width: 35%;
  }
  /* sub features */
  /* line 344, app/assets/citytv/stylesheets/enhanced.scss */
  .main-features .is--promo {
    float: none;
    margin: 0 0 1em;
    width: 100%;
  }
  /* 3 Custom Promos
    ------------------------ */
  /* line 352, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-2 .feature-excerpt, .fancy-promos-3 .feature-excerpt, .is--fancy .form-label {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* line 354, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-3 .is--fancy {
    padding: 0 2%;
  }
  /* line 357, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-2 {
    width: 100%;
  }
  /* line 360, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-2 .is--fancy {
    padding: 1em 3.5%;
  }
  /* line 364, app/assets/citytv/stylesheets/enhanced.scss */
  .feature-body .small-text {
    font-size: 10px;
    font-size: 0.625rem;
  }
  /* line 367, app/assets/citytv/stylesheets/enhanced.scss */
  [lang="en-ca"] .fancy-promos-2 .feature-excerpt {
    min-height: 150px;
  }
  /* line 370, app/assets/citytv/stylesheets/enhanced.scss */
  .gen-form.row .span-3 {
    width: 100%;
  }
  /* Promo Form
    ------------------------ */
  /* line 374, app/assets/citytv/stylesheets/enhanced.scss */
  .promo-code-full .form-label {
    width: 90%;
  }
  /* line 375, app/assets/citytv/stylesheets/enhanced.scss */
  .promo-code-full .text-field {
    padding: .8em;
  }
  /* Order Summary Tables
    ------------------------ */
  /* line 379, app/assets/citytv/stylesheets/enhanced.scss */
  .order-table .thead th {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* Modules
---------------------------------------------- */
  /* line 384, app/assets/citytv/stylesheets/enhanced.scss */
  .btn, .promo-code-full .btn {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 1em 1.8em;
    white-space: normal;
  }
  /* line 385, app/assets/citytv/stylesheets/enhanced.scss */
  .btn.btn-block {
    padding: 1em 0;
  }
  /* line 388, app/assets/citytv/stylesheets/enhanced.scss */
  .btn-group-wide .btn {
    padding: 1em 3em;
  }
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Info Boxes
    ------------------------ */
  /* line 396, app/assets/citytv/stylesheets/enhanced.scss */
  .info-lg {
    padding: 0px;
  }
  /* line 400, app/assets/citytv/stylesheets/enhanced.scss */
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* line 406, app/assets/citytv/stylesheets/enhanced.scss */
#background_job_modal .modal-dialog {
  border-radius: .375rem;
}

/* line 410, app/assets/citytv/stylesheets/enhanced.scss */
.buyflow-order-processing-job {
  display: inline-flex !important;
  align-items: center;
}

/* MQ 768- tablets & small screens
================================================================================ */
@media (max-width: 48em) {
  /* 768px */
  /* Headings & Titles
---------------------------------------------- */
  /* line 422, app/assets/citytv/stylesheets/enhanced.scss */
  .copy-XLG {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/* MQ 600- tablets & small screens
================================================================================ */
@media (max-width: 37.5em) {
  /* 600PX */
  /* General forms */
  /* line 430, app/assets/citytv/stylesheets/enhanced.scss */
  .general-form .text-field {
    width: 95%;
  }
  /* line 431, app/assets/citytv/stylesheets/enhanced.scss */
  .general-form .fancy-select-lg {
    width: 95%;
  }
  /* line 432, app/assets/citytv/stylesheets/enhanced.scss */
  .general-form .fancy-select-lg .text-field {
    width: 100%;
  }
  /* line 434, app/assets/citytv/stylesheets/enhanced.scss */
  .credit_card_field_creditCardState .fancy-select-lg {
    width: 160px;
  }
  /* line 435, app/assets/citytv/stylesheets/enhanced.scss */
  .credit_card_field_creditCardState .fancy-select-lg .text-field {
    width: 160px;
    min-width: initial;
  }
  /* line 437, app/assets/citytv/stylesheets/enhanced.scss */
  .error .help-inline, .error-label {
    width: 95%;
    max-width: initial;
  }
  /* line 441, app/assets/citytv/stylesheets/enhanced.scss */
  .credit_card_field_creditCardState .help-inline {
    width: 100%;
  }
  /* line 443, app/assets/citytv/stylesheets/enhanced.scss */
  .visible_promo_code_field.form-row {
    width: 100%;
  }
  /* line 445, app/assets/citytv/stylesheets/enhanced.scss */
  .form-row .cc-expiration .fancy-select {
    width: 47%;
  }
  /* line 448, app/assets/citytv/stylesheets/enhanced.scss */
  .form-row .cc-expiration select {
    width: 100%;
  }
  /* line 451, app/assets/citytv/stylesheets/enhanced.scss */
  .security-section, .exp-section, .state-section, .postal-section {
    width: 100%;
  }
  /* line 454, app/assets/citytv/stylesheets/enhanced.scss */
  .security-section .text-field {
    width: 95%;
  }
  /* line 455, app/assets/citytv/stylesheets/enhanced.scss */
  .error .security-section .help-inline {
    width: 98%;
  }
  /* line 458, app/assets/citytv/stylesheets/enhanced.scss */
  .error .exp-section .help-inline {
    width: 98%;
  }
  /* line 462, app/assets/citytv/stylesheets/enhanced.scss */
  .credit_card_field_creditCardState .fancy-select:after {
    right: 4%;
  }
  /* line 463, app/assets/citytv/stylesheets/enhanced.scss */
  .credit_card_field_creditCardState .fancy-select {
    width: 95%;
  }
  /* line 464, app/assets/citytv/stylesheets/enhanced.scss */
  .credit_card_field_creditCardState .fancy-select .text-field {
    width: 100%;
  }
  /* line 465, app/assets/citytv/stylesheets/enhanced.scss */
  .credit_card_field_creditCardPostalCode .text-field {
    width: 95%;
  }
  /* Headings & Titles
---------------------------------------------- */
  /* line 469, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-L {
    font-size: 26px;
    font-size: 1.625rem;
  }
  /* line 470, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-M {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.1;
  }
  /* line 471, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-M2 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
  /* line 472, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-SM {
    font-size: 19px;
    font-size: 1.1875rem;
  }
  /* line 477, app/assets/citytv/stylesheets/enhanced.scss */
  .footer-primary .span-2 {
    width: 100%;
  }
  /* line 478, app/assets/citytv/stylesheets/enhanced.scss */
  .footer-primary .span-4 {
    width: 100%;
  }
  /* line 479, app/assets/citytv/stylesheets/enhanced.scss */
  .footer-primary .span-4 p.text-center {
    width: 80%;
  }
  /* line 480, app/assets/citytv/stylesheets/enhanced.scss */
  .footer-primary .rogers_logo {
    border: 0;
  }
  /* line 481, app/assets/citytv/stylesheets/enhanced.scss */
  .footer-primary .copyright-section {
    text-align: left;
  }
  /* line 483, app/assets/citytv/stylesheets/enhanced.scss */
  .size-LG {
    font-size: 28px;
    font-size: 1.75rem;
  }
  /* line 484, app/assets/citytv/stylesheets/enhanced.scss */
  .size-LG2 {
    font-size: 26px;
    font-size: 1.625rem;
  }
  /* line 485, app/assets/citytv/stylesheets/enhanced.scss */
  .size-L {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* line 486, app/assets/citytv/stylesheets/enhanced.scss */
  .size-L2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.2;
    margin-bottom: 1em;
  }
  /* line 487, app/assets/citytv/stylesheets/enhanced.scss */
  .size-L3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* line 488, app/assets/citytv/stylesheets/enhanced.scss */
  .size-L4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* line 490, app/assets/citytv/stylesheets/enhanced.scss */
  .already-have {
    float: none;
    line-height: 1.1;
    margin-bottom: 2em;
    padding-top: 0;
  }
  /* line 492, app/assets/citytv/stylesheets/enhanced.scss */
  .step-header {
    margin-left: 10px;
  }
  /* line 494, app/assets/citytv/stylesheets/enhanced.scss */
  #tos_modal .modal-title {
    margin-bottom: 1em;
    padding-bottom: .7em;
    padding-right: 30px;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* line 502, app/assets/citytv/stylesheets/enhanced.scss */
  #main-content {
    margin-top: 10px;
  }
  /* body - homepage */
  /* line 506, app/assets/citytv/stylesheets/enhanced.scss */
  .page-site {
    padding-top: 2.5em;
  }
  /* line 508, app/assets/citytv/stylesheets/enhanced.scss */
  #global-header,
#global-header .header.is--secondary,
#global-header .header.is--secondary .header-wrapper {
    height: 100%;
  }
  /* line 512, app/assets/citytv/stylesheets/enhanced.scss */
  .menu .hamburger-only-links {
    display: block;
  }
  /* line 513, app/assets/citytv/stylesheets/enhanced.scss */
  .menu .non-hamburger-only-links {
    display: none;
  }
  /* line 514, app/assets/citytv/stylesheets/enhanced.scss */
  .menu a, .menu .new-form .promo-mastercard.package-selected, .new-form .menu .promo-mastercard.package-selected, .menu--secondary a:hover, .menu--secondary .new-form .promo-mastercard.package-selected:hover, .new-form .menu--secondary .promo-mastercard.package-selected:hover, .menu--secondary .is-selected, .menu .welcome {
    border-bottom: initial;
  }
  /* Global Header Enhanced with Animation */
  /* line 519, app/assets/citytv/stylesheets/enhanced.scss */
  .js .global-header {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  /* line 526, app/assets/citytv/stylesheets/enhanced.scss */
  .global-header {
    padding: 0px;
    background-color: initial;
  }
  /* line 530, app/assets/citytv/stylesheets/enhanced.scss */
  .js .is-hidden {
    top: 0px;
    left: -700px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
    -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
    transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  }
  /* line 542, app/assets/citytv/stylesheets/enhanced.scss */
  .js .is-visible {
    top: 0px;
    left: 0px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
    -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
    transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.06);
  }
  /* line 555, app/assets/citytv/stylesheets/enhanced.scss */
  .js .is-hidden + .overlay {
    opacity: 0;
    z-index: -1000;
    -webkit-transition: opacity .6s ease-in-out,z-index 0s linear .2s;
    -moz-transition: opacity .6s ease-in-out,z-index 0s linear .2s;
    transition: opacity .6s ease-in-out,z-index 0s linear .2s;
  }
  /* line 563, app/assets/citytv/stylesheets/enhanced.scss */
  .js .is-visible + .overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .5;
    -webkit-transition: opacity 0.6s ease-in-out,z-index 0s linear 0.2s;
    -moz-transition: opacity 0.6s ease-in-out,z-index 0s linear 0.2s;
    -ms-transform: scale(1);
    transition: opacity 0.6s ease-in-out,z-index 0s linear 0.2s;
  }
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* Header navigation reset */
  /* line 583, app/assets/citytv/stylesheets/enhanced.scss */
  .global-header .header,
.global-header .site-wrapper {
    padding: 0;
    height: initial;
  }
  /* line 585, app/assets/citytv/stylesheets/enhanced.scss */
  .is--primary, .is--secondary {
    background-color: transparent;
  }
  /* line 586, app/assets/citytv/stylesheets/enhanced.scss */
  .is--secondary .site-wrapper {
    position: static;
  }
  /* line 588, app/assets/citytv/stylesheets/enhanced.scss */
  .is--primary a.account, .is--primary .new-form .account.promo-mastercard.package-selected, .new-form .is--primary .account.promo-mastercard.package-selected {
    float: none;
    position: initial;
  }
  /* line 593, app/assets/citytv/stylesheets/enhanced.scss */
  .navigation-wrapper {
    padding: 0;
    width: 100%;
  }
  /* line 595, app/assets/citytv/stylesheets/enhanced.scss */
  .menu--secondary {
    font-family: "Roboto", "sans-serif", "regular", "Helvetica", "Arial";
  }
  /* line 597, app/assets/citytv/stylesheets/enhanced.scss */
  .menu li {
    border-bottom: 1px solid #3D506A;
  }
  /* grouped styles */
  /* line 608, app/assets/citytv/stylesheets/enhanced.scss */
  .menu {
    line-height: normal;
    margin: 0;
  }
  /* line 614, app/assets/citytv/stylesheets/enhanced.scss */
  .menu a:hover, .menu .new-form .promo-mastercard.package-selected:hover, .new-form .menu .promo-mastercard.package-selected:hover, .menu .is-selected {
    /*background-color: #2c2c2c;*/
  }
  /* line 618, app/assets/citytv/stylesheets/enhanced.scss */
  .menu a:focus, .menu .new-form .promo-mastercard.package-selected:focus, .new-form .menu .promo-mastercard.package-selected:focus, .menu a:active, .menu .new-form .promo-mastercard.package-selected:active, .new-form .menu .promo-mastercard.package-selected:active {
    background-color: #0d223f;
    color: #fff;
  }
  /* Default state - no js
    ---------------------------------------------- */
  /* line 625, app/assets/citytv/stylesheets/enhanced.scss */
  .no-js .brand-fs {
    background-size: contain;
    margin: 0;
    position: absolute;
    top: 15px;
    right: 2.5%;
    width: 65%;
  }
  /* Enhanced state - JS Enabled
    ---------------------------------------------- */
  /* line 636, app/assets/citytv/stylesheets/enhanced.scss */
  .js .menu--primary {
    margin-top: 57px;
  }
  /* remove site logo */
  /* line 639, app/assets/citytv/stylesheets/enhanced.scss */
  .js .brand-fs {
    display: none;
  }
  /* Global Menus
---------------------------------------------- */
  /* General Menu structures */
  /* line 645, app/assets/citytv/stylesheets/enhanced.scss */
  .menu {
    display: block;
    padding: 0;
    width: 100%;
  }
  /* line 651, app/assets/citytv/stylesheets/enhanced.scss */
  .menu li {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  /* line 658, app/assets/citytv/stylesheets/enhanced.scss */
  .menu a, .menu .new-form .promo-mastercard.package-selected, .new-form .menu .promo-mastercard.package-selected, .menu .welcome {
    padding-top: 1.0625em;
    padding-bottom: 1.0625em;
  }
  /* Secondary Menu abstraction */
  /* line 664, app/assets/citytv/stylesheets/enhanced.scss */
  .menu--secondary a, .menu--secondary .new-form .promo-mastercard.package-selected, .new-form .menu--secondary .promo-mastercard.package-selected {
    color: #fff;
  }
  /* line 668, app/assets/citytv/stylesheets/enhanced.scss */
  .menu--primary .welcome-id {
    display: none;
  }
  /* line 672, app/assets/citytv/stylesheets/enhanced.scss */
  .no-touch .menu--secondary a:hover:before, .no-touch .menu--secondary .new-form .promo-mastercard.package-selected:hover:before, .new-form .no-touch .menu--secondary .promo-mastercard.package-selected:hover:before, .no-touch .menu--secondary a:focus:before, .no-touch .menu--secondary .new-form .promo-mastercard.package-selected:focus:before, .new-form .no-touch .menu--secondary .promo-mastercard.package-selected:focus:before, .no-touch .menu--secondary a:active:before, .no-touch .menu--secondary .new-form .promo-mastercard.package-selected:active:before, .new-form .no-touch .menu--secondary .promo-mastercard.package-selected:active:before, .no-touch .menu--secondary .is-selected:before {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  /* line 677, app/assets/citytv/stylesheets/enhanced.scss */
  .touch .menu--secondary .is-selected {
    border-bottom-width: 1px;
  }
  /* target needs to be on element, does not work on a wrapper */
  /* line 682, app/assets/citytv/stylesheets/enhanced.scss */
  .anchored:before {
    height: 85px;
    /* Give height of your fixed element */
    margin-top: -85px;
    /* Give negative margin of your fixed element */
  }
  /* Custom Content Structure
---------------------------------------------- */
  /* Feature and Promos
    ------------------------ */
  /* line 692, app/assets/citytv/stylesheets/enhanced.scss */
  .span-of-3 .feature-img, .span-of-4 .feature-img, .span-of-5 .feature-img {
    float: left;
    margin-right: 2.4193548%;
    max-width: 40%;
  }
  /* General List */
  /* line 699, app/assets/citytv/stylesheets/enhanced.scss */
  .is--Listing .size-L3 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.1;
  }
  /* items in a block style - img above, content below */
  /* line 705, app/assets/citytv/stylesheets/enhanced.scss */
  .span-of-2 .is--promo, .span-of-3 .is--promo, .span-of-4 .is--promo, .span-of-5 .is--promo {
    float: none;
    margin: 0 0 1em;
    width: 100%;
  }
  /* line 708, app/assets/citytv/stylesheets/enhanced.scss */
  .span-of-2 > .is--promo + .is--promo, .span-of-3 > .is--promo + .is--promo, .span-of-4 > .is--promo + .is--promo, .span-of-5 > .is--promo + .is--promo {
    margin-left: 0;
  }
  /* line 712, app/assets/citytv/stylesheets/enhanced.scss */
  .span-2, .span-4 {
    width: 100%;
  }
  /* 3 Custom Promos
    ------------------------ */
  /* line 716, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-3 {
    margin-top: 0;
  }
  /* line 719, app/assets/citytv/stylesheets/enhanced.scss */
  .has--ul-fancy .is--promo, .has--fancy-bot .is--promo {
    padding-bottom: 0;
  }
  /* line 722, app/assets/citytv/stylesheets/enhanced.scss */
  [lang="en-ca"] .fancy-promos-2 .feature-excerpt, [lang="fr-ca"] .fancy-promos-2 .feature-excerpt, [lang="en-ca"] .fancy-promos-3 .feature-excerpt, [lang="fr-ca"] .fancy-promos-3 .feature-excerpt {
    min-height: 1px;
    margin-bottom: 1.2em;
  }
  /* line 727, app/assets/citytv/stylesheets/enhanced.scss */
  .feature-body .small-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
  /* line 732, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-3 .is--fancy, .fancy-promos-2 .is--fancy {
    float: none;
    width: 100%;
  }
  /* line 734, app/assets/citytv/stylesheets/enhanced.scss */
  .overages {
    padding-top: 0;
  }
  /* line 736, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-3 .is--fancy {
    padding: 1em 3% .5em;
  }
  /* line 739, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-2 .is--fancy {
    padding: 0 3% 1em;
  }
  /* line 742, app/assets/citytv/stylesheets/enhanced.scss */
  [lang="en-ca"] .is--fancy {
    min-height: 0;
  }
  /* line 745, app/assets/citytv/stylesheets/enhanced.scss */
  [lang="fr-ca"] .is--fancy {
    min-height: 0;
  }
  /* Apply borders between the promos */
  /* line 750, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-3 .is--fancy:nth-of-type(2) {
    background-image: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 1.5em 0;
    padding: 1.5em 0;
  }
  /* line 758, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos-2 .is--fancy:first-child {
    border-bottom: 1px solid #ccc;
    background-image: none;
    margin-bottom: 1.5em;
  }
  /* UI Helpers
    ------------------------ */
  /* line 766, app/assets/citytv/stylesheets/enhanced.scss */
  .has--fancy-bot {
    padding-bottom: 1em;
  }
  /* App Downloads
    ------------------------ */
  /* line 772, app/assets/citytv/stylesheets/enhanced.scss */
  .app-button-list {
    display: inline;
    margin: 0 auto;
  }
  /* line 776, app/assets/citytv/stylesheets/enhanced.scss */
  .app-button-list li {
    display: inline-block;
  }
  /* Promo Code Form
    ------------------------ */
  /* line 784, app/assets/citytv/stylesheets/enhanced.scss */
  .is--fancy legend span {
    display: inline;
  }
  /* line 785, app/assets/citytv/stylesheets/enhanced.scss */
  [lang="en-ca"] .is--fancy .form-label, [lang="fr-ca"] .is--fancy .form-label {
    margin-bottom: .4em;
  }
  /* Content Tables
    ------------------------ */
  /* line 790, app/assets/citytv/stylesheets/enhanced.scss */
  .content-table, .content-table-group .indent {
    padding: 1em 1em;
  }
  /* line 793, app/assets/citytv/stylesheets/enhanced.scss */
  .content-table-group .h-reverse {
    padding: .5em 1em;
  }
  /* Order Summary Tables
    ------------------------ */
  /* line 799, app/assets/citytv/stylesheets/enhanced.scss */
  .order-table .thead {
    padding-bottom: 1.1em;
    width: 100%;
    clear: both;
    text-align: center;
  }
  /* line 800, app/assets/citytv/stylesheets/enhanced.scss */
  .order-table tbody {
    float: none;
    width: 100%;
  }
  /* line 804, app/assets/citytv/stylesheets/enhanced.scss */
  .order-table td {
    text-align: center;
  }
  /* line 805, app/assets/citytv/stylesheets/enhanced.scss */
  .order-table .th {
    text-align: center;
    padding: 0;
  }
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* line 812, app/assets/citytv/stylesheets/enhanced.scss */
  .modal-open {
    overflow: hidden;
  }
  /* line 815, app/assets/citytv/stylesheets/enhanced.scss */
  .modal-dialog {
    width: initial;
    margin: 0;
    height: initial;
    overflow-y: auto;
    padding: 4%;
  }
  /* line 822, app/assets/citytv/stylesheets/enhanced.scss */
  #background_job_modal .modal-dialog {
    height: auto !important;
    border-radius: 6px;
  }
  /* Alerts
    ------------------------ */
  /* line 831, app/assets/citytv/stylesheets/enhanced.scss */
  .alert {
    width: 90%;
  }
  /* line 832, app/assets/citytv/stylesheets/enhanced.scss */
  .alert.is-animated {
    top: 55px;
  }
  /* line 834, app/assets/citytv/stylesheets/enhanced.scss */
  .having-trouble {
    float: none;
    padding: 2.5% 0;
    margin: .5em 0;
    text-align: left;
    width: 100%;
  }
  /* line 841, app/assets/citytv/stylesheets/enhanced.scss */
  .having-trouble .info {
    margin-bottom: 0;
  }
  /* line 844, app/assets/citytv/stylesheets/enhanced.scss */
  .having-trouble .copy-L {
    font-size: 16px;
    font-size: 1rem;
  }
  /* Feedback tab */
  /* line 848, app/assets/citytv/stylesheets/enhanced.scss */
  .feedback-tab {
    right: 10px;
    bottom: 60px;
    top: auto;
    margin: 0;
  }
  /* line 849, app/assets/citytv/stylesheets/enhanced.scss */
  .feedback-tab:hover, .feedback-tab:focus {
    bottom: 65px;
    right: 10px;
  }
  /* line 851, app/assets/citytv/stylesheets/enhanced.scss */
  .i--feedback {
    height: 40px;
    width: 110px;
  }
  /* BTN */
  /* line 863, app/assets/citytv/stylesheets/enhanced.scss */
  .btn-group-wide .btn {
    padding: 1em 1.6em;
  }
  /* Simple Grid
    ------------------------ */
  /* line 867, app/assets/citytv/stylesheets/enhanced.scss */
  .col {
    margin-left: 0;
    float: none;
  }
  /* line 871, app/assets/citytv/stylesheets/enhanced.scss */
  .span-3 {
    width: 100%;
  }
  /* line 875, app/assets/citytv/stylesheets/enhanced.scss */
  .styled-bullets {
    margin-bottom: 0;
  }
}

/* MQ 480- small screens
================================================================================ */
@media (max-width: 30em) {
  /* 480PX */
  /* Headings & Titles
---------------------------------------------- */
  /* line 887, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-L {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* line 888, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-M {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* line 889, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-M2 {
    font-size: 19px;
    font-size: 1.1875rem;
  }
  /* line 890, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-SM {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  /* line 904, app/assets/citytv/stylesheets/enhanced.scss */
  .copy-XLG {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* line 905, app/assets/citytv/stylesheets/enhanced.scss */
  .copy-LG {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  /* line 907, app/assets/citytv/stylesheets/enhanced.scss */
  #tos_modal .modal-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* line 914, app/assets/citytv/stylesheets/enhanced.scss */
  .btn-primary.signin {
    width: 80%;
  }
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* line 921, app/assets/citytv/stylesheets/enhanced.scss */
  .footnotes {
    font-size: 10px;
    font-size: 0.625rem;
  }
  /* Global Menus
---------------------------------------------- */
  /* Custom Content Structure
---------------------------------------------- */
  /* Feature and Promos
    ------------------------ */
  /* line 932, app/assets/citytv/stylesheets/enhanced.scss */
  .list-of-features .is--promo {
    float: none;
    margin: 5px 0 1.875em 0;
    width: 100%;
  }
  /* line 937, app/assets/citytv/stylesheets/enhanced.scss */
  .js .img--isPromo {
    min-height: 1em;
  }
  /* line 939, app/assets/citytv/stylesheets/enhanced.scss */
  .has--fancy-bot .size-L {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* 3 Custom Promos
    ------------------------ */
  /* UI Helpers
    ------------------------ */
  /* line 948, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-promos {
    margin: 0;
  }
  /* line 950, app/assets/citytv/stylesheets/enhanced.scss */
  .has--fancy-top, .has--fancy-bot {
    background-image: none;
    margin: 0;
  }
  /* App Downloads
    ------------------------ */
  /* Promo Form
    ------------------------ */
  /* line 971, app/assets/citytv/stylesheets/enhanced.scss */
  .promo-code-full .form-row {
    float: none;
    margin-left: 0;
  }
  /* line 975, app/assets/citytv/stylesheets/enhanced.scss */
  .promo-code-full legend, .promo-code-full .form-row, .promo-code-full .controls, .promo-code-full .form-label, .promo-code-full .text-field, .promo-code-full .btn {
    width: 100%;
  }
  /* line 988, app/assets/citytv/stylesheets/enhanced.scss */
  .promo-code-full .btn {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
  }
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Feedback tab */
  /* line 1004, app/assets/citytv/stylesheets/enhanced.scss */
  .feedback-tab {
    bottom: 70px;
  }
  /* line 1005, app/assets/citytv/stylesheets/enhanced.scss */
  .feedback-tab:hover, .feedback-tab:focus {
    bottom: 75px;
    right: 10px;
  }
  /* Info Boxes
    ------------------------ */
  /* line 1009, app/assets/citytv/stylesheets/enhanced.scss */
  .info-lg {
    padding: 12px;
  }
}

/* MQ 380- small screens
================================================================================ */
@media (max-width: 23.75em) {
  /* 380PX */
  /* Headings & Titles
---------------------------------------------- */
  /* line 1021, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-L {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.2;
  }
  /* line 1022, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-M {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* line 1023, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-M2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  /* line 1035, app/assets/citytv/stylesheets/enhanced.scss */
  .copy-XLG {
    font-size: 16px;
    font-size: 1rem;
  }
  /* line 1037, app/assets/citytv/stylesheets/enhanced.scss */
  .already-have {
    margin-bottom: 1.5em;
  }
  /* line 1038, app/assets/citytv/stylesheets/enhanced.scss */
  .already-have a, .already-have .new-form .promo-mastercard.package-selected, .new-form .already-have .promo-mastercard.package-selected {
    display: block;
    padding: .3em .3em .3em 0;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* line 1045, app/assets/citytv/stylesheets/enhanced.scss */
  .fluid, .fluid-lg {
    padding: 0 10px;
  }
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* Forms
---------------------------------------------- */
  /* GENERAL FORM STYLES */
  /* line 1055, app/assets/citytv/stylesheets/enhanced.scss */
  .general-form .text-field {
    width: 98%;
  }
  /* line 1058, app/assets/citytv/stylesheets/enhanced.scss */
  .general-form .credit_card_field_creditCardNumber .text-field {
    min-width: 285px;
  }
  /* line 1061, app/assets/citytv/stylesheets/enhanced.scss */
  .controls.select {
    width: 100%;
  }
  /* line 1063, app/assets/citytv/stylesheets/enhanced.scss */
  .form-row .cc-expiration .fancy-select {
    width: 48%;
  }
  /* line 1064, app/assets/citytv/stylesheets/enhanced.scss */
  .general-form .fancy-select-lg {
    width: 98%;
  }
  /* line 1065, app/assets/citytv/stylesheets/enhanced.scss */
  .fancy-select select {
    /* Make sure the select is wider than the container so we can clip the arrow */
    width: 100%;
    max-width: initial;
    min-width: initial;
  }
  /* line 1071, app/assets/citytv/stylesheets/enhanced.scss */
  .password-toggle {
    width: 98%;
  }
  /* line 1075, app/assets/citytv/stylesheets/enhanced.scss */
  .btn-primary {
    width: 100%;
  }
  /* Custom Content Structure
---------------------------------------------- */
  /* Feature and Promos
    ------------------------ */
  /* line 1081, app/assets/citytv/stylesheets/enhanced.scss */
  .feature-body {
    overflow: hidden;
    width: 100%;
  }
  /* sub features */
  /* line 1083, app/assets/citytv/stylesheets/enhanced.scss */
  .span-of-3 .feature-img, .span-of-4 .feature-img, .span-of-5 .feature-img {
    margin-right: 0;
    max-width: none;
    width: 100%;
  }
  /* line 1089, app/assets/citytv/stylesheets/enhanced.scss */
  .list-of-features {
    margin-bottom: 0;
  }
  /* line 1092, app/assets/citytv/stylesheets/enhanced.scss */
  .list-of-features .is--Listing:nth-of-type(2n) {
    background: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
  }
  /* line 1098, app/assets/citytv/stylesheets/enhanced.scss */
  .is--Listing {
    margin: 0 0 1em;
  }
  /* line 1099, app/assets/citytv/stylesheets/enhanced.scss */
  .is--Listing .feature-body {
    padding: 0 0 .5em;
  }
  /* line 1101, app/assets/citytv/stylesheets/enhanced.scss */
  .img--isListing {
    float: none;
    width: 100%;
    margin: 0 0 1em;
    min-height: 1em;
  }
  /* 3 Custom Promos
    ------------------------ */
  /* Order Summary Tables
    ------------------------ */
  /* line 1116, app/assets/citytv/stylesheets/enhanced.scss */
  .order-table .thead th {
    font-size: 16px;
    font-size: 1rem;
  }
  /* UI Helpers
    ------------------------ */
  /* App Downloads
    ------------------------ */
  /* App Downloads
    ------------------------ */
  /* Promo Form
    ------------------------ */
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Info Boxes
    ------------------------ */
  /* BTN */
  /* line 1154, app/assets/citytv/stylesheets/enhanced.scss */
  .hero-basic .btn, .hero-devices .btn {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  /* line 1160, app/assets/citytv/stylesheets/enhanced.scss */
  .btn-group-wide li {
    display: block;
    padding: 0;
    width: 100%;
  }
  /* line 1166, app/assets/citytv/stylesheets/enhanced.scss */
  .content-list li {
    margin-right: 5px;
  }
  /* line 1167, app/assets/citytv/stylesheets/enhanced.scss */
  .content-list li:before {
    padding-right: 5px;
  }
  /* line 1170, app/assets/citytv/stylesheets/enhanced.scss */
  .content-list li:last-child {
    display: block;
    width: 100%;
  }
  /* line 1174, app/assets/citytv/stylesheets/enhanced.scss */
  .content-list li:last-child:before {
    content: '';
    padding-right: 0;
  }
}

/* MQ 320- small screens
================================================================================ */
@media (max-width: 20em) {
  /* 320PX */
  /* Headings & Titles
---------------------------------------------- */
  /* line 1186, app/assets/citytv/stylesheets/enhanced.scss */
  .sizes-L {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* Global Wrappers
---------------------------------------------- */
  /* line 1193, app/assets/citytv/stylesheets/enhanced.scss */
  #main-content {
    margin-top: 15px;
  }
  /* Headers - Navigations - Footers
---------------------------------------------- */
  /* Forms
---------------------------------------------- */
  /* GENERAL FORM STYLES */
  /* Custom Content Structure
---------------------------------------------- */
  /* Hero Welcome
    ------------------------ */
  /* line 1206, app/assets/citytv/stylesheets/enhanced.scss */
  .mega-reversed {
    font-size: 22px;
    font-size: 1.375rem;
  }
  /* Feature and Promos
    ------------------------ */
  /* 3 Custom Promos
    ------------------------ */
  /* UI Helpers
    ------------------------ */
  /* App Downloads
    ------------------------ */
  /* Promo Form
    ------------------------ */
  /* Modules
---------------------------------------------- */
  /* Modals
    ------------------------ */
  /* Alerts
    ------------------------ */
  /* Info Boxes
    ------------------------ */
}

/* line 1236, app/assets/citytv/stylesheets/enhanced.scss */
.page-site.tos.terms_of_service ol, .page-site.tos.terms_of_service ul {
  padding-left: 15px;
}

/* line 1239, app/assets/citytv/stylesheets/enhanced.scss */
.page-site.tos.terms_of_service ol li, .page-site.tos.terms_of_service ul li {
  text-align: left;
}

/* line 1244, app/assets/citytv/stylesheets/enhanced.scss */
.page-site.tos.terms_of_service .footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 1, app/assets/citytv/stylesheets/selfserve.scss */
.janrain-wrapper .janrain-capture-ui a, .janrain-wrapper .janrain-capture-ui .new-form .promo-mastercard.package-selected, .new-form .janrain-wrapper .janrain-capture-ui .promo-mastercard.package-selected {
  color: #FFFFFF;
}

/* line 5, app/assets/citytv/stylesheets/selfserve.scss */
.janrain-wrapper a, .janrain-wrapper .new-form .promo-mastercard.package-selected, .new-form .janrain-wrapper .promo-mastercard.package-selected {
  color: #FFFFFF;
  text-decoration: none;
}

/* line 10, app/assets/citytv/stylesheets/selfserve.scss */
.janrain-wrapper .janrain-capture-ui .capture_primary,
.janrain-wrapper .janrain-capture-ui a.capture_primary,
.janrain-wrapper .janrain-capture-ui button.capture_primary,
.janrain-wrapper .janrain-capture-ui input.capture_primary,
.janrain-wrapper .row-wrapper .change-btn {
  background-color: #FFFFFF;
}

/* line 18, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .promo-box a, .selfserve-section .promo-box .new-form .promo-mastercard.package-selected, .new-form .selfserve-section .promo-box .promo-mastercard.package-selected {
  color: #FFFFFF;
  font-weight: bold;
}

/* line 19, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-captionText {
  font-size: 1.5rem;
  margin-bottom: 7px;
  font-weight: bold;
  margin-top: 3rem;
}

/* line 25, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-subtitle {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

/* line 30, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .plans .title {
  font-size: 22px;
  margin-top: 0px;
  margin-bottom: 8px;
  color: #D2F7FC;
  text-transform: none;
  font-weight: bold;
}

/* line 39, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .plans ul {
  margin: 0;
  padding-left: 15px;
}

/* line 44, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .plans .plan_details {
  padding: 15px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
}

/* line 50, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .plans .plan_details p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}

/* line 55, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .label, .selfserve-section .legend-visible {
  font-size: 22px;
  color: #D2F7FC;
  margin-bottom: 7px;
  padding-left: 0;
  display: inline-block;
}

/* line 63, app/assets/citytv/stylesheets/selfserve.scss */
.header.is--secondary {
  overflow: visible;
  padding: 0px;
}

/* line 67, app/assets/citytv/stylesheets/selfserve.scss */
.header.is--secondary .header-wrapper {
  padding: 0px;
  margin: 0px;
}

/* line 72, app/assets/citytv/stylesheets/selfserve.scss */
.profile_header {
  position: absolute;
  top: 100px;
  left: 22%;
  width: 14%;
  min-width: 120px;
}

/* line 79, app/assets/citytv/stylesheets/selfserve.scss */
.profile_header li a, .profile_header li .new-form .promo-mastercard.package-selected, .new-form .profile_header li .promo-mastercard.package-selected {
  padding: 7px;
  display: block;
  width: 140px;
}

/* line 85, app/assets/citytv/stylesheets/selfserve.scss */
.profile_header li a:last-child, .profile_header li .new-form .promo-mastercard.package-selected:last-child, .new-form .profile_header li .promo-mastercard.package-selected:last-child {
  border-bottom: 0px solid #95989A;
}

/* line 91, app/assets/citytv/stylesheets/selfserve.scss */
.profile_header .active {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

/* line 96, app/assets/citytv/stylesheets/selfserve.scss */
.profile_header a, .profile_header .new-form .promo-mastercard.package-selected, .new-form .profile_header .promo-mastercard.package-selected {
  font-size: 18px;
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
}

/* line 103, app/assets/citytv/stylesheets/selfserve.scss */
.span-1.profile_header_wide.col {
  margin-right: 20px;
  margin-top: 100px;
  min-width: 147px;
}

/* line 105, app/assets/citytv/stylesheets/selfserve.scss */
.span-1.profile_header_wide li a, .span-1.profile_header_wide li .new-form .promo-mastercard.package-selected, .new-form .span-1.profile_header_wide li .promo-mastercard.package-selected {
  padding: 6px 0px;
  display: block;
  width: 155px;
  font-size: 18px;
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
}

/* line 115, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .btn {
  font-size: 1rem;
  text-transform: none;
  min-width: 175px;
  max-width: 250px;
  line-height: normal;
  color: #D2F7FC;
  border-radius: 0.3rem;
  margin: 0px 0.6rem 0.9rem 0px;
}

/* line 128, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .btn.update_billing_link {
  display: flex;
  justify-content: center;
}

/* line 133, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .btn:hover {
  background-color: #3E8C9A;
  color: #D2F8FC !important;
}

/* line 138, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .btn.btn-tertiary {
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 141, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .btn.btn-tertiary:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/* line 147, app/assets/citytv/stylesheets/selfserve.scss */
.modal-body .success-message {
  padding: 2rem;
}

/* line 151, app/assets/citytv/stylesheets/selfserve.scss */
.modal-body .success-message h3 {
  margin: 2rem 0;
  color: white;
  text-align: center;
}

/* line 157, app/assets/citytv/stylesheets/selfserve.scss */
.modal-body .success-message a.btn, .modal-body .success-message .new-form .btn.promo-mastercard.package-selected, .new-form .modal-body .success-message .btn.promo-mastercard.package-selected {
  color: white;
}

/* line 161, app/assets/citytv/stylesheets/selfserve.scss */
.btn.bigger {
  font-size: 16px;
  line-height: 22px;
}

/* line 165, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .submission {
  float: left;
  display: flex;
  gap: 1rem;
}

/* line 170, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .submission .btn {
  margin: 0px 7px 15px 0px;
}

/* line 174, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .active_sub_promo_code .text-center {
  text-align: left;
}

/* line 177, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .active_sub_promo_code .btn {
  margin: 0px 0px 0px 0px;
  padding: 11px 12px;
  max-width: 100px;
}

/* line 183, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .active_sub_promo_code .alert--notice {
  width: 456px;
  padding: 10px;
  background-color: #00D0841A;
  border: 1px solid #00D084;
  font-size: 14px;
  margin-left: 0px;
  color: #ffffff;
}

/* line 193, app/assets/citytv/stylesheets/selfserve.scss */
.selfserve-section .active_sub_promo_code .error-msg.cc, .selfserve-section .active_sub_promo_code .package-selected .package-error-msg #form-errors p.cc, .package-selected .package-error-msg #form-errors .selfserve-section .active_sub_promo_code p.cc {
  display: block;
}

/* communication styles */
/* line 198, app/assets/citytv/stylesheets/selfserve.scss */
div.casl_consent_field {
  border-bottom: 1px solid #C4C4C4;
  padding-top: 5px;
  float: left;
  width: 100%;
}

/* line 204, app/assets/citytv/stylesheets/selfserve.scss */
.casl_consent_field .cem_class {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  padding-right: 10px;
  float: left;
  width: 50%;
  line-height: 30px;
}

/* line 213, app/assets/citytv/stylesheets/selfserve.scss */
.casl_consent_field .field {
  vertical-align: top;
  float: left;
  width: 49%;
}

/* line 214, app/assets/citytv/stylesheets/selfserve.scss */
.category-row .form-row {
  margin-bottom: 2px;
}

/* line 215, app/assets/citytv/stylesheets/selfserve.scss */
.category.remove_category_spacing {
  margin-top: 0px;
}

@media screen and (max-width: 768px) {
  /* line 218, app/assets/citytv/stylesheets/selfserve.scss */
  #main-content.fluid.selfserve {
    width: 100%;
  }
  /* line 219, app/assets/citytv/stylesheets/selfserve.scss */
  .span-1.profile_header_wide.col {
    min-width: 148px;
    display: none;
  }
  /* line 220, app/assets/citytv/stylesheets/selfserve.scss */
  .span-1.profile_header_wide + .span-5 {
    width: 100%;
  }
  /* line 221, app/assets/citytv/stylesheets/selfserve.scss */
  .casl_consent_field .cem_class {
    width: 100%;
  }
  /* line 222, app/assets/citytv/stylesheets/selfserve.scss */
  .casl_consent_field .field {
    width: 100%;
  }
}

@media (max-width: 600px) {
  /* line 225, app/assets/citytv/stylesheets/selfserve.scss */
  #ss-nav {
    height: 50px;
  }
  /* line 226, app/assets/citytv/stylesheets/selfserve.scss */
  .i--menu {
    float: left;
    margin-top: 18px;
  }
  /* line 230, app/assets/citytv/stylesheets/selfserve.scss */
  .i--menu span:nth-child(1) {
    top: 0px;
  }
  /* line 233, app/assets/citytv/stylesheets/selfserve.scss */
  .i--menu span:nth-child(2) {
    top: 3px;
  }
  /* line 236, app/assets/citytv/stylesheets/selfserve.scss */
  .i--menu span:nth-child(3) {
    top: 6px;
  }
  /* line 239, app/assets/citytv/stylesheets/selfserve.scss */
  .i--menu span {
    width: 20px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21);
    -moz-transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21);
    transition-timing-function: cubic-bezier(0.48, 0.7, 0, 1.21);
  }
  /* line 252, app/assets/citytv/stylesheets/selfserve.scss */
  .i--menu.close span:nth-child(1) {
    -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
    -moz-transform: translate3d(0, 5px, 0) rotate(45deg);
    transform: translate3d(0, 5px, 0) rotate(45deg);
  }
  /* line 257, app/assets/citytv/stylesheets/selfserve.scss */
  .i--menu.close span:nth-child(2) {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
  }
  /* line 262, app/assets/citytv/stylesheets/selfserve.scss */
  .i--menu.close span:nth-child(3) {
    -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -5px, 0) rotate(-45deg);
    transform: translate3d(0, -5px, 0) rotate(-45deg);
  }
  /* line 268, app/assets/citytv/stylesheets/selfserve.scss */
  .hide-from-hamburger {
    display: none;
  }
  /* line 269, app/assets/citytv/stylesheets/selfserve.scss */
  .span-1 {
    width: 100%;
  }
  /* line 270, app/assets/citytv/stylesheets/selfserve.scss */
  .span-5 {
    width: 100%;
  }
  /* line 271, app/assets/citytv/stylesheets/selfserve.scss */
  .span-1.profile_header_wide + .span-5 {
    width: 100%;
  }
  /* line 273, app/assets/citytv/stylesheets/selfserve.scss */
  .profile_header {
    position: relative;
    top: 0px;
    left: 0px !important;
    width: 100%;
    padding-top: 0px;
  }
  /* line 280, app/assets/citytv/stylesheets/selfserve.scss */
  .profile_header li {
    background-color: #0d223f;
    width: 100%;
    border-bottom: 1px solid #3D506A;
  }
  /* line 286, app/assets/citytv/stylesheets/selfserve.scss */
  .plan_details {
    margin-right: 0px !important;
    margin-bottom: 50px;
  }
  /* line 290, app/assets/citytv/stylesheets/selfserve.scss */
  .menu.menu--primary li {
    padding: 0px;
  }
  /* line 293, app/assets/citytv/stylesheets/selfserve.scss */
  .header.is--primary a, .header.is--primary .new-form .promo-mastercard.package-selected, .new-form .header.is--primary .promo-mastercard.package-selected {
    padding: 6px 0px 6px 20px;
  }
  /* line 297, app/assets/citytv/stylesheets/selfserve.scss */
  .header a, .header .new-form .promo-mastercard.package-selected, .new-form .header .promo-mastercard.package-selected {
    color: #9EA7B1;
  }
  /* line 298, app/assets/citytv/stylesheets/selfserve.scss */
  .header a, .header .new-form .promo-mastercard.package-selected, .new-form .header .promo-mastercard.package-selected, .header li, .profile_header .inactive a, .profile_header .inactive .new-form .promo-mastercard.package-selected, .new-form .profile_header .inactive .promo-mastercard.package-selected, .profile_header .active {
    font-weight: normal;
    font-size: 18px;
    line-height: 1.4;
  }
  /* line 303, app/assets/citytv/stylesheets/selfserve.scss */
  .span-1.profile_header_wide {
    display: none;
  }
  /* line 305, app/assets/citytv/stylesheets/selfserve.scss */
  .toggle-sub-menu:after {
    content: ' ';
    position: absolute;
    background: url(/assets/images/icons/ui/i-chev-down-ffb1b6fcece15fbb559de63ddcb041098cdd03a499cc5ef3b0c681101e282957.svg) no-repeat;
    top: 18px;
    right: 5px;
    width: 20px;
    height: 20px;
  }
  /* line 314, app/assets/citytv/stylesheets/selfserve.scss */
  .header .closed .toggle-sub-menu:after {
    background: url(/assets/images/icons/ui/i-chev-right-659ff0498ad4d929fe1fcaa48e9e6066d71fa2fd92b0dca0a2c616d7306d3dea.svg) no-repeat;
    top: 12px;
  }
  /* line 318, app/assets/citytv/stylesheets/selfserve.scss */
  .header a.sub-menu, .header .new-form .sub-menu.promo-mastercard.package-selected, .new-form .header .sub-menu.promo-mastercard.package-selected {
    padding: 5px 0px 5px 35px;
    height: 100%;
    display: block;
  }
  /* line 323, app/assets/citytv/stylesheets/selfserve.scss */
  .header .closed .sub-menu {
    height: 0px;
    display: none;
  }
  /* line 328, app/assets/citytv/stylesheets/selfserve.scss */
  .toggle-secondary-sub-menu:after {
    content: ' ';
    position: absolute;
    background: url(/assets/images/icons/ui/i-chev-down-ffb1b6fcece15fbb559de63ddcb041098cdd03a499cc5ef3b0c681101e282957.svg) no-repeat;
    top: 18px;
    right: 5px;
    width: 20px;
    height: 20px;
  }
  /* line 337, app/assets/citytv/stylesheets/selfserve.scss */
  .header .closed .toggle-secondary-sub-menu:after {
    background: url(/assets/images/icons/ui/i-chev-right-659ff0498ad4d929fe1fcaa48e9e6066d71fa2fd92b0dca0a2c616d7306d3dea.svg) no-repeat;
    top: 12px;
  }
  /* line 342, app/assets/citytv/stylesheets/selfserve.scss */
  .profile_header li a, .profile_header li .new-form .promo-mastercard.package-selected, .new-form .profile_header li .promo-mastercard.package-selected {
    padding: 6px 0px 6px 20px;
    border-bottom: 0px solid #C4C4C4;
  }
  /* line 347, app/assets/citytv/stylesheets/selfserve.scss */
  .header a.secondary-sub-menu, .header .new-form .secondary-sub-menu.promo-mastercard.package-selected, .new-form .header .secondary-sub-menu.promo-mastercard.package-selected {
    padding: 6px 0px 6px 20px;
    height: 100%;
    display: block;
  }
  /* line 352, app/assets/citytv/stylesheets/selfserve.scss */
  .header .closed .secondary-sub-menu {
    height: 0px;
    display: none;
  }
  /* line 356, app/assets/citytv/stylesheets/selfserve.scss */
  .header .active {
    color: #ffffff;
    font-weight: bold;
  }
  /* line 361, app/assets/citytv/stylesheets/selfserve.scss */
  .global-header {
    z-index: 99999;
  }
  /* line 362, app/assets/citytv/stylesheets/selfserve.scss */
  .js .ss-nav {
    z-index: 100000;
  }
  /* line 364, app/assets/citytv/stylesheets/selfserve.scss */
  .selfserve-section {
    width: 100%;
    margin-top: 11px;
    padding-right: 22px;
    float: left;
  }
  /* line 372, app/assets/citytv/stylesheets/selfserve.scss */
  .update_billing .row .span-3.col {
    margin-bottom: 10px;
  }
  /* line 374, app/assets/citytv/stylesheets/selfserve.scss */
  .table-wrapper th, td {
    padding: 5px 5px 10px 10px;
  }
  /* line 375, app/assets/citytv/stylesheets/selfserve.scss */
  .table-wrapper table {
    width: 600px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* --- Table shadowing --- */
  /* line 377, app/assets/citytv/stylesheets/selfserve.scss */
  .table-wrapper {
    overflow-x: scroll;
  }
  /* line 378, app/assets/citytv/stylesheets/selfserve.scss */
  .table-shadow {
    position: relative;
    float: left;
    width: 100%;
  }
  /* --- Table shadowing --- */
  /* line 416, app/assets/citytv/stylesheets/selfserve.scss */
  .selfserve-section .btn.bigger {
    line-height: 26px;
    padding: 7px 1.8em;
  }
  /* line 421, app/assets/citytv/stylesheets/selfserve.scss */
  .selfserve-section .submission {
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    float: none;
  }
}

@media (max-width: 400px) {
  /* line 429, app/assets/citytv/stylesheets/selfserve.scss */
  .fluid.menu {
    padding: 0px;
  }
}

/* gcl css bugfixes */
/* line 434, app/assets/citytv/stylesheets/selfserve.scss */
#main-content {
  width: 100%;
}

/* line 437, app/assets/citytv/stylesheets/selfserve.scss */
.sizes-M2 {
  font-size: 22px !important;
}

/* line 438, app/assets/citytv/stylesheets/selfserve.scss */
.check-label {
  font-size: 12px;
}

/*.error .help-inline, .error-label { font-size: 12px !important; }*/
/* line 440, app/assets/citytv/stylesheets/selfserve.scss */
.site-wrapper {
  padding: 0 !important;
}

/* line 441, app/assets/citytv/stylesheets/selfserve.scss */
.popover {
  z-index: 998 !important;
}

/* line 442, app/assets/citytv/stylesheets/selfserve.scss */
.icon_desktop, .icon_phone, .icon_tv, .icon_question {
  margin: -13px 33px 11px 0 !important;
  vertical-align: top;
}

/* line 443, app/assets/citytv/stylesheets/selfserve.scss */
.icon_phone {
  margin-top: -5px !important;
}

/* line 444, app/assets/citytv/stylesheets/selfserve.scss */
.icon_question {
  margin-top: -9px !important;
}

/* line 445, app/assets/citytv/stylesheets/selfserve.scss */
.icon_text {
  width: 80%;
}

/* line 446, app/assets/citytv/stylesheets/selfserve.scss */
.app-button-list {
  margin: 0 !important;
}

/* line 447, app/assets/citytv/stylesheets/selfserve.scss */
.margin-top-bottom-22 {
  margin: 22px 0 22px 0;
}

/* line 449, app/assets/citytv/stylesheets/selfserve.scss */
.livechat {
  background: url(/assets/icons/ui/live-chat-bubble-01858dc10b4c90a1c96a254ec7e9d0b7f60f97d20b066d41f0048f791d27bb72.svg) no-repeat 0 0;
  height: 33px;
  padding-left: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #009CDE;
}

/* hack for showing LiveChat */
/* line 460, app/assets/citytv/stylesheets/selfserve.scss */
div {
  position: initial;
}

/* line 463, app/assets/citytv/stylesheets/selfserve.scss */
#SnapABug_WP div {
  overflow: initial;
}

/* end of hack for showing LiveChat */
/* line 2, app/assets/citytv/stylesheets/upsale.scss */
.plans .title {
  text-transform: uppercase;
  color: white;
  font-size: 22px;
  width: 100%;
}

/* line 9, app/assets/citytv/stylesheets/upsale.scss */
.plans .title li {
  color: #D2F7FC;
}

/* line 13, app/assets/citytv/stylesheets/upsale.scss */
.plans .radio_collection input + label:hover {
  border: 2px solid #00A4BA;
}

/* line 16, app/assets/citytv/stylesheets/upsale.scss */
.plans .radio_collection input + label:hover:after {
  background-color: #00A4BA;
  color: #ffffff;
}

/* line 20, app/assets/citytv/stylesheets/upsale.scss */
.plans .radio_collection input:checked + label {
  border: 2px solid #18C0DE;
}

/* line 23, app/assets/citytv/stylesheets/upsale.scss */
.plans .radio_collection input + label {
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  padding-bottom: 0px;
  margin-bottom: 20px;
  position: relative;
  float: left;
  min-height: 110px;
  width: 100%;
  min-height: 150px;
}

/* line 35, app/assets/citytv/stylesheets/upsale.scss */
.plans .radio_collection input + label img {
  display: none;
}

/* line 39, app/assets/citytv/stylesheets/upsale.scss */
.plan_details {
  float: left;
  padding: 7px;
  margin-right: 160px;
}

/* line 45, app/assets/citytv/stylesheets/upsale.scss */
.plans .radio_collection input:checked + label.other_plan:after {
  content: 'Selected Plan';
}

/* line 49, app/assets/citytv/stylesheets/upsale.scss */
.plans .radio_collection input:checked + label:after {
  background: url(/assets/content/checkmark-9444884c45a77f6177c371b309091d65213e315037e6a8f2b0872a9bcc744158.svg) center no-repeat;
  background-size: 52px 52px;
  background-position-y: 35%;
  content: 'Current Plan';
  min-height: 100px;
  width: 160px;
  height: 100%;
  float: left;
  background-color: #00A4BA;
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: "Roboto", "sans-serif", "regular", "Helvetica", "Arial";
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding-top: 60px;
}

/* line 72, app/assets/citytv/stylesheets/upsale.scss */
.plans .radio_collection input + label:after {
  background: url(/assets/content/checkmark-9444884c45a77f6177c371b309091d65213e315037e6a8f2b0872a9bcc744158.svg) center no-repeat;
  background-size: 0px 0px;
  background-position-y: 35px;
  transition: all 0.1s linear;
  content: 'Select this Plan';
  min-height: 100px;
  width: 160px;
  height: 100%;
  float: left;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: "Roboto", "sans-serif", "regular", "Helvetica", "Arial";
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 600px) {
  /* line 101, app/assets/citytv/stylesheets/upsale.scss */
  .plans .radio_collection input:checked + label:after {
    background: url(/assets/content/checkmark-9444884c45a77f6177c371b309091d65213e315037e6a8f2b0872a9bcc744158.svg) center no-repeat;
    background-size: 26px 26px;
    background-position-y: 6px;
    background-position-x: 24%;
    content: 'Current Plan';
    width: 100%;
    height: 35px;
    min-height: 35px;
    float: left;
    background-color: #FFFFFF;
    position: absolute;
    right: 0px;
    top: initial;
    bottom: 0px;
    font-family: "Roboto", "sans-serif", "regular", "Helvetica", "Arial";
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    /*text-indent: 40%;*/
    padding-top: 0;
  }
  /* line 128, app/assets/citytv/stylesheets/upsale.scss */
  .plans .radio_collection input + label:after {
    background: url(/assets/content/checkmark-9444884c45a77f6177c371b309091d65213e315037e6a8f2b0872a9bcc744158.svg) center no-repeat;
    background-size: 0px 0px;
    background-position-y: 20px;
    background-position-x: 29%;
    transition: all 0.1s linear;
    content: 'Select this Plan';
    width: 100%;
    height: 35px;
    min-height: 35px;
    float: left;
    background-color: #8A9299;
    position: absolute;
    right: 0px;
    top: initial;
    bottom: 0px;
    font-family: "Roboto", "sans-serif", "regular", "Helvetica", "Arial";
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    /*padding-top: 15px;*/
  }
}

/* line 2, app/assets/stylesheets/layout/plans_page.scss */
.plans-container {
  padding: 20px 0px;
  margin: auto;
}

/* line 7, app/assets/stylesheets/layout/plans_page.scss */
.plans-container .plan {
  padding: 20px 0;
  border-top: 1px solid #bbbdc0;
}

/* line 12, app/assets/stylesheets/layout/plans_page.scss */
.plan-content .title {
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  width: 100%;
  min-height: 40px;
}

/* line 22, app/assets/stylesheets/layout/plans_page.scss */
.fineprint {
  font-size: 10px;
  line-height: 14px;
  color: #818b93;
}

/* line 28, app/assets/stylesheets/layout/plans_page.scss */
.plan-content .desc {
  color: #0d243c !important;
  font-size: 16px;
  font-weight: 400;
  text-align: justify;
}

/* line 35, app/assets/stylesheets/layout/plans_page.scss */
.plan-content .price {
  font-weight: 800;
  font-size: 30px;
  color: #0d243c;
}

/* line 40, app/assets/stylesheets/layout/plans_page.scss */
.plan-desc-color {
  color: #0d243c !important;
}

/* line 43, app/assets/stylesheets/layout/plans_page.scss */
.plan-content .btn {
  text-transform: none;
}

/* line 47, app/assets/stylesheets/layout/plans_page.scss */
.payment-frequency, .plus_tax {
  font-weight: normal;
  font-size: 50%;
  text-transform: none;
}

/* line 53, app/assets/stylesheets/layout/plans_page.scss */
.plans-container .plan .buttons {
  text-align: right;
}

/* line 57, app/assets/stylesheets/layout/plans_page.scss */
.plans-container .featured .featured_image {
  text-align: left;
  height: 100%;
  width: 100%;
}

/* line 63, app/assets/stylesheets/layout/plans_page.scss */
.plans-container .featured .featured_image img {
  height: 100%;
  width: 100%;
}

/* line 68, app/assets/stylesheets/layout/plans_page.scss */
.featured .title sup {
  font-size: 30px;
  top: 7px;
}

/* line 73, app/assets/stylesheets/layout/plans_page.scss */
.plans-container .featured {
  overflow: visible;
}

/* line 77, app/assets/stylesheets/layout/plans_page.scss */
.plans-container .featured .text {
  float: right;
  padding-right: 10px !important;
}

/* line 82, app/assets/stylesheets/layout/plans_page.scss */
.plans-container .featured .button {
  float: right;
}

/* line 97, app/assets/stylesheets/layout/plans_page.scss */
.page-site.janrain.signin #main-content,
.page-site.janrain.profile #main-content,
.page-site.janrain.register #main-content,
.page-site.selfserve.index.promo_code #main-content,
.page-site.selfserve.communication #main-content,
.page-site.selfserve.gifting #main-content,
.page-site.selfserve.index #main-content,
.page-site.orders.callback #main-content,
.page-site.orders.new #main-content,
.page-site.tos.terms_of_service #main-content,
.page-site.orders.new #main-content {
  min-height: 80vh;
}

/* line 117, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc {
  display: flex;
  flex-direction: column;
  max-width: 405px;
  margin: 0 auto;
  margin-top: 3.75rem;
}

/* line 124, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: white;
}

/* line 131, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc p {
  line-height: 1.5rem;
  color: #B5BABF;
}

/* line 140, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc .medium-text-width {
  width: 100% !important;
}

/* line 145, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc .general-form .float-l {
  float: unset;
}

/* line 149, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc .general-form .text-field {
  width: 100%;
}

/* line 153, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc .general-form .accept-tc p {
  padding: 1rem 0 0 0;
  font-size: 14px;
}

/* line 159, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc button {
  width: 100%;
}

/* line 164, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc .content-wrapper {
  padding: 1.5rem 0 0 0;
}

/* line 167, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc .content-wrapper .form-row {
  width: 100%;
  margin: 0 0 0 0;
}

/* line 176, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc .content-wrapper input::placeholder, .buy-flow-tc .content-wrapper input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}

/* line 181, app/assets/stylesheets/layout/plans_page.scss */
.buy-flow-tc label {
  display: none;
}

/* line 189, app/assets/stylesheets/layout/plans_page.scss */
.capture_signin .user-already-registered {
  display: flex;
  flex-direction: column;
}

/* line 193, app/assets/stylesheets/layout/plans_page.scss */
.capture_signin .user-already-registered .user-create-account {
  margin: 1rem 0 2rem 0;
}

/* line 197, app/assets/stylesheets/layout/plans_page.scss */
.capture_signin .user-already-registered .user-info {
  display: flex;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: .75rem;
  align-items: center;
  column-gap: 0.5rem;
}

/* line 205, app/assets/stylesheets/layout/plans_page.scss */
.capture_signin .user-already-registered .user-info .user-icon {
  background: url(/assets/images/icons/ui/user-circle-1f664e7c9af4079138841b80296008b986ec15788528b129dc4d8529efc8fece.svg) no-repeat center center;
  width: 4rem;
  height: 4rem;
}

/* line 211, app/assets/stylesheets/layout/plans_page.scss */
.capture_signin .user-already-registered .user-info .user-details {
  text-align: left;
}

/* line 214, app/assets/stylesheets/layout/plans_page.scss */
.capture_signin .user-already-registered .user-info .user-details .name {
  color: white;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: .25rem;
}

/* line 222, app/assets/stylesheets/layout/plans_page.scss */
.capture_signin .user-already-registered .user-info .user-details .email {
  font-size: 14px;
  line-height: 18px;
  color: #ccc;
}

/* line 1, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected {
  background-color: #05262C;
  border: 2px solid #D2F8FB;
  /*position: absolute;*/
  width: 20.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2rem;
  border-radius: 0.5rem;
  row-gap: 0.3rem;
  margin-bottom: 2rem;
  position: relative;
  padding: 2rem !important;
}

/* line 20, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .logo {
  margin-top: 10px;
  width: 109px;
}

/* line 26, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected span.package-current {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #D2F8FC;
  color: #05262C;
  padding: 5px 12px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 40, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected span.package-current.premium {
  background-color: #D2F8FC;
}

/* line 44, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected span.package-current.wwe_standard {
  background-color: #D2F8FC;
  color: #0B223E;
}

/* line 49, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected span.package-current.wwe_network {
  background-color: #F0F0F0;
  color: #0B223E;
}

/* line 57, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-category {
  width: 100%;
  height: 2rem;
  background: url(/assets/images/pricing/new-standard-05776c6b9a68ccba8ce50edf7cc14b3954c48dc70082ebed925bc7f1b6d8a36e.svg) no-repeat center center;
}

/* line 62, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-category img {
  display: none;
}

/* line 66, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-category.is_ppv {
  background: none !important;
  margin-bottom: 0.5rem;
}

/* line 70, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-category.is_ppv img {
  display: inline-block;
  width: auto;
  height: 2rem;
}

/* line 77, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-category.premium {
  background: url(/assets/images/pricing/new-premium-84f1e981ea6426c101b607800238b0261d7864dcb030b7a7835ab9dc0c9f4441.svg) no-repeat center center;
}

/* line 81, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-category.wwe_network {
  background: url(/assets/images/logos/wwe_network-f57fe8ab035cbeb79328cd4280417e36244de82eb844e95310fe8dd9f2fcbc28.svg) no-repeat center center;
}

/* line 86, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-category.wwe_standard {
  background: url(/assets/images/logos/wwe_standard-f14f630085f365da34f9db5563cfdce66eab89558e19e256436ff9dfb011abe1.svg) no-repeat center center;
}

/* line 91, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-category.french_pass {
  background: url(/assets/images/logos/french_section-53435ce0c51e43ecfc89a7c23813dde295c296e86029dcf157ab0a3ea2387554.svg) no-repeat center center;
  background-size: contain;
}

/* line 97, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .frequency-title {
  font-size: 32px;
  color: #63ccd1;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  font-weight: bold;
}

/* line 106, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .plan-price {
  display: flex;
  margin-bottom: 0px;
  line-height: 1;
}

/* line 111, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .plan-price .price {
  font-size: 42px;
  font-weight: bold;
}

/* line 116, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .plan-price .price-period {
  font-size: 16px;
  margin-left: 2px;
  margin-top: 5px;
}

/* line 123, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-price, .package-selected .package-discount .discount-price {
  font-weight: bold;
  font-size: 1.5rem;
}

/* line 128, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-discount {
  display: flex;
  align-items: center;
  margin-left: 24px;
}

/* line 133, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-discount.price-tag {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url(/assets/images/pricing/price-tag-yellow-2ef9a3d8ec2506c3b0922c1b4cc471009f0695c081b49095bd414983f92374f7.svg) no-repeat;
  background-size: contain;
}

/* line 141, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-discount .discount-price {
  color: #FAD874;
  margin: 0 0.5rem;
}

/* line 147, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-discount .strike-out-price {
  font-size: 0.875rem;
  text-decoration-line: line-through;
  color: #ccc;
}

/* line 154, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-frequency {
  font-size: 0.875rem;
}

/* line 158, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-disclaimer {
  margin-top: 0.7rem;
  color: #ccc;
  font-size: 0.875rem;
}

/* line 164, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code {
  position: relative;
  width: 100%;
  margin-top: 0.8rem;
}

/* line 169, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code input {
  padding: .875rem 1rem;
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.1);
  border-width: 0;
  font-size: .875rem;
  color: white;
  width: 100%;
}

/* line 178, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code input:focus {
  outline: none;
  box-shadow: none;
}

/* line 183, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code input::placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-size: .875rem;
}

/* line 190, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code .color-disabled {
  color: #868E96;
}

/* line 194, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code .background-caret-cirlce-right {
  background: url(/caret-circle-right.svg) no-repeat center center;
}

/* line 198, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code .background-check-circle {
  background: url(/assets/images/pricing/check-circle-5a50faa57c17b97b87d41c4474ce60c9ae944929231380edf8023f81bfa5c7c5.svg) no-repeat center center;
}

/* line 202, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code .background-x-circle {
  background: url(/assets/images/pricing/x-circle-7db48f16448c3d300383e18b5f60d13a7cb8ced237e8e964d31d2772e605dddd.svg) no-repeat center center;
}

/* line 206, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code .highlight-border {
  border: 1px solid #FAD874;
}

/* line 210, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code .button {
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translateY(-50%);
  color: #fff;
  border: none;
  width: 1.7rem;
  height: 1.7rem;
  cursor: pointer;
  background-size: 100% auto;
}

/* line 224, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code-discount-desc {
  width: 100%;
  font-size: .875rem;
  /*display: none;*/
}

/* line 229, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code-discount-desc .item {
  display: flex;
  justify-content: space-between;
  padding: .3125rem 0;
}

/* line 235, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code-discount-desc .sub-total {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: .625rem 0;
  font-weight: 700;
  margin: 0.5rem 0;
}

/* line 243, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-code-discount-desc .discount-price {
  color: #FAD874;
}

/* line 248, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-error-msg {
  font-size: .875rem;
}

/* line 252, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-error-msg .error-msg, .package-selected .package-error-msg #form-errors p {
  color: #FAD874;
  display: block;
  text-align: left;
  font-size: .875rem;
  line-height: 1.125rem;
  padding: 0;
  margin-top: .5rem;
}

/* line 262, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-error-msg #form-errors {
  background-color: transparent;
  border-color: transparent;
  margin: 0;
}

/* line 267, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-error-msg #form-errors p {
  margin: 0;
}

/* line 274, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-receipt {
  display: flex;
  column-gap: .625rem;
  justify-content: center;
  margin: 0.5rem 0;
}

/* line 280, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-receipt .pdf-icon {
  width: 20px;
  height: 20px;
  background: url(/assets/images/thankyou/file-pdf-62583c12eee14120a859588636d0f66ebca3546f6adcf878c5dd64f15431e696.svg) no-repeat center center;
  background-size: contain;
  padding-right: .625rem;
}

/* line 288, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-receipt a, .package-selected .package-receipt .new-form .promo-mastercard.package-selected, .new-form .package-selected .package-receipt .promo-mastercard.package-selected {
  color: #FFFFFF;
}

/* line 293, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-user {
  color: #0E6F81;
  font-size: .875rem;
  overflow-wrap: anywhere;
  padding-top: 1rem;
  font-size: 1rem;
}

/* line 300, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-user a, .package-selected .package-user .new-form .promo-mastercard.package-selected, .new-form .package-selected .package-user .promo-mastercard.package-selected {
  font-weight: bold;
}

/* line 304, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-user .edit-link {
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

/* line 311, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-message {
  color: #B5BABF;
  font-size: .875rem;
  line-height: 1.5rem;
  text-align: left;
  position: relative;
  width: 100%;
}

/* line 324, app/assets/citytv/stylesheets/partials/package-selected.scss */
.package-selected .package-promo-message .blur-mask {
  position: absolute;
  /* Position the pseudo-element */
  bottom: 0;
  /* Align the pseudo-element to the bottom */
  left: 0;
  /* Align the pseudo-element to the left */
  width: 100%;
  /* Set the width to fill the container */
  height: 30px;
  /* Set the height of the blurred shadow */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(29, 47, 67, 0.9));
  /* Create a linear gradient for the shadow */
  pointer-events: none;
  /* Ensure the pseudo-element doesn't capture pointer events */
  z-index: 2;
  /* Ensure the pseudo-element is above the container content */
  filter: blur(0px);
  /* Apply a blur effect to the shadow */
}

/* line 1, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-display-none {
  display: none !important;
}

/* line 5, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-display-block {
  display: block !important;
}

/* line 9, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-display-flex {
  display: flex;
}

/* line 13, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-postion-absolute {
  position: absolute;
}

/* line 17, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-width-100-percent {
  width: 100%;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 30, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-background-loading-circle {
  background: url(/assets/images/icons/ui/loading-1c757402772474a8f78d1f27a2f316e1ca5023ad8ef87c5ffb00fb1b9bd892aa.png) no-repeat center center;
  animation-name: rotate;
  /* Name of the keyframes rule */
  animation-duration: 2s;
  /* Duration of the animation */
  animation-timing-function: linear;
  /* Timing function for the animation */
  animation-iteration-count: infinite;
  /* Number of times the animation repeats */
}

/* line 39, app/assets/citytv/stylesheets/layout/utility-global.scss */
.btn-tertiary {
  font-weight: bold;
  padding-left: 10px;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 18px;
  line-height: 22px;
  border: none !important;
  text-decoration: none !important;
}

/* line 51, app/assets/citytv/stylesheets/layout/utility-global.scss */
.btn-tertiary:hover {
  cursor: pointer;
  opacity: 1;
  color: white !important;
}

/* line 58, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-tertiary {
  color: rgba(255, 255, 255, 0.8);
}

/* line 61, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-tertiary:hover {
  cursor: pointer;
  opacity: 1;
  color: white;
}

/* line 67, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-tertiary.small {
  font-size: 14px;
  line-height: 18px;
}

/* line 74, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link, .janrain-capture-ui a, .janrain-capture-ui .new-form .promo-mastercard.package-selected, .new-form .janrain-capture-ui .promo-mastercard.package-selected,
.janrain-capture-ui a:visited,
.janrain-capture-ui a:link, a.u-link, .new-form .u-link.promo-mastercard.package-selected, a.u-link-arrow-down, .new-form .u-link-arrow-down.promo-mastercard.package-selected, .buy-flow-tc p a, .buy-flow-tc p .new-form .promo-mastercard.package-selected, .new-form .buy-flow-tc p .promo-mastercard.package-selected {
  font-style: normal;
  line-height: 1.125rem;
  color: #FFFFFF;
}

/* line 79, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link:hover, .janrain-capture-ui a:hover, .janrain-capture-ui .new-form .promo-mastercard.package-selected:hover, .new-form .janrain-capture-ui .promo-mastercard.package-selected:hover, .new-form .u-link.promo-mastercard.package-selected:hover, a.u-link-arrow-down:hover, .new-form .u-link-arrow-down.promo-mastercard.package-selected:hover, .buy-flow-tc p a:hover, .buy-flow-tc p .new-form .promo-mastercard.package-selected:hover, .new-form .buy-flow-tc p .promo-mastercard.package-selected:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #18C0DE;
}

/***
a {
  &.u-link {
    color: #FFFFFF !important;
    @extend .u-link
  }
}
  ***/
/* line 97, app/assets/citytv/stylesheets/layout/utility-global.scss */
a.u-link, .new-form .u-link.promo-mastercard.package-selected, .janrain-capture-ui a, .janrain-capture-ui .new-form .promo-mastercard.package-selected, .new-form .janrain-capture-ui .promo-mastercard.package-selected,
.janrain-capture-ui a:visited,
.janrain-capture-ui a:link, a.u-link-arrow-down, .new-form .promo-mastercard.package-selected.u-link-arrow-down, .buy-flow-tc p a, .buy-flow-tc p .new-form .promo-mastercard.package-selected, .new-form .buy-flow-tc p .promo-mastercard.package-selected {
  color: #18C0DE !important;
}

/* line 102, app/assets/citytv/stylesheets/layout/utility-global.scss */
a.u-link-arrow-down, .new-form .u-link-arrow-down.promo-mastercard.package-selected {
  font-size: .75rem;
  position: relative;
  display: flex;
  justify-content: center;
}

/* line 111, app/assets/citytv/stylesheets/layout/utility-global.scss */
a.u-link-arrow-down::after, .new-form .u-link-arrow-down.promo-mastercard.package-selected::after {
  content: "";
  padding: 0 .3125rem;
  margin-left: .375rem;
  background-image: url(/assets/images/icons/ui/i-bf-chev-down-312eddc3650bbb492d1cbe2df3943d2cca6b5795fd362aa8644a98c3f6e88666.svg);
  background-position: center;
  background-repeat: no-repeat;
}

/* line 122, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-edit, .u-link-chain, .package-selected .package-user .edit-link {
  font-size: .875rem;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}

/* line 128, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-edit::after, .u-link-chain::after, .package-selected .package-user .edit-link::after {
  content: "";
  padding: 0 6px;
  margin-left: 6px;
  background-image: url(/assets/images/icons/ui/pencil-simple-line-f276b5b18ba5a1f47c17ededa3232918dc328c207b08e4c6d6a988256e446541.svg);
  background-position: center;
  background-repeat: no-repeat;
}

/* line 138, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-pb-10 {
  padding-bottom: .625rem;
}

/* line 144, app/assets/citytv/stylesheets/layout/utility-global.scss */
.u-link-chain::after {
  background-image: url(/assets/images/logos/chain-link-463e2f6fe62a302f895af80ac8dd3a56e41bd71ed601649050bb505bf22e8cff.svg);
}