/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

:root {
  --subMenuWidth: auto;
  --subMenuHeight: auto;
  --triangleBorderHeight: 10px;
  --triangleBorderWidth: 15px;
  --triangleBorderWidthSplit: (var(--triangleBorderWidth) / 2);
}

.subMenuList-IDN03 .newSubMenuLabel-OyhvM {
    background-color: #ffb80c;
    margin-left: 8px;
    border-radius: 2px;
    color: #333;
    padding: 0 2px;
    font-size: 10px;
    vertical-align: text-top;
  }

@media (min-width: 1256px),(min-width: 1191px) and (max-width: 1255px) {
  .subMenuList-IDN03 {
    width: auto;
    height: auto;
    background-color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
  }
        .subMenuList-IDN03 > .subMenuItem-sI8jN:first-child .subMenuLink-pbRfP {
          margin-top: 23px;
        }
        .subMenuList-IDN03 > .subMenuItem-sI8jN:last-child .subMenuLink-pbRfP {
          margin-bottom: 23px;
        }

      .subMenuList-IDN03 > .subMenuItem-sI8jN .subMenuLink-pbRfP {
        color: #27609b;
        display: block;
        margin-bottom: 30px;
        padding: 0 24px;
      }

        .subMenuList-IDN03 > .subMenuItem-sI8jN .subMenuLink-pbRfP:hover {
          color: #3e96ee;
        }

        .subMenuList-IDN03 > .subMenuItem-sI8jN .subMenuLink-pbRfP:focus,
        .subMenuList-IDN03 > .subMenuItem-sI8jN .subMenuLink-pbRfP:active {
          outline: none;
        }
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

:root {
  --subMenuWidth: 375px;
  --subMenuHeight: auto;
}

@media (max-width: 757px),(min-width: 758px) and (max-width: 967px),(min-width: 968px) and (max-width: 1060px),(min-width: 1061px) and (max-width: 1190px) {
  .subMenuList-r0daS {
    width: auto;
    height: auto;
    border: none;
    white-space: normal;
  }

    .subMenuList-r0daS > li {
      min-height: 12px !important;
      padding: 0;
      border: none;
      background-color: transparent !important;
    }

      .subMenuList-r0daS > li svg {
        width: 16px;
        height: 16px;
        fill: #d6e3f0;
      }

      .subMenuList-r0daS > li h3 {
        font-size: 14px;
        font-weight: normal;
        color: #d6e3f0;
        text-transform: none;
        white-space: nowrap;
        font-family: "Roboto-Medium";
      }

        .subMenuList-r0daS > li h3:hover {
          background-color: transparent;
        }

      .subMenuList-r0daS > li > a {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        margin: 0 !important;
        padding: 12px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
          .subMenuList-r0daS > li > a div:hover {
            background-color: transparent;
          }

        .subMenuList-r0daS > li > a > div:not(first-child) > div {
          margin-bottom: 0;
        }

        .subMenuList-r0daS > li > a > div:not(first-child) > div > div {
          display: none;
        }

        .subMenuList-r0daS > li > a span {
          font-family: "Roboto Condensed" !important;
          text-transform: none;
          font-style: normal;
          font-weight: bold;
          font-size: 14px;
          line-height: 16px;
        }

        .subMenuList-r0daS > li > a > div:not(first-child) > span {
          display: none !important;
          line-height: 16px;
          vertical-align: center;
        }

        .subMenuList-r0daS > li > a:hover {
          background-color: rgba(255, 255, 255, 0.1);
          border-radius: 4px;
        }

          .subMenuList-r0daS > li > a:hover h3 {
            color: #fff;
          }

          .subMenuList-r0daS > li > a:hover svg {
            fill: #fff;
          }

        .subMenuList-r0daS > li > a:active {
          background-color: rgba(255, 255, 255, 0.5);
          border-radius: 4px;
        }

    .subMenuList-r0daS > li:last-child,
    .subMenuList-r0daS > li:last-child > a {
      margin-bottom: 0 !important;
    }
}

@media (min-width: 1256px),(min-width: 1191px) and (max-width: 1255px) {
  .subMenuList-r0daS {
    width: 375px;
    height: auto;
    background-color: #fff;
    -webkit-box-shadow:
      0 4px 4px rgba(0, 0, 0, 0.1),
      0 4px 6px rgba(0, 0, 0, 0.05) !important;
            box-shadow:
      0 4px 4px rgba(0, 0, 0, 0.1),
      0 4px 6px rgba(0, 0, 0, 0.05) !important;
    border-radius: 4px;
  }

    .subMenuList-r0daS > li {
      border: none;
    }

      .subMenuList-r0daS > li:first-child {
        border-radius: 4px 4px 0 0 !important;
      }

      .subMenuList-r0daS > li:last-child {
        border-radius: 0 0 4px 4px !important;
      }

      .subMenuList-r0daS > li h3 {
        color: #384048;
        text-transform: none;
        font-family: "Roboto-Medium";
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
      }

      .subMenuList-r0daS > li span {
        color: #818a92;
        text-transform: none;
      }

      .subMenuList-r0daS > li svg {
        margin-top: 6px;
      }
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

:root {
  --subMenuWidth: 200px;
  --menuItemHeight: var(--header-height);
  --menuItemLateralPadding: 16px;
  --menuItemLargeLateralPadding: 16px;
}

.menuItem-v7dm6 {
  white-space: nowrap;
  outline: 0;
}

.newMenuLabel-mrqMQ {
  position: absolute;
  left: 0;
  padding-left: 16px;
  top: 5px;
  font-size: 10px;
  color: #ffb80c;
  line-height: 1.3333;
}

@media (max-width: 757px),(min-width: 758px) and (max-width: 967px),(min-width: 968px) and (max-width: 1060px),(min-width: 1061px) and (max-width: 1190px),(min-width: 1191px) and (max-width: 1255px) {
  .newMenuLabel-mrqMQ {
    display: inline-block;
    position: relative;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    padding: 2px;
    background: #ffb80c;
    border-radius: 2px;
    text-transform: uppercase;
    margin-left: 8px;
    bottom: 2px;
    top: auto;
  }
    .menuItem-v7dm6:not(:first-child) {
      margin-top: 20px;
    }

    .menuItem-v7dm6:last-child {
      padding-bottom: 20px;
    }

    .menuItem-v7dm6 > a > i {
      display: none;
    }

    .menuItem-v7dm6 > .menuItemLink-oYqIm {
      color: #93afcd;
      margin-bottom: 16px;
      font-weight: 500;
      display: inline-block;
      position: relative;
      text-transform: uppercase;
      font-family: "Roboto Condensed";
      letter-spacing: -1.3 !important;
      margin-left: 12px;
    }

    .menuItem-v7dm6 .subMenuList-EDAij > li > a {
      font-size: 12px;
      font-weght: bold;
      text-transform: uppercase;
      color: #27609b;
      margin-bottom: 30px;
      display: block;
    }

    .menuItem-v7dm6 .subMenuList-EDAij > li:last-child > a {
      margin-bottom: 34px;
    }

  .menuItem-v7dm6.sideMenuButton-beXrQ {
    padding: 0;
  }

    .menuItem-v7dm6.sideMenuButton-beXrQ > a {
      display: block;
      margin: 0;
      padding: 12px;
    }

      .menuItem-v7dm6.sideMenuButton-beXrQ > a:hover {
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 4px;
      }

        .menuItem-v7dm6.sideMenuButton-beXrQ > a:hover svg {
          fill: #fff;
        }

        .menuItem-v7dm6.sideMenuButton-beXrQ > a:hover span {
          color: #fff;
        }

      .menuItem-v7dm6.sideMenuButton-beXrQ > a:active {
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 4px;
      }

      .menuItem-v7dm6.sideMenuButton-beXrQ > a > i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #d6e3f0;
      }

        .menuItem-v7dm6.sideMenuButton-beXrQ > a > i > span {
          margin-left: 12px;
          font-family: "Roboto-Medium";
          text-transform: none;
          font-style: normal;
          font-weight: 500;
          font-size: 14px;
          line-height: 16px;
        }
}

@media (min-width: 1256px),(min-width: 1191px) and (max-width: 1255px) {
  .menuItem-v7dm6 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #d6e3f0;
    cursor: pointer;
    height: 68px;
    position: relative;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
  }

    .menuItem-v7dm6 .menuItemLink-oYqIm {
      line-height: 12px;
      color: #d6e3f0;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

      .menuItem-v7dm6 .menuItemLink-oYqIm:focus,
      .menuItem-v7dm6 .menuItemLink-oYqIm:active {
        outline: none;
        color: #fff;
      }

      .menuItem-v7dm6 .menuItemLink-oYqIm:hover {
        color: #fff;
      }

      .menuItem-v7dm6 .menuItemLink-oYqIm i {
        margin-left: 5px;
      }

      .menuItem-v7dm6 .menuItemLink-oYqIm .arrowUp-rDG4x {
        display: none;
      }

    .menuItem-v7dm6:hover {
      background-color: rgb(255, 255, 255 / 0.1);
      color: #fff;
    }

      .menuItem-v7dm6:hover .arrowDown-fiWFc {
        display: none;
      }

      .menuItem-v7dm6:hover .arrowUp-rDG4x {
        display: inline-block;
      }

      .menuItem-v7dm6:hover .subMenuList-EDAij {
        display: block;
        opacity: 1;
        top: calc(68px - 20px);
        -webkit-animation: moveUp-DXsAm 0.3s cubic-bezier(0, 1.5, 0.6, 1);
                animation: moveUp-DXsAm 0.3s cubic-bezier(0, 1.5, 0.6, 1);
        -webkit-transition:
          opacity 0.3s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
        transition:
          opacity 0.3s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
      }

    .menuItem-v7dm6 .subMenuList-EDAij {
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      opacity: 0;
      top: -9999px;
      -webkit-animation: moveDown-abHYr 0.1s cubic-bezier(0, 1.5, 0.6, 1);
              animation: moveDown-abHYr 0.1s cubic-bezier(0, 1.5, 0.6, 1);
      -webkit-transition:
        opacity 0.1s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
      transition:
        opacity 0.1s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
      -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
    }

      .menuItem-v7dm6 .subMenuList-EDAij .clearSubMenu-z2bDP {
        display: none;
      }
}

@media (min-width: 1256px) {
  .newMenuLabel-mrqMQ {
    padding-left: 16px;
  }
  .menuItem-v7dm6 {
    padding: 0 16px;
  }
}

.menuItemHeader-yocr9 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #d6e3f0;
  cursor: pointer;
  height: calc(68px - 26px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-family: "Roboto-Medium";
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-transform: capitalize;
  white-space: nowrap;
  outline: 0;
  border-radius: 4px;
}

.menuItemHeader-yocr9 .menuItemLink-oYqIm {
    padding: 0 16px;
    line-height: 12px;
    color: #d6e3f0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

.menuItemHeader-yocr9 .menuItemLink-oYqIm i {
      margin-left: 5px;
    }

.menuItemHeader-yocr9 .menuItemLink-oYqIm .arrowUp-rDG4x {
      display: none;
    }

.menuItemHeader-yocr9 .menuItemLink-oYqIm:active {
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 4px;
    }

.menuItemHeader-yocr9:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }

.menuItemHeader-yocr9:hover .menuItemLink-oYqIm span {
      color: #fff;
    }

.menuItemHeader-yocr9:hover .arrowDown-fiWFc {
      display: none;
    }

.menuItemHeader-yocr9:hover .arrowUp-rDG4x {
      display: inline-block;
    }

.menuItemHeader-yocr9:hover .subMenuList-EDAij {
      display: block;
      opacity: 1;
      top: calc(68px - 20px);
      z-index: 100;
      -webkit-animation: moveUp-DXsAm 0.3s cubic-bezier(0, 1.5, 0.6, 1);
              animation: moveUp-DXsAm 0.3s cubic-bezier(0, 1.5, 0.6, 1);
      -webkit-transition:
        opacity 0.3s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
      transition:
        opacity 0.3s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
    }

.menuItemHeader-yocr9:hover .subMenuList-EDAij :before {
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        top: -10px;
        width: 100%;
      }

.menuItemHeader-yocr9 .subMenuList-EDAij {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 0;
    top: -9999px;
    -webkit-animation: moveDown-abHYr 0.1s cubic-bezier(0, 1.5, 0.6, 1);
            animation: moveDown-abHYr 0.1s cubic-bezier(0, 1.5, 0.6, 1);
    -webkit-transition:
      opacity 0.1s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
    transition:
      opacity 0.1s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  }

.menuItemHeader-yocr9 .subMenuList-EDAij .clearSubMenu-z2bDP {
      display: none;
    }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

.menuItemHeader-rHmLl {
  display: none;
}

@media (min-width: 1191px) and (max-width: 1255px),(min-width: 1256px) {
  .menuItemHeader-rHmLl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 400px;
            flex: 1 1 400px;
    height: 68px;
  }

    .menuItemHeader-rHmLl .menuItemListHeader-y05GW {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 400px;
              flex: 1 1 400px;
      margin: 0 24px;
    }
}

.menuItemNav-Cx4DW {
  z-index: 10;
  display: none;
}

@media (min-width: 758px) and (max-width: 967px),(max-width: 757px),(min-width: 968px) and (max-width: 1060px),(min-width: 1061px) and (max-width: 1190px) {
  .menuItemNav-Cx4DW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 253px;
    height: calc(100vh - 50px);
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #1e4b79;
    padding: 20px 16px;
    -webkit-transition: left 0.4s;
    transition: left 0.4s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
  }
}

@media (min-width: 758px) and (max-width: 967px),(max-width: 757px),(min-width: 968px) and (max-width: 1060px),(min-width: 1061px) and (max-width: 1190px) {
  .collapsed-DzRjd .menuItemNav-Cx4DW {
    left: -999px;
    margin-top: 68px;
  }
}

@media (min-width: 758px) and (max-width: 967px),(max-width: 757px),(min-width: 968px) and (max-width: 1060px),(min-width: 1061px) and (max-width: 1190px),(min-width: 1191px) and (max-width: 1255px) {
  .overlay-DqGpu.opened-OBJY9 {
    height: 100vh;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 68px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
  }
}

.opened-OBJY9 .menuItemNav-Cx4DW {
    left: 0;
    line-height: 1;
    top: 68px;
  }

@media (width: 768px) {
    .opened-OBJY9 .menuItemNav-Cx4DW {
      height: 1320px;
    }
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: hsl(132.52173913043478, 50.6607929515%, 94.5098039216%);
  --color-mtp-med: hsl(42.46913580246913, 100%, 94.8529411765%);
  --color-mtp-near: hsl(0, 72.268907563%, 95.8333333333%);

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

:root {
  --tvg-button-padding-big: 11px 16px;
  --tvg-button-padding-small: 8px;
  --tvg-button-border-width: 1px;
  --tvg-button-border-radius: 2px;
  --tvg-button-height-small: 32px;
  --tvg-button-height-big: 40px;
  --tvg-button-text-spacing: 0.7px;
  --tvg-button-text-weight: var(--font-weight-bold);
  --tvg-button-text-size: var(--font-size-normal);
  --tvg-button-text-size-small: 11px;
  --tvg-button-text-size-big: 12px;
  --tvg-button-shadow: inset 0 0 0 1px var(--tvg-grey-light);
}

[class^="tvg-btn"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-transform: uppercase;
  padding: 8px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 2px;
  line-height: 1.5;
  outline: none;
  border: none;
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
  height: 32px;
  display: inline-block; /* Safari fix */
}

[class^="tvg-btn"][disabled] {
    opacity: 0.3;
    cursor: auto;
    cursor: initial;
  }

.selected-qbUwx[class^="tvg-btn"] {
    background-color: #fff;
    color: #27609b;
  }

.selected-qbUwx[class^="tvg-btn"]:hover {
      background: rgb(250, 255, 255);
    }

.full-width-qml5s[class^="tvg-btn"] {
    width: 100%;
  }

.big-oJk3S[class^="tvg-btn"] {
    padding: 11px 16px;
    font-size: 12px;
    height: 40px;
    line-height: 1.6;
  }

.tvg-btn-primary-uhlvc {
  background: #38ab50;
  color: #fff;
}

.tvg-btn-primary-uhlvc:hover {
    background: hsl(132.52173913043478, 50.6607929515%, 54.5098039216%);
  }

.tvg-btn-primary-uhlvc:active,
  .tvg-btn-primary-uhlvc:focus {
    background: hsl(132.52173913043478, 50.6607929515%, 34.5098039216%);
  }

.tvg-btn-secondary-VqOjh {
  background: #ddd;
  color: #333;
}

.tvg-btn-secondary-VqOjh:hover {
    background: hsl(0, 0%, 90%);
  }

.tvg-btn-secondary-VqOjh:active,
  .tvg-btn-secondary-VqOjh:focus {
    background: hsl(0, 0%, 70%);
  }

.tvg-btn-marketing-XHZiB {
  background: #ffb80c;
  color: #333;
}

.tvg-btn-marketing-XHZiB:hover {
    background: hsl(42.46913580246913, 100%, 62.3529411765%);
  }

.tvg-btn-marketing-XHZiB:active,
  .tvg-btn-marketing-XHZiB:focus {
    background: hsl(42.46913580246913, 100%, 42.3529411765%);
  }

.tvg-btn-secondary-alt-JptPB {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.tvg-btn-secondary-alt-JptPB:hover {
    background: rgba(255, 255, 255, 0.3);
  }

.tvg-btn-secondary-alt-JptPB:active,
  .tvg-btn-secondary-alt-JptPB:focus {
    background: rgba(255, 255, 255, 0.3);
  }

.tvg-btn-tertiary-oVL76 {
  background: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #ccc;
          box-shadow: inset 0 0 0 1px #ccc;
  color: #333;
}

.tvg-btn-tertiary-oVL76:hover {
    background: hsl(0, 0%, 90%);
  }

.tvg-btn-tertiary-oVL76:active,
  .tvg-btn-tertiary-oVL76:focus {
    background: hsl(0, 0%, 80%);
  }

.tvg-btn-legacy-Vlj7C {
  background: #3e96ee;
  color: #fff;
}

.tvg-btn-legacy-Vlj7C:hover {
    background: hsl(210, 83.8095238095%, 48.8235294118%);
  }

.tvg-btn-legacy-Vlj7C:active,
  .tvg-btn-legacy-Vlj7C:focus {
    background: hsl(210, 83.8095238095%, 38.8235294118%);
  }

.inline-button-NmmFF {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  font-size: 12px;
  font-family: 'Arial-MT', Arial, sans-serif;
  color: #3e96ee;
  cursor: pointer;
}

.inline-button-NmmFF:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.tvg-btn-IAJ8O.icon-_wqLv, .icon-_wqLv[class^="tvg-btn"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

.tvg-btn-IAJ8O.icon-_wqLv.iconRight-H6jdH svg, .icon-_wqLv.iconRight-H6jdH[class^="tvg-btn"] svg {
      margin-left: 4px;
      margin-right: 0;
    }

.tvg-btn-IAJ8O.icon-_wqLv svg, .icon-_wqLv[class^="tvg-btn"] svg {
      margin-right: 4px;
      margin-left: 0;
    }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

.signupBtn-ma6xS,
.signupBtn-ma6xS[class^="tvg-btn"] {
  height: 44px;
  text-transform: capitalize;
  font-family: "Roboto-Medium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0px;
}

@media (min-width: 1256px) {

.signupBtn-ma6xS,
.signupBtn-ma6xS[class^="tvg-btn"] {
    padding-left: 12px;
    padding-right: 12px;
}
  }

.innerFlexWrapper-YKQUD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.innerFlexWrapper-YKQUD svg {
    width: 16px;
    height: 16px;
    overflow: hidden;
    fill: #fff;
  }

.buttonSection-DuQ_K {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: transparent;
  margin-left: auto;
}

.buttonSection-DuQ_K .depositButton-EWiCd {
    margin-right: 8px;
    width: 125px;
  }

.buttonSection-DuQ_K .quickDepositLabel-vN_Ru {
    font-size: 8px;
    display: block;
    margin-bottom: 2px;
    height: 9px;
  }

.buttonSection-DuQ_K .depositLabel-G3JRX {
    opacity: 1;
    -webkit-animation: fadeIn-jJ7Ql 0.3s ease-in-out 0s;
            animation: fadeIn-jJ7Ql 0.3s ease-in-out 0s;
  }

.buttonSection-DuQ_K .balanceContainer-BurmA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: -6px;
  }

.buttonSection-DuQ_K .depositLabelNum-buaNA {
    display: block;
    margin-top: -4px;
    opacity: 1;
    -webkit-animation: fadeIn-jJ7Ql 0.3s ease-in-out 0s;
            animation: fadeIn-jJ7Ql 0.3s ease-in-out 0s;
    margin-right: 4px;
    letter-spacing: 0.9px;
    font-family: 'UniversLT-CondensedBold';
  }

.buttonSection-DuQ_K .depositLabelText-lI7Xa {
    font-size: 11px;
  }

.buttonSection-DuQ_K .depositLabelVisible-lsD8i {
    font-family: 'UniversLT-Condensed';
    font-size: 14px;
  }

.buttonSection-DuQ_K .depositLabelInvisible-doXzt {
    display: none;
    opacity: 0;
    -webkit-animation: fadeOut-NEGG1 0.3s ease-in-out 0s;
            animation: fadeOut-NEGG1 0.3s ease-in-out 0s;
  }

.balanceButton-SUqgQ {
  margin: 0px;
}

.newBalanceButton-fCV0P {
  margin-right: 16px;
  margin-left: 16px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .buttonSection-DuQ_K {
    padding: 0 20px 0 0;
  }
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: hsl(132.52173913043478, 50.6607929515%, 94.5098039216%);
  --color-mtp-med: hsl(42.46913580246913, 100%, 94.8529411765%);
  --color-mtp-near: hsl(0, 72.268907563%, 95.8333333333%);

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

:root {
  --small-loading: 28px;
  --normal-loading: 24px;
  --big-loading: 40px;
}

@-webkit-keyframes rotate-e7eKU {
  100% {
    -webkit-transform: rotateZ(360deg) translate(-50%, -50%);
            transform: rotateZ(360deg) translate(-50%, -50%);
  }
}

@keyframes rotate-e7eKU {
  100% {
    -webkit-transform: rotateZ(360deg) translate(-50%, -50%);
            transform: rotateZ(360deg) translate(-50%, -50%);
  }
}

.loading-xuaHy::after,
  .loading-xuaHy::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
  }

.loading-xuaHy::before {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: block;
    background-image: url("data:image/svg+xml,<svg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2040%2040%27><g%20fill-rule%3D%27evenodd%27><path%20fill%3D%27%23fff%27%20d%3D%27M20%2036c-7.73%200-14-6.27-14-14S12.27%208%2020%208s14%206.27%2014%2014-6.27%2014-14%2014zm0-2.63c6.28%200%2011.38-5.1%2011.38-11.37%200-6.28-5.1-11.38-11.38-11.38-6.28%200-11.38%205.1-11.38%2011.38%200%206.28%205.1%2011.38%2011.38%2011.38zM17%203h6l-1%204.5h-4L17%203zm10.27%202.4l3.46%202-1%201.74-3.46-2%201-1.73zm-18%202l3.46-2%201%201.74-3.46%202-1-1.73z%27%2F><%2Fg><%2Fsvg>");
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.7);
  }

.loading-xuaHy::after {
    -webkit-transform: rotateZ(0) translate(-50%, -50%);
            transform: rotateZ(0) translate(-50%, -50%);
    -webkit-transform-origin: 0% 5%;
            transform-origin: 0% 5%;
    -webkit-animation: rotate-e7eKU 1s infinite linear;
            animation: rotate-e7eKU 1s infinite linear;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 40 40%27%3E%3Cg fill-rule=%27evenodd%27%3E%3Cpath fill=%27%23fff%27 d=%27M20 24c1.1 0 2-.9 2-2s-2-10-2-10-2 8.9-2 10c0 1.1.9 2 2 2z%27/%3E%3C/g%3E%3C/svg%3E");
  }

.loadingSmall-YNr9O::before {
    background-size: 28px;
  }

.loadingSmall-YNr9O::after {
    width: 28px;
    height: 28px;
  }

.loadingMedium-b4pqW::before {
    background-size: 24px;
  }

.loadingMedium-b4pqW::after {
    width: 24px;
    height: 24px;
  }

.loadingBig-whP7D::before {
    background-size: 40px;
  }

.loadingBig-whP7D::after {
    width: 40px;
    height: 40px;
  }

/* Fix styleguide */

div[data-preview="Loading"] {
  position: relative;
}

.loginWrapperOther-De3td {
  width: 704px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 880px) {

.loginWrapperOther-De3td {
    width: 550px;
}
  }

.loginWrapperMobile-y8foW {
  width: 320px;
  height: 100%;
  max-height: 568px;
}

@media (max-width: 750px) {

.loginWrapperMobile-y8foW {
    width: 100%;
    max-height: 100%;
}
  }

.signupWrapper-ToGZq {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 880px) {

.signupWrapper-ToGZq {
    width: 50%;
}
  }

@media (max-width: 700px) {

.signupWrapper-ToGZq {
    height: calc(100vh - 88px);
}
  }

.signupWrapperMobile-gc79G {
  width: 100%;
  height: 468px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1024px) {

.signupWrapperMobile-gc79G {
    height: calc(100% - 88px);
}
  }

.loginTestWrapper-AQgEN {
  position: absolute;
  width: 272px;
}


/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.loginSignupHeader-C7VC5 {
  background-color: #194879;
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.loginSignupHeader-C7VC5 .loginSignupHeaderLogo-EDd9B {
    margin-left: 16px;
    width: 130px;
    height: 30px;
  }

.loginSignupHeader-C7VC5 .baseLogo-kQu6J,
  .loginSignupHeader-C7VC5 .njLogo-Dl0Sz,
  .loginSignupHeader-C7VC5 .paLogo-plNHT,
  .loginSignupHeader-C7VC5 .iaLogo-bC7BE {
    background-size: contain;
    background-repeat: no-repeat;
  }

.loginSignupHeader-C7VC5 .njLogo-Dl0Sz {
    height: 27px;
    background-image: url(/hdr/assets/c3440a200f30970f8e95.svg);
  }

.loginSignupHeader-C7VC5 .paLogo-plNHT {
    background-image: url(/hdr/assets/8747e9508f5ad3426757.svg);
  }

.loginSignupHeader-C7VC5 .iaLogo-bC7BE {
    background-image: url(/hdr/assets/ddd68b0c4d8429a240c1.svg);
  }

.loginSignupHeader-C7VC5 .baseLogo-kQu6J {
    margin-top: 8px;
    background-image: url(/hdr/assets/7770e2d3b1ca37cb909c.svg);
  }

.loginSignupHeader-C7VC5 .loginSignupHeaderCloseBlock-bE7Co {
    margin-right: 16px;
  }

.loginSignupHeader-C7VC5 .loginSignupHeaderCloseIcon-acygx {
    width: 16px;
    height: 16px;
    fill: #fff;
    cursor: pointer;
  }

.closeIcon-opiFm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: none;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: transparent;
}

.closeIcon-opiFm:hover {
       cursor: pointer;
     }

.closeIcon-opiFm:active,
    .closeIcon-opiFm:focus {
     outline: none;
   }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.signupBlock-LiZQI {
  width: 100%;
  height: auto;
  background-image: url(/hdr/assets/40222ff892f2c2a390c9.jpg);
  background-color: #1c3247;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.signupBlock-LiZQI .signupBlockContainer-pTMN7 {
    padding: 16px;
    z-index: 6;
  }

@media screen and (max-width: 750px) and (orientation: landscape) {

.signupBlock-LiZQI .signupBlockContainer-pTMN7 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 16px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
    }

.signupBlock-LiZQI .bglayer-mYeDh {
    position: absolute;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 50, 71, 0)), color-stop(22%, #1c3247));
    background-image: linear-gradient(to bottom, rgba(28, 50, 71, 0), #1c3247 22%);
    height: 25%;
    z-index: 5;
    bottom: 0;
  }

.signupBlockMobile-o8Q56 {
  background-size: cover;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.signupHeader-HaxbT {
  padding: 16px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 6;
}

@media screen and (max-width: 750px) and (orientation: landscape) {

.signupHeader-HaxbT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
  }

@media screen and (max-width: 568px) and (orientation: landscape) {

.signupHeader-HaxbT {
    height: 20px;
}
  }

.signupHeader-HaxbT .signupHeaderTitle-hvGtp {
    font-family: 'UniversLT-Condensed';
    font-size: 20px;
    font-weight: bold;
    color: #38ab50;
    padding-bottom: 4px;
    text-transform: uppercase;
  }

.signupHeader-HaxbT .firstTextLine-M25fN,
  .signupHeader-HaxbT .secondTextLine-mBJmO {
    font-family: 'Arial-MT', Arial, sans-serif, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 4px;
    color: #fff;
    text-transform: uppercase;
  }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.advantageBlock-QHJiu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 268px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}

@media screen and (max-width: 750px) and (orientation: landscape) {

.advantageBlock-QHJiu {
    margin-bottom: 0;
}
  }

/* iPhone 5 */

@media (width: 320px) {

.advantageBlock-QHJiu {
    margin-bottom: 0;
}
  }

.advantageBlock-QHJiu .iconAdvantage-T5Fu0 {
    margin-right: 16px;
  }

.advantageBlock-QHJiu .textAdvantage-g3546 {
    color: #fff;
    font-family: 'Arial-MT', Arial, sans-serif;
    font-size: 12px;
    max-width: 80%;
  }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.signupBlockFooter-z5DUF {
  padding: 22px 16px 40px;
  height: 121px;
  text-align: center;
  position: relative;
  z-index: 6;
}

@media screen and (max-width: 750px) and (orientation: landscape) {

.signupBlockFooter-z5DUF {
    height: 82px;
    padding-top: 0;
}
  }

.signupBlockFooter-z5DUF .btnSignupFooter-TT75l {
    height: 40px;
    display: inline-block;
  }

@media screen and (max-width: 750px) and (orientation: landscape) {

.signupBlockFooter-z5DUF .btnSignupFooter-TT75l {
      width: 304px;
  }
    }

.signupBlockFooterMobile-sCyNk {
  padding: 3px 8px 0;

  /* iPhone 5 */
}

@media (device-width: 320px) {

.signupBlockFooterMobile-sCyNk {
    height: 127px;
}
  }

/* iPhone 5 landscape */

@media (device-width: 320px) and (orientation: landscape) {

.signupBlockFooterMobile-sCyNk {
    height: 93px;
}
  }

/* iPhone 6 */

@media (device-width: 375px) {

.signupBlockFooterMobile-sCyNk {
    height: 126px;
}
  }

/* iPhone 6 Plus */

@media (device-width: 414px) {

.signupBlockFooterMobile-sCyNk {
    height: 126px;
}
  }

/* iPhone 6 Plus landscape */

@media (device-width: 414px) and (orientation: landscape) {

.signupBlockFooterMobile-sCyNk {
    height: 82px;
    padding-top: 33px;
}
  }

/* iPhone X */

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

.signupBlockFooterMobile-sCyNk {
    height: 165px;
    padding-top: 3px;
}
  }

/* iPhone X landscape */

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

.signupBlockFooterMobile-sCyNk {
    height: 60px;
    padding-top: 8px;
    min-height: auto;
}
  }

/* iPhone 8 */

@media (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

.signupBlockFooterMobile-sCyNk {
    height: 82px;
    min-height: auto;
    padding-top: 33px;
}
  }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: hsl(132.52173913043478, 50.6607929515%, 94.5098039216%);
  --color-mtp-med: hsl(42.46913580246913, 100%, 94.8529411765%);
  --color-mtp-near: hsl(0, 72.268907563%, 95.8333333333%);

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

:root {
  --tvg-alert-font-size: 12px;
  --tvg-alert-spacer-width: 16px;
  --tvg-alert-color: var(--tvg-grey-dark);
  --tvg-alert-border: 2px solid;
}

.alertBox-rGv81 {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #333;
  font-family: 'Arial-MT', Arial, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
}

.alertBox-rGv81 a {
    color: #333;
  }

.alertBox-rGv81 a:hover {
       color: inherit;
    }

.alertBox-rGv81 a:active {
       color: inherit;
    }

.alertBox-rGv81 a:visited {
       color: inherit;
    }

.alertBox-rGv81 strong {
    font-weight: bold;
  }

.alertBoxIcon-cArVX {
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-right: 16px;
}

.alertBoxIcon-cArVX svg {
    width: 32px;
    height: 32px;
  }

.alertBoxContainer-ZdKSd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.33;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 190px;
}

.alertBoxIconSVG-Scf9f {
  width: 32px;
  height: 32px;
}

.errorBox-gNLhY {
  background-color: hsl(0, 72.268907563%, 95.8333333333%);
  border-bottom: 2px solid #de3232;
}

.errorBox-gNLhY .alertBoxIconSVG-Scf9f {
    fill: #de3232;
  }

.successBox-RgI9Y {
  background-color: color-mod(#38ab50 l(+50%));
  border-bottom: 2px solid #38ab50;
}

.successBox-RgI9Y .alertBoxIconSVG-Scf9f {
    fill: #38ab50;
  }

.infoBox-KsI0c {
  background: #dfe7f0;
  border-bottom: 2px solid #27609b;
}

.infoBox-KsI0c .alertBoxIconSVG-Scf9f {
    fill: #27609b;
  }

.warningBox-adH27 {
  background-color: hsl(42.46913580246913, 100%, 94.8529411765%);
  border-bottom: 2px solid #ffb80c;
}

.warningBox-adH27 .alertBoxIconSVG-Scf9f {
    fill: #ffb80c;
  }

.iconMessageContainer-X2_nD {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.closeButton-QNJvh {
  background: transparent;
}

.closeButton-QNJvh:hover {
    background: transparent;
  }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.loginBlock-oFOeT {
  width: 403px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 880px) {

.loginBlock-oFOeT {
    width: 50%;
}
  }

.loginBlock-oFOeT .formStyle-ezYIe {
    padding: 0 16px;
  }

.loginBlock-oFOeT .mobileFormStyle-f6WtK {
    height: 100%;
    padding: 0 8px;
    overflow: scroll;
  }

.loginBlockMobile-VV2tM {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder {
  font-family: 'Arial-MT', Arial, sans-serif;
  font-size: 12px;
  color: #666;
}

.loginBlockDropdown-ws8C1 {
  width: 100%;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.loginBlockHeader-V7I1I {
  padding: 16px 16px 0;
}

.loginBlockHeader-V7I1I .loginBlockHeaderTitle-mf2AJ {
    font-family: 'UniversLT-Condensed';
    font-size: 20px;
    font-weight: bold;
    color: #27609b;
    text-transform: uppercase;
  }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.loginBlockFooter-AMY7w {
  padding: 16px 16px 0;
  background-color: #f6f7fa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 0 0 #ddd;
          box-shadow: inset 0 1px 0 0 #ddd;
}

.loginBlockFooter-AMY7w .btnLoginFooter-iSlcM {
    height: 40px;
    font-size: 12px;

    /* really sorry for that important :( */
    background-color: #3e96ee !important;
    display: inline-block;
  }

.loginBlockFooter-AMY7w .loginBlockFooterLink-Efzw7 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

.loginBlockFooter-AMY7w .forgotCredentials-GET2N {
    font-family: 'Arial-MT', Arial, sans-serif;
    font-size: 11px;
    color: #3e96ee;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
  }

.loginBlockFooter-AMY7w .forgotCredentials-GET2N:hover {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

.loginBlockFooterMobile-LrD9i {
  background-color: #f6f6f6;
  height: 150px;
  text-align: center;
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 0;
}

.loginBlockFooterMobile-LrD9i .loginBlockFooterLink-Efzw7 {
    padding: 16px 0;
    display: block;
  }

@media screen and (max-width: 750px) and (orientation: landscape) {
  .loginBlockFooter-AMY7w .btnLoginFooter-iSlcM {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 304px;
  }

  .loginBlockFooterMobile-LrD9i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    text-align: left;
    height: 112px;
  }

    .loginBlockFooterMobile-LrD9i .loginBlockFooterLink-Efzw7 {
      width: 125px;
      padding: 0;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
}

/* iPhone 5 */

@media (device-width: 320px) {

.loginBlockFooterMobile-LrD9i {
    height: 170px;
}
  }

/* iPhone 5 landscape */

@media (device-width: 320px) and (orientation: landscape) {

.loginBlockFooterMobile-LrD9i {
    height: 103px;
}
  }

/* iPhone 6 */

@media (width: 375px) {

.loginBlockFooterMobile-LrD9i {
    height: 170px;
}
  }

/* iPhone 6 */

@media (device-width: 375px) and (orientation: landscape) {

.loginBlockFooterMobile-LrD9i {
    height: 56px;
}
  }

/* iPhone 6 Plus */

@media (width: 414px) {

.loginBlockFooterMobile-LrD9i {
    height: 170px;
}
  }

/* iPhone 6 Plus */

@media (device-width: 414px) and (orientation: landscape) {

.loginBlockFooterMobile-LrD9i {
    height: 56px;
}
  }

/* iPhone X */

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

.loginBlockFooterMobile-LrD9i {
    height: 210px;
}
  }

/* iPhone X landscape */

@media (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

.loginBlockFooterMobile-LrD9i {
    height: 56px;
}
  }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.loginResponsibly-T5krk {
  font-size: 11px;
  color: #666;
  text-align: left;
  line-height: 15px;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.loginRedirect-rYOlI {
  width: 100%;
  font-family: 'Arial-MT', Arial, sans-serif;
  font-size: 12px;
  text-align: center;
}

.loginRedirect-rYOlI .header-BqMLQ {
    padding: 8px 16px;
    text-align: center;
    font-family: 'UniversLT-CondensedBold';
    font-size: 18px;
    text-transform: uppercase;
    background-color: #194879;
    color: #fff;
    line-height: 32px;
  }

.loginRedirect-rYOlI .body-Yjf2u {
    padding: 16px;
  }

.loginRedirect-rYOlI .text-eyBdP,
  .loginRedirect-rYOlI .button-CLnPv {
    display: block;
    color: #333;
  }

.loginRedirect-rYOlI .text-eyBdP {
    line-height: 1.33;
    padding: 24px 30px 40px;
    margin-bottom: 16px;
    border-bottom: 1px solid #ddd;
  }

.loginRedirect-rYOlI .button-CLnPv {
    text-transform: uppercase;
    background: #ddd;
    line-height: 40px;
    border-radius: 2px;
    -webkit-text-decoration: none;
    text-decoration: none;
    border: none;
    width: 100%;
    font-weight: bold;
  }

.loginRedirect-rYOlI .button-CLnPv:hover,
    .loginRedirect-rYOlI .button-CLnPv:active {
      background: #ccc;
    }

.loginRedirect-rYOlI .button-CLnPv:active {
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
              box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
    }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.container-mxdS5 {
  margin: 16px 0;
}

.label-TNtPD {
  font-family: 'Arial-MT', Arial, sans-serif;
  font-size: 12px;
  height: 12px;
  margin-bottom: 4px;
  font-weight: bold;
  color: #333;
  display: block;
  position: relative;
}

.statusIcon-Mp9Qp {
  width: 16px;
  height: 16px;
  position: absolute;
  margin: -2px 0 0 3px;
}

.warningIcon-El5SA {
  fill: #de3232;
}

.OkIcon-TvMuk {
  fill: #38ab50;
}

.inputWrapper-XcJxl {
  position: relative;
}

.inputText-RCw_o {
  height: 40px;
  width: 100%;
  font-size: 12px;
  padding-left: 0;
  font-weight: normal;
  border-radius: 2px;
  border: 1px solid #ccc;
  text-indent: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.inputText-RCw_o:focus {
    border: solid 1px #3e96ee;
    outline: none;
  }

.inputText-RCw_o:-ms-input-placeholder {
    font-family: 'Arial-MT', Arial, sans-serif;
    font-size: 12px;
    color: #666;
  }

.inputTextInvalid-XWm5e {
  -webkit-box-shadow: inset 0 -2px 0 0 #de3232;
          box-shadow: inset 0 -2px 0 0 #de3232;
}

.warningMessage-mZT7K {
  font-family: 'Arial-MT', Arial, sans-serif;
  font-size: 12px;
  color: #de3232;
  margin-top: 4px;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.container-NvAgU {
  margin: 16px 0;
}

.label-io2am {
  font-family: 'Arial-MT', Arial, sans-serif;
  font-size: 12px;
  height: 12px;
  margin-bottom: 4px;
  font-weight: bold;
  color: #333;
  display: block;
  position: relative;
}

.statusIcon-ZJglY {
  width: 16px;
  height: 16px;
  position: absolute;
  margin: -2px 0 0 3px;
}

.warningIcon-mfCuT {
  fill: #de3232;
}

.OkIcon-TbGgT {
  fill: #38ab50;
}

.inputWraper-JJquN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}

.inputPassword-VbW55 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-indent: 8px;
  font-size: 12px;
  padding-right: 78px;
  padding-left: 0;
  font-weight: normal;
  border-radius: 2px;
  width: 100%;
  border: 1px solid #ccc;
  background: none;
}

.inputPassword-VbW55:focus {
    border: solid 1px #3e96ee;
    outline: none;
  }

.inputPassword-VbW55:-ms-input-placeholder {
    font-family: 'Arial-MT', Arial, sans-serif;
    font-size: 12px;
    color: #666;
  }

.inputPasswordInvalid-DN_bS {
  -webkit-box-shadow: inset 0 -2px 0 0 #de3232;
          box-shadow: inset 0 -2px 0 0 #de3232;
}

.buttonShow-xLZr7 {
  font-family: 'Arial-MT', Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #3e96ee;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  outline: none;
  width: 64px;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.buttonShow-xLZr7::before {
    content: '';
    display: block;
    position: absolute;
    background-color: #ddd;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 1px;
  }

.warningMessage-ywJkJ {
  font-family: 'Arial-MT', Arial, sans-serif;
  font-size: 12px;
  color: #de3232;
  margin-top: 4px;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.container-KqZv9 {
  margin: 16px 0;
}

.label-JNxyo {
  font-family: 'Arial-MT', Arial, sans-serif;
  font-size: 12px;
  height: 12px;
  margin-bottom: 4px;
  font-weight: bold;
  color: #333;
  display: block;
  position: relative;
}

.statusIcon-nmvqd {
  width: 16px;
  height: 16px;
  position: absolute;
  margin: -2px 0 0 3px;
}

.warningIcon-uZkqh {
  fill: #de3232;
}

.OkIcon-JNWNZ {
  fill: #38ab50;
}

.inputSelectWrapper-sXNKn {
  position: relative;
}

.inputSelect-Cgcds {
  width: 100%;
  height: 40px;
  background-color: transparent;
  border: 1px solid #ccc;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-weight: normal;
  position: relative;
  z-index: 2;
  padding-left: 8px;
  border-radius: 2px;
  font-family: 'Arial-MT', Arial, sans-serif;
  font-size: 12px;
  color: #666;
}

.inputSelect-Cgcds:active,
  .inputSelect-Cgcds:focus {
    outline: none;
  }

.inputSelect-Cgcds:focus {
    border: solid 1px #3e96ee;
  }

.inputSelect-Cgcds::-ms-expand {
    display: none;
  }

.inputSelectInvalid-FrFvs {
  -webkit-box-shadow: inset 0 -2px 0 0 #de3232;
          box-shadow: inset 0 -2px 0 0 #de3232;
}

.inputSelectArrow-N0arJ {
  fill: #666;
  width: 16px;
  height: 40px;
  position: absolute;
  z-index: 1;
  color: #333;
  right: 16px;
  top: 0;
}

.warningMessage-TEpMu {
  font-size: 12px;
  color: #de3232;
  margin-top: 4px;
}

.disclaimer-TpdsS {
  margin-top: 16px;
  color: #333;
  font-size: 12px;
  line-height: 1.33;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: hsl(132.52173913043478, 50.6607929515%, 94.5098039216%);
  --color-mtp-med: hsl(42.46913580246913, 100%, 94.8529411765%);
  --color-mtp-near: hsl(0, 72.268907563%, 95.8333333333%);

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.modal-ql7Q0 {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

@media (width: 768px) {

.modal-ql7Q0 {
    min-height: 100%;
    min-width: 100%;
}
  }

.fullscreen-LBCr0 {
  position: absolute;
  height: 100vh;
  width: 100vw;
  top: 100%;
  left: 50%;
  background-color: #fff;
  -webkit-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0);
  overflow: scroll;
}

.scrollContent-kj4WV {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 80%;
  max-width: 1000px;
  height: 80%;
  margin-left: 115px;
}

@media (max-width: 767px) {

.scrollContent-kj4WV {
    margin-left: 0;
    height: 100%;
    width: 100%;
}
  }

.regular-afjw9 {
  position: absolute;
  max-width: 80%;
  top: 50%;
  left: 50%;
  background-color: #fff;
  overflow: scroll;
  -ms-overflow-style: none;
}

.presentation-Wnpz2 {
  position: absolute;
  min-height: calc(100% - 48px);
  max-height: calc(100% - 48px);
  top: 100%;
  left: 50%;
  background-color: #fff;
}

.enter-RbEAW {
  -webkit-animation: overlay-animation-enter-kNRbG 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
          animation: overlay-animation-enter-kNRbG 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.enter-RbEAW .regular-afjw9 {
    opacity: 0;
    -webkit-animation: regular-animation-enter-XbGyq 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
            animation: regular-animation-enter-XbGyq 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

.enter-RbEAW .presentation-Wnpz2,
  .enter-RbEAW .fullscreen-LBCr0 {
    -webkit-animation: presentation-animation-enter-FI93v 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
            animation: presentation-animation-enter-FI93v 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) 0.1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

.leave-XFbBM {
  -webkit-animation: overlay-animation-leave-r0sxa 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
          animation: overlay-animation-leave-r0sxa 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.leave-XFbBM .regular-afjw9 {
    -webkit-animation: regular-animation-leave-lWQjn 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
            animation: regular-animation-leave-lWQjn 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

.leave-XFbBM .presentation-Wnpz2,
  .leave-XFbBM .fullscreen-LBCr0 {
    -webkit-animation: presentation-animation-leave-WKXv8 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
            animation: presentation-animation-leave-WKXv8 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

@-webkit-keyframes overlay-animation-enter-kNRbG {
  from {
    background-color: rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }

  to {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
}

@keyframes overlay-animation-enter-kNRbG {
  from {
    background-color: rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }

  to {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
}

@-webkit-keyframes overlay-animation-leave-r0sxa {
  from {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }

  to {
    background-color: rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }
}

@keyframes overlay-animation-leave-r0sxa {
  from {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }

  to {
    background-color: rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }
}

@-webkit-keyframes regular-animation-enter-XbGyq {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@keyframes regular-animation-enter-XbGyq {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@-webkit-keyframes regular-animation-leave-lWQjn {
  from {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -40%, 0);
            transform: translate3d(-50%, -40%, 0);
  }
}

@keyframes regular-animation-leave-lWQjn {
  from {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -40%, 0);
            transform: translate3d(-50%, -40%, 0);
  }
}

@-webkit-keyframes presentation-animation-enter-FI93v {
  from {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }

  to {
    -webkit-transform: translate3d(-50%, -100%, 0);
            transform: translate3d(-50%, -100%, 0);
  }
}

@keyframes presentation-animation-enter-FI93v {
  from {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }

  to {
    -webkit-transform: translate3d(-50%, -100%, 0);
            transform: translate3d(-50%, -100%, 0);
  }
}

@-webkit-keyframes presentation-animation-leave-WKXv8 {
  from {
    -webkit-transform: translate3d(-50%, -100%, 0);
            transform: translate3d(-50%, -100%, 0);
  }

  to {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}

@keyframes presentation-animation-leave-WKXv8 {
  from {
    -webkit-transform: translate3d(-50%, -100%, 0);
            transform: translate3d(-50%, -100%, 0);
  }

  to {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}

.loginModal-qo2IX {
  overflow: hidden;
}
@media (max-width: 750px) {
  .loginModal-qo2IX {
    height: 100vh;
    width: 100vw;
    max-width: 100%;
}
  }
@media (max-width: 750px) {
  .loginModal-qo2IX.customModal-acNdY {
      height: auto;
  }
    }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

.tabSelectorContainer-heOHi {
  height: 40px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabSelectorContainer-heOHi .tabSelector-smEV8 {
    height: 40px;
    background-color: #f6f6f6;
    font-weight: bold;
    font-family: 'Arial-MT', Arial, sans-serif;
    font-size: 12px;
    -webkit-box-shadow: inset 1px 0 0 0 #ddd, inset 0 -1px 0 0 #ddd;
            box-shadow: inset 1px 0 0 0 #ddd, inset 0 -1px 0 0 #ddd;
    text-transform: uppercase;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

.tabSelectorContainer-heOHi .tabSelector-smEV8:hover {
      cursor: pointer;
    }

.tabSelectorContainer-heOHi .tabSelector-smEV8 .btnTab-Tauqw {
      -webkit-text-decoration: none;
      text-decoration: none;
      color: #666;
      width: 100%;
      height: 100%;
      text-transform: uppercase;
      font-weight: bold;
      font-family: 'Arial-MT', Arial, sans-serif;
      font-size: 12px;
      background-color: transparent;
      border: none;
      outline: none;
    }

.tabSelectorContainer-heOHi .tabSelector-smEV8 .btnTab-Tauqw:hover {
        cursor: pointer;
      }

.tabSelectorContainer-heOHi .tabSelector-smEV8.activeTab-mVSN7 {
      background-color: #fff;
      -webkit-box-shadow: inset 1px 0 0 0 #cfdae2, inset 0 3px 0 0 #3e96ee;
              box-shadow: inset 1px 0 0 0 #cfdae2, inset 0 3px 0 0 #3e96ee;
    }

.tabSelectorContainer-heOHi .tabSelector-smEV8.activeTab-mVSN7 button {
        color: #333;
      }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

.loginContainer-RaPuQ {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}

.loginContainer-RaPuQ > button {
    margin-right: 16px;
    height: 44px;
    text-transform: capitalize;
    font-family: "Roboto-Medium";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
  }

@media (min-width: 1256px) {

.loginContainer-RaPuQ > button {
      padding-left: 12px;
      padding-right: 12px;
  }
    }

.innerFlexWrapper-OdkNu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.innerFlexWrapper-OdkNu svg {
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin: 0 3px 0 0;
    fill: #fff;
  }

.activeButton-T4q_G button {
    background: rgb(255, 255, 255 / 0.1) !important;
  }

.activeButton-T4q_G a svg {
    fill: #fff !important;
  }

.overlayArea-fzeoO {
  position: absolute;
  left: auto;
  right: -70px;
  top: 40px;
  height: 0;
  overflow: hidden;
  width: 272px;
  -webkit-box-shadow:
    0px 4px 4px rgba(0, 0, 0, 0.1),
    0px 4px 6px rgba(0, 0, 0, 0.05);
          box-shadow:
    0px 4px 4px rgba(0, 0, 0, 0.1),
    0px 4px 6px rgba(0, 0, 0, 0.05);
  z-index: 10;
  background: #fff;
  opacity: 0;
  border-radius: 4px;
}

@media (min-width: 1256px) {

.overlayArea-fzeoO {
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
  }

.overlayArea-fzeoO > div {
    -webkit-box-shadow:
      0px 4px 4px rgba(0, 0, 0, 0.1),
      0px 4px 6px rgba(0, 0, 0, 0.05);
            box-shadow:
      0px 4px 4px rgba(0, 0, 0, 0.1),
      0px 4px 6px rgba(0, 0, 0, 0.05);
  }

.overlayAreaIn-LRTVA {
  height: auto;
  overflow: visible;
  -webkit-transition: all 0.4s cubic-bezier(0, 1, 0.6, 1);
  transition: all 0.4s cubic-bezier(0, 1, 0.6, 1);
  top: 48px;
  opacity: 1;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

button.betslipButton-FD9Ao {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  text-transform: none;
}

button.betslipButton-FD9Ao .innerFlexWrapper-HvDS0 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

button.betslipButton-FD9Ao .innerFlexWrapper-HvDS0 svg {
      width: 16px;
      height: 16px;
      overflow: hidden;
    }

button.betslipButton-FD9Ao .innerFlexWrapper-HvDS0 .betButtonLabel-z_a_k {
      margin-left: 8px;
      color: #384048;
      font-family: "Roboto-Medium";
      font-weight: 500;
      font-size: 14px;
      line-height: 16px;
      text-align: center;
    }

button.betslipButtonV2-LYkhH {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
}

button.betslipButtonV2-LYkhH .innerFlexWrapper-HvDS0 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

button.betslipButtonV2-LYkhH .innerFlexWrapper-HvDS0 .betButtonLabel-z_a_k {
      margin-left: 8px;
      color: #384048;
      font-family: "Roboto-Medium";
      font-weight: 500;
      font-size: 14px;
      line-height: 16px;
      text-align: center;
      text-transform: none;
    }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

.tvgContactSection-oaCCs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 48px;
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
  margin-left: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: baseline;
  z-index: 2;
}

@media (max-width: 757px) {
  .tvgContactSection-oaCCs {
    padding-right: 30px;
  }
  .contactSubWrapper-s8nLW {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 300px;
  }

    .contactSubWrapper-s8nLW .tvgPhoneContact-Frz3k,
    .contactSubWrapper-s8nLW .tvgMailContact-FXW5k {
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%;
      -webkit-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial;
      line-height: 24px;
    }
}

@media (min-width: 758px) and (max-width: 967px) {
  .tvgContactSection-oaCCs {
    padding-right: 30px;
  }
  .contactSubWrapper-s8nLW {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 300px;
  }

    .contactSubWrapper-s8nLW .tvgPhoneContact-Frz3k,
    .contactSubWrapper-s8nLW .tvgMailContact-FXW5k {
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%;
      -webkit-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial;
      line-height: 24px;
    }
}

@media (min-width: 968px) and (max-width: 1060px) {
  :root .contactSubWrapper-s8nLW {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 300px;
  }

    :root .contactSubWrapper-s8nLW .tvgPhoneContact-Frz3k,:root .contactSubWrapper-s8nLW .tvgMailContact-FXW5k {
      -webkit-text-decoration: none;
      text-decoration: none;
      width: 100%;
      -webkit-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial;
      line-height: 24px;
    }
}

.contactSubWrapper-s8nLW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.contactSubWrapper-s8nLW a.tvgPhoneContact-Frz3k {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 15px;
  color: #fff;
  font-weight: normal;
}

.contactSubWrapper-s8nLW a.tvgPhoneContact-Frz3k svg {
    margin-right: 10px;
  }

.contactSubWrapper-s8nLW a.tvgPhoneContact-Frz3k:hover,
  .contactSubWrapper-s8nLW a.tvgPhoneContact-Frz3k:focus {
    color: #fff;
  }

.contactSubWrapper-s8nLW a.tvgMailContact-FXW5k {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-right: 15px;
  color: #fff;
  font-weight: normal;
}

.contactSubWrapper-s8nLW a.tvgMailContact-FXW5k svg {
    margin-right: 10px;
  }

.contactSubWrapper-s8nLW a.tvgMailContact-FXW5k:hover,
  .contactSubWrapper-s8nLW a.tvgMailContact-FXW5k:focus {
    color: #fff;
  }

.tvgCostumerLabel-MwEdJ {
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  background: #27609b;
  padding: 0 10px;
}

.tvgCostumerLabel-MwEdJ:before {
    display: block;
    margin-top: -8px;
    position: absolute;
    left: 100%;
    top: 50%;
    content: "";
    width: 0;
    height: 0;
    -moz-transform: scale(0.9999);
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #27609b;
  }

.tvgContactIconButton-cecfi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-left: 6px;
  margin-right: 20px;
  height: 68px;
  cursor: pointer;
}

.tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 0;
    background-color: transparent;
    border: none;
    outline: none;
    position: relative;
    height: 100%;
    width: 100%;
  }

.tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL span {
      visibility: hidden;
      position: absolute;
      top: calc(68px - 8px);
      z-index: 99;
      height: 30px;
      padding: 8px;
      color: #000;
      background: #fff;
      -webkit-box-shadow:
        0px 4px 4px rgba(0, 0, 0, 0.1),
        0px 4px 6px rgba(0, 0, 0, 0.05);
              box-shadow:
        0px 4px 4px rgba(0, 0, 0, 0.1),
        0px 4px 6px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      text-align: center;
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 17px;
      overflow: hidden;
      white-space: nowrap;
    }

.tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL svg {
      overflow: inherit;
    }

.tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL i {
      border-radius: 50%;
      width: 38px;
      height: 38px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

.tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL i:hover,
      .tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL i:focus {
        background-color: rgba(255, 255, 255, 0.1);
      }

.tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL i:hover span, .tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL i:focus span {
          visibility: visible;
        }

.tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL i:hover svg, .tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL i:focus svg {
          fill: #fff;
        }

.tvgContactIconButton-cecfi > .tvgContactIcon-XKwxL i:active {
        background-color: rgba(255, 255, 255, 0.5);
      }

.questionIcon-ZHg88 {
  margin-right: 2px;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

.logoutSection-sBdCz {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 16px;
  height: 58px;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.logoutSection-sBdCz .logoutButton-ifwfr {
    line-height: 1;
    padding: 0px 16px;
  }

.logoutSection-sBdCz a {
    color: #3e96ee;
  }

.logoutSection-sBdCz a:hover {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }

.logoutSection-sBdCz.centered-QBHN1 {
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 16px;
  padding-top: 16px;
  border-top: 0;
  -webkit-box-shadow: inset 0px 1px 0px #d6e3f0;
          box-shadow: inset 0px 1px 0px #d6e3f0;
}

.logoutSection-sBdCz.centered-QBHN1 button {
    width: 100%;
    color: #de3131;
  }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

.userSection-y3Afv {
  width: 100%;
  background: #fff;
  color: #000;
  border-radius: 4px 4px 0 0;
}

.userSection-y3Afv > header {
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: inset 0px -1px 0px #d6e3f0;
            box-shadow: inset 0px -1px 0px #d6e3f0;
  }

.userSection-y3Afv .userEmail-iIz44,
  .userSection-y3Afv .userAccNr-JqCvF {
    display: block;
    font-size: 12px;
  }

.userSection-y3Afv .userAccNr-JqCvF {
    margin-bottom: 3px;
  }

.userSection-y3Afv .userAccNr-JqCvF:before {
      content: "#";
    }

.userSection-y3Afv .userEmail-iIz44 {
    font-weight: bold;
    text-transform: lowercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 160px;
  }

.editButton-gZdGf {
  margin-left: auto;
}

.depositWrapper-pcuAn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow:
    0 1px 0 0 #e6e9ef,
    inset 0 1px 0 0 #e6e9ef;
          box-shadow:
    0 1px 0 0 #e6e9ef,
    inset 0 1px 0 0 #e6e9ef;
}

.depositsButton-yzh7c {
  min-height: 40px;
  border-radius: 0 !important;
  background: #fff;
  border: 0;
  color: #194879;
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.depositsButton-yzh7c:last-child {
    border-left: 1px solid #dfe7f0;
  }

.depositsButton-yzh7c:hover {
    background-color: #e6e9ef;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
  }

.userArea-w2To6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 7px 16px;
  -webkit-box-shadow: inset 0 -1px 0 0 #e6e9ef;
          box-shadow: inset 0 -1px 0 0 #e6e9ef;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.userArea-w2To6 a {
    display: block;
  }

.userArea-w2To6 a:first-child {
      font-weight: normal;
      text-transform: none;
    }

.balanceArea-N2HFv {
  overflow: hidden;
  padding: 12px 16px 10px;
  border-bottom: 1px solid #dfe7f0;
}

.balanceLabel-i29uC {
  line-height: 1.2;
  font-size: 14px;
  text-transform: uppercase;
  color: #333;
  font-family: 'UniversLT-CondensedBold';
}

.balance-ceBNR {
  font-family: 'UniversLT-Condensed';
  font-size: 30px;
  font-weight: bold;
  color: #38ab50;
  max-height: 50px;
  -webkit-transition:
    opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
  transition:
    opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
  float: left;
  height: 36px;
}

.buttonWithImage-YDO8A {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.buttonWithImage-YDO8A.centerItems-LLCm1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

.buttonWithImage-YDO8A svg {
    margin-right: 4px;
  }

.showHideLink-k65Fp {
  color: #3e96ee;
  text-transform: none;
  width: 150px;
  overflow: hidden;
  margin-top: 5px;
  float: right;
  font-size: 12px;
  background-color: transparent;
  border: 0;
  opacity: 1;
  display: block;
  text-align: right;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  -webkit-animation: fadeIn-qyFdF 0.3s ease-in-out 0s;
          animation: fadeIn-qyFdF 0.3s ease-in-out 0s;
  padding: 0;
}

.showHideLink-k65Fp.invisible-OIjqr {
    display: none;
    opacity: 0;
    -webkit-animation: fadeOut-LqTch 0.3s ease-in-out 0s;
            animation: fadeOut-LqTch 0.3s ease-in-out 0s;
  }

.showHideLink-k65Fp:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }

.showHideLink-k65Fp:focus {
    outline: none;
  }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

.overlayArea-Q6tN7 {
  cursor: auto;
  z-index: 10;
  position: absolute;
  top: 50px;
  background: #fff;
  border: 0;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  width: 284px;
  font-size: 12px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.overlayArea-Q6tN7 > section {
    border-radius: 4px;
  }

.overlayArea-Q6tN7 .scroll-Y0EU1 {
    max-height: calc(95vh - 256px - 68px);
    overflow: auto;
  }

.overlayArea-Q6tN7.accountPanelV2-XU578 {
  width: 375px;
  border-radius: 4px;
}

.links-xR5q5 {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  background: #f6f6f6;
  border-top: 1px solid #ddd;
  padding-top: 1px;
}

.links-xR5q5 > :nth-child(3n + 1) {
    -webkit-box-shadow: inset 0 1px 0 0 #dfe7f0;
            box-shadow: inset 0 1px 0 0 #dfe7f0;
  }

.links-xR5q5 > :last-child {
    -webkit-box-shadow: inset 0 1px 0 0 #dfe7f0;
            box-shadow: inset 0 1px 0 0 #dfe7f0;
  }

.links-xR5q5 > :first-child {
    -webkit-box-shadow: none;
            box-shadow: none;
  }

.links-xR5q5 a {
    color: #27609b;
    padding: 14px 24px;
    display: block;
  }

.links-xR5q5 a:hover {
      color: #3e96ee;
    }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

.links-I7fuB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  background: #fff;
  color: #384048;
}

.category-KpdLL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.title-_Ko03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Roboto-Bold";
  padding: 12px;
  font-size: 16px;
  font-weight: 700;
}

.linkItem-_Cwwx {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Roboto-Regular";
  line-height: 18px;
  padding: 14px 0px 14px 12px;
}

.linkItem-_Cwwx:not(:last-child) {
    -webkit-box-shadow:
      inset 12px 0px 0px #fff,
      inset 0px -1px 0px #d6e3f0;
            box-shadow:
      inset 12px 0px 0px #fff,
      inset 0px -1px 0px #d6e3f0;
  }

.linkItem-_Cwwx:hover {
    background: #fafcff;
  }

.linkItem-_Cwwx[role="link"]:hover {
    cursor: pointer;
  }

.linkItem-_Cwwx:active {
    background: #ebf5ff;
  }

.linkItem-_Cwwx span {
    padding-left: 14px;
    color: #384048;
  }

.newTagWrapper-EMfz6 {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

@media (max-width: 757px),(min-width: 1061px) and (max-width: 1190px) {
  .myAccountButton-qnySE {
    width: 54px;
  }
      .myAccountButton-qnySE > .accountLabel-Ja7Yf span {
        display: none;
      }

      .myAccountButton-qnySE > .accountLabel-Ja7Yf i:last-child {
        margin-left: -15px;
      }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  @media (max-width: 757px),(min-width: 758px) and (max-width: 967px),(min-width: 968px) and (max-width: 1060px),(min-width: 1061px) and (max-width: 1190px),(min-width: 1191px) and (max-width: 1255px),(min-width: 1256px) {
    .myAccountButton-qnySE > .accountLabel-Ja7Yf {
      left: -15px;
    }
  }
}

.activeButton-h_oxu {
  background: rgba(255, 255, 255, 0.1) !important;
}

.activeButton-h_oxu svg {
    fill: #fff !important;
  }

.activeButton-h_oxu:hover span {
      visibility: hidden !important;
    }

.myAccountButton-qnySE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  height: 48px;
  margin-right: 8px;
  cursor: pointer;
}

.myAccountButton-qnySE:hover,
  .myAccountButton-qnySE:active {
    background-color: rgba(255, 255, 255, 0.1);
  }

.myAccountButton-qnySE:hover svg, .myAccountButton-qnySE:active svg {
      fill: #fff;
    }

.myAccountButton-qnySE > .accountLabel-Ja7Yf {
    margin-right: 0px;
    padding: 0 10px 0 40px;
    background-color: transparent;
    border: none;
    outline: none;
    line-height: 48px;
    color: #fff;
    position: relative;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 100%;
    width: 100%;
  }

.myAccountButton-qnySE > .accountLabel-Ja7Yf i:first-child {
      background--color: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      position: absolute;
      left: 8px;
      top: 12px;
      width: 24px;
      height: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

.myAccountButton-qnySE > .accountLabel-Ja7Yf i:last-child {
      margin-left: 5px;
    }

/* Fix for when newHeaderExperience toggled off */

.myAccountButton-qnySE > .overlayArea-dkceM {
    top: 55px;
  }

.showOverlay-I1c2x {
  display: block;
  opacity: 1;
  top: calc(68px - 6px);
  -webkit-animation: moveUp-NDub4 0.3s cubic-bezier(0, 1.5, 0.6, 1);
          animation: moveUp-NDub4 0.3s cubic-bezier(0, 1.5, 0.6, 1);
  -webkit-transition:
    opacity 0.3s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
  transition:
    opacity 0.3s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
  -webkit-box-shadow:
    0px 4px 4px rgba(0, 0, 0, 0.1),
    0px 4px 6px rgba(0, 0, 0, 0.05);
          box-shadow:
    0px 4px 4px rgba(0, 0, 0, 0.1),
    0px 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.hideOverlay-VEcpN {
  opacity: 0;
  top: -9999px;
  -webkit-animation: moveDown-kG2e9 0.1s cubic-bezier(0, 1.5, 0.6, 1);
          animation: moveDown-kG2e9 0.1s cubic-bezier(0, 1.5, 0.6, 1);
  -webkit-transition:
    opacity 0.1s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
  transition:
    opacity 0.1s cubic-bezier(0, 1.5, 0.6, 1), top 0s linear;
}

.myAccountIconButton-Y65i2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: 0 6px;
  height: 68px;
  cursor: pointer;
  background: transparent;
  border: none;
}

.myAccountIconButton-Y65i2 > .accountIcon-HpCpQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 0;
    background-color: transparent;
    border: none;
    outline: none;
    position: relative;
    height: 100%;
    width: 100%;
  }

.myAccountIconButton-Y65i2 > .accountIcon-HpCpQ span {
      visibility: hidden;
      position: absolute;
      top: calc(68px - 8px);
      z-index: 99;
      height: 30px;
      padding: 8px;
      color: #000;
      background: #fff;
      -webkit-box-shadow:
        0px 4px 4px rgba(0, 0, 0, 0.1),
        0px 4px 6px rgba(0, 0, 0, 0.05);
              box-shadow:
        0px 4px 4px rgba(0, 0, 0, 0.1),
        0px 4px 6px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      text-align: center;
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      line-height: 17px;
      overflow: hidden;
      white-space: nowrap;
    }

.myAccountIconButton-Y65i2 > .accountIcon-HpCpQ i {
      border-radius: 50%;
      width: 38px;
      height: 38px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

.myAccountIconButton-Y65i2 > .accountIcon-HpCpQ i:hover,
      .myAccountIconButton-Y65i2 > .accountIcon-HpCpQ i:focus {
        background-color: rgba(255, 255, 255, 0.1);
      }

.myAccountIconButton-Y65i2 > .accountIcon-HpCpQ i:hover span, .myAccountIconButton-Y65i2 > .accountIcon-HpCpQ i:focus span {
          visibility: visible;
        }

.myAccountIconButton-Y65i2 > .accountIcon-HpCpQ i:active {
        background-color: rgba(255, 255, 255, 0.5);
      }

.userOutlineIcon-ja_U9 {
  margin-top: 2px;
  margin-right: -4px;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

:root {
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.25rem;
  --font-size-h6: 1rem;
}

body {
  font-family: 'Arial-MT', Arial, sans-serif;
}

.tvg-h1-YW_aX,
.tvg-h2-pAzR9,
.tvg-h3-q0D4H,
.tvg-h4-GN98D,
.tvg-h5-QCowa,
.tvg-h6-Qs6Bm {
  font-family: 'UniversLT-CondensedBold',
    'Arial-MT', Arial, sans-serif;
  color: #ffb80c;
}

.tvg-h1-YW_aX {
  font-size: 2.5rem;
}

.tvg-h2-pAzR9 {
  font-size: 2rem;
}

.tvg-h3-q0D4H {
  font-size: 1.75rem;
}

.tvg-h4-GN98D {
  font-size: 1.5rem;
}

.tvg-h5-QCowa {
  font-size: 1.25rem;
}

.tvg-h6-Qs6Bm {
  font-size: 1rem;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

@media only screen and (max-width: 1060px) {
  .watchLive-d6iah {
    margin-left: auto;
  }
}

@media (max-width: 757px) {
    .watchLive-d6iah span {
      display: none;
    }
}

@media (min-width: 1061px) and (max-width: 1190px) {
    .watchLive-d6iah span {
      display: none;
    }
}

.watchLive-d6iah {
  position: relative;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.watchLive-d6iah:before,
  .watchLive-d6iah:link,
  .watchLive-d6iah:visited {
    content: "";
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 8px;
    top: 12px;
  }

.watchLive-d6iah a {
    padding: 0 8px 0 16px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    white-space: nowrap;
  }

.watchLive-d6iah a:hover,
    .watchLive-d6iah a:focus {
      color: #fff;
    }

.watchLive-d6iah a svg {
      position: relative;
      left: -4px;
    }

.watchLive-d6iah .watchTvgLabel-fEL3a {
    line-height: 11px;
    height: 11px;
    overflow: hidden;
    padding-left: 8px;
    color: white;
  }

.watchLiveV2-ktgT9 {
  position: relative;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.watchLiveV2-ktgT9:hover,
  .watchLiveV2-ktgT9:active {
    background: rgba(255, 255, 255, 0.2);
  }

.watchLiveV2-ktgT9 a {
    padding: 0 12px 0 16px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    white-space: nowrap;
  }

.watchLiveV2-ktgT9 a:hover,
    .watchLiveV2-ktgT9 a:focus {
      color: #fff;
    }

.watchLiveV2-ktgT9 a svg {
      position: relative;
    }

.watchLiveV2-ktgT9 .watchTvgLabel-fEL3a {
    line-height: 11px;
    height: 11px;
    overflow: hidden;
    padding-left: 9px;
    color: white;
  }

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

.contentCardsContainer-N6AaJ {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 68px;
  margin: 0 6px;
}

.contentCardsActive-nTtjl {
  background: rgba(255, 255, 255, 0.1) !important;
}

.contentCardsActive-nTtjl a svg {
    fill: #fff !important;
  }

.contentCardsActive-nTtjl:hover .notificationsTooltip-weVaY {
      visibility: hidden !important;
    }

.contentCardsButton-PxaPz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: none;
  border: none;
  outline: none;
  border-radius: 50%;
  padding: 0;
}

.contentCardsButton-PxaPz span {
    width: 38px;
    height: 38px;
  }

.contentCardsButton-PxaPz span:active {
      background-color: rgba(255, 255, 255, 0.5);
    }

.contentCardsButton-PxaPz:hover {
    background: rgba(255, 255, 255, 0.1);
  }

.contentCardsButton-PxaPz:hover .notificationsTooltip-weVaY {
      visibility: visible;
    }

.contentCardsButton-PxaPz:hover a svg {
      fill: #fff;
    }

.contentCardsButton-PxaPz .notificationsTooltip-weVaY {
    visibility: hidden;
    position: absolute;
    top: calc(68px - 8px);
    z-index: 99;
    height: 30px;
    padding: 8px;
    color: #000;
    background: #fff;
    -webkit-box-shadow:
      0px 4px 4px rgba(0, 0, 0, 0.1),
      0px 4px 6px rgba(0, 0, 0, 0.05);
            box-shadow:
      0px 4px 4px rgba(0, 0, 0, 0.1),
      0px 4px 6px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
  }

.overlayArea-q3FYN {
  position: absolute;
  left: 50%;
  top: calc(68px - 6px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 0;
  overflow: hidden;
  width: 320px;
  z-index: 10;
  background: #fff;
  opacity: 0;
  border-radius: 4px;
  -webkit-box-shadow:
    0 4px 4px rgba(0, 0, 0, 0.1),
    0 4px 6px rgba(0, 0, 0, 0.05) !important;
          box-shadow:
    0 4px 4px rgba(0, 0, 0, 0.1),
    0 4px 6px rgba(0, 0, 0, 0.05) !important;
}

.overlayArea-q3FYN > :first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

@media (max-width: 757px) {

.overlayArea-q3FYN {
    -webkit-transform: translate(-17%, 0);
            transform: translate(-17%, 0);
}
  }

.contentCardsPanelHeader-FEwjW {
  margin-bottom: 1px;
  padding: 12px;
  font-size: 18px;
  font-family: "Roboto-Bold";
  -webkit-box-shadow: 0px 1px 0px #e9eff5;
          box-shadow: 0px 1px 0px #e9eff5;
}

.renderContentCards-kKsnS {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}

.overlayArea-q3FYN .ab-feed {
  width: 100%;
  border-radius: 0;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none !important;
  transition: none !important;
}

.overlayArea-q3FYN .ab-feed .ab-feed-buttons-wrapper {
  display: none;
}

.overlayArea-q3FYN .ab-feed .ab-feed-body {
  padding: 0;
  border: 0;
}

.overlayArea-q3FYN .ab-feed .ab-card {
  margin-bottom: 1px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 1px 0px #e9eff5;
          box-shadow: 0px 1px 0px #e9eff5;
  z-index: 1001;
  position: relative;
}

.overlayArea-q3FYN .ab-feed .ab-card.ab-effect-card.ab-image-only.with-image {
  margin: 0;
}

.overlayArea-q3FYN .ab-feed .ab-card:hover {
  background-color: #fafcff;
}

.overlayArea-q3FYN .ab-feed .ab-card:active {
  background-color: #ebf5ff;
}

.overlayArea-q3FYN .ab-feed .ab-card:last-child {
  border: 0;
}

.overlayArea-q3FYN .ab-feed .ab-card:active .ab-unread-indicator.read,
.overlayArea-q3FYN .ab-feed .ab-card:active .ab-unread-indicator {
  background-color: transparent;
}

.overlayArea-q3FYN .ab-feed .ab-card a {
  position: relative;
  z-index: 1;
}

.overlayArea-q3FYN .ab-feed .ab-card .ab-image-area {
  position: relative;
  z-index: 1;
}

.overlayArea-q3FYN
  .ab-feed
  .ab-card.ab-classic-card.with-image
  .ab-image-area {
  width: 42px;
  height: 42px;
  padding: 18px 0 18px 12px;
  text-align: center;
}

.overlayArea-q3FYN
  .ab-feed
  .ab-card.ab-classic-card.with-image
  .ab-image-area
  img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.overlayArea-q3FYN .ab-feed .ab-card .ab-card-body {
  z-index: 1;
}

.overlayArea-q3FYN .ab-feed .ab-card.ab-classic-card .ab-card-body {
  min-height: 76px;
  z-index: 1;
}

.overlayArea-q3FYN
  .ab-feed
  .ab-card.ab-classic-card.with-image
  .ab-card-body {
  padding-left: 54px;
}

.overlayArea-q3FYN .ab-feed .ab-card .ab-title,
.overlayArea-q3FYN .ab-feed .ab-card.ab-classic-card.with-image .ab-title {
  padding: 18px 12px 0;
  color: #333;
  font-size: 14px;
  font-family: 'Arial-MT', Arial, sans-serif;
  font-weight: 700;
}

.overlayArea-q3FYN .ab-feed .ab-card .ab-description,
.overlayArea-q3FYN
  .ab-feed
  .ab-card.ab-classic-card.with-image
  .ab-description {
  padding: 4px 12px 18px;
  line-height: 18px;
  font-size: 14px;
  color: #666;
}

.overlayArea-q3FYN .ab-feed .ab-card .ab-url-area {
  margin-top: 8px;
  /*font-family: ${fontNormal};*/
  font-size: 14px;
  /*color: var(--tvg-blueaccent-500);*/
}

.overlayArea-q3FYN .ab-feed .ab-card .ab-pinned-indicator {
  border: 0;
  width: 12px;
  height: 14px;
  top: 18px;
  right: 13px;
  z-index: 100;
}

.overlayArea-q3FYN .ab-feed .ab-card .ab-pinned-indicator .fa-star {
  color: #ffb80c;
  right: 0;
  font-size: 13px;
}

.overlayArea-q3FYN .ab-feed .ab-card .ab-unread-indicator {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 0;
  background-color: #fafcff;
}

.overlayArea-q3FYN .ab-feed .ab-card .ab-unread-indicator.read {
  background-color: #fff;
  display: none;
}

.overlayArea-q3FYN .ab-feed .ab-captioned-image .ab-card-body .ab-title,
.overlayArea-q3FYN
  .ab-feed
  .ab-captioned-image
  .ab-card-body
  .ab-card.ab-classic-card.with-image
  .ab-title {
  color: #333;
}

.overlayArea-q3FYN .ab-feed .ab-no-cards-message {
  background-color: #fff;
  display: none;
}

.overlayAreaIn-w5GIo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  max-height: calc(100vh - 80px);
  -webkit-transition: all 0.4s cubic-bezier(0, 1, 0.6, 1);
  transition: all 0.4s cubic-bezier(0, 1, 0.6, 1);
  opacity: 1;
}

/**
   *  TVG UI Variables
   *  In this file you can configure global variables used by all components.
   *  Some components have specific variables created, edit them on top of each component file.
   * if you add/change any colors please add it to the object in the pallete/index.json so we can have a pallete
   */

:root {
  /*
	* TVG Main colors + aliases
	*/
  --tvg-blue: #27609b;
  --tvg-red: #de3232;
  --tvg-green: #38ab50;
  --tvg-yellow: #ffb80c;
  --tvg-blue-whiteish: #f6f7fa;
  --tvg-blue-greyish: #e6e9ef;
  --tvg-blue-lighter: #cfdae2;
  --tvg-blue-lightest: #dfe7f0;
  --tvg-blue-midnight: #0f1f30;
  --tvg-blue-bright: #3e96ee;
  --tvg-blue-light: #93afcd;
  --tvg-blue-dark: #194879;
  --tvg-blue-darker: #253e58;
  --tvg-blue-darkest: #1c3247;
  --tvg-blue-ghost: #e3eaef;
  --tvg-green-light: #60bc73;
  --tvg-white: #fff;
  --tvg-white-ghost: rgba(255, 255, 255, 0.2);
  --tvg-grey: #666;
  --tvg-grey-light: #ccc;
  --tvg-grey-dark: #333;
  --tvg-black: #000;
  --tvg-grey-lightest: #f6f6f6;
  --tvg-grey-lighter: #ddd;
  --tvg-yellow-faded: #f8e3b2;
  --tvg-overlay: rgba(0, 0, 0, 0.7);
  --color-primary: var(--tvg-blue);
  --color-secondary: var(--tvg-yellow);
  --color-tertiary: var(--tvg-green);
  --color-alert: var(--tvg-red);
  --color-info: #4491e1;
  --color-white: var(--tvg-white);
  --color-text-title: var(--tvg-grey-dark);
  --color-text-body: var(--tvg-grey-dark);
  --color-mtp-far: color-mod(var(--tvg-green) l(+50%));
  --color-mtp-med: color-mod(var(--tvg-yellow) l(+42.5%));
  --color-mtp-near: color-mod(var(--tvg-red) l(+42.5%));

  /* repsonsive vars */

  /* Typography variables */
  --font-Univers-Condensed: 'UniversLT-Condensed';
  --font-Univers-CondensedItalic: 'UniversLTStd-CnObl';
  --font-Univers-CondensedLight: 'UniversLTStd-LightCn';
  --font-Univers-CondensedLightitalic: 'UniversLTStd-LightCnObl';
  --font-Univers-CondensedBold: 'UniversLT-CondensedBold';
  --font-Univers-CondensedBoldItalic: 'UniversLT-BoldCnObl';
  --font-family-default: 'Arial-MT', Arial, sans-serif;
  --font-family-titling:
    var(--font-Univers-CondensedBold),
    var(--font-family-default);
  --font-weight-bold: bold;
  --font-weight-normal: normal;
  --font-size-normal: 12px;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Condensed Bold"),
    local("RobotoCondensed-Bold"),
    url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto-Black";
  font-style: normal;
  font-weight: 900;
  src:
    local("Roboto Black"),
    local(""),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2)
      format("woff2");
  unicode-range: U+0000-00ff, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,
    U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  --tablet: only screen and (max-width: 968px);
  --desktop: only screen and (min-width: 969px);
  --desktopWithoutLHN: only screen and (max-width: 1224px);
  --bp-xs: 590px;
  --bp-s: 758px;
  --bp-m: 968px;
  --bp-l: 1000px;
  --bp-xl: 1175px;
  --header-height: 68px;
  --menu-top-padding: 20px;
  --side-menu-width: 253px;
  --link-color: #295f97;
  --text-grey-black: #333333;
  --tvg-white-hdr-btn: rgba(255, 255, 255, 0.1);
  --roboto-font-regular: "Roboto-Regular";
  --roboto-font-medium: "Roboto-Medium";
  --roboto-font-bold: "Roboto-Bold";
  --roboto-font-black: "Roboto-Black";
  --roboto-title-font: "Roboto Condensed";
}

:root {
  --header-animation-speed: 0.25s;
  --header-animation: ease-in-out;
}

#tvg-header-YUbkr {
  display: block;
  width: 100%;
  height: 50px;
}

.tvgHeaderBase-AWmc2 {
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.333;
  color: #333;
  padding: 0;
  margin: 0;
  background-color: #1e4b79;
  height: 68px;
}

.tvgHeaderBase-AWmc2 * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: baseline;
  }

.tvgHeaderBase-AWmc2 h1,
  .tvgHeaderBase-AWmc2 h2,
  .tvgHeaderBase-AWmc2 h3 {
    margin: 0;
  }

.tvgHeaderBase-AWmc2 a,
  .tvgHeaderBase-AWmc2 a:hover,
  .tvgHeaderBase-AWmc2 a:focus {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.tvgHeaderBase-AWmc2 ul,
  .tvgHeaderBase-AWmc2 ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

.tvgHeaderBase-AWmc2 button,
  .tvgHeaderBase-AWmc2 input[type="checkbox"] {
    outline: none;
  }

.tvgHeaderBase-AWmc2 a,
  .tvgHeaderBase-AWmc2 button,
  .tvgHeaderBase-AWmc2 select,
  .tvgHeaderBase-AWmc2 input[type="submit"],
  .tvgHeaderBase-AWmc2 input[type="checkbox"] {
    cursor: pointer;
  }

@media (max-width: 1255px) {
  .tvgHeaderBase-AWmc2 {
    z-index: 998;
    padding-right: 8px;
  }
}

@media (min-width: 758px) and (max-width: 967px),(max-width: 757px) {
  .tvgLogo-fuUaH > a {
    margin: 0;
  }
}

.header-RcDaz {
  background-color: #1e4b79;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: auto;
  font-family: 'Arial-MT', Arial, sans-serif;
  height: 68px;
  max-width: 1256px;
}

.header-RcDaz .tvgLogoContact-qt1Ys,
  .header-RcDaz .tvgLogo-fuUaH {
    min-width: 143px;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

.header-RcDaz .tvgLogoContact-qt1Ys > a,
    .header-RcDaz .tvgLogo-fuUaH > a,
    .header-RcDaz .tvgLogoContact-qt1Ys > a > svg,
    .header-RcDaz .tvgLogo-fuUaH > a > svg {
      width: 128px;
      margin: 0 auto;
      height: 68px;
      background-size: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: initial;
          -ms-flex-align: initial;
              align-items: initial;
      -webkit-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

.header-RcDaz .tvgLogoContact-qt1Ys {
    position: absolute;
    left: 0;
    right: 0;
  }

.header-RcDaz .njLogo-mLJlR {
    background: 50% 50%
      url(/hdr/assets/c3440a200f30970f8e95.svg)
      no-repeat;
  }

.header-RcDaz .paLogo-Brqaw {
    background: 50% 50%
      url(/hdr/assets/8747e9508f5ad3426757.svg) no-repeat;
  }

.header-RcDaz .iaLogo-o_HQU {
    background: 50% 50%
      url(/hdr/assets/ddd68b0c4d8429a240c1.svg) no-repeat;
  }

.header-RcDaz .baseLogo-kbX2m {
    background: 50% 50%
      url(/hdr/assets/cbbe7ff23a00d3a491df.svg)
      no-repeat;
  }

.identifyText-NIwCp {
  -ms-flex-item-align: center;
      align-self: center;
  color: #fff;
  padding: 0 8px;
}

.hamburgerBtn-C5RDC {
  margin: 0 24px;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 0;
  background: none;
  border: none;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
  width: 38px;
  min-width: 38px;
  height: 38px;
  outline: none;
  border-radius: 50%;
}

.hamburgerBtn-C5RDC:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

.hamburgerBtn-C5RDC:active {
    background-color: rgba(255, 255, 255, 0.5);
  }

.hamburgerBtn-C5RDC > span {
  background-color: #d6e3f0;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 4px;
  position: absolute;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 1;
  left: 8px;
  top: 12px;
}

.hamburgerBtn-C5RDC > span:nth-child(2) {
  top: 18px;
}

.hamburgerBtn-C5RDC > span:last-child {
  top: 24px;
}

.hamburgerBtn-C5RDC.crossed-US0TO > span:first-child {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  top: 18px;
}

.hamburgerBtn-C5RDC.crossed-US0TO > span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.hamburgerBtn-C5RDC.crossed-US0TO > span:last-child {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  top: 18px;
}

.hamburgerBtnBackground-OrRmL {
  background-color: rgba(255, 255, 255, 0.1);
}

.hamburgerBtnBackground-OrRmL span {
    background-color: #fff;
  }

@media (min-width: 1256px) {
  .hamburgerBtn-C5RDC {
    display: none;
  }
}

@media (max-width: 757px),(min-width: 758px) and (max-width: 967px),(min-width: 968px) and (max-width: 1060px),(min-width: 1061px) and (max-width: 1190px),(min-width: 1191px) and (max-width: 1255px) {
  .tvgLogoStandard-RhFUC {
    width: 220px;
  }
    .headerShadow-EIeuD::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 10px;
      bottom: 0;
      -webkit-box-shadow:
        0px 4px 4px rgba(0, 0, 0, 0.1),
        0px 4px 6px rgba(0, 0, 0, 0.05);
              box-shadow:
        0px 4px 4px rgba(0, 0, 0, 0.1),
        0px 4px 6px rgba(0, 0, 0, 0.05);
      z-index: 10;
    }
}

@media (max-width: 780px),(max-width: 757px) {
  .identifyText-NIwCp {
    display: none;
  }
}


/*# sourceMappingURL=main.23f19f13a1e9c6cb6a5b.css.map*/