/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.customClose__99cqZ {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1050;
  margin: 0;
  opacity: 0.5;
  min-width: auto;
  padding: 10px; }
  .customClose__99cqZ img {
    max-width: 30px;
    max-height: 30px; }

@media all and (max-width: 767px) {
  .customClose__99cqZ {
    height: 48px;
    padding: 0;
    min-width: 80px;
    width: 80px !important;
    margin: 5px 8px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.messageBar__-v_AU {
  background-color: #4b4b4b;
  width: 100%;
  position: relative;
  padding: 0 8.05%; }
  .messageBar__-v_AU p {
    margin: auto;
    font-size: 15px;
    line-height: 18px;
    padding: 10px 0 10px 0;
    color: #ffffff;
    font-weight: bold;
    width: 100%; }

.error__3hIaI {
  background-color: #f6f6f6;
  color: #cd040b; }

.closeButton__QDs1S {
  position: absolute;
  right: 8.05%;
  z-index: 2;
  top: 7px; }

.closeIcon__1jubu {
  height: 24px;
  width: 24px; }
  .closeIcon__1jubu svg g polygon {
    fill: #a6a6a6; }
  .closeIcon__1jubu:hover {
    cursor: pointer; }
    .closeIcon__1jubu:hover svg g polygon {
      fill: #000000; }

.errorInfoTitle__2VEGI, .serverErrorInfoTitle__91Yc6 {
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  font-family: VerizonNHGTX-Bold; }

.errorInfoMessage__z6RbK, .serverErrorInfoMessage__2LLAO {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  font-family: VerizonNHGTX-Regular; }

.errorInfoWrapper__1xXVq {
  position: sticky;
  top: 40%;
  text-align: center;
  width: 80%;
  margin: 0px auto; }
  .errorInfoWrapper__1xXVq img {
    margin-bottom: 36px; }

@media all and (min-width: 1024px) {
  .serverErrorInfoMessage__2LLAO {
    font-size: 20px !important;
    margin: 20px 0 0 !important; } }

@media all and (max-width: 849px) {
  .errorInfoWrapper__1xXVq {
    top: 30%; }
  .messageBar__-v_AU {
    padding-left: 6.65%; }
  .closeButton__QDs1S {
    right: 6.65%; } }

@media all and (max-width: 1024px) {
  .errorInfoWrapper__1xXVq {
    top: 40%; }
  .errorInfoTitle__2VEGI {
    font-size: 20px;
    line-height: 26px; }
  .errorInfoMessage__z6RbK {
    font-size: 14px;
    line-height: 20px; }
  .serverErrorInfoMessage__2LLAO {
    margin: 8px 91px 0 !important; } }

@media all and (max-width: 767px) {
  .errorInfoWrapper__1xXVq {
    top: 30%; }
  .errorInfoTitle__2VEGI {
    font-size: 24px !important;
    line-height: 32px !important; }
  .serverErrorInfoTitle__91Yc6 {
    font-size: 24px !important;
    color: #ffffff !important; }
  .serverErrorInfoMessage__2LLAO {
    font-size: 12px !important;
    color: #ffffff !important;
    margin: 8px 0 0 !important; } }

@media all and (min-width: 320px) and (max-width: 1279px) and (orientation: landscape) {
  .errorInfoWrapper__1xXVq {
    top: 50%; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.modalContent__1L0sZ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  color: #ffffff; }
  .modalContent__1L0sZ .img__jcyEA {
    margin-bottom: 26px; }
    @media all and (max-width: 767px) {
      .modalContent__1L0sZ .img__jcyEA {
        width: 48px;
        height: 48px; }
        .modalContent__1L0sZ .img__jcyEA img {
          width: 100%; } }
  .modalContent__1L0sZ h2 {
    margin: 0 0 20px 0; }
    @media all and (max-width: 767px) {
      .modalContent__1L0sZ h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 8px; } }
  .modalContent__1L0sZ p {
    font-size: 20px;
    line-height: 24px; }
    @media all and (max-width: 767px) {
      .modalContent__1L0sZ p {
        font-size: 0.75rem;
        line-height: 1rem; } }

.messageEmail__gz6cK {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 20px; }
  @media all and (max-width: 767px) {
    .messageEmail__gz6cK {
      font-size: 15px; } }

.modalWrapper__3YahN {
  margin: 0 !important; }

.buttonMargin__314ZB {
  margin-right: 20px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
@media (max-width: 767px) {
  body {
    padding-top: 70px; } }

.header__2lzou {
  background-color: #0f0f0f;
  padding: 10px 5.76%;
  font-size: 1.25rem;
  z-index: 999; }
  @media (max-width: 1366px) {
    .header__2lzou.mobHeader__bHqIZ {
      padding: 10px 0;
      position: fixed;
      top: 0;
      width: 100%; } }
  .header__2lzou .container-fluid__1Tu3g {
    padding-left: 0;
    padding-right: 0; }
  .header__2lzou .container__S47YC {
    width: 100%; }
  .header__2lzou .skipmain__3Q921 {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999; }
  .header__2lzou .skipmain__3Q921:focus,
  .header__2lzou .skipmain__3Q921:active {
    color: #fff;
    background-color: #000;
    left: auto;
    top: 0;
    width: auto;
    height: auto;
    padding: 5px;
    border: 1px dotted;
    text-align: center;
    font-size: 1rem;
    z-index: 999; }
  .header__2lzou .headerWrapper__33K4G {
    display: block;
    -ms-flex-direction: row;
        flex-direction: row; }

.active__3x618 {
  color: #ffffff;
  font-weight: bold; }

.activeSubmenu__2_xXY a {
  background-color: #ffffff !important;
  font-weight: bold !important;
  color: #0f0f0f !important; }

.noArrowDropdown__1DSQf.open__uQInD {
  background: none !important; }
  .noArrowDropdown__1DSQf.open__uQInD .dropdown-menu__22Pv6 {
    background-color: #676767; }

.noArrowDropdown__1DSQf .dropdown-menu {
  top: 68px !important; }
  .noArrowDropdown__1DSQf .dropdown-menu:before {
    content: "";
    position: absolute;
    right: 25px;
    display: block;
    width: 0;
    height: 0;
    border-width: 16px 16px;
    border-style: solid;
    border-color: transparent;
    z-index: 1001;
    border-bottom-color: #333333;
    margin-top: -47px; }
  .noArrowDropdown__1DSQf .dropdown-menu li a:focus {
    background-color: transparent; }
  .noArrowDropdown__1DSQf .dropdown-menu li a:hover {
    background-color: #f5f5f5; }

.userMenuDropdown__3iWXG > a {
  padding-bottom: 20px !important;
  margin-bottom: -20px !important; }

.vzLogo__2QkA1 {
  padding: 0 10px !important; }
  @media (max-width: 767px) {
    .vzLogo__2QkA1 {
      max-width: 100px; } }

.dropdownMenuArrow__2mLUr {
  top: -25px;
  left: 50%;
  width: 0;
  height: 0;
  position: relative; }
  .dropdownMenuArrow__2mLUr:before {
    bottom: -9px;
    right: -10px; }
    @media (max-width: 767px) {
      .dropdownMenuArrow__2mLUr:before {
        right: -39px; } }
  .dropdownMenuArrow__2mLUr.userMenu__wAusA:before {
    right: -141px; }
    @media (max-width: 767px) {
      .dropdownMenuArrow__2mLUr.userMenu__wAusA:before {
        left: 51px; } }

.menuItemName__3wMwL {
  padding-left: 10px;
  vertical-align: middle; }
  @media (max-width: 1024px) and (min-width: 767px) {
    .menuItemName__3wMwL {
      padding-left: 10%; } }
  @media all and (max-width: 767px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
    .menuItemName__3wMwL {
      padding-left: 16px; } }

.menuImg__NcxAG {
  height: 36px;
  width: 36px; }
  @media (max-width: 767px) {
    .menuImg__NcxAG {
      height: 32px;
      width: 32px; } }

.userProfileContact__3g28j {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  @media (max-width: 767px) {
    .userProfileContact__3g28j {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .userProfileContact__3g28j .profileIconText__2aOo- {
    border-radius: 50%;
    height: 56px;
    width: 56px;
    display: -ms-flexbox;
    display: flex;
    background-color: #0088ce;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 20;
    font-weight: 900; }
  .userProfileContact__3g28j .profileName__2yHq1 {
    padding-left: 16px;
    width: 220px; }
    .userProfileContact__3g28j .profileName__2yHq1 .profileHeadline__iFbuC {
      font-size: 20px;
      line-height: 24px;
      margin-top: 0;
      margin-bottom: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 4px;
      text-transform: capitalize; }
    .userProfileContact__3g28j .profileName__2yHq1 p {
      margin-bottom: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: normal;
      color: #a6a6a6; }

.disabledLink__1TUFw a {
  cursor: default; }

.mobileNav__1ZNzR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  right: 28px;
  left: 28px;
  top: 20px;
  position: fixed; }

.menuOverlay__2Wzcs {
  position: fixed;
  z-index: 99999997;
  left: 0;
  right: 0;
  top: 68px;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2); }

.mobileMenuList__2eKAl {
  position: fixed;
  left: 0;
  right: 0;
  top: 68px;
  bottom: 0;
  overflow-y: scroll;
  z-index: 99999999;
  background: #0f0f0f; }
  @media (max-width: 1024px) and (min-width: 767px) {
    .mobileMenuList__2eKAl {
      max-width: 50%;
      box-shadow: 5px 0 24px 0 rgba(0, 0, 0, 0.5); } }
  @media (max-width: 768px) {
    .mobileMenuList__2eKAl {
      max-width: 50%;
      box-shadow: 5px 0 24px 0 rgba(0, 0, 0, 0.5); } }
  @media all and (max-width: 767px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
    .mobileMenuList__2eKAl {
      max-width: none; } }
  @media (min-width: 320px) and (max-width: 849px) and (orientation: landscape) {
    .mobileMenuList__2eKAl {
      padding-top: 0 !important;
      padding-left: 10px !important; }
      .mobileMenuList__2eKAl ul {
        padding-top: 0 !important;
        padding-bottom: 65px; }
        .mobileMenuList__2eKAl ul li > a {
          padding: 15px !important; }
          .mobileMenuList__2eKAl ul li > a:hover, .mobileMenuList__2eKAl ul li > a:focus {
            background-color: transparent !important; } }
  @media (min-width: 850px) and (max-width: 1279px) and (orientation: landscape) {
    .mobileMenuList__2eKAl {
      padding-top: 150px !important;
      padding-left: 20px !important; }
      .mobileMenuList__2eKAl ul {
        padding-top: 0 !important;
        padding-bottom: 65px; }
        .mobileMenuList__2eKAl ul li > a {
          padding: 15px !important; }
          .mobileMenuList__2eKAl ul li > a:hover, .mobileMenuList__2eKAl ul li > a:focus {
            background-color: transparent !important; } }
  .mobileMenuList__2eKAl ul {
    padding-top: 50px; }
    @media (max-width: 1024px) and (min-width: 767px) and (orientation: portrait) {
      .mobileMenuList__2eKAl ul {
        padding-top: 40%;
        padding-left: 10%; } }
  .mobileMenuList__2eKAl li > a {
    padding: 20px 15px !important; }
    @media (max-width: 1024px) and (min-width: 767px) {
      .mobileMenuList__2eKAl li > a {
        padding: 10% 15px !important; } }
    @media (max-width: 1024px) {
      .mobileMenuList__2eKAl li > a:hover, .mobileMenuList__2eKAl li > a:focus {
        background-color: transparent !important; } }
  .mobileMenuList__2eKAl li > a > span {
    font-size: 20px;
    color: #a6a6a6; }
    @media (max-width: 1024px) and (min-width: 767px) {
      .mobileMenuList__2eKAl li > a > span {
        font-size: 28px; } }
  .mobileMenuList__2eKAl li > a > span.active__3x618 {
    font-size: 20px;
    color: #ffffff; }
    @media (max-width: 1024px) and (min-width: 767px) {
      .mobileMenuList__2eKAl li > a > span.active__3x618 {
        font-size: 28px; } }
  .mobileMenuList__2eKAl .accountLink__3ilsI {
    padding: 20px 15px !important;
    color: #a6a6a6;
    font-size: 20px;
    position: fixed;
    background: #0f0f0f;
    bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 1024px) and (min-width: 767px) {
      .mobileMenuList__2eKAl .accountLink__3ilsI {
        padding: 20px 8% !important;
        font-size: 28px; } }
    @media (min-width: 320px) and (max-width: 1279px) and (orientation: landscape) {
      .mobileMenuList__2eKAl .accountLink__3ilsI {
        bottom: 0;
        width: calc(50% - 30px);
        padding: 15px !important; } }

.menuIcon__18S2l {
  height: 48px;
  width: 48px; }

@media (max-width: 1024px) and (min-width: 767px) {
  header div.appContent__3k6dE {
    padding-top: 72px !important; } }

@media all and (max-width: 767px) {
  .menuIcon__18S2l {
    height: 32px;
    width: 32px; }
  .mobileNav__1ZNzR {
    left: 5%;
    right: 5%;
    top: 10px;
    position: fixed; } }

@media (min-width: 767px) and (max-width: 1366px) {
  .mobHeader__bHqIZ ~ div {
    padding-top: 70px !important; } }

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .mobileNav__1ZNzR {
    left: 4.2%;
    right: 4.2%; }
  .mobileMenuList__2eKAl {
    left: -3% !important; } }

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .mobileNav__1ZNzR {
    left: 4.4%;
    right: 4.4%; }
  .mobileMenuList__2eKAl {
    padding-left: 25px !important; } }

@media all and (min-width: 1024px) and (max-width: 2100px) and (orientation: landscape) {
  .mobileNavLTablet__33HQV {
    right: 2.5% !important;
    left: 2.5% !important; } }

.mobileMenuListTablet__3UFSC {
  padding-left: 20px !important; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
@keyframes play__5R0Pu {
  0% {
    background-position-x: 0px; }
  100% {
    background-position-x: -2832px; } }

.cardRailLoaderContainer__2cclc {
  width: 100%;
  height: 68px;
  padding: 10px;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 20px; }

.loaderContainer__GcyXu {
  min-height: 55%;
  width: 100%;
  padding: 10px;
  background-repeat: no-repeat;
  text-align: center;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 2; }
  @media all and (min-width: 1280px) {
    .loaderContainer__GcyXu {
      left: 2.5%; } }

.loaderOverlayContainer__1CF-m {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.loaderOverlayContainer__1CF-m:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

.loader24__2KERu {
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
  display: inline-block; }

.loader48__36N8d {
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
  display: inline-block; }

.spinnerItem__eQDRv {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0%;
  top: 0;
  background-image: url("/icons/loaderRed48.png");
  animation: play__5R0Pu 2s steps(59) infinite; }

.white24__Aqmvg { }

.black24__2FOmr { }

.Blue48__BurOf { }

.Orange48__1UNmK { }

.Green48__311Gi { }

.Red48__2j-cI { }

.Yellow48__kKAYU { }

.Pink48__3FLSd { }

.Purple48__1L3Ng { }

.Fuschia48__1khhV { }

.LightBlue48__VH070 { }

.srOnly__nJUfv {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.srOnly___j91A {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.cardOuter__3Erqv {
  margin: 10px 2.5% 25%;
  position: relative;
  transition: all .15s linear;
  display: block;
  transition: all .15s linear; }
  .cardOuter__3Erqv:hover .cardWrapperInner__2V9Js, .cardOuter__3Erqv:focus .cardWrapperInner__2V9Js, .cardOuter__3Erqv:focus-within .cardWrapperInner__2V9Js {
    transform: scale(1.1); }
  .cardOuter__3Erqv:hover .cardLower__3LmKM, .cardOuter__3Erqv:focus .cardLower__3LmKM, .cardOuter__3Erqv:focus-within .cardLower__3LmKM {
    opacity: 1;
    transition-delay: .15s; }
  .cardOuter__3Erqv:focus-visible .cardInner__nPYwV {
    outline: 2px solid #3b99fc;
    outline-offset: 0; }
  .cardOuter__3Erqv[data-focus-visible-added] {
    outline: none !important; }

.cardWrap__2XpV- {
  position: relative;
  width: 100%;
  padding-top: 56%; }

.cardWrapperInner__2V9Js {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .15s linear;
  z-index: 1;
  transform-origin: center bottom; }
  .cardWrapperInner__2V9Js .lockCardIconWrapper__2gsN7 {
    width: 13.54%;
    position: absolute;
    z-index: 100;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .cardWrapperInner__2V9Js .lockCardIconWrapper__2gsN7 .lockCardIcon__2w1-r {
      position: absolute;
      z-index: 100;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: auto; }

.cardInner__nPYwV {
  height: 100%;
  width: 100%;
  display: inline-block;
  z-index: 16;
  position: relative;
  opacity: 1;
  margin-bottom: 0;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.4), 0 0 10px 4px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  transform: translateZ(0); }

.lockCard__2x2Hf {
  filter: blur(4px);
  -webkit-filter: blur(4px); }

.cardMetaData__4XAHb {
  font-size: 16px;
  line-height: 16px;
  overflow: hidden;
  white-space: normal;
  color: #ffffff;
  width: calc(100% - 4vw);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */ }

.cardIconWrapper__3zEDp {
  position: absolute;
  top: 20%;
  right: 0;
  width: 3vw;
  height: 3vw; }
  .cardIconWrapper__3zEDp .cardIconContainer__1djA8 {
    height: 100%;
    border-radius: 100px;
    background-color: #333333; }
  .cardIconWrapper__3zEDp button {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    min-width: auto;
    margin: 0;
    padding: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333333; }
    .cardIconWrapper__3zEDp button:focus.cardIconAdd__mPiG3 {
      background-image: url(/icons/add-black.svg);
      background-color: #ffffff; }
    .cardIconWrapper__3zEDp button:focus.cardIconRemove__bnltG {
      background-image: url(/icons/icon-remove-black.svg);
      background-color: #ffffff; }
  .cardIconWrapper__3zEDp:hover button, .cardIconWrapper__3zEDp:hover .cardIconContainer__1djA8, .cardIconWrapper__3zEDp:focus button, .cardIconWrapper__3zEDp:focus .cardIconContainer__1djA8 {
    background-color: #ffffff; }
  .cardIconWrapper__3zEDp:hover .cardIconAdd__mPiG3, .cardIconWrapper__3zEDp:focus .cardIconAdd__mPiG3 {
    background-image: url(/icons/add-black.svg);
    background-color: #ffffff; }
  .cardIconWrapper__3zEDp:hover .cardIconRemove__bnltG, .cardIconWrapper__3zEDp:focus .cardIconRemove__bnltG {
    background-image: url(/icons/icon-remove-black.svg);
    background-color: #ffffff; }

.cardIconAdd__mPiG3 {
  background-image: url(/icons/icon-add-white.svg); }

.cardIconRemove__bnltG {
  background-image: url(/icons/icon-remove-white.svg); }

.cardLower__3LmKM {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  opacity: 0;
  z-index: 10;
  transition: all .15s linear;
  max-height: 100%;
  padding: 2% 0;
  background-color: #0f0f0f; }

.cardContentTitle___ci8E {
  color: #ffffff;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-weight: normal;
  background: transparent;
  margin: 0;
  font-size: 18px;
  width: calc(100% - 4vw);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */ }

.srOnly__1wYu9 {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }

.slick-slider .slick-track .slick-slide:first-child .cardOuter__3Erqv {
  margin-left: 0; }

/**
 * At 420px or lower, the width of the cards start to decrease. We need to calculate height in
 * the same way to keep proper aspect ratio of 2x3. Also elements inside the card may have to be
 * resized accordingly
 */
@media all and (min-width: 850px) and (max-width: 1279px) {
  .cardContentTitle___ci8E {
    font-size: 12px;
    line-height: 22px; }
  .cardMetaData__4XAHb {
    font-size: 10px; } }

@media all and (min-width: 1280px) {
  .cardMetaData__4XAHb {
    line-height: 18px; } }

@media all and (min-width: 1460px) {
  .cardMetaData__4XAHb {
    font-size: .8vw;
    line-height: 1.35vw; }
  .cardContentTitle___ci8E {
    font-size: 1.1vw;
    line-height: 1.35; } }

@media all and (max-width: 1279px) {
  .cardLower__3LmKM {
    opacity: 1; }
  .cardContentTitle___ci8E {
    font-size: 14px;
    width: 100%;
    line-height: 26px; }
  .cardMetaData__4XAHb {
    font-size: 12px;
    width: 100%;
    line-height: 12px;
    color: #a6a6a6; }
  .cardIconWrapper__3zEDp {
    display: none; }
  .cardIconAdd__mPiG3,
  .cardIconRemove__bnltG {
    background-size: 75%; }
  .cardOuter__3Erqv:hover .cardWrapperInner__2V9Js, .cardOuter__3Erqv:focus .cardWrapperInner__2V9Js, .cardOuter__3Erqv:focus-within .cardWrapperInner__2V9Js {
    transform: scale(1); } }

@media all and (max-width: 767px) {
  .cardContentTitle___ci8E {
    font-size: 12px;
    line-height: 20px; }
  .cardMetaData__4XAHb {
    font-size: 10px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.svgIcon__2Jm3a {
  background: no-repeat top left;
  height: 18px;
  width: 18px;
  display: inline-block;
  background-size: auto 18px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.toastContainer__1Qy69 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  max-width: 418px !important;
  border-radius: 4px;
  background: #333333 !important;
  color: #fff;
  right: 50px;
  top: 65px;
  padding: 0 !important;
  z-index: 4555;
  min-height: auto; }
  .toastContainer__1Qy69 .Toastify__toast-container {
    width: 418px !important; }
  .toastContainer__1Qy69 > div {
    padding: 12px 10px; }
    .toastContainer__1Qy69 > div > .toastWrap__3sgg9 {
      -ms-flex: 1;
          flex: 1;
      line-height: 24px; }
  .toastContainer__1Qy69 p {
    margin: 0; }

.information__fekrx {
  border-left: 5px solid #0088ce; }

.success__29muZ {
  border-left: 5px solid #00ac3e; }

.error__UDBCp {
  border-left: 5px solid #ed7000; }

.toastIcon__IxN4- {
  width: 24px;
  height: 24px;
  margin-right: 10px; }

.toastWrap__3sgg9 {
  display: block; }

.closeButton__mCtW8 {
  min-width: 30px;
  margin: 2px 0 !important;
  padding: 12px 10px !important;
  padding-left: 0 !important;
  /* Firefox */
  /* Chrome */
  width: min-content; }
  .closeButton__mCtW8 span {
    display: inline-block;
    width: 100%;
    height: 100%; }

@media all and (max-width: 767px) {
  .toastContainer__1Qy69 {
    max-width: 100%;
    right: 5%;
    left: 5%;
    top: 70px;
    width: auto;
    padding: 10px 0; } }
.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em; }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%); }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em; }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em; }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%); }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0;
      transform: translateX(0); }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0;
      transform: translateX(0); }
    .Toastify__toast-container--rtl {
      right: 0;
      left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }
  .Toastify__toast--rtl {
    direction: rtl; }
  .Toastify__toast--dark {
    background: #121212;
    color: #fff; }
  .Toastify__toast--default {
    background: #fff;
    color: #aaa; }
  .Toastify__toast--info {
    background: #3498db; }
  .Toastify__toast--success {
    background: #07bc0c; }
  .Toastify__toast--warning {
    background: #f1c40f; }
  .Toastify__toast--error {
    background: #e74c3c; }
  .Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 6px; }

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0; } }

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3; }
  .Toastify__close-button > svg {
    fill: currentColor;
    height: 16px;
    width: 14px; }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0); } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left; }
  .Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards; }
  .Toastify__progress-bar--controlled {
    transition: transform .2s; }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right; }
  .Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }
  .Toastify__progress-bar--dark {
    background: #bb86fc; }

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
@keyframes play24__17ntX {
  from {
    background-position: 0px; }
  to {
    background-position: -1416px; } }

.inlineLoadingIndicator__1RpjM {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left: 10px;
  animation: play24__17ntX 2s steps(59) infinite;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABYgAAAAYCAYAAABQixlTAAAACXBIWXMAAAABAAAAAQE4IvRAAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAAgAElEQVR4nO2de7AfRZXHv+eGBHJ5GEKACCQgIm9IdFmCiwGXQJ4qElB5SIKiFgomsVQSYUEBFRfdqjWsloqsGlgF0aUkEcIbQSAJSB6EBRUUFVgeCbC+8cF3/+j+hf717enp7un+kRvmVFHkN9Pz6XPPnD7Tfaa7B2illVZaaaWVVlpppZVWWmmllVZaaaWVVlpp5RUp4jtJchiAIwFMBfB6ADvqU08BWAXgOgA3ichfUio3+NMAjDf4TwJYrfk3i8gLDfiTNN+l/7Wan0P/cQBGW/xe2KcE/ykAK/GS/ZP4Rj1nAHgXMtvfUc8NAHZDXvv/VURoHBsB4GoAazPwN4fyz4dE5BfWuV0AHIjm/t+5vzeIyOIUTiB/PID/EpGvFOBP1fzRAP5dRL6ckd+JDx3/FwDnisgVGfl2/HwawMdFZFkmvqv9rgZwgYg8XZB/LYDrReTFBnVsA+AzqI6fyf7vqOs9ABY4+Fnij1HPPwM4phTfqGcPAL8uxW+llVZaaaWVVlrptej+5/Yi8nhBvtm/HQ3gOBFZk5Fflx/INb4rwe+MT0vlH3z8VQCWNuT78ieN+/+l+bqOowC8DQPHX9nyJyRPBTAbmfNXVh2HAvhGTr62/9/M8SfJHwAYiXztaxKAKQDmdzgkdwXwUeTxT9v/DxORp/T5LaHyT035rvztZ0Tk+jqGM0FMsg/AyQDOBbAdlKFXAOgE6p0AHAxgOoD1AM4HsMhMpNUoLgBmaf5IzV8O4AldZBfNn2bwLwtNRFTwbf0naP6zCfqb9nHxdzb0T+HX6e/iB9vHqOfD+lrb/o30d9RzDIBda/SPtf9UANdZydtJUPbKeX9nicidxrl+AO9vyLfv7yki8gOrzBQAV2Tgbwf1IPmKiNzuKPseANT8lPbViQ/LoYLx/SGMRP7jAFaLyM8K8FcAeAwqJt5rJ+wj+SHx83si8lhB/jgAHxaR3zfkj4R6EJrxoRP/xwA4vGGCeCiALwL4Gdzx4SoR+UAq36prdwAHWfz1AN4tInfnqEPXMwHAXGSKn556lgHYHonxP7COI6Cex5fl1t+oQwCgFL+VVlpppZVWWmkuJKXks9rqn68VkaML8u3+7Q0i8nxDfl1+wB6fHikiv0zU3+z/2/1zM3/SZPz4cvAnQI3xo/M/uo6TAXwKA8dHkokvAG6GSryZ/lPFT+r/k7wEwFYYmJ/Jwtd1TAWwN9z5n/UAzkNE/1/bZpSIPGMc2x7Am9Ftnxz+82ERudbxt+TgnwNgFJT/nC4iz+rzrwXwaeTJT5r5jScAXCMif9blzgbw3gT9Q/IDN4jI/+jy/QD+FMQnOYLkEpLrSM7VF1eV3ZLkPF12sZ5dGcJfHMjvJzlHl11CctsA/rYR+vfrMqn8ORH8IPvo6yaSfLqEfRzXl7DPaZ1Bf0D9pn1i7P+MfpMTww/1z2L3t6H/x/Ln+fi6/CkJ99fkbxlwjZA8I6F9BfFjxMH32qch33t/N0a+rmNmSX6EHv0kX12YfzrJUQX5c0neSDVbogS/Ex/Oyc3XdbzTiA/bFKrjgynPr8g6dinJb6WVVlpppZVNWYz+//EF+SX7z8H5jUR+bH7gJJJDIvim/t7xUY/Gp2Z+IDS/8elAvplfiuofkvxkSb6+fr9A/voS/VvN/4jmh+ZP+hmQmzH48wx+iP90/P/mQvyU/GSs/kH5kxT/Z0R+w8HPmv80rrkkyH+08VeQXE5ybB3YuG4syWUk7/FVYvCXRfLHkLxbX1t5E7Rx7tFlxyTw6/TfxtA/ht+xz4rQIBEabHXZMQa/zj4TQ7kWP8Q+HfvfRXJ4BD/Uf1Lvb5D9Lf9M5fvs38T/Q+9vL9pXLL9f+0SR+2sxKh9+Ofg1dZfmjyjJN+rpI7lDKf4rTaje6Jbk70Jyu4L8sSQXhnQ2Evmd+HNhCb6u4+u67ZRKcgtVh69oEtoX31pppZVWWnlliu5/vq8wP7r/n8Av3X8upX/R/jnJ4VS5mdjxV3D+geTBJG9pwA9Jkr26xPg6Vaz8Q2l+9v6h5i8PHF+vIHlSJH/XQH5qfqPDL5U/CeWn5jfGRvJT81cvX35MD3AW6z80ehBFcmut2BLXgFjzl2hFtk7kL9M6DhgkGfy7G/A7+ldtvTGE6q1gU36VfZIHfwH26dN135pSj6H/y2J/wz+b+E+d/Zvyl3n079i/lP/3ZbB/L/h19knia8Z0kt8t4Z8BdXf8pzR/gP80iRuBdfeR3JfkMfq/oQX5M6nezGdLqjr037cwv7T+g90+A/gkt6LaM6sUf2uq2RabFeJvQfUS7L0l+LrcW0heVYqvy+6Zcu9J7lHKf4w6RhT2zwn69/CC/j+T5J652BZ/ZmH7zNT/9Tw+tPye8dv7O5AvTduX1tGbdCA5LdX+7O7fVj5HdXxP1T95/BLA71X/vIj+uo4FJfm6jhNsPsNW63rHXzXX9rFmJSdrxo8B/N0L8/el2uagBL8THyYE8H35jYuqYgRV8m8myS0a8L3+T/Igkvt4+MvZIH+i78OUAL5v/O5tXzq+DchfGvxG+Q2Sm9GRfM3F12UHJGkD+MH5B/03uMZH1fGB5CyqqdjeZftG+beRtI+NoZrafJyj/Gx9LiizTfJAWrOiqDLd60jOzsAfSvKACv0H8FOE5E6hfK3/JZH8zazf2exTUV+HP8vDT34zG2CfTYGfw/4u/imF+b3yn42WX1N3Y/9J4VMlxVeypoPVoN4ZJFeRXEPyMpJfZcbtEjR/pcG/jORqkveRHFmQv5LkjIL8VQX5awrof38P+Jcb/BL2ubyg/rV8VnTea/jTrfZ1uYc/huTbI/lC8mqLf38Ff7hud8EJTOrOOMmPhvgPySNj/gZt/zuplgvuFHJ/Y+KTcX9Xk1ygj80p4J+rSS7S+p+vzzWerVTB78S3IzPxO/65SP9XMn6W5ueO/9Md/Jzxx+QvKsy37TM9A99n/xz8fqqZTy7/D7YPPQlTqrHibQ35s0k+4otNJM9L9X8G9m+pEowp/Fl09z9dyaLNqSYixfDf7dKfmV6mUb2A/pZD/xkkX5epjiG0klOa/9kc/Io6Z1A9s3cLKDuW5KWM2LbPaL9nB/Kd4y/PNUfp58udrHl5T8/4tOa6r2mfPzSQ7xo/+rYCEJLXkJwfyHeNr53tyzi/m449vuRlMl+XOYGePkMG/hB6tsKr4c+u4+tyJ5LcseLcrlQ5zib8kSTf2YBfm39gxSoQbZ9G+uuyU0juXMEfaH+Sw6geXvPq4MY1r6o4vh+tGWYGf04EfyzdmfJ5mjXMOn40I6bOkxztulkuPhNm91K9MTjBcXwurY4C1QP1EZJzI+v4OK1BBtXgxuYPS+S/mdZgztDftE+0/+jr+m0b5eTra3e3fs9x8JPsr6+138S47N/hB/u/p77SfJ/9c/DnkXy4gh9tfwd/bmH+ZiSPDfFPBr5sC6z3CyRPt47NJ7mWCdvGBNY5n+QDJA/rNZ/qjXyjmdE1/Inadsdk4B/u4Xs7jTX8BT3i++zTlL+2gn9YBv78wvyTAvhnpvI154yC+o/W/x+w/YjBX2AdD55hre1/dcW5w7Rv2fyj7Geyh39mVXwz+POt428i+ZVMfJd9hlENQmpnu9fFZ6oZHwsqzoXMCqvk6/brHRAH8H3tN0d8qNO/UfuqiQ85+KXtUzp+fizA/k34fSS/XIpvsF7bhK/b9DKSb4ioM5Y/oP/sissN+XOt46dW1RHJF5JLObB/O58VCZ/Y+0tyFMk3Ofg/YUVSnWq2YPKYxIgP+6cyAvmN4nAAv1T/f3Ysn47xY035wyP5A8a/AdcEz+h26a/b14PM88K1anz6sN2+GvBd+j9sx4fM/Jzj9yz5qwr+PAc/Of/j4ZeyT8/5oHqL/DwzfxDK4j/HDHsYUiUVn2eGt88V/C01f5pxbDrJWzLxB+hv2D/KPnQn0Pu1rU3+tJT7S7Wk007Eu/hJ/kO1bOJdFXzb/in8ISRvojGT26N/kn9SdYBnGL999knhH0FyckH+FiT3svi2f05r0n5pJNENvnl/p6Xq76irip8r/gz3+Ge/cWwG1cyW4A9QBNQtxr+nU3XeSn1gbQZVAmaT5bviW2b+dlSzNSuXnmXgr2XCTDLN9/rPRs7fimo7GR9/VCrfqKNyFnsTPtU+fN5lvgY/uq+j7f9jXx0N9Q+5v73gP2A9f/sYllxN5fdTJYi92+w0sQ/Vftn7BvK9e49TzdiebB17A63Vcyl8rf9ZdX5cw3+5/adJ+yqp/8SSfH39QSX5AfUH8UlOIvl569hWGfkD+ockJ9vtxsP3+k8FfwZrtvuL4I+i+tCQzV9b8/wKfv5STYwYavwOfb7fn+j/tf3bGP0d19bq30R6wC/a/9d1jPD5T8U1A8bvmXVyjX9fxcR+fCA/9/jUHj/2Yvw72PjZ8g8Wf0sHPzl/Esgvob83/5CTD5IXk/xOU7hVkfnvhSS/nZH9HZIX5+JV8Bcavy8uoL/JX5jT/rZ9SH6xML+0/sn+SfcSqG877m8q/0CS+zn4ufSfSPK2gvxDqJYQmUncnPYfTfJGBz+L/1N1XM+w+K77+23jdx9VBy70a64javgLHfyVLPdmv8MvNbO35dfzV4XwqV6Cpaw+CeVPJLk8hq+vuzaC3xUfAvl7MGBmTio/Qo9ovra/c5laRv5KkuMK82vjD9VMxNL8VYNY/8Mb8EPa1wD96+pqan+S7yM5Pof+Rnnz5eWJJE/LwaeaEX6BdWw4/UtZY+yTGt/uLswfEhKDNob4SfJ0GisNtf2PDdEpkO/qX93DgK0BAvlnkvyGxc/mP7oP8MZSfMc1LT8TX5cfWZKfIlQrrJ37xb7cQjU+uqC+ZCO+nX/4amF+zvxGab5rfF06f1Usv9cDftb8Zw/4V/SAvxAAOkFvPIDoQaanguMB/NA4dC2AL+XiA/gCgA0G0Z2R3TLyV0DZpCPjANxTmL8iI3+5Znbk9QX4pv5Z/ScnX0RedBy+B8omOfhrROQB6/AKdNt/PBLtLyJ3ALA3drftMw7p+i8D8CAA8010Tv6TAHYAYHZmct7fvwF4P4C9jcN2+7LtvzeAC0WkexP1arkxkr8PgD5972pFD1D2CNQFWpc+Ebk9kL8zK7YE8vCHhPITZLDz90Kg/UXkuQg/68hwAFcG8u8AMDWSDwBvjeALgKi9AEXkYRFZG8jvQ3f78grVLIOgD+mm8HXZawvz+0RkdUH+kJD4o30gVf+NhT8kgR9qnx814Ie0r9sBbGbyK/osLn6S/UXk6yKyKoAfGj+vQ/fz/b8BfC0HX0R+LCL2MvZJAN7iuWwvhNvnDgDrAGzYk49qZu0nai6dHMHvsr9OIHln+4jI30XkqUC+1z9Jfs5MVpF8HSu2NgnR3yHHA9jN+L03gHMD/DiUfy+Ab1n8YSLy8xx8EbkIwKkWP8Z/6vjPicjdpfgO6QU/ND73gp8Sn4P75wBuiORH9f9TRER+LSIPluI3lFMAfLIg3zX+ymkLFz9nfqM03x5f9yL/UzJ/VYKfJb8RyO9FfqyIfToJ4h0BPJ6xghcBbHi7KyJLReTOXHAR+YmI3GUcuhDAwbn4AB6DsklHctvncYs/OjP/CZTXfwfj92hdZ06+rf9g4j8BZROTn2x/EXnBwbf9J1l/ETlRRJ6u4Tfxn8sBmNuD2Pbp4jP+ww6r0d2Bexx+++8FwDdAtuUhfU0V37bPXlqnUNkfwIGdHyQn0P/Bylj+5wAcEVE+iq9nEMXMlojlj6Hjy64e2QLApRHlY+VhAI33I6sSEfmDiFwYUf65hDr+HlH8CKi/OUiotq2J+ZK33X7rZCqAhbWl0vl7A7Bf+uXkx7bfNZH8vREX31LsE6P/qgT+mojyq9Edn+sk1v4t3y9Pm3wR+XNNcjA2/k8iaSa4l4jIlz2X/AJA8LJzETlKRH5jHHoC6qWw75rfhfIB3A7AnPE8Qx8DAJD8Po3Z1CSnkoxJsHS1L6oPGp1onH8t1EvHjhwAoGvVW43U+c8sAJcZv1PiWyVfRBaJyPUWP2t8sPw1tn+YEj8HOz82/pR+vsTEt1j+g5H8RwG8I6L8JiUi8hezPZG8ktb+0g2ldP5kU+Bnyz+8DHxX/ip3fqbX+bfS+avc+o8GXkoQA2qWUC6JnTGVo76cdQry2mNjkNz26TV/sMtgt4+5hPRgkh8PvlDk8yJivuGqs8XmAHaJ0O0xAHYSvVatiLJ1+v4IwK8j6/fJWAADPkxmSU79bVkHYFlE+UPQPQO9Tm4DcFZE+c8CeHNoYRG5T0S+GFqe6sMIwR+oEZG/Wi9U6vg7sGbP0l4K1bYswXvLicizeqZ+qExH3Iqh0xE4Y9eQmCXVtTPZeiyx/Yvc/ZuNXVL+1o2tz1AyPg92eRDANyPKn4LuGcpdomf8bvjOhIi8YCV8vaJfQG74aI2IPCEi9xrn7yX5VuP3VEZscSciHxaRpcbvxSJykFHk++juP/RDJXVD5REAfzR+jwVwrFHfO0TkBuN8bDzpildU+/NeZfB/KSLrHdeESpcuVHvLvibmmhqJjQ0pseSV1oZLSun4z5Ll9Qv+nwXD1cf2inz/aSOR1wN4dUbe/wJYmZHXSnMpmT8s0bcrWcfL8Swoon9nkPVzxA246mRnABuWR5H8J5L/kAtO8lCS5rLapxCXUKqTFQDMJWZPwViClkG67KP/vVNF2VT+k8bvp1Fe/5z8ndCtfwm+qf+TyGt/mz/g/jLiK6wO8fqPTkg12ZPGtr9tnz8AeHcDvu2fT6L7/j6E7iUmXhGRs0TE3NKmjv9TxM1oGK+vMfkb7C8i7xcRcwnJGgC1y+sNGefgP1lRFgBuARC0RLSC7xURuUNEYhJ8sfznYgbwsfwEORXAnwvybwIQs4UIYmZMk/xE5ABjDygfCuXHfmgxtv3+TkRi7B/FBzAHwNLaUun8/fQ1MfwDa0u9JLH+H6v/eMTrX7mHrUPGRfJ/ijj9DyzMj7X/oOLrLQ+2sPg7VJVP4H+I5IYtIUTkIRG5ORcfwFHo7v+MIemdAWzJDwHs7jl/GLq3zPu1PhYkdaspROTbIvKocSiqfYnIeVYC+nYROdZzSaz/PADgfuP3n6CS0j5+k/h2Mrq3lHDxY+PDBj7JKSRnecqnxE+TXzeW7kV83pj4KfG/9PMlZv/eWH6sXIXuLVp6Kjr+Z/nIW4VkHb/rbYfMj9uXyM+UzD/UjU8HA790/qokvzY/01BK+0/p/NUG+3ceZDNE5IqMFUxA9xKXEwB8LCP/dKhZSh1ZhYxbTIjIoyLy/VJ8AP+I7iUuq6FslksOtvirCvDNN3i5+bb/rISyWZfEfDighr8a1v0luR/JmE6uj++yz/UNPmJwcA1/HYC9SR6SyJ8Av/88COBpkqORJi6+af+HAFxCcrMGfNs+Nv+oEBDVx3c+ge4Oom3/LtH7r14UyJ8INcPR3EOrjv9/IhK0pEQvXX0RhTq4mv/3VxqfpIQkcQ37xya4l4bEB81/F9SgPVR+pi4N5i+OYAPKli8G8veP3H87ig8AIvJbEfljfck0PlRfJHaAHWqfcYhvvx1+0EcIEe//sfwU/f/eA37dKo1g+1h9kYcA/C1Q/9r4Q3I8yfdZ/Jz39wMAZhq/HwQQ9BX6wPi5BEBXQpjkBSHLjkP4InKhOeMXarnlqMD21bFPZXwWkT9aWxDEtN+JUHuYxkjHP0P4Oya+wIuJn58z9/vVL5B9L6hj7NMH4Hx0399HAVyZif86AH+x+LMBHOS+Iprval+XkjyzFJ/kG2v6Hk31r5NYfmp8LsmfHFIwkR8sFf3/nPx96Pmgp5bzELeiI1Zy509K8/eBf/zYVELyAxsz387/lMhflda/tP1L5t96cX9jtigKF5Jbknye5HTj2HR9zPthhkB+P8nnLP40zS+yTCOn/pp3i8M+z7n4NL4OHcjur7D/AD7JYSRHRPI793eacWxaBf9dMTPhLL5Xf5I7kbwptnMcwZ9B0rfPXRXf5Z8u/mSSMfvCmvza9kVyL3bPCmrCn+bgJyXnDfvY/pMzPlT553DftRH8Lv0bsIaQXEFyhnFsgP0b8EeRXGvdy2xLUTT/AVP/nNKUXxffmvCp9om+n+R2hfgz9L17uflrN3J+5dYmmv9dklsV4o9MYetrp9fxdbk+ktHLMwP17yP548L2D7q/VC9c+ozfM7RvN+aTHEryRMfzPRd/X5Jft45lsw/JA2htgUPVf/Dug061VD+1ffWRPKtG/yb8rP7juLa2ffUo/vSCHz3RIILvS6Q24jeRGL4do0l+nuSkmmtC4/NkkpON30H9w0D/FJK3mv4TwQ95/o60/VPzLwn4u2cwrP9j84cyYOJHoP4D+rc5pUn73cj4XvuwYvwewB/JgPwBPfmNHJKbTzVueJXxO8k+Feyq8Wnp8W9Jfu78XhW/cX7PFT8L8KvyJ6X0z80fmH/Qgdv54QKzsQRUMI/kIzSWLOgG9wjJeY7ywvo3XGb5OZH8MYyY6UjyJJJHW8c21/y5jvInMDJZpv9mc0+vDn+OVW4EI/Z61dfM1azNjWPDXPqTfDvJNyfyXfa3+SckPHR8/mPbx7csMIZfZf/oJGiF/Z38FDH8v/b+ZuY/7GpfDfj2/X04k/5V/nks02cke/kNebtavwf4ZyJ3IlXncL51/HSSX2jC1pzDqBIs8+tLezlCct8SfJLHsGIAnYk/38M/vEf8mK1GYviHZeQPmOmo+Wt7wG9i/zMD+Cc14Nfpf0YkbzPr9wIPfzv9/6C+EcndSR5lHVugfcQ5k5Xk1aH2J/kVWjNKtX2cfCO++WbqdcoOo0oQD7OO++wTw3e+dNN85+z7qvgcK1Tbrbnab2N+QHzI1b5K6e/j59A/xD6DIX767J+88jOA/2WmrwKs48fs4RzN91zzBpLL7FiTyqeVIKWj/5zKp3rBc6p1LLh/G8A/x25fVP3bpVUx0yo7h+SeFec2J/kTB/9NzPBSgmplU+P47OEfWpgfHD+ZMH40+LMDykaPfzW/doWPLpuif/BHlJl3fHokyQcZkD9J5M/TuvaSX5kfS+C7xu8dfo78gy9/lZPvys8MJv2H2SeOI7mO5BjrOEi+LRC+K8n1dOzvRHK25o+1jm/HwKX8VMneda6gZPBt/Q9g4AeCEvlZ9v7w2CcqqUX19tel/ywXP5IdbZ9I/thXAL+0/XPwT3GcK+0/Rfk5pAf8Sv+J5OxOciWtt4BN+Poh/VWSl5FcQ3IVM8x8oJqFcB/J1Zrd4a/MxJ+hWSX5q3qg/5oe8u8vYJ8O//IC/JUWP9k+tFZd5ORTvZC1+w8m/3KrfQXPjKL60M19tFZJGPz7Lf7VjFhNoHUfMGO1wn8+qs9tE8F37snv4O9EtQrozsz+OUf/XqDbci7/HKH/f77Wf1Fm/pFWfMvNN+PnIv1fzvhv8wdj/K+KzzlWAdn8RZn50z32Kc0vcX87/r+CeWa0ufi30TOmZETS2+H/53nKdhIlwf03i39CTdno/q3m3+qK37Yd+FL/07f/c7DQSh4b/CbfR+mwXmf7p+Z/i4mrhizWZx38bVixIpbqmXcpA8ZHJHej6gsEty9GjL9Inh3bfhk4PqX6gPKd+vkStA2gvi5If6rE/GqSXwtl6+tC9Z9P8hp6+lZ0zPQM4ZPcWseg3SrOV7avQP6RvhiRgX9OlX8H8tfTmlBlnN+R5IlVbItflT/x8d/Jmg97B/Kd9mH3FmJV/KT8D8mdSU4J4FfnB6iWlC0heTcj3q4Y129DcjnJxa7GQTVTbDHV29UU/tb62iUefhP9t9bXVvGb2mdrqjeiVQ+ARvaxOCXs01nutISODtAgsf+yGv9cksE/e+H/VfZvyr+7ht/UPnX87zJxUFLHbyp1/pmR7/SfBJ5Yv73+GcAbSjUj9xiqJdXZbKzb9n4kZxbk79sD/QczP4t9qN5m20t6s/CpBg8fseNPRv57Sd7FgUniXPyraHysKydfM6pmW/XC/01+7J7SMfyoLbEi+MP1vyfkto/m7tmj+DazIH9mYf5GH982cf5gfv72it/x/5xbdZn2r9s6Ymzis2HfqueDLjOM5fu3leOXTPxe6J+lf+7hO1cEMHL8Zeuo+b7kX/D4kSpZnbJqOpS/eyk+ye1T4kOo/Y3+Q+zWoLV8klvoGOHctlPHhotcdfOl/MlyD38fVmwpVOf/hv4+/pQquwfyF1fxqfKPvvgWkj/08cfQM1mTYfkNH9+7FWsg3+k/+t57J5oyJP9AcluS9+hKYrZ9GKv/8BX07/k4Qpe5mxEzNTV/WQC/o38sf4y+5h7fjdL8FQn2GWPoXzmrxrDPskj9gwZNqfYxrp8YYJ8U/xlONTAvaf+Q+zuiAT/EP1Pvb6j/52hfIff3LkbMzjD4dfZP6niF3t9U2cT4JRIsO7geWpuylPx7qVbV7FKI3U9yYUx8i+RfmPp8CWBvo3346/Wlk/jbUi2hyz4A1Pwi3FZaaaWVVlppIiTfV6j/GdT/b8Av3X829S/Rfw7qnzcY/3b0X07Pd1gajH/HUn1Xyfsht4bj69rvMGh+dP4hQo+k/EYCf3kP+M6Zsp5rTwrID3TubxQ/Ib/RC35K+wrJX6Xkx3qRnwyLn9pIi6mmGs+jZ+NjPdicq8suCQme+o9Yoq+ZQ0+iyeIvTuDPjeAvCXm4WPYJ4c+J5KfY52kG7pOVYJ/YPYS3DbWPcY2QPC23/XX5XUk+06P7G+KfI3ro/6fUlO3XbTyWfwbD9hDb0uJn7bxZ/KD7G8nv7wE/Kv5sxPyZCde/Oja+RLBHUe23nJ1PtdTzxtD4lsA/JyQ+JLK3MeLDO3OyNb8Tfz6Ym23wiyTPW2mllVZaaaWVfELy+EL9/173n4OTw1QfoD4pcvyYe3xqj49ix6cx+ZOU8WlMfunTdewG/E+GsC3++kC+87teNfzFmv8RHz9FDP+p1d+6TkLGIil8kjcn+H+o/WPzk+gABrMAAAOaSURBVLH+H5XfYFz+LTq/YfjPJQFla+Nn1cc1BMAsAOcC2A7AtQBWAHhCF9kZwMEApgFYD+B8AJeJyIt1Sml+H4CTDf51mv+YLrITgAma/6zmLxIRBvJN/Udq/vIK/XPxVwB43MNPtU8oP6f+pv3PFZGLQ7gR/J0B/EpEro7h1vA79/dZEbnZKjsNwNII+1fxLxGRPxrlDgWwCPH31+YfLyLXW2WOBvBNpN3fPs0XEfmG4/xhAE4DMB0vtd9gfk3dBwCYhJf8JxufagnJOCj/ycqn+uDhQQAIYBcMjG/JfKqE1nHIFD8t9lYALgawOjdf+9GPAPwG3fG/Ex+mIiG+GfyvAXgH3PFhTwBzReSvMUyD/UYAl6P7+fI4gHtF5BcpTIPtig9fFJHlTbgG34z/z4jIITm4Bl80/zERuSUn2+AjRzxppZVWWmmllVYGr5CU3P0Bkj8AsD/yjS9GAJgMd/82ik/yNQBuQnj+IXX8aPZvzf558vilB3w7/7MU3fYpyScGjo8+JSKXhbA137aPzTf9ZyWASZG+U8W38zO/F5H3h3It/skAPomB46MO/yERWRrLrtDf9H8CuE1EnjHKbw9gXUP/XG7rTLVH9kI095/rAPyLiDyiz48E8CUo/1kH4IJIvqn/f4rIZ/TxLQC8Dd35t9T2O7yTq6L6CPxkJOQHvLMAqb5kd6QGjQewoz71FJTjLwVwk4j8JURxB39zqGTSNKjET+eL2k8BWAV1Y5rwh2n+9Ar9rwNwc0O+yz5PQiVscujf4Ze0zzQAr0e3fUrb/0oR+Y8UrsW37f+oiExuwq3g7w/gGBF53jgvAIZm8P81IvKYdW53AHtD+ecLiX9CVb1vhQoYje5vBfs0ACchg/842B8CMA+qfa1Cw/hjsY+HCpREt/8nxweDfQiAzwPYQR8y42cjPskdAJwDFR9c7bdJfOsDMAWq/Zbgm/HfFT/PFpHfprA134xvHf7nXC9NMvCvFpFbc3At/lgReTgnt5VWWmmllVZaaWWwCsmdoV6g5xpfHAjge3hpfFG6f9t0fF2aH5J/SB6fGvypWv8SfNM+JfMnJfmu/MkqANeIyI0pbINflb/6lohcmsqu4b9HRO5swtZ82/+fFZGjjfN9ADbL4P9TAfybiPzKqPdfAVyP5vnDoSLyB/17RwC3I3/+YQqAs+HO3zbmt9JKK6200korrbTSSiuttNJKK6200korrbSyCcr/A14W1fj/lW62AAAAAElFTkSuQmCC); }

.srOnly__8MwTu {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.pinInputForm__1NMa0 { }

.pinFormGroup__1G1Kg { }

.digitInput__aolSQ {
  width: 97px;
  height: 96px;
  padding: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 30px;
  font-size: 80px;
  text-align: center;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  box-shadow: none;
  outline: none;
  color: #a6a6a6; }

.unfocussedDigitInput__3EXG4 {
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #676767; }

.focussedDigitInput__1ramE {
  border: 0;
  outline: none !important;
  background-color: transparent;
  border-bottom: 2px solid #fff;
  color: #676767; }

.pinSubmitButton__1nK3R {
  margin-top: 30px;
  margin-left: 20px;
  width: auto !important; }

@media all and (max-width: 1024px) {
  .pinFormGroup__1G1Kg {
    display: inline-block;
    width: 25%; }
  .digitInput__aolSQ {
    width: calc(100% - 10px); } }

@media all and (max-width: 914px) {
  .digitInput__aolSQ {
    color: #ffffff;
    font-size: 24px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.purchaseButton__1a9oo { }

.primaryPurchaseRoundedButton__1A549 { }

.secondaryPurchaseRoundedButton__1YneU { }

.primaryPurchaseButton__3Amxx { }

.resolutionsWrapper__Y5f5G {
  width: 100%; }

.resolutionOptions__S8gR- {
  display: inline-block;
  color: #a6a6a6;
  padding: 12px 48px;
  border-radius: 25px; }
  .resolutionOptions__S8gR-:hover, .resolutionOptions__S8gR-:focus, .resolutionOptions__S8gR-:active {
    background-color: #333333;
    color: #ffffff; }

.forgotPinBtn__2xDbI {
  width: 212px;
  height: 48px;
  border-radius: 31px;
  border: solid 2px #676767;
  background-color: transparent;
  color: #ffffff; }
  .forgotPinBtn__2xDbI:hover, .forgotPinBtn__2xDbI:focus, .forgotPinBtn__2xDbI:active {
    background-color: #ffffff;
    color: #0f0f0f; }

.invalidPinToaster__2f2K1 {
  max-width: 418px;
  height: 68px;
  border-radius: 4px;
  background-color: #333333;
  color: #fff;
  position: fixed;
  right: 80px;
  top: 80px;
  width: 30%;
  padding: 24px 0;
  border-left: 5px solid #ff5503; }
  .invalidPinToaster__2f2K1 img {
    width: 24px;
    height: 24px;
    margin: 0px 16px; }
  .invalidPinToaster__2f2K1 span {
    font-size: 16px; }

.resolutionRadioButton__136S7 {
  margin-top: 4px;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 0; }

.recordingOptions__CpCsT button {
  width: 100%; }
  .recordingOptions__CpCsT button img {
    animation: spin__3tiRB 1s linear;
    animation-iteration-count: infinite; }

.seasonList__3gBJI {
  padding-bottom: 30px; }
  .seasonList__3gBJI ul > li > a {
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 18px;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
    border: 1px solid #cccccc;
    height: 48px;
    padding: 14px 20px; }
    .seasonList__3gBJI ul > li > a:hover, .seasonList__3gBJI ul > li > a:focus, .seasonList__3gBJI ul > li > a:active {
      border: 1px solid #cccccc; }
  .seasonList__3gBJI ul > li ul {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin: 0px;
    padding: 10px 0;
    border-radius: 0;
    box-shadow: none;
    overflow: auto; }
    .seasonList__3gBJI ul > li ul li {
      padding: 10px 0px; }
      .seasonList__3gBJI ul > li ul li a {
        border: none;
        background-color: transparent;
        height: auto;
        outline: none;
        color: #959595;
        font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
        border-left: 3px solid transparent;
        padding: 0px 20px; }
        .seasonList__3gBJI ul > li ul li a:hover, .seasonList__3gBJI ul > li ul li a:focus, .seasonList__3gBJI ul > li ul li a:active {
          border: none;
          outline: none;
          color: #000000;
          border-left: 3px solid #000000;
          background-color: transparent; }

.purchaseOptions__hk4N4 p {
  font-size: 16px;
  line-height: 18px;
  color: #a6a6a6;
  margin-top: 10px;
  margin-bottom: 0px; }

.optionsList__138pd {
  border: 1px solid #cccccc;
  height: 48px;
  margin-top: -1px;
  padding: 11px 20px;
  position: relative;
  overflow: hidden; }
  .optionsList__138pd label {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    margin: 0px;
    position: relative;
    padding-left: 28px;
    cursor: pointer; }
  .optionsList__138pd input[type='radio'] {
    position: absolute;
    left: -20px; }
    .optionsList__138pd input[type='radio']:checked + label {
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.uiRadioButton__2rlAv {
  position: absolute;
  left: 0px;
  height: 18px;
  width: 18px;
  border: 1px solid #cccccc;
  content: '';
  border-radius: 50%; }

.selectedUiRadioButton__dcAeO {
  border: 5px solid #cd040b;
  background-color: #cd040b; }

.completePurchase__9Gt1f {
  padding-bottom: 30px; }
  .completePurchase__9Gt1f p {
    font-size: 16px;
    color: #a6a6a6;
    margin-bottom: 20px;
    line-height: 18px; }

.forgotLink__1vcE1 {
  font-size: 16px;
  line-height: 18px;
  color: #a6a6a6;
  text-decoration: underline; }
  .forgotLink__1vcE1:hover {
    text-decoration: none; }

.purchaseModalButton__2rCAA {
  margin-top: 15px; }

.errorText__1Fsg7 {
  color: #cd040b;
  font-size: 14px;
  line-height: 16px; }
  .errorText__1Fsg7 p {
    padding-left: 34px;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 24px; }

.alertIcon__1ajyy {
  float: left;
  margin-top: 8px; }
  .alertIcon__1ajyy svg {
    width: 24px; }
    .alertIcon__1ajyy svg g {
      fill: #cd040b; }

@media all and (min-width: 768px) {
  .ppvPurchaseModal__2Yw-N .modal-sm {
    width: 50%; }
    .ppvPurchaseModal__2Yw-N .modal-sm .modal-title {
      font-size: 30px;
      line-height: 35px; } }

.confirmPPVPurchase__2gkQO {
  margin-right: 10px; }

.ppVPurchaseLoadingIndicator__GnMPt {
  width: 10px; }

.ppvPurchasedButton__9JrOk {
  cursor: default !important; }
  .ppvPurchasedButton__9JrOk:focus, .ppvPurchasedButton__9JrOk:hover, .ppvPurchasedButton__9JrOk[data-focus-visible-added] {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important; }

@keyframes spin__3tiRB {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  100% {
    transform: rotate(360deg); } }

.forgotPinButton__2XlIs {
  font-size: 12px;
  line-height: 16px;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  text-decoration: underline;
  margin: 20px 0 0 0;
  padding: 0;
  height: 16px;
  background-color: #ffffff;
  width: inherit !important; }

.purchasePageWrapper__2qHWN {
  width: 100%;
  padding: 20px 20px 20px 0; }

.purchaseField__3l6_r {
  display: inline-block;
  width: 20%;
  font-size: 16px;
  color: #a6a6a6; }

.purchaseFieldValue__192b6 {
  font-size: 16px;
  color: #a6a6a6;
  margin-right: 20px; }

.purchaseDisclaimer__1sPZr {
  font-size: 16px;
  color: #a6a6a6;
  margin-top: 30px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.IncorrectPinWrapper__3XAgX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  height: 100%; }
  .IncorrectPinWrapper__3XAgX img {
    display: inline-block;
    margin-bottom: 26px;
    width: 48px;
    height: 48px; }
  .IncorrectPinWrapper__3XAgX i {
    margin-bottom: 30px; }
  .IncorrectPinWrapper__3XAgX h3 {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    margin-bottom: 26px;
    font-family: VerizonNHGTX-Regular; }
  .IncorrectPinWrapper__3XAgX p {
    font-size: 20px;
    margin: 0;
    color: #fff;
    margin-bottom: 5px;
    font-family: VerizonNHGTX-Regular;
    font-weight: normal; }
  @media all and (max-width: 711px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
    .IncorrectPinWrapper__3XAgX h3 {
      margin: 36px 0 8px;
      font-size: 24px; }
    .IncorrectPinWrapper__3XAgX p {
      font-size: 12px;
      line-height: 1.33; } }

.forgotPinBtn__2c1pa, .dismissBtn__3JyoD {
  width: 205px;
  height: 48px;
  border-radius: 31px;
  background-color: #333333;
  color: #fff;
  margin-right: 20px !important;
  margin-top: 35px; }
  .forgotPinBtn__2c1pa:hover, .dismissBtn__3JyoD:hover {
    background-color: #fff;
    color: #0f0f0f; }
  .forgotPinBtn__2c1pa:focus-visible, .dismissBtn__3JyoD:focus-visible {
    background-color: #fff;
    color: #0f0f0f; }

.cancelBtn__7LhkX {
  width: 164px;
  height: 44px;
  border-radius: 31px;
  background-color: transparent;
  border: 2px solid #676767;
  color: #fff; }
  .cancelBtn__7LhkX:hover, .cancelBtn__7LhkX:active {
    background-color: #fff;
    color: #0f0f0f;
    border: none; }
  .cancelBtn__7LhkX:focus-visible {
    background-color: #fff;
    color: #0f0f0f;
    border: none; }

.timer__2IB8A {
  margin-top: 10px; }

@media all and (max-width: 767px) {
  .forgotPinBtn__2c1pa, .dismissBtn__3JyoD {
    height: 44px;
    border-radius: 22px; }
  .dismissBtn__3JyoD {
    margin: 8px 0 0; }
  .forgotPinBtn__2c1pa {
    margin: 40px 0 20px 0px !important; }
  .IncorrectPinWrapper__3XAgX img {
    margin-bottom: 0px !important; } }

@media all and (max-width: 1024px) {
  .forgotPinBtn__2c1pa {
    background-color: #ffffff;
    color: #0f0f0f; } }

@media all and (max-width: 711px) {
  .buttonWrapper__2qF7K, .forgotPinBtn__2c1pa, .dismissBtn__3JyoD, .cancelBtn__7LhkX {
    width: 100%; } }

@media all and (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .forgotPinBtn__2c1pa {
    margin: 40px 0 20px 0px !important; }
  .IncorrectPinWrapper__3XAgX img {
    margin-bottom: 0px !important; }
  .IncorrectPinWrapper__3XAgX h3 {
    font-size: 36px !important; }
  .IncorrectPinWrapper__3XAgX p {
    font-size: 16px !important; } }

@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .IncorrectPinWrapper__3XAgX p {
    font-size: 16px !important; } }

.forgotPinBtnLTablet__3Ixan {
  background-color: #ffffff;
  color: #0f0f0f; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.deviceModal__3ftBd {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  margin-top: 13%; }
  .deviceModal__3ftBd h2 {
    margin: 26px 0; }
  .deviceModal__3ftBd .buttonContainer__1xaS0 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 40px; }
  .deviceModal__3ftBd button {
    width: 100%;
    margin-bottom: 0px;
    margin-right: 16px;
    -ms-flex: 1 0 250px;
        flex: 1 0 250px; }

.title__3DbHK {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  margin: 26px 0; }

.description__3dgKW {
  font-size: 20px;
  line-height: normal;
  color: #ffffff;
  max-width: 650px; }

.deviceOptionsGroup__2cxT6 {
  margin-top: 20px; }

.optionsList__3JlqE {
  border: 1px solid #cccccc;
  padding: 10px 20px 10px 20px;
  margin-top: -1px;
  display: table;
  width: 100%;
  min-height: 67px; }

.optionsListWrap__12SVb {
  position: relative;
  overflow: hidden;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding-left: 38px; }
  .optionsListWrap__12SVb label {
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0px; }
  .optionsListWrap__12SVb p {
    font-size: 12px;
    line-height: 16px;
    color: #a6a6a6;
    margin-bottom: 0px; }
  .optionsListWrap__12SVb input[type=radio] {
    position: absolute;
    left: -20px; }
    .optionsListWrap__12SVb input[type=radio]:checked + label > div {
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.uiRadioButton__1tz9s {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer; }

.uncheckedUiRadioButton__cC-H4 {
  border: 1px solid #cccccc; }

.checkedUiRadioButton__1-q7j {
  border: 5px solid #cd040b;
  background-color: #cd040b; }

.registerDevice__2oGPW {
  display: table;
  width: 100%;
  padding-top: 20px; }

.registerButton__2qSLz { }
  .registerButton__2qSLz:focus {
    background-color: #333333;
    color: #ffffff; }

.removeButton__8zfHC { }

.transferButton__2VPaR { }

.formControl__3vMLl {
  display: table-cell;
  vertical-align: middle; }
  .formControl__3vMLl input[type=text]:focus {
    border-color: #4b4b4b; }

.deviceIcon__11lPJ {
  display: table-cell;
  vertical-align: middle;
  width: 80px; }
  .deviceIcon__11lPJ .icon__xOZJZ {
    background-color: #d8d8d8;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    padding: 16px 0px; }

.deviceNameInput__2OhPt { }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .title__3DbHK {
    font-size: 24px !important;
    line-height: 32px !important;
    margin: 36px 0 8px !important; }
  .description__3dgKW {
    font-size: 12px;
    line-height: 16px; } }

@media all and (min-width: 320px) and (max-width: 599px) and (orientation: portrait) {
  .deviceModal__3ftBd {
    margin-top: 15% !important; }
    .deviceModal__3ftBd h2 {
      font-size: 24px;
      margin: 10px 0 !important;
      line-height: 1.1; }
    .deviceModal__3ftBd .buttonContainer__1xaS0 {
      display: inline; }
      .deviceModal__3ftBd .buttonContainer__1xaS0 .btn__3kESR, .deviceModal__3ftBd .buttonContainer__1xaS0 button {
        height: 44px; }
      .deviceModal__3ftBd .buttonContainer__1xaS0 .btnRegister__3wy_7 {
        background-color: #ffffff !important;
        color: #0c0c0c !important; }
      .deviceModal__3ftBd .buttonContainer__1xaS0 .btnCancel__1lkJ4 {
        border: solid 2px #676767;
        background-color: #0f0f0f; } }

@media all and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {
  .deviceModal__3ftBd {
    margin-top: 35% !important; }
    .deviceModal__3ftBd h2 {
      font-size: 48px;
      margin: 41px 0px 33px !important;
      line-height: 50px; }
    .deviceModal__3ftBd .title__3DbHK {
      font-size: 48px;
      line-height: 1;
      width: 588px; }
    .deviceModal__3ftBd .description__3dgKW {
      font-size: 20px;
      line-height: 1.3;
      width: 531px; }
    .deviceModal__3ftBd .buttonContainer__1xaS0 .btnRegister__3wy_7 {
      background-color: #ffffff !important;
      color: #0c0c0c !important; }
    .deviceModal__3ftBd .buttonContainer__1xaS0 .btnCancel__1lkJ4 {
      border: solid 2px #676767;
      background-color: #0f0f0f; } }

@media all and (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .deviceModal__3ftBd {
    margin-top: 0 !important; }
    .deviceModal__3ftBd h2 {
      margin: 14px 0 !important; }
    .deviceModal__3ftBd .buttonContainer__1xaS0 {
      margin-top: 25px !important; }
      .deviceModal__3ftBd .buttonContainer__1xaS0 .btnRegister__3wy_7 {
        background-color: #ffffff !important;
        color: #0c0c0c !important; }
      .deviceModal__3ftBd .buttonContainer__1xaS0 .btnCancel__1lkJ4 {
        border: solid 2px #676767;
        background-color: #0f0f0f; }
    .deviceModal__3ftBd .btn__3kESR, .deviceModal__3ftBd button {
      height: 44px; } }

@media all and (min-width: 850px) and (max-width: 1279px) and (orientation: landscape) {
  .deviceModal__3ftBd {
    margin-top: 15% !important; }
    .deviceModal__3ftBd h2 {
      font-size: 48px;
      margin: 41px 0px 33px !important;
      line-height: 50px; }
    .deviceModal__3ftBd .description__3dgKW {
      font-size: 20px;
      line-height: 1.3; }
    .deviceModal__3ftBd .buttonContainer__1xaS0 .btnRegister__3wy_7 {
      background-color: #ffffff !important;
      color: #0c0c0c !important; }
    .deviceModal__3ftBd .buttonContainer__1xaS0 .btnCancel__1lkJ4 {
      border: solid 2px #676767;
      background-color: #0f0f0f; } }

@media all and (max-width: 1024px) {
  .buttonContainer__1xaS0 .btnUnregister__1ctbB {
    background-color: #ffffff;
    color: #000000; } }

.btnRegisterLargeTabs__1y0R0 {
  background-color: #ffffff !important;
  color: #0c0c0c !important; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.deviceModal__2e_zB {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center; }
  @media all and (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
    .deviceModal__2e_zB {
      margin-top: 0 !important; } }
  .deviceModal__2e_zB h2 {
    margin: 26px 0; }
  .deviceModal__2e_zB .buttonContainer__1RC2l {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 40px; }
    @media all and (max-width: 599px) {
      .deviceModal__2e_zB .buttonContainer__1RC2l {
        display: inline;
        margin-top: 11.11%; } }
  .deviceModal__2e_zB button {
    width: 100%;
    margin-bottom: 0px;
    margin-right: 16px;
    -ms-flex: 1 0 250px;
        flex: 1 0 250px; }

.title__1-9Dp {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  margin: 26px 0; }

.description__1t5Vn {
  font-size: 20px;
  line-height: normal;
  color: #ffffff;
  max-width: 650px; }

.deviceOptionsGroup__3qnFj {
  margin-top: 20px; }

.optionsList__3e78K {
  border: 1px solid #cccccc;
  padding: 10px 20px 10px 20px;
  margin-top: -1px;
  display: table;
  width: 100%;
  min-height: 67px; }

.optionsListWrap__1TCGY {
  position: relative;
  overflow: hidden;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding-left: 38px; }
  .optionsListWrap__1TCGY label {
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0px; }
  .optionsListWrap__1TCGY p {
    font-size: 12px;
    line-height: 16px;
    color: #a6a6a6;
    margin-bottom: 0px; }
  .optionsListWrap__1TCGY input[type=radio] {
    position: absolute;
    left: -20px; }
    .optionsListWrap__1TCGY input[type=radio]:checked + label > div {
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.uiRadioButton__2LK78 {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer; }

.uncheckedUiRadioButton__1jz1R {
  border: 1px solid #cccccc; }

.checkedUiRadioButton__28tsp {
  border: 5px solid #cd040b;
  background-color: #cd040b; }

.registerDevice__iY6Bb {
  display: table;
  width: 100%;
  padding-top: 20px; }

.registerButton__3pXTT { }
  .registerButton__3pXTT:focus {
    background-color: #333333;
    color: #ffffff; }

.removeButton__1H5Qy { }

.transferButton__1QbQg { }

.formControl__3Ae2l {
  display: table-cell;
  vertical-align: middle; }
  .formControl__3Ae2l input[type=text]:focus {
    border-color: #4b4b4b; }

.deviceIcon__1nRx1 {
  display: table-cell;
  vertical-align: middle;
  width: 80px; }
  .deviceIcon__1nRx1 .icon__3cHiV {
    background-color: #d8d8d8;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    padding: 16px 0px; }

.deviceNameInput__260Y8 { }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .title__1-9Dp {
    font-size: 24px !important;
    line-height: 32px !important;
    margin: 36px 0 8px !important; }
  .description__1t5Vn {
    font-size: 12px;
    line-height: 16px; } }

@media all and (min-width: 768px) and (max-width: 1024px) {
  .deviceModal__2e_zB {
    margin-top: 35.05%; }
  .title__1-9Dp {
    font-size: 48px;
    line-height: 48px;
    margin: 39px 0 17px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.cardOuter__2CNGG {
  margin: 10px 2.5% 30%;
  position: relative;
  transition: all 0.15s linear;
  display: block;
  transition: all 0.15s linear; }
  .cardOuter__2CNGG:hover, .cardOuter__2CNGG:focus, .cardOuter__2CNGG:focus-within {
    z-index: 100001; }
    .cardOuter__2CNGG:hover .cardContentTitle__18wG_, .cardOuter__2CNGG:focus .cardContentTitle__18wG_, .cardOuter__2CNGG:focus-within .cardContentTitle__18wG_ {
      color: #ffffff;
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
      font-weight: normal;
      background: transparent;
      margin: 0;
      font-size: 16px;
      width: calc(100%);
      margin-bottom: 8px;
      line-height: 1.43; }
    .cardOuter__2CNGG:hover .cardWrapperInner__baxIe, .cardOuter__2CNGG:focus .cardWrapperInner__baxIe, .cardOuter__2CNGG:focus-within .cardWrapperInner__baxIe {
      transform: scale(1.1);
      z-index: 100001; }
    .cardOuter__2CNGG:hover .cardLower__2Kvjt, .cardOuter__2CNGG:focus .cardLower__2Kvjt, .cardOuter__2CNGG:focus-within .cardLower__2Kvjt {
      opacity: 1;
      transition-delay: 0.15s; }
    .cardOuter__2CNGG:hover .cardHoverMeta__2d2Ne, .cardOuter__2CNGG:focus .cardHoverMeta__2d2Ne, .cardOuter__2CNGG:focus-within .cardHoverMeta__2d2Ne {
      opacity: 1;
      transition-delay: 0.15s; }
  .cardOuter__2CNGG:focus-visible .cardInner__9auqj {
    outline: 2px solid #3b99fc;
    outline-offset: 0; }
  .cardOuter__2CNGG[data-focus-visible-added] {
    outline: none !important; }

.cardWrap__UMFoI {
  position: relative;
  width: 100%;
  padding-top: 56%; }

.cardWrapperInner__baxIe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.15s linear;
  z-index: 1;
  transform-origin: center bottom; }
  .cardWrapperInner__baxIe .lockCardIconWrapper__TytYH {
    width: 13.54%;
    position: absolute;
    z-index: 100;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .cardWrapperInner__baxIe .lockCardIconWrapper__TytYH .lockCardIcon__10Nby {
      position: absolute;
      z-index: 100;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: auto; }

.cardInner__9auqj {
  height: 100%;
  width: 100%;
  display: inline-block;
  z-index: 16;
  position: relative;
  opacity: 1;
  margin-bottom: 0;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.4), 0 0 10px 4px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  transform: translateZ(0); }

.lockCard__17tyf {
  filter: blur(4px);
  -webkit-filter: blur(4px); }

.cardMetaData__NCZ8m, .priceData__2OBKn {
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  white-space: normal;
  color: #ffffff;
  width: calc(100% - 4vw);
  padding: 1% 0; }

.cardIconWrapper__3egFM {
  position: absolute;
  top: 20%;
  right: 0;
  width: 3vw;
  height: 3vw; }
  .cardIconWrapper__3egFM .cardIconContainer__2meYh {
    height: 100%;
    border-radius: 100px;
    background-color: #333333; }
  .cardIconWrapper__3egFM button {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    min-width: auto;
    margin: 0;
    padding: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333333; }
    .cardIconWrapper__3egFM button:focus.cardIconAdd__2NYF7 {
      background-image: url(/icons/add-black.svg);
      background-color: #ffffff; }
    .cardIconWrapper__3egFM button:focus.cardIconRemove__2fnGS {
      background-image: url(/icons/icon-remove-black.svg);
      background-color: #ffffff; }
  .cardIconWrapper__3egFM:hover button,
  .cardIconWrapper__3egFM:hover .cardIconContainer__2meYh, .cardIconWrapper__3egFM:hover button,
  .cardIconWrapper__3egFM:hover .cardIconContainer__2meYh {
    background-color: #ffffff; }
  .cardIconWrapper__3egFM:hover .cardIconAdd__2NYF7, .cardIconWrapper__3egFM:hover .cardIconAdd__2NYF7 {
    background-image: url(/icons/add-black.svg);
    background-color: #ffffff; }
  .cardIconWrapper__3egFM:hover .cardIconRemove__2fnGS, .cardIconWrapper__3egFM:hover .cardIconRemove__2fnGS {
    background-image: url(/icons/icon-remove-black.svg);
    background-color: #ffffff; }

.cardIconAdd__2NYF7 {
  background-image: url(/icons/icon-add-white.svg);
  background-size: 80%; }

.cardIconRemove__2fnGS {
  background-image: url(/icons/icon-remove-white.svg);
  background-size: 80%; }

.cardLower__2Kvjt {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  z-index: 10;
  transition: all 0.15s linear;
  max-height: 100%;
  padding: 4% 0;
  background-color: #0f0f0f; }

.cardHoverMeta__2d2Ne {
  opacity: 0; }

.cardContentTitle__18wG_ {
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  width: calc(100% - 4vw);
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.srOnly__2bI9T {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }

/**
 * At 420px or lower, the width of the cards start to decrease. We need to calculate height in
 * the same way to keep proper aspect ratio of 2x3. Also elements inside the card may have to be
 * resized accordingly
 */
@media all and (min-width: 923px) and (max-width: 1200px) {
  .cardContentTitle__18wG_ {
    font-size: 12px;
    line-height: 22px; }
  .cardMetaData__NCZ8m, .priceData__2OBKn {
    font-size: 10px; } }

@media all and (min-width: 1460px) {
  .cardMetaData__NCZ8m, .priceData__2OBKn {
    font-size: 0.8vw !important;
    line-height: 1.35vw !important; }
  .cardContentTitle__18wG_ {
    font-size: 1.1vw !important;
    line-height: 1.35vw !important; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/* ====================== *
*
*
*   View All Card Layout
*
*
* ======================= */
.cardWrap__1G_wW {
  position: relative;
  width: 100%;
  padding-top: 56%; }

.cardWrapperInner__3AQiJ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .15s linear;
  z-index: 1;
  transform-origin: center bottom; }

.cardOuter__2sLqW {
  margin: 10px 2.5% 25%;
  position: relative;
  transition: all .15s linear;
  display: block;
  transition: all .15s linear; }
  .cardOuter__2sLqW:hover, .cardOuter__2sLqW:focus {
    z-index: 100001; }
    .cardOuter__2sLqW:hover .cardWrapperInner__3AQiJ, .cardOuter__2sLqW:focus .cardWrapperInner__3AQiJ {
      transform: scale(1.1);
      z-index: 100001; }
    .cardOuter__2sLqW:hover .cardLower__a7U3M, .cardOuter__2sLqW:focus .cardLower__a7U3M {
      opacity: 1;
      transition-delay: .15s; }
  .cardOuter__2sLqW:focus-visible .cardInner__2Un9- {
    outline: 2px solid #3b99fc;
    outline-offset: 0; }
  .cardOuter__2sLqW[data-focus-visible-added] {
    outline: none !important; }

.cardInner__2Un9- {
  height: 100%;
  width: 100%;
  display: inline-block;
  z-index: 16;
  position: relative;
  opacity: 1;
  margin-bottom: 0;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.4), 0 0 10px 4px rgba(0, 0, 0, 0.2);
  background-color: #0f0f0f;
  overflow: hidden;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  transform: translateZ(0); }

.cardInnerInfo__1HEDm {
  white-space: normal;
  width: 100%;
  height: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .cardInnerInfo__1HEDm .titlesInner__adFgB {
    text-align: center; }
    .cardInnerInfo__1HEDm .titlesInner__adFgB img {
      height: 24px;
      width: 24px; }

.textlink__2vHDf {
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  margin-right: 10px; }

@media all and (max-width: 767px) {
  .textlink__2vHDf {
    font-size: 12px !important;
    line-height: 20px !important; } }

@media all and (max-width: 1024px) {
  .textlink__2vHDf {
    font-size: 14px;
    line-height: 26px;
    margin: 0; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.cardOuter__2l5iE {
  width: 280px;
  height: 210px;
  -ms-flex: none;
      flex: none;
  margin: 0;
  padding: 0;
  box-shadow: 0 1px 0 0 #e4e5e3;
  background-color: #ffffff;
  display: block; }
  .cardOuter__2l5iE:hover {
    cursor: pointer; }

.cardUpper__3U71V {
  position: relative;
  display: table;
  width: 100%; }
  .cardUpper__3U71V .standalonePlayableBadgeWrapper__1LDno {
    position: absolute;
    top: 0;
    left: 0; }
  .cardUpper__3U71V .purchasableBadge__1PaH2 {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("/icons/purchasable-icon-black@2x.png");
    background-size: cover; }

.cardBody__lG3kl {
  display: inherit; }

.cardInfo__2_P3U {
  padding: 20px; }

.cardHeading__2oBz6 {
  font-size: 18px;
  line-height: 1.3;
  margin: 0 0 10px 0;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  color: #0c0c0c;
  white-space: normal;
  min-height: 20px; }

.cardDescription__2IXQO {
  font-size: 14px;
  line-height: 1.3;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  color: #333333;
  white-space: normal; }

@media all and (max-width: 767px) {
  .cardDescription__2IXQO {
    font-size: 12px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.cardOuter__1q9MO {
  margin: 10px 2.5% 25%;
  position: relative;
  transition: all 0.15s linear;
  display: block;
  transition: all 0.15s linear; }
  .cardOuter__1q9MO:hover, .cardOuter__1q9MO:focus, .cardOuter__1q9MO:focus-within {
    z-index: 100001; }
    .cardOuter__1q9MO:hover .cardWrapperInner__3z464, .cardOuter__1q9MO:focus .cardWrapperInner__3z464, .cardOuter__1q9MO:focus-within .cardWrapperInner__3z464 {
      transform: scale(1.1);
      z-index: 100001; }
    .cardOuter__1q9MO:hover .cardIconWrapper__17w9X, .cardOuter__1q9MO:hover .cardLower__74LKP, .cardOuter__1q9MO:focus .cardIconWrapper__17w9X, .cardOuter__1q9MO:focus .cardLower__74LKP, .cardOuter__1q9MO:focus-within .cardIconWrapper__17w9X, .cardOuter__1q9MO:focus-within .cardLower__74LKP {
      opacity: 1;
      transition-delay: 0.15s; }
  .cardOuter__1q9MO:focus-visible .cardInner__2IsW6 {
    outline: 2px solid #3b99fc;
    outline-offset: 0; }
  .cardOuter__1q9MO[data-focus-visible-added] {
    outline: none !important; }

.cardWrap__2mBXO {
  position: relative;
  width: 100%;
  padding-top: 56%; }

.cardWrapperInner__3z464 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.15s linear;
  z-index: 1;
  transform-origin: center bottom; }
  .cardWrapperInner__3z464 .lockCardIconWrapper__3SC10 {
    width: 13.54%;
    position: absolute;
    z-index: 100;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .cardWrapperInner__3z464 .lockCardIconWrapper__3SC10 .lockCardIcon__3qtDl {
      position: absolute;
      z-index: 100;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: auto; }

.lockCard__tarRW {
  filter: blur(4px);
  -webkit-filter: blur(4px); }

.cardInner__2IsW6 {
  height: 100%;
  width: 100%;
  display: inline-block;
  z-index: 16;
  position: relative;
  opacity: 1;
  margin-bottom: 0;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.4), 0 0 10px 4px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  overflow: hidden;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  transform: translateZ(0); }

.cardMetaData__2t7_5 {
  font-size: 16px;
  line-height: 16px;
  overflow: hidden;
  white-space: normal;
  color: #ffffff;
  width: calc(100% - 4vw);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */ }

.cardIconWrapper__17w9X {
  position: absolute;
  top: 20%;
  right: 0;
  width: 3vw;
  height: 3vw; }
  .cardIconWrapper__17w9X .cardIconContainer__1kCXm {
    height: 100%;
    border-radius: 100px;
    background-color: #333333; }
  .cardIconWrapper__17w9X button {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    min-width: auto;
    margin: 0;
    padding: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333333; }
    .cardIconWrapper__17w9X button:focus.cardIconAdd__e21fD {
      background-image: url(/icons/add-black.svg);
      background-color: #ffffff; }
    .cardIconWrapper__17w9X button:focus.cardIconRemove__3ayZA {
      background-image: url(/icons/icon-remove-black.svg);
      background-color: #ffffff; }
  .cardIconWrapper__17w9X:hover button, .cardIconWrapper__17w9X:hover .cardIconContainer__1kCXm, .cardIconWrapper__17w9X:hover button, .cardIconWrapper__17w9X:hover .cardIconContainer__1kCXm {
    background-color: #ffffff; }
  .cardIconWrapper__17w9X:hover .cardIconAdd__e21fD, .cardIconWrapper__17w9X:hover .cardIconAdd__e21fD {
    background-image: url(/icons/add-black.svg);
    background-color: #ffffff; }
  .cardIconWrapper__17w9X:hover .cardIconRemove__3ayZA, .cardIconWrapper__17w9X:hover .cardIconRemove__3ayZA {
    background-image: url(/icons/icon-remove-black.svg);
    background-color: #ffffff; }

.cardIconAdd__e21fD {
  background-image: url(/icons/icon-add-white.svg); }

.cardIconRemove__3ayZA {
  background-image: url(/icons/icon-remove-white.svg); }

.cardLower__74LKP {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  opacity: 0;
  z-index: 10;
  transition: all 0.15s linear;
  max-height: 100%;
  padding: 2% 0;
  background-color: #0f0f0f; }

.cardContentTitle__2zSK2 {
  color: #ffffff;
  font-family: 'VerizonNHGTX-Bold', Arial, sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  margin: 0;
  font-size: 18px;
  width: calc(100% - 4vw);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */ }

.srOnly__1aP-S {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }

.slick-slider .slick-track .slick-slide:first-child .cardOuter__1q9MO {
  margin-left: 0; }

/**
 * At 420px or lower, the width of the cards start to decrease. We need to calculate height in
 * the same way to keep proper aspect ratio of 2x3. Also elements inside the card may have to be
 * resized accordingly
 */
@media all and (min-width: 923px) and (max-width: 1200px) {
  .cardContentTitle__2zSK2 {
    font-size: 12px;
    line-height: 22px; }
  .cardMetaData__2t7_5 {
    font-size: 10px; } }

@media all and (min-width: 1460px) {
  .cardMetaData__2t7_5 {
    font-size: 0.8vw;
    line-height: 1.35vw; }
  .cardContentTitle__2zSK2 {
    font-size: 1.1vw;
    line-height: 1.35; } }

@media all and (max-width: 1024px) {
  .cardLower__74LKP {
    opacity: 1; }
  .cardContentTitle__2zSK2 {
    font-size: 14px;
    width: 100%;
    line-height: 26px; }
  .cardMetaData__2t7_5 {
    font-size: 12px;
    width: 100%;
    line-height: 12px;
    color: #a6a6a6; }
  .cardIconWrapper__17w9X {
    display: none; }
  .cardIconAdd__e21fD,
  .cardIconRemove__3ayZA {
    background-size: 75%; }
  .cardOuter__1q9MO:hover .cardWrapperInner__3z464, .cardOuter__1q9MO:focus .cardWrapperInner__3z464, .cardOuter__1q9MO:focus-within .cardWrapperInner__3z464 {
    transform: scale(1); } }

@media all and (max-width: 767px) {
  .cardContentTitle__2zSK2 {
    font-size: 12px;
    line-height: 20px; }
  .cardMetaData__2t7_5 {
    font-size: 10px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.cardOuter__2r_pK {
  margin: 10px 2.5% 30%;
  position: relative;
  transition: all 0.15s linear;
  display: block;
  transition: all 0.15s linear; }
  .cardOuter__2r_pK:hover, .cardOuter__2r_pK:focus, .cardOuter__2r_pK:focus-within {
    z-index: 100001; }
    .cardOuter__2r_pK:hover .cardContentTitle__ic9aF, .cardOuter__2r_pK:focus .cardContentTitle__ic9aF, .cardOuter__2r_pK:focus-within .cardContentTitle__ic9aF {
      color: #ffffff;
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
      font-weight: normal;
      background: transparent;
      margin: 0;
      font-size: 16px;
      width: calc(100%);
      margin-bottom: 8px;
      line-height: 1.43; }
    .cardOuter__2r_pK:hover .cardWrapperInner__22D8S, .cardOuter__2r_pK:focus .cardWrapperInner__22D8S, .cardOuter__2r_pK:focus-within .cardWrapperInner__22D8S {
      transform: scale(1.1);
      z-index: 100001; }
    .cardOuter__2r_pK:hover .cardLower__2ufKy, .cardOuter__2r_pK:focus .cardLower__2ufKy, .cardOuter__2r_pK:focus-within .cardLower__2ufKy {
      opacity: 1;
      transition-delay: 0.15s; }
    .cardOuter__2r_pK:hover .cardHoverMeta__2BphW, .cardOuter__2r_pK:focus .cardHoverMeta__2BphW, .cardOuter__2r_pK:focus-within .cardHoverMeta__2BphW {
      opacity: 1;
      transition-delay: 0.15s; }
  .cardOuter__2r_pK:focus-visible .cardInner__1o97h {
    outline: 2px solid #3b99fc;
    outline-offset: 0; }
  .cardOuter__2r_pK[data-focus-visible-added] {
    outline: none !important; }

.cardWrap__1ZxI2 {
  position: relative;
  width: 100%;
  padding-top: 56%; }

.cardWrapperInner__22D8S {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.15s linear;
  z-index: 1;
  transform-origin: center bottom;
  background-color: #a6a6a6; }
  .cardWrapperInner__22D8S .lockCardIconWrapper__gfRmR {
    width: 13.54%;
    position: absolute;
    z-index: 100;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .cardWrapperInner__22D8S .lockCardIconWrapper__gfRmR .lockCardIcon__2OnEW {
      position: absolute;
      z-index: 100;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: auto; }

.cardInner__1o97h {
  height: 100%;
  width: 100%;
  display: inline-block;
  z-index: 16;
  position: relative;
  opacity: 1;
  margin-bottom: 0;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.4), 0 0 10px 4px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  transform: translateZ(0); }

.lockCard__3OJgn {
  filter: blur(4px);
  -webkit-filter: blur(4px); }

.cardMetaData__1i7bM {
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  white-space: normal;
  color: #ffffff;
  width: calc(100% - 4vw);
  padding: 1% 0; }

.cardIconWrapper__2SIFP {
  position: absolute;
  top: 20%;
  right: 0;
  width: 3vw;
  height: 3vw; }
  .cardIconWrapper__2SIFP .cardIconContainer__14rng {
    height: 100%;
    border-radius: 100px;
    background-color: #333333; }
  .cardIconWrapper__2SIFP button {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    min-width: auto;
    margin: 0;
    padding: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333333; }
    .cardIconWrapper__2SIFP button:focus.cardIconAdd__3RVVW {
      background-image: url(/icons/add-black.svg);
      background-color: #ffffff; }
    .cardIconWrapper__2SIFP button:focus.cardIconRemove__1qtd4 {
      background-image: url(/icons/icon-remove-black.svg);
      background-color: #ffffff; }
  .cardIconWrapper__2SIFP:hover button,
  .cardIconWrapper__2SIFP:hover .cardIconContainer__14rng, .cardIconWrapper__2SIFP:hover button,
  .cardIconWrapper__2SIFP:hover .cardIconContainer__14rng {
    background-color: #ffffff; }
  .cardIconWrapper__2SIFP:hover .cardIconAdd__3RVVW, .cardIconWrapper__2SIFP:hover .cardIconAdd__3RVVW {
    background-image: url(/icons/add-black.svg);
    background-color: #ffffff; }
  .cardIconWrapper__2SIFP:hover .cardIconRemove__1qtd4, .cardIconWrapper__2SIFP:hover .cardIconRemove__1qtd4 {
    background-image: url(/icons/icon-remove-black.svg);
    background-color: #ffffff; }

.cardIconAdd__3RVVW {
  background-image: url(/icons/icon-add-white.svg); }

.cardIconRemove__1qtd4 {
  background-image: url(/icons/icon-remove-white.svg); }

.cardLower__2ufKy {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  z-index: 10;
  transition: all 0.15s linear;
  max-height: 100%;
  padding: 4% 0;
  background-color: #0f0f0f; }

.cardHoverMeta__2BphW {
  opacity: 0; }

.cardContentTitle__ic9aF {
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  width: calc(100% - 4vw);
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.srOnly__2PVh2 {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }

/**
 * At 420px or lower, the width of the cards start to decrease. We need to calculate height in
 * the same way to keep proper aspect ratio of 2x3. Also elements inside the card may have to be
 * resized accordingly
 */
@media all and (min-width: 923px) and (max-width: 1200px) {
  .cardContentTitle__ic9aF {
    font-size: 12px;
    line-height: 22px; }
  .cardMetaData__1i7bM {
    font-size: 10px; } }

@media all and (min-width: 1460px) {
  .cardMetaData__1i7bM {
    font-size: 0.8vw !important;
    line-height: 1.35vw !important; }
  .cardContentTitle__ic9aF {
    font-size: 1.1vw !important;
    line-height: 1.35 !important; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.cardOuter__1jvia {
  margin: 10px 2.5% 25%;
  position: relative;
  transition: all 0.15s linear;
  display: block;
  transition: all 0.15s linear;
  cursor: pointer; }
  .cardOuter__1jvia:hover, .cardOuter__1jvia:focus, .cardOuter__1jvia:focus-within {
    z-index: 100001; }
    .cardOuter__1jvia:hover .cardWrapperInner__39GAs, .cardOuter__1jvia:focus .cardWrapperInner__39GAs, .cardOuter__1jvia:focus-within .cardWrapperInner__39GAs {
      transform: scale(1.1);
      z-index: 100001; }
    .cardOuter__1jvia:hover .cardIconWrapper__1LNLH,
    .cardOuter__1jvia:hover .cardLower__3P4sx, .cardOuter__1jvia:focus .cardIconWrapper__1LNLH,
    .cardOuter__1jvia:focus .cardLower__3P4sx, .cardOuter__1jvia:focus-within .cardIconWrapper__1LNLH,
    .cardOuter__1jvia:focus-within .cardLower__3P4sx {
      opacity: 1;
      transition-delay: 0.15s; }
  .cardOuter__1jvia:focus-visible .cardInner__3ul6g {
    outline: 2px solid #3b99fc;
    outline-offset: 0; }
  .cardOuter__1jvia[data-focus-visible-added] {
    outline: none !important; }

.cardWrap__1Gy6L {
  position: relative;
  width: 100%;
  padding-top: 56%; }

.cardWrapperInner__39GAs {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.15s linear;
  z-index: 1;
  transform-origin: center bottom; }
  .cardWrapperInner__39GAs .lockCardIconWrapper__3zuai {
    width: 13.54%;
    position: absolute;
    z-index: 100;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .cardWrapperInner__39GAs .lockCardIconWrapper__3zuai .lockCardIcon__7oTht {
      position: absolute;
      z-index: 100;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: auto; }
  .cardWrapperInner__39GAs .selectCardContainer__1JI9e {
    position: absolute;
    font-size: 30px;
    right: 20px;
    top: 20px;
    z-index: 17; }

.lockCard__2a4Pp {
  filter: blur(4px);
  -webkit-filter: blur(4px); }

.cardInner__3ul6g {
  height: 100%;
  width: 100%;
  display: inline-block;
  z-index: 16;
  position: relative;
  opacity: 1;
  margin-bottom: 0;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.4), 0 0 10px 4px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  overflow: hidden;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  transform: translateZ(0); }

.cardMetaData__2OD0N {
  font-size: 16px;
  line-height: 16px;
  overflow: hidden;
  white-space: normal;
  color: #ffffff;
  width: calc(100% - 4vw); }

.cardIconWrapper__1LNLH {
  position: absolute;
  top: 20%;
  right: 0;
  width: 3vw;
  height: 3vw; }
  .cardIconWrapper__1LNLH .cardIconContainer__3oP6D {
    height: 100%;
    border-radius: 100px;
    background-color: #333333; }
  .cardIconWrapper__1LNLH button {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    min-width: auto;
    margin: 0;
    padding: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333333; }
    .cardIconWrapper__1LNLH button:focus.cardIconAdd__P4zzx {
      background-image: url(/icons/add-black.svg);
      background-color: #ffffff; }
    .cardIconWrapper__1LNLH button:focus.cardIconRemove__2OEKX {
      background-image: url(/icons/icon-remove-black.svg);
      background-color: #ffffff; }
  .cardIconWrapper__1LNLH:hover button,
  .cardIconWrapper__1LNLH:hover .cardIconContainer__3oP6D, .cardIconWrapper__1LNLH:hover button,
  .cardIconWrapper__1LNLH:hover .cardIconContainer__3oP6D {
    background-color: #ffffff; }
  .cardIconWrapper__1LNLH:hover .cardIconAdd__P4zzx, .cardIconWrapper__1LNLH:hover .cardIconAdd__P4zzx {
    background-image: url(/icons/add-black.svg);
    background-color: #ffffff; }
  .cardIconWrapper__1LNLH:hover .cardIconRemove__2OEKX, .cardIconWrapper__1LNLH:hover .cardIconRemove__2OEKX {
    background-image: url(/icons/icon-remove-black.svg);
    background-color: #ffffff; }

.cardIconAdd__P4zzx {
  background-image: url(/icons/icon-add-white.svg); }

.cardIconRemove__2OEKX {
  background-image: url(/icons/icon-remove-white.svg); }

.cardLower__3P4sx {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  opacity: 0;
  z-index: 10;
  transition: all 0.15s linear;
  max-height: 100%;
  padding: 2% 0;
  background-color: #0f0f0f; }

.cardContentTitle__gb50U {
  color: #ffffff;
  font-family: 'VerizonNHGTX-Bold', Arial, sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  margin: 0;
  font-size: 18px;
  width: calc(100% - 4vw); }

.srOnly__1GVsV {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }

/**
 * At 420px or lower, the width of the cards start to decrease. We need to calculate height in
 * the same way to keep proper aspect ratio of 2x3. Also elements inside the card may have to be
 * resized accordingly
 */
@media all and (min-width: 923px) and (max-width: 1200px) {
  .cardContentTitle__gb50U {
    font-size: 12px;
    line-height: 22px; }
  .cardMetaData__2OD0N {
    font-size: 10px; } }

@media all and (min-width: 1460px) {
  .cardMetaData__2OD0N {
    font-size: 0.8vw;
    line-height: 1.35vw; }
  .cardContentTitle__gb50U {
    font-size: 1.1vw;
    line-height: 1.35; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.cardOuter__2oY-I {
  margin: 10px 2.5% 30%;
  position: relative;
  transition: all 0.15s linear;
  display: block;
  transition: all 0.15s linear; }
  .cardOuter__2oY-I .child__28vPC {
    position: absolute;
    width: 311px;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.2);
    transition: inherit;
    --translate: calc(var(--offset) * var(--offset-multiplier));
    transform: translate(var(--translate), var(--translate));
    z-index: 5; }
  .cardOuter__2oY-I .child__28vPC:nth-child(1) {
    --offset: 0;
    z-index: 3;
    top: -4px;
    left: 1%;
    width: 98%;
    background-color: #9f9c9c; }
  .cardOuter__2oY-I .child__28vPC:nth-child(2) {
    --offset: 1;
    z-index: 2;
    top: -8px;
    left: 2%;
    width: 96%;
    background-color: rgba(145, 145, 145, 0.7); }
  .cardOuter__2oY-I:hover, .cardOuter__2oY-I:focus, .cardOuter__2oY-I:focus-within {
    z-index: 100001; }
    .cardOuter__2oY-I:hover .cardContentTitle__1fdVf, .cardOuter__2oY-I:focus .cardContentTitle__1fdVf, .cardOuter__2oY-I:focus-within .cardContentTitle__1fdVf {
      color: #ffffff;
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
      font-weight: normal;
      background: transparent;
      margin: 0;
      font-size: 16px;
      width: calc(100%);
      margin-bottom: 8px;
      line-height: 1.43; }
    .cardOuter__2oY-I:hover .cardWrapperInner__kBpbz, .cardOuter__2oY-I:focus .cardWrapperInner__kBpbz, .cardOuter__2oY-I:focus-within .cardWrapperInner__kBpbz {
      transform: scale(1.1);
      z-index: 100001; }
    .cardOuter__2oY-I:hover .cardLower__2bffO, .cardOuter__2oY-I:focus .cardLower__2bffO, .cardOuter__2oY-I:focus-within .cardLower__2bffO {
      opacity: 1;
      transition-delay: 0.15s; }
    .cardOuter__2oY-I:hover .cardHoverMeta__2eScC, .cardOuter__2oY-I:focus .cardHoverMeta__2eScC, .cardOuter__2oY-I:focus-within .cardHoverMeta__2eScC {
      opacity: 1;
      transition-delay: 0.15s; }
  .cardOuter__2oY-I:focus-visible .cardInner__DyIx1 {
    outline: 2px solid #3b99fc;
    outline-offset: 0; }
  .cardOuter__2oY-I[data-focus-visible-added] {
    outline: none !important; }

.cardWrap__eSXCo {
  position: relative;
  width: 100%;
  padding-top: 56%; }

.cardWrapperInner__kBpbz {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.15s linear;
  z-index: 1;
  transform-origin: center bottom; }
  .cardWrapperInner__kBpbz .lockCardIconWrapper__1H-Fa {
    width: 13.54%;
    position: absolute;
    z-index: 100;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .cardWrapperInner__kBpbz .lockCardIconWrapper__1H-Fa .lockCardIcon__1GYnU {
      position: absolute;
      z-index: 100;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: auto; }

.cardInner__DyIx1 {
  height: 100%;
  width: 100%;
  display: inline-block;
  z-index: 16;
  position: relative;
  opacity: 1;
  margin-bottom: 0;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.4), 0 0 10px 4px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  transform: translateZ(0); }

.lockCard__1r_nQ {
  filter: blur(4px);
  -webkit-filter: blur(4px); }

.cardMetaData__2pZ2a, .priceData__3hpdc {
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  white-space: normal;
  color: #ffffff;
  width: calc(100% - 4vw);
  padding: 1% 0; }

.cardIconWrapper__1rOKq {
  position: absolute;
  top: 20%;
  right: 0;
  width: 3vw;
  height: 3vw; }
  .cardIconWrapper__1rOKq .cardIconContainer__1Ecxy {
    height: 100%;
    border-radius: 100px;
    background-color: #333333; }
  .cardIconWrapper__1rOKq button {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    min-width: auto;
    margin: 0;
    padding: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333333; }
    .cardIconWrapper__1rOKq button:focus.cardIconAdd__25BrK {
      background-image: url(/icons/add-black.svg);
      background-color: #ffffff; }
    .cardIconWrapper__1rOKq button:focus.cardIconRemove__3_FSt {
      background-image: url(/icons/icon-remove-black.svg);
      background-color: #ffffff; }
  .cardIconWrapper__1rOKq:hover button,
  .cardIconWrapper__1rOKq:hover .cardIconContainer__1Ecxy, .cardIconWrapper__1rOKq:hover button,
  .cardIconWrapper__1rOKq:hover .cardIconContainer__1Ecxy {
    background-color: #ffffff; }
  .cardIconWrapper__1rOKq:hover .cardIconAdd__25BrK, .cardIconWrapper__1rOKq:hover .cardIconAdd__25BrK {
    background-image: url(/icons/add-black.svg);
    background-color: #ffffff; }
  .cardIconWrapper__1rOKq:hover .cardIconRemove__3_FSt, .cardIconWrapper__1rOKq:hover .cardIconRemove__3_FSt {
    background-image: url(/icons/icon-remove-black.svg);
    background-color: #ffffff; }

.cardIconAdd__25BrK {
  background-image: url(/icons/icon-add-white.svg); }

.cardIconRemove__3_FSt {
  background-image: url(/icons/icon-remove-white.svg); }

.cardLower__2bffO {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 40%;
  width: 100%;
  z-index: 10;
  transition: all 0.15s linear;
  max-height: 100%;
  padding: 4% 0;
  background-color: #0f0f0f; }

.cardHoverMeta__2eScC {
  opacity: 0; }

.cardContentTitle__1fdVf {
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  width: calc(100% - 3vw);
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.srOnly__2OR92 {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }

/**
 * At 420px or lower, the width of the cards start to decrease. We need to calculate height in
 * the same way to keep proper aspect ratio of 2x3. Also elements inside the card may have to be
 * resized accordingly
 */
@media all and (min-width: 923px) and (max-width: 1200px) {
  .cardContentTitle__1fdVf {
    font-size: 12px;
    line-height: 22px; }
  .cardMetaData__2pZ2a, .priceData__3hpdc {
    font-size: 10px; } }

@media all and (min-width: 1460px) {
  .cardMetaData__2pZ2a, .priceData__3hpdc {
    font-size: 0.8vw !important;
    line-height: 1.35vw !important; }
  .cardContentTitle__1fdVf {
    font-size: 1.1vw !important;
    line-height: 1.35 !important; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.railContainer__hax5K {
  padding: 20px 0 26px; }

.railContainer-lightShadeRail__3_C3k { }

.railContainer-darkShadeRail__pYsGq {
  background-color: #e4e5e3; }

.railContainer-darkerShadeRail__36C7n {
  background-color: #242424;
  border-bottom: 1px solid #4b4b4b; }

.waysToWatchModal__1Mm5M .railContainer__hax5K {
  width: 100%; }

@media all and (max-width: 1024px) {
  .railContainer__hax5K {
    padding-top: 30px; } }

@media all and (min-width: 1280px) {
  .railContainer__hax5K {
    padding: 30px 0 26px; } }

@media all and (max-width: 1024px) {
  .railContainer__hax5K {
    padding: 24px 0 17px; } }

@media all and (max-width: 767px) {
  .railContainer__hax5K {
    padding-top: 20px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.railTitleContainer__2gZjQ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 0;
  padding-top: 0;
  position: relative;
  z-index: 111;
  width: 100%;
  margin: auto;
  margin-top: 0;
  margin-bottom: -20px;
  padding-left: 5.76%; }

.guideImage__1PNV9 {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-right: 15px; }

.railTitle__3ZDy_ {
  line-height: 1.2;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-weight: light;
  margin-bottom: 0px;
  font-size: 28px; }

.railTitle-lightShadeRail__A_kQI,
.railTitle-darkShadeRail__1vlAD { }

.railTitle-darkerShadeRail__3bfxV {
  color: #ffffff; }

.railTitleIcon__3_TuI {
  fill: #cd040b;
  margin-left: 10px;
  width: 25px;
  height: 25px; }

.railTitleContainer__2gZjQ:hover .railTitleIcon__3_TuI {
  animation: linkArrowAnimation__1glnB 0.3s ease-out; }

@media all and (max-width: 1024px) {
  .railTitleContainer__2gZjQ {
    padding: 0 5% 0; }
    .railTitleContainer__2gZjQ .railTitle__3ZDy_ {
      font-size: 24px; } }

@media all and (max-width: 767px) {
  .railTitleContainer__2gZjQ {
    padding: 0 6% 0; }
    .railTitleContainer__2gZjQ .railTitle__3ZDy_ {
      font-size: 20px; } }

@keyframes linkArrowAnimation__1glnB {
  0% {
    margin-left: 10px; }
  50% {
    margin-left: 20px; }
  100% {
    margin-left: 10px; } }

@media all and (min-width: 1024px) and (max-width: 2100px) and (orientation: landscape) {
  .railTitleContainerForLTab__2g41H {
    padding: 0 3% 0; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.srOnly__3-SRG {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }

.customArrowLeft__3PTMK {
  opacity: .7;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  transition: opacity .5s ease-in;
  position: absolute;
  left: 0;
  top: 0; }
  .customArrowLeft__3PTMK:hover {
    opacity: 0.9;
    transition: opacity .5s ease-in; }
  .customArrowLeft__3PTMK img {
    transform: rotate(180deg);
    position: relative;
    top: calc(50% - 18px);
    width: 100%;
    height: 36px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.7)); }

.customArrowRight__1cBGK {
  opacity: .7;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  transition: opacity .5s ease-in;
  position: absolute;
  top: 0;
  right: 0; }
  .customArrowRight__1cBGK:hover {
    opacity: 0.9;
    transition: opacity .5s ease-in; }
  .customArrowRight__1cBGK img {
    position: relative;
    top: calc(50% - 18px);
    width: 100%;
    height: 36px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.7)); }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.cardSlider__14-0a {
  margin: auto;
  margin-bottom: 0px;
  position: relative;
  z-index: 112; }
  .cardSlider__14-0a.multiRow__1Dl6N {
    position: relative;
    margin-bottom: 0; }
    .cardSlider__14-0a.multiRow__1Dl6N .slick-list {
      margin-bottom: 20px !important; }
    .cardSlider__14-0a.multiRow__1Dl6N .slick-prev {
      height: calc(100% - 72px);
      top: 52px; }
    .cardSlider__14-0a.multiRow__1Dl6N .slick-next {
      height: calc(100% - 72px);
      top: 52px; }
    .cardSlider__14-0a.multiRow__1Dl6N [class^='cardOuter_'] {
      margin: 8px 2.5% 0; }
    .cardSlider__14-0a.multiRow__1Dl6N [class^='cardWrap_'] {
      padding-top: 75%; }
    .cardSlider__14-0a.multiRow__1Dl6N [class^='cardWrapperInner_'] {
      height: 100%; }
  .cardSlider__14-0a .slick-list {
    padding-top: 24px !important;
    padding-bottom: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    box-sizing: content-box;
    overflow: visible; }
  .cardSlider__14-0a .slick-slider {
    margin-bottom: 0;
    padding: 0 5.76%; }
  .cardSlider__14-0a .slick-prev {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s linear;
    position: absolute;
    display: block;
    height: calc(100% - 118px);
    width: 7.7%;
    line-height: 0;
    font-size: 0;
    color: transparent;
    background: black;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, 0.75) 100%);
    top: 48px;
    left: 0;
    padding: 0;
    border: none;
    outline: none; }
    .cardSlider__14-0a .slick-prev.fadeOut__vPUFe {
      visibility: hidden;
      opacity: 0;
      transition: all 0.5s linear; }
    .cardSlider__14-0a .slick-prev button {
      width: 100%;
      height: 100%;
      position: relative;
      top: 0; }
  .cardSlider__14-0a .slick-next {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s linear;
    position: absolute;
    display: block;
    height: calc(100% - 118px);
    width: 7.7%;
    line-height: 0;
    font-size: 0;
    color: transparent;
    background: black;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, 0.75) 100%);
    top: 48px;
    right: 0;
    padding: 0;
    border: none;
    outline: none; }
    .cardSlider__14-0a .slick-next.fadeOut__vPUFe {
      visibility: hidden;
      opacity: 0;
      transition: all 0.5s linear; }
    .cardSlider__14-0a .slick-next button {
      width: 100%;
      height: 100%;
      position: relative;
      top: 0; }
  .cardSlider__14-0a .slick-disabled {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s linear; }

@media all and (max-width: 849px) {
  .cardSlider__14-0a .slick-slider {
    padding: 0 6%;
    padding-top: 10px; }
  .cardSlider__14-0a .slick-prev {
    width: 5.2%;
    height: calc(100% - 108px);
    top: 60px; }
  .cardSlider__14-0a .slick-next {
    width: 5.2%;
    height: calc(100% - 108px);
    top: 60px; }
  .cardSlider__14-0a .slick-list {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important; }
  .cardSlider__14-0a .slick-slider .slick-track {
    background-color: transparent; }
  .cardSlider__14-0a.multiRow__1Dl6N .slick-prev {
    height: calc(100% - 58px);
    top: 38px; }
  .cardSlider__14-0a.multiRow__1Dl6N .slick-next {
    height: calc(100% - 58px);
    top: 38px; } }

@media all and (max-width: 1024px) and (orientation: portrait), (max-width: 914px) and (orientation: landscape) {
  .cardSlider__14-0a {
    padding-left: 5%; }
    .cardSlider__14-0a .slick-slider {
      padding-left: 0; } }

@media all and (max-width: 767px) {
  .cardSlider__14-0a {
    padding-left: 6%; } }

@media all and (min-width: 1024px) and (max-width: 2100px) and (orientation: landscape) {
  .cardSliderForLTab__3r4SS .slick-slider {
    padding-left: 3% !important; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.infoWrapper__3qE48 {
  margin-top: 32px;
  padding: 0 7.7%;
  margin-left: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: start;
  -ms-flex-pack: center;
      justify-content: center; }

.failureSubtitle__1ItCX {
  font-size: 16px;
  color: #a6a6a6;
  margin-bottom: 20px; }

.failureTitle__32Bt5 {
  font-size: 36px;
  color: #ffffff;
  line-height: 1; }

.purchaseInfoBtn__2KuQU {
  line-height: 44px;
  width: 205px;
  height: 48px;
  border-radius: 31px;
  margin-top: 40px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.infoWrapper__1pcp6 {
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 0 5.76%; }
  .infoWrapper__1pcp6 .purchaseInfoBtn__X50xJ {
    line-height: 44px;
    min-width: 205px;
    height: 48px;
    border-radius: 31px;
    margin-top: 29px;
    margin-bottom: 40px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.cardWrap__39oI8 {
  padding-left: 5.76%;
  margin-top: 48px; }
  .cardWrap__39oI8 .cardContent__JF3u5 {
    width: 22%;
    height: 12vw;
    background-color: #333333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .cardWrap__39oI8 .cardContent__JF3u5 .cardText__1pNuI {
      padding-left: 20px;
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .cardWrap__39oI8 .cardContent__JF3u5 .cardText__1pNuI img {
        padding-right: 5px; }
    @media all and (max-width: 599px) {
      .cardWrap__39oI8 .cardContent__JF3u5 {
        width: 45%;
        height: 25vw; } }
    @media all and (min-width: 600px) and (max-width: 767px) {
      .cardWrap__39oI8 .cardContent__JF3u5 {
        width: 25%;
        height: 14vw; } }
  .cardWrap__39oI8 .cardTitle__3VX6R {
    margin: 10px 0 0 0;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }
  .cardWrap__39oI8 .cardCaption__1jVZL {
    margin: 0;
    color: #a6a6a6; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.showGridViewMoreButton__3FQfJ {
  width: 80%;
  margin: 20px;
  padding-top: 11px; }

@media all and (max-width: 767px) {
  .btn-vz-primary.showGridViewMoreButton__3FQfJ, btn.showGridViewMoreButton__3FQfJ {
    margin: 0 auto;
    display: block;
    margin-top: 17px;
    padding-top: 14px;
    width: 90%; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.promoInfoWrapper__3-7qq {
  background-color: #000000;
  position: relative;
  overflow: hidden;
  margin: 30px 0 26px;
  display: block;
  position: relative;
  min-height: 250px; }

.promoImageWrapper__HzdM7 {
  width: 60%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  min-height: 1px;
  background-color: black;
  overflow: hidden;
  z-index: 1; }
  .promoImageWrapper__HzdM7:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 9;
    width: 30%;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 18%, rgba(0, 0, 0, 0.3) 42%, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0.8) 81%, #000000); }
  .promoImageWrapper__HzdM7 img {
    max-width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .promoImageWrapper__HzdM7 div {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center; }

.promoMetadataWrapper__300JS {
  width: 48%;
  padding-left: 5.76%;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  float: left;
  z-index: 2; }

.promoMetadata__1xXYa {
  color: white; }

.promoMetadataContentWrapper__3U_Rf {
  max-width: 600px; }

.metadataButton__3Avcq {
  display: inline-block;
  background-color: #333333;
  color: #ffffff;
  border-radius: 25px;
  padding: 0 45px;
  line-height: 48px;
  font-weight: normal;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  height: 48px;
  font-size: 16px;
  margin: 40px 0 0 0;
  border-style: none; }
  .metadataButton__3Avcq:active, .metadataButton__3Avcq:focus, .metadataButton__3Avcq:hover {
    background-color: #ffffff;
    color: #333333; }
  .metadataButton__3Avcq:disabled {
    outline: none; }

.title__2r774 {
  color: #ffffff;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 36px; }

.description__2wZ17 {
  color: #ffffff;
  font-size: 20px;
  line-height: 24px; }

@media all and (max-width: 1024px) {
  .promoInfoWrapper__3-7qq {
    margin: 0 !important; }
    .promoInfoWrapper__3-7qq .title__2r774 {
      font-size: 28px; }
    .promoInfoWrapper__3-7qq .description__2wZ17 {
      -webkit-line-clamp: 2;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      /* autoprefixer: off */
      margin-bottom: 40px;
      font-size: 14px;
      line-height: 20px; }
    .promoInfoWrapper__3-7qq .promoMetadataContentWrapper__3U_Rf {
      max-width: none; }
  .promoMetadataWrapper__300JS {
    padding: 5% 5% 40px;
    width: 100%; }
  .metadataButton__3Avcq {
    margin: 0;
    padding: 12px 22px;
    line-height: 20px;
    height: auto;
    background-color: #fff;
    color: #0f0f0f; }
  .promoImageWrapper__HzdM7 {
    width: 100%; }
    .promoImageWrapper__HzdM7 img {
      transform: none;
      top: 0;
      width: 100%; } }

@media all and (max-width: 767px) {
  .promoInfoWrapper__3-7qq {
    min-height: auto; }
    .promoInfoWrapper__3-7qq .title__2r774 {
      font-size: 24px; }
    .promoInfoWrapper__3-7qq .description__2wZ17 {
      font-size: 12px;
      margin-bottom: 0; }
  .promoMetadataWrapper__300JS {
    padding: 6% 6% 40px; }
  .metadataButton__3Avcq {
    display: none; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.messageBar__3MxNJ {
  background-color: #4b4b4b;
  width: 100%;
  position: relative;
  padding: 0 8.05%; }
  .messageBar__3MxNJ p {
    margin: auto;
    font-size: 15px;
    line-height: 18px;
    padding: 10px 0 10px 0;
    color: #ffffff;
    font-weight: bold;
    width: 100%; }

.error__3CvIo {
  background-color: #f6f6f6;
  color: #cd040b; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.tomatoIcon__s5lg9 {
  height: 15px;
  vertical-align: text-bottom;
  margin-right: 5px;
  padding-bottom: 1px; }
  @media all and (min-width: 1440px) {
    .tomatoIcon__s5lg9 {
      height: 22px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
@media all and (min-width: 1441px) {
  .metadataRow__MH-1E {
    font-size: 16px;
    line-height: 22px;
    margin-top: 14px; } }

.metadataRow__MH-1E img {
  display: inline !important; }

.maBadgeIcon__G5Q8A {
  vertical-align: middle;
  max-width: 15px; }
  @media all and (min-width: 1920px) {
    .maBadgeIcon__G5Q8A {
      max-width: 22px; } }

.ultraVioletLogo__272NM {
  height: 17px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.heroSlideMetadata__raDZ3 h1,
.heroSlideMetadata__raDZ3 h3 {
  margin-top: 0;
  padding-top: 0; }

.heroSlideMetadata__raDZ3 h1 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
  color: #ffffff; }

.heroSlideMetadata__raDZ3 h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33;
  color: #a6a6a6; }

.heroSlideMetadata__raDZ3 p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #ffffff; }

.heroSlideMetadata__raDZ3 button {
  margin-bottom: 0; }

.heroSlideMetadata__raDZ3 a:hover h2, .heroSlideMetadata__raDZ3 a:focus h2 {
  color: #ffffff; }

/* Individual meta data fields */
.meta__22u8n {
  color: #959595; }
  .meta__22u8n span {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    color: #959595;
    font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px; }
    .meta__22u8n span:after {
      background: #959595;
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%; }
    .meta__22u8n span:last-child {
      margin-right: 0;
      padding-right: 0; }
      .meta__22u8n span:last-child:after {
        content: none; }

.secondaryButton__2UWWm {
  color: #ffffff;
  background-color: #4b4b4b;
  border-color: #4b4b4b; }
  .secondaryButton__2UWWm:hover {
    color: #ffffff;
    background-color: #323232;
    border-color: #323232; }

.metaInfo__1l457 {
  font-size: 16px;
  line-height: 18px;
  color: #959595;
  vertical-align: middle; }
  .metaInfo__1l457 img {
    max-width: 12px;
    display: inline-block;
    margin-left: 5px; }

.descriptionInfo__2r2oz {
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  margin: 20px 0; }
  .descriptionInfo__2r2oz p {
    font-size: 20px;
    color: #cccccc;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    /* autoprefixer: off */ }

.descriptionAvailability__MlSyA {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  color: #ffffff;
  margin-top: 15px; }

.subTitleInfo__1FDi_ h3 {
  font-size: 18px;
  line-height: 24px;
  color: #959595;
  margin: 0;
  font-weight: normal;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.titleInfo__3xG_i h1 {
  color: #ffffff;
  margin: 0 0 20px;
  font-weight: normal;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 36px; }

.black__hWzTV h1 {
  color: #0c0c0c; }

.networkLogo__1EnCL.small__3vZTY img {
  max-width: 60px; }

.networkLogo__1EnCL.medium__2sDOa img {
  max-width: 120px; }

.networkLogo__1EnCL.large__FZQ3e img {
  max-width: 200px; }

.metadata__DSkb9 {
  color: #cccccc;
  font-size: 16px; }

.metadataButton__EyGby {
  display: inline-block;
  background-color: #333333;
  color: #ffffff;
  border-radius: 25px;
  padding: 0 45px;
  line-height: 48px;
  font-weight: normal;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  height: 48px;
  font-size: 16px;
  margin: 20px 0 0 0;
  border-style: none; }
  .metadataButton__EyGby:active, .metadataButton__EyGby:focus, .metadataButton__EyGby:hover {
    background-color: #ffffff;
    color: #333333; }
  .metadataButton__EyGby:disabled {
    outline: none; }

.highlightButton__RAiEa {
  background-color: #ffffff;
  color: #0f0f0f; }

@media all and (max-width: 849px), (min-device-width: 850px) and (max-device-width: 1279px) and (orientation: landscape), (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
  .heroSlideMetadata__raDZ3 h2 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 11px; }
  .heroSlideMetadata__raDZ3 .metadata__DSkb9 {
    font-size: 14px;
    color: #a6a6a6; }
  .heroSlideMetadata__raDZ3 .descriptionInfo__2r2oz {
    margin: 11px 0 40px 0; }
    .heroSlideMetadata__raDZ3 .descriptionInfo__2r2oz p {
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      /* autoprefixer: off */
      font-size: 14px;
      color: #fff;
      margin-bottom: 0; }
  .heroSlideMetadata__raDZ3 .metadataButton__EyGby {
    margin-top: 0;
    margin-bottom: 20px; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .metadataButton__EyGby {
    display: none; } }

@media all and (max-width: 767px) {
  .heroSlideMetadata__raDZ3 h2 {
    font-size: 24px; }
  .heroSlideMetadata__raDZ3 .metadata__DSkb9 {
    font-size: 12px;
    line-height: 16px; }
  .heroSlideMetadata__raDZ3 .descriptionInfo__2r2oz {
    margin: 11px 0 0 0; }
    .heroSlideMetadata__raDZ3 .descriptionInfo__2r2oz p {
      font-size: 12px; }
  .heroSlideMetadata__raDZ3 .metadataButton__EyGby {
    display: none; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.heroSlide__1ZYdI {
  padding: 0;
  position: relative;
  background: #000000;
  width: 100%;
  padding-top: 45%; }
  .heroSlide__1ZYdI .heroBadge__2WZ4h {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    opacity: 0; }
    .heroSlide__1ZYdI .heroBadge__2WZ4h div {
      margin-bottom: 0;
      margin-right: 0;
      box-shadow: -1px 1px 2px #4b4b4b; }
  .heroSlide__1ZYdI .heroLabel__3Zbym {
    background: radial-gradient(farthest-corner at 0px 0px, #242424 0%, #4b4b4b 60%);
    position: absolute;
    left: 0;
    top: -21px;
    height: 26px;
    color: #ffffff;
    font-size: 12px;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
    padding-left: 20px;
    z-index: 1000;
    opacity: 0; }
    .heroSlide__1ZYdI .heroLabel__3Zbym span {
      position: relative;
      z-index: 1001; }
    .heroSlide__1ZYdI .heroLabel__3Zbym:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 6px solid #ffffff;
      position: absolute;
      top: 8px;
      left: 8px; }
    .heroSlide__1ZYdI .heroLabel__3Zbym:after {
      content: "";
      display: block;
      width: 20px;
      height: 26px;
      position: absolute;
      top: 0;
      right: -8px;
      background-color: #4b4b4b;
      transform-origin: top left;
      transform: skewX(15deg); }
  .heroSlide__1ZYdI .heroSlideInformation__3E_Iy {
    position: absolute;
    left: 5.76%;
    top: 35%;
    padding-bottom: 30px;
    z-index: 3;
    max-width: 420px;
    opacity: 1; }
    @media all and (min-width: 1280px) {
      .heroSlide__1ZYdI .heroSlideInformation__3E_Iy {
        max-width: 568px; } }
    @media all and (min-width: 1920px) {
      .heroSlide__1ZYdI .heroSlideInformation__3E_Iy {
        max-width: 682px; } }

.heroSlideContent__1vbVD {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block; }
  .heroSlideContent__1vbVD[data-focus-visible-added] {
    outline: 2px solid #3b99fc;
    outline-offset: 0px; }

.heroSlideArtwork__7SiJz {
  width: 100%;
  position: relative;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); }

.heroSlideArtworkAsset__3nOQM {
  width: 80%;
  margin-left: 20%; }
  .heroSlideArtworkAsset__3nOQM img {
    width: 100%;
    height: auto; }

.heroRails .slick-prev {
  width: 7.7%; }
  .heroRails .slick-prev button {
    width: 100%;
    height: 36px;
    top: calc(50% - 18px); }

.heroRails .slick-next {
  width: 7.7%; }
  .heroRails .slick-next button {
    width: 100%;
    height: 36px;
    top: calc(50% - 18px); }

.heroRails .slick-cloned-active .heroSlideInformation__3E_Iy {
  opacity: 1;
  transition: opacity .75s linear; }

.heroRails .slick-cloned-active .heroBadge__2WZ4h {
  opacity: 1;
  transition: opacity .75s linear; }

.heroRails .slick-cloned-active .heroLabel__3Zbym {
  opacity: 1;
  transition: opacity .75s linear; }

.heroRails .slick-active {
  transform-origin: center;
  z-index: 1000; }
  .heroRails .slick-active .heroSlideInformation__3E_Iy {
    opacity: 1;
    transition: opacity .75s linear; }
  .heroRails .slick-active .heroBadge__2WZ4h {
    opacity: 1;
    transition: opacity .75s linear; }
  .heroRails .slick-active .heroLabel__3Zbym {
    opacity: 1;
    transition: opacity .75s linear; }

.heroSlideArtworkSideOverlay__3ZQbF {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(90deg, black 20%, rgba(0, 0, 0, 0) 85%);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5); }

.heroSlideArtworkBottomOverlay__QsVNX {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to top, #0f0f0f 1%, rgba(15, 15, 15, 0) 25%);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5); }

.loaderImg__1yX2r {
  text-align: center;
  margin-top: 15px; }

.preLoadingContent__3q7xU {
  background: url(data:image/gif;base64,R0lGODlhQgAMAMQYAJqamqmpqdHR0d/f3/39/bCwsKysrJycnLe3t/T09MjIyPz8/Jubm+/v76urq9LS0peXl8PDw+7u7qioqPDw8JiYmMbGxpWVlf///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYTUzMzg4My0xYTA3LWM3NDAtYTM4Zi1mMjgzZDRmYjIxZDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTU0MjlEMkEwNzhBMTFFNjlEOTJCOUYyQjM0QTlCNEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTU0MjlEMjkwNzhBMTFFNjlEOTJCOUYyQjM0QTlCNEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGE1MzM4ODMtMWEwNy1jNzQwLWEzOGYtZjI4M2Q0ZmIyMWQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhNTMzODgzLTFhMDctYzc0MC1hMzhmLWYyODNkNGZiMjFkNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUUABgALAAAAABCAAwAAAVXIIYRggEAhkCIbOu+cCzPbBJceB4kdO//LsItRwwsgMjk60FsXh7KaNLgJBqkWB+kmqtkv7It9wIAm13U8fXMFowvAjZ7MXROjvKzzbnLy0kOJw4qfmchACH5BAUUABgALBYAAQAKAAoAAAUiIIYNBQAUg4gpV+sqoytf5OyWdmvm18mjvBRrBhORTChRCAAh+QQFFAAYACwqAAIACAAIAAAFISBGIQyDUFhzXOx1NEjbkjILMPUFxDUira2DJIUA7BqYEAAh+QQFFAAYACw8AAMABgAGAAAFEiARHUckXuhlHelFtmVriaQZAgA7) no-repeat;
  width: 66px;
  height: 12px;
  margin: 0 auto; }

@media all and (max-width: 1279px) {
  .heroSlide__1ZYdI .heroSlideInformation__3E_Iy {
    left: 20px; }
  .heroSlide__1ZYdI {
    padding-top: 0;
    background-color: #0f0f0f; }
    .heroSlide__1ZYdI .heroSlideArtworkAsset__3nOQM {
      margin-left: 0;
      width: 100%;
      height: 432px;
      overflow: hidden; }
    .heroSlide__1ZYdI .heroSlideContent__1vbVD {
      position: static; }
    .heroSlide__1ZYdI .heroSlideInformation__3E_Iy {
      padding: 20px 28px 40px;
      max-width: none;
      position: static; } }

@media all and (max-width: 767px) {
  .heroSlide__1ZYdI {
    padding-top: 0;
    padding-bottom: 5px; }
    .heroSlide__1ZYdI > a {
      display: block; }
    .heroSlide__1ZYdI .heroSlideContent__1vbVD {
      position: relative; }
    .heroSlide__1ZYdI .heroSlideInformation__3E_Iy {
      padding: 20px;
      padding-bottom: 30px;
      left: 0;
      position: relative;
      height: initial;
      max-width: 600px; }
    .heroSlide__1ZYdI .heroBadge__2WZ4h {
      right: 5px; }
  .heroSlideArtworkAsset__3nOQM {
    height: initial;
    position: relative;
    top: inherit;
    transform: initial; }
  .heroSlideArtworkSideOverlay__3ZQbF {
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 85%); }
  .heroSlideArtwork__7SiJz {
    height: initial;
    width: 100%;
    margin-left: 0;
    border-top: none; }
  .heroSlideArtworkAsset__3nOQM {
    overflow: hidden; }
    .heroSlideArtworkAsset__3nOQM img {
      width: 133%;
      margin: 0;
      height: auto;
      position: relative;
      left: -17.5%; }
  .heroSlide__1ZYdI .heroSlideContent__1vbVD .heroSlideArtworkAsset__3nOQM {
    height: 202px; }
  .heroSlide__1ZYdI .heroSlideInformation__3E_Iy {
    max-width: none;
    padding: 20px 6%; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.srOnly__Wnq7Z {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute; }

.customArrowLeft__1tiFf {
  opacity: .7;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  transition: opacity .5s ease-in; }
  .customArrowLeft__1tiFf:hover {
    opacity: 0.5;
    transition: opacity .5s ease-in; }
  .customArrowLeft__1tiFf img {
    transform: rotate(180deg);
    width: 100%;
    height: 36px;
    filter: drop-shadow(0 0 4px black); }

.customArrowRight__1E8bW {
  opacity: .7;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  transition: opacity .5s ease-in; }
  .customArrowRight__1E8bW:hover {
    opacity: 0.5;
    transition: opacity .5s ease-in; }
  .customArrowRight__1E8bW img {
    width: 100%;
    height: 36px;
    filter: drop-shadow(0 0 4px black); }
.no-hero .pageTitle__B3_TE {
  position: relative;
  top: 0;
  left: 8%;
  margin: 20px 0;
  z-index: 1;
  font-size: 48px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.settingsContainer__325Xq { }
  .settingsContainer__325Xq h1 {
    margin-top: 40px;
    margin-bottom: 72px; }

.settingsWrapper__3239A {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.settingsMenu__hPTTH {
  -ms-flex: 0 1 19.02%;
      flex: 0 1 19.02%;
  margin-right: 10.69%; }
  .settingsMenu__hPTTH .btn-vz-primary-round__1Mkce {
    background: #0c0c0c; }
    .settingsMenu__hPTTH .btn-vz-primary-round__1Mkce:focus, .settingsMenu__hPTTH .btn-vz-primary-round__1Mkce:hover {
      background-color: #0c0c0c;
      color: #ffffff; }
  .settingsMenu__hPTTH .btn-vz-secondary-round__1SzhU {
    margin-top: 30px; }
  .settingsMenu__hPTTH a:hover {
    color: #ffffff; }

.settingsContent__1Bmy_ {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 30px; }
  .settingsContent__1Bmy_ p {
    color: #959595; }
  .settingsContent__1Bmy_ [class^='settingControlBlock_']:first-child {
    padding-top: 10px; }

.sideBarButton__1KHL5 {
  width: 275px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: #0c0c0c; }
  .sideBarButton__1KHL5.active__3jCJb, .sideBarButton__1KHL5:focus, .sideBarButton__1KHL5:hover {
    color: #ffffff;
    background-color: #333333; }
  .sideBarButton__1KHL5 .fa-chevron-right__J9p8Z {
    font-weight: normal; }

.sideBarButton__1KHL5.active__3jCJb {
  color: #ffffff;
  background-color: #333333; }

.settingControlBlock__SDBSP {
  padding: 30px 0px;
  border-bottom: 1px solid #676767; }
  .settingControlBlock__SDBSP button {
    margin-top: 13px; }

.settingsPinHead__16rnc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.loginPageWrapper__3IiY_ {
  width: 40%; }

.loginPage__3Y3UK {
  padding-right: 0 !important; }

.logoDiv__2zUmZ {
  padding: 25px 5.76%; }

.loginForm__qFKNq {
  position: relative;
  width: 100%; }
  .loginForm__qFKNq iframe {
    width: 100%;
    max-width: 632px;
    border: 0; }

.modalWrapper__1Tlm0 {
  display: -ms-flexbox !important;
  display: flex !important;
  z-index: 4605 !important; }

@media all and (max-width: 1024px) {
  .login__1YnzV {
    display: block !important;
    background-image: none !important;
    padding-top: 45px !important; }
  .logoDiv__2zUmZ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
  .loginForm__qFKNq h1, .loginForm__qFKNq h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 36px;
    line-height: 1.22; }
  .loginForm__qFKNq p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 14px;
    line-height: 1.43; }
  .loginPage__3Y3UK {
    width: 75%;
    margin: 0 auto; } }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .loginPage__3Y3UK {
    width: auto; }
  .logoDiv__2zUmZ {
    display: none; }
  .login__1YnzV {
    padding: 0 !important; }
  .loginForm__qFKNq h1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: start;
    font-size: 24px;
    line-height: 32px;
    padding-right: 25%;
    margin: 0; }
  .loginForm__qFKNq h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: start;
    font-size: 24px;
    line-height: 32px;
    margin: 0; }
  .loginForm__qFKNq p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: start;
    font-size: 16px;
    line-height: 20px;
    color: #a6a6a6; }
  .registerLinkWrapper__CsTpk {
    font-size: 12px;
    line-height: 16px; }
  .topDiv__1RFTn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    padding-bottom: 10px; }
  .vzRedLogo__ePe2L {
    display: block !important; } }

.login__1YnzV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-top: 29px;
  min-height: calc(100vh - 81px);
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: contain; }

.loginFormContainer__3qBYI {
  -ms-flex: 0 1 60%;
      flex: 0 1 60%;
  padding-right: 20px; }
  @media all and (max-width: 1024px) {
    .loginFormContainer__3qBYI {
      -ms-flex-pack: center;
          justify-content: center; } }
  .loginFormContainer__3qBYI p {
    margin-bottom: 61px; }

.loginLogo__1REli {
  -ms-flex: 1 0 40%;
      flex: 1 0 40%;
  transform: translateY(-50px);
  z-index: 999;
  position: absolute;
  top: 25px;
  right: 0; }
  .loginLogo__1REli img {
    height: auto;
    max-width: 100%;
    max-height: 675px; }

.customHeader__1Z1S2 {
  width: auto; }
  .customHeader__1Z1S2 .close__2Pfeq {
    height: auto;
    min-width: auto;
    padding: 40px; }

.loginDescription__1L_gl {
  margin-bottom: 40px; }

.loginCheckbox__tUUA7 {
  margin-top: 54px;
  margin-bottom: 33px; }
  .loginCheckbox__tUUA7 .styled-checkbox__3Nd-J {
    position: absolute;
    opacity: 0; }
    .loginCheckbox__tUUA7 .styled-checkbox__3Nd-J + label {
      position: relative;
      cursor: pointer;
      padding: 0; }
    .loginCheckbox__tUUA7 .styled-checkbox__3Nd-J + label:before {
      content: '';
      margin-right: 10px;
      display: inline-block;
      vertical-align: text-bottom;
      width: 18px;
      height: 18px;
      background: #0f0f0f;
      border: 1px solid #ffffff; }
    .loginCheckbox__tUUA7 .styled-checkbox__3Nd-J:focus + label:before {
      box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
    .loginCheckbox__tUUA7 .styled-checkbox__3Nd-J:disabled + label {
      color: #b8b8b8;
      cursor: auto; }
    .loginCheckbox__tUUA7 .styled-checkbox__3Nd-J:disabled + label:before {
      box-shadow: none;
      background: #ddd; }
    .loginCheckbox__tUUA7 .styled-checkbox__3Nd-J:checked + label:after {
      content: '';
      position: absolute;
      left: 4px;
      top: 9px;
      background: white;
      width: 2px;
      height: 2px;
      box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
      transform: rotate(45deg); }

.backContainer__10BYk {
  display: inline-block;
  margin: 10px 0 24px 0; }

.back__pAIGL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .back__pAIGL img {
    margin-left: -5px; }
  .back__pAIGL:hover {
    color: #ffffff; }
  .back__pAIGL span {
    padding-left: 1rem;
    font-size: 20px;
    font-weight: 600; }

.registerLinkWrapper__CsTpk {
  color: #a6a6a6; }
  .registerLinkWrapper__CsTpk p {
    margin-bottom: 10px; }
  .registerLinkWrapper__CsTpk .registerLink__3xXYY {
    color: #a6a6a6;
    text-decoration: underline;
    display: block; }
    .registerLinkWrapper__CsTpk .registerLink__3xXYY:hover {
      text-decoration: underline;
      color: #ffffff; }

.loadingIndicator__3xFve {
  background-image: url(/dist/d1929ad6f08601d612514e43d82fc1aa.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.customLoginBackdrop__1lTLW {
  background-color: #0f0f0f !important;
  opacity: 1; }

.loginError__3dIt3 {
  height: 362px; }
  .loginError__3dIt3 h3 {
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 0; }
  .loginError__3dIt3 p {
    color: #a6a6a6; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.parentControlHead__1dZab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .parentControlHead__1dZab label {
    font-weight: normal;
    margin-top: 13px; }

.parentalButtonContainer__284bL {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 24px;
  -ms-flex-pack: start;
      justify-content: flex-start; }
  .parentalButtonContainer__284bL button.btn-vz-secondary-round__1NAN0 {
    margin: 0;
    margin-left: 10px; }
  .parentalButtonContainer__284bL .toggle__3D73r {
    margin: unset;
    margin-right: 10px; }

.pControlVisible__nbrY8 {
  visibility: hidden; }

.settingControlBlock__2u4UG {
  padding: 30px 0px;
  border-bottom: 1px solid #676767; }
  .settingControlBlock__2u4UG button {
    margin-top: 13px; }
  .settingControlBlock__2u4UG label {
    font-size: 20px; }
  .settingControlBlock__2u4UG .swapSliders__yGYmS {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .settingControlBlock__2u4UG .swapSliders__yGYmS .landScapeMobile__ak0_z {
      font-size: 12px;
      font-weight: normal;
      color: #ffffff;
      line-height: 1.33;
      margin: -22px 0px 0px 0px; }

.settingsTitle__XDG_f {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  margin-right: 15px; }

.checkboxContainer__1hHgj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 30px 0; }

.ClickLink__aBPz1 {
  padding: 11px 47px;
  width: fit-content;
  text-align: center;
  border: 1px solid #333333;
  background-color: #333333;
  border-radius: 31px;
  margin: 0;
  margin-top: 20px;
  line-height: 24px;
  display: inline-block;
  font-size: 20px;
  color: #ffffff;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }
  .ClickLink__aBPz1:hover {
    background: #ffffff;
    color: #333333;
    cursor: pointer; }
    .ClickLink__aBPz1:hover a {
      color: #333333; }
  .ClickLink__aBPz1.disabled__1LoQv {
    background-color: #676767;
    pointer-events: none;
    cursor: default; }
    .ClickLink__aBPz1.disabled__1LoQv a {
      color: #a6a6a6; }
  @media all and (min-width: 320px) and (max-width: 599px) {
    .ClickLink__aBPz1 {
      width: 100%;
      font-size: 16px; } }

.linkButton__3GtgX {
  font-size: 16px;
  font-weight: bold;
  margin: 0px 10px 10px 0;
  padding: 0px 22px;
  height: 48px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  min-width: 120px;
  line-height: 43px;
  border: 2px solid #676767;
  border-radius: 25px; }
  .linkButton__3GtgX:hover, .linkButton__3GtgX:focus {
    background: #ffffff;
    cursor: pointer; }
  @media all and (min-width: 320px) and (max-width: 599px) {
    .linkButton__3GtgX {
      width: 100%;
      border: 2px solid #333333; } }

.toggleModified__M2x8Y {
  position: relative;
  display: inline-block;
  width: 106px;
  height: 48px;
  margin-right: 10px; }
  .toggleModified__M2x8Y input {
    opacity: 0; }
    .toggleModified__M2x8Y input:checked + .slider__39ufc {
      background-color: #333333 !important; }
      .toggleModified__M2x8Y input:checked + .slider__39ufc:before {
        transform: translateX(58px);
        background-color: #00ca00; }
      .toggleModified__M2x8Y input:checked + .slider__39ufc:hover {
        background-color: #ffffff !important; }
      .toggleModified__M2x8Y input:checked + .slider__39ufc .on__CD4yK {
        display: block; }
      .toggleModified__M2x8Y input:checked + .slider__39ufc .off__3JtbU {
        display: none; }
    .toggleModified__M2x8Y input:focus + .slider__39ufc {
      border: 1px dotted grey; }
  .toggleModified__M2x8Y .slider__39ufc {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333333;
    transition: .4s; }
    .toggleModified__M2x8Y .slider__39ufc:before {
      position: absolute;
      content: "";
      height: 44px;
      width: 44px;
      left: 2px;
      bottom: 2px;
      background-color: #676767;
      transition: .4s; }
    .toggleModified__M2x8Y .slider__39ufc.round__2c_Gq {
      border-radius: 34px; }
      .toggleModified__M2x8Y .slider__39ufc.round__2c_Gq:before {
        border-radius: 50%; }
    .toggleModified__M2x8Y .slider__39ufc:hover {
      background-color: #ffffff; }
      .toggleModified__M2x8Y .slider__39ufc:hover .on__CD4yK, .toggleModified__M2x8Y .slider__39ufc:hover .off__3JtbU {
        color: #0c0c0c; }
  .toggleModified__M2x8Y .on__CD4yK {
    display: none;
    color: #ffffff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 51%;
    left: 30%;
    font-size: 20px;
    font-weight: bolder; }
  .toggleModified__M2x8Y .off__3JtbU {
    color: #ffffff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 53%;
    left: 70%;
    font-size: 20px;
    font-weight: normal; }

@media all and (min-width: 320px) and (max-width: 599px) and (orientation: portrait) {
  .settingControlBlock__2u4UG .ClickLink__aBPz1 {
    background-color: #ffffff;
    padding: 9px 20px;
    height: 44px; }
    .settingControlBlock__2u4UG .ClickLink__aBPz1 a {
      color: #000000; }
    .settingControlBlock__2u4UG .ClickLink__aBPz1.disabled__1LoQv {
      background-color: #676767;
      pointer-events: none;
      cursor: default; }
      .settingControlBlock__2u4UG .ClickLink__aBPz1.disabled__1LoQv a {
        color: #a6a6a6; }
  .settingControlBlock__2u4UG .parentControlHead__1dZab h3 {
    font-size: 20px; }
  .settingControlBlock__2u4UG .parentControlHead__1dZab label {
    margin: 8px 0px 8px 0px; }
  .settingControlBlock__2u4UG .parentControlHead__1dZab label.landScapeMobile__ak0_z:nth-of-type(2) {
    display: none; }
  .settingControlBlock__2u4UG .swapSliders__yGYmS label.landScapeMobile__ak0_z:nth-of-type(2) {
    display: none; }
  .settingControlBlock__2u4UG label {
    font-size: 12px;
    font-weight: bold;
    margin: -22px 0px 0px 0px; }
  .settingControlBlock__2u4UG .parentalButtonContainer__284bL .linkButton__3GtgX {
    margin: 0px 0px 10px 0 !important; }
  .toggleModified__M2x8Y {
    width: 73px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 30px;
    margin-top: 0 !important; }
    .toggleModified__M2x8Y input {
      opacity: 0; }
      .toggleModified__M2x8Y input:checked + .slider__39ufc {
        background-color: white !important; }
        .toggleModified__M2x8Y input:checked + .slider__39ufc:before {
          left: -20px; }
    .toggleModified__M2x8Y .on__CD4yK {
      color: #0f0f0f;
      font-size: 12px; }
    .toggleModified__M2x8Y .off__3JtbU {
      font-size: 12px; }
    .toggleModified__M2x8Y .slider__39ufc:before {
      height: 32px;
      width: 32px;
      left: 2px; } }

@media all and (min-device-width: 375px) and (max-device-width: 767px) and (orientation: landscape) {
  .settingsTitle__XDG_f {
    margin-bottom: 20px; }
  .linkButton__3GtgX {
    width: 235px; }
  .settingControlBlock__2u4UG .ClickLink__aBPz1 {
    background-color: #ffffff;
    height: 44px;
    font-size: 16px;
    padding: 9px 40px; }
    .settingControlBlock__2u4UG .ClickLink__aBPz1 a {
      color: #000000; }
    .settingControlBlock__2u4UG .ClickLink__aBPz1.disabled__1LoQv {
      background-color: #676767;
      pointer-events: none;
      cursor: default; }
      .settingControlBlock__2u4UG .ClickLink__aBPz1.disabled__1LoQv a {
        color: #a6a6a6; }
  .settingControlBlock__2u4UG .swapSliders__yGYmS {
    display: none; }
  .toggleModified__M2x8Y input {
    opacity: 0; }
    .toggleModified__M2x8Y input:checked + .slider__39ufc {
      background-color: white !important; }
  .toggleModified__M2x8Y .on__CD4yK {
    color: #0f0f0f;
    font-size: 16px; }
  .toggleModified__M2x8Y .off__3JtbU {
    font-size: 16px; } }

@media all and (min-width: 768px) and (max-width: 1024px) {
  .settingControlBlock__2u4UG .ClickLink__aBPz1 {
    background-color: #ffffff;
    height: 44px;
    font-size: 16px;
    padding: 9px 40px; }
    .settingControlBlock__2u4UG .ClickLink__aBPz1 a {
      color: #000000; }
    .settingControlBlock__2u4UG .ClickLink__aBPz1.disabled__1LoQv {
      background-color: #676767;
      pointer-events: none;
      cursor: default; }
      .settingControlBlock__2u4UG .ClickLink__aBPz1.disabled__1LoQv a {
        color: #a6a6a6; }
  .settingControlBlock__2u4UG .parentControlHead__1dZab label.landScapeMobile__ak0_z:nth-of-type(1) {
    display: none; }
  .settingControlBlock__2u4UG .swapSliders__yGYmS {
    display: none; }
  .toggleModified__M2x8Y input {
    opacity: 0; }
    .toggleModified__M2x8Y input:checked + .slider__39ufc {
      background-color: white !important; }
  .toggleModified__M2x8Y .on__CD4yK {
    color: #0f0f0f;
    font-size: 16px; }
  .toggleModified__M2x8Y .off__3JtbU {
    font-size: 16px; } }

.ClickLinkLTablet__2DmgV {
  background-color: #ffffff;
  height: 44px;
  font-size: 20px;
  padding: 9px 40px; }
  .ClickLinkLTablet__2DmgV a {
    color: #000000; }
  .ClickLinkLTablet__2DmgV.disabled__1LoQv {
    background-color: #676767;
    pointer-events: none;
    cursor: default; }
    .ClickLinkLTablet__2DmgV.disabled__1LoQv a {
      color: #a6a6a6; }

.toggleModifiedLTablet__1lp7T input {
  opacity: 0; }
  .toggleModifiedLTablet__1lp7T input:checked + .slider__39ufc {
    background-color: white !important; }

.toggleModifiedLTablet__1lp7T .on__CD4yK {
  color: #0f0f0f;
  font-size: 16px; }

.toggleModifiedLTablet__1lp7T .off__3JtbU {
  font-size: 16px; }

@media all and (max-width: 711px) {
  .settingControlBlock__2u4UG {
    position: relative; }
  .parentControlHead__1dZab {
    -ms-flex-direction: column;
        flex-direction: column; }
    .parentControlHead__1dZab h3 {
      margin-bottom: 0px; }
    .parentControlHead__1dZab label {
      margin: 8px 0px 8px 0px; }
  .toggleModified__M2x8Y {
    position: absolute;
    right: 0;
    top: 30px;
    margin-top: 0 !important; } }
.dropdownArrow__31-5w {
  vertical-align: top;
  line-height: 15px;
  width: 15px;
  float: right;
  margin-top: 4px;
  margin-right: 10px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.selectMenuItemWrapper__edGKV {
  width: 100%;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 20px;
  position: relative;
  background-color: #ffffff;
  padding: 15px 20px;
  margin-bottom: 30px;
  margin-top: 30px; }
  .selectMenuItemWrapper__edGKV ul {
    width: 100%;
    border: none;
    background-color: #ffffff;
    list-style: none;
    padding: 10px 0 15px 20px;
    border: 1px solid #e4e5e3;
    box-shadow: 3px 6px 4px #e4e5e3;
    border-top: 2px solid #f6f6f6; }
    .selectMenuItemWrapper__edGKV ul li a {
      color: #0c0c0c;
      line-height: 18px;
      border-left: 2px solid transparent;
      border-right: none;
      display: block;
      padding: 13px 0px;
      font-size: 18px; }
      .selectMenuItemWrapper__edGKV ul li a:active, .selectMenuItemWrapper__edGKV ul li a:focus, .selectMenuItemWrapper__edGKV ul li a:hover {
        outline: none;
        background-color: #e4e5e3; }

.activeMenu__k-c-b {
  display: block; }

.listItemOpen__2bsma {
  display: block; }

.listItemClose__GA_Z3 {
  display: none; }

.listItems__1OoTV {
  position: absolute;
  top: 55px;
  background-color: #ffffff;
  width: 100%;
  z-index: 8;
  left: 0px; }

.dropdownArrowWrapper__3tmTq {
  position: absolute;
  right: 25px;
  top: 22px;
  z-index: 9; }
  .dropdownArrowWrapper__3tmTq:hover {
    cursor: pointer; }

@media all and (max-width: 767px) {
  a.activeMenu__k-c-b:hover, a.activeMenu__k-c-b:focus {
    color: #fff; }
  .selectMenuItemWrapper__edGKV {
    background: transparent;
    padding: 15px 0; }
    .selectMenuItemWrapper__edGKV ul {
      background-color: #333333;
      border: none;
      box-shadow: none;
      border-top: none;
      margin: 0; }
      .selectMenuItemWrapper__edGKV ul li a {
        color: #ffffff; }
        .selectMenuItemWrapper__edGKV ul li a:active, .selectMenuItemWrapper__edGKV ul li a:focus, .selectMenuItemWrapper__edGKV ul li a:hover {
          background-color: #333333; }
    .selectMenuItemWrapper__edGKV .dropdownArrowWrapper__3tmTq {
      right: -10px;
      top: 14px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.settingsMenu__3vn4G {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block; }

.settingsLink__3SVo3 {
  font-size: 20px;
  display: inline-block;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  color: #a6a6a6;
  width: 100%;
  min-width: 285px;
  height: 48px;
  border-radius: 31px;
  padding-left: 48px;
  line-height: 48px;
  position: relative; }
  .settingsLink__3SVo3::after {
    position: absolute;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAPpJREFUSA3t1r0LQVEcxvGbtyQppZTBajBYDCwWi0kGf6XJZLFcA4PFwGCwG6SUJC91fH9F3XTX82Tw1FPuHc6Hk/MSBP+8Z8A5N6BVyYQA9emD7mjFOwpSo3tq2dKyAq0DHUwkG1pSoA2go4lkRYsKtAl0MpEsaUGBtoDOJpIFzSvQDtDFRDKjOQXaBbqaSKY0q0B7QDcTyYRmFKhtDHcTyZimFegQ6GkiGdFkHJqIe/nz7/g131Oa8valwXR/GjDdsgCLLvyQZ38Ln8Hb9LO1zfnsb2tjcN3mDaY7nsCiB/CaZ38HMINrrxiA2kuU7Rqgumuit21KMfAL8PB93IMvaEAAAAAASUVORK5CYII=);
    right: 20px;
    top: 10px; }
  .settingsLink__3SVo3:hover, .settingsLink__3SVo3:focus {
    color: #ffffff;
    background-color: #333333; }

.settingsMenuItem__3Q62k {
  margin-bottom: 20px; }

.activeSettingsLink__2o44c {
  color: #ffffff;
  background-color: #333333; }

.mobileMenu__PBLMd {
  display: none; }

@media all and (max-width: 1024px) {
  .mobileMenu__PBLMd {
    display: block; }
  .settingsMenu__3vn4G {
    display: none; }
  .title__DYHZj {
    text-align: center; } }

.signout__1zkry {
  padding: 0 46px;
  font-size: 20px; }
  .signout__1zkry:focus {
    background-color: #0c0c0c !important;
    color: #ffffff !important;
    border: 2px solid #676767 !important; }
  .signout__1zkry:hover {
    background-color: #ffffff !important;
    color: #0c0c0c !important; }

.singoutContainer__WURfJ {
  margin-top: 30px; }

@media all and (min-width: 768px) and (max-width: 991px) {
  .settingsLink__3SVo3 {
    min-width: 100%; } }

@media all and (max-width: 1024px) {
  .newpintitle__30aLe {
    margin-bottom: 24px;
    line-height: 32px;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
    text-align: center; }
  .setpinflow__1xCnL .subtitle__iB8bF, .setCurrentpin__2ttNg .subtitle__iB8bF {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 0; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.settingsErrorContent__75tHA {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  color: #ffffff;
  max-width: 650px; }
  .settingsErrorContent__75tHA .img__3Ma5t {
    margin-bottom: 1rem; }
  .settingsErrorContent__75tHA .settingsErrorHead__1yeQj {
    font-size: 2rem;
    line-height: 2rem;
    margin: 0 0 20px 0; }
    @media all and (max-width: 767px) {
      .settingsErrorContent__75tHA .settingsErrorHead__1yeQj {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 8px; } }
  .settingsErrorContent__75tHA p {
    font-size: 20px;
    line-height: 24px; }
    @media all and (max-width: 767px) {
      .settingsErrorContent__75tHA p {
        font-size: 0.75rem;
        line-height: 1rem; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.pinControlHead__2TaEF {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .pinControlHead__2TaEF label {
    font-size: 20px;
    font-weight: normal;
    margin-top: 13px; }

.parentalButtonContainer__2qq2I {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 30px; }

.settingControlBlock__NTFT0 {
  padding: 0 0 30px;
  border-bottom: 1px solid #676767; }
  .settingControlBlock__NTFT0 button {
    margin-top: 13px; }

.settingsTitle__1Zhzz {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  margin-right: 15px; }

.settingsPageButton__22Wkv {
  background-color: #333333;
  color: #ffffff;
  border-radius: 25px;
  font-size: 20px;
  padding: 11px 47px; }
  .settingsPageButton__22Wkv:focus, .settingsPageButton__22Wkv:hover {
    background-color: #ffffff;
    color: #000000; }

.settingsPageButtonSecondary__bLlyC {
  background-color: #0c0c0c;
  color: #ffffff;
  border-radius: 25px;
  font-size: 20px;
  padding: 11px 47px;
  border: 2px solid #676767; }
  .settingsPageButtonSecondary__bLlyC:focus, .settingsPageButtonSecondary__bLlyC:hover {
    background-color: #ffffff;
    color: #333333; }

@media all and (max-width: 1024px) {
  .settingsPageButton__22Wkv, .settingsPageButtonSecondary__bLlyC {
    font-size: 16px;
    height: 44px;
    padding: 11px 40px; }
  .settingsPageButton__22Wkv {
    color: #0f0f0f;
    background-color: #ffffff; } }

@media all and (max-width: 599px) {
  h3 {
    line-height: 26px; }
  .pinControlHead__2TaEF {
    display: block;
    padding-bottom: 0px; }
    .pinControlHead__2TaEF label {
      font-size: 12px;
      margin-top: 8px; }
  p {
    font-size: 12px;
    color: #a6a6a6; }
  .settingsPageButton__22Wkv, .settingsPageButtonSecondary__bLlyC {
    font-size: 16px;
    height: 44px;
    padding: 11px 12px;
    margin-right: 5px;
    width: calc(50% - 5px); }
  .settingsPageButton__22Wkv {
    color: #0f0f0f;
    background-color: #ffffff; }
  .settingsPageButtonSecondary__bLlyC {
    margin-left: 5px;
    margin-right: 0; }
  .settingControlBlock__NTFT0 h3 {
    font-size: 20px;
    margin-bottom: 5px; } }

@media all and (max-width: 599px) and (orientation: portrait) {
  .configButton__3jZAG {
    width: 100% !important; } }

.settingsPageButtonTablet__2nFts {
  border-radius: 25px;
  font-size: 20px;
  padding: 11px 47px;
  color: #0f0f0f !important;
  background-color: #ffffff !important; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
h2.transferTitle__3HVdA {
  margin-bottom: 32px; }

h2.transferMargin__324SU {
  margin-bottom: 4px; }

.description__OjHC1 {
  font-size: 14px;
  line-height: 18px;
  color: #ffffff; }

.registerDevice__23d9Y {
  display: table;
  width: 100%;
  padding-top: 20px;
  margin-bottom: 78px; }

.registerButton__2xLri { }

.removeButton__2SPJz { }

.transferButton__M3ztJ { }

.formControl__3daqN {
  display: table-cell;
  vertical-align: middle;
  position: relative; }
  .formControl__3daqN input[type=text] {
    position: absolute;
    width: 400px;
    background: transparent;
    border: 0 !important;
    border-bottom: 1px solid !important;
    border-color: #a6a6a6 !important;
    color: #ffffff !important;
    padding: 0 !important; }
    .formControl__3daqN input[type=text]:focus {
      border-color: #ffffff !important; }
    .formControl__3daqN input[type=text][data-focus-visible-added] {
      outline: 0; }
    .formControl__3daqN input[type=text]:-webkit-autofill, .formControl__3daqN input[type=text]:-webkit-autofill:hover, .formControl__3daqN input[type=text]:-webkit-autofill:active, .formControl__3daqN input[type=text]:-webkit-autofill:focus {
      background-color: inherit !important;
      color: #ffffff !important;
      -webkit-box-shadow: 0 0 0 50px #0f0f0f inset;
      -webkit-text-fill-color: #ffffff !important; }

.deviceIcon__Dgo0C {
  display: table-cell;
  vertical-align: middle;
  width: 80px; }
  .deviceIcon__Dgo0C .icon__N2nwG {
    background-color: #d8d8d8;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    padding: 16px 0px; }

.deviceNameLabel__2xtyh {
  position: absolute;
  top: 12px;
  z-index: 1;
  color: #a6a6a6; }

.deviceNameInput__2K5zx {
  z-index: 2;
  font-size: 12px; }
  .deviceNameInput__2K5zx:focus + .deviceNameLabel__2xtyh, .deviceNameInput__2K5zx:not([value=""]) + .deviceNameLabel__2xtyh {
    top: -12px;
    z-index: 2; }

.register__4UVXq {
  display: none; }

@media all and (min-width: 1281px) and (max-width: 1366px) {
  .registerDeviceContainer__2EJ-g {
    -ms-flex-align: center;
        align-items: center;
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .registerDeviceContainer__2EJ-g form {
      width: 100%;
      padding: 0 80px; }
      .registerDeviceContainer__2EJ-g form input[type="text"] {
        width: 100%; } }

@media all and (max-width: 1279px) {
  .registerDeviceContainer__2EJ-g {
    -ms-flex-align: center;
        align-items: center;
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .registerDeviceContainer__2EJ-g form {
      width: 100%;
      padding: 0 80px; }
      .registerDeviceContainer__2EJ-g form input[type="text"] {
        width: 100%; }
      .registerDeviceContainer__2EJ-g form button:disabled {
        background-color: #676767;
        color: #a6a6a6;
        border-color: #676767; } }

@media all and (max-width: 1024px) {
  .register__4UVXq {
    font-size: 24px;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
    color: #ffffff;
    text-align: center; }
  h2.transferTitle__3HVdA {
    font-size: 36px;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 0; }
  .formControl__3daqN {
    font-size: 20px; }
    .formControl__3daqN input[type=text] {
      width: 100%; }
  .deviceNameInput__2K5zx {
    font-size: 20px; }
  .btn__29Zzu:disabled, button:disabled {
    background-color: #676767;
    color: #a6a6a6;
    font-size: 16px; }
  .registerDevice__23d9Y {
    padding-top: 30px; } }

@media all and (max-width: 914px) {
  .registerDeviceContainer__2EJ-g {
    display: block; }
    .registerDeviceContainer__2EJ-g form {
      width: auto;
      padding: 0; }
      .registerDeviceContainer__2EJ-g form button {
        width: 100%; } }

@media all and (max-width: 768px) {
  .registerDeviceContainer__2EJ-g {
    -ms-flex-align: center;
        align-items: center;
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .registerDeviceContainer__2EJ-g form {
      width: 100%;
      padding: 0 80px; }
      .registerDeviceContainer__2EJ-g form button {
        width: auto; } }

@media all and (max-width: 767px) {
  .registerDeviceContainer__2EJ-g {
    display: block; }
    .registerDeviceContainer__2EJ-g form {
      width: auto;
      padding: 0; }
      .registerDeviceContainer__2EJ-g form button {
        width: 100%; }
  .register__4UVXq {
    display: block; }
  h2.transferTitle__3HVdA {
    -ms-flex-pack: left;
        justify-content: left;
    font-size: 20px; }
  .formControl__3daqN, .deviceNameInput__2K5zx {
    font-size: 12px; }
  .registerDevice__23d9Y {
    padding-top: 20px; } }

@media all and (max-width: 712px) {
  .registerDeviceContainer__2EJ-g {
    -ms-flex-align: center;
        align-items: center;
    margin-top: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .registerDeviceContainer__2EJ-g form {
      width: 100%;
      padding: 0 80px; }
      .registerDeviceContainer__2EJ-g form button {
        width: auto; } }

@media all and (max-width: 711px) {
  .registerDeviceContainer__2EJ-g {
    display: block; }
    .registerDeviceContainer__2EJ-g form {
      width: auto;
      padding: 0; }
      .registerDeviceContainer__2EJ-g form button {
        width: 100%; } }

@media all and (min-width: 1280px) {
  .registerDeviceContainer__2EJ-g form button:disabled {
    background-color: #676767;
    color: #a6a6a6;
    border-color: #676767; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.deviceSwapContainer__3V5uf h2 {
  margin-bottom: 15px; }

.deviceSwapContainer__3V5uf > p {
  margin-bottom: 60px; }

.deviceContainer__N25bA {
  padding-top: 24px;
  position: relative; }
  .deviceContainer__N25bA:hover {
    background-color: #333333;
    cursor: pointer; }
  .deviceContainer__N25bA::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAPpJREFUSA3t1r0LQVEcxvGbtyQppZTBajBYDCwWi0kGf6XJZLFcA4PFwGCwG6SUJC91fH9F3XTX82Tw1FPuHc6Hk/MSBP+8Z8A5N6BVyYQA9emD7mjFOwpSo3tq2dKyAq0DHUwkG1pSoA2go4lkRYsKtAl0MpEsaUGBtoDOJpIFzSvQDtDFRDKjOQXaBbqaSKY0q0B7QDcTyYRmFKhtDHcTyZimFegQ6GkiGdFkHJqIe/nz7/g131Oa8valwXR/GjDdsgCLLvyQZ38Ln8Hb9LO1zfnsb2tjcN3mDaY7nsCiB/CaZ38HMINrrxiA2kuU7Rqgumuit21KMfAL8PB93IMvaEAAAAAASUVORK5CYII=);
    position: absolute;
    top: 44px;
    right: 0; }
  .deviceContainer__N25bA .deviceTitle__3ZQvK {
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
    margin-bottom: 12px; }
  .deviceContainer__N25bA .divider__3cU1Q {
    border-top: 1px solid #333333;
    margin: 24px 0 0; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.HelpWrapper__30UO8 {
  width: 80%; }
  .HelpWrapper__30UO8 .FaqContainer__uR_lX,
  .HelpWrapper__30UO8 .ReportContainer__1LY4S {
    padding-bottom: 36px;
    border-bottom: 1px solid #676767;
    margin-bottom: 36px; }
  .HelpWrapper__30UO8 .Caption__1ZWbc {
    margin-bottom: 24px;
    color: #a6a6a6; }
  .HelpWrapper__30UO8 .Heading__1UaQB {
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }
  .HelpWrapper__30UO8 .ClickLink__HUaMP {
    display: inline-block; }
    .HelpWrapper__30UO8 .ClickLink__HUaMP a {
      padding: 11px 46px;
      width: fit-content;
      text-align: center;
      border: 1px solid #333333;
      background-color: #333333;
      border-radius: 31px;
      margin: 0;
      line-height: 24px;
      font-size: 16px;
      color: #ffffff;
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
      display: inline-block; }
      .HelpWrapper__30UO8 .ClickLink__HUaMP a:hover, .HelpWrapper__30UO8 .ClickLink__HUaMP a:focus {
        background-color: #ffffff;
        color: #000000; }

.viewTicketsBtn__3Di78 {
  padding: 0 46px;
  background-color: transparent;
  margin-top: 0; }

.reportProblemBtn__1zApU {
  background-color: #333333;
  color: #ffffff;
  border-radius: 25px;
  padding: 12px 48px; }
  .reportProblemBtn__1zApU:focus, .reportProblemBtn__1zApU:hover {
    background-color: #ffffff;
    color: #000000; }

.noFocusBtn__1edQm { }

@media all and (max-width: 849px) {
  .HelpWrapper__30UO8 {
    width: 100%; }
    .HelpWrapper__30UO8 .ClickLink__HUaMP a {
      padding: 11px 40px; }
  .viewTicketsBtn__3Di78 {
    padding: 11px 40px;
    margin-right: 0; } }

@media all and (max-width: 767px) {
  .HelpWrapper__30UO8 .ClickLink__HUaMP, .HelpWrapper__30UO8 .ClickLink__HUaMP a {
    width: 100%; }
  .viewTicketsBtn__3Di78 {
    margin: 0;
    margin-top: 10px;
    width: 100%; }
  .reportProblemBtn__1zApU {
    width: 100%; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.AccordionWrapper__85fZ9 {
  margin-bottom: 61px;
  width: 80%; }
  .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj {
    padding: 24px 0 26px 0;
    border-bottom: 1px solid #676767;
    color: #a6a6a6; }
    .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .active__3kZz8 {
      color: #fff; }
      .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .active__3kZz8.AccordionQuestion__2EMfi::after {
        content: url("/icons/up.png"); }
      .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .active__3kZz8.AccordionQuestion__2EMfi:hover, .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .active__3kZz8.AccordionQuestion__2EMfi:focus {
        color: #fff; }
        .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .active__3kZz8.AccordionQuestion__2EMfi:hover::after, .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .active__3kZz8.AccordionQuestion__2EMfi:focus::after {
          content: url("/icons/up.png"); }
    .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionSpan__JHBtd {
      display: inline-block;
      width: 95%; }
    .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionQuestion__2EMfi {
      position: relative;
      cursor: pointer;
      font-weight: bold; }
      .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionQuestion__2EMfi::after {
        position: absolute;
        content: url("/icons/down-grey.png");
        right: 0;
        top: -4px; }
      .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionQuestion__2EMfi:hover, .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionQuestion__2EMfi:focus {
        color: #fff; }
        .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionQuestion__2EMfi:hover::after, .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionQuestion__2EMfi:focus::after {
          content: url("/icons/down.png"); }
    .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionRequest__3A8Gz {
      margin-top: 26px; }
      .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionRequest__3A8Gz .AccordionContent__c-Jo7, .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionRequest__3A8Gz p {
        margin-bottom: 26px;
        color: #fff; }
        .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionRequest__3A8Gz .AccordionContent__c-Jo7 a, .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionRequest__3A8Gz .AccordionContent__c-Jo7 a:hover, .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionRequest__3A8Gz p a, .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionRequest__3A8Gz p a:hover {
          color: #0066cc;
          text-decoration: underline; }
      .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionRequest__3A8Gz .AccordionButton__1w-D9 {
        margin: 0;
        padding: 12px 48px;
        background-color: transparent;
        color: #fff;
        border: 1px solid #676767;
        border-radius: 31px;
        font-size: 20px; }
        .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionRequest__3A8Gz .AccordionButton__1w-D9:hover {
          background-color: #fff;
          color: #0f0f0f; }

@media all and (max-width: 849px) {
  .AccordionWrapper__85fZ9 {
    width: 100%;
    margin-bottom: 30px; }
    .AccordionWrapper__85fZ9 .AccordionContainer__32Pmj .AccordionSpan__JHBtd {
      width: 90%; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.MainHeader__3m3U1 {
  margin-bottom: 36px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.SubHeader__Cm-zH {
  margin-bottom: 32px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

@media all and (max-width: 767px) {
  .SubHeader__Cm-zH {
    margin-bottom: 20px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.parentControlHead__1Zsdp {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .parentControlHead__1Zsdp label {
    font-weight: normal;
    margin-top: 13px; }

.parentalButtonContainer__TFCpd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 24px; }

.settingControlBlock__3KUfL {
  padding: 30px 0px;
  border-bottom: 1px solid #676767; }
  .settingControlBlock__3KUfL button {
    margin-top: 13px; }

.settingsTitle__3ul8k {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  margin-right: 15px; }

.settingsPinHead__1ADcc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .settingsPinHead__1ADcc label {
    font-weight: normal;
    font-size: 20px; }

.disabled__l-Rv7 {
  border-radius: 34px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #676767;
  transition: 0.4s; }

.disabledOff__1Rsfz {
  color: #a6a6a6;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 53%;
  left: 70%;
  font-size: 20px;
  font-weight: normal; }

.disabled__l-Rv7::before {
  border-radius: 50%;
  position: absolute;
  content: '';
  height: 44px;
  width: 44px;
  left: 2px;
  bottom: 2px;
  background-color: #333333;
  color: #a6a6a6;
  transition: 0.4s; }

.toggleModified__3h13X {
  position: relative;
  display: inline-block;
  width: 106px;
  height: 48px;
  margin-right: 10px; }
  .toggleModified__3h13X input {
    opacity: 0; }
    .toggleModified__3h13X input:checked + .slider__OubUg {
      background-color: #333333 !important; }
      .toggleModified__3h13X input:checked + .slider__OubUg:before {
        transform: translateX(58px);
        background-color: #00ca00; }
      .toggleModified__3h13X input:checked + .slider__OubUg:hover {
        background-color: #ffffff !important; }
      .toggleModified__3h13X input:checked + .slider__OubUg .on__1tu90 {
        display: block; }
      .toggleModified__3h13X input:checked + .slider__OubUg .off__3jlZV {
        display: none; }
    .toggleModified__3h13X input:focus + .slider__OubUg {
      border: 1px dotted grey; }
  .toggleModified__3h13X .slider__OubUg {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333333;
    transition: .4s; }
    .toggleModified__3h13X .slider__OubUg:before {
      position: absolute;
      content: "";
      height: 44px;
      width: 44px;
      left: 2px;
      bottom: 2px;
      background-color: #676767;
      transition: .4s; }
    .toggleModified__3h13X .slider__OubUg.round__3dJ2V {
      border-radius: 34px; }
      .toggleModified__3h13X .slider__OubUg.round__3dJ2V:before {
        border-radius: 50%; }
    .toggleModified__3h13X .slider__OubUg:hover {
      background-color: #ffffff; }
      .toggleModified__3h13X .slider__OubUg:hover .on__1tu90, .toggleModified__3h13X .slider__OubUg:hover .off__3jlZV {
        color: #0c0c0c; }
  .toggleModified__3h13X .on__1tu90 {
    display: none;
    color: #ffffff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 51%;
    left: 30%;
    font-size: 20px;
    font-weight: bolder; }
  .toggleModified__3h13X .off__3jlZV {
    color: #ffffff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 53%;
    left: 70%;
    font-size: 20px;
    font-weight: normal; }

@media all and (min-width: 320px) and (max-width: 599px) {
  .settingControlBlock__3KUfL p {
    margin-top: -22px; }
  .settingControlBlock__3KUfL .settingsPinHead__1ADcc label:nth-of-type(2) {
    display: none; }
  .settingsTitle__3ul8k {
    font-size: 20px; }
  .toggleModified__3h13X {
    width: 73px;
    height: 36px;
    margin-right: 0px !important; }
    .toggleModified__3h13X input {
      opacity: 0; }
      .toggleModified__3h13X input:checked + .slider__OubUg {
        background-color: white !important; }
        .toggleModified__3h13X input:checked + .slider__OubUg:before {
          left: -20px; }
    .toggleModified__3h13X .on__1tu90 {
      color: #0f0f0f;
      font-size: 12px; }
    .toggleModified__3h13X .off__3jlZV {
      font-size: 12px; }
    .toggleModified__3h13X .slider__OubUg:before {
      height: 32px;
      width: 32px;
      left: 2px; }
    .toggleModified__3h13X .disabled__l-Rv7:before {
      height: 32px;
      width: 32px;
      left: 2px; }
    .toggleModified__3h13X .disabled__l-Rv7 .disabledOff__1Rsfz {
      font-size: 12px; } }

@media all and (min-device-width: 375px) and (max-device-width: 767px) and (orientation: landscape) {
  .toggleModified__3h13X input {
    opacity: 0; }
    .toggleModified__3h13X input:checked + .slider__OubUg {
      background-color: white !important; }
  .toggleModified__3h13X .on__1tu90 {
    color: #0f0f0f; } }

@media all and (min-width: 599px) and (max-width: 1024px) {
  .settingControlBlock__3KUfL .settingsPinHead__1ADcc label.toggleModified__3h13X:nth-of-type(1) {
    display: none; }
  .toggleModified__3h13X input {
    opacity: 0; }
    .toggleModified__3h13X input:checked + .slider__OubUg {
      background-color: white !important; }
  .toggleModified__3h13X .on__1tu90 {
    color: #0f0f0f;
    font-size: 16px; }
  .toggleModified__3h13X .off__3jlZV {
    font-size: 16px; }
  .toggleModified__3h13X .disabled__l-Rv7 .disabledOff__1Rsfz {
    font-size: 16px; } }

.toggleModifiedLTablet__3n1tK input {
  opacity: 0; }
  .toggleModifiedLTablet__3n1tK input:checked + .slider__OubUg {
    background-color: white !important; }

.toggleModifiedLTablet__3n1tK .on__1tu90 {
  color: #0f0f0f; }

@media all and (max-width: 711px) {
  .settingControlBlock__3KUfL {
    position: relative; }
  .settingsTitle__3ul8k {
    margin-bottom: 8px; }
  .settingsPinHead__1ADcc label {
    display: none; }
  .toggleModified__3h13X {
    position: absolute;
    right: 0;
    top: 30px;
    margin-top: 0 !important; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.changeRatingsHead__2sH83 h2 {
  margin-bottom: 10px; }

.changeRatingsContainer__8yVBU {
  margin-top: 40px; }

.ages__2JcGm, .allowedRatings__LsXD- {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0 30px 0; }
  .ages__2JcGm span, .allowedRatings__LsXD- span {
    -ms-flex: 0 0 33%;
        flex: 0 0 33%;
    margin-bottom: 15px;
    font-weight: normal; }
    @media all and (max-width: 711px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
      .ages__2JcGm span, .allowedRatings__LsXD- span {
        margin-bottom: 0;
        border-bottom: 1px solid #676767; } }

.isCustomised__2GgaC.show__2edAY {
  display: block; }

.isCustomised__2GgaC.hide__1swUB {
  display: none; }

p.currentRatings__3jPE- {
  margin-top: 20px;
  margin-bottom: 50px;
  color: #ffffff; }

.confirmButton__3sY74 {
  width: 135px;
  height: 44px;
  border-radius: 24px;
  font-size: 16px;
  background-color: #333333;
  color: #ffffff; }
  .confirmButton__3sY74:focus, .confirmButton__3sY74:hover {
    background-color: #ffffff;
    color: #000000; }

/*radio button styling */
.radioBlock__4DksO {
  /*checkbox custom */ }
  .radioBlock__4DksO [type="radio"]:checked {
    position: absolute;
    left: -9999px; }
    .radioBlock__4DksO [type="radio"]:checked + label {
      cursor: pointer;
      color: #fff;
      background: #4b4b4b;
      padding: 14px 24px;
      border-radius: 25px;
      position: relative;
      top: 0px;
      width: 232px; }
      .radioBlock__4DksO [type="radio"]:checked + label:hover {
        background: #ffffff;
        color: #0c0c0c; }
        @media all and (max-width: 711px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
          .radioBlock__4DksO [type="radio"]:checked + label:hover {
            background: transparent;
            color: #ffffff; } }
        .radioBlock__4DksO [type="radio"]:checked + label:hover:before {
          background: #ffffff;
          border: 2px solid #0c0c0c; }
          @media all and (max-width: 711px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
            .radioBlock__4DksO [type="radio"]:checked + label:hover:before {
              background: #0c0c0c;
              border: 2px solid #ffffff; } }
        .radioBlock__4DksO [type="radio"]:checked + label:hover:after {
          background: #0c0c0c; }
          @media all and (max-width: 711px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
            .radioBlock__4DksO [type="radio"]:checked + label:hover:after {
              background: #ffffff; } }
      .radioBlock__4DksO [type="radio"]:checked + label:before {
        content: '';
        position: absolute;
        right: 12px;
        top: 10px;
        width: 28px;
        height: 28px;
        border: 2px solid #ffffff;
        border-radius: 100%;
        background: #4b4b4b; }
      .radioBlock__4DksO [type="radio"]:checked + label:after {
        content: '';
        width: 17px;
        height: 17px;
        background: #ffffff;
        position: absolute;
        top: 15.5px;
        right: 17.5px;
        border-radius: 100%;
        transition: all 0.2s ease; }
  .radioBlock__4DksO [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px; }
    .radioBlock__4DksO [type="radio"]:not(:checked) + label {
      cursor: pointer;
      color: #fff;
      background: #0c0c0c;
      padding: 14px 24px;
      border-radius: 25px;
      position: relative;
      top: 0px;
      width: 232px; }
      .radioBlock__4DksO [type="radio"]:not(:checked) + label:hover {
        background: #ffffff;
        color: #0c0c0c; }
        @media all and (max-width: 711px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
          .radioBlock__4DksO [type="radio"]:not(:checked) + label:hover {
            background: transparent;
            color: #ffffff; } }
        .radioBlock__4DksO [type="radio"]:not(:checked) + label:hover:before {
          background: #ffffff;
          border: 2px solid #4b4b4b; }
        .radioBlock__4DksO [type="radio"]:not(:checked) + label:hover:after {
          background: #ffffff; }
      .radioBlock__4DksO [type="radio"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        right: 12px;
        top: 10px;
        width: 28px;
        height: 28px;
        border: 2px solid #4b4b4b;
        border-radius: 100%;
        background: #0c0c0c; }
      .radioBlock__4DksO [type="radio"]:not(:checked) + label:after {
        content: '';
        width: 17px;
        height: 17px;
        position: absolute;
        top: 15.5px;
        right: 17.5px;
        border-radius: 100%;
        transition: all 0.2s ease; }
  .radioBlock__4DksO [type="checkbox"]:checked {
    position: absolute;
    left: -9999px; }
    .radioBlock__4DksO [type="checkbox"]:checked + label {
      cursor: pointer;
      color: #fff;
      background: #4b4b4b;
      padding: 14px 24px;
      border-radius: 25px;
      position: relative;
      top: 0px;
      width: 232px; }
      .radioBlock__4DksO [type="checkbox"]:checked + label:hover {
        background: #ffffff;
        color: #0c0c0c; }
        .radioBlock__4DksO [type="checkbox"]:checked + label:hover:before {
          background: #ffffff;
          border: 2px solid #0c0c0c; }
        .radioBlock__4DksO [type="checkbox"]:checked + label:hover:after {
          background: #0c0c0c;
          box-shadow: 2px 0 0 #0c0c0c, 4px 0 0 #0c0c0c, 4px -2px 0 #0c0c0c, 4px -4px 0 #0c0c0c, 4px -6px 0 #0c0c0c, 4px -8px 0 #0c0c0c; }
      .radioBlock__4DksO [type="checkbox"]:checked + label:before {
        content: '';
        position: absolute;
        right: 12px;
        top: 10px;
        width: 28px;
        height: 28px;
        border: 2px solid #ffffff;
        background: #4b4b4b; }
      .radioBlock__4DksO [type="checkbox"]:checked + label:after {
        content: '';
        position: absolute;
        right: 42px;
        top: 24px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        transform: rotate(45deg); }
  .radioBlock__4DksO [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px; }
    .radioBlock__4DksO [type="checkbox"]:not(:checked) + label {
      cursor: pointer;
      color: #fff;
      background: #0c0c0c;
      padding: 14px 24px;
      border-radius: 25px;
      position: relative;
      top: 0px;
      width: 232px; }
      .radioBlock__4DksO [type="checkbox"]:not(:checked) + label:hover {
        background: #ffffff;
        color: #0c0c0c; }
        .radioBlock__4DksO [type="checkbox"]:not(:checked) + label:hover:before {
          background: #ffffff;
          border: 2px solid #4b4b4b; }
        .radioBlock__4DksO [type="checkbox"]:not(:checked) + label:hover:after {
          background: #ffffff; }
      .radioBlock__4DksO [type="checkbox"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        right: 24px;
        top: 10px;
        width: 28px;
        height: 28px;
        border: 2px solid #4b4b4b;
        background: #0c0c0c; }
      .radioBlock__4DksO [type="checkbox"]:not(:checked) + label:after {
        content: '';
        position: absolute;
        right: 42px;
        top: 24px;
        width: 2px;
        height: 2px;
        transform: rotate(45deg); }

@media all and (max-width: 711px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .confirmButton__3sY74 {
    width: 100%;
    border-radius: 22px; }
  .changeRatings__1Da8f {
    margin: 0 !important; }
  .radioBlock__4DksO [type="radio"]:checked + label, .radioBlock__4DksO [type="radio"]:not(:checked) + label {
    width: 100%;
    padding: 15px 0;
    margin: 10px 0;
    border-radius: 0;
    background-color: transparent; }
  .ages__2JcGm span, .allowedRatings__LsXD- span {
    width: 100% !important;
    -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important; } }

@media all and (max-width: 1024px) {
  .confirmButton__3sY74 {
    background-color: #ffffff;
    color: #000000; }
  .title__17b1c {
    text-align: center; } }

@media all and (min-width: 712px) and (max-width: 1024px) {
  .changeRatings__1Da8f {
    margin: 0 15.23%; }
  .ages__2JcGm span, .allowedRatings__LsXD- span {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%; }
  .changeRatingsHead__2sH83 {
    margin-top: 58px; }
    .changeRatingsHead__2sH83 h2 {
      font-size: 36px;
      line-height: 44px; }
    .changeRatingsHead__2sH83 p {
      font-size: 14px;
      color: #ffffff;
      margin-bottom: 80px; }
  .ageAndRating__3kQsL {
    font-size: 28px;
    line-height: 36px; }
  p.currentRatings__3jPE- {
    font-size: 20px;
    line-height: 26px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.settingsContainer__3Y1-_ {
  min-height: 400px; }
  .settingsContainer__3Y1-_ h1 {
    margin-top: 36px;
    margin-bottom: 72px; }
  .settingsContainer__3Y1-_ p {
    color: #a6a6a6; }

.settingsWrapper__1bcdS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.settingsWrapperLTablet__3V94f {
  display: block !important;
  margin-top: 20px; }

.settingsMenuLTablet__tGXNN {
  display: none; }

.settingsMenuLTabletMargin__BmJPj {
  margin-right: 0px !important; }

.settingsMenuContentLTablet__fA1q8 {
  width: auto;
  margin-right: 0;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%; }

.settingsMenu__xE-AD {
  -ms-flex: 0 1 19.02%;
      flex: 0 1 19.02%;
  margin-right: 10.69%; }

.settingsMenuContent__xxOm8 {
  -ms-flex: 0 1 80.98%;
      flex: 0 1 80.98%; }

.settingsContent__1lmI3 {
  -ms-flex: 0 1 44.88%;
      flex: 0 1 44.88%; }

.settingControlBlock__1HakK {
  padding: 30px 0px;
  border-bottom: 1px solid #676767; }
  .settingControlBlock__1HakK button {
    margin-top: 13px; }

.settingsMenu__xE-AD {
  padding-left: 0px; }
  .settingsMenu__xE-AD label {
    position: relative;
    padding-left: 30px;
    cursor: pointer; }

.backButton__31wyh::before {
  position: absolute;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAA00lEQVRIDeWVoQoCQRRF1xXFJguCQTAY/Ax/zmbbZtJkMlkUv8FiMGwwCAY/Yzx3mYXp8x4IXri8NOe+ndl5UxR/qRDCCJ/wynwDgA7xBUtX0wCAA6zOpRsemwUA6+Mjlu64soSXAA8ioweeWMJ7APdYavDUDC4QwK3I6Iln1vC6RYfwos6t4ZsIf1MX1vB1hH+oyxx4mbM4ay2d+21R1xkhfoechPj9pgrhK3TRdliyv2gxxG9UJFvlN+ySEL9xnYTowTm3J2L94CQhfk9mF/Iz9QttfyJHgWB50AAAAABJRU5ErkJggg==);
  left: 0;
  top: 0px; }

.settingsContent__1lmI3 {
  margin: 0 auto;
  margin-top: 40px;
  padding: 0 8.05%;
  width: 100%;
  float: left; }
  .settingsContent__1lmI3:before,
  .settingsContent__1lmI3 :after {
    display: table;
    content: ""; }

.settingsMenuContent__xxOm8 {
  margin-bottom: 30px; }

@media all and (max-width: 849px), (min-device-width: 850px) and (max-device-width: 1279px) and (orientation: landscape) {
  .settingsHeader__2Mfzw {
    padding: 0 6.65%; }
  .settingsMenu__xE-AD {
    margin-right: 0%; }
  .settingsContent__1lmI3 {
    padding: 0 6.65%;
    margin-top: 20px; } }

@media all and (min-width: 1281px) and (max-width: 1366px) {
  .settingsWrapper__1bcdS {
    display: block;
    margin: 20px 0 0 0; }
    .settingsWrapper__1bcdS .settingsMenu__xE-AD {
      margin-right: 0; } }

@media all and (max-width: 1279px) {
  .settingsWrapper__1bcdS {
    display: block;
    margin: 20px 0 0 0; } }

@media all and (max-width: 1024px) {
  .settingsContent__1lmI3 {
    margin-top: 0px; }
  .optionBlock__3fngz + img {
    width: 48px;
    height: 48px; }
  .settingsWrapper__1bcdS {
    display: block;
    margin: 40px 0 0 -10px; }
  .backOption__-ThZi {
    top: 0px !important;
    left: 0px !important; }
    .backOption__-ThZi img {
      height: 48px;
      width: 48px; }
  .settingsMenuContent__xxOm8 .h3__2uKuB {
    text-align: center; }
  .settingsWrapper__1bcdS {
    display: block;
    margin: 20px 0 0 0 !important; }
  .settingsMenu__xE-AD {
    margin-right: 0;
    margin-bottom: 30px; }
  .settingsContainer__3Y1-_ h1 {
    margin-bottom: 36px; }
  .title__3yDho {
    text-align: center; }
  .backOption__-ThZi img {
    height: 32px;
    width: 32px; } }

@media all and (max-width: 1024px) and (max-width: 599px) {
  .backOption__-ThZi {
    left: 10px !important; } }

@media all and (max-width: 1024px) {
  .profileHeadline__JMcrV {
    font-size: 24px !important;
    line-height: 32px !important; }
  .settingsWrapper__1bcdS {
    display: block; }
    .settingsWrapper__1bcdS .settingsMenu__xE-AD, .settingsWrapper__1bcdS .settingsMenuContent__xxOm8 {
      width: auto;
      margin-right: 0; } }

.backOptionLTablet__1VUQI img {
  width: 48px;
  height: 48px; }

@media all and (min-width: 849px) and (max-width: 1366px) {
  .backOptionLTablet__1VUQI {
    top: 10px !important;
    left: 2.5% !important; } }

@media all and (min-width: 600px) and (max-width: 849px) {
  .backOptionLTablet__1VUQI {
    top: 10px !important;
    left: 10px !important; } }

.goBack__1NUFc {
  position: relative;
  left: 32px; }
  .goBack__1NUFc:hover, .goBack__1NUFc:focus {
    color: #ffffff; }
  .goBack__1NUFc::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAAA00lEQVRIDeWVoQoCQRRF1xXFJguCQTAY/Ax/zmbbZtJkMlkUv8FiMGwwCAY/Yzx3mYXp8x4IXri8NOe+ndl5UxR/qRDCCJ/wynwDgA7xBUtX0wCAA6zOpRsemwUA6+Mjlu64soSXAA8ioweeWMJ7APdYavDUDC4QwK3I6Iln1vC6RYfwos6t4ZsIf1MX1vB1hH+oyxx4mbM4ay2d+21R1xkhfoechPj9pgrhK3TRdliyv2gxxG9UJFvlN+ySEL9xnYTowTm3J2L94CQhfk9mF/Iz9QttfyJHgWB50AAAAABJRU5ErkJggg==);
    position: absolute;
    left: -32px;
    top: -2px; }

.userProfileContact__2rHzj {
  padding: 30px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column; }
  .userProfileContact__2rHzj .profileIconText__3LZau {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    display: -ms-flexbox;
    display: flex;
    background-color: #0088ce;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 40;
    font-weight: 900;
    margin-bottom: 20px; }
  .userProfileContact__2rHzj .profileName__2Hg2D {
    text-align: center; }
    .userProfileContact__2rHzj .profileName__2Hg2D .profileHeadline__JMcrV {
      font-size: 20px;
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 16px 0 8px;
      text-transform: capitalize; }
    .userProfileContact__2rHzj .profileName__2Hg2D p {
      margin-bottom: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: normal;
      color: #a6a6a6; }

.signOutBtn__1Jce_ {
  width: 100%;
  height: 48px;
  border-radius: 31px;
  border: solid 2px #676767;
  background-color: transparent;
  color: #ffffff;
  margin-bottom: 30px; }
  .signOutBtn__1Jce_:hover, .signOutBtn__1Jce_:focus, .signOutBtn__1Jce_:active {
    background-color: #ffffff;
    color: #0f0f0f; }
  @media all and (max-width: 849px) {
    .signOutBtn__1Jce_:hover, .signOutBtn__1Jce_:focus, .signOutBtn__1Jce_:active {
      background-color: transparent;
      color: #ffffff; } }

.settingOption__2M4gY {
  padding: 0; }
  .settingOption__2M4gY li {
    list-style: none;
    border-bottom: 1px solid #676767;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .settingOption__2M4gY li p {
      color: #a6a6a6;
      font-size: 12px;
      margin: 0; }

.optionBlock__3fngz {
  padding: 24px 0; }

.optionTitle__2dx76 {
  margin-bottom: 0;
  font-weight: bold; }

.backOption__-ThZi {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  height: 70px;
  width: 100px;
  background: #0f0f0f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  @media all and (min-width: 768px) and (max-width: 1024px) {
    .backOption__-ThZi {
      width: 100;
      margin-top: 20px; }
      .backOption__-ThZi img {
        width: 48px;
        height: 48px; } }
  @media all and (max-width: 599px) {
    .backOption__-ThZi {
      -ms-flex-pack: left;
          justify-content: left; } }

.mobTitle__1a_69 {
  display: none; }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .optionBlock__3fngz + img {
    width: 32px;
    height: 32px; }
  .optionTitle__2dx76 {
    font-size: 20px !important;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif !important;
    line-height: 28px; }
  .settingsWrapper__1bcdS {
    margin: 20px 0 0 0 !important; } }

@media all and (min-width: 320px) and (max-width: 599px) and (orientation: portrait) {
  .mobTitle__1a_69 {
    margin: 24px !important;
    display: block !important;
    text-align: center !important; } }

@media all and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait), (min-width: 375px) and (max-width: 1024px) and (orientation: landscape) {
  .mobTitle__1a_69 {
    margin: 30px 0px 30px 0px !important;
    font-size: 36px;
    display: block !important;
    text-align: left !important; } }

@media all and (max-width: 711px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .signOutBtnMobile__1GfpS {
    display: block !important; }
  .signOutBtnTablet__11jYe {
    display: none !important; } }

@media all and (min-width: 712px) {
  .signOutBtnTablet__11jYe {
    display: block;
    width: 80%;
    height: 48px;
    max-width: 213px;
    border-radius: 31px;
    border: solid 2px #676767;
    background-color: transparent;
    color: #ffffff;
    margin: 15px auto; }
  .signOutBtnMobile__1GfpS {
    display: none; } }

.mobTitleLTablet__3RzQD {
  font-size: 36px;
  margin: 50px 0px 50px 0px !important;
  display: block !important;
  text-align: left !important; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.removeDevicesHeading__2ya6s {
  margin-top: 40px;
  margin-bottom: 9px; }

.devicesWrapper__1G4sa p {
  font-size: 14px; }

.devicesGroup__2NEyQ {
  margin-bottom: 31px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-bottom: 27px;
  border-bottom: 1px solid #333333; }

.removeButton__3UMd1 {
  margin-top: 0; }

.devicesSection__V34qD {
  margin: 40px 0 0 0; }

.deviceInfo__1sHZp {
  width: 100%; }
  .deviceInfo__1sHZp h3 {
    font-weight: bold;
    margin: 0px;
    display: inline-block;
    margin-bottom: 30px; }
    .deviceInfo__1sHZp h3 > i {
      color: #ed7000; }
  .deviceInfo__1sHZp h4 {
    font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
    margin: 0px;
    display: inline-block;
    text-align: right; }
  .deviceInfo__1sHZp .registeredDate__17-Rz {
    margin-bottom: 24px; }
  .deviceInfo__1sHZp p {
    line-height: 20px;
    color: #a6a6a6;
    margin: 0 0 30px 0; }

.noDevicesContainer__1drmH {
  text-align: center; }
  .noDevicesContainer__1drmH .unlinkIcon__2y_6J {
    width: 219px;
    height: 220px;
    object-fit: contain; }
  .noDevicesContainer__1drmH p {
    font-size: 20px;
    margin-top: 26px;
    color: white; }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .removeDevicesHeading__2ya6s {
    font-size: 20px !important;
    margin-top: 24px; }
  .devicesWrapper__1G4sa p {
    font-size: 12px !important; }
  .deviceInfo__1sHZp h3 {
    margin-bottom: 4px !important;
    font-size: 16px !important;
    line-height: 20px !important; }
  .devicesSection__V34qD {
    margin: 24px 0 0 0; } }

@media all and (max-width: 849px), (min-device-width: 850px) and (max-device-width: 1279px) and (orientation: landscape) {
  .removeDevicesHeading__2ya6s {
    font-size: 36px;
    line-height: 44px; }
  .deviceInfo__1sHZp {
    margin-bottom: 20px; }
    .deviceInfo__1sHZp h3 {
      margin-bottom: 14px;
      font-size: 20px;
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif !important;
      line-height: 26px; } }

.tabletHighlightBtn__2gmH5 {
  background-color: #ffffff !important;
  color: #0f0f0f !important;
  border-radius: 24px !important; }

.mobileRemoveBtn__3eG45 {
  width: 90vw !important;
  border: solid 2px #676767 !important;
  background-color: #0f0f0f !important;
  border-radius: 22px !important;
  color: #ffffff !important; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.alertMessage___4F4g {
  font-size: 14px;
  color: #a6a6a6;
  line-height: 18px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%; }

.devicesSection__1vaw2 h3 {
  font-weight: bold;
  margin: 48px 0px 40px 0; }

.alertIcon__2aNJS {
  float: left;
  margin-right: 10px;
  margin-top: 5px; }
  .alertIcon__2aNJS img {
    width: 24px; }

.devicesGroup__sq7eF {
  margin-bottom: 31px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-bottom: 27px;
  border-bottom: 1px solid #333333; }

.deviceIcon__rV-FW {
  display: table-cell;
  vertical-align: middle;
  width: 80px; }
  .deviceIcon__rV-FW .icon__3VzhU {
    background-color: #d8d8d8;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    padding: 16px 0px; }

.deviceNameStatusWrapper__CtK-b {
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  margin-bottom: 30px; }

.deviceInfo__TKNZc {
  width: 100%; }
  .deviceInfo__TKNZc h3 {
    font-weight: bold;
    margin: 0px;
    display: inline-block; }
    .deviceInfo__TKNZc h3 > i {
      color: #ed7000; }
  .deviceInfo__TKNZc h4 {
    font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
    margin: 0px;
    display: inline-block;
    text-align: right; }
  .deviceInfo__TKNZc .registeredDate__7x6_E {
    margin-bottom: 24px; }
  .deviceInfo__TKNZc p {
    line-height: 20px;
    color: #a6a6a6;
    margin: 0 0 30px 0; }

.actionButtons__3HaMF {
  display: table-cell;
  text-align: right;
  vertical-align: middle; }

.removeButton__RimR8 {
  font-size: 14px;
  line-height: 18px;
  color: #a6a6a6;
  text-decoration: underline;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  min-width: 54px;
  height: 18px;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  background-color: #ffffff; }
  .removeButton__RimR8:hover {
    text-decoration: none; }

.registerButton__19w9l {
  margin-top: 0; }

.unregisterButton__1KcXh {
  margin-top: 0; }

.swapButton__2xyhc {
  margin-top: 0; }

.tabletHighlightBtn__3Nnyf {
  background-color: #ffffff !important;
  color: #0f0f0f !important; }

.unregisterBtnMobile__1emnL {
  border: solid 2px #676767 !important;
  width: 90vw !important;
  background-color: transparent !important;
  color: #ffffff !important; }

@media all and (max-width: 1024px) {
  .actionButtons__3HaMF .registerButton__19w9l,
  .actionButtons__3HaMF .swapButton__2xyhc {
    width: inherit;
    min-width: auto; }
    .actionButtons__3HaMF .registerButton__19w9l:hover, .actionButtons__3HaMF .registerButton__19w9l:focus, .actionButtons__3HaMF .registerButton__19w9l:active,
    .actionButtons__3HaMF .swapButton__2xyhc:hover,
    .actionButtons__3HaMF .swapButton__2xyhc:focus,
    .actionButtons__3HaMF .swapButton__2xyhc:active {
      background-color: #333333;
      color: #ffffff; } }

.devicesTitle__3nsFg {
  margin-top: 40px;
  margin-bottom: 9px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.registerRemoveContainer__3eL0t {
  border: 2px solid #333333;
  border-radius: 25px;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .registerRemoveContainer__3eL0t button {
    margin: 0;
    padding: 0;
    border: 0; }
    .registerRemoveContainer__3eL0t button:focus, .registerRemoveContainer__3eL0t button:hover {
      background-color: #333333;
      color: #ffffff; }
    .registerRemoveContainer__3eL0t button:focus-visible {
      background-color: #ffffff;
      color: #000000; }

.currentDeviceDescription__32gOf {
  color: #ffffff !important; }

.deviceLength__1LSbl {
  font-size: 26px; }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .registerRemoveContainer__3eL0t {
    width: 100%;
    border: none;
    border-bottom: 2px solid #676767;
    border-radius: 0px; }
    .registerRemoveContainer__3eL0t button {
      width: 50%;
      color: #a6a6a6; }
  .devicesTitle__3nsFg {
    font-size: 20px !important;
    margin: 0 0 4px; }
  .currentDeviceDescription__32gOf,
  .registeredDate__7x6_E {
    color: #a6a6a6 !important;
    font-size: 12px;
    line-height: 1.33; }
  .actionButtons__3HaMF {
    margin: 0px; }
    .actionButtons__3HaMF .registerButton__19w9l,
    .actionButtons__3HaMF .swapButton__2xyhc {
      width: 40vw; }
  .actionButtons__3HaMF button {
    border-radius: 22px !important;
    border: solid 2px #676767;
    background: none; }
  .deviceNameStatusWrapper__CtK-b {
    margin-bottom: 4px !important; }
  .devicesSection__1vaw2 h3 {
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif !important;
    font-size: 16px !important; }
  .deviceNameStatusWrapper__CtK-b h4 {
    display: none; }
  .deviceNameStatusWrapper__CtK-b h3 {
    font-family: "VerizonNHGTX-Regular", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.25; }
  .devicesTitle__3nsFg {
    margin-top: 24px; }
  .devicesSection__1vaw2 > h3 {
    margin: 24px 0; }
  .deviceInfo__TKNZc {
    margin: 0 !important; }
    .deviceInfo__TKNZc p {
      font-size: 12px;
      line-height: 16px; }
  .registerRemoveContainer__3eL0t {
    width: 100vw;
    margin: 0 -5.76%; }
    .registerRemoveContainer__3eL0t #active__2lZbo {
      border-bottom: 4px solid white !important; }
    .registerRemoveContainer__3eL0t button {
      background-color: transparent !important;
      border-radius: 0px;
      border: none; } }

@media all and (max-width: 849px), (min-device-width: 850px) and (max-device-width: 1279px) and (orientation: landscape) {
  .registerRemoveContainer__3eL0t button {
    font-size: 20px; }
  .devicesTitle__3nsFg {
    font-size: 36px;
    line-height: 44px; }
  .deviceNameStatusWrapper__CtK-b {
    margin-bottom: 14px; }
  .deviceInfo__TKNZc {
    margin-bottom: 20px; }
  .currentDeviceDescription__32gOf {
    font-size: 14px;
    line-height: 20px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.errorMessageWrapper__383ck { }

.errorMessage__f03NR {
  color: #a6a6a6; }

.errorCode__AMeAh {
  color: #a6a6a6;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.imageWrapper__X80Z8 { }
  .imageWrapper__X80Z8 img {
    max-width: 100%; }

.devErrorMessage__1_iie {
  padding: 20p;
  border: 1px solid #990308;
  color: #990308; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.resizeModal__2wAQH {
  width: 90% !important;
  margin: 0 !important; }
  .resizeModal__2wAQH .modal-content {
    background-color: transparent;
    box-shadow: none; }
  .resizeModal__2wAQH .modalContent__1jesJ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    color: #ffffff; }
    .resizeModal__2wAQH .modalContent__1jesJ .img__23Ch_ {
      margin-bottom: 2rem; }
      @media all and (max-width: 767px) {
        .resizeModal__2wAQH .modalContent__1jesJ .img__23Ch_ {
          width: 48px;
          height: 48px; }
          .resizeModal__2wAQH .modalContent__1jesJ .img__23Ch_ img {
            width: 100%; } }
    .resizeModal__2wAQH .modalContent__1jesJ h1 {
      font-size: 3rem;
      line-height: 3rem;
      margin: 0 0 20px 0; }
      @media all and (max-width: 767px) {
        .resizeModal__2wAQH .modalContent__1jesJ h1 {
          font-size: 1.5rem;
          line-height: 1.5rem;
          margin-bottom: 8px; } }
    .resizeModal__2wAQH .modalContent__1jesJ p {
      font-size: 20px;
      line-height: 24px; }
      @media all and (max-width: 767px) {
        .resizeModal__2wAQH .modalContent__1jesJ p {
          font-size: 0.75rem;
          line-height: 1rem; } }

.backdrop__3lD61 {
  opacity: 0.8 !important;
  z-index: 113 !important; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.resizeModal__3Nv-w {
  width: 90% !important;
  margin: 0 !important; }
  .resizeModal__3Nv-w .modal-content {
    background-color: transparent;
    box-shadow: none; }

.mobileResizeModal__3XZZ3 {
  z-index: 1001; }
  .mobileResizeModal__3XZZ3 .modalContent__3bbk1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    color: #ffffff; }
    .mobileResizeModal__3XZZ3 .modalContent__3bbk1 .img__3M6_m {
      margin-bottom: 2rem;
      background: #333333;
      padding: 33px 30px;
      border-radius: 5px; }
      @media all and (max-width: 767px) {
        .mobileResizeModal__3XZZ3 .modalContent__3bbk1 .img__3M6_m .img__3M6_m {
          padding: 25px 23px; }
        .mobileResizeModal__3XZZ3 .modalContent__3bbk1 .img__3M6_m img {
          width: 100%; } }
    .mobileResizeModal__3XZZ3 .modalContent__3bbk1 h1 {
      font-size: 3rem;
      line-height: 3rem;
      margin: 0 0 20px 0; }
      @media all and (max-width: 767px) {
        .mobileResizeModal__3XZZ3 .modalContent__3bbk1 h1 {
          font-size: 1.5rem;
          line-height: 1.5rem;
          margin-bottom: 8px; } }
    .mobileResizeModal__3XZZ3 .modalContent__3bbk1 p {
      font-size: 20px;
      line-height: 24px; }
      @media all and (max-width: 767px) {
        .mobileResizeModal__3XZZ3 .modalContent__3bbk1 p {
          font-size: 0.75rem;
          line-height: 1rem; } }
    .mobileResizeModal__3XZZ3 .modalContent__3bbk1 .visitStore__3Oiri {
      border-radius: 25px;
      background: #fff; }

.backdropMobileResizeModal__226SK {
  z-index: 1000 !important; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.badge__2v3g8 {
  border-radius: 3px;
  background-color: #ffffff;
  color: #0c0c0c;
  padding: 4px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 13px; }

.title__3_au0 {
  color: #ffffff;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 36px; }

.subtitle__2vi0o {
  font-weight: normal;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  color: #a6a6a6; }

.description__3wURg {
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  margin-top: 10px; }
  .description__3wURg .readMoreBtn__1WQWs {
    background-color: transparent;
    font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
    color: #a6a6a6;
    height: auto;
    margin-top: 6px;
    padding-left: 28px;
    position: relative; }
    .description__3wURg .readMoreBtn__1WQWs:before {
      content: "";
      width: 18px;
      height: 18px;
      background-image: url("/icons/more.png");
      display: inline-block;
      border: 1px solid #a6a6a6;
      border-radius: 30px;
      position: absolute;
      left: 0;
      top: 2px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 12px; }
    .description__3wURg .readMoreBtn__1WQWs:hover {
      color: #ffffff !important; }
      .description__3wURg .readMoreBtn__1WQWs:hover:before {
        background-color: #ffffff;
        background-image: url("/icons/more-black.png"); }

.cast__2ibHw {
  display: table;
  margin-top: 16px; }
  .cast__2ibHw span {
    display: table-cell; }
  .cast__2ibHw .castText__21uV_ {
    width: 97px;
    margin-right: 10px; }

.info__PKVGE {
  color: #a6a6a6; }

.seriesTitle__2EHDW {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #ffffff; }

.availableOn__3WUUc {
  font-weight: bold;
  color: #ffffff;
  margin: 17px 0 16px;
  font-style: normal;
  line-height: 1.25; }

.rentalExpiryText__3AZDr {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  color: #ffffff !important; }

@media all and (max-width: 849px) {
  .metadataTitleContainer__3e5wj {
    width: calc(100% - 48px); }
  .title__3_au0 {
    margin-bottom: 8px; }
  .description__3wURg {
    font-size: 14px; }
    .description__3wURg .readMoreBtn__1WQWs {
      margin-top: 3px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.badge__2v3g8 {
  border-radius: 3px;
  background-color: #ffffff;
  color: #0c0c0c;
  padding: 4px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 13px; }

.title__3_au0 {
  color: #ffffff;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 36px; }

.subtitle__2vi0o {
  font-weight: normal;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  color: #a6a6a6; }

.description__3wURg {
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  margin-top: 10px; }
  .description__3wURg .readMoreBtn__1WQWs {
    background-color: transparent;
    font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
    color: #a6a6a6;
    height: auto;
    margin-top: 6px;
    padding-left: 28px;
    position: relative; }
    .description__3wURg .readMoreBtn__1WQWs:before {
      content: "";
      width: 18px;
      height: 18px;
      background-image: url("/icons/more.png");
      display: inline-block;
      border: 1px solid #a6a6a6;
      border-radius: 30px;
      position: absolute;
      left: 0;
      top: 2px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 12px; }
    .description__3wURg .readMoreBtn__1WQWs:hover {
      color: #ffffff !important; }
      .description__3wURg .readMoreBtn__1WQWs:hover:before {
        background-color: #ffffff;
        background-image: url("/icons/more-black.png"); }

.cast__2ibHw {
  display: table;
  margin-top: 16px; }
  .cast__2ibHw span {
    display: table-cell; }
  .cast__2ibHw .castText__21uV_ {
    width: 97px;
    margin-right: 10px; }

.info__PKVGE {
  color: #a6a6a6; }

.seriesTitle__2EHDW {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #ffffff; }

.availableOn__3WUUc {
  font-weight: bold;
  color: #ffffff;
  margin: 17px 0 16px;
  font-style: normal;
  line-height: 1.25; }

.rentalExpiryText__3AZDr {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  color: #ffffff !important; }

@media all and (max-width: 849px) {
  .metadataTitleContainer__3e5wj {
    width: calc(100% - 48px); }
  .title__3_au0 {
    margin-bottom: 8px; }
  .description__3wURg {
    font-size: 14px; }
    .description__3wURg .readMoreBtn__1WQWs {
      margin-top: 3px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.badge__3fIqM {
  width: auto;
  border-radius: 0;
  margin: 0; }

.title__1V6eM {
  margin-bottom: 0;
  margin-top: 0;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  color: #ffffff;
  font-size: 36px;
  line-height: 1.2; }

.subtitle__1Xw6e {
  margin-bottom: 0;
  margin-top: 0;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.33;
  color: #959595; }

.description__3oI1V {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media all and (min-width: 1441px) {
    .description__3oI1V {
      font-size: 16px;
      line-height: 22px;
      margin-top: 14px; } }

.info__34KSo {
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.29em;
  color: #959595;
  margin-top: 10px;
  margin-bottom: 0; }

@media all and (max-width: 1024px) {
  .title__1V6eM {
    font-size: 24px;
    line-height: 30px; }
  .subtitle__1Xw6e {
    font-size: 14px;
    line-height: 18px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.radioButtonWrapper__3o44Q {
  display: inline-block;
  padding: 13px 30px;
  border-radius: 25px;
  margin-right: -8px; }
  @media all and (max-width: 767px) {
    .radioButtonWrapper__3o44Q {
      margin-right: 0px; } }
  .radioButtonWrapper__3o44Q:hover, .radioButtonWrapper__3o44Q:focus, .radioButtonWrapper__3o44Q:focus-within, .radioButtonWrapper__3o44Q:active, .radioButtonWrapper__3o44Q.checked__1PWdb {
    background-color: #ffffff;
    color: #0f0f0f; }
    .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur {
      color: #0f0f0f; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur span, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur span, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur span, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur span, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur span {
        background-color: #ffffff; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7 {
        background-color: #ffffff;
        border: 2px solid #676767; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7 {
        background-color: #ffffff;
        border: 2px solid #0f0f0f; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after {
        background: #0f0f0f; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7 {
        background-color: #ffffff;
        border: 2px solid #676767; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7 {
        background-color: #ffffff;
        border: 2px solid #0f0f0f; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after {
        background: #0f0f0f; }

.checked__1PWdb {
  background-color: #333333;
  color: #ffffff; }

.radioLabel__1tDur {
  display: inline;
  color: white;
  position: relative;
  padding-right: 45px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media all and (max-width: 767px) {
    .radioLabel__1tDur {
      padding-right: 30px;
      font-size: 18px; } }

.checked__1PWdb label {
  font-weight: bold; }

/* Hide the browser's default radio button */
.radioLabel__1tDur input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  margin-left: 50px;
  margin-top: 0; }

/* Create a custom radio button */
.radioLabel__1tDur span {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  margin-right: -9px;
  background-color: #0f0f0f;
  border: 2px solid #676767;
  border-radius: 50%; }
  @media all and (max-width: 767px) {
    .radioLabel__1tDur span {
      margin-left: 35px;
      top: -1px;
      right: -14px;
      height: 23px;
      width: 23px; } }

.paymentCardExpDate__2GSIa {
  margin: 0;
  color: #676767; }

.checked__1PWdb .paymentCardExpDate__2GSIa {
  color: #0c0c0c; }

.checked__1PWdb:hover .paymentCardExpDate__2GSIa, .checked__1PWdb:focus .paymentCardExpDate__2GSIa, .checked__1PWdb:focus-within .paymentCardExpDate__2GSIa {
  color: #0c0c0c; }

.checked__1PWdb:focus-visible .paymentCardExpDate__2GSIa {
  color: #0c0c0c; }

/* On mouse-over, add a grey background color */
.radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7 {
  background-color: #333333;
  border: 2px solid white; }

/* When the radio button is checked */
.radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7 {
  background-color: #333333;
  border: 2px solid white; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioLabelCheckmark__1u5W7:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the indicator (dot/circle) when checked */
.radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7:after {
  display: block; }

/* Style the indicator (dot/circle) */
.radioLabel__1tDur .radioLabelCheckmark__1u5W7:after {
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: white; }
  @media all and (max-width: 767px) {
    .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after {
      width: 13px;
      height: 13px; } }

@media all and (max-width: 1024px) {
  .radioButtonWrapper__3o44Q:hover, .radioButtonWrapper__3o44Q:focus, .radioButtonWrapper__3o44Q:focus-within, .radioButtonWrapper__3o44Q:active {
    background-color: inherit;
    color: inherit; }
    .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur {
      color: inherit; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur span, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur span, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur span, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur span {
        background-color: inherit; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7 {
        background-color: inherit;
        border: 2px solid #676767; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7 {
        background-color: inherit;
        border: 2px solid #0f0f0f; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after {
        background: inherit; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7 {
        background-color: inherit;
        border: 2px solid #676767; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7 {
        background-color: inherit;
        border: 2px solid #0f0f0f; }
      .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:hover .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:focus-within .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q:active .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after {
        background: inherit; }
  .radioButtonWrapper__3o44Q {
    margin-left: 20px; }
    .radioButtonWrapper__3o44Q.checked__1PWdb {
      background-color: #ffffff;
      color: #0f0f0f; }
      .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur {
        color: #0f0f0f; }
        .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur span {
          background-color: #ffffff; }
        .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur input ~ .radioLabelCheckmark__1u5W7 {
          background-color: #ffffff;
          border: 2px solid #676767; }
        .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur input:checked ~ .radioLabelCheckmark__1u5W7 {
          background-color: #ffffff;
          border: 2px solid #0f0f0f; }
        .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur .radioLabelCheckmark__1u5W7:after {
          background: #0f0f0f; }
        .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:hover input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus-within input ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:active input ~ .radioLabelCheckmark__1u5W7 {
          background-color: #ffffff;
          border: 2px solid #676767; }
        .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:hover input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus-within input:checked ~ .radioLabelCheckmark__1u5W7, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:active input:checked ~ .radioLabelCheckmark__1u5W7 {
          background-color: #ffffff;
          border: 2px solid #0f0f0f; }
        .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:hover .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:focus-within .radioLabelCheckmark__1u5W7:after, .radioButtonWrapper__3o44Q.checked__1PWdb .radioLabel__1tDur:active .radioLabelCheckmark__1u5W7:after {
          background: #0f0f0f; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.purchaseButton__2jurl { }

.primaryPurchaseRoundedButton__3Gege { }

.secondaryPurchaseRoundedButton__2eM3G { }

.primaryPurchaseButton__W79mC { }

.primaryPreOrderButton__1KBDE {
  background-color: #676767 !important;
  color: #a6a6a6 !important;
  cursor: not-allowed !important; }
  .primaryPreOrderButton__1KBDE:hover, .primaryPreOrderButton__1KBDE:focus {
    background-color: #676767 !important;
    color: #a6a6a6 !important; }

.secondaryPurchaseButton__1px2A { }

.resolutionsWrapper__9IE0H {
  width: 100%; }

.modal .paymentUpdateButton__3GidA {
  margin-left: 20px !important;
  margin-top: -12px; }

.resolutionOptions__6xEj6 {
  display: inline-block;
  color: #a6a6a6;
  padding: 12px 48px;
  border-radius: 25px; }
  .resolutionOptions__6xEj6:hover, .resolutionOptions__6xEj6:focus, .resolutionOptions__6xEj6:active {
    background-color: #333333;
    color: #ffffff; }

.forgotPinBtn__29oRC {
  width: 212px;
  height: 48px;
  border-radius: 31px;
  border: solid 2px #676767;
  background-color: transparent; }
  .forgotPinBtn__29oRC span {
    color: #fff; }

.invalidPinToaster__2x1T4 {
  max-width: 418px;
  height: 68px;
  border-radius: 4px;
  background-color: #333333;
  color: #fff;
  position: fixed;
  right: 80px;
  top: 80px;
  width: 30%;
  padding: 24px 0;
  border-left: 5px solid #ff5503; }
  .invalidPinToaster__2x1T4 img {
    width: 24px;
    height: 24px;
    margin: 0px 16px; }
  .invalidPinToaster__2x1T4 span {
    font-size: 16px; }

.resolutionRadioButton__fKcO6 {
  margin-top: -12px;
  margin-right: 20px;
  margin-bottom: 0; }
  @media all and (max-width: 849px) {
    .resolutionRadioButton__fKcO6 {
      margin-right: 0px; } }
  @media all and (max-width: 767px) {
    .resolutionRadioButton__fKcO6 {
      margin-top: 0; } }
  @media all and (max-width: 1024px) {
    .resolutionRadioButton__fKcO6 {
      margin-left: 0; } }

.recordingOptions__20tqz button {
  width: 100%; }
  .recordingOptions__20tqz button img {
    animation: spin__3Jtxw 1s linear;
    animation-iteration-count: infinite; }

.seasonList___CH9r {
  padding-bottom: 30px; }
  .seasonList___CH9r ul > li > a {
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 18px;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
    border: 1px solid #cccccc;
    height: 48px;
    padding: 14px 20px; }
    .seasonList___CH9r ul > li > a:hover, .seasonList___CH9r ul > li > a:focus, .seasonList___CH9r ul > li > a:active {
      border: 1px solid #cccccc; }
  .seasonList___CH9r ul > li ul {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin: 0px;
    padding: 10px 0;
    border-radius: 0;
    box-shadow: none;
    overflow: auto; }
    .seasonList___CH9r ul > li ul li {
      padding: 10px 0px; }
      .seasonList___CH9r ul > li ul li a {
        border: none;
        background-color: transparent;
        height: auto;
        outline: none;
        color: #959595;
        font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
        border-left: 3px solid transparent;
        padding: 0px 20px; }
        .seasonList___CH9r ul > li ul li a:hover, .seasonList___CH9r ul > li ul li a:focus, .seasonList___CH9r ul > li ul li a:active {
          border: none;
          outline: none;
          color: #000000;
          border-left: 3px solid #000000;
          background-color: transparent; }

.purchaseOptions__3QEJM p {
  font-size: 16px;
  line-height: 18px;
  color: #a6a6a6;
  margin-top: 10px;
  margin-bottom: 0px; }

.paymentOptionsWrapper__1fEe7 .paymentRadioButton__36rON label {
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.paymentConfirmButton__M6VmX {
  padding: 0 60px; }

.paymentRadioButton__36rON {
  height: 48px;
  display: block !important;
  margin: 8px 0;
  max-width: 375px; }

.paymentOptionsWrapper__1fEe7 {
  margin-bottom: 45px; }

.purchasePageSubtitle__359vX {
  padding-top: 75px;
  margin-bottom: 68px; }

.optionsList__ae_qk {
  border: 1px solid #cccccc;
  height: 48px;
  margin-top: -1px;
  padding: 11px 20px;
  position: relative;
  overflow: hidden; }
  .optionsList__ae_qk label {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    margin: 0px;
    position: relative;
    padding-left: 28px;
    cursor: pointer; }
  .optionsList__ae_qk input[type=radio] {
    position: absolute;
    left: -20px; }
    .optionsList__ae_qk input[type=radio]:checked + label {
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.uiRadioButton__4qACH {
  position: absolute;
  left: 0px;
  height: 18px;
  width: 18px;
  border: 1px solid #cccccc;
  content: '';
  border-radius: 50%; }

.selectedUiRadioButton__3InTW {
  border: 5px solid #cd040b;
  background-color: #cd040b; }

.completePurchase__1CHdf {
  padding-bottom: 30px; }
  .completePurchase__1CHdf p {
    font-size: 16px;
    color: #a6a6a6;
    margin-bottom: 20px;
    line-height: 18px; }

.forgotLink__2kF5G {
  font-size: 16px;
  line-height: 18px;
  color: #a6a6a6;
  text-decoration: underline; }
  .forgotLink__2kF5G:hover {
    text-decoration: none; }

.purchaseModalButton__30X2O {
  margin-top: 15px; }

.errorText__2kfG2 {
  color: #cd040b;
  font-size: 14px;
  line-height: 16px; }
  .errorText__2kfG2 p {
    padding-left: 34px;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 24px; }

.alertIcon__zPn9P {
  float: left;
  margin-top: 8px; }
  .alertIcon__zPn9P svg {
    width: 24px; }
    .alertIcon__zPn9P svg g {
      fill: #cd040b; }

@media all and (min-width: 768px) {
  .ppvPurchaseModal__1GxbQ .modal-sm {
    width: 50%; }
    .ppvPurchaseModal__1GxbQ .modal-sm .modal-title {
      font-size: 30px;
      line-height: 35px; } }

.confirmPPVPurchase__24ug5 {
  margin-right: 10px; }

.ppVPurchaseLoadingIndicator__1TyE4 {
  width: 10px; }

.ppvPurchasedButton__nUEy0 {
  cursor: default !important; }
  .ppvPurchasedButton__nUEy0:focus, .ppvPurchasedButton__nUEy0:hover, .ppvPurchasedButton__nUEy0[data-focus-visible-added] {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important; }

@keyframes spin__3Jtxw {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(90deg); }
  50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  100% {
    transform: rotate(360deg); } }

.forgotPinButton__2ZPKS {
  font-size: 12px;
  line-height: 16px;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  text-decoration: underline;
  margin: 20px 0 0 0;
  padding: 0;
  height: 16px;
  background-color: #ffffff;
  width: inherit !important; }

.purchasePageWrapper__Y-K4r {
  width: 100%;
  padding: 20px 20px 20px 0; }
  @media all and (max-width: 767px) {
    .purchasePageWrapper__Y-K4r {
      padding: 10px 0; } }

.purchaseField__3ekEw {
  display: inline-block;
  width: 20%;
  font-size: 16px;
  color: #a6a6a6;
  vertical-align: top; }
  @media all and (max-width: 767px) {
    .purchaseField__3ekEw {
      font-size: 12px;
      width: 100%;
      margin-bottom: 6px; } }
  @media all and (min-width: 600px) and (max-width: 849px) {
    .purchaseField__3ekEw {
      width: 30%; } }

.purchaseFieldValue__1hcDj {
  font-size: 16px;
  color: #fff;
  width: 80%;
  display: inline-block;
  padding-left: 15px; }
  @media all and (max-width: 767px) {
    .purchaseFieldValue__1hcDj {
      font-size: 12px;
      width: 100%;
      padding-left: 0; } }
  @media all and (min-width: 600px) and (max-width: 849px) {
    .purchaseFieldValue__1hcDj {
      width: 70%;
      padding-left: 15px; } }

.priceStrickThrough__tSS7- {
  text-decoration: line-through;
  color: #a6a6a6; }

.purchaseFieldMessage__94gkV {
  font-size: 16px;
  color: #a6a6a6;
  margin-right: 20px;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20%;
  margin-top: 24px;
  padding-left: 14px; }
  @media all and (min-width: 600px) and (max-width: 849px) {
    .purchaseFieldMessage__94gkV {
      margin-left: 30%; } }
  @media all and (max-width: 767px) {
    .purchaseFieldMessage__94gkV {
      margin-left: 0px;
      padding-left: 0; } }
  @media all and (max-width: 712px) {
    .purchaseFieldMessage__94gkV {
      margin-left: 30%;
      padding-left: 14px; } }
  @media all and (max-width: 711px) {
    .purchaseFieldMessage__94gkV {
      margin-left: 0px;
      padding-left: 0; } }

.purchaseFieldMessage__94gkV .infoIsvg__2f3nG {
  width: 20px;
  height: 20px;
  margin: 0 4px 0 0;
  object-fit: contain; }

.purchaseDisclaimer__BDEWO {
  font-size: 16px;
  color: #a6a6a6;
  margin-top: 30px; }

.playbackInfo__2YrsV {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border: 2px solid #a6a6a6;
  border-radius: 50px;
  margin: 10px 10px 10px 0;
  padding: 8px 24px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  height: 48px; }

.playbackInfoMessage__22zPQ {
  margin-left: 8px; }
  .playbackInfoMessage__22zPQ p {
    margin: 0;
    line-height: 1.33; }

.actionButtonDiv__21dxb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  @media all and (max-width: 599px) {
    .actionButtonDiv__21dxb {
      display: inline; } }

.seasonpassMessage__3qTNx {
  color: #989999;
  font-size: 1.14vw;
  line-height: 32px;
  margin-right: -155px;
  padding-top: 15px; }
  .seasonpassMessage__3qTNx p {
    margin: 0; }

.updateFieldValue__3KyGn {
  width: auto;
  vertical-align: top; }
  @media all and (max-width: 767px) {
    .updateFieldValue__3KyGn {
      width: 100%; } }

.paymentMethodField__3NzFG {
  display: inline-block; }
  @media all and (max-width: 767px) {
    .paymentMethodField__3NzFG {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; } }

@media all and (max-width: 767px) {
  .modal .paymentUpdateButton__3GidA {
    margin-left: 0 !important;
    display: block;
    margin-top: 0px; } }

@media all and (max-width: 1024px) {
  .seasonpassMessage__3qTNx {
    margin-right: 0; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.waysToWatchModal__1_uIc .modal-body {
  padding: 0 !important;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column; }
  .waysToWatchModal__1_uIc .modal-body > div {
    width: 100%; }
  .waysToWatchModal__1_uIc .modal-body .cardRailContainer__3Xh9_ {
    position: relative; }

.seasonpassMessage__3MsFt {
  padding: 30px 15% 0 5.7%;
  color: #989999;
  font-size: 1.14vw;
  line-height: 32px;
  position: absolute;
  bottom: -30%; }
  .seasonpassMessage__3MsFt p {
    margin: 0; }

@media all and (max-width: 1024px) {
  .seasonpassMessage__3MsFt {
    display: none; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.tabsContainerWrap__1-lmS {
  position: relative;
  z-index: 112; }

.tabsContainer__1SYnm {
  margin-bottom: 0px;
  width: 100%; }
  .tabsContainer__1SYnm .slick-list {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    box-sizing: content-box;
    overflow: hidden;
    margin: 0 5.76%;
    width: 89%; }
  .tabsContainer__1SYnm .slick-slider {
    margin-bottom: 0;
    overflow: hidden; }
  .tabsContainer__1SYnm .slick-prev {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s linear;
    position: absolute;
    display: block;
    line-height: 0;
    font-size: 0;
    color: transparent;
    left: 0;
    padding: 0;
    border: none;
    outline: none; }
    .tabsContainer__1SYnm .slick-prev.fadeOut__3S9sN {
      visibility: hidden;
      opacity: 0;
      transition: all 0.5s linear; }
    .tabsContainer__1SYnm .slick-prev button {
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      margin: 2px;
      position: relative;
      top: 0; }
  .tabsContainer__1SYnm .slick-next {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s linear;
    position: absolute;
    display: block;
    line-height: 0;
    font-size: 0;
    color: transparent;
    right: 0;
    padding: 0;
    border: none;
    outline: none; }
    .tabsContainer__1SYnm .slick-next.fadeOut__3S9sN {
      visibility: hidden;
      opacity: 0;
      transition: all 0.5s linear; }
    .tabsContainer__1SYnm .slick-next button {
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      margin: 2px;
      position: relative;
      top: 0; }
  .tabsContainer__1SYnm .slick-disabled {
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s linear; }

.tabPanel__1WebE {
  min-height: 300px; }
  .tabPanel__1WebE [data-cid='cardRail'] {
    padding-top: 0 !important; }
    .tabPanel__1WebE [data-cid='cardRail'] .slick-list {
      margin-top: 0 !important; }
    .tabPanel__1WebE [data-cid='cardRail'] .slick-prev {
      top: 34px;
      height: calc(100% - 110px); }
    .tabPanel__1WebE [data-cid='cardRail'] .slick-next {
      top: 34px;
      height: calc(100% - 110px); }
  .tabPanel__1WebE [data-cid='loadingIndicator'] {
    padding-top: 40px !important;
    min-height: 300px; }

.slideContent__wtUlP {
  display: -ms-flexbox !important;
  display: flex !important; }

.tab__39MA4 {
  color: #ffffff;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  font-size: 20px;
  line-height: 36px;
  display: inline-block;
  cursor: pointer;
  padding-top: 6px;
  width: 6.45%;
  margin: 2px 8px 2px 0px;
  text-align: center; }
  .tab__39MA4:last-child {
    margin-right: 0px; }

.selectedTab__jnDUb {
  border-bottom: 3px solid;
  border-color: #cd040b;
  white-space: nowrap; }

.selectedTab-light__27Eg5 {
  color: #0c0c0c;
  background-color: #333333;
  color: #ffffff;
  border-radius: 50px;
  padding: 6px 15px;
  border-bottom: 0;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  margin: 2px 8px 2px 0px;
  width: auto;
  text-align: center; }

.selectedTab-dark__342q7 {
  color: #ffffff; }

@media all and (max-width: 1024px) {
  .tabsContainer__1SYnm .slick-list {
    margin: 0 5%; }
  .tab__39MA4 {
    font-size: 14px;
    line-height: 24px; }
  .justifyTab__2I2p9 {
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media all and (max-width: 767px) {
  .tabsContainer__1SYnm .slick-list {
    margin: 0 6%; }
  .tabsContainer__1SYnm .tab__39MA4 {
    font-size: 12px;
    line-height: 20px;
    margin: 2px 12px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.baseCardRow__1AnPS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin: 2px 0px 2px 0px; }

.cardRow__3w5QT { }
  .cardRow__3w5QT > :first-child {
    margin-left: 40px; }
  .cardRow__3w5QT > :last-child {
    margin-right: 40px; }

.cardRow__3w5QT:not(:first-child) {
  margin-top: 15px; }

.cardRow__3w5QT > *:not(:first-child) {
  margin-left: 15px; }

@media all and (max-width: 1024px) {
  .cardRow__3w5QT > :first-child {
    margin-left: 20px; }
  .cardRow__3w5QT > :last-child {
    margin-right: 20px; }
  .baseCardRow__1AnPS {
    margin: 2px 0px 25px 0px !important; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.cardRow__2yXbA { }
  .cardRow__2yXbA a:first-child {
    padding-left: 0px; }
  .cardRow__2yXbA a:last-child {
    padding-right: 0px; }

.cardRow__2yXbA > * {
  margin-right: 20px; }

.cardRow__2yXbA > *:not(:first-child) {
  margin-left: 0px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.cardRow__3sVvA { }
  .cardRow__3sVvA > :first-child {
    margin-left: 0px; }

.episodeRailsPlaceHolder__2YagP {
  height: 210px;
  background-color: #ffffff; }

.seriesRail__2jPOM .slick-slider__1IJE- {
  padding-left: 0; }

.seriesRail__2jPOM a[class^='cardOuter'] div[class^='cardLower'] {
  opacity: 1; }

.seriesRail__2jPOM a[class^='cardOuter'] div[class^='cardIconWrapper'] {
  opacity: 0; }

.seriesRail__2jPOM a[class^='cardOuter']:hover div[class^='cardIconWrapper'], .seriesRail__2jPOM a[class^='cardOuter']:focus div[class^='cardIconWrapper'], .seriesRail__2jPOM a[class^='cardOuter']:focus-within div[class^='cardIconWrapper'] {
  opacity: 1;
  transition-delay: 0.15s; }

@media all and (max-width: 1024px) {
  .seriesRail__2jPOM a[class^='cardOuter']:hover div[class^='cardIconWrapper'], .seriesRail__2jPOM a[class^='cardOuter']:focus div[class^='cardIconWrapper'], .seriesRail__2jPOM a[class^='cardOuter']:focus-within div[class^='cardIconWrapper'] {
    opacity: 0;
    transition-delay: none; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.waysToWatchModal__2ahvC .modal-body {
  padding: 0 !important;
  height: calc(100%-30px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column; }
  .waysToWatchModal__2ahvC .modal-body > div {
    width: 100%; }

.waysToWatchModal__2ahvC .createMyBundleContainer__mb3uH .modalTextContainer__1YOa6 {
  min-height: 144px;
  margin: 40px 8% 0 8%; }
  .waysToWatchModal__2ahvC .createMyBundleContainer__mb3uH .modalTextContainer__1YOa6 s {
    color: #a6a6a6; }
  .waysToWatchModal__2ahvC .createMyBundleContainer__mb3uH .modalTextContainer__1YOa6 .newBundlePrice__28rJl {
    margin-left: 20px; }

.waysToWatchModal__2ahvC .createMyBundleContainer__mb3uH h1 {
  color: #ffffff;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.waysToWatchModal__2ahvC .createMyBundleContainer__mb3uH p {
  font-size: 20px; }

.waysToWatchModal__2ahvC .createMyBundleContainer__mb3uH .subTitle__3Zhx0 {
  color: #a6a6a6; }

.waysToWatchModal__2ahvC .createMyBundleContainer__mb3uH .seasonRailContainer__3CSL1 {
  margin: 60px 0 0 0; }

.waysToWatchModal__2ahvC .createMyBundleContainer__mb3uH .buttonContainer__1jVhz {
  margin: 0 8%; }
  .waysToWatchModal__2ahvC .createMyBundleContainer__mb3uH .buttonContainer__1jVhz button {
    width: 176px;
    height: 48px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.ModalContent__39nB1 {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center; }
  .ModalContent__39nB1 .img__3Sffq {
    margin-bottom: 26px; }
    @media all and (max-width: 767px) {
      .ModalContent__39nB1 .img__3Sffq {
        width: 48px;
        height: 48px; } }
  .ModalContent__39nB1 h2 {
    margin: 26px 0; }
    @media all and (max-width: 767px) {
      .ModalContent__39nB1 h2 {
        font-size: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 8px; } }
  .ModalContent__39nB1 .buttonContainer__264ce {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    @media all and (max-width: 599px) {
      .ModalContent__39nB1 .buttonContainer__264ce {
        display: inline; } }
  .ModalContent__39nB1 button {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-right: 16px;
    -ms-flex: 1 0 250px;
        flex: 1 0 250px; }
  .ModalContent__39nB1 .description__2Nyxv {
    font-size: 20px;
    line-height: normal;
    color: #ffffff;
    max-width: 650px; }
    @media all and (max-width: 767px) {
      .ModalContent__39nB1 .description__2Nyxv {
        font-size: 0.75rem;
        line-height: 1rem; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.waysToWatchWrapper__UfSAl p {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 5px; }

.waysToWatchBtnWrapper__2Ird1 {
  position: relative;
  width: auto; }
  @media all and (max-width: 599px) {
    .waysToWatchBtnWrapper__2Ird1 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; } }

.waysToWatchBtn__27Zmk {
  border-radius: 31px;
  border: 2px solid #a6a6a6;
  background-color: transparent; }
  .waysToWatchBtn__27Zmk:hover {
    background-color: #ffffff;
    border-color: #ffffff; }
    .waysToWatchBtn__27Zmk:hover .providerName__2jrDM {
      color: #000000; }

.providerName__2jrDM {
  color: #ffffff; }

.moreOptionBtn__5-1Ip {
  position: absolute;
  top: 0px;
  right: -232px;
  z-index: 10;
  padding: 12px 48px;
  height: 48px;
  border-radius: 31px;
  border: 2px solid grey;
  background-color: transparent;
  width: 222px; }

.moreOptionText__30NFq {
  color: #fff; }

.moreWatchOptionsModal__5AeJD .modal-dialog {
  width: 540px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.bundleCanNotWatch__2rA_m {
  background-color: black;
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-top: 8px;
  padding-left: 4px;
  padding-right: 4px; }

.actionSetContainer__20fF_ {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.primaryButtonsContainer__35VFR {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row !important;
      flex-direction: row !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .primaryButtonsContainer__35VFR > a,
  .primaryButtonsContainer__35VFR button {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
  .primaryButtonsContainer__35VFR > *:last-child {
    margin-right: 0px; }
  .primaryButtonsContainer__35VFR .addToPlayNext__3siTB {
    -ms-flex: none;
        flex: none; }

.secondaryButtonsContainer__EQ8V9 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .secondaryButtonsContainer__EQ8V9 button {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }

.primaryPurchaseRoundedButton__3sp-s { }

.secondaryPurchaseRoundedButton__FLzEW { }

.addToPlayNext__3siTB {
  width: 48px !important;
  display: inline;
  height: 48px !important;
  padding: 12px !important;
  border-radius: 24px;
  background: #333333;
  margin: 10px 10px 10px 0;
  font-size: 29px;
  text-align: center;
  min-width: 48px !important; }
  .addToPlayNext__3siTB button {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    min-width: auto;
    margin: 0;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333333; }
    .addToPlayNext__3siTB button > .addIcon__3itam, .addToPlayNext__3siTB button .minusIcon__15005 {
      width: 24px;
      height: 24px; }
  .addToPlayNext__3siTB:hover .addIcon__3itam, .addToPlayNext__3siTB:focus .addIcon__3itam {
    background-color: #ffffff; }
    .addToPlayNext__3siTB:hover .addIcon__3itam svg path:last-child, .addToPlayNext__3siTB:focus .addIcon__3itam svg path:last-child {
      fill: #000000; }
  .addToPlayNext__3siTB:hover .minusIcon__15005, .addToPlayNext__3siTB:focus .minusIcon__15005 {
    background-color: #ffffff; }
    .addToPlayNext__3siTB:hover .minusIcon__15005 svg polygon, .addToPlayNext__3siTB:focus .minusIcon__15005 svg polygon {
      fill: #000000; }

@media all and (min-width: 850px) and (max-width: 1279px) {
  .primaryButtonsContainer__35VFR {
    -ms-flex-direction: column;
        flex-direction: column; } }

@media all and (max-width: 849px) {
  .addToPlayNext__3siTB {
    position: absolute;
    top: 30;
    right: 5%;
    margin-top: 0 !important; } }

@media all and (max-width: 767px) {
  .primaryButtonsContainer__35VFR > *:not(:only-child) {
    width: inherit; }
  .secondaryButtonsContainer__EQ8V9 button {
    width: inherit; } }

@media all and (max-width: 599px) {
  .actionButtonsContainer__1QgMh {
    width: 100%; }
  .actionSetContainer__20fF_ {
    width: 100%; }
  .primaryButtonsContainer__35VFR > *:only-child {
    width: 100%; } }

@media all and (max-width: 767px) {
  .primaryButtonsContainer__35VFR {
    -ms-flex-direction: column;
        flex-direction: column; }
    .primaryButtonsContainer__35VFR > a,
    .primaryButtonsContainer__35VFR button {
      width: 100%; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.infoWrapper__31hgD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  background-color: #0c0c0c; }

.bannerImageWrapper__1DpAH {
  min-height: 1px;
  position: relative;
  width: 72%;
  z-index: 1; }
  .bannerImageWrapper__1DpAH:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    height: 100%;
    z-index: 9;
    width: 60%;
    background-image: linear-gradient(to right, #0f0f0f 8%, rgba(15, 15, 15, 0.73) 34%, rgba(15, 15, 15, 0.39) 59%, rgba(15, 15, 15, 0) 80%); }
  .bannerImageWrapper__1DpAH:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 200px;
    z-index: 100;
    background-image: linear-gradient(to top, #0f0f0f 0%, rgba(0, 0, 0, 0) 100%); }
  .bannerImageWrapper__1DpAH img {
    max-height: 700px;
    width: 100%;
    position: relative; }

.mediaMetadataWrapper__mfdDq {
  width: 28%;
  z-index: 100;
  padding-left: 5.76%;
  position: relative;
  background-color: #0f0f0f; }

.mediaMetadata__1j4Kk {
  width: 190%;
  margin: 75px 40px 40px 0;
  color: #a6a6a6; }

.description__1QlLW {
  line-height: 18px;
  font-size: 13px;
  color: #ddd;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  margin-bottom: 15px; }

.info__33Rg9 {
  color: #959595;
  font-size: 14px; }

.movieActionButtonsContainer__2KNuk {
  margin-top: 30px; }

.heroArtwork__2T4AA {
  width: 60%;
  margin-left: 40%; }
  .heroArtwork__2T4AA img {
    width: 100%; }

.activeButton__2Hoam { }

a.activeButton__2Hoam {
  padding-top: 12px; }

.purchaseButton__1i9aV { }

.actionButtonsContainer__1FZCB {
  margin-top: 20px; }

.channelLogoWrapper__20mzS {
  margin-top: 10px; }

.channelLogo__3sU59 {
  margin-left: -5px; }

@media all and (max-width: 849px) {
  .infoWrapper__31hgD {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
  .mediaMetadataWrapper__mfdDq {
    width: 100%; }
    .mediaMetadataWrapper__mfdDq .mediaMetadata__1j4Kk {
      margin: 30px 0 20px 0;
      font-size: 14px; }
  .bannerImageWrapper__1DpAH {
    width: 100%; }
    .bannerImageWrapper__1DpAH:before {
      content: none; } }

@media all and (min-width: 850px) and (max-width: 1279px) {
  .actionButtonsContainer__1FZCB {
    max-width: 600px; }
  .bannerImageWrapper__1DpAH {
    overflow: hidden; }
  .bannerImageWrapper__1DpAH img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%);
    width: 100%; } }

@media all and (max-width: 849px) {
  .mediaMetadata__1j4Kk {
    width: 100%; } }

@media all and (max-width: 767px) {
  .heroArtwork__2T4AA {
    height: auto;
    width: 100%;
    margin-left: 0; }
    .heroArtwork__2T4AA img {
      width: 100%;
      height: auto; }
  .heroSideOverlay__3zmik {
    display: none; }
  .movieCinemaWrap-poster__Xem8q .movieMetadataWrapper__2IK5C {
    position: relative;
    padding: 20px; }
  .movieActionButtonsContainer__2KNuk button {
    display: block;
    width: 100%; } }

@media all and (max-width: 425px) {
  .primaryButtonsContainer__3HX7n {
    -ms-flex-direction: column;
        flex-direction: column; } }

@media all and (max-width: 1024px) {
  .mediaMetadataWrapper__mfdDq {
    padding: 0 5% 0; } }

@media all and (max-width: 767px) {
  .mediaMetadataWrapper__mfdDq {
    padding: 0 6% 0; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.errorText__zWVK5 {
  color: #cd040b;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  width: 100%;
  margin-top: 20px; }
  .errorText__zWVK5 p {
    padding-left: 34px;
    margin-bottom: 0px;
    line-height: 24px; }

.alertIcon__3UTLW {
  float: left; }
  .alertIcon__3UTLW svg {
    width: 24px; }
    .alertIcon__3UTLW svg g {
      fill: #cd040b; }

.forgotPinButton__3FcwS {
  font-size: 12px;
  line-height: 16px;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  text-decoration: underline;
  margin: 20px 0 0 0;
  padding: 0;
  height: 16px;
  background-color: #ffffff; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.primaryButton__zGKiY { }

.forgotPinTextWrapper__2nCBN {
  font-size: 16px;
  line-height: 20px; }

.primaryAcc__1zvuC {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  margin-top: 20px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.buttonText__Lt6Sy {
  display: inline-block;
  vertical-align: middle; }

.lockButton__Prt5A .lockIcon__1VHLk {
  height: 24px;
  width: 24px;
  display: inline-block;
  background-size: 24px 24px;
  background-image: url("/icons/lock-white.svg");
  vertical-align: middle;
  margin-left: 5px; }

.lockButton__Prt5A:hover .lockIcon__1VHLk, .lockButton__Prt5A[data-focus-visible-added] .lockIcon__1VHLk {
  background-image: url("/icons/lock-black.svg"); }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.noSupportDescription__1dDdH {
  font-size: 14px;
  line-height: 18px;
  color: #a6a6a6; }

.alertIcon__oW2bu {
  float: left; }
  .alertIcon__oW2bu svg {
    width: 24px; }
    .alertIcon__oW2bu svg g {
      fill: #cd040b; }

.errorText__2Dtox {
  color: #cd040b;
  line-height: 16px; }
  .errorText__2Dtox p {
    padding-left: 34px;
    margin-bottom: 0;
    line-height: 24px; }

.fullFitButton__19nUH {
  width: 100%; }

.errorMainButton__3613Q { }

.linkColor__Nlnru {
  color: #ffffff; }
  .linkColor__Nlnru:hover, .linkColor__Nlnru:visited {
    color: #ffffff; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
/* CONTROLS mixins*/
/* INDIVIDUAL CONTROLS */
.playerControlIcon__O_K6J {
  display: inline-block;
  cursor: pointer;
  width: 36px;
  height: 36px; }

.playButton__GTnDE {
  margin-left: 35px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAANVJREFUWAnN17sNwzAMBFAryGBZR1tkCUnr2JM5cSEXMgT9SN4RIA5g9XAdtxjjnlL6bKTjQgjnZXPOHf/9eu93JusNzCg26APIBq0CWaBNIBraDURBh4HW0GmgFXQZqA0VA2pBxYHSUDWgFFQduAo1A85CzYGjUBiwFwoHtqA0wBqUDlhCX/nAmm82WPly0ABLWC4ODqzB4MAWDAbshZkDR2FmwFmYOnAVpgaUgokDpWFiQC3YMlAbNg20gg0DrWHdQBSsCUTDqkAW2APIBruBrLAM/AGYCrLUeV4QvwAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain; }
  .playButton__GTnDE:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAPdJREFUWAnN1gkKwyAQBVAtPViP1qOlJ7MWOqDBmNkcvxASl8l/SUCSSilHPV4JtVUcNUwo6ZozFrSBnS8xoGfVoL8XOgBdDe2BXmkm47HQCeRuKgZ6p2DMr4UyANwla6DcdME6X6ggWLrUBypNVay3QRWB2hIdVJtmqJNBDUHWUh7UmuJQP4XmXwDIv+qnOt4556P1IAHJ1UERgR30QT3U8xMQ1n1iJGAHoxeHABzCCJgc9jHtLab7304gD0ZC7eMr6mSwQKAOFgC0wRYCfWALgL4wR+AamANwLcwAjIEpgLEwAXAPjAHcC5sAMWADIBasAWLC/sAvWFb2DR2clakAAAAASUVORK5CYII=); }
  .playButton__GTnDE:focus {
    outline: 1px dotted grey; }

.pauseButton__1Ym0T {
  margin-left: 35px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAoCAYAAADt5povAAAAAXNSR0IArs4c6QAAAGZJREFUWAnt0sEJwCAQBdGYdq3HehOwgXHA43j9+1d47FhrfQ+8OeeAkR2f7HpPFt2c6cObmntXpJFqgY5Gk1EhUhLSeaSajAqRkpDOI9VkVIiUhHQeqSajQqQkpPNINRkVIiUhnf/WdgcOnQqoXAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain; }
  .pauseButton__1Ym0T:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAoCAYAAADt5povAAAAAXNSR0IArs4c6QAAAGNJREFUWAnt0sENACEMxECg/57vEA0YSzyd72aDNGJ+ewbM3AMrJ765tW4OvdzpwZea51akkWqBPo0mo0KkJKTzSDUZFSIlIZ1HqsmoECkJ6TxSTUaFSElI55FqMipESkI6/wGSRAhMPx9JaAAAAABJRU5ErkJggg==); }
  .pauseButton__1Ym0T:focus {
    outline: 1px dotted grey; }

.rc-slider-vertical__1yfTF {
  position: absolute; }

.volumeWrapper__3L0oN {
  cursor: pointer;
  margin-left: 24px;
  z-index: 3; }
  .volumeWrapper__3L0oN .volumeBar__3jGQ5 {
    display: none;
    vertical-align: 5px;
    width: 85px; }
    .volumeWrapper__3L0oN .volumeBar__3jGQ5 .volumeSlider__3m20t {
      height: 120%;
      top: 128px;
      position: absolute;
      background-color: #959595;
      border-radius: 0;
      margin-left: 14px; }
      .volumeWrapper__3L0oN .volumeBar__3jGQ5 .volumeSlider__3m20t .rc-slider-rail__2vIGv {
        top: 10px; }
      @media all and (min-width: 320px) and (max-width: 849px) {
        .volumeWrapper__3L0oN .volumeBar__3jGQ5 .volumeSlider__3m20t {
          height: 145% !important;
          top: 85px; } }
      @media only screen and (min-width: 850px) and (max-width: 1024px) {
        .volumeWrapper__3L0oN .volumeBar__3jGQ5 .volumeSlider__3m20t {
          height: 70% !important;
          top: 122px; } }
    @media only screen and (min-width: 850px) and (max-width: 2100px) {
      .volumeWrapper__3L0oN .volumeBar__3jGQ5 .volumeSliderLargeTab__1PQP2 {
        height: 70% !important;
        top: 128px; } }
  .volumeWrapper__3L0oN:focus-within .volumeBar__3jGQ5 {
    display: inline; }

.rail__THbov {
  position: relative;
  bottom: 11px;
  width: 67px;
  height: 267px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6);
  background-color: #333333;
  border-radius: 5px;
  margin-left: -30px; }

[class^='volumeSlider_'] .rc-slider-rail__2vIGv {
  border: 20px solid red; }

.volumeSlider__3m20t .rc-slider-rail__2vIGv {
  content: '' !important;
  width: 10px !important;
  height: 10px !important;
  background-color: red !important;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important; }

.volumeSlider__3m20t .rc-slider-rail__2vIGv {
  top: 10px; }

.volumeButton__1T5bo {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAACxUlEQVRYCe2WO2hUURCG9/p+EvGJCT4CEixUsLHRgAEVo532QcTGoJLCWNhYWIrY2FiYwiqCEsEHVukU0gVE0ARx1ZD4REIURQ3X77+ZE86e7N7d7LqKcAf+/WfmzJkZZs+es7lcJtkEsgn8JxOI47gZ9PzzdmkiAp1gAuRLNcTaStAPWkrF1OwnuaaiIk7SGmokaBQ8Aw01F/cTkNBN5Qu65DoYAkUbwj9f++Hd4Ae47eerSSeZP5U32Aet2CB6PkyObztQs1ssrhtd0hrGzsomQTiVHnzTo0cv1VATa+/AU7AILASvweOyDRC0twT243dnZQS9PUyGr6Ah7HPglOLgfUBy1uwTU2a8J8xTYFtQGt1jcXoq/mb8YUMP8P0EO6wJ7f0IloIl4Bu45OeYoRMgeQK6AlzVAtI1Y5M5WAsb2ozvK7irELgVSI6YfR99yLYXpyQ8ju+Eq/j1VUoqbsiKXmTPJFgD5gJNKLk84TNAstavN8c36qD3kVM12qIomoQHwDYgeTlFuSbjhOrd0HMrtsF4FF5v+ltjZydmvRtKLkQqLbDi3+HFpo8bF/xI6t2Q+3rGrLjOywfTVxt/Mk6o3g3tsmKPjHUFDJu+zvi9cULzfMP0Nk7+YOBfFthlTXIsJ6gb9HOgh7E3oW8F14BkJ/gFXshwEjb0yhZWuABjdxbOk3iEAreC9WLmaZyawmFb7IT1S9MvT3IADJBrIrFm+0Ejx8BnILkJ3BlIUmGHF2MDvpNahPWejYNesxvRdT9dSDZX+0ECJdYNK9GDedTlQi9oyPnFrD0E+gPXbPZldD0rG/24qnUS+dPqxV4F0hpqZ73DmtGtrf9RN6puoNhGEobT0rOQLxbr+4jpA3pYW3z/H9NJ7E8rn5aY2ONAUvJNTNtf8RoF3LTKNaTDfAVEFSevJZBCh2rZn+3NJpBN4G9M4Dctt+uVrrjnXQAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain; }
  .volumeButton__1T5bo:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAACxUlEQVRYCe2WO2hUURCG9/p+EvGJCT4CEixUsLHRgAEVo532QcTGoJLCWNhYWIrY2FiYwiqCEsEHVukU0gVE0ARx1ZD4REIURQ3X77+ZE86e7N7d7LqKcAf+/WfmzJkZZs+es7lcJtkEsgn8JxOI47gZ9PzzdmkiAp1gAuRLNcTaStAPWkrF1OwnuaaiIk7SGmokaBQ8Aw01F/cTkNBN5Qu65DoYAkUbwj9f++Hd4Ae47eerSSeZP5U32Aet2CB6PkyObztQs1ssrhtd0hrGzsomQTiVHnzTo0cv1VATa+/AU7AILASvweOyDRC0twT243dnZQS9PUyGr6Ah7HPglOLgfUBy1uwTU2a8J8xTYFtQGt1jcXoq/mb8YUMP8P0EO6wJ7f0IloIl4Bu45OeYoRMgeQK6AlzVAtI1Y5M5WAsb2ozvK7irELgVSI6YfR99yLYXpyQ8ju+Eq/j1VUoqbsiKXmTPJFgD5gJNKLk84TNAstavN8c36qD3kVM12qIomoQHwDYgeTlFuSbjhOrd0HMrtsF4FF5v+ltjZydmvRtKLkQqLbDi3+HFpo8bF/xI6t2Q+3rGrLjOywfTVxt/Mk6o3g3tsmKPjHUFDJu+zvi9cULzfMP0Nk7+YOBfFthlTXIsJ6gb9HOgh7E3oW8F14BkJ/gFXshwEjb0yhZWuABjdxbOk3iEAreC9WLmaZyawmFb7IT1S9MvT3IADJBrIrFm+0Ejx8BnILkJ3BlIUmGHF2MDvpNahPWejYNesxvRdT9dSDZX+0ECJdYNK9GDedTlQi9oyPnFrD0E+gPXbPZldD0rG/24qnUS+dPqxV4F0hpqZ73DmtGtrf9RN6puoNhGEobT0rOQLxbr+4jpA3pYW3z/H9NJ7E8rn5aY2ONAUvJNTNtf8RoF3LTKNaTDfAVEFSevJZBCh2rZn+3NJpBN4G9M4Dctt+uVrrjnXQAAAABJRU5ErkJggg==); }
  .volumeButton__1T5bo:focus {
    outline: 1px dotted grey; }

.volumeButtonMuted__3FN3z {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAACNUlEQVRYCe2VTyhlURzH350wmwnpLZQUmoWFYiVbCwtJvShbV8lCNpNSVkqTlSWRwsbUTLHEymxnOykLyUJRrLzRSCHP5/vGub0/1+2+ex5D3V99O+f8zu/3O5/zu+eRSMQWdyDuwDvqQCaTcdA4Gvzv2EA0o59I5kYF+hA10eRxeLYrrPdRt/FHHa2AgGnm4D20iNJoAVlZJCCfrqxB0YYEZ2UVpWY/dWWVPH2eMzTkOM6u6rCnwcqKgCjaREXJz9pxfkWf0Dr6AswfxrJZERCVXTQTcMIde32A7ATE5G1xyUrilZdnfn4/IJM0z0SfJNcmWCRLhKkjZ4/Dl8hbMcVYTzPvZ+zBf238QUDfCPxtAjWSnGJI5vpCzP8Sc4qWyU8I6glmDt8GukGeBQF5QTYTAG4B0F/uLSSoXkZdTDDD7D8wehbpZ+9lh5wIilBBHSLB/EJFMPgSrwKkg7BJ1IrOURcaRUX2KkAFb6YFim2kzzdWSPTiQBxaz6FTyLwZPWJ9PkHNsl/N6FnQo/5BcN4vgKzP6N7LDjHh/ZxTp5PQY/OA9abwCaqR+VVuGb8OpQk4QR9RbYEc1jUUE2zonz+HHhkY8rMmKHRs1pFGIBrQNpJdIN3SM9YpbWCu5yxx4tehZ0twozPUR8AIqkKbHP4dhe7Ws8VtN4Ao7NYAPusO2XLp34mLLpHs4N8Q/ZNZA6kAELndEpNblsK2RQSC1K23AaQLAaNuddheLs6POxB34KU68AgA7Spjj8CGWAAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain; }
  .volumeButtonMuted__3FN3z:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAACNUlEQVRYCe2VTyhlURzH350wmwnpLZQUmoWFYiVbCwtJvShbV8lCNpNSVkqTlSWRwsbUTLHEymxnOykLyUJRrLzRSCHP5/vGub0/1+2+ex5D3V99O+f8zu/3O5/zu+eRSMQWdyDuwDvqQCaTcdA4Gvzv2EA0o59I5kYF+hA10eRxeLYrrPdRt/FHHa2AgGnm4D20iNJoAVlZJCCfrqxB0YYEZ2UVpWY/dWWVPH2eMzTkOM6u6rCnwcqKgCjaREXJz9pxfkWf0Dr6AswfxrJZERCVXTQTcMIde32A7ATE5G1xyUrilZdnfn4/IJM0z0SfJNcmWCRLhKkjZ4/Dl8hbMcVYTzPvZ+zBf238QUDfCPxtAjWSnGJI5vpCzP8Sc4qWyU8I6glmDt8GukGeBQF5QTYTAG4B0F/uLSSoXkZdTDDD7D8wehbpZ+9lh5wIilBBHSLB/EJFMPgSrwKkg7BJ1IrOURcaRUX2KkAFb6YFim2kzzdWSPTiQBxaz6FTyLwZPWJ9PkHNsl/N6FnQo/5BcN4vgKzP6N7LDjHh/ZxTp5PQY/OA9abwCaqR+VVuGb8OpQk4QR9RbYEc1jUUE2zonz+HHhkY8rMmKHRs1pFGIBrQNpJdIN3SM9YpbWCu5yxx4tehZ0twozPUR8AIqkKbHP4dhe7Ws8VtN4Ao7NYAPusO2XLp34mLLpHs4N8Q/ZNZA6kAELndEpNblsK2RQSC1K23AaQLAaNuddheLs6POxB34KU68AgA7Spjj8CGWAAAAABJRU5ErkJggg==); }
  .volumeButtonMuted__3FN3z:focus {
    outline: 1px dotted grey; }

.volumeButtonMedium__1LmYI {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAACN0lEQVRYCe2VSyuEYRTHjfs9WSgLGimyIEvZTZRcVqLs2LKSFBsWWLEg8Sks8A1mQ9lILCxcNgqlXCK3YvwO5317551nxmAuqffUr3POcznnP2d4JiPDM28C3gT+2QRCoVARrEB12qUjIgCnIOZPmyCay1RW4R0sS48gujunskW+qYoiBLGek7SpUbwYrKk8Eo9BJiyBWJgg8lLYgb6Ei6Kocyrb5HVWE+JogrLZC8IDNFjn3T7bvSA5F5pxZaY91vphGF5gHBZ9Pt873mjUCrAxyJkh4gHiA1iAHojPuCifJJYds1lvqsZ62ITIJ7TQiJwnHte8xXTfuMYFEfQEowZYCm0YL341dAuSr2ofLqFQuccvR6sRsc5hEXQbsfHVkK34BUkNzrfJJaxX83XiU4ndluleSFIepO4NtGv9bXwNogo1t11KBPEH/UbHE6jSzufqK9XbLiWCtJv8R+dq/Ky+QL3tUiKIr0bEyNtzoZ0r1F+pt11KBNGtCfJgSztLfgcRgowPo14q4ZPtafxXN0OBa1jTQh34oOlBjTahSy6cgbzWbuRV7kLsNHz7Y8mZVs53wywCbsk7iWvAEkf4B6NgCxyC2C7I+G0jdz+MPtbkgc2FLJAf2DOI9e3Y9eIKKJYP8/AGrzAFnw3wYYKcBdmbBLHE/+JLIwq7p9XIWixBtezPOUUmPKaBc1ov5Ecg5k94s58URIBzWukXJOJR4ZyW/ycfKKlndVrlSW3iFfcm4E3glxP4AD78UmUvFYD+AAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain; }
  .volumeButtonMedium__1LmYI:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAACN0lEQVRYCe2VSyuEYRTHjfs9WSgLGimyIEvZTZRcVqLs2LKSFBsWWLEg8Sks8A1mQ9lILCxcNgqlXCK3YvwO5317551nxmAuqffUr3POcznnP2d4JiPDM28C3gT+2QRCoVARrEB12qUjIgCnIOZPmyCay1RW4R0sS48gujunskW+qYoiBLGek7SpUbwYrKk8Eo9BJiyBWJgg8lLYgb6Ei6Kocyrb5HVWE+JogrLZC8IDNFjn3T7bvSA5F5pxZaY91vphGF5gHBZ9Pt873mjUCrAxyJkh4gHiA1iAHojPuCifJJYds1lvqsZ62ITIJ7TQiJwnHte8xXTfuMYFEfQEowZYCm0YL341dAuSr2ofLqFQuccvR6sRsc5hEXQbsfHVkK34BUkNzrfJJaxX83XiU4ndluleSFIepO4NtGv9bXwNogo1t11KBPEH/UbHE6jSzufqK9XbLiWCtJv8R+dq/Ky+QL3tUiKIr0bEyNtzoZ0r1F+pt11KBNGtCfJgSztLfgcRgowPo14q4ZPtafxXN0OBa1jTQh34oOlBjTahSy6cgbzWbuRV7kLsNHz7Y8mZVs53wywCbsk7iWvAEkf4B6NgCxyC2C7I+G0jdz+MPtbkgc2FLJAf2DOI9e3Y9eIKKJYP8/AGrzAFnw3wYYKcBdmbBLHE/+JLIwq7p9XIWixBtezPOUUmPKaBc1ov5Ecg5k94s58URIBzWukXJOJR4ZyW/ycfKKlndVrlSW3iFfcm4E3glxP4AD78UmUvFYD+AAAAAElFTkSuQmCC); }
  .volumeButtonMedium__1LmYI:focus {
    outline: 1px dotted grey; }

.volumeButtonLow__l_HgN {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAAB60lEQVRYCe2Vvy8EQRTHbwW5RHMFolFQSBSHSpRoKMTfQK2RiNJxiYbkSqU4pQb/gEJENKKQiFCIa06rI8Sdz1u7src7u2N/OCfZl3zMzps3b777vbmTyaSROpA68E8dqNfrU1AIK78t7AZdPSK6YIe6ExjU1bvX292JOHNxhf27MBC1TyIOuVzpQ0wxqqDY+8QVeACJcxiCnEyIcuwDftqAw8y7wliDF1gB03HGyIJ875A0RdyYj8Ae8lsgd+UCFg3DuGNUBr06WdiHEnWXyiJdkiaToIsiBZ57SK7BIWteZaxANuhsX4ccm455PnXM5XEWZuCIN65JIiioeUbIMjUHsASloHrlGg1sh6RRQ7C2ARLKj5R8g0P2ZvJncG3PVaPHblVRgrlDeuUR1evXs9mC7i0h/a0iyL6z8q1TRrMdylsqnpRqSDZb0DhnVvnWPfoJsi30W5f8KpdwwVUg/69CBT1EzBysB20McuiVjRV4h5yLDuYSexw0+vWo/btJhXxU4X+DdK0RkYVt+IA3KMC32zx7fofIDcO8rnesdQ6YgFuQuIIRacjoERTroDCbOdzt1hq5bpAoh+mVaC2HO926MeX8pSB5O0Q43RJN5UTfOmozhNhutYYgeRHLremoL5XuSx1IHfgtBz4B3z6GYpnpV38AAAAASUVORK5CYII=) no-repeat center;
  background-size: contain; }
  .volumeButtonLow__l_HgN:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAAB60lEQVRYCe2Vvy8EQRTHbwW5RHMFolFQSBSHSpRoKMTfQK2RiNJxiYbkSqU4pQb/gEJENKKQiFCIa06rI8Sdz1u7src7u2N/OCfZl3zMzps3b777vbmTyaSROpA68E8dqNfrU1AIK78t7AZdPSK6YIe6ExjU1bvX292JOHNxhf27MBC1TyIOuVzpQ0wxqqDY+8QVeACJcxiCnEyIcuwDftqAw8y7wliDF1gB03HGyIJ875A0RdyYj8Ae8lsgd+UCFg3DuGNUBr06WdiHEnWXyiJdkiaToIsiBZ57SK7BIWteZaxANuhsX4ccm455PnXM5XEWZuCIN65JIiioeUbIMjUHsASloHrlGg1sh6RRQ7C2ARLKj5R8g0P2ZvJncG3PVaPHblVRgrlDeuUR1evXs9mC7i0h/a0iyL6z8q1TRrMdylsqnpRqSDZb0DhnVvnWPfoJsi30W5f8KpdwwVUg/69CBT1EzBysB20McuiVjRV4h5yLDuYSexw0+vWo/btJhXxU4X+DdK0RkYVt+IA3KMC32zx7fofIDcO8rnesdQ6YgFuQuIIRacjoERTroDCbOdzt1hq5bpAoh+mVaC2HO926MeX8pSB5O0Q43RJN5UTfOmozhNhutYYgeRHLremoL5XuSx1IHfgtBz4B3z6GYpnpV38AAAAASUVORK5CYII=); }
  .volumeButtonLow__l_HgN:focus {
    outline: 1px dotted grey; }

.rc-slider__39ROt {
  position: absolute !important; }

.scrubberContainer__hr_fB {
  position: absolute;
  bottom: 40px;
  margin-left: 30px;
  margin-right: 30px;
  left: 0px;
  right: 0px; }
  .scrubberContainer__hr_fB:focus {
    outline: auto !important;
    outline-style: solid !important;
    outline-width: thin !important; }
  .scrubberContainer__hr_fB .timelineBar__3xkUR {
    width: 100%;
    height: 4px;
    background: #4b4b4b;
    border-radius: 0; }
    .scrubberContainer__hr_fB .timelineBar__3xkUR .rc-slider-handle {
      border: none; }
    .scrubberContainer__hr_fB .timelineBar__3xkUR .rc-slider-track {
      background-color: #cd040b;
      border-radius: 0; }
    .scrubberContainer__hr_fB .timelineBar__3xkUR .rc-slider-dot {
      border: 0;
      border-radius: 0;
      height: 6px;
      background-color: #959595;
      margin-left: 0; }
  .scrubberContainer__hr_fB .timeMarker__Baeo5 {
    font-size: 1rem;
    position: absolute;
    float: right;
    padding: 10px 0px 10px 10px;
    right: 0; }
    .scrubberContainer__hr_fB .timeMarker__Baeo5 .currentTime__37dkG {
      color: #ffffff; }
    .scrubberContainer__hr_fB .timeMarker__Baeo5 .timeDivider__10U9r,
    .scrubberContainer__hr_fB .timeMarker__Baeo5 .totalDuration__2Hqfd {
      color: #959595; }

@media only screen and (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .scrubberContainer__hr_fB {
    bottom: 50px !important; }
    .scrubberContainer__hr_fB .timeMarker__Baeo5 {
      padding: 5px 0px 5px 5px; } }

@media all and (max-width: 849px), (min-device-width: 850px) and (max-device-width: 1279px) and (orientation: landscape) {
  .scrubberContainer__hr_fB {
    bottom: 60px !important; }
    .scrubberContainer__hr_fB .timeMarker__Baeo5 {
      padding: 5px 0px 5px 5px; } }

.ccWrapper__1QQkj,
.sapWrapper__3gGrr {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAAC10lEQVRYCe2XPWgUQRTH9+InRggaooIiQUFQE0shhaAgQUFttFAsLG0kIhYiYmFSWIgfBCy0FhEUFDGNIIqIBOw0EozEU5uEWCVEjLkk5++/N3NMLrN7e2TPNPvgt+/Nm7fvvczOzl6CIJNsBbIVqO8K5Hzpi8ViI/52WO2bX6Rvlvu/5HK5sap5aKQBuqEA9ZZnFGiubGp5haOL8VXoh8fwF9KWBhJ2wClYBkfBL3Sch0FY4Y9Iz0uNeyDZ7mZVt6EwoX3TCm94voXQWd/LS5N+t1um3BBO+/j+RzPqwdaZ9zTchtxGvTarqE3fCmu8AY6TmLWwFWqqkSiYpBtAm3wC8jDJ+BW0OT2EJr5OGGAwDj9ggvENWBkGJL1wQxNIet17GLfAiCaQGRiCKQ2QUdhi47HPwBxIxmE4tEqXBzZOGtcxM3fc9SdZoevcsAlGYCcbfgd6F/yBjXAWVGAd6ibosH0IzcTqDboCktPEbCuZ0Ve7kaMjguCEmeylwFfZ6G8kP4iphuyJewBbB10RLhIzg5bcgsHQCoJpoyNVbEMU3cydTebuT24WCr53x9haNckv5kZLZtj8FPZTO66mqz2ySSeBzqk4sbHV4uJyBLEN8ZfqTflpMhxyM7F616APeoz/o9GN+PbZWOz18AIUW/bb+UhNcNRbdo45ySxchna4APZtuqSkjHVGfQBJHg5DBzwHyTRoC4SC7X3L7LwSRjWkQo/AJ/04V9kk2G3w3ROo5s/bOGnG3oZiN7Vu5LHNoU6S4An6CGjz6gh4DXeZL6BDwR4gbg8DFd8LLTAE95l7h04uJPKuUPIMtUVGrVDspq6tRDrRbkP2IJv39U2njDeLrVN+5IoqN8Qz/s1YH8P9LKcNVky9pNMk/uwWqNzUt5m8A29pSptYp2zaokWwP2H7WIjhyAI0oVe8G5bsR76+zAuEhnT8L/2/QQs6yxzZCmQrsPgV+AdPPb1cdrQElQAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  display: inline-block;
  font-weight: bolder;
  vertical-align: 2px;
  margin-left: 10px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ccParent__3jbN5 {
  margin-left: 24px; }
  .ccParent__3jbN5 .ccButton__bJGuu {
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAAC10lEQVRYCe2XPWgUQRTH9+InRggaooIiQUFQE0shhaAgQUFttFAsLG0kIhYiYmFSWIgfBCy0FhEUFDGNIIqIBOw0EozEU5uEWCVEjLkk5++/N3NMLrN7e2TPNPvgt+/Nm7fvvczOzl6CIJNsBbIVqO8K5Hzpi8ViI/52WO2bX6Rvlvu/5HK5sap5aKQBuqEA9ZZnFGiubGp5haOL8VXoh8fwF9KWBhJ2wClYBkfBL3Sch0FY4Y9Iz0uNeyDZ7mZVt6EwoX3TCm94voXQWd/LS5N+t1um3BBO+/j+RzPqwdaZ9zTchtxGvTarqE3fCmu8AY6TmLWwFWqqkSiYpBtAm3wC8jDJ+BW0OT2EJr5OGGAwDj9ggvENWBkGJL1wQxNIet17GLfAiCaQGRiCKQ2QUdhi47HPwBxIxmE4tEqXBzZOGtcxM3fc9SdZoevcsAlGYCcbfgd6F/yBjXAWVGAd6ibosH0IzcTqDboCktPEbCuZ0Ve7kaMjguCEmeylwFfZ6G8kP4iphuyJewBbB10RLhIzg5bcgsHQCoJpoyNVbEMU3cydTebuT24WCr53x9haNckv5kZLZtj8FPZTO66mqz2ySSeBzqk4sbHV4uJyBLEN8ZfqTflpMhxyM7F616APeoz/o9GN+PbZWOz18AIUW/bb+UhNcNRbdo45ySxchna4APZtuqSkjHVGfQBJHg5DBzwHyTRoC4SC7X3L7LwSRjWkQo/AJ/04V9kk2G3w3ROo5s/bOGnG3oZiN7Vu5LHNoU6S4An6CGjz6gh4DXeZL6BDwR4gbg8DFd8LLTAE95l7h04uJPKuUPIMtUVGrVDspq6tRDrRbkP2IJv39U2njDeLrVN+5IoqN8Qz/s1YH8P9LKcNVky9pNMk/uwWqNzUt5m8A29pSptYp2zaokWwP2H7WIjhyAI0oVe8G5bsR76+zAuEhnT8L/2/QQs6yxzZCmQrsPgV+AdPPb1cdrQElQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: contain;
    color: #959595; }
    .ccParent__3jbN5 .ccButton__bJGuu:hover {
      color: #ffffff; }
      .ccParent__3jbN5 .ccButton__bJGuu:hover .ccPanel__1C4bt {
        display: inline; }
    .ccParent__3jbN5 .ccButton__bJGuu:focus {
      outline: 1px dotted grey; }
  .ccParent__3jbN5 .ccPanel__1C4bt {
    display: none;
    font-size: 12px !important;
    background-color: #333333;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 194px;
    padding: 25px 0 10px 0;
    top: 97px;
    margin-left: -47px;
    z-index: 10;
    border-radius: 6px;
    right: 224px; }
    .ccParent__3jbN5 .ccPanel__1C4bt:focus-within .ccPanel__1C4bt {
      display: inline; }
    @media all and (min-width: 320px) and (max-width: 599px) {
      .ccParent__3jbN5 .ccPanel__1C4bt {
        top: 60px;
        right: 174px; } }
    @media all and (min-width: 600px) and (max-width: 849px) {
      .ccParent__3jbN5 .ccPanel__1C4bt {
        top: 65px;
        right: 192px; } }
  .ccParent__3jbN5:hover .ccPanel__1C4bt {
    display: inline; }
  .ccParent__3jbN5:focus-within .ccPanel__1C4bt {
    display: inline; }

.sapParent__1bQfR {
  margin-left: 24px; }
  .sapParent__1bQfR .sapButton__2Ox4S {
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAACHUlEQVRYCe2XzStEURjG52LlK5LysaGQslMWwgL5B6jJZkqalbWlrP0NpKRmZVayICwkJWVlYYiIhXxuhOTj+r11Tt0xZ+be+bgNdZ96Oue8H895zzvHzBEKBQg6kF8HrEzptm2Lvxf2wBqYMR5/OrziSMBNy7Le0gVltFNMC9yBhcQVYkOZNjaemKQ2kg5hNbyB2/AS5grp7iDsgjaM0KkYozsoxoK6MyvMq9yz3COU7jSj4Ak2uGcRQeCIZIBzWO4pKYsgNGMiDuZMaSUGY7+yxWmrXMZCY0kJ6n2S9E0F1auI46TIwi1OlJTeJ0nZVJC+6HL5/MCXEjXtHTIa/ajCq2ZQkFungg4FHXLrgJv/X9yhb3WKMrfT5OjXTTB+8WqnU/tOLTqdxgLO5QkikAdbCkwF7aqoML/IlSkZ+RsmlMSeJymKkPfQFhSsQnlc5Q10SuEMFDzARpOo/iFN8hHcikFejLXwEcqL8RpqOD//d4yLPFUutFNGNKT7k1A++jrYB9uh5IaJjzN6B4LNcAN6wTNBUac662FD4hm2AWfc77mxQ84gBLpZ6/86nC49F9+YWqwxRjn9LXkR5svwAC5A6fgRvk9Gf8Hm41DeyYJ7OAojsgDz/u6eRp2Nm+C6VKCQUGNxCtJ1UsQUfFHFyFDcgqQwiuiA+1INyKog0xejPmzOIxf3lGT5M5+FHzkL+ZFIhyr80A00/0wHfgDt0KGUXmFwXAAAAABJRU5ErkJggg==) no-repeat center;
    background-size: contain;
    color: #959595; }
    .sapParent__1bQfR .sapButton__2Ox4S:hover {
      color: #ffffff; }
      .sapParent__1bQfR .sapButton__2Ox4S:hover .sapPanel__330x8 {
        display: inline; }
      .sapParent__1bQfR .sapButton__2Ox4S:hover .sapPanelMobileTrailer__UhlUb {
        display: inline; }
  .sapParent__1bQfR .sapPanel__330x8 {
    display: none;
    font-size: 12px !important;
    background-color: #333333;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 194px;
    padding: 30px 0px 10px;
    top: 97px;
    margin-left: -43px;
    z-index: 10;
    border-radius: 6px;
    right: 180px; }
    .sapParent__1bQfR .sapPanel__330x8:focus-within .sapPanel__330x8 {
      display: inline; }
    @media all and (min-width: 320px) and (max-width: 599px) {
      .sapParent__1bQfR .sapPanel__330x8 {
        top: 65px;
        right: 125px; } }
    @media all and (min-width: 600px) and (max-width: 849px) {
      .sapParent__1bQfR .sapPanel__330x8 {
        top: 65px;
        right: 145px; } }
  .sapParent__1bQfR .sapPanelMobileTrailer__UhlUb {
    display: none;
    font-size: 12px !important;
    background-color: #333333;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 194px;
    padding: 12px 0px 10px;
    top: 97px;
    margin-left: -43px;
    z-index: 10;
    border-radius: 6px;
    right: 180px; }
    .sapParent__1bQfR .sapPanelMobileTrailer__UhlUb:focus-within .sapPanelMobileTrailer__UhlUb {
      display: inline; }
    @media all and (min-width: 320px) and (max-width: 599px) {
      .sapParent__1bQfR .sapPanelMobileTrailer__UhlUb {
        top: 65px;
        right: 125px; } }
    @media all and (min-width: 600px) and (max-width: 849px) {
      .sapParent__1bQfR .sapPanelMobileTrailer__UhlUb {
        top: 65px;
        right: 145px; } }
  .sapParent__1bQfR:hover .sapPanel__330x8 {
    display: inline; }
  .sapParent__1bQfR:hover .sapPanelMobileTrailer__UhlUb {
    display: inline; }
  .sapParent__1bQfR:focus-within .sapPanel__330x8 {
    display: inline; }
  .sapParent__1bQfR:focus-within .sapPanelMobileTrailer__UhlUb {
    display: inline; }

.ccButtonActive__1RDWO {
  width: 36px;
  height: 36px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAADKUlEQVRoBe2Yu2sUURSHd6NR8UWQBCSJoogvjIKipApoIelsg/hAfDQ2/gOCQgrBwiJYWYgQLMTCR2PlIwZRsRDRGLURQVPEdywSY3T9zjh3OXN35u6MW+xkuQd+3PO895yzc++dnULBk++A74DvgO+A70AjdqBUKu0Fd8AEqAfJurL+wcz9JehiPTJ2rDmYuggmOeCYqJ6mQ3FFFG0lGT5Bt93W50B+XiwWt9h5RAog+Xk4/AAy5o1mSGgJRUzpxJq0AL8U5DF5SXMuWCaMJrsAbZsVfMMVENkTjp9A9kk/6AFrQDeQ83oYuEie4/NgN1gLtoI+cA3UTmzi1hTn5AN8Viethu0w+BMzzxt0Oxxxu7BPxsRpVXtSfKDHs017x/Cv0ZU3OXwz2AZW6omRTwNN3xGWGx/4JtAFNhidjMh9wEU1F9BrFmSVbjAeriYdP6VsLcg/Q5sMJ5RtFfIrZbsMHzy6MoJ3ymazNRUwopKQhUat2X8j94KeEE9D+xRjs4q9Hur1cATBxN3QBouvWoBrD1xRSWy2JnaJz1TcfByl0P+ligKyHKMvTSKMKxRfjR1VDh3wWdZUofFslsla1BRyjKYlHTeRNiitn1zPmlz3QJdylF9jGpRPpND2mPFbyIu/dLwcx3vMJ56d9+g6Qx8zvID5EApyRK8zhkwjk7uO0c/YF5kJ4QeApq8Ii5X9kTKW7w10x5Ve2F9gvYq7ZNm1WLEHTFww4ukqQCY6awLg54CT4CG4BeQ2Dgi+E8wAQzeNTUaUx8A9MAT2GBv8QjAGkqjmAqRbO82CcSN2uaTuApuOxvlrHQEX7CBLrlqA6xg1c8kxeAbYz790dhMYBkk0iEFv6iB/dO3galKQ0lcUENm0OLYx47juioOXzToEZPNJnLwWbAT2wYAqQpNI98FbIHtG4mSjLwDVqIODYEw72QW0YvyoHXLGVxSQ5R7IWS3/0mm4AuSmnM5lqwsF+TP0xc4t8guwQSR5uRXzSCP2FwlJMlJAmPW5PGZPTgOp8+I4nb2fFk2VFLEP3Abyd7AeJB935XVjv8nJj74DvgO+A74DvgMN14G/4UhV/MbDnmYAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
  color: #ffffff; }

.panelArrow__1U_xZ {
  position: absolute;
  top: -12px;
  right: 10px;
  border-left: 12px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 12px solid #333333;
  width: 0;
  height: 0;
  z-index: 200;
  background: transparent; }

.ccPanelArrow__2tXY9 {
  position: absolute;
  top: -10px;
  right: 25px;
  border-left: 12px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 12px solid #333333;
  width: 0;
  height: 0;
  z-index: 200;
  background: transparent; }

.sapPanelHeader__f5tXa {
  font-size: 16px; }

.sapIndicator__1Pyi1 {
  color: #959595;
  cursor: pointer; }

.sapIndicatorOff__1DHii {
  color: #ffffff; }
  .sapIndicatorOff__1DHii:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUZDNjM4Nzk1M0MwMTFFN0FDM0RFNTYxMTNDMzc3MEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUZDNjM4N0E1M0MwMTFFN0FDM0RFNTYxMTNDMzc3MEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRkM2Mzg3NzUzQzAxMUU3QUMzREU1NjExM0MzNzcwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRkM2Mzg3ODUzQzAxMUU3QUMzREU1NjExM0MzNzcwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm9jm/AAAAC+SURBVHjaYmCgAvj//382EG8EYjYGKhlY8R8BtgIxFzUNhIHd1DbwLxBHk2tgExYDfwFxMLpCPiBmJMLADhwG+qErFAXiy0A8HYiZqGGgDBBfQVK0FIiZ0dQwAnEXFgO/YxgI1XAWi2K4wVADp2NR8w2InXB5yRyIP+IwmIVkA5EMNgbi11g03yHLQCSDdXEYjAxAPrImNf3hMxhkoDm5CRtk8EuqGYhksAoQP4Ea+JZiA9EMPg9yOal6AQIMAAIECh9gOYcPAAAAAElFTkSuQmCC);
    background-size: 8px 8px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    margin-left: 7px; }

.languageList__3jxMH {
  list-style: none;
  margin: 0 !important;
  padding: 0; }
  .languageList__3jxMH li {
    color: #959595; }
  .languageList__3jxMH li.selectedLanguage__3XiJB {
    color: #ffffff; }
    .languageList__3jxMH li.selectedLanguage__3XiJB:after {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUZDNjM4Nzk1M0MwMTFFN0FDM0RFNTYxMTNDMzc3MEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUZDNjM4N0E1M0MwMTFFN0FDM0RFNTYxMTNDMzc3MEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRkM2Mzg3NzUzQzAxMUU3QUMzREU1NjExM0MzNzcwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRkM2Mzg3ODUzQzAxMUU3QUMzREU1NjExM0MzNzcwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm9jm/AAAAC+SURBVHjaYmCgAvj//382EG8EYjYGKhlY8R8BtgIxFzUNhIHd1DbwLxBHk2tgExYDfwFxMLpCPiBmJMLADhwG+qErFAXiy0A8HYiZqGGgDBBfQVK0FIiZ0dQwAnEXFgO/YxgI1XAWi2K4wVADp2NR8w2InXB5yRyIP+IwmIVkA5EMNgbi11g03yHLQCSDdXEYjAxAPrImNf3hMxhkoDm5CRtk8EuqGYhksAoQP4Ea+JZiA9EMPg9yOal6AQIMAAIECh9gOYcPAAAAAElFTkSuQmCC);
      background-size: 8px 8px;
      display: inline-block;
      width: 8px;
      height: 8px;
      content: '';
      margin-left: 7px; }

.trickPlayButton__hxfAN {
  cursor: pointer;
  width: 60px;
  height: 60px; }

.trickPlayContainer__2YmPS {
  position: absolute;
  top: 42%;
  left: 35%;
  right: 35%; }
  @media all and (min-device-width: 481px) and (max-device-width: 767px) and (orientation: landscape) {
    .trickPlayContainer__2YmPS {
      left: 25%;
      right: 25%; } }
  @media all and (min-width: 320px) and (max-width: 599px) {
    .trickPlayContainer__2YmPS {
      left: 15%;
      right: 15%;
      top: 46%; } }
  @media all and (min-width: 600px) and (max-width: 849px) {
    .trickPlayContainer__2YmPS {
      top: 44%; } }
  .trickPlayContainer__2YmPS .playButton__GTnDE {
    width: 50px;
    height: 50px;
    margin: 0;
    position: absolute;
    left: 44%;
    top: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAaKADAAQAAAABAAAAaAAAAAB/U1sRAAAFZUlEQVR4Ae2dW6hVRRjH96koKLoTIUQURFHWS3TxRcnoKYJ6KQh68SHqIagMuyNUChoqh/ChC2FBHAh7SNCyCxFhKV1EycIMozuVRamlpebp91WLvfZ23WbtmXXZ6z/wsWfNfPPNrN9/z8w5a+29V6+nJAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiUB2B6enptdj51fWonpwIII6lA9hS7CSnxnIOT8DUiaUfyc/Djgrfs3ooRCAmTjy7mYPZhQLIKSyBuCoJ+SnKzg47AkXPJJAgynDRPgoWYsdnBlJlGALDamQcf03dTWFGoaipBDIESavaQMWlqQFV4ZdAmgo55X9T/zR2pt/RKNoRBHKEyKvejcN87NgjAqvAD4E8BQrW78DvWj8jUpQBAgUFKOq2HscLBzrQwWgEipJ38DuI7wrs1NFGptb/EnAA7+q6iwa3YUcL9QgEXKmX8N9Km7kjDLHbTUsAL9tkNQ3P7TbtEmdflnbJdvtp9xh2QomhNqrJRFWjMdBV9RXr53vy92JTExMTdfQfG0q57LgLFFHZROZORHo/KmjLa1dumM1CkE1M4lXYjLaIY+PsygyKa/I7B4uwSWbUX/GKJua7KFCkwxdk5iPSmqigia9dFijS4y0ytj9tiwqa9NqVPSiL+dVUbmFvWomdnuVYR51m0CD1XzlciD3JjDo0WFXPkQRK5v4pxXch0hvJ1dWVaolLZn0Rxa+z5L2MnZfsUk2pBMrmfD3VnyDSEuzEbNcwtVriinP9AdcHsOdZ+iq7bCSBigsUeX5Ixv4sfy8qCPmqJc6d7mU0eZcl7wXsLPfmbi00g9x4DXvvo2AJtowZtX+40sexBPJBsdf7ijALEGm1n3D9KBKoz8JH7h2C2P60xUcwi6E9yBfJ/+LM4eUj9qansDN8hNYM8kExOcZuih/BVjKjDia75JdKoHxGo3p8RoC7EenVMoG0xJWh5tbmAtxfYclbh1neKUkgJ1wjOdtnyj9GpOXYyUUjaYkrSsqv3y7CPYQ9y9J3OCu0ZlAWnXB19nnymVju5/aOCTcGRU4h8Brldq9pe0r9QLEEGsAR9OBzotuHVNa69KIlzoVWOd89NFuAzXQVx7rTDDIKYZJt/quwBxHmp7JdSKCy5LLbbaDarsltznbLr9USl8/IxeMbnG9GmNk+xLGONYNc8Kf72r2gx7GlCOP1vpAESodetOZFHO1ekM0e70kClUdq+4vtM7bfBEvag9zR2l9kt2KXhxbHhqYZZBSKJbun8wT2KMLY/zaVJAlUDPM63OwqwI5i7v68JFA2S7teZjfb1me7havVHpTM9jcTBrukTnFsaJpBRqGf7PLMM9jDCPNzv7i+nATqs3+brN0G2Novqj+nJa7X+xIZbkSYuU0Tx94eXZ5Bf3D+0cd2/zQYTUxdFMi+OjKF3ceM+a6JosTH1DWBPuDk7fLMxjiEJue7sgfZl6/mYVe2SRx744z7DLJfEpnEFiPMXjvhtqVxFmgNYtyDMDvbJkot4+XTlFWlbXR0TS0n2eZOK1DnF/q4AxvnVSHcWyCgQIeIbT/jclq40XcgciCB3iTuxR3AF/4UPQu0k3g3hB91h3rwJNBe4tyPHdchdNWc6ogCHab9c9iMakbbwV5GEGgjba/oILJqT7mEQN/S5hassi+ZVUukYb05CGQ/Sr4Iy/1yU8NOsd3DKSjQS/id0+4zbenocwSyB2Nc1dJTG49hpwhkj5a5HdOjZeqWeUggezjTJHZK3eNS//8TiAmkx5s18V2BQPaAwOuaODaNCQKIo0ds6p0gAiIgAiIgAiIgAiIgAiIgAiIgAiIgAkEJ/APu/LybtVsLPgAAAABJRU5ErkJggg==) no-repeat center;
    background-size: contain; }
    @media all and (max-width: 480px) {
      .trickPlayContainer__2YmPS .playButton__GTnDE {
        left: 43%; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .trickPlayContainer__2YmPS .playButton__GTnDE {
        left: 40%; } }
    .trickPlayContainer__2YmPS .playButton__GTnDE:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAaKADAAQAAAABAAAAaAAAAAB/U1sRAAAFZUlEQVR4Ae2dW6hVRRjH96koKLoTIUQURFHWS3TxRcnoKYJ6KQh68SHqIagMuyNUChoqh/ChC2FBHAh7SNCyCxFhKV1EycIMozuVRamlpebp91WLvfZ23WbtmXXZ6z/wsWfNfPPNrN9/z8w5a+29V6+nJAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiIAIiUB2B6enptdj51fWonpwIII6lA9hS7CSnxnIOT8DUiaUfyc/Djgrfs3ooRCAmTjy7mYPZhQLIKSyBuCoJ+SnKzg47AkXPJJAgynDRPgoWYsdnBlJlGALDamQcf03dTWFGoaipBDIESavaQMWlqQFV4ZdAmgo55X9T/zR2pt/RKNoRBHKEyKvejcN87NgjAqvAD4E8BQrW78DvWj8jUpQBAgUFKOq2HscLBzrQwWgEipJ38DuI7wrs1NFGptb/EnAA7+q6iwa3YUcL9QgEXKmX8N9Km7kjDLHbTUsAL9tkNQ3P7TbtEmdflnbJdvtp9xh2QomhNqrJRFWjMdBV9RXr53vy92JTExMTdfQfG0q57LgLFFHZROZORHo/KmjLa1dumM1CkE1M4lXYjLaIY+PsygyKa/I7B4uwSWbUX/GKJua7KFCkwxdk5iPSmqigia9dFijS4y0ytj9tiwqa9NqVPSiL+dVUbmFvWomdnuVYR51m0CD1XzlciD3JjDo0WFXPkQRK5v4pxXch0hvJ1dWVaolLZn0Rxa+z5L2MnZfsUk2pBMrmfD3VnyDSEuzEbNcwtVriinP9AdcHsOdZ+iq7bCSBigsUeX5Ixv4sfy8qCPmqJc6d7mU0eZcl7wXsLPfmbi00g9x4DXvvo2AJtowZtX+40sexBPJBsdf7ijALEGm1n3D9KBKoz8JH7h2C2P60xUcwi6E9yBfJ/+LM4eUj9qansDN8hNYM8kExOcZuih/BVjKjDia75JdKoHxGo3p8RoC7EenVMoG0xJWh5tbmAtxfYclbh1neKUkgJ1wjOdtnyj9GpOXYyUUjaYkrSsqv3y7CPYQ9y9J3OCu0ZlAWnXB19nnymVju5/aOCTcGRU4h8Brldq9pe0r9QLEEGsAR9OBzotuHVNa69KIlzoVWOd89NFuAzXQVx7rTDDIKYZJt/quwBxHmp7JdSKCy5LLbbaDarsltznbLr9USl8/IxeMbnG9GmNk+xLGONYNc8Kf72r2gx7GlCOP1vpAESodetOZFHO1ekM0e70kClUdq+4vtM7bfBEvag9zR2l9kt2KXhxbHhqYZZBSKJbun8wT2KMLY/zaVJAlUDPM63OwqwI5i7v68JFA2S7teZjfb1me7havVHpTM9jcTBrukTnFsaJpBRqGf7PLMM9jDCPNzv7i+nATqs3+brN0G2Novqj+nJa7X+xIZbkSYuU0Tx94eXZ5Bf3D+0cd2/zQYTUxdFMi+OjKF3ceM+a6JosTH1DWBPuDk7fLMxjiEJue7sgfZl6/mYVe2SRx744z7DLJfEpnEFiPMXjvhtqVxFmgNYtyDMDvbJkot4+XTlFWlbXR0TS0n2eZOK1DnF/q4AxvnVSHcWyCgQIeIbT/jclq40XcgciCB3iTuxR3AF/4UPQu0k3g3hB91h3rwJNBe4tyPHdchdNWc6ogCHab9c9iMakbbwV5GEGgjba/oILJqT7mEQN/S5hassi+ZVUukYb05CGQ/Sr4Iy/1yU8NOsd3DKSjQS/id0+4zbenocwSyB2Nc1dJTG49hpwhkj5a5HdOjZeqWeUggezjTJHZK3eNS//8TiAmkx5s18V2BQPaAwOuaODaNCQKIo0ds6p0gAiIgAiIgAiIgAiIgAiIgAiIgAiIgAkEJ/APu/LybtVsLPgAAAABJRU5ErkJggg==); }
  .trickPlayContainer__2YmPS .pauseButton__1Ym0T {
    width: 50px;
    height: 50px;
    margin: 0;
    position: absolute;
    left: 44%;
    top: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAWKADAAQAAAABAAAAWAAAAADngEgQAAABiUlEQVR4Ae3cwQ0BUQBFUaMO+qAQTWqEPuhj/O0sJP8QC8mVWJi5b37mFGC365NAAgkkkEACCSSQQAIJJJBAAgkkkEACcwLLXPZdta7rYTzhPPmUx7Is98l2k41zTuPCcXPx/Y/bOOf5/vYf3Rkvfhnf2c/101cbB1xnDxnd5dNzZLeXuNYFAnYzWgRMXB4H7Ga0CJi4PA7YzWgRMHF5HLCb0SJg4vI4YDejRcDE5XHAbkaLgInL44DdjBYBE5fHAbsZLQImLo8DdjNaBExcHgfsZrQImLg8DtjNaBEwcXkcsJvRImDi8jhgN6NFwMTlccBuRouAicvjgN2MFgETl8cBuxktAiYujwN2M1oETFweB+xmtAiYuDwO2M1oETBxeRywm9EiYOLyOGA3o0XAxOVxwG5Gi4CJy+OA3YwWAROXxwG7GS0CJi6PA3YzWgRMXB4H7Ga0CJi4PA7YzWgRMHF5HLCb0SJg4vK4v1Z0sxYJJJBAAgkkkEACCSSQQAIJJJBAAgkk8BOBF9zbchc2GJknAAAAAElFTkSuQmCC) no-repeat center;
    background-size: contain; }
    @media all and (max-width: 480px) {
      .trickPlayContainer__2YmPS .pauseButton__1Ym0T {
        left: 43%; } }
    @media (min-width: 481px) and (max-width: 768px) {
      .trickPlayContainer__2YmPS .pauseButton__1Ym0T {
        left: 40%; } }
    .trickPlayContainer__2YmPS .pauseButton__1Ym0T:hover {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAWKADAAQAAAABAAAAWAAAAADngEgQAAABiUlEQVR4Ae3cwQ0BUQBFUaMO+qAQTWqEPuhj/O0sJP8QC8mVWJi5b37mFGC365NAAgkkkEACCSSQQAIJJJBAAgkkkEACcwLLXPZdta7rYTzhPPmUx7Is98l2k41zTuPCcXPx/Y/bOOf5/vYf3Rkvfhnf2c/101cbB1xnDxnd5dNzZLeXuNYFAnYzWgRMXB4H7Ga0CJi4PA7YzWgRMHF5HLCb0SJg4vI4YDejRcDE5XHAbkaLgInL44DdjBYBE5fHAbsZLQImLo8DdjNaBExcHgfsZrQImLg8DtjNaBEwcXkcsJvRImDi8jhgN6NFwMTlccBuRouAicvjgN2MFgETl8cBuxktAiYujwN2M1oETFweB+xmtAiYuDwO2M1oETBxeRywm9EiYOLyOGA3o0XAxOVxwG5Gi4CJy+OA3YwWAROXxwG7GS0CJi6PA3YzWgRMXB4H7Ga0CJi4PA7YzWgRMHF5HLCb0SJg4vK4v1Z0sxYJJJBAAgkkkEACCSSQQAIJJJBAAgkk8BOBF9zbchc2GJknAAAAAElFTkSuQmCC); }
    .modal-dialog .trickPlayContainer__2YmPS .pauseButton__1Ym0T {
      left: 41%; }

:-ms-fullscreen .trickPlayContainer__2YmPS {
  top: 50%; }
  :-ms-fullscreen .trickPlayContainer__2YmPS .playButton__GTnDE {
    left: 44%; }
  :-ms-fullscreen .trickPlayContainer__2YmPS .pauseButton__1Ym0T {
    left: 44%; }

:-ms-fullscreen .trickPlayContainer__2YmPS {
  top: 50%; }

:fullscreen .trickPlayContainer__2YmPS {
  top: 50%; }
  :-ms-fullscreen .trickPlayContainer__2YmPS .playButton__GTnDE {
    left: 44%; }
  :fullscreen .trickPlayContainer__2YmPS .playButton__GTnDE {
    left: 44%; }
  :-ms-fullscreen .trickPlayContainer__2YmPS .pauseButton__1Ym0T {
    left: 44%; }
  :fullscreen .trickPlayContainer__2YmPS .pauseButton__1Ym0T {
    left: 44%; }

.rewind__rzDvK {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAGiUlEQVR4Ae2af4gVVRTHd91WMzFLM61IkswiqU2KIoWWSvoBoRUU0oKWCv2kP8QoSBAsSLPf2x9BucRK/tEfWUmJlSGaGxRWVqRlkT9Sw8201NrUdfuc9d635x1m3rvvvXnzXJgD373n3nvO+Z57Zt7MnZmtq8skq0BWgawCNahAT0/PIjC9BtS1pWTR9aAViBwFd9Q2oxTZWewA8DrQ8h+dW1NMozZULLIBLNMrd/pe2qbaZJUSKwtsBG+7BetmD51LU0qjNjQscBB4T6/a6XLkJ9Ymqz7W+j41eY0FDibqCnBzgejdzP0N/gKdYD1YA9bV19cfou2/QgE+dke7nOYITutBC2jol1Ug8XtAN6hUthJgNmjsd4Ug6VngOLDSxcAG8AX4GmwHxURsbuyPRXgwZmXz9WKwGQWmgsVgF4gSOaMWgAHa96TXSXguiJJ5UcljKLfO6aAjyomxT8CoKN/UxkhANjft4IoQUuyeBFEys5A/DjPA/ghH+UmcV8i3qnOQP+eS6qSdEEKG3VPOxzebUc4t5is2YJV3Uu1X6EOK+Sc+D6ncnrTIru6iECLsfOG+RT87xEdssJUzbhmw8i4D6V0TILsS/Guy+Il+8G8S23lgeOjivR0+8kDVBqw8622q2sIqR2GLYZdt7YVVJVbB4ZJH6g9MDnKrDboWqVClq5DcZ4jltjSp9EiVecApt0wpvJbVlUUt4g3TQPCrZkR/sYhb1abhlj2DlSnVJHzIsO2kn/4VWK0Q/o9MTl+q6WRViL43ZHNDGfAbCpY4XG39GB8C7geyr3gHvACusXa2j81NwMp4a1dxH4YxhkU2JkNDA2M7R/nP0X6MjwPfqXmvyoVtASj42M78JqAlcnepOUvWiS5HR0tbSBAc5LYlW9rDyjlXAMZGgj/V3EF0e5cpeIvD/lHlL6q8U0hWCCqbDS13FmPA+Hnwh3Zyui6A2HhZiTJQ4tJeB7rchOw5YneLzDU5O98cQxlRLL+S5gloF1L09MfnfZ+RaXsLwNgw4DdUcjsdrZOi/yrwskjPaR0DOcvss8JkbROnB20fCX4KAfSurZPXVQfjgqrxl9Dvddigxr16McqprrORmL/7Cdd+qPqxmxz8jmPXoWxFjT1jtJ0sLERGYqQvRDtDnEjsU29HEa9Ht0dlnJ+n3aF0r+qxYjtNbSv+QU+JQWcAwewDS1AB/CoKtDpJeSlqRY8VO6IHjLOObab6uqEFOLPPpVc7bPrldncpx2FK96oe2+0HY1pdLDHpvZjG2OaGQwuwL+dxQgl+6jN+tvuLGhijdK+e7xVabauGc6pdcGdupoASWoDfTIykCrCFuF0utjxin2N4blP9TUqPUq3v3igjOxZUAC5m+3H8RzlbMjUVrhJXTtvXnIfkspQi9N4VaJvpz3ZzUqRXnB7XjDYTyRXABda/1xEkeIkhLLf7DI7+AiZfiWVX+DPtWjAIiLRSLM1/YjT/b1N+N/KuYkzq6oLOAOf1mfHWp6eZCu+yMDlS8tCz2XnJ5zR/y+tBXwged3ORDQWbyMRYNSnXrG9Uv3IVkqlAy9pSouLYDOSBSCAboDxhTJ4WHwHLgewgXwbX5hnFdLB7GmhZHmNa/jDRBwP9QCP7bX+kyg9coSc5yOuxH4GWGRWGjXaHYYVmQX8r2jK9UXKwb6ePMpbUXSp/IQSeArTIA8xl+Vbp9eCWs3KHTgh9aVUzgGCVIVxDv5SLaWL5wTvf5CJHX18ME+PKBYLgciBHXsvinEFKCuTNQP7BSssbqdDD2KZZnX53KuSQwDce7DM5yAX6glRygOgM8ENEArdXOwE45RvhVsMt3ZZqc+fFh3AssB8m5KeR/AtJx0zsyUC+QVppzUsurQ5ZTAL+lZZO6k06ZyWVB7HkXv8wOAKsdDDQmBRXyXEgnwYO2azoHwCPAb+fLzm2OOB/C9gIokTG7UNQWTwVOZHEBGB3Yz7hbSgLgX1YieXEdjhoAetAnMim7LTYIIET+j1foEu0Gcmczkw7mBZt0TsqLzVWg21AXqsJjgHZucmRlNdYNwB5BmgAcbKEiSd4kDoeZ1CTcYogv9VZQI56NUT+oUIemU9uIUn5B6cHgHw8TUK2E2QmqMmOs+xqk/AgIJ/F2oG9ZTJUUORDjPjdBSq6kBZaQGLXgEIkMsci5OhdBeRVl7zi9r97uV3KG6E9DrtpPwcd/Ma7aTPJKpBVIKtAVoGsAlkFsgpkFahGBf4HIvOOgxW93SQAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
  float: left; }

.rewindButton__3aplI { }
  .rewindButton__3aplI:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAGiUlEQVR4Ae2af4gVVRTHd91WMzFLM61IkswiqU2KIoWWSvoBoRUU0oKWCv2kP8QoSBAsSLPf2x9BucRK/tEfWUmJlSGaGxRWVqRlkT9Sw8201NrUdfuc9d635x1m3rvvvXnzXJgD373n3nvO+Z57Zt7MnZmtq8skq0BWgawCNahAT0/PIjC9BtS1pWTR9aAViBwFd9Q2oxTZWewA8DrQ8h+dW1NMozZULLIBLNMrd/pe2qbaZJUSKwtsBG+7BetmD51LU0qjNjQscBB4T6/a6XLkJ9Ymqz7W+j41eY0FDibqCnBzgejdzP0N/gKdYD1YA9bV19cfou2/QgE+dke7nOYITutBC2jol1Ug8XtAN6hUthJgNmjsd4Ug6VngOLDSxcAG8AX4GmwHxURsbuyPRXgwZmXz9WKwGQWmgsVgF4gSOaMWgAHa96TXSXguiJJ5UcljKLfO6aAjyomxT8CoKN/UxkhANjft4IoQUuyeBFEys5A/DjPA/ghH+UmcV8i3qnOQP+eS6qSdEEKG3VPOxzebUc4t5is2YJV3Uu1X6EOK+Sc+D6ncnrTIru6iECLsfOG+RT87xEdssJUzbhmw8i4D6V0TILsS/Guy+Il+8G8S23lgeOjivR0+8kDVBqw8622q2sIqR2GLYZdt7YVVJVbB4ZJH6g9MDnKrDboWqVClq5DcZ4jltjSp9EiVecApt0wpvJbVlUUt4g3TQPCrZkR/sYhb1abhlj2DlSnVJHzIsO2kn/4VWK0Q/o9MTl+q6WRViL43ZHNDGfAbCpY4XG39GB8C7geyr3gHvACusXa2j81NwMp4a1dxH4YxhkU2JkNDA2M7R/nP0X6MjwPfqXmvyoVtASj42M78JqAlcnepOUvWiS5HR0tbSBAc5LYlW9rDyjlXAMZGgj/V3EF0e5cpeIvD/lHlL6q8U0hWCCqbDS13FmPA+Hnwh3Zyui6A2HhZiTJQ4tJeB7rchOw5YneLzDU5O98cQxlRLL+S5gloF1L09MfnfZ+RaXsLwNgw4DdUcjsdrZOi/yrwskjPaR0DOcvss8JkbROnB20fCX4KAfSurZPXVQfjgqrxl9Dvddigxr16McqprrORmL/7Cdd+qPqxmxz8jmPXoWxFjT1jtJ0sLERGYqQvRDtDnEjsU29HEa9Ht0dlnJ+n3aF0r+qxYjtNbSv+QU+JQWcAwewDS1AB/CoKtDpJeSlqRY8VO6IHjLOObab6uqEFOLPPpVc7bPrldncpx2FK96oe2+0HY1pdLDHpvZjG2OaGQwuwL+dxQgl+6jN+tvuLGhijdK+e7xVabauGc6pdcGdupoASWoDfTIykCrCFuF0utjxin2N4blP9TUqPUq3v3igjOxZUAC5m+3H8RzlbMjUVrhJXTtvXnIfkspQi9N4VaJvpz3ZzUqRXnB7XjDYTyRXABda/1xEkeIkhLLf7DI7+AiZfiWVX+DPtWjAIiLRSLM1/YjT/b1N+N/KuYkzq6oLOAOf1mfHWp6eZCu+yMDlS8tCz2XnJ5zR/y+tBXwged3ORDQWbyMRYNSnXrG9Uv3IVkqlAy9pSouLYDOSBSCAboDxhTJ4WHwHLgewgXwbX5hnFdLB7GmhZHmNa/jDRBwP9QCP7bX+kyg9coSc5yOuxH4GWGRWGjXaHYYVmQX8r2jK9UXKwb6ePMpbUXSp/IQSeArTIA8xl+Vbp9eCWs3KHTgh9aVUzgGCVIVxDv5SLaWL5wTvf5CJHX18ME+PKBYLgciBHXsvinEFKCuTNQP7BSssbqdDD2KZZnX53KuSQwDce7DM5yAX6glRygOgM8ENEArdXOwE45RvhVsMt3ZZqc+fFh3AssB8m5KeR/AtJx0zsyUC+QVppzUsurQ5ZTAL+lZZO6k06ZyWVB7HkXv8wOAKsdDDQmBRXyXEgnwYO2azoHwCPAb+fLzm2OOB/C9gIokTG7UNQWTwVOZHEBGB3Yz7hbSgLgX1YieXEdjhoAetAnMim7LTYIIET+j1foEu0Gcmczkw7mBZt0TsqLzVWg21AXqsJjgHZucmRlNdYNwB5BmgAcbKEiSd4kDoeZ1CTcYogv9VZQI56NUT+oUIemU9uIUn5B6cHgHw8TUK2E2QmqMmOs+xqk/AgIJ/F2oG9ZTJUUORDjPjdBSq6kBZaQGLXgEIkMsci5OhdBeRVl7zi9r97uV3KG6E9DrtpPwcd/Ma7aTPJKpBVIKtAVoGsAlkFsgpkFahGBf4HIvOOgxW93SQAAAAASUVORK5CYII=); }
  .rewindButton__3aplI:focus {
    outline: 1px dotted grey; }

.rewindButtonDisabled__3YrkG {
  cursor: default; }

.rewindButtonHidden__2uSwr {
  height: 60px;
  width: 60px;
  cursor: default;
  float: left; }

.forward__LoK7l {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAGyUlEQVR4Ae2aa6hUVRTH7/WVz9TSTDNTU7sEYfahMpUspUCKqD5kVhARYlRoFD0oqAiSHmalPcQokcQKgoqMnmiimKhYGYivlFummc80zTRvv//tnOty3TMze2bOzNwLs+A/e62912vv2WefvfdMTU2VqiNQHYFKjkBDQ0Mb0LmSOVQsNh2vBW+BFaB7xRKpVGA6PRvEtBrmzErlUva4dPa+uOem/BH+rLInU4mAdLQbWGo6H7PrYfpVIqeyx6SjncFXcc9NuRl+QDkSqi1HEBuDjvVC7g206J0O+oAZQHWW6hGurq2t3WIrWx1Ph3uAG4EWPE3vfGg7ynWtrtNKmMQvBAvAcVAMrWlVA0BPR4APwYlieh3Z7qS8oJQD0C4t5yQqX9PBQ1l8HqftB7AK7AP/gA7gwaikaKI9cONZAzY01bRUhs73B8tBEv1N5TxwJehk+4DcEXwNPO2jYoTVbbE8iV4LdvseIB8ETwC/ujf2hfoOYBHw9CcVl4V0GL2uIXol0yGB8eAY8PQNFQOzBab9AW+E/BcYk80ubkNvCtgKEgc41itZSeA6oKlq6V+EaSDn/gKdtmA+iOkIzLiQhNG7E8SL7Lfw7UPsUtMhYC+wBVjS6+6OfIKgr6PwXHAUTAixRW8U0EBbej3ENhUdouoIq1G3pM5PLCQAdvJ3cagtuho0vWY93R3qoyg9ot7iIyM/VZTTPI2Jp7fHMpfHfuSeebrKT50A7cFmF3glcmr7idCMiNkH7HW5PBtqX5Aewe53AbVwDS3IWQpGxNZiaOkQQmnuE3CsVXunjQb/Rgr9KMoFOeg6zdJLRTnMZEyEMTYKvFbiYZn0y1VPDjppWtqBkPM1nHd+OH3RRoH/KNQJul3BzAhXeDvqu4B7gE6Pn4BXwWivlySjp7eCX5cuSdItqo4gG4GlSaEOMbrLGE6xdtQPAT+ZdstOR2hj9ZN4dJ6zRvCPJ+kVXIfDwS6AxP65HKKjdWMS0BY3pqYBoEIbqj1xA+UBsA7Euzw1vRwQxz+ey3PZ5NVOEuOUiaGtuRygOwP4rbJc2AF4QRURfUrZuKWlvBwcjuq1S8x6P0h7O6DNWEwHc+UXt+ecXpHiObFBVH7n5CRxEJU9khpUR6bdKO6N2hsoJ3P2PyaZUv7niId0XzC1kcvwgb7uGXaYZq05pxy9TdspbKED8McpXpIFTd3bIyxJUNEbJE5yLZ34zel8ZuThhs/E/uIagk6JoTu4vs75fic3E+nQ0riSb+Mq+LGxHJVDjOyTV5OtO9/oZmKlP9I0akNUb+RENnQG6OrKUvAzZo0c38/IBwwfs7bO6sbtvmzrKoJ+cA0dgF3Oue70i6XtxkGSP1vnHw9j2sTq9wVLITY1hQ6AfyRs4FB+s1E8z/Axa1f+kB9Hzo4No9IOsGs6KYYOgF/00hiAjaRxOEplOOvEuSfTauSuM/L3hm/GYqu1zD4me1mDjjRTTKgIHYD1znYkQRvf2a4+WCTBQyjPjgy0d38Hn10kU46lmCweOgr0RslGo2i0z/y2bMq2LWgASPZnjDYZwx7w44xcKPs8hrr/F8mfdoXbKBeD04BoFvF//Z/N+Glni5S+yKjpGoIGILL53Nne7OS8RTqmzl8K1kXG6nS8Hmhz9DR4OGrLVlzvGj92ckZRUy+I+GYmoLjIKCv5gdFUNtXNWWw1RYdGLSuw2WC1aNf01aZpNNBd/1bwAXorKbMSttegYL9xrf79sdUApkcE6gT8DyDPpBehME/ktApYeq0wTwFWRHnMRoLXgcWv3gGe0lEh9k0uHx2cBqXjPcELznXI8LPg/QTVkleRR29QDyyV5jrM9oZoj9qIEf+I1Sk1T0wdf5e4PHT0PqPUsfWO1vXVJhdcFxhFvxVCkyeWrsw8TQu1L1qPyBcBe8ujZLQe+NdR0bGsA/zrm38TeFpg9crCk8FtPgtkzYQnQfDrNTRZfHYHXwJPy6iIN02h7tLRI/Asn00k62bXHmaKCoivG4B/7BRqC9C/zipDBNeV9EyQRPpnyCtAFxMFEbYjwGKQRGuojHeNBflPzYhE9GeFY0lZUqefq94FE4HOEFkJnWFA+43VIBO9TUPHrI4CG1N7VklIW9L3QLZfaI/TvhborP57BB1ltZkSBkagSCSdDKeyzZ2T2FrpSgahJ9BVt6Z/mqTZNRe0jCmfa6BJdACYBzI9FjQFke765Wdwrpgtsp3E9TfZW8FCoJ1aCO1CaT7QmlHynV1qa0Cub4DO6FmvA7q6EvoCXXzuBloPdgIdZdfzjJ+grFJ1BKojUB2B6ghUR6A6AtURqI5AKUfgP2dQ4GBFoZkSAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
  float: right; }

.forwardButton__3E4tC { }
  .forwardButton__3E4tC:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABGUUKwAAAGyUlEQVR4Ae2aa6hUVRTH7/WVz9TSTDNTU7sEYfahMpUspUCKqD5kVhARYlRoFD0oqAiSHmalPcQokcQKgoqMnmiimKhYGYivlFummc80zTRvv//tnOty3TMze2bOzNwLs+A/e62912vv2WefvfdMTU2VqiNQHYFKjkBDQ0Mb0LmSOVQsNh2vBW+BFaB7xRKpVGA6PRvEtBrmzErlUva4dPa+uOem/BH+rLInU4mAdLQbWGo6H7PrYfpVIqeyx6SjncFXcc9NuRl+QDkSqi1HEBuDjvVC7g206J0O+oAZQHWW6hGurq2t3WIrWx1Ph3uAG4EWPE3vfGg7ynWtrtNKmMQvBAvAcVAMrWlVA0BPR4APwYlieh3Z7qS8oJQD0C4t5yQqX9PBQ1l8HqftB7AK7AP/gA7gwaikaKI9cONZAzY01bRUhs73B8tBEv1N5TxwJehk+4DcEXwNPO2jYoTVbbE8iV4LdvseIB8ETwC/ujf2hfoOYBHw9CcVl4V0GL2uIXol0yGB8eAY8PQNFQOzBab9AW+E/BcYk80ubkNvCtgKEgc41itZSeA6oKlq6V+EaSDn/gKdtmA+iOkIzLiQhNG7E8SL7Lfw7UPsUtMhYC+wBVjS6+6OfIKgr6PwXHAUTAixRW8U0EBbej3ENhUdouoIq1G3pM5PLCQAdvJ3cagtuho0vWY93R3qoyg9ot7iIyM/VZTTPI2Jp7fHMpfHfuSeebrKT50A7cFmF3glcmr7idCMiNkH7HW5PBtqX5Aewe53AbVwDS3IWQpGxNZiaOkQQmnuE3CsVXunjQb/Rgr9KMoFOeg6zdJLRTnMZEyEMTYKvFbiYZn0y1VPDjppWtqBkPM1nHd+OH3RRoH/KNQJul3BzAhXeDvqu4B7gE6Pn4BXwWivlySjp7eCX5cuSdItqo4gG4GlSaEOMbrLGE6xdtQPAT+ZdstOR2hj9ZN4dJ6zRvCPJ+kVXIfDwS6AxP65HKKjdWMS0BY3pqYBoEIbqj1xA+UBsA7Euzw1vRwQxz+ey3PZ5NVOEuOUiaGtuRygOwP4rbJc2AF4QRURfUrZuKWlvBwcjuq1S8x6P0h7O6DNWEwHc+UXt+ecXpHiObFBVH7n5CRxEJU9khpUR6bdKO6N2hsoJ3P2PyaZUv7niId0XzC1kcvwgb7uGXaYZq05pxy9TdspbKED8McpXpIFTd3bIyxJUNEbJE5yLZ34zel8ZuThhs/E/uIagk6JoTu4vs75fic3E+nQ0riSb+Mq+LGxHJVDjOyTV5OtO9/oZmKlP9I0akNUb+RENnQG6OrKUvAzZo0c38/IBwwfs7bO6sbtvmzrKoJ+cA0dgF3Oue70i6XtxkGSP1vnHw9j2sTq9wVLITY1hQ6AfyRs4FB+s1E8z/Axa1f+kB9Hzo4No9IOsGs6KYYOgF/00hiAjaRxOEplOOvEuSfTauSuM/L3hm/GYqu1zD4me1mDjjRTTKgIHYD1znYkQRvf2a4+WCTBQyjPjgy0d38Hn10kU46lmCweOgr0RslGo2i0z/y2bMq2LWgASPZnjDYZwx7w44xcKPs8hrr/F8mfdoXbKBeD04BoFvF//Z/N+Glni5S+yKjpGoIGILL53Nne7OS8RTqmzl8K1kXG6nS8Hmhz9DR4OGrLVlzvGj92ckZRUy+I+GYmoLjIKCv5gdFUNtXNWWw1RYdGLSuw2WC1aNf01aZpNNBd/1bwAXorKbMSttegYL9xrf79sdUApkcE6gT8DyDPpBehME/ktApYeq0wTwFWRHnMRoLXgcWv3gGe0lEh9k0uHx2cBqXjPcELznXI8LPg/QTVkleRR29QDyyV5jrM9oZoj9qIEf+I1Sk1T0wdf5e4PHT0PqPUsfWO1vXVJhdcFxhFvxVCkyeWrsw8TQu1L1qPyBcBe8ujZLQe+NdR0bGsA/zrm38TeFpg9crCk8FtPgtkzYQnQfDrNTRZfHYHXwJPy6iIN02h7tLRI/Asn00k62bXHmaKCoivG4B/7BRqC9C/zipDBNeV9EyQRPpnyCtAFxMFEbYjwGKQRGuojHeNBflPzYhE9GeFY0lZUqefq94FE4HOEFkJnWFA+43VIBO9TUPHrI4CG1N7VklIW9L3QLZfaI/TvhborP57BB1ltZkSBkagSCSdDKeyzZ2T2FrpSgahJ9BVt6Z/mqTZNRe0jCmfa6BJdACYBzI9FjQFke765Wdwrpgtsp3E9TfZW8FCoJ1aCO1CaT7QmlHynV1qa0Cub4DO6FmvA7q6EvoCXXzuBloPdgIdZdfzjJ+grFJ1BKojUB2B6ghUR6A6AtURqI5AKUfgP2dQ4GBFoZkSAAAAAElFTkSuQmCC); }
  .forwardButton__3E4tC:focus {
    outline: 1px dotted grey; }

.forwardButtonDisabled__1GlKk {
  cursor: default; }

.forwardButtonHidden__V7-eD {
  height: 60px;
  width: 60px;
  cursor: default;
  float: right; }

.fullScreenButton__1bMN_ {
  width: 36px;
  height: 36px;
  margin-left: 24px;
  right: 0;
  top: 0; }

.enterFullScreen__2R8Yy {
  width: 36px;
  height: 36px;
  margin-left: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAABVUlEQVRoBe2YTQrCMBCFU/FIgku9g6jUC7itF/EGHsBT1F09iBvPUGh9kS6iZNLEWjORGQjUaX6+9yaQGqUkxAFxQBwQBwY4kA0YO2ho27brgAmqLMtuAf3H7arh0UKCFDsZF3X82afjL2Fd4YrszvpGqT3yC+Id7zT21IHYV+QWYqPIAl8aYkgBsbbQi3EaHomjkdS/72hLI8fz0eJ8oUmRz30qEFUVBZ+EABc8ewF98KwF+MCzFeALz1JACHwnYI4xp67NdC5ahMJHA7UtnDp8AQFmPA8pm1B2OVALfJSqiPPftB1urtDqrm1dc7N0HlDmn++cEsASXsP6CGAL7yOANXyfAPbwLgFJwFMCkoG3CUgK3iKghAAz+H+YgdY8B1jCf3KxdUF17lBDHWwNrsLPuoLRw1EBsxrvz/Uvwf/+er2Cm5tAR5vA/tJdHBAHxIGEHXgAonhpJ1QFykwAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain; }
  .enterFullScreen__2R8Yy:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAABVUlEQVRoBe2YTQrCMBCFU/FIgku9g6jUC7itF/EGHsBT1F09iBvPUGh9kS6iZNLEWjORGQjUaX6+9yaQGqUkxAFxQBwQBwY4kA0YO2ho27brgAmqLMtuAf3H7arh0UKCFDsZF3X82afjL2Fd4YrszvpGqT3yC+Id7zT21IHYV+QWYqPIAl8aYkgBsbbQi3EaHomjkdS/72hLI8fz0eJ8oUmRz30qEFUVBZ+EABc8ewF98KwF+MCzFeALz1JACHwnYI4xp67NdC5ahMJHA7UtnDp8AQFmPA8pm1B2OVALfJSqiPPftB1urtDqrm1dc7N0HlDmn++cEsASXsP6CGAL7yOANXyfAPbwLgFJwFMCkoG3CUgK3iKghAAz+H+YgdY8B1jCf3KxdUF17lBDHWwNrsLPuoLRw1EBsxrvz/Uvwf/+er2Cm5tAR5vA/tJdHBAHxIGEHXgAonhpJ1QFykwAAAAASUVORK5CYII=); }
  .enterFullScreen__2R8Yy:focus {
    outline: 1px dotted grey; }

.exitFullScreen__13K0I {
  width: 36px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAABeElEQVRYCe2VO04DMRCGs0CJRCSOAOLRETgAJQfgBuQAOQsVrzbi0dCDhLQH4BZBPCRCkYIOzDeRHVmWye4mXm8Kj/TL9mQ88+2fVdJqpUgOJAfmc0AptYW683UJdFvDvLL+osNAbf9vw5A+OvVVkN9GAiNxh1Z8dUFz41FKDdym5OPDCIQPiNwOMs7csl92gWs7u0Aa5k3n48K4DjkwN5zjOWMs104MWHeRcea6ERjLoREA70iiMkxmni7EKgRWn0f2J+jHysl2lGXZt5Or5yhAJaI3bXroH6fnacP0Zx8lalLJbA7wPtyXeCfy2br7bxW9Q0OuvXiutsmtevLxUzi2hz4t5/KQFEtVmgkM9U9oHT1UuRu8FpgOGmpnrlg39T4PPqyoIYNtmEvOGdpoBIih+8g4M4aRB2gESMN8sUpcoMl/H/u4DjHwABmYcxsmukNFMBpojboeOpZzrcGQLpI4Q5OvqdahRc0BOVoYmCLY9HlyYJEd+AOgdfCkeTWwXQAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain; }
  .exitFullScreen__13K0I:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAABeElEQVRYCe2VO04DMRCGs0CJRCSOAOLRETgAJQfgBuQAOQsVrzbi0dCDhLQH4BZBPCRCkYIOzDeRHVmWye4mXm8Kj/TL9mQ88+2fVdJqpUgOJAfmc0AptYW683UJdFvDvLL+osNAbf9vw5A+OvVVkN9GAiNxh1Z8dUFz41FKDdym5OPDCIQPiNwOMs7csl92gWs7u0Aa5k3n48K4DjkwN5zjOWMs104MWHeRcea6ERjLoREA70iiMkxmni7EKgRWn0f2J+jHysl2lGXZt5Or5yhAJaI3bXroH6fnacP0Zx8lalLJbA7wPtyXeCfy2br7bxW9Q0OuvXiutsmtevLxUzi2hz4t5/KQFEtVmgkM9U9oHT1UuRu8FpgOGmpnrlg39T4PPqyoIYNtmEvOGdpoBIih+8g4M4aRB2gESMN8sUpcoMl/H/u4DjHwABmYcxsmukNFMBpojboeOpZzrcGQLpI4Q5OvqdahRc0BOVoYmCLY9HlyYJEd+AOgdfCkeTWwXQAAAABJRU5ErkJggg==); }
  .exitFullScreen__13K0I:focus {
    outline: 1px dotted grey; }

.hideFullScreen__2SKSf {
  opacity: 0; }

.airPlayButton__TMvSd {
  width: 36px;
  height: 36px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI0ZGRiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2IDIwLjE0bDYuNTQ1IDYuNTI3SDkuNDU1TDE2IDIwLjE0ek0yNS44MTggNkMyNy4wMTggNiAyOCA2Ljk3OSAyOCA4LjE3NXYxMy4wNTNjMCAxLjE5Ny0uOTgyIDIuMTc2LTIuMTgyIDIuMTc2aC00LjM2M3YtMi4xNzZoNC4zNjNWOC4xNzVINi4xODJ2MTMuMDUzaDQuMzYzdjIuMTc2SDYuMTgyYy0xLjIgMC0yLjE4Mi0uOTgtMi4xODItMi4xNzZWOC4xNzVDNCA2Ljk4IDQuOTgyIDYgNi4xODIgNnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTYgLTI0KSB0cmFuc2xhdGUoNjE2IDI0KSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) no-repeat center;
  background-size: contain; }
  .airPlayButton__TMvSd:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI0ZGRiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2IDIwLjE0bDYuNTQ1IDYuNTI3SDkuNDU1TDE2IDIwLjE0ek0yNS44MTggNkMyNy4wMTggNiAyOCA2Ljk3OSAyOCA4LjE3NXYxMy4wNTNjMCAxLjE5Ny0uOTgyIDIuMTc2LTIuMTgyIDIuMTc2aC00LjM2M3YtMi4xNzZoNC4zNjNWOC4xNzVINi4xODJ2MTMuMDUzaDQuMzYzdjIuMTc2SDYuMTgyYy0xLjIgMC0yLjE4Mi0uOTgtMi4xODItMi4xNzZWOC4xNzVDNCA2Ljk4IDQuOTgyIDYgNi4xODIgNnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTYgLTI0KSB0cmFuc2xhdGUoNjE2IDI0KSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K); }
  .airPlayButton__TMvSd:focus {
    outline: 1px dotted grey; }

.airPlayButtonActive__1YlUO {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzQyODVGNCI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2IDIwLjE0bDYuNTQ1IDYuNTI3SDkuNDU1TDE2IDIwLjE0ek0yNS44MTggNkMyNy4wMTggNiAyOCA2Ljk3OSAyOCA4LjE3NXYxMy4wNTNjMCAxLjE5Ny0uOTgyIDIuMTc2LTIuMTgyIDIuMTc2aC00LjM2M3YtMi4xNzZoNC4zNjNWOC4xNzVINi4xODJ2MTMuMDUzaDQuMzYzdjIuMTc2SDYuMTgyYy0xLjIgMC0yLjE4Mi0uOTgtMi4xODItMi4xNzZWOC4xNzVDNCA2Ljk4IDQuOTgyIDYgNi4xODIgNnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTYgLTI0KSB0cmFuc2xhdGUoNjE2IDI0KSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) no-repeat center; }
  .airPlayButtonActive__1YlUO:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzQyODVGNCI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2IDIwLjE0bDYuNTQ1IDYuNTI3SDkuNDU1TDE2IDIwLjE0ek0yNS44MTggNkMyNy4wMTggNiAyOCA2Ljk3OSAyOCA4LjE3NXYxMy4wNTNjMCAxLjE5Ny0uOTgyIDIuMTc2LTIuMTgyIDIuMTc2aC00LjM2M3YtMi4xNzZoNC4zNjNWOC4xNzVINi4xODJ2MTMuMDUzaDQuMzYzdjIuMTc2SDYuMTgyYy0xLjIgMC0yLjE4Mi0uOTgtMi4xODItMi4xNzZWOC4xNzVDNCA2Ljk4IDQuOTgyIDYgNi4xODIgNnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTYgLTI0KSB0cmFuc2xhdGUoNjE2IDI0KSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K); }

.backButton__1z3es {
  width: 36px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAJAAAAAAqDuP8AAABfElEQVRYCe2YvUoDQRSFd9UgUXwHCwsLLdLY2NhY2VhZaSUI+hCWwUYrq3SCYGVlY2Vj43NYCIIgEgkRf9YvkAmnGm7CDLnFDhzmwty558tkZ2eSoqhbvQJFUVXVCbpwsRaAHKI/NGhn40LNjDshlg/AAeMdVA7zerH8rGPA7KEfFFo7q2GsOAS76DuQ0J/H8rOOYb6DvgTmMqthrDgQ26gvMB3i8PzEpqYfw3gL9QTmijjpJjFTY7yJPgXmhnjWXCBlIsYb6ENgbonnUnqYa2HcQu8Cc0fcMBdImYjxOnoTmHvi+ZQe5loYr6JXgXkgbpoLpEzEeAW9CMwj8WJKD3MtjJfRs8A8ES+ZC0yQOJ33xgSgoymsiJ+vLFAB5eehFqg1wHxse4Hy82IUKD9Hh0ANDtcuCm16h6tA+bl+CJSfC5pA+bnCCpSfS75A+fkZJFD7bLvfsPXoT8OYtU96uJZleY3xEaqGAAtWkKx5rMwx8vFnQ9ZPWhdnBf4BzugZWsaMed0AAAAASUVORK5CYII=) no-repeat center;
  background-size: contain; }
  .backButton__1z3es:focus {
    outline: 1px dotted grey !important; }

.infoHeader__NLnNm {
  text-align: center; }
  .infoHeader__NLnNm p {
    margin: 0; }
  .infoHeader__NLnNm .mainHeader__wWqSe {
    font-family: VerizonNHGTX-Regular;
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal; }
    @media all and (max-width: 480px) {
      .infoHeader__NLnNm .mainHeader__wWqSe {
        font-family: VerizonNHGTX-Regular;
        color: #ffffff;
        font-size: 15px; } }
  .infoHeader__NLnNm .subHeader__1Ayk5 {
    font-family: VerizonNHGTX-Bold;
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center; }
    @media all and (min-width: 320px) and (max-width: 599px) {
      .infoHeader__NLnNm .subHeader__1Ayk5 {
        font-family: VerizonNHGTX-Regular;
        color: #ffffff;
        font-size: 19px; } }
  .infoHeader__NLnNm .infoHeaderChannelLogo__33kX- {
    max-width: 60px;
    max-height: 45px; }
  @media all and (max-width: 480px) {
    .infoHeader__NLnNm {
      right: 15%; } }

.rc-slider__39ROt {
  margin-top: 30px !important; }

.rc-slider-rail__2vIGv::before {
  content: '';
  width: 10px;
  height: 10px;
  background: red;
  position: absolute;
  top: 0px;
  left: 0px; }

/*radio button styling */
.radioBlock__1NNwA [type='radio']:checked {
  position: absolute;
  left: -9999px; }
  .radioBlock__1NNwA [type='radio']:checked + label {
    cursor: pointer;
    color: #fff;
    background: unset;
    padding: 13px 25px;
    border-radius: 0;
    position: relative;
    top: 0px;
    width: 213px;
    font-size: 20px; }
    .radioBlock__1NNwA [type='radio']:checked + label:hover {
      background: #ffffff;
      color: #0c0c0c; }
      .radioBlock__1NNwA [type='radio']:checked + label:hover:before {
        background: #ffffff;
        border: 2px solid #0c0c0c; }
      .radioBlock__1NNwA [type='radio']:checked + label:hover:after {
        background: #0c0c0c; }
    .radioBlock__1NNwA [type='radio']:checked + label:before {
      content: '';
      position: absolute;
      right: 25px;
      top: 10px;
      width: 28px;
      height: 28px;
      border: 2px solid #ffffff;
      border-radius: 100%;
      background: #4b4b4b; }
    .radioBlock__1NNwA [type='radio']:checked + label:after {
      content: '';
      width: 17px;
      height: 17px;
      background: #ffffff;
      position: absolute;
      top: 15.5px;
      right: 30.5px;
      border-radius: 100%;
      transition: all 0.2s ease; }

.radioBlock__1NNwA [type='radio']:not(:checked) {
  position: absolute;
  left: -9999px; }
  .radioBlock__1NNwA [type='radio']:not(:checked) + label {
    cursor: pointer;
    color: #fff;
    background: unset;
    padding: 13px 25px;
    border-radius: 0;
    position: relative;
    top: 0px;
    width: 213px;
    font-size: 20px; }
    .radioBlock__1NNwA [type='radio']:not(:checked) + label:hover {
      background: #ffffff;
      color: #0c0c0c; }
      .radioBlock__1NNwA [type='radio']:not(:checked) + label:hover:before {
        background: #ffffff;
        border: 2px solid #4b4b4b; }
      .radioBlock__1NNwA [type='radio']:not(:checked) + label:hover:after {
        background: #ffffff; }
    .radioBlock__1NNwA [type='radio']:not(:checked) + label:before {
      content: '';
      position: absolute;
      right: 25px;
      top: 10px;
      width: 28px;
      height: 28px;
      border: 2px solid #4b4b4b;
      border-radius: 100%;
      background: unset; }
    .radioBlock__1NNwA [type='radio']:not(:checked) + label:after {
      content: '';
      width: 17px;
      height: 17px;
      position: absolute;
      top: 15.5px;
      right: 30.5px;
      border-radius: 100%;
      transition: all 0.2s ease; }

.checkBlock__1gns6 [type='checkbox']:checked {
  position: absolute;
  left: -9999px; }
  .checkBlock__1gns6 [type='checkbox']:checked + label {
    cursor: pointer;
    color: #fff;
    background: unset;
    padding: 13px 25px;
    border-radius: 0;
    position: relative;
    top: 0px;
    width: 213px;
    font-size: 20px; }
    .checkBlock__1gns6 [type='checkbox']:checked + label:hover {
      background: #ffffff;
      color: #0c0c0c; }
      .checkBlock__1gns6 [type='checkbox']:checked + label:hover:before {
        background: #ffffff;
        border: 2px solid #0c0c0c; }
      .checkBlock__1gns6 [type='checkbox']:checked + label:hover:after {
        background: #0c0c0c; }
    .checkBlock__1gns6 [type='checkbox']:checked + label:before {
      content: '';
      position: absolute;
      right: 25px;
      top: 10px;
      width: 28px;
      height: 28px;
      border: 2px solid #ffffff;
      border-radius: 100%;
      background: #4b4b4b; }
    .checkBlock__1gns6 [type='checkbox']:checked + label:after {
      content: '';
      width: 17px;
      height: 17px;
      background: #ffffff;
      position: absolute;
      top: 15.5px;
      right: 30.5px;
      border-radius: 100%;
      transition: all 0.2s ease; }

.checkBlock__1gns6 [type='checkbox']:not(:checked) {
  position: absolute;
  left: -9999px; }
  .checkBlock__1gns6 [type='checkbox']:not(:checked) + label {
    cursor: pointer;
    color: #fff;
    background: unset;
    padding: 13px 25px;
    border-radius: 0;
    position: relative;
    top: 0px;
    width: 213px;
    font-size: 20px; }
    .checkBlock__1gns6 [type='checkbox']:not(:checked) + label:hover {
      background: #ffffff;
      color: #0c0c0c; }
      .checkBlock__1gns6 [type='checkbox']:not(:checked) + label:hover:before {
        background: #ffffff;
        border: 2px solid #4b4b4b; }
      .checkBlock__1gns6 [type='checkbox']:not(:checked) + label:hover:after {
        background: #ffffff; }
    .checkBlock__1gns6 [type='checkbox']:not(:checked) + label:before {
      content: '';
      position: absolute;
      right: 25px;
      top: 10px;
      width: 28px;
      height: 28px;
      border: 2px solid #4b4b4b;
      border-radius: 100%;
      background: unset; }
    .checkBlock__1gns6 [type='checkbox']:not(:checked) + label:after {
      content: '';
      width: 17px;
      height: 17px;
      position: absolute;
      top: 15.5px;
      right: 30.5px;
      border-radius: 100%;
      transition: all 0.2s ease; }

.smallScreenplayButtonCustom__1FJN0 {
  width: 40px; }

.thumbnailSpan__Ppemx {
  width: 256px;
  height: 144px;
  position: relative;
  bottom: 38px; }

.thumbnailImg__feSCy {
  height: 100%;
  width: 100%;
  border: none; }

.thumbnailTimeParent__3VSBe {
  position: fixed;
  overflow: hidden;
  text-align: center; }

.thumbnailTime__26xCI {
  padding-top: 15px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.videoControlsWrapper__Zmuzp {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  color: #ffffff;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  opacity: 1;
  transition: opacity 0.3s linear; }
  .videoControlsWrapper__Zmuzp .castIcon__1a305 {
    width: 36px;
    height: 36px;
    margin-left: 24px; }
  .videoControlsWrapper__Zmuzp.hideControls__3_y6E {
    opacity: 0;
    transition: opacity 0.3s linear;
    cursor: none; }
  @media all and (min-width: 600px) and (max-width: 849px), (min-width: 850px) and (max-width: 1279px) and (orientation: landscape) {
    .videoControlsWrapper__Zmuzp {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      color: #ffffff; } }

.playback4KActive__2encV {
  width: 36px;
  height: 36px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+NkZCQUNBRUMtMDUyQi00RDIyLThEREEtRkI0RkRDQTU2MzFCPC90aXRsZT4KICAgIDxnIGlkPSI0ay1SZXNvbHV0aW9uLUJhZGdpbmciIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJPVFRfV2ViX1Jlc29sdXRpb24tTWV0YV9UcmFuc3BvcnQtQ29udHJvbHNfMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDg0LjAwMDAwMCwgLTU2LjAwMDAwMCkiIGZpbGw9IiNBNkE2QTYiPgogICAgICAgICAgICA8ZyBpZD0iRGVrdG9wLS8tQ29tcG9uZW50cy0vLVRyYW5zcG9ydC1Db250cm9scy0vLVRvcC1Db250cm9scyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzkuMDAwMDAwLCAzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uL1BsYXliYWNrLzRLL0FjdGl2ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwNS4wMDAwMDAsIDIwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOC43MjE1MTEsNi43NSBMNi41NDM3OTUxNiw2Ljc1IEM0LjYxNzQ2OTc3LDYuNzUgMi45Mzg3NzU1MSw4LjM3MjI2OTkgMi45Mzg3NzU1MSwxMC40MzU2NjY5IEwyLjkzODc3NTUxLDI1LjU2NDMzMzEgQzIuOTM4Nzc1NTEsMjcuNTMyNDM0IDQuNTI0MDg3NiwyOS4yNSA2LjU0Mzc5NTE2LDI5LjI1IEwyOC43MjE1MTEsMjkuMjUgQzMwLjY0NzgzNjMsMjkuMjUgMzIuMzI2NTMwNiwyNy42Mjc3MzAxIDMyLjMyNjUzMDYsMjUuNTY0MzMzMSBMMzIuMzI2NTMwNiwxMC40MzU2NjY5IEMzMi4zMjY1MzA2LDguNDY3NTY2MDQgMzAuNzQxMjE4NSw2Ljc1IDI4LjcyMTUxMSw2Ljc1IFogTTE1LjU5MzE0MjksMjMuMjUgTDE1LjU5MzE0MjksMjAuOTgyIEwxNy4wNjEwNjEyLDIwLjk4MiBMMTcuMDYxMDYxMiwxOS4yODEgTDE1LjU5MzE0MjksMTkuMjgxIEwxNS41OTMxNDI5LDEzLjA5OCBMMTMuNDM3NTUxLDEzLjA5OCBMOC44MDg5Nzk1OSwxOC45MyBMOC44MDg5Nzk1OSwyMC45ODIgTDEzLjQyNDMyNjUsMjAuOTgyIEwxMy40MjQzMjY1LDIzLjI1IEwxNS41OTMxNDI5LDIzLjI1IFogTTEwLjMxNjU3MTQsMTkuMzc1NSBMMTAuMzE2NTcxNCwxOS4zNDg1IEwxMC43Mzk3NTUxLDE4Ljg4OTUgQzEwLjk5MTAyMDQsMTguNjMzIDExLjI1NTUxMDIsMTguMzA5IDExLjQ1Mzg3NzYsMTguMDUyNSBMMTIuNDk4NjEyMiwxNi43MTYgQzEyLjcxMDIwNDEsMTYuNDU5NSAxMi45NDgyNDQ5LDE2LjEwODUgMTMuMTQ2NjEyMiwxNS44MjUgTDEzLjQ3NzIyNDUsMTUuMzI1NSBMMTMuNTAzNjczNSwxNS4zMjU1IEwxMy40NjQsMTUuODc5IEMxMy40MjQzMjY1LDE2LjE4OTUgMTMuNDI0MzI2NSwxNi41NTQgMTMuNDI0MzI2NSwxNi44NjQ1IEwxMy40MjQzMjY1LDE5LjI4MSBMMTEuNzMxNTkxOCwxOS4yODEgQzExLjQ1Mzg3NzYsMTkuMjgxIDExLjA5NjgxNjMsMTkuMjk0NSAxMC44MTkxMDIsMTkuMzM1IEwxMC4zMTY1NzE0LDE5LjM3NTUgWiBNMjAuMTk1MjY1MywyMy4yNSBMMjAuMTk1MjY1MywxOS42NTkgTDIxLjA5NDUzMDYsMTguNzAwNSBMMjQuMDk2NDg5OCwyMy4yNSBMMjYuNzI4MTYzMywyMy4yNSBMMjIuNjk0NjkzOSwxNy4yNDI1IEwyNi40OTAxMjI0LDEzLjIwNiBMMjMuNzkyMzI2NSwxMy4yMDYgTDIwLjExNTkxODQsMTcuMjI5IEMyMC4xNTU1OTE4LDE2LjY4OSAyMC4xOTUyNjUzLDE1Ljc3MSAyMC4xOTUyNjUzLDE0Ljg1MyBMMjAuMTk1MjY1MywxMy4yMDYgTDE3Ljk0NzEwMiwxMy4yMDYgTDE3Ljk0NzEwMiwyMy4yNSBMMjAuMTk1MjY1MywyMy4yNSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center;
  background-size: contain;
  color: #959595; }
  .playback4KActive__2encV:focus {
    outline: 1px dotted grey; }

.posterImageWrapper___x-ai {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  display: inline-block;
  text-align: center; }
  .posterImageWrapper___x-ai:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .posterImageWrapper___x-ai img {
    max-width: 100%;
    vertical-align: middle;
    max-height: 100%; }

.bottomControlsContainer__15dS2 {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  padding-bottom: 8px; }

.topControlsContainer__3-nWP {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  bottom: 0px;
  left: 0;
  right: 0;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: relative; }
  .topControlsContainer__3-nWP.smallScreen__3ALGq {
    margin-top: 0px; }
    .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='sapPanel_'] {
      width: 109px;
      padding: 10px 0px 5px; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='sapPanel_'] label {
        padding: 5px 14px !important;
        font-size: 14px !important; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='sapPanel_'] [class^='checkBlock_'] [type="checkbox"]:not(:checked) + label:before {
        right: 18px;
        top: 5px;
        width: 20px;
        height: 20px; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='sapPanel_'] [class^='checkBlock_'] [type="checkbox"]:not(:checked) + label:after {
        width: 12px;
        height: 12px;
        top: 9px;
        right: 22px; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='sapPanel_'] [class^='checkBlock_'] [type="checkbox"]:checked + label:before {
        right: 18px;
        top: 5px;
        width: 20px;
        height: 20px; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='sapPanel_'] [class^='checkBlock_'] [type="checkbox"]:checked + label:after {
        width: 12px;
        height: 12px;
        top: 9px;
        right: 22px; }
    .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='ccPanel_'] {
      width: 109px;
      padding: 10px 0px 5px; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='ccPanel_'] label {
        padding: 5px 21px !important;
        font-size: 14px !important; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='ccPanel_'] [class^='radioBlock_'] [type="radio"]:not(:checked) + label:before {
        right: 18px;
        top: 5px;
        width: 20px;
        height: 20px; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='ccPanel_'] [class^='radioBlock_'] [type="radio"]:not(:checked) + label:after {
        width: 12px;
        height: 12px;
        top: 9px;
        right: 22px; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='ccPanel_'] [class^='radioBlock_'] [type="radio"]:checked + label:before {
        right: 18px;
        top: 5px;
        width: 20px;
        height: 20px; }
      .topControlsContainer__3-nWP.smallScreen__3ALGq [class^='ccPanel_'] [class^='radioBlock_'] [type="radio"]:checked + label:after {
        width: 12px;
        height: 12px;
        top: 9px;
        right: 22px; }

.topControlsContainerHeader__3b8Nw {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }
  @media all and (min-width: 320px) and (max-width: 599px) {
    .topControlsContainerHeader__3b8Nw {
      left: 50%;
      top: 130%;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
      position: absolute;
      transform: translateX(-50%); } }
  @media all and (min-width: 600px) and (max-width: 849px) {
    .topControlsContainerHeader__3b8Nw {
      left: 50%;
      top: 118%;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
      position: absolute;
      transform: translateX(-50%); } }

.topControlsContainerBackButton__2hJyn {
  margin-left: 79px; }
  @media all and (min-width: 320px) and (max-width: 599px) {
    .topControlsContainerBackButton__2hJyn {
      margin-left: 19px; } }
  @media all and (min-width: 600px) and (max-width: 849px) {
    .topControlsContainerBackButton__2hJyn {
      margin-left: 32px; } }

.topControlsContainerControls__2A90O {
  padding: 50px;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 13px; }
  @media all and (min-width: 320px) and (max-width: 599px) {
    .topControlsContainerControls__2A90O {
      padding: 15px;
      display: -ms-flexbox;
      display: flex;
      margin-left: auto;
      margin-right: 0px; } }
  @media all and (min-width: 600px) and (max-width: 849px) {
    .topControlsContainerControls__2A90O {
      padding: 15px;
      display: -ms-flexbox;
      display: flex;
      margin-left: auto;
      margin-right: 17px; } }

.smallScreen__3ALGq .trickPlayButton__jxQ6z {
  width: 40px !important;
  height: 40px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.adPanelUI__OD5TH {
  background: transparent;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.adItems__dNr3o {
  position: absolute;
  top: 5%;
  left: 3%;
  font-size: 1.8rem; }
  .adItems__dNr3o .visitWebsiteButton__2QazR {
    background-color: #4b4b4b;
    color: #ffffff; }
    .adItems__dNr3o .visitWebsiteButton__2QazR:hover {
      color: #ffffff; }
  .adItems__dNr3o .adTimer__2r6TP {
    color: #959595;
    display: inline-block;
    margin-left: 15px; }
    .adItems__dNr3o .adTimer__2r6TP .adDuration__1jRHG {
      color: #ffffff; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.nptHelpText__1k7lJ {
  font-size: 14px;
  line-height: 18px;
  color: #959595; }
  @media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
    .nptHelpText__1k7lJ {
      display: -ms-grid;
      display: grid; } }

.nptHeaderText__2rJZw {
  color: #ffffff !important; }

.nptModal__38iBD .modal-content {
  background-color: #000000; }
  @media all and (min-width: 425px) and (max-width: 767px), (min-device-width: 375px) and (max-device-width: 767px) and (orientation: landscape) {
    .nptModal__38iBD .modal-content {
      top: 40px; } }

.nptModal__38iBD .modal-header {
  padding-left: 30px !important;
  padding-top: 30px !important; }

.nptModal__38iBD .modal-title {
  color: #ffffff !important;
  font-weight: bold;
  font-size: 48px; }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .nptModal__38iBD .modal-title {
    font-size: 24px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.vjs-default-skin__mbnPe.vjs-has-started__JAeeX .vjs-control-bar__1wYo3 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  bottom: -3.4em !important;
  background-color: #07141e !important; }

video::cue {
  color: white !important;
  font-size: 18px !important;
  background: none !important; }
  @media all and (min-width: 320px) and (max-width: 599px) {
    video::cue {
      font-size: 14px !important; } }
  @media only screen and (min-width: 850px) and (max-width: 1024px) {
    video::cue {
      font-size: 18px !important; } }
  @media only screen and (min-width: 375px) and (max-width: 914px) {
    video::cue {
      font-size: 18px !important; } }
  @media all and (max-width: 599px), (min-width: 850px) and (max-width: 1279px) and (orientation: landscape) {
    video::cue {
      font-size: 20px !important; } }

video::-webkit-media-text-track-display {
  font-size: 20px !important; }

.tostInfo__eZqpw {
  font-size: 12px;
  margin-top: 2px; }

.videoWrapper__F1qRA {
  min-height: 420px;
  position: relative;
  background: #000000;
  width: 100%;
  height: calc(100vh - 222px); }
  @media all and (max-width: 599px), (min-width: 850px) and (max-width: 1279px) and (orientation: landscape) {
    .videoWrapper__F1qRA {
      height: calc(100vh - 92px); } }

.videoWrapper__F1qRA:-ms-fullscreen {
  width: 100vw;
  height: 100vh; }

.videoWrapper__F1qRA:fullscreen {
  width: 100vw;
  height: 100vh; }

[data-cid="video-container"] + [data-cid="loadingIndicator"] {
  position: absolute;
  background: #000000;
  z-index: 999;
  bottom: 78px;
  top: 222px; }

/*
 * IMPORTANT: CSS to control VIDEO element
 */
.palVideoElement-dimensions, #palVideoElement__309au {
  width: 100% !important;
  height: 100% !important; }
  @media all and (min-width: 320px) and (max-width: 599px) {
    .palVideoElement-dimensions, #palVideoElement__309au {
      height: 42% !important;
      top: 29%;
      position: absolute; } }

video {
  width: 100%;
  height: 100%;
  pointer-events: none; }

.adsDebugPanel__3kjd1 {
  position: fixed;
  top: 0;
  left: 0;
  height: 220px;
  overflow-y: scroll;
  padding: 5px 0;
  width: 100%;
  background: #000000;
  opacity: 0.9;
  color: green;
  z-index: 9999;
  border: 1px solid;
  font-size: 1.1rem; }
  .adsDebugPanel__3kjd1 p {
    margin-bottom: 0;
    line-height: 1.3rem; }
  .adsDebugPanel__3kjd1 .leftSection__aHbF- {
    position: absolute;
    left: 0; }
  .adsDebugPanel__3kjd1 .rightSection__Kq5Zx {
    position: absolute;
    right: 0;
    width: 200px; }
    .adsDebugPanel__3kjd1 .rightSection__Kq5Zx p {
      word-break: break-word; }

.castingLoader__3r3my {
  position: absolute;
  top: 50%;
  min-height: auto;
  margin-top: -48px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*
  use this if you want to disable user selection
  on the body of the container
*/
/*
  use this if you want to create a container
  that moves with app header section
*/
.trailer__1Z4kO + .modal-backdrop__2ASTo.in__1MRZi {
  opacity: 0.3;
  background: #0c0c0c; }

@media only screen and (max-width: 1024px) {
  .trailer__1Z4kO {
    top: 0% !important; } }

.trailer__1Z4kO .modal-dialog {
  width: 60%;
  top: 8%; }
  @media all and (min-width: 320px) and (max-width: 599px) {
    .trailer__1Z4kO .modal-dialog {
      top: 0%; } }

.trailer__1Z4kO .modal-dialog .modal-content {
  background-color: transparent;
  transform: initial !important; }

.trailer__1Z4kO .modal-dialog .modal-header {
  border-bottom: 1px solid #0c0c0c; }

.trailer__1Z4kO .modal-body {
  padding: 0;
  margin: 0; }

.trailer__1Z4kO [data-cid="video-container"] + [data-cid="loadingIndicator"] {
  bottom: 0;
  top: 0; }

@media only screen and (max-width: 1024px) {
  .trailer__1Z4kO .modal-dialog {
    width: 80%; } }

@media all and (max-width: 767px) {
  .trailer__1Z4kO .modal-dialog {
    width: 95%; }
  .trailer__1Z4kO .modal-dialog .modal-content {
    transform: translate(0px, 8px) !important; }
  .trailer__1Z4kO .modal-body {
    padding: 0 !important; } }

.closeButton__12AsR {
  position: fixed;
  top: -40;
  right: -30;
  margin: 30px;
  z-index: 10000;
  width: 28.86px;
  height: 24px;
  text-align: center;
  color: #d8d8d8;
  cursor: pointer; }
  .closeButton__12AsR:hover {
    color: #ffffff; }
  .closeButton__12AsR::after {
    display: inline-block;
    content: "\D7";
    font-size: 3rem; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.activeButton__1fEJP { }

a.activeButton__1fEJP {
  padding-top: 12px; }

.secondaryButton__24DcN { }

.secondaryButtonDark__33d5g { }

.trailerIcon__2Eaom {
  width: 24px;
  height: 24px; }

.trailerIconLight__2GmLL { }
  .trailerIconLight__2GmLL svg path {
    fill: #000000; }

.trailerIconDark__2BBlD { }
  .trailerIconDark__2BBlD svg path {
    fill: #ffffff; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.mediaMetadataContainer__1xZ0D {
  width: 600px; }

.badge__22QRa {
  width: auto;
  border-radius: 0;
  margin: 0; }

.title__3fuxD {
  margin-top: 0;
  margin-bottom: 0; }
  .title__3fuxD img {
    max-width: 200px; }

.subtitle__2WEeG {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.33em;
  color: #959595;
  margin-top: 0;
  margin-bottom: 0; }

.description__1EiVF,
.info__2fVFX {
  margin-top: 16px;
  margin-bottom: 10px;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  font-size: 16px;
  line-height: 22px; }

.info__2fVFX {
  margin-bottom: 0;
  color: #959595; }

.description__1EiVF {
  color: #ffffff; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.bundleCanNotWatch__1Ll_Y {
  background-color: black;
  border-left: 2px solid white;
  border-right: 2px solid white;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-top: 8px;
  padding-left: 4px;
  padding-right: 4px; }

.actionSetContainer__L0lz- {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.primaryButtonsContainer__1ivWG {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .primaryButtonsContainer__1ivWG > a, .primaryButtonsContainer__1ivWG button {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
  .primaryButtonsContainer__1ivWG > *:last-child {
    margin-right: 0px; }

.secondaryButtonsContainer__jOb40 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .secondaryButtonsContainer__jOb40 button {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }

.primaryPurchaseRoundedButton__2wMXM { }

.secondaryPurchaseRoundedButton__2wh_U { }

@media all and (max-width: 767px) {
  .primaryButtonsContainer__1ivWG > *:not(:only-child) {
    width: inherit; }
  .secondaryButtonsContainer__jOb40 button {
    width: inherit; } }

@media all and (max-width: 599px) {
  .actionButtonsContainer__3wJdS {
    width: 100%; }
  .actionSetContainer__L0lz- {
    width: 100%; }
  .primaryButtonsContainer__1ivWG > *:only-child {
    width: 100%; } }

@media all and (max-width: 374px) {
  .primaryButtonsContainer__1ivWG {
    -ms-flex-direction: column;
        flex-direction: column; }
    .primaryButtonsContainer__1ivWG > a, .primaryButtonsContainer__1ivWG button {
      width: 100%; } }
.waysToWatchWrapper__3COJz p {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 5px; }

.waysToWatchBtnWrapper__3fDJ- {
  position: relative;
  width: 464px; }

.waysToWatchBtn__-E-DW {
  padding: 12px 48px;
  height: 48px;
  border-radius: 31px;
  border: 2px solid grey;
  background-color: transparent;
  width: 222px; }

.providerName__1EkkG {
  color: #fff; }

.moreOptionBtn__10_M8 {
  position: absolute;
  top: 0px;
  right: -232px;
  z-index: 10;
  padding: 12px 48px;
  height: 48px;
  border-radius: 31px;
  border: 2px solid grey;
  background-color: transparent;
  width: 222px; }

.moreOptionText__3Mdbx {
  color: #fff; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.seriesInfoWrapper__bGYQD {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  background-color: #0c0c0c; }

.bannerImageWrapper__3Bh3A {
  min-height: 1px;
  position: relative;
  width: 72%;
  z-index: 1; }
  .bannerImageWrapper__3Bh3A:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    height: 100%;
    z-index: 9;
    width: 60%;
    background-image: linear-gradient(to right, #0f0f0f 8%, rgba(15, 15, 15, 0.73) 34%, rgba(15, 15, 15, 0.39) 59%, rgba(15, 15, 15, 0) 80%); }
  .bannerImageWrapper__3Bh3A:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 200px;
    z-index: 100;
    background-image: linear-gradient(to top, #0f0f0f 0%, rgba(0, 0, 0, 0) 100%); }
  .bannerImageWrapper__3Bh3A img {
    width: 100%;
    max-height: 700px;
    position: relative; }

.mediaMetadataWrapper__1i9D2 {
  width: 28%;
  z-index: 100;
  padding-left: 5.76%;
  position: relative;
  background-color: #0f0f0f; }

.mediaMetadata__rwLSq {
  width: 165%;
  margin: 60px 40px 60px 0;
  color: #a6a6a6; }

.description__2SNc1 {
  line-height: 18px;
  font-size: 13px;
  color: #ddd;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  margin-bottom: 15px; }

.info__15tHW {
  color: #959595;
  font-size: 14px; }

.gradient__155UH {
  position: absolute;
  height: 100%;
  z-index: 9;
  width: 20%;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 18%, rgba(0, 0, 0, 0.3) 42%, rgba(0, 0, 0, 0.5) 58%, rgba(0, 0, 0, 0.8) 81%, #000000); }

@media all and (max-width: 849px) {
  .seriesInfoWrapper__bGYQD {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
  .mediaMetadataWrapper__1i9D2 {
    width: 100%; }
    .mediaMetadataWrapper__1i9D2 .mediaMetadata__rwLSq {
      margin: 30px 0 20px 0;
      max-width: 600px;
      width: 100%;
      font-size: 14px; }
  .bannerImageWrapper__3Bh3A {
    width: 100%; }
    .bannerImageWrapper__3Bh3A:before {
      content: none; } }

@media all and (max-width: 1024px) {
  .mediaMetadataWrapper__1i9D2 {
    padding: 0 5% 0; } }

@media all and (max-width: 767px) {
  .mediaMetadataWrapper__1i9D2 {
    padding: 0 6% 0; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.appContentDiv__3nMpX {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.appContentContainer__2Ismt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: calc(100vh - 98px); }

.toastSubMessage__zWa9R {
  margin-left: 34px;
  font-size: 13px; }

.toastSubMessageDiv__2tNuR {
  margin-top: -7%; }

.appContent__15MpI {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  margin: 0 0 0 0;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  background-color: #0f0f0f;
  position: relative;
  overflow: hidden; }
  .appContent__15MpI:before, .appContent__15MpI:after {
    content: " ";
    display: table; }
  .appContent__15MpI:after {
    clear: both; }
  @media screen and (max-width: 767px) {
    .appContent__15MpI {
      margin: 55px 0 0 0; } }

.hasDogfoodHeader__3_t8X .appContent__15MpI {
  margin: 0 0 0 0; }
  @media screen and (max-width: 1024px) {
    .hasDogfoodHeader__3_t8X .appContent__15MpI {
      margin: 0 0 0 0; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.headerWrapper__1Rorx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  line-height: initial; }
  .headerWrapper__1Rorx .mainTitle__37vDp {
    font-size: 3.3vw;
    font-weight: bold;
    color: #fff;
    margin: 4% 0 1%;
    font-family: VerizonNHGTX-Bold; }
  .headerWrapper__1Rorx .clearBtn__1d_Ng {
    background-color: #0f0f0f;
    border: 1px solid #333333;
    padding: 6px 25px;
    font-size: 16px;
    border-radius: 31px;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    margin: 5% 0 1%;
    font-family: VerizonNHGTX-Bold; }
    .headerWrapper__1Rorx .clearBtn__1d_Ng:hover {
      background-color: #ffffff;
      color: #0f0f0f;
      cursor: pointer; }

@media all and (max-width: 1024px) {
  .mainTitle__37vDp {
    font-size: 36px !important; }
  .clearBtn__1d_Ng {
    border: 2px solid #676767 !important;
    padding: 5px, 15px !important; } }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .mainTitle__37vDp {
    font-size: 20px !important; }
  .clearBtn__1d_Ng {
    font-size: 12px !important; } }
.results__2pBqr {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  font-family: VerizonNHGTX-Regular;
  margin: 5% 0 1%; }

.capitalize__YAn81 {
  text-transform: capitalize; }
.dropdownArrow__1565Y {
  position: absolute;
  height: 23px;
  width: 23px;
  right: 28px;
  top: 9px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.checkboxWrapper__J_vDi {
  padding: 12px 28px;
  position: relative;
  overflow: hidden; }
  .checkboxWrapper__J_vDi input[type=checkbox][data-focus-visible-added] + label span:first-child {
    outline: 2px solid #3b99fc;
    outline-offset: -2px; }
  .checkboxWrapper__J_vDi .label__1b8GV {
    color: #ffffff;
    display: block;
    font-weight: normal; }
    .checkboxWrapper__J_vDi .label__1b8GV:hover {
      cursor: pointer; }
  .checkboxWrapper__J_vDi:hover {
    cursor: pointer; }
  .checkboxWrapper__J_vDi:hover {
    background-color: #ffffff; }
  .checkboxWrapper__J_vDi:hover > label {
    color: #0f0f0f;
    font-weight: bold; }
  .checkboxWrapper__J_vDi:hover .uiCheckboxUnchecked__3kXqf, .checkboxWrapper__J_vDi:hover .uiCheckBoxChecked__1dN0K {
    border-color: #0f0f0f; }
  .checkboxWrapper__J_vDi:hover .uiCheckBoxChecked__1dN0K {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAC5UlEQVR4Xu3XV24UQRRG4f9ggoTYBQtgEWQnjIgPRBG2gQ2bIMgkkUV4JOdgMktgB4DISKCLChXWqGXXzLi6e9zWneee1tTXp+5UI/8kBXCftIADtSnEgRwob4h4QV6QF5Qn4AXl+fkM8oK8oDwBLyjPz2eQF+QF5Ql4QXl+PoO8IC8oT8ALyvPzGeQFeUF5AnO9IDPrA/5UpdToGWRmiyRdkzQBHKoCqbFAZrYw4AD9AcbMRoGxspEaCRRxrgIDrSBmNgaMlonUOKCIcwUYnArCzA4CB8pCahRQxLkMDE0HYGbXJQ0Dv8tAagyQmS2QFHCGEzg3JI0Av8rACfdoBFDEuQSMJHBuRpyfZeE0AijiXATWJ3BuSVoHlIpTG5CZzZO0BPjczdM1s/mSQjkpnNtx5pSOUwtQxBmXtEzSCuBDJ0gR5wKwIVHOnYjzo5N7zuSaSmdQxDkB7IiHuXeSlgMfUz824pwHNiZw7koaAirDqbSgiHMS2F44zL2NJU2JFHHOAZsSOPckDVaNUxlQxDkFbJvmMPcmIn0q4PVJCjibEzj3I873mWyZbr9TyRYzs3Dfw8D+xEJfS1oJ/EMKb+WSzgJbEt95IGkAqAWnsoLiggPSEWBfYsGvApKkr5LOAFsT1z6MON+6rSDn+koK+v+DYklHgb2Jhb+U9L5NOY8k9QO14lRaUAHpGLBnJk/SzB5LWtsLnFqAWrbbOLC7GyQzexJxwhbsyafSLVb4hwqn6YC0q5OVmtlTSWuAnuHUVlDLdgtIx4GdKSQzexZxvnSCWeU1tRVUQJo8XRcXZ2YTklYDPcepvaAC0lSn7OcRp6uX2jlVUAFp8rRtZi8krer2jb9KnJ4V1IIUTs+nJS2djTg9B4pHgIC0eLbMnGKRtQ/pqrdE2fd3oDaiDuRAeZvOC/KCvKA8AS8oz89nkBfkBeUJeEF5fj6DvCAvKE/AC8rz8xnkBXlBeQJeUJ6fzyAvKK+gv3kMDVj14Q5TAAAAAElFTkSuQmCC); }

.singleOptionFilter__wDKYP .checkboxWrapper__J_vDi {
  padding: 10px 28px; }

.singleOptionFilter__wDKYP .uiCheckboxUnchecked__3kXqf {
  right: 0;
  top: 0;
  width: 22px;
  height: 22px; }

.singleOptionFilter__wDKYP .checkboxLabel__5rwe7 {
  font-size: 18px; }

.checkbox__2JeNQ {
  position: absolute;
  left: -20px; }

.label__1b8GV {
  position: relative;
  margin-bottom: 0px;
  line-height: 16px; }

.uiCheckbox__3E6wN {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px; }

.uiCheckboxUnchecked__3kXqf {
  border: 2px solid #676767; }

.uiCheckboxUncheckedDark__35KlH {
  border: 2px solid #676767; }
  .uiCheckboxUncheckedDark__35KlH:hover {
    border-color: #676767; }

.uiCheckBoxChecked__1dN0K {
  border: 2px solid #ffffff;
  background-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAhxJREFUeAHt14lO20AQxvFAgEDL1b4von0MWkQ4hKAtAkE5enC2HL3oK4X/SN5qNUodByRn7Xwrjby73rVnfrYip9FQk4AEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEkhfodDrN5JMcVILgtIhjYmFQOSR7X1AmiCMitMVkky07MUQM5zDIRMdXZeeS3P0ynI8Riu++Ti7pshLKcA68iBvbb9JYWTklcx+KHif2HYYfnjDRSibpshKhaMPZ8xpu/InxZFk5JXMfijacXYfhh5+ZqC4OyY8Ss/2qs2eM6IXzhTWVx2lTxF/iZVEk1hrODpHXvnJyqug1k1tH8vbmrEUVGtKLXomyxnA+RPu6dU+ZrDzOepfK7pn7LxLnDOd9l33x1BmDyuNsxBW5/h/G8/5NYq5JvHNr/fCciWd+b6XGFDBCLPnK3Pg3439I9A1n263xwwsmqo0TniSFGNIbIq/94uQcYThbeQs5d0k8D9evxZGCDOktkdd+crLXm3PFmnrhhCdMYYa0TDy2fWNjPXEc0sojhL6zZzpcp9ZHCrVvojZRtF2zcDhwwpOnYENaLSB0w5qZsG+ojhnSWg7S7dDihDchQ+r2lX3Hub7/1Ibr1uqYIW1wDO0HHeHETxkQ+0DcJIQTw8T9DGk4f5BjCPUlIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQwJMEHgAWDX1bASOTVwAAAABJRU5ErkJggg==);
  background-size: 24px 24px;
  background-position: 60% 50%;
  background-repeat: no-repeat; }

.checkBoxFilter__2k69M {
  padding: 12px 28px;
  position: relative;
  overflow: hidden; }
  .checkBoxFilter__2k69M input[type=checkbox][data-focus-visible-added] + label span:first-child {
    outline: 2px solid #3b99fc;
    outline-offset: -2px; }
  .checkBoxFilter__2k69M .label__1b8GV {
    color: #ffffff;
    display: block;
    font-weight: normal;
    line-height: initial; }

.singleOptionFilter__wDKYP .checkBoxFilter__2k69M {
  padding: 5px; }
  .singleOptionFilter__wDKYP .checkBoxFilter__2k69M .uiCheckboxUnchecked__3kXqf, .singleOptionFilter__wDKYP .checkBoxFilter__2k69M .uiCheckBoxChecked__1dN0K {
    width: 32px;
    height: 32px;
    background-size: 32px; }

@media all and (max-width: 767px) {
  .checkBoxFilter__2k69M .uiCheckboxUnchecked__3kXqf, .checkBoxFilter__2k69M .uiCheckBoxChecked__1dN0K {
    width: 24px !important;
    height: 24px !important;
    background-size: 24px !important; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.checkboxLabel__2fvqf {
  font-size: 18px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.activeCheckboxLabel__1nVrO {
  font-family: inherit; }

.inactiveCheckboxLabel__3vZ0y {
  font-family: inherit;
  font-weight: normal;
  color: #a6a6a6; }

.fiterTags__3SibX {
  background-color: #333333;
  padding: 10px 0;
  margin-top: 5px;
  border-radius: 8px;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  top: 47px;
  z-index: 10;
  left: 0;
  right: 0; }

.filterEmptyDropdown__3EdmN {
  padding: 12px 28px; }

.fiterTags__3SibX::-webkit-scrollbar {
  width: 5px; }

.fiterTags__3SibX::-webkit-scrollbar-track {
  background-color: #333333; }

.fiterTags__3SibX::-webkit-scrollbar-thumb {
  background-color: #888; }

.fiterTags__3SibX::-webkit-scrollbar-thumb:hover {
  background-color: #555; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.dropdownArrowWrapper__1TTHi {
  display: inline-block;
  width: 100%;
  border: 2px solid #333;
  border-radius: 24px;
  padding: 9px 28px;
  height: 46px;
  position: relative; }
  .dropdownArrowWrapper__1TTHi span {
    color: #ffffff;
    font-family: VerizonNHGTX-Regular;
    line-height: initial; }
  .dropdownArrowWrapper__1TTHi .openArrow__3MUNt {
    background: center center no-repeat;
    background-size: 23px 23px;
    background-image: url("/icons/up.png"); }
  .dropdownArrowWrapper__1TTHi .closeArrow__2fXO0 {
    background: center center no-repeat;
    background-size: 23px 23px;
    background-image: url("/icons/down.png"); }
  .dropdownArrowWrapper__1TTHi:hover {
    cursor: pointer;
    background-color: #ffffff; }
    .dropdownArrowWrapper__1TTHi:hover span {
      color: #0f0f0f;
      font-weight: bold; }
    .dropdownArrowWrapper__1TTHi:hover span.uiCheckboxUnchecked__3SFiS {
      border-color: #0f0f0f; }
    .dropdownArrowWrapper__1TTHi:hover .openArrow__3MUNt {
      background-image: url("/icons/black-up.png"); }
    .dropdownArrowWrapper__1TTHi:hover .closeArrow__2fXO0 {
      background-image: url("/icons/black-down.png"); }

.singleDdFilter__3yd-z {
  padding: 0; }

.dropDownCheckBox__34unQ {
  float: right; }

.filterCheckbox__2P8bw {
  border: 1px solid #E4E5E3;
  width: 18px;
  height: 18px;
  float: right;
  position: relative;
  top: 3px; }
  .filterCheckbox__2P8bw i {
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAhxJREFUeAHt14lO20AQxvFAgEDL1b4von0MWkQ4hKAtAkE5enC2HL3oK4X/SN5qNUodByRn7Xwrjby73rVnfrYip9FQk4AEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEkhfodDrN5JMcVILgtIhjYmFQOSR7X1AmiCMitMVkky07MUQM5zDIRMdXZeeS3P0ynI8Riu++Ti7pshLKcA68iBvbb9JYWTklcx+KHif2HYYfnjDRSibpshKhaMPZ8xpu/InxZFk5JXMfijacXYfhh5+ZqC4OyY8Ss/2qs2eM6IXzhTWVx2lTxF/iZVEk1hrODpHXvnJyqug1k1tH8vbmrEUVGtKLXomyxnA+RPu6dU+ZrDzOepfK7pn7LxLnDOd9l33x1BmDyuNsxBW5/h/G8/5NYq5JvHNr/fCciWd+b6XGFDBCLPnK3Pg3439I9A1n263xwwsmqo0TniSFGNIbIq/94uQcYThbeQs5d0k8D9evxZGCDOktkdd+crLXm3PFmnrhhCdMYYa0TDy2fWNjPXEc0sojhL6zZzpcp9ZHCrVvojZRtF2zcDhwwpOnYENaLSB0w5qZsG+ojhnSWg7S7dDihDchQ+r2lX3Hub7/1Ibr1uqYIW1wDO0HHeHETxkQ+0DcJIQTw8T9DGk4f5BjCPUlIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUhAAhKQwJMEHgAWDX1bASOTVwAAAABJRU5ErkJggg==);
    background-size: 24px 24px;
    background-position: 60% 50%;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    display: none; }
  .filterCheckbox__2P8bw input[type="checkbox"] {
    opacity: 0;
    cursor: pointer; }
  .filterCheckbox__2P8bw input[type="checkbox"]:checked ~ i {
    display: block; }

.checkboxLabel__DPooJ {
  font-size: 18px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.activeCheckboxLabel__3_8en {
  font-family: inherit;
  font-weight: normal; }

.inactiveCheckboxLabel__1szIg {
  font-family: inherit;
  font-weight: normal;
  color: #a6a6a6; }
.chipWrapper__39wvz {
  display: inline-block; }
  .chipWrapper__39wvz button {
    background-color: #333;
    color: #ffffff;
    min-width: inherit;
    padding: 8px 16px;
    height: inherit;
    border-radius: 31px;
    font-family: inherit;
    font-weight: normal;
    margin-right: 8px;
    margin-bottom: 20px; }
    .chipWrapper__39wvz button span {
      font-size: 16px; }
    .chipWrapper__39wvz button .labelSpan__n4tuJ {
      margin-right: 14px; }
    .chipWrapper__39wvz button:hover, .chipWrapper__39wvz button:focus {
      color: #fff; }
  .chipWrapper__39wvz .chipCloseIcon__2blWW {
    width: 16px;
    height: 16px;
    object-fit: contain; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.filterData__2pWuV {
  display: -ms-flexbox;
  display: flex; }

.filterWrapper__2Ch9- {
  width: 25%;
  padding: 0 0.5% 0;
  position: relative;
  font-size: 18px; }
  .filterWrapper__2Ch9-:last-child {
    padding-right: 0; }
  .filterWrapper__2Ch9-:first-child {
    padding-left: 0; }

.filterSelected__f9Pzg {
  width: 100%;
  margin: 10px 0 10px 0; }

.filterChips__2s7_F div {
  display: inline-block; }

.filterText__s2_nD {
  color: #ffffff;
  margin-bottom: 26px;
  margin-top: 20px;
  display: block;
  font-family: VerizonNHGTX-Regular; }

.clearAll__2t-8V {
  font-size: 16px;
  font-weight: bold; }

.clearAllBtn__2Vu8i {
  border-radius: 31px;
  border: solid 2px #333333;
  background-color: #0f0f0f;
  padding: 6px 10px;
  height: initial;
  color: #ffffff; }
  .clearAllBtn__2Vu8i:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff; }
  .clearAllBtn__2Vu8i:focus-visible {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff; }
  .clearAllBtn__2Vu8i:focus {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.filterOverlay__2l0P2 {
  background: rgba(0, 0, 0, 0.7);
  border: 0;
  height: 100vh;
  z-index: 999999999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.tabMenu__34fWa {
  background-color: #0f0f0f;
  width: 60%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  overflow: auto;
  transform: translate3d(100vw, 0, 0);
  transition: transform 0.4s ease-in-out; }
  .tabMenu__34fWa.showMenu__3QDlr {
    transform: translate3d(0vw, 0, 0) !important; }

.tabHeader__27_jj {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 40px; }
  .tabHeader__27_jj button {
    width: auto;
    min-width: 90px !important;
    padding: 0px 17px; }

.headerText__2iZx1 {
  font-size: 36px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.filterButton__1fuuA {
  width: 53.7vw;
  height: 44px;
  border-radius: 22px;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4);
  border: solid 2px #676767;
  background: #ffffff; }
  .filterButton__1fuuA:last-child {
    background: transparent;
    color: #ffffff; }

.filterBottom__1ee_u {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute; }

@media all and (max-width: 599px) {
  .tabMenu__34fWa {
    width: 100%; }
  .filterButton__1fuuA {
    width: 90vw; }
  .headerText__2iZx1 {
    font-size: 24px; }
  .closeIcon__3TuCh,
  .backIcon__25bvJ {
    width: 32px;
    height: 32px; }
  .tabHeader__27_jj {
    margin-top: 10px !important; }
    .tabHeader__27_jj button {
      min-width: 60px !important;
      padding: 0px 20px; }
  .filterButton__1fuuA {
    margin: 0 0 8px; } }

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .filterBottom__1ee_u {
    bottom: 6%; } }

@media all and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  .filterBottom__1ee_u {
    position: static !important; } }

@media all and (max-width: 767px) and (orientation: portrait) {
  .filterBottom__1ee_u {
    bottom: 2% !important; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .filterBottom__1ee_u {
    position: static !important; }
  .tabMenu__34fWa {
    width: 100%; }
  .filterButton__1fuuA {
    width: 90vw; } }

@media only screen and (width: 1366px) and (height: 1024px) and (orientation: landscape) {
  .filterBottom__1ee_u {
    bottom: 6%; } }

@media all and (max-width: 712px) and (orientation: portrait) {
  .tabMenu__34fWa {
    width: 60%; }
  .filterButton__1fuuA {
    width: 53.7vw; } }

@media all and (max-width: 711px) {
  .tabMenu__34fWa {
    width: 100%; }
  .filterButton__1fuuA {
    width: 90vw; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.filterWrapper__3o9yG {
  padding-bottom: 20px; }
  .filterWrapper__3o9yG .filterList__31R4S,
  .filterWrapper__3o9yG .filterCheckBox__1l2_F {
    border-bottom: 1px solid #676767;
    font-size: 28px;
    margin: 34px;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }

.filterList__31R4S {
  padding-bottom: 30px; }

.filterCheckBox__1l2_F {
  padding-bottom: 15px; }

.filterSelect__1Q9ZE {
  font-family: "VerizonNHGTX", Arial, sans-serif;
  font-size: 12px;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /* autoprefixer: off */ }

.filterTitle__11uXo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

@media all and (max-width: 767px) {
  .filterWrapper__3o9yG .filterList__31R4S,
  .filterWrapper__3o9yG .filterCheckBox__1l2_F {
    font-size: 20px !important;
    margin: 24px; }
  .filterList__31R4S {
    padding-bottom: 20px; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.ViewAllCardPage__EW-tx { }
  .ViewAllCardPage__EW-tx .viewAllCardsWrapper__3xKOg {
    margin-top: 50px; }

.FilterIconButton__u2vru {
  padding: 10px 25px;
  border-radius: 25px;
  border: solid 2px #676767;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.ViewAllFilterHeader__3wQyW {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.filterIconImg__38Tju {
  margin-left: 20px;
  width: 24px;
  height: 24px; }

.resultDiv__uX1Bf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .resultDiv__uX1Bf span {
    margin: 4% 0 0 !important; }

@media all and (max-width: 849px), (min-device-width: 850px) and (max-device-width: 1279px) and (orientation: landscape), (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
  .viewAllCardsWrapper__3xKOg {
    margin-top: 20px !important; }
  .filterSelectCount__mq5Dm {
    padding: 0px 4px; }
  .ViewAllCardPage__EW-tx {
    padding: 0 28px;
    margin-top: 20px; } }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .viewAllCardsWrapper__3xKOg {
    margin-top: 0px !important; }
  .filterSelectTitle__3F2mJ {
    display: none; }
  .filterSelectCount__mq5Dm {
    background: white;
    font-size: 10px;
    color: #000000;
    border-radius: 50%;
    position: absolute;
    width: 18px;
    height: 18px;
    margin: -22px -10px 22px 12px !important;
    padding: 3px 1px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }
  .FilterIconButton__u2vru {
    border: none;
    padding: 0;
    border-radius: 50%;
    background: #333333;
    padding: 6px; }
  .filterIconImg__38Tju {
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0; }
  .resultDiv__uX1Bf span {
    margin: 6% 0 0 !important;
    font-size: 16px !important; }
  .ViewAllFilterHeader__3wQyW {
    margin: 10px 0 0 0; }
  .ViewAllCardPage__EW-tx {
    padding: 0 18px !important;
    margin-top: 15px; } }

.filterTitleForTabs__SlY5A {
  display: block !important; }

.filterIconForTabs__1kNO- {
  padding: 10px 25px;
  border-radius: 25px;
  border: solid 2px #676767;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.filterIconImgForTabs__Q4h1g {
  margin-left: 20px;
  width: 24px;
  height: 24px; }

.filterSelectCountForTabs__39pcj {
  padding: 0px 4px; }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.baseCardRow__1AnPS {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin: 2px 0px 2px 0px; }

.cardRow__3w5QT { }
  .cardRow__3w5QT > :first-child {
    margin-left: 40px; }
  .cardRow__3w5QT > :last-child {
    margin-right: 40px; }

.cardRow__3w5QT:not(:first-child) {
  margin-top: 15px; }

.cardRow__3w5QT > *:not(:first-child) {
  margin-left: 15px; }

@media all and (max-width: 1024px) {
  .cardRow__3w5QT > :first-child {
    margin-left: 20px; }
  .cardRow__3w5QT > :last-child {
    margin-right: 20px; }
  .baseCardRow__1AnPS {
    margin: 2px 0px 25px 0px !important; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.cardGrid__Q1c5i {
  padding: 0 0; }

.cardGridNoResults__e12Ae [class^="errorInfoWrapper"] {
  position: relative;
  margin-top: 7%; }

@media all and (min-width: 600px) and (max-width: 849px) and (orientation: portrait) {
  .cardGridNoResults__e12Ae [class^="errorInfoWrapper"] {
    position: relative;
    margin-top: 30%; } }

@media all and (max-width: 425px) {
  .cardGrid__Q1c5i [class^='cardOuter_'] {
    width: 100%;
    margin: 12px 0; }
  .cardGridNoResults__e12Ae [class^="errorInfoWrapper"] {
    position: relative;
    margin-top: 40%; } }

@media all and (min-height: 900px) {
  .cardGrid__Q1c5i {
    min-height: 100vh; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.cardRow__2gC8O {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .cardRow__2gC8O > * {
    width: 25%;
    padding: 0;
    display: inline-block;
    margin: 10px 0; }

@media all and (max-width: 599px) {
  .cardRow__2gC8O > * {
    width: 50%;
    padding: 1.25%; } }

@media all and (min-width: 600px) and (max-width: 849px) {
  .cardRow__2gC8O > * {
    width: 25%;
    margin: 15px 0; } }

@media all and (min-width: 850px) and (max-width: 1279px) {
  .cardRow__2gC8O > * {
    width: 20%;
    padding: .5%; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.RecentSearch__1AoV1 {
  color: #ffffff;
  min-height: 350px;
  position: relative; }

@media all and (min-width: 320px) and (max-width: 1279px) and (orientation: landscape) {
  .RecentSearch__1AoV1 {
    color: #ffffff;
    min-height: 200px;
    position: relative; } }
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.searchPage__EL717 {
  color: #ffffff; }
  .searchPage__EL717 .searchInputContainer__TvpWU {
    border-bottom: 2px solid #676767;
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex; }
  .searchPage__EL717 .searchInput__1_Cja {
    width: 100%;
    border: none;
    background: #0f0f0f;
    box-shadow: none;
    outline: none;
    width: 100%;
    padding: 0;
    line-height: 1.25;
    font-size: 3.3vw;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }
    .searchPage__EL717 .searchInput__1_Cja:focus {
      outline: none; }
    .searchPage__EL717 .searchInput__1_Cja:-ms-input-placeholder {
      color: #a6a6a6;
      font-size: 3.3vw;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.25;
      letter-spacing: normal;
      color: #a6a6a6; }
    .searchPage__EL717 .searchInput__1_Cja::placeholder {
      color: #a6a6a6;
      font-size: 3.3vw;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.25;
      letter-spacing: normal;
      color: #a6a6a6; }
    .searchPage__EL717 .searchInput__1_Cja:-ms-input-placeholder {
      color: #a6a6a6 !important;
      font-size: 3.3vw !important; }
    .searchPage__EL717 .searchInput__1_Cja::-ms-input-placeholder {
      color: #a6a6a6;
      font-size: 3.3vw; }
  .searchPage__EL717 .closeIcon__hZ_C3 {
    width: 48px;
    height: 48px;
    cursor: pointer;
    margin: 6px 0; }
  .searchPage__EL717 .searchResults__3bQqN {
    margin: 40px 0 2% 0;
    max-width: 1070px;
    width: 100%; }
  .searchPage__EL717 .searchCardWrapper__2hK1z {
    min-height: 350px;
    position: relative; }
  .searchPage__EL717 .clearText__3LN1v {
    font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: right;
    color: #a6a6a6; }

@media all and (max-width: 1279px) {
  .searchPage__EL717 .searchInputContainer__TvpWU {
    -ms-flex-align: center;
        align-items: center;
    padding: 2px 0; }
  .searchPage__EL717 .closeIcon__hZ_C3 {
    width: 28px;
    height: 28px; } }

.FilterIconButton__1KKlp {
  padding: 10px 25px;
  border-radius: 25px;
  border: solid 2px #676767;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.filterIconImg__1hjaJ {
  margin-left: 20px;
  width: 24px;
  height: 24px; }

@media all and (max-width: 849px), (min-device-width: 850px) and (max-device-width: 1279px) and (orientation: landscape), (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
  .searchInput__1_Cja,
  :-ms-input-placeholder {
    font-size: 28px !important; }
  .searchInput__1_Cja,
  ::placeholder {
    font-size: 28px !important; }
  .filterSelectCount__2KxUR {
    padding: 0px 4px; }
  .topContent__1QGX5 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: end;
        align-items: flex-end;
    margin-bottom: 10px; }
  .searchResults__3bQqN span {
    font-size: 24px !important;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }
  .searchPage__EL717 {
    padding: 0 28px !important; }
  .searchInputContainer__TvpWU {
    margin-top: 70px; } }

@media (min-width: 600px) and (max-width: 849px) and (orientation: portrait) {
  .searchPage__EL717 {
    padding: 0 5.76% !important; } }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  .searchInput__1_Cja,
  :-ms-input-placeholder {
    font-size: 20px !important; }
  .searchInput__1_Cja,
  ::placeholder {
    font-size: 20px !important; }
  .searchResults__3bQqN span {
    font-size: 16px !important; }
  .filterSelectTitle__2L89a {
    display: none; }
  .filterSelectCount__2KxUR {
    background: white;
    font-size: 10px;
    color: #000000;
    border-radius: 50%;
    position: absolute;
    width: 18px;
    height: 18px;
    margin: -22px -10px 22px 12px !important;
    padding: 3px 1px !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }
  .FilterIconButton__1KKlp {
    border: none;
    padding: 0;
    border-radius: 50%;
    background: #333333;
    padding: 8px; }
  .filterIconImg__1hjaJ {
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0; }
  .topContent__1QGX5 {
    margin-bottom: 0px !important; }
  .searchPage__EL717 {
    padding: 0 18px !important; }
  .searchIcon__3guu5 {
    padding-right: 8px; }
  .searchInputContainer__TvpWU {
    margin-top: 38px !important; } }

@media all and (max-width: 599px), (max-width: 914px) and (orientation: landscape) {
  .clearText__3LN1v {
    display: none !important; } }

@media all and (min-width: 320px) and (max-width: 1279px) and (orientation: landscape) {
  .searchPage__EL717 .searchCardWrapper__2hK1z {
    min-height: 200px;
    position: relative; } }

.filterTitleForTabs__37-ly {
  display: block !important; }

.filterIconForTabs__1-A3D {
  padding: 10px 25px;
  border-radius: 25px;
  border: solid 2px #676767;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  max-width: 150px !important; }

.filterIconImgForTabs__3UDT4 {
  margin-left: 20px;
  width: 24px;
  height: 24px; }

.filterSelectCountForTabs__3PHLy {
  padding: 0px 4px; }

.topContentForLargeTabsLandscape__qnhVk {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 10px; }
@charset "UTF-8";
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "*"; }

.glyphicon-plus:before {
  content: "+"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20AC"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270F"; }

.glyphicon-glass:before {
  content: "\E001"; }

.glyphicon-music:before {
  content: "\E002"; }

.glyphicon-search:before {
  content: "\E003"; }

.glyphicon-heart:before {
  content: "\E005"; }

.glyphicon-star:before {
  content: "\E006"; }

.glyphicon-star-empty:before {
  content: "\E007"; }

.glyphicon-user:before {
  content: "\E008"; }

.glyphicon-film:before {
  content: "\E009"; }

.glyphicon-th-large:before {
  content: "\E010"; }

.glyphicon-th:before {
  content: "\E011"; }

.glyphicon-th-list:before {
  content: "\E012"; }

.glyphicon-ok:before {
  content: "\E013"; }

.glyphicon-remove:before {
  content: "\E014"; }

.glyphicon-zoom-in:before {
  content: "\E015"; }

.glyphicon-zoom-out:before {
  content: "\E016"; }

.glyphicon-off:before {
  content: "\E017"; }

.glyphicon-signal:before {
  content: "\E018"; }

.glyphicon-cog:before {
  content: "\E019"; }

.glyphicon-trash:before {
  content: "\E020"; }

.glyphicon-home:before {
  content: "\E021"; }

.glyphicon-file:before {
  content: "\E022"; }

.glyphicon-time:before {
  content: "\E023"; }

.glyphicon-road:before {
  content: "\E024"; }

.glyphicon-download-alt:before {
  content: "\E025"; }

.glyphicon-download:before {
  content: "\E026"; }

.glyphicon-upload:before {
  content: "\E027"; }

.glyphicon-inbox:before {
  content: "\E028"; }

.glyphicon-play-circle:before {
  content: "\E029"; }

.glyphicon-repeat:before {
  content: "\E030"; }

.glyphicon-refresh:before {
  content: "\E031"; }

.glyphicon-list-alt:before {
  content: "\E032"; }

.glyphicon-lock:before {
  content: "\E033"; }

.glyphicon-flag:before {
  content: "\E034"; }

.glyphicon-headphones:before {
  content: "\E035"; }

.glyphicon-volume-off:before {
  content: "\E036"; }

.glyphicon-volume-down:before {
  content: "\E037"; }

.glyphicon-volume-up:before {
  content: "\E038"; }

.glyphicon-qrcode:before {
  content: "\E039"; }

.glyphicon-barcode:before {
  content: "\E040"; }

.glyphicon-tag:before {
  content: "\E041"; }

.glyphicon-tags:before {
  content: "\E042"; }

.glyphicon-book:before {
  content: "\E043"; }

.glyphicon-bookmark:before {
  content: "\E044"; }

.glyphicon-print:before {
  content: "\E045"; }

.glyphicon-camera:before {
  content: "\E046"; }

.glyphicon-font:before {
  content: "\E047"; }

.glyphicon-bold:before {
  content: "\E048"; }

.glyphicon-italic:before {
  content: "\E049"; }

.glyphicon-text-height:before {
  content: "\E050"; }

.glyphicon-text-width:before {
  content: "\E051"; }

.glyphicon-align-left:before {
  content: "\E052"; }

.glyphicon-align-center:before {
  content: "\E053"; }

.glyphicon-align-right:before {
  content: "\E054"; }

.glyphicon-align-justify:before {
  content: "\E055"; }

.glyphicon-list:before {
  content: "\E056"; }

.glyphicon-indent-left:before {
  content: "\E057"; }

.glyphicon-indent-right:before {
  content: "\E058"; }

.glyphicon-facetime-video:before {
  content: "\E059"; }

.glyphicon-picture:before {
  content: "\E060"; }

.glyphicon-map-marker:before {
  content: "\E062"; }

.glyphicon-adjust:before {
  content: "\E063"; }

.glyphicon-tint:before {
  content: "\E064"; }

.glyphicon-edit:before {
  content: "\E065"; }

.glyphicon-share:before {
  content: "\E066"; }

.glyphicon-check:before {
  content: "\E067"; }

.glyphicon-move:before {
  content: "\E068"; }

.glyphicon-step-backward:before {
  content: "\E069"; }

.glyphicon-fast-backward:before {
  content: "\E070"; }

.glyphicon-backward:before {
  content: "\E071"; }

.glyphicon-play:before {
  content: "\E072"; }

.glyphicon-pause:before {
  content: "\E073"; }

.glyphicon-stop:before {
  content: "\E074"; }

.glyphicon-forward:before {
  content: "\E075"; }

.glyphicon-fast-forward:before {
  content: "\E076"; }

.glyphicon-step-forward:before {
  content: "\E077"; }

.glyphicon-eject:before {
  content: "\E078"; }

.glyphicon-chevron-left:before {
  content: "\E079"; }

.glyphicon-chevron-right:before {
  content: "\E080"; }

.glyphicon-plus-sign:before {
  content: "\E081"; }

.glyphicon-minus-sign:before {
  content: "\E082"; }

.glyphicon-remove-sign:before {
  content: "\E083"; }

.glyphicon-ok-sign:before {
  content: "\E084"; }

.glyphicon-question-sign:before {
  content: "\E085"; }

.glyphicon-info-sign:before {
  content: "\E086"; }

.glyphicon-screenshot:before {
  content: "\E087"; }

.glyphicon-remove-circle:before {
  content: "\E088"; }

.glyphicon-ok-circle:before {
  content: "\E089"; }

.glyphicon-ban-circle:before {
  content: "\E090"; }

.glyphicon-arrow-left:before {
  content: "\E091"; }

.glyphicon-arrow-right:before {
  content: "\E092"; }

.glyphicon-arrow-up:before {
  content: "\E093"; }

.glyphicon-arrow-down:before {
  content: "\E094"; }

.glyphicon-share-alt:before {
  content: "\E095"; }

.glyphicon-resize-full:before {
  content: "\E096"; }

.glyphicon-resize-small:before {
  content: "\E097"; }

.glyphicon-exclamation-sign:before {
  content: "\E101"; }

.glyphicon-gift:before {
  content: "\E102"; }

.glyphicon-leaf:before {
  content: "\E103"; }

.glyphicon-fire:before {
  content: "\E104"; }

.glyphicon-eye-open:before {
  content: "\E105"; }

.glyphicon-eye-close:before {
  content: "\E106"; }

.glyphicon-warning-sign:before {
  content: "\E107"; }

.glyphicon-plane:before {
  content: "\E108"; }

.glyphicon-calendar:before {
  content: "\E109"; }

.glyphicon-random:before {
  content: "\E110"; }

.glyphicon-comment:before {
  content: "\E111"; }

.glyphicon-magnet:before {
  content: "\E112"; }

.glyphicon-chevron-up:before {
  content: "\E113"; }

.glyphicon-chevron-down:before {
  content: "\E114"; }

.glyphicon-retweet:before {
  content: "\E115"; }

.glyphicon-shopping-cart:before {
  content: "\E116"; }

.glyphicon-folder-close:before {
  content: "\E117"; }

.glyphicon-folder-open:before {
  content: "\E118"; }

.glyphicon-resize-vertical:before {
  content: "\E119"; }

.glyphicon-resize-horizontal:before {
  content: "\E120"; }

.glyphicon-hdd:before {
  content: "\E121"; }

.glyphicon-bullhorn:before {
  content: "\E122"; }

.glyphicon-bell:before {
  content: "\E123"; }

.glyphicon-certificate:before {
  content: "\E124"; }

.glyphicon-thumbs-up:before {
  content: "\E125"; }

.glyphicon-thumbs-down:before {
  content: "\E126"; }

.glyphicon-hand-right:before {
  content: "\E127"; }

.glyphicon-hand-left:before {
  content: "\E128"; }

.glyphicon-hand-up:before {
  content: "\E129"; }

.glyphicon-hand-down:before {
  content: "\E130"; }

.glyphicon-circle-arrow-right:before {
  content: "\E131"; }

.glyphicon-circle-arrow-left:before {
  content: "\E132"; }

.glyphicon-circle-arrow-up:before {
  content: "\E133"; }

.glyphicon-circle-arrow-down:before {
  content: "\E134"; }

.glyphicon-globe:before {
  content: "\E135"; }

.glyphicon-wrench:before {
  content: "\E136"; }

.glyphicon-tasks:before {
  content: "\E137"; }

.glyphicon-filter:before {
  content: "\E138"; }

.glyphicon-briefcase:before {
  content: "\E139"; }

.glyphicon-fullscreen:before {
  content: "\E140"; }

.glyphicon-dashboard:before {
  content: "\E141"; }

.glyphicon-paperclip:before {
  content: "\E142"; }

.glyphicon-heart-empty:before {
  content: "\E143"; }

.glyphicon-link:before {
  content: "\E144"; }

.glyphicon-phone:before {
  content: "\E145"; }

.glyphicon-pushpin:before {
  content: "\E146"; }

.glyphicon-usd:before {
  content: "\E148"; }

.glyphicon-gbp:before {
  content: "\E149"; }

.glyphicon-sort:before {
  content: "\E150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\E151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\E152"; }

.glyphicon-sort-by-order:before {
  content: "\E153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\E154"; }

.glyphicon-sort-by-attributes:before {
  content: "\E155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\E156"; }

.glyphicon-unchecked:before {
  content: "\E157"; }

.glyphicon-expand:before {
  content: "\E158"; }

.glyphicon-collapse-down:before {
  content: "\E159"; }

.glyphicon-collapse-up:before {
  content: "\E160"; }

.glyphicon-log-in:before {
  content: "\E161"; }

.glyphicon-flash:before {
  content: "\E162"; }

.glyphicon-log-out:before {
  content: "\E163"; }

.glyphicon-new-window:before {
  content: "\E164"; }

.glyphicon-record:before {
  content: "\E165"; }

.glyphicon-save:before {
  content: "\E166"; }

.glyphicon-open:before {
  content: "\E167"; }

.glyphicon-saved:before {
  content: "\E168"; }

.glyphicon-import:before {
  content: "\E169"; }

.glyphicon-export:before {
  content: "\E170"; }

.glyphicon-send:before {
  content: "\E171"; }

.glyphicon-floppy-disk:before {
  content: "\E172"; }

.glyphicon-floppy-saved:before {
  content: "\E173"; }

.glyphicon-floppy-remove:before {
  content: "\E174"; }

.glyphicon-floppy-save:before {
  content: "\E175"; }

.glyphicon-floppy-open:before {
  content: "\E176"; }

.glyphicon-credit-card:before {
  content: "\E177"; }

.glyphicon-transfer:before {
  content: "\E178"; }

.glyphicon-cutlery:before {
  content: "\E179"; }

.glyphicon-header:before {
  content: "\E180"; }

.glyphicon-compressed:before {
  content: "\E181"; }

.glyphicon-earphone:before {
  content: "\E182"; }

.glyphicon-phone-alt:before {
  content: "\E183"; }

.glyphicon-tower:before {
  content: "\E184"; }

.glyphicon-stats:before {
  content: "\E185"; }

.glyphicon-sd-video:before {
  content: "\E186"; }

.glyphicon-hd-video:before {
  content: "\E187"; }

.glyphicon-subtitles:before {
  content: "\E188"; }

.glyphicon-sound-stereo:before {
  content: "\E189"; }

.glyphicon-sound-dolby:before {
  content: "\E190"; }

.glyphicon-sound-5-1:before {
  content: "\E191"; }

.glyphicon-sound-6-1:before {
  content: "\E192"; }

.glyphicon-sound-7-1:before {
  content: "\E193"; }

.glyphicon-copyright-mark:before {
  content: "\E194"; }

.glyphicon-registration-mark:before {
  content: "\E195"; }

.glyphicon-cloud-download:before {
  content: "\E197"; }

.glyphicon-cloud-upload:before {
  content: "\E198"; }

.glyphicon-tree-conifer:before {
  content: "\E199"; }

.glyphicon-tree-deciduous:before {
  content: "\E200"; }

.glyphicon-cd:before {
  content: "\E201"; }

.glyphicon-save-file:before {
  content: "\E202"; }

.glyphicon-open-file:before {
  content: "\E203"; }

.glyphicon-level-up:before {
  content: "\E204"; }

.glyphicon-copy:before {
  content: "\E205"; }

.glyphicon-paste:before {
  content: "\E206"; }

.glyphicon-alert:before {
  content: "\E209"; }

.glyphicon-equalizer:before {
  content: "\E210"; }

.glyphicon-king:before {
  content: "\E211"; }

.glyphicon-queen:before {
  content: "\E212"; }

.glyphicon-pawn:before {
  content: "\E213"; }

.glyphicon-bishop:before {
  content: "\E214"; }

.glyphicon-knight:before {
  content: "\E215"; }

.glyphicon-baby-formula:before {
  content: "\E216"; }

.glyphicon-tent:before {
  content: "\26FA"; }

.glyphicon-blackboard:before {
  content: "\E218"; }

.glyphicon-bed:before {
  content: "\E219"; }

.glyphicon-apple:before {
  content: "\F8FF"; }

.glyphicon-erase:before {
  content: "\E221"; }

.glyphicon-hourglass:before {
  content: "\231B"; }

.glyphicon-lamp:before {
  content: "\E223"; }

.glyphicon-duplicate:before {
  content: "\E224"; }

.glyphicon-piggy-bank:before {
  content: "\E225"; }

.glyphicon-scissors:before {
  content: "\E226"; }

.glyphicon-bitcoin:before {
  content: "\E227"; }

.glyphicon-btc:before {
  content: "\E227"; }

.glyphicon-xbt:before {
  content: "\E227"; }

.glyphicon-yen:before {
  content: "\A5"; }

.glyphicon-jpy:before {
  content: "\A5"; }

.glyphicon-ruble:before {
  content: "\20BD"; }

.glyphicon-rub:before {
  content: "\20BD"; }

.glyphicon-scale:before {
  content: "\E230"; }

.glyphicon-ice-lolly:before {
  content: "\E231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\E232"; }

.glyphicon-education:before {
  content: "\E233"; }

.glyphicon-option-horizontal:before {
  content: "\E234"; }

.glyphicon-option-vertical:before {
  content: "\E235"; }

.glyphicon-menu-hamburger:before {
  content: "\E236"; }

.glyphicon-modal-window:before {
  content: "\E237"; }

.glyphicon-oil:before {
  content: "\E238"; }

.glyphicon-grain:before {
  content: "\E239"; }

.glyphicon-sunglasses:before {
  content: "\E240"; }

.glyphicon-text-size:before {
  content: "\E241"; }

.glyphicon-text-color:before {
  content: "\E242"; }

.glyphicon-text-background:before {
  content: "\E243"; }

.glyphicon-object-align-top:before {
  content: "\E244"; }

.glyphicon-object-align-bottom:before {
  content: "\E245"; }

.glyphicon-object-align-horizontal:before {
  content: "\E246"; }

.glyphicon-object-align-left:before {
  content: "\E247"; }

.glyphicon-object-align-vertical:before {
  content: "\E248"; }

.glyphicon-object-align-right:before {
  content: "\E249"; }

.glyphicon-triangle-right:before {
  content: "\E250"; }

.glyphicon-triangle-left:before {
  content: "\E251"; }

.glyphicon-triangle-bottom:before {
  content: "\E252"; }

.glyphicon-triangle-top:before {
  content: "\E253"; }

.glyphicon-console:before {
  content: "\E254"; }

.glyphicon-superscript:before {
  content: "\E255"; }

.glyphicon-subscript:before {
  content: "\E256"; }

.glyphicon-menu-left:before {
  content: "\E257"; }

.glyphicon-menu-right:before {
  content: "\E258"; }

.glyphicon-menu-down:before {
  content: "\E259"; }

.glyphicon-menu-up:before {
  content: "\E260"; }

* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.42857;
  color: #000000;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #0c0c0c;
  text-decoration: none; }
  a:hover, a:focus {
    color: black;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #4b4b4b;
  border: 1px solid #4b4b4b;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 22px;
  margin-bottom: 11px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 11px;
  margin-bottom: 11px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 41px; }

h2, .h2 {
  font-size: 34px; }

h3, .h3 {
  font-size: 28px; }

h4, .h4 {
  font-size: 20px; }

h5, .h5 {
  font-size: 16px; }

h6, .h6 {
  font-size: 14px; }

p {
  margin: 0 0 11px; }

.lead {
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 24px; } }

small,
.small {
  font-size: 75%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #0c0c0c; }

a.text-primary:hover,
a.text-primary:focus {
  color: black; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #0c0c0c; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: black; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 11px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 22px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 20px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014   \A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\A0   \2014'; }

address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 15px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 740px; } }
  @media (min-width: 992px) {
    .container {
      width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1160px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -10px;
  margin-right: -10px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 16.5px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 24px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 36px; }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 49px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 22px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 38px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 49px;
  line-height: 49px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-lg .form-control {
  height: 49px;
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 49px;
  line-height: 49px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 49px;
  min-height: 42px;
  padding: 11px 16px;
  font-size: 20px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 45px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 27px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #404040; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 29px; }

.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 10px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 20px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857;
  border-radius: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #0c0c0c;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #0c0c0c;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #0c0c0c;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #0c0c0c;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #0c0c0c;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #0c0c0c;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #0c0c0c; }

.btn-primary {
  color: #0c0c0c;
  background-color: #0c0c0c;
  border-color: black; }
  .btn-primary:focus, .btn-primary.focus {
    color: #0c0c0c;
    background-color: black;
    border-color: black; }
  .btn-primary:hover {
    color: #0c0c0c;
    background-color: black;
    border-color: black; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #0c0c0c;
    background-color: black;
    border-color: black; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #0c0c0c;
      background-color: black;
      border-color: black; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #0c0c0c;
    border-color: black; }
  .btn-primary .badge {
    color: #0c0c0c;
    background-color: #0c0c0c; }

.btn-success {
  color: #ffffff;
  background-color: #4b4b4b;
  border-color: #3e3e3e; }
  .btn-success:focus, .btn-success.focus {
    color: #ffffff;
    background-color: #323232;
    border-color: black; }
  .btn-success:hover {
    color: #ffffff;
    background-color: #323232;
    border-color: #202020; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #ffffff;
    background-color: #323232;
    border-color: #202020; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #ffffff;
      background-color: #202020;
      border-color: black; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #4b4b4b;
    border-color: #3e3e3e; }
  .btn-success .badge {
    color: #4b4b4b;
    background-color: #ffffff; }

.btn-info {
  color: #ffffff;
  background-color: #0c0c0c;
  border-color: #0c0c0c; }
  .btn-info:focus, .btn-info.focus {
    color: #ffffff;
    background-color: black;
    border-color: black; }
  .btn-info:hover {
    color: #ffffff;
    background-color: black;
    border-color: black; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #ffffff;
    background-color: black;
    border-color: black; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #ffffff;
      background-color: black;
      border-color: black; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #0c0c0c;
    border-color: #0c0c0c; }
  .btn-info .badge {
    color: #0c0c0c;
    background-color: #ffffff; }

.btn-warning {
  color: #fff;
  background-color: #fbd362;
  border-color: #facc49; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #fac530;
    border-color: #bf8e05; }
  .btn-warning:hover {
    color: #fff;
    background-color: #fac530;
    border-color: #f9bb0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #fac530;
    border-color: #f9bb0d; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #f9bb0d;
      border-color: #bf8e05; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #fbd362;
    border-color: #facc49; }
  .btn-warning .badge {
    color: #fbd362;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #f9b295;
  border-color: #f8a07d; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #f68f65;
    border-color: #e84d0d; }
  .btn-danger:hover {
    color: #fff;
    background-color: #f68f65;
    border-color: #f47643; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #f68f65;
    border-color: #f47643; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #f47643;
      border-color: #e84d0d; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #f9b295;
    border-color: #f8a07d; }
  .btn-danger .badge {
    color: #f9b295;
    background-color: #fff; }

.btn-link {
  color: #0c0c0c;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: black;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333;
  border-radius: 0; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #0c0c0c; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 20px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #0c0c0c; }
  .nav .nav-divider {
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #0c0c0c; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 22px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 14px 10px;
  font-size: 20px;
  line-height: 22px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -10px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 10px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7px -10px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 22px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 22px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 14px;
          padding-bottom: 14px; } }

.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 7px;
  margin-bottom: 7px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 7px;
  margin-bottom: 7px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 14px;
  margin-bottom: 14px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 10px;
      margin-right: 10px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -10px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/\A0";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 22px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #0c0c0c;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: black;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #0c0c0c;
    border-color: #0c0c0c;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 22px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #0c0c0c; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: black; }

.label-success {
  background-color: #82ceac; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #5dc094; }

.label-info {
  background-color: #91befa; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #60a1f8; }

.label-warning {
  background-color: #fbd362; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #fac530; }

.label-danger {
  background-color: #f9b295; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #f68f65; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #0c0c0c;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 72px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 22px;
  line-height: 1.42857;
  background-color: #4b4b4b;
  border: 1px solid #4b4b4b;
  border-radius: 0;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #ffffff; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0c0c0c; }

.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 22px;
  margin-bottom: 22px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background-color: #0c0c0c;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #82ceac; }
  .progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #91befa; }
  .progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #fbd362; }
  .progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #f9b295; }
  .progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #0c0c0c;
  border-color: #0c0c0c; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #727272; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 22px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #0c0c0c; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #0c0c0c;
    border-color: #0c0c0c; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #0c0c0c; }
    .panel-primary > .panel-heading .badge {
      color: #0c0c0c;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #0c0c0c; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 16px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 16px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        transition: transform 0.6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0); }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203A'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0); }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

html {
  font-size: inherit; }

body {
  background-color: #959595; }

.navbar-default {
  background-color: transparent;
  border: 0; }
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li > a:active {
    color: #a6a6a6; }
  .navbar-default .navbar-nav > li:nth-last-of-type(1) {
    margin-right: 0; }
    .navbar-default .navbar-nav > li:nth-last-of-type(1) > a {
      padding-right: 0; }
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #a6a6a6; }
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #a6a6a6; }

.navbar {
  border-radius: 0;
  margin-bottom: 0; }
  .navbar > .container-fluid .navbar-header {
    margin-right: 68px;
    padding-top: 8px; }
    .navbar > .container-fluid .navbar-header .navbar-brand {
      padding: 0; }
  .navbar > .container-fluid .navbar-collapse {
    padding-right: 0; }
  .navbar .navbar-nav > li {
    margin-right: 20px; }
    .navbar .navbar-nav > li.dropdown {
      background: none; }
      .navbar .navbar-nav > li.dropdown > a .fa-user-circle-o:before {
        font-size: 2rem; }
        @media (max-width: 767px) {
          .navbar .navbar-nav > li.dropdown > a .fa-user-circle-o:before {
            font-size: 1rem; } }
    .navbar .navbar-nav > li .dropdown-menu {
      background-color: #333333;
      border: 0;
      border-radius: 5px;
      padding: 16px 0;
      transform: translateX(-9%); }
      @media (max-width: 767px) {
        .navbar .navbar-nav > li .dropdown-menu {
          transform: translateX(-58%); } }
      .navbar .navbar-nav > li .dropdown-menu > li > a {
        color: #ffffff;
        padding: 12px 32px;
        font-weight: normal; }
        .navbar .navbar-nav > li .dropdown-menu > li > a:hover {
          color: #0f0f0f;
          font-weight: bold; }
    .navbar .navbar-nav > li > .dropdown-toggle .caret {
      display: none; }
  .navbar .navbar-nav.navbar-right .dropdown-menu {
    transform: translate(0, 0);
    right: -25px; }
    .navbar .navbar-nav.navbar-right .dropdown-menu .divider {
      background-color: #0f0f0f; }
    .navbar .navbar-nav.navbar-right .dropdown-menu > li:nth-of-type(1) > a {
      padding-left: 24px; }
      .navbar .navbar-nav.navbar-right .dropdown-menu > li:nth-of-type(1) > a:hover, .navbar .navbar-nav.navbar-right .dropdown-menu > li:nth-of-type(1) > a:focus {
        background: none;
        color: #ffffff; }

@media (max-width: 767px) {
  .navbar > .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .navbar > .container-fluid:before, .navbar > .container-fluid:after {
      display: none; }
    .navbar > .container-fluid .navbar-header {
      float: left;
      margin-right: 0;
      width: 34%;
      padding-top: 0; }
  .navbar .navbar-collapse {
    border-top: none;
    box-shadow: none;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 66%; }
    .navbar .navbar-collapse:before, .navbar .navbar-collapse:after {
      display: none; }
    .navbar .navbar-collapse.in {
      overflow-y: visible; }
    .navbar .navbar-collapse > ul {
      display: inline-block; }
    .navbar .navbar-collapse .nav > li {
      float: left; }
      .navbar .navbar-collapse .nav > li > a {
        padding-left: 10px;
        padding-right: 10px; }
      .navbar .navbar-collapse .nav > li:first-child > a {
        padding-left: 0; }
    .navbar .navbar-collapse .navbar-right {
      float: right; }
      .navbar .navbar-collapse .navbar-right > li > a {
        padding-right: 0; }
        .navbar .navbar-collapse .navbar-right > li > a img {
          height: 18px;
          width: 18px; }
  .navbar .navbar-toggle {
    display: none; }
  .navbar .collapse.in {
    display: block !important; }
  .navbar .navbar-nav {
    margin: 7.5px 0; }
    .navbar .navbar-nav:before {
      display: none; }
    .navbar .navbar-nav > li {
      margin-right: 0; }
      .navbar .navbar-nav > li .dropdown-menu {
        position: absolute; }
        .navbar .navbar-nav > li .dropdown-menu > li a:focus,
        .navbar .navbar-nav > li .dropdown-menu > li a:hover {
          cursor: pointer;
          color: #ffffff !important; }
    .navbar .navbar-nav.navbar-right .dropdown-menu {
      transform: translate(-81%);
      right: -15px; } }

.btn {
  line-height: 1.5px; }
  .btn:hover, .btn:focus, .btn:active {
    outline: none; }
  .btn:active:focus {
    outline: none; }

.btn-group-lg > .btn, .btn-lg, .btn-group-lg > .btn {
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.5; }

.btn-group-sm > .btn, .btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.btn-group-xs > .btn, .btn-xs, .btn-group-xs > .btn {
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5; }

.btn-success {
  color: #ffffff;
  background-color: #4b4b4b;
  border-color: #4b4b4b; }
  .btn-success:hover {
    background-color: #333333;
    border-color: #333333; }

@media all and (max-width: 767px) {
  .btn {
    width: 100%; } }

.thumbnail {
  padding: 0;
  border: 0; }
  .thumbnail img {
    margin: 0; }
    .thumbnail img:hover {
      width: 104%;
      height: 104%; }
  .thumbnail .caption {
    background-color: #4b4b4b; }
  .thumbnail h3 {
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }
  .thumbnail .secondary {
    color: #959595; }

.modal-backdrop {
  background-color: #0f0f0f;
  opacity: 0.6; }

.modal-content {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 0; }

.modal-sm .modal-header {
  padding: 30px 30px 20px;
  position: relative;
  border-bottom: none; }

.modal-sm .modal-title {
  font-size: 18px;
  line-height: 24px;
  color: #000000;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-weight: normal;
  padding-right: 30px; }

.modal-sm .btn-link {
  position: absolute;
  right: 25px;
  top: 25px;
  margin: 0;
  padding: 0;
  min-width: 30px;
  width: 30px;
  height: auto;
  opacity: 0.5;
  outline: none;
  z-index: 9; }
  .modal-sm .btn-link img {
    max-width: 30px;
    max-height: 30px; }

.modal-sm .modal-body {
  padding: 0 30px 30px; }

.modal-lg .modal-header {
  padding: 30px;
  position: relative;
  border-bottom: none;
  background-color: #959595; }

.modal-lg .modal-title {
  font-size: 22px;
  line-height: 24px;
  color: #f6f6f6;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-weight: normal;
  padding-right: 30px; }

.modal-lg .modal-body {
  padding: 0; }

@media all and (min-width: 768px) {
  .modal-sm {
    width: 420px;
    margin-top: 130px; }
    .modal-sm .modal-content .modal-header {
      padding: 15px; }
    .modal-sm .modal-content .modal-title {
      float: left; }
    .modal-sm .modal-content .btn-link {
      position: absolute;
      min-width: 30px;
      width: 30px;
      height: 30px;
      float: right;
      z-index: 30;
      top: 10px;
      right: 10px; } }

.dropdown {
  background-color: transparent;
  background-image: url(/icons/NavigateDown_30.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 95% center; }
  .dropdown a.dropdown-toggle:active, .dropdown a.dropdown-toggle:hover {
    background-color: transparent;
    border-color: #e4e5e3; }
  .dropdown a.dropdown-toggle:focus {
    background-color: transparent;
    border-color: #e4e5e3; }
  .dropdown.open {
    box-shadow: none;
    background-size: 14px;
    background-color: #ffffff;
    background-image: url(/icons/NavigateUp_dark_30.svg);
    background-size: 12px; }
    .dropdown.open a.dropdown-toggle {
      background-color: transparent;
      color: #ffffff;
      border-color: #e4e5e3; }
      .dropdown.open a.dropdown-toggle:hover, .dropdown.open a.dropdown-toggle:focus, .dropdown.open a.dropdown-toggle:active {
        border-color: #e4e5e3; }
    .dropdown.open ul li a:hover, .dropdown.open ul li a:focus, .dropdown.open ul li a:active {
      border-color: #a6a6a6; }

.customNavDropDown li.open {
  background-image: none; }

.form-group label {
  font-size: 14px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  color: #000000;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 18px; }

.form-group .form-control {
  border-radius: 0;
  border: 1px solid #cccccc;
  font-size: 14px;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  padding: 15px 20px;
  height: 48px;
  color: #000000;
  margin-top: 20px;
  appearance: inherit; }

.form-group select {
  background-image: url("/icons/NavigateDown_30.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 95% center; }

.form-group p {
  font-size: 14px;
  color: #a6a6a6;
  line-height: 18px;
  margin: 0; }

.form-group .checkbox {
  position: relative;
  overflow: hidden;
  margin: 0; }
  .form-group .checkbox label {
    padding-left: 0; }
    .form-group .checkbox label span {
      position: relative;
      padding-left: 33px; }
      .form-group .checkbox label span:before {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        width: 18px;
        height: 18px;
        border: 1px solid #a6a6a6; }
  .form-group .checkbox input[type='checkbox'] {
    position: absolute;
    left: -20px;
    top: 0; }
    .form-group .checkbox input[type='checkbox']:checked + span:before {
      border: 1px solid #a80309;
      background-color: #a80309;
      content: '\2713';
      color: #ffffff;
      font-size: 14px;
      font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
      font-weight: normal;
      line-height: 16px;
      padding-left: 2px; }

.form-group:last-child {
  margin-bottom: 0; }

.popover {
  background-color: #242424;
  border-radius: 0;
  color: #ffffff;
  border: none;
  z-index: 100;
  max-width: none; }
  .popover.top {
    margin-top: 0; }
    .popover.top > .arrow {
      bottom: -10px; }
  .popover.left {
    margin-left: 0; }
  .popover.right {
    margin-right: 0; }
  .popover.bottom {
    margin-bottom: 0; }
  .popover.top > .arrow:after, .popover.left > .arrow:after, .popover.right > .arrow:after, .popover.bottom > .arrow:after {
    border-top-color: #242424; }

.popover-content {
  padding: 0;
  margin: 0; }

/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.slider-wrapper {
  background-color: inherit;
  padding-bottom: 0%; }

@media all and (max-width: 767px) {
  .slider-wrapper {
    padding-top: 0; } }

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

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

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

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

.slick-slider .slick-track {
  transform: translate3d(0, 0, 0); }

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

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

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

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

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

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

.slick-slide img {
  display: block; }

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

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

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

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

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

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 100%;
  width: 8%;
  line-height: 0;
  font-size: 0;
  color: transparent;
  background-color: transparent;
  top: 0;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:before, .slick-next:before {
    content: ""; }
  .slick-prev button, .slick-next button {
    width: 36px;
    height: 36px;
    top: 40%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    cursor: pointer;
    min-width: auto; }

.slick-prev {
  left: 0;
  z-index: 10; }
  .slick-prev button {
    left: 0;
    padding: 0;
    margin: 0; }

.slick-next {
  right: 0; }
  .slick-next button {
    right: 0;
    padding: 0;
    margin: 0; }

/* Dots */
.slick-slider {
  margin-bottom: 0; }
  .slick-slider:hover .slick-dots li.slick-active .slider-dash-progress {
    animation-play-state: paused; }

.slick-dots {
  position: absolute;
  top: 32%;
  left: 5.76%;
  list-style: none;
  display: block;
  text-align: left;
  padding: 0;
  width: 40%;
  margin-left: -8px; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 8px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  z-index: 10;
  bottom: 20px; }
  .slick-dots li.slick-active .slider-dash-progress {
    background: #f6f6f6; }

.slick-dots li a {
  border: 0;
  background: rgba(103, 103, 103, 0.5);
  color: #ffffff;
  margin-right: 2px;
  height: 8px;
  width: 8px;
  border-radius: 8px;
  zoom: 1;
  font-size: 0px;
  float: left;
  margin: 0px 8px;
  cursor: pointer;
  padding: 0; }
  .slick-dots li a .slider-dash-progress {
    display: block;
    height: 8px;
    border-radius: 8px;
    transform-origin: left; }

.slick-dots li a:hover {
  outline: none;
  background: white;
  height: 8px; }

.slick-dots li a:hover:before, .slick-dots li a:focus:before {
  opacity: 1; }

@media all and (max-width: 1024px) {
  .tlmPages .slick-slider .slick-track {
    background-color: #0f0f0f; }
  .tlmPages .slick-dots {
    top: 416px;
    left: 0;
    margin: 0;
    padding-left: 5%; }
    .tlmPages .slick-dots > li {
      bottom: 0; }
      .tlmPages .slick-dots > li:first-child, .tlmPages .slick-dots > li a {
        margin-left: 0; } }

@keyframes dashItemTransition {
  from {
    transform: scaleX(0); }
  to {
    transform: scaleX(1); } }

@media all and (max-width: 767px) {
  .slick-slider .slick-track {
    background-color: #0f0f0f; }
  .slick-dots {
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%;
    text-align: center; }
  .tlmPages .slick-dots {
    top: 186px;
    text-align: left;
    padding-left: 6%; }
    .tlmPages .slick-dots > li {
      height: 4px;
      width: 4px; }
      .tlmPages .slick-dots > li a {
        height: 4px;
        width: 4px; }
      .tlmPages .slick-dots > li .slider-dash-progress {
        height: 4px; } }

.slick-slide {
  transition: .75s linear;
  position: relative; }
  .slick-slide.slick-cloned-active {
    transform-origin: center;
    z-index: 1001; }

/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
/* Font variables */
/* Text Font variables */
/* Verizon IPTV Brand Colors */
/* More Custom Colors */
/* Error toast color */
/* Profile Colors */
/* Caption Colors */
/* Visual Focus Indicator Colors */
/**
 * General Fixed Width Breakpoints for Responsive Design
 *
 * Suggested ranges:
 * - mobile: 320px - 767px
 * - tablet: 768px - 1024px
 * - desktop: 1025px and up
 *
 * Remember that using @media min-width and max-width includes the pixel defined, so using @media
 * max-width: 768px will have styles shown up to and INCLUDING 768px. Take a look at the above
 * suggested ranges
 *
 * NOTE: While these are useful, for more specific edge cases we can also create breakpoints based
 * on content in their local scss files
 */
/* Page side margins */
/* Grid column widths */
/* Horizontal spacing between elements */
/* Vertical spacing between elements */
/* Controls (Pagination, Scrolls) */
/* Overlays */
/* Icons */
/* Tag Variables */
.rc-slider {
  position: relative;
  height: 4px;
  width: 100%;
  border-radius: 6px;
  background-color: #cccccc;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer; }

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #4b4b4b;
  bottom: -12% !important; }

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff; }

.rc-slider-handle:hover {
  border-color: #57c5f7; }

.rc-slider-handle-active:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7; }

.rc-slider-mark {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  font-size: 12px; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999; }

.rc-slider-mark-text-active {
  color: #666; }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }

.rc-slider-dot:first-child {
  margin-left: -4px; }

.rc-slider-dot:last-child {
  margin-left: -4px; }

.rc-slider-dot-active {
  border-color: #96dbfa; }

.rc-slider-disabled {
  background-color: #e9e9e9; }

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc; }

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  background-color: #fff;
  cursor: not-allowed; }

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important; }

.rc-slider-vertical {
  width: 4px;
  height: 100%; }

.rc-slider-vertical.notOnFullScreen, .rc-slider-vertical.onFullScreen {
  height: 60% !important; }
  .rc-slider-vertical.notOnFullScreen .rc-slider-rail, .rc-slider-vertical.onFullScreen .rc-slider-rail {
    height: 167px !important;
    top: -60px !important;
    width: 47px !important;
    left: 9px; }
    @media all and (max-width: 849px), (min-device-width: 850px) and (max-device-width: 1279px) and (orientation: landscape) {
      .rc-slider-vertical.notOnFullScreen .rc-slider-rail, .rc-slider-vertical.onFullScreen .rc-slider-rail {
        top: -50px !important; } }

.rc-slider-vertical .rc-slider-track {
  bottom: 0 !important;
  width: 4px;
  left: 0px; }

.rc-slider-vertical .rc-slider-handle {
  position: absolute;
  margin-left: -5px;
  margin-bottom: -5px;
  left: 0px; }

.rc-slider-vertical .rc-slider-mark {
  top: -45px;
  left: -17px;
  height: 100%;
  width: 42px; }

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 30px;
  left: 10px;
  top: 0px; }

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); } }

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); } }

.rc-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-tooltip-hidden {
  display: none; }

.rc-tooltip-placement-top {
  padding: 4px 0 8px 0; }

.rc-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9; }

.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.rc-tooltip-placement-top .rc-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c; }

/** Closed Captioning rc-sliders **/
.captioningSlider {
  background-color: #cccccc;
  width: 280px;
  height: 6px;
  border-radius: 0;
  margin-top: 22px; }

.captioningSlider .rc-slider-dot {
  background-color: #4b4b4b;
  border-radius: 0;
  border: none;
  width: 4px;
  height: 6px; }
  .captioningSlider .rc-slider-dot:first-child {
    margin-left: 0px; }

.captioningSlider .rc-slider-handle {
  background-color: #4b4b4b;
  width: 16px;
  height: 16px;
  border: none; }

.captioningSlider .rc-slider-track {
  background-color: #4b4b4b;
  height: 6px;
  border-radius: 0; }

.captioningSlider .rc-slider-mark {
  top: -26px; }

.captioningSlider .rc-slider-mark-text {
  color: #000000; }
  .captioningSlider .rc-slider-mark-text small {
    font-size: 12px; }
  .captioningSlider .rc-slider-mark-text big {
    font-size: 20px; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/dist/674f50d287a8c48dc19ba404d20fe713.eot);
  src: url(/dist/674f50d287a8c48dc19ba404d20fe713.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/dist/af7ae505a9eed503f8b8e6982036873e.woff2) format("woff2"), url(/dist/fee66e712a8a08eef5805a46892932ad.woff) format("woff"), url(/dist/b06871f281fee6b241d60582ae9369b9.ttf) format("truetype"), url(/dist/912ec66d7572ff821749319396470bde.svg#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000"; }

.fa-music:before {
  content: "\F001"; }

.fa-search:before {
  content: "\F002"; }

.fa-envelope-o:before {
  content: "\F003"; }

.fa-heart:before {
  content: "\F004"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-o:before {
  content: "\F006"; }

.fa-user:before {
  content: "\F007"; }

.fa-film:before {
  content: "\F008"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-check:before {
  content: "\F00C"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-signal:before {
  content: "\F012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\F013"; }

.fa-trash-o:before {
  content: "\F014"; }

.fa-home:before {
  content: "\F015"; }

.fa-file-o:before {
  content: "\F016"; }

.fa-clock-o:before {
  content: "\F017"; }

.fa-road:before {
  content: "\F018"; }

.fa-download:before {
  content: "\F019"; }

.fa-arrow-circle-o-down:before {
  content: "\F01A"; }

.fa-arrow-circle-o-up:before {
  content: "\F01B"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-play-circle-o:before {
  content: "\F01D"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E"; }

.fa-refresh:before {
  content: "\F021"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-lock:before {
  content: "\F023"; }

.fa-flag:before {
  content: "\F024"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-print:before {
  content: "\F02F"; }

.fa-camera:before {
  content: "\F030"; }

.fa-font:before {
  content: "\F031"; }

.fa-bold:before {
  content: "\F032"; }

.fa-italic:before {
  content: "\F033"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-list:before {
  content: "\F03A"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-video-camera:before {
  content: "\F03D"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E"; }

.fa-pencil:before {
  content: "\F040"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-tint:before {
  content: "\F043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044"; }

.fa-share-square-o:before {
  content: "\F045"; }

.fa-check-square-o:before {
  content: "\F046"; }

.fa-arrows:before {
  content: "\F047"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-play:before {
  content: "\F04B"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-eject:before {
  content: "\F052"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-times-circle-o:before {
  content: "\F05C"; }

.fa-check-circle-o:before {
  content: "\F05D"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\F064"; }

.fa-expand:before {
  content: "\F065"; }

.fa-compress:before {
  content: "\F066"; }

.fa-plus:before {
  content: "\F067"; }

.fa-minus:before {
  content: "\F068"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-plane:before {
  content: "\F072"; }

.fa-calendar:before {
  content: "\F073"; }

.fa-random:before {
  content: "\F074"; }

.fa-comment:before {
  content: "\F075"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-arrows-v:before {
  content: "\F07D"; }

.fa-arrows-h:before {
  content: "\F07E"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-key:before {
  content: "\F084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\F085"; }

.fa-comments:before {
  content: "\F086"; }

.fa-thumbs-o-up:before {
  content: "\F087"; }

.fa-thumbs-o-down:before {
  content: "\F088"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-heart-o:before {
  content: "\F08A"; }

.fa-sign-out:before {
  content: "\F08B"; }

.fa-linkedin-square:before {
  content: "\F08C"; }

.fa-thumb-tack:before {
  content: "\F08D"; }

.fa-external-link:before {
  content: "\F08E"; }

.fa-sign-in:before {
  content: "\F090"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-upload:before {
  content: "\F093"; }

.fa-lemon-o:before {
  content: "\F094"; }

.fa-phone:before {
  content: "\F095"; }

.fa-square-o:before {
  content: "\F096"; }

.fa-bookmark-o:before {
  content: "\F097"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A"; }

.fa-github:before {
  content: "\F09B"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-feed:before,
.fa-rss:before {
  content: "\F09E"; }

.fa-hdd-o:before {
  content: "\F0A0"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-hand-o-right:before {
  content: "\F0A4"; }

.fa-hand-o-left:before {
  content: "\F0A5"; }

.fa-hand-o-up:before {
  content: "\F0A6"; }

.fa-hand-o-down:before {
  content: "\F0A7"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-group:before,
.fa-users:before {
  content: "\F0C0"; }

.fa-chain:before,
.fa-link:before {
  content: "\F0C1"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-plus:before {
  content: "\F0D5"; }

.fa-money:before {
  content: "\F0D6"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-linkedin:before {
  content: "\F0E1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4"; }

.fa-comment-o:before {
  content: "\F0E5"; }

.fa-comments-o:before {
  content: "\F0E6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA"; }

.fa-lightbulb-o:before {
  content: "\F0EB"; }

.fa-exchange:before {
  content: "\F0EC"; }

.fa-cloud-download:before {
  content: "\F0ED"; }

.fa-cloud-upload:before {
  content: "\F0EE"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-bell-o:before {
  content: "\F0A2"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cutlery:before {
  content: "\F0F5"; }

.fa-file-text-o:before {
  content: "\F0F6"; }

.fa-building-o:before {
  content: "\F0F7"; }

.fa-hospital-o:before {
  content: "\F0F8"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B"; }

.fa-circle-o:before {
  content: "\F10C"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-circle:before {
  content: "\F111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-folder-o:before {
  content: "\F114"; }

.fa-folder-open-o:before {
  content: "\F115"; }

.fa-smile-o:before {
  content: "\F118"; }

.fa-frown-o:before {
  content: "\F119"; }

.fa-meh-o:before {
  content: "\F11A"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-keyboard-o:before {
  content: "\F11C"; }

.fa-flag-o:before {
  content: "\F11D"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-code:before {
  content: "\F121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-crop:before {
  content: "\F125"; }

.fa-code-fork:before {
  content: "\F126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127"; }

.fa-question:before {
  content: "\F128"; }

.fa-info:before {
  content: "\F129"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-shield:before {
  content: "\F132"; }

.fa-calendar-o:before {
  content: "\F133"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-ticket:before {
  content: "\F145"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-minus-square-o:before {
  content: "\F147"; }

.fa-level-up:before {
  content: "\F148"; }

.fa-level-down:before {
  content: "\F149"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-pencil-square:before {
  content: "\F14B"; }

.fa-external-link-square:before {
  content: "\F14C"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\F153"; }

.fa-gbp:before {
  content: "\F154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\F155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\F156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158"; }

.fa-won:before,
.fa-krw:before {
  content: "\F159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-text:before {
  content: "\F15C"; }

.fa-sort-alpha-asc:before {
  content: "\F15D"; }

.fa-sort-alpha-desc:before {
  content: "\F15E"; }

.fa-sort-amount-asc:before {
  content: "\F160"; }

.fa-sort-amount-desc:before {
  content: "\F161"; }

.fa-sort-numeric-asc:before {
  content: "\F162"; }

.fa-sort-numeric-desc:before {
  content: "\F163"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-youtube-square:before {
  content: "\F166"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-youtube-play:before {
  content: "\F16A"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-adn:before {
  content: "\F170"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitbucket-square:before {
  content: "\F172"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-long-arrow-down:before {
  content: "\F175"; }

.fa-long-arrow-up:before {
  content: "\F176"; }

.fa-long-arrow-left:before {
  content: "\F177"; }

.fa-long-arrow-right:before {
  content: "\F178"; }

.fa-apple:before {
  content: "\F179"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-android:before {
  content: "\F17B"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-trello:before {
  content: "\F181"; }

.fa-female:before {
  content: "\F182"; }

.fa-male:before {
  content: "\F183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184"; }

.fa-sun-o:before {
  content: "\F185"; }

.fa-moon-o:before {
  content: "\F186"; }

.fa-archive:before {
  content: "\F187"; }

.fa-bug:before {
  content: "\F188"; }

.fa-vk:before {
  content: "\F189"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-arrow-circle-o-right:before {
  content: "\F18E"; }

.fa-arrow-circle-o-left:before {
  content: "\F190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191"; }

.fa-dot-circle-o:before {
  content: "\F192"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195"; }

.fa-plus-square-o:before {
  content: "\F196"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-slack:before {
  content: "\F198"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-spoon:before {
  content: "\F1B1"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\F1B9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-file-pdf-o:before {
  content: "\F1C1"; }

.fa-file-word-o:before {
  content: "\F1C2"; }

.fa-file-excel-o:before {
  content: "\F1C3"; }

.fa-file-powerpoint-o:before {
  content: "\F1C4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8"; }

.fa-file-code-o:before {
  content: "\F1C9"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD"; }

.fa-circle-o-notch:before {
  content: "\F1CE"; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\F1D1"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-circle-thin:before {
  content: "\F1DB"; }

.fa-header:before {
  content: "\F1DC"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-sliders:before {
  content: "\F1DE"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-newspaper-o:before {
  content: "\F1EA"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bell-slash-o:before {
  content: "\F1F7"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-eyedropper:before {
  content: "\F1FB"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-area-chart:before {
  content: "\F1FE"; }

.fa-pie-chart:before {
  content: "\F200"; }

.fa-line-chart:before {
  content: "\F201"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-bus:before {
  content: "\F207"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-cc:before {
  content: "\F20A"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B"; }

.fa-meanpath:before {
  content: "\F20C"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-diamond:before {
  content: "\F219"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-venus:before {
  content: "\F221"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-facebook-official:before {
  content: "\F230"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-server:before {
  content: "\F233"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\F236"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-train:before {
  content: "\F238"; }

.fa-subway:before {
  content: "\F239"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-sticky-note-o:before {
  content: "\F24A"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-hourglass-o:before {
  content: "\F250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256"; }

.fa-hand-scissors-o:before {
  content: "\F257"; }

.fa-hand-lizard-o:before {
  content: "\F258"; }

.fa-hand-spock-o:before {
  content: "\F259"; }

.fa-hand-pointer-o:before {
  content: "\F25A"; }

.fa-hand-peace-o:before {
  content: "\F25B"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-safari:before {
  content: "\F267"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-tv:before,
.fa-television:before {
  content: "\F26C"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-500px:before {
  content: "\F26E"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-calendar-plus-o:before {
  content: "\F271"; }

.fa-calendar-minus-o:before {
  content: "\F272"; }

.fa-calendar-times-o:before {
  content: "\F273"; }

.fa-calendar-check-o:before {
  content: "\F274"; }

.fa-industry:before {
  content: "\F275"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-map-o:before {
  content: "\F278"; }

.fa-map:before {
  content: "\F279"; }

.fa-commenting:before {
  content: "\F27A"; }

.fa-commenting-o:before {
  content: "\F27B"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-vimeo:before {
  content: "\F27D"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-edge:before {
  content: "\F282"; }

.fa-credit-card-alt:before {
  content: "\F283"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-modx:before {
  content: "\F285"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-usb:before {
  content: "\F287"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-pause-circle-o:before {
  content: "\F28C"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stop-circle-o:before {
  content: "\F28E"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-percent:before {
  content: "\F295"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-envira:before {
  content: "\F299"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-wheelchair-alt:before {
  content: "\F29B"; }

.fa-question-circle-o:before {
  content: "\F29C"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-volume-control-phone:before {
  content: "\F2A0"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3"; }

.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-handshake-o:before {
  content: "\F2B5"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-o:before {
  content: "\F2B7"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-book-o:before {
  content: "\F2BA"; }

.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB"; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-circle-o:before {
  content: "\F2BE"; }

.fa-user-o:before {
  content: "\F2C0"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2"; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3"; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-eercast:before {
  content: "\F2DA"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-snowflake-o:before {
  content: "\F2DC"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-meetup:before {
  content: "\F2E0"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

@font-face {
  font-family: 'BrandFont55';
  src: url(/dist/0934deeb219400c2ba9bbf211051a8b1.eot), url(/dist/0934deeb219400c2ba9bbf211051a8b1.eot?#iefix) format("embedded-opentype"), url(/dist/eb348b0e2f16ae99932962259c527d1b.woff2) format("woff2"), url(/dist/a445694f5bde7749cc80ec06838651f1.woff) format("woff"), url(/dist/a2b63097cfd394ad65d96b3ac4fc2fa1.ttf) format("truetype"), url(/dist/721477512e1634a5e22b0cd7fab060a1.svg#svgFontName) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BrandFont75';
  src: url(/dist/99460e6b38e2e4856cf152b00bcd6fff.eot), url(/dist/99460e6b38e2e4856cf152b00bcd6fff.eot?#iefix) format("embedded-opentype"), url(/dist/a5c53205f3039fbb7ee5ad985871e62a.woff2) format("woff2"), url(/dist/c26f66f32388d17b13b613241f5cc404.woff) format("woff"), url(/dist/960cc98c325fbef32c43404d426ae3f1.ttf) format("truetype"), url(/dist/f39e0c7c02ca81a4a96a6fac014af871.svg#svgFontName) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'VerizonNHGDS-Bold';
  src: url(/dist/bc543ca186b9af3903c71b5baf707f20.ttf) format("truetype"), url(/dist/df19f21e320f2bdaf34c74f0bcecd1e1.otf) format("opentype"); }

@font-face {
  font-family: 'VerizonNHGDS-BoldItalic';
  src: url(/dist/69d3cd6ae40f1136efd506db2c3ba62b.ttf) format("truetype"), url(/dist/aa99d8e6610d2bcf2cda6a4a3ef55355.otf) format("opentype"); }

@font-face {
  font-family: 'VerizonNHGDS-Italic';
  src: url(/dist/b5dd7030726727be69f393b3d30f753a.ttf) format("truetype"), url(/dist/b000fa9c852dd17fd6e4046e7f88140f.otf) format("opentype"); }

@font-face {
  font-family: 'VerizonNHGDS-Regular';
  src: url(/dist/2db9b74ace1a0061061dc38cc1d4318e.ttf) format("truetype"), url(/dist/95cbdc952a9f571417898ee50ff04596.otf) format("opentype"); }

@font-face {
  font-family: 'VerizonNHGTX-Bold';
  src: url(/dist/56f327aedf82c21a8722034f77ded97d.ttf) format("truetype"), url(/dist/b3c861da95ec51ded113f466bf902a02.otf) format("opentype"); }

@font-face {
  font-family: 'VerizonNHGTX-BoldItalic';
  src: url(/dist/6edc163788aad9019e1a1e944d3cef57.ttf) format("truetype"), url(/dist/5156c87fca14f9ec5a88b84156ac0493.otf) format("opentype"); }

@font-face {
  font-family: 'VerizonNHGTX-Italic';
  src: url(/dist/f82afcf7a678cb3280adc4971b2f03cc.ttf) format("truetype"), url(/dist/8e4e5bc1eff5a2b1e58eab11f875d4f6.otf) format("opentype"); }

@font-face {
  font-family: 'VerizonNHGTX-Regular';
  src: url(/dist/94cd92ec7e10f0cd79f22d392aa6afd1.ttf) format("truetype"), url(/dist/f178e9c0c61564568dfb64111f58d2d9.otf) format("opentype"); }

/**
  Focus visible polyfill styles and rule for only showing visual focus indicator when user uses
  keyboard on most html elements while hiding visual focus indiactor when user uses mouse only.

  In other scss files, to determine if element has focus-visible class, use the attribute selector:
  &[data-focus-visible-added]
**/
.js-focus-visible :focus:not(.focus-visible) {
  outline: none; }

.js-focus-visible .focus-visible {
  outline: 2px solid #3b99fc; }

/* Headings */
body {
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  background-color: #0f0f0f; }
  body.js-focus-visible {
    overflow: auto; }
  body.ReactModal__Body--open {
    overflow: hidden; }
    @media all and (max-width: 1279px) {
      body.ReactModal__Body--open .sticky-outer-wrapper {
        right: 0;
        position: absolute;
        top: 0;
        left: 0; } }

.OnNow, .Store {
  position: relative; }

.pageTitle {
  position: absolute;
  top: 45px;
  left: 8%;
  font-size: 3.3vw;
  color: #ffffff;
  line-height: 60px;
  z-index: 100000001; }

@media all and (max-width: 1279px) {
  .sticky-outer-wrapper {
    position: relative;
    margin-bottom: 20px; } }

h1 {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 3.3vw;
  line-height: 3.3vw;
  margin: 0 0 12px 0; }
  @media all and (max-width: 1024px) {
    h1 {
      font-size: 24px;
      line-height: 1.2; } }
  @media all and (min-width: 2560px) {
    h1 {
      font-size: 48px;
      line-height: 48px; } }

h2 {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 36px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 40px; }

h3 {
  font-size: 28px;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 30px; }

h4 {
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-top: 0; }

a {
  color: #ffffff; }
  a:focus, a:hover {
    text-decoration: none;
    cursor: pointer; }

.modal-backdrop.in {
  opacity: 1; }

.btn,
button {
  color: #000000;
  border-radius: 0;
  font-weight: normal;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
  height: 48px;
  padding: 0px 35px;
  min-width: 120px;
  font-size: 16px;
  line-height: 20px;
  margin: 10px 10px 10px 0;
  border-style: none; }
  .btn:active, .btn:focus, .btn:hover,
  button:active,
  button:focus,
  button:hover {
    color: #000000; }
  .btn:disabled,
  button:disabled {
    outline: none; }

.btn-vz-primary-round {
  background-color: #333333;
  color: #ffffff;
  border-radius: 25px;
  font-size: 16px; }
  .btn-vz-primary-round:focus, .btn-vz-primary-round:hover {
    background-color: #ffffff;
    color: #000000; }

.btn-vz-secondary-round {
  background-color: #0c0c0c;
  color: #ffffff;
  border-radius: 25px;
  font-size: 16px;
  border: 2px solid #676767; }
  .btn-vz-secondary-round:focus, .btn-vz-secondary-round:hover {
    background-color: #ffffff;
    color: #0c0c0c;
    border-color: #ffffff; }
  @media all and (max-width: 767px) {
    .btn-vz-secondary-round {
      width: 100%; } }

.btn-vz-primary {
  background-color: #333333;
  color: #ffffff; }
  .btn-vz-primary:focus {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff; }
  .btn-vz-primary:hover, .btn-vz-primary[data-focus-visible-added] {
    background-color: #101010;
    border-color: #101010;
    color: #f7f7f7; }
  .btn-vz-primary:disabled {
    background-color: #333333;
    border-color: #333333;
    color: #a6a6a6;
    opacity: 1; }

.btn-vz-primary-dark {
  background-color: #333333;
  color: #ffffff; }
  .btn-vz-primary-dark:focus {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff; }
  .btn-vz-primary-dark:hover, .btn-vz-primary-dark[data-focus-visible-added] {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000000; }
  .btn-vz-primary-dark:disabled {
    background-color: #333333;
    border-color: #333333;
    color: #a6a6a6;
    opacity: 1; }

.btn-vz-secondary-old {
  background-color: #4b4b4b;
  border-color: #4b4b4b;
  color: #ffffff; }
  .btn-vz-secondary-old:hover {
    background-color: #323232;
    border-color: #323232;
    color: #ffffff; }
  .btn-vz-secondary-old:focus {
    background-color: #4b4b4b;
    border-color: #4b4b4b;
    color: #ffffff; }

.btn-vz-secondary {
  background-color: transparent;
  color: #000000;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  height: 38px;
  padding: 0px 15px;
  min-width: 90px;
  font-size: 12px;
  line-height: 14px;
  margin: 10px 0px 10px 0px; }
  .btn-vz-secondary:not(:last-of-type) {
    border-right: 1px solid rgba(0, 0, 0, 0.2); }
  .btn-vz-secondary:focus, .btn-vz-secondary:hover, .btn-vz-secondary[data-focus-visible-added] {
    color: #000000; }

.btn-vz-secondary-dark {
  background-color: transparent;
  color: #ffffff;
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif;
  height: 38px;
  padding: 0px 15px;
  min-width: 90px;
  font-size: 12px;
  line-height: 14px;
  margin: 10px 0px 10px 0px; }
  .btn-vz-secondary-dark:not(:last-of-type) {
    border-right: 1px solid rgba(246, 246, 246, 0.2); }
  .btn-vz-secondary-dark:focus, .btn-vz-secondary-dark:hover, .btn-vz-secondary-dark[data-focus-visible-added] {
    color: #ffffff; }

.primaryColor {
  color: #cd040b; }

.btn-vz-tertiary {
  background-color: transparent;
  border: 1px solid #cccccc;
  color: #0c0c0c; }
  .btn-vz-tertiary:hover {
    background-color: #e6e6e6;
    color: #0c0c0c; }
  .btn-vz-tertiary:focus {
    background-color: transparent;
    color: #0c0c0c; }

input[type=text].form-control {
  border-radius: 0;
  border: 1px solid #cccccc;
  height: 48px;
  box-shadow: none;
  color: #0c0c0c;
  font-family: "VerizonNHGTX-Bold", Arial, sans-serif; }
  input[type=text].form-control:-ms-input-placeholder {
    color: #a6a6a6; }
  input[type=text].form-control::placeholder {
    color: #a6a6a6; }
  input[type=text].form-control:-ms-input-placeholder {
    color: #a6a6a6 !important; }
  input[type=text].form-control::-ms-input-placeholder {
    color: #a6a6a6; }

input[type=radio][data-focus-visible-added] + label span:first-child {
  outline: 2px solid #3b99fc; }

.tag {
  position: relative;
  display: inline-block;
  height: 20px;
  padding: 4px;
  background: #ffffff;
  margin-right: 4px;
  margin-bottom: 4px; }
  .tag p {
    font-family: "VerizonNHGTX-Bold", Arial, sans-serif;
    font-size: 12px;
    color: #0c0c0c;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .tag:last-child {
    margin-right: 0; }

.scrollTiles:hover .scrollBar {
  opacity: 1; }

.scrollTiles:hover .railHead {
  background-position: right bottom 8px;
  background-repeat: no-repeat;
  background-size: auto 16px;
  padding-right: 20px; }

.dropdown.open {
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  background-size: auto 12px;
  font-weight: bold; }

.dropDownTitle {
  background-image: none !important;
  margin-left: -20px;
  margin-top: -10px;
  margin-bottom: 0; }

.plusIcon {
  width: 12px;
  height: 12px;
  display: inline-block;
  /** If parent element has background color on any state, they takes the precedence hiding plus
   icon background **/
  position: absolute;
  z-index: 9;
  margin-top: 4px; }

.plusIcon:after,
.plusIcon:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #a6a6a6; }

.plusIcon:before {
  left: 50%;
  width: 2px;
  margin-left: -1px;
  height: 100%; }

.plusIcon:after {
  top: 50%;
  height: 2px;
  margin-top: -12%;
  width: 100%; }

/** Captioning Text font-family **/
.default {
  font-family: "VerizonNHGTX-Regular", Arial, sans-serif; }

.monospaced {
  font-family: Courier;
  font-weight: normal; }

.serif {
  font-family: TimesNewRomanPSMT; }

.casual {
  font-family: ChalkboardSE;
  font-weight: bold; }

.cursive {
  font-family: CoronetNormal; }

.small-caps {
  font-family: BodoniSvtyTwoSCITCTT-Book; }

.bold {
  font-family: Arial;
  font-weight: 900; }

.modern {
  font-family: Helvetica; }

#content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.center-layout {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 100%; }

.backdrop-custom + .modal {
  z-index: 115; }

.modalWrapper .modal-dialog {
  width: unset;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0; }
  .modalWrapper .modal-dialog .modal-content {
    height: 100%;
    background-color: transparent;
    position: relative;
    z-index: 10; }
    .modalWrapper .modal-dialog .modal-content .modal-header .btn-link {
      right: 80px;
      top: 30px; }
      @media all and (max-width: 767px) {
        .modalWrapper .modal-dialog .modal-content .modal-header .btn-link {
          right: 30px; } }
      @media all and (min-width: 425px) and (max-width: 1024px) {
        .modalWrapper .modal-dialog .modal-content .modal-header .btn-link {
          top: 65px; } }
    .modalWrapper .modal-dialog .modal-content .modal-body {
      padding: 95px 14.8%; }
      @media all and (max-width: 849px) {
        .modalWrapper .modal-dialog .modal-content .modal-body {
          padding: 90px 8%; } }
      @media all and (max-width: 767px) {
        .modalWrapper .modal-dialog .modal-content .modal-body {
          padding: 30px 6%; } }
      .modalWrapper .modal-dialog .modal-content .modal-body .modal-title {
        color: #fff;
        font-size: 3.3vw;
        width: 100%;
        margin-bottom: 68px; }
        @media all and (max-width: 599px) {
          .modalWrapper .modal-dialog .modal-content .modal-body .modal-title {
            font-size: 24px;
            margin-bottom: 40px; } }
        @media all and (min-width: 600px) and (max-width: 1279px) {
          .modalWrapper .modal-dialog .modal-content .modal-body .modal-title {
            font-size: 36px; } }
        @media all and (min-width: 2560px) {
          .modalWrapper .modal-dialog .modal-content .modal-body .modal-title {
            font-size: 48px; } }

.purchasePageModal .modal-dialog .modal-content .modal-body .modal-title {
  margin-bottom: 20px; }

.modalWrapper.modal {
  z-index: 5000; }

.container-responsive {
  padding: 0 5.76%;
  background-color: #0f0f0f; }

.modal-content {
  background-color: transparent; }

.custom-login-modal {
  display: -ms-flexbox;
  display: flex;
  margin: 50px auto 0;
  transform: none !important; }
  @media all and (min-width: 600px) and (max-width: 1024px) {
    .custom-login-modal {
      margin: 40px auto 0; } }
  @media all and (max-width: 767px) {
    .custom-login-modal {
      margin: 40px auto 0; } }
  .custom-login-modal .modal-content {
    width: 100%;
    box-shadow: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    @media all and (max-width: 1024px) {
      .custom-login-modal .modal-content {
        -ms-flex-pack: start;
            justify-content: start; } }
    .custom-login-modal .modal-content .custom-header {
      width: auto;
      position: absolute;
      top: 20px;
      right: 20px; }
      .custom-login-modal .modal-content .custom-header button.close {
        min-width: auto;
        margin: 0;
        height: 60px;
        width: 60px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        color: #ffffff;
        font-weight: normal;
        opacity: 1;
        font-size: 32px; }
        @media all and (max-width: 1024px) {
          .custom-login-modal .modal-content .custom-header button.close {
            display: none; } }
        .custom-login-modal .modal-content .custom-header button.close > span {
          text-shadow: none;
          color: #ffffff; }
    .custom-login-modal .modal-content .modal-body {
      max-width: 802px;
      position: static;
      padding: 79px 39px;
      padding-bottom: 50px; }
      @media all and (max-width: 1024px) {
        .custom-login-modal .modal-content .modal-body {
          margin: 0 auto;
          max-width: 100%;
          width: 100%; } }

.styled-checkbox {
  position: absolute;
  opacity: 0; }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0; }
  .styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-bottom;
    width: 18px;
    height: 18px;
    background: #0f0f0f;
    border: 1px solid #ffffff; }
  .styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
  .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  .styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd; }
  .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 9px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg); }

.infoWrapperFeatured {
  height: 643px; }

.toggle {
  position: relative;
  display: inline-block;
  width: 106px;
  height: 48px;
  margin-right: 10px; }
  .toggle input {
    opacity: 0; }
    .toggle input:checked + .slider {
      background-color: #333333; }
      .toggle input:checked + .slider:before {
        transform: translateX(58px);
        background-color: #00ca00; }
      .toggle input:checked + .slider:hover {
        background-color: #ffffff; }
      .toggle input:checked + .slider .on {
        display: block; }
      .toggle input:checked + .slider .off {
        display: none; }
    .toggle input:focus + .slider {
      border: 1px dotted grey; }
  .toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333333;
    transition: .4s; }
    .toggle .slider:before {
      position: absolute;
      content: "";
      height: 44px;
      width: 44px;
      left: 2px;
      bottom: 2px;
      background-color: #676767;
      transition: .4s; }
    .toggle .slider.round {
      border-radius: 34px; }
      .toggle .slider.round:before {
        border-radius: 50%; }
    .toggle .slider:hover {
      background-color: #ffffff; }
      .toggle .slider:hover .on, .toggle .slider:hover .off {
        color: #0c0c0c; }
  .toggle .on {
    display: none;
    color: #ffffff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 51%;
    left: 30%;
    font-size: 20px;
    font-weight: bolder; }
  .toggle .off {
    color: #ffffff;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 53%;
    left: 70%;
    font-size: 20px;
    font-weight: normal; }

.btn-vz-secondary-round.false {
  pointer-events: none;
  color: #676767; }

.ratingsModal {
  text-align: center; }
  .ratingsModal .modal-dialog .modal-content .modal-body {
    max-width: 730px;
    margin: 100px auto;
    padding: 95px 0; }
    .ratingsModal .modal-dialog .modal-content .modal-body img {
      position: absolute;
      top: 15px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .ratingsModal .modal-dialog .modal-content .modal-body .modal-title {
      padding: 0;
      margin-bottom: 26px;
      font-size: 36px;
      line-height: 44px; }
    .ratingsModal .modal-dialog .modal-content .modal-body p {
      margin-bottom: 32px;
      color: #cccccc; }

.smallScreenplayButtonCustom {
  width: 40px !important;
  height: 40px !important;
  top: 0 !important; }

.smallScreenrewindButtonCustom {
  width: 40px !important;
  height: 40px !important; }

.smallScreenforwardButtonCustom {
  width: 40px !important;
  height: 40px !important; }

.removeButtonFocus:hover, .removeButtonFocus:active:hover {
  background-color: #ffffff !important;
  color: #0c0c0c !important; }

.removeButtonFocus:focus {
  background-color: #333333 !important;
  color: #ffffff !important;
  border: 2px solid #333333 !important; }

[class^='linkButton_'].false {
  background-color: #676767;
  pointer-events: none;
  cursor: default;
  color: #a6a6a6; }

@media all and (min-width: 768px) and (max-width: 991px) {
  h3 {
    font-size: 26px; }
  h2 {
    font-size: 32px; } }

@media all and (max-width: 599px), (min-device-width: 375px) and (max-device-width: 914px) and (orientation: landscape) {
  h3 {
    font-size: 24px; }
  h2 {
    font-size: 28px; }
  #tab-btn-active {
    border-bottom: 4px solid white !important;
    color: #ffffff; } }

/*# sourceMappingURL=frontEndMain-04451ee5a4ae774ad455.css.map*/