.mobile {
  width: 400px; }

/*

Colors

Colors:
$color-gptw-bg-blue: #E3F7FF - background color
$color-gptw-bg-dark-blue: #0045FF - background color
$color-gptw-bg-charcoal: #181818 - background color
$color-gptw-bg-gray: #f7f7f7 - background color
$color-gptw-bg-green: #def2bf - background color
$color-gptw-bg-purple: #eee6fc - background color
$color-gptw-bg-yellow: #FFFAC1 - background color
$color-gptw-bg-royal-blue: #174bd6 - background color
$color-gptw-bg-dark-purple: #401A80 - background color
$color-gptw-bg-pink: #ffd3e8 - background color
$color-gptw-black: #292b30 - accent color
$color-gptw-bright-green: #7dcc00 - accent color
$color-gptw-bright-red: #ff5a5a - accent color
$color-gptw-dark-green: #007373 - accent color
$color-gptw-gold: #ffb81a - accent color
$color-gptw-logo-red: #d50000 - accent color
$color-gptw-teal: #2cd9dd - accent color
$color-gptw-text-navy-blue: #002171 - text color
$color-gptw-text-bright-blue: #0045FF - text color
$color-gptw-text-light-blue: #337DFF - text color
$color-gptw-text-light-grey: #b3b3b3 - text color
$color-gptw-text-medium-grey: #5c6066 - text color
$color-gptw-text-white: #ffffff - text color
$color-gptw-link-background: #DCE6FF - link background color

Styleguide Colors

*/
/* Background colours */
/* Accent colors */
/*

Colors

Various text colors

Markup:
<p class="{{modifier_class}}">A paragraph tag</p>

.font-grey - grey
.font-lighter-grey - light grey
.font-blue - blue


Styleguide Text - Colors

*/
/* CHART COLOURS */
/* LEGACY COLOUR DEFINITIONS */
.full-width {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (min-width: 768px) {
    .full-width {
      padding-top: 80px;
      padding-bottom: 80px; } }
  .full-width.no-y-padding {
    padding-top: 0;
    padding-bottom: 0; }

a.btn {
  display: inline-block; }

.btn {
  font-family: "Sailec-Bold";
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  display: inline-block;
  margin: 0;
  margin-top: 20px;
  text-transform: capitalize !important;
  min-width: auto !important;
  letter-spacing: 1.5px;
  line-height: 100%;
  border-radius: 60px;
  border: none;
  color: white;
  transition: background-color 300ms ease;
  font-size: 12px;
  letter-spacing: 0.15em;
  text-decoration: none;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #0045FF;
  font-size: 12px !important; }
  @media (min-width: 992px) {
    .btn {
      font-size: 16px; } }
  .btn.btn-secondary {
    background-color: #174BD6; }
  .btn.btn-lg {
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px; }
  .btn:hover {
    cursor: pointer;
    color: white;
    background-color: #071E5C;
    box-shadow: none; }
    .btn:hover.btn-secondary {
      background-color: #0d2b7a; }
  .btn:active {
    background-color: #0037cc;
    box-shadow: none; }
    .btn:active.btn-secondary {
      background-color: #123ba8; }
  .btn:focus {
    color: white;
    outline: 1px dashed #0045FF;
    outline-offset: 3px; }
    .btn:focus.btn-secondary {
      outline-color: #174BD6; }
    .btn:focus:active {
      color: white;
      outline: none; }
  .btn.light {
    background-color: white;
    color: #0045FF;
    text-decoration: none; }
    .btn.light:hover {
      background-color: white;
      color: #f9f9f9; }
  .btn.inline {
    display: inline-block; }
  .btn.margin-right {
    margin-right: 20px; }

p .btn {
  margin-bottom: 0; }

.btn {
  font-family: "Sailec-Bold";
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  display: inline-block;
  margin: 0;
  margin-top: 20px;
  text-transform: capitalize !important;
  min-width: auto !important;
  letter-spacing: 1.5px;
  line-height: 100%;
  border-radius: 60px;
  border: none;
  color: white;
  transition: background-color 300ms ease;
  font-size: 12px;
  letter-spacing: 0.15em;
  text-decoration: none;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #0045FF; }
  @media (min-width: 992px) {
    .btn {
      font-size: 16px; } }
  .btn.btn-secondary {
    background-color: #174BD6; }
  .btn.btn-lg {
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px; }
  .btn:hover {
    cursor: pointer;
    color: white;
    background-color: #071E5C;
    box-shadow: none; }
    .btn:hover.btn-secondary {
      background-color: #0d2b7a; }
  .btn:active {
    background-color: #0037cc;
    box-shadow: none; }
    .btn:active.btn-secondary {
      background-color: #123ba8; }
  .btn:focus {
    color: white;
    outline: 1px dashed #0045FF;
    outline-offset: 3px; }
    .btn:focus.btn-secondary {
      outline-color: #174BD6; }
    .btn:focus:active {
      color: white;
      outline: none; }
  .btn.light {
    background-color: white;
    color: #0045FF;
    text-decoration: none; }
    .btn.light:hover {
      background-color: white;
      color: #f9f9f9; }
  .btn.inline {
    display: inline-block; }
  .btn.margin-right {
    margin-right: 20px; }
  .btn.btn-secondary {
    background-color: #174BD6;
    color: white; }
    .btn.btn-secondary:hover {
      background-color: #7c9cf1; }
    .btn.btn-secondary:active {
      color: #002171;
      outline: none; }
  .btn.btn-tertiary {
    background-color: white;
    border: 2px solid #0045FF;
    color: #0045FF; }
    .btn.btn-tertiary:hover {
      background-color: white;
      border-color: #668fff;
      color: #668fff; }
    .btn.btn-tertiary:active {
      color: #0045FF;
      outline: none; }
    .btn.btn-tertiary:focus {
      color: #0045FF; }

.btn-great, .model-btn {
  text-align: center; }
  .btn-great a, .model-btn a {
    font-family: "Sailec-Bold";
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    display: inline-block;
    margin: 0;
    margin-top: 20px;
    text-transform: capitalize !important;
    min-width: auto !important;
    letter-spacing: 1.5px;
    line-height: 100%;
    border-radius: 60px;
    border: none;
    color: white;
    transition: background-color 300ms ease;
    font-size: 12px;
    letter-spacing: 0.15em;
    text-decoration: none;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #0045FF; }
    @media (min-width: 992px) {
      .btn-great a, .model-btn a {
        font-size: 16px; } }
    .btn-great a.btn-secondary, .model-btn a.btn-secondary {
      background-color: #174BD6; }
    .btn-great a.btn-lg, .model-btn a.btn-lg {
      padding: 30px;
      padding-top: 20px;
      padding-bottom: 20px; }
    .btn-great a:hover, .model-btn a:hover {
      cursor: pointer;
      color: white;
      background-color: #071E5C;
      box-shadow: none; }
      .btn-great a:hover.btn-secondary, .model-btn a:hover.btn-secondary {
        background-color: #0d2b7a; }
    .btn-great a:active, .model-btn a:active {
      background-color: #0037cc;
      box-shadow: none; }
      .btn-great a:active.btn-secondary, .model-btn a:active.btn-secondary {
        background-color: #123ba8; }
    .btn-great a:focus, .model-btn a:focus {
      color: white;
      outline: 1px dashed #0045FF;
      outline-offset: 3px; }
      .btn-great a:focus.btn-secondary, .model-btn a:focus.btn-secondary {
        outline-color: #174BD6; }
      .btn-great a:focus:active, .model-btn a:focus:active {
        color: white;
        outline: none; }
    .btn-great a.light, .model-btn a.light {
      background-color: white;
      color: #0045FF;
      text-decoration: none; }
      .btn-great a.light:hover, .model-btn a.light:hover {
        background-color: white;
        color: #f9f9f9; }
    .btn-great a.inline, .model-btn a.inline {
      display: inline-block; }
    .btn-great a.margin-right, .model-btn a.margin-right {
      margin-right: 20px; }
    .btn-great a.btn-white, .model-btn a.btn-white {
      background-color: white;
      color: black;
      border: 2px solid black; }
      .btn-great a.btn-white:hover, .model-btn a.btn-white:hover {
        background-color: white;
        color: black; }

.model-btn a {
  background-color: white; }

.contact_us_link {
  font-family: "Sailec-Bold";
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  display: inline-block;
  margin: 0;
  margin-top: 20px;
  text-transform: capitalize !important;
  min-width: auto !important;
  letter-spacing: 1.5px;
  line-height: 100%;
  border-radius: 60px;
  border: none;
  color: white;
  transition: background-color 300ms ease;
  font-size: 12px;
  letter-spacing: 0.15em;
  text-decoration: none;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #0045FF;
  background-color: white;
  color: black;
  border: 2px solid black;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media (min-width: 992px) {
    .contact_us_link {
      font-size: 16px; } }
  .contact_us_link.btn-secondary {
    background-color: #174BD6; }
  .contact_us_link.btn-lg {
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px; }
  .contact_us_link:hover {
    cursor: pointer;
    color: white;
    background-color: #071E5C;
    box-shadow: none; }
    .contact_us_link:hover.btn-secondary {
      background-color: #0d2b7a; }
  .contact_us_link:active {
    background-color: #0037cc;
    box-shadow: none; }
    .contact_us_link:active.btn-secondary {
      background-color: #123ba8; }
  .contact_us_link:focus {
    color: white;
    outline: 1px dashed #0045FF;
    outline-offset: 3px; }
    .contact_us_link:focus.btn-secondary {
      outline-color: #174BD6; }
    .contact_us_link:focus:active {
      color: white;
      outline: none; }
  .contact_us_link.light {
    background-color: white;
    color: #0045FF;
    text-decoration: none; }
    .contact_us_link.light:hover {
      background-color: white;
      color: #f9f9f9; }
  .contact_us_link.inline {
    display: inline-block; }
  .contact_us_link.margin-right {
    margin-right: 20px; }
  .contact_us_link:hover {
    background-color: white;
    color: black; }
  .contact_us_link i {
    margin-left: 5px; }

.a-desk-widget-chat, .assistly-widget a {
  font-family: "Sailec-Bold";
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  display: inline-block;
  margin: 0;
  margin-top: 20px;
  text-transform: capitalize !important;
  min-width: auto !important;
  letter-spacing: 1.5px;
  line-height: 100%;
  border-radius: 60px;
  border: none;
  color: white;
  transition: background-color 300ms ease;
  font-size: 12px;
  letter-spacing: 0.15em;
  text-decoration: none;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #0045FF;
  background-color: white;
  color: black;
  border: 2px solid black; }
  @media (min-width: 992px) {
    .a-desk-widget-chat, .assistly-widget a {
      font-size: 16px; } }
  .a-desk-widget-chat.btn-secondary, .assistly-widget a.btn-secondary {
    background-color: #174BD6; }
  .a-desk-widget-chat.btn-lg, .assistly-widget a.btn-lg {
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px; }
  .a-desk-widget-chat:hover, .assistly-widget a:hover {
    cursor: pointer;
    color: white;
    background-color: #071E5C;
    box-shadow: none; }
    .a-desk-widget-chat:hover.btn-secondary, .assistly-widget a:hover.btn-secondary {
      background-color: #0d2b7a; }
  .a-desk-widget-chat:active, .assistly-widget a:active {
    background-color: #0037cc;
    box-shadow: none; }
    .a-desk-widget-chat:active.btn-secondary, .assistly-widget a:active.btn-secondary {
      background-color: #123ba8; }
  .a-desk-widget-chat:focus, .assistly-widget a:focus {
    color: white;
    outline: 1px dashed #0045FF;
    outline-offset: 3px; }
    .a-desk-widget-chat:focus.btn-secondary, .assistly-widget a:focus.btn-secondary {
      outline-color: #174BD6; }
    .a-desk-widget-chat:focus:active, .assistly-widget a:focus:active {
      color: white;
      outline: none; }
  .a-desk-widget-chat.light, .assistly-widget a.light {
    background-color: white;
    color: #0045FF;
    text-decoration: none; }
    .a-desk-widget-chat.light:hover, .assistly-widget a.light:hover {
      background-color: white;
      color: #f9f9f9; }
  .a-desk-widget-chat.inline, .assistly-widget a.inline {
    display: inline-block; }
  .a-desk-widget-chat.margin-right, .assistly-widget a.margin-right {
    margin-right: 20px; }
  .a-desk-widget-chat:hover, .assistly-widget a:hover {
    background-color: white;
    color: black; }
  .a-desk-widget-chat i, .assistly-widget a i {
    margin-right: 5px; }

.banner-cont .banner-cont-desc .btn-transperant.btn-white {
  font-family: "Sailec-Bold";
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  display: inline-block;
  margin: 0;
  margin-top: 20px;
  text-transform: capitalize !important;
  min-width: auto !important;
  letter-spacing: 1.5px;
  line-height: 100%;
  border-radius: 60px;
  border: none;
  color: white;
  transition: background-color 300ms ease;
  font-size: 12px;
  letter-spacing: 0.15em;
  text-decoration: none;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #0045FF;
  background-color: white;
  color: black;
  border: 2px solid black;
  display: block;
  max-width: 300px; }
  @media (min-width: 992px) {
    .banner-cont .banner-cont-desc .btn-transperant.btn-white {
      font-size: 16px; } }
  .banner-cont .banner-cont-desc .btn-transperant.btn-white.btn-secondary {
    background-color: #174BD6; }
  .banner-cont .banner-cont-desc .btn-transperant.btn-white.btn-lg {
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px; }
  .banner-cont .banner-cont-desc .btn-transperant.btn-white:hover {
    cursor: pointer;
    color: white;
    background-color: #071E5C;
    box-shadow: none; }
    .banner-cont .banner-cont-desc .btn-transperant.btn-white:hover.btn-secondary {
      background-color: #0d2b7a; }
  .banner-cont .banner-cont-desc .btn-transperant.btn-white:active {
    background-color: #0037cc;
    box-shadow: none; }
    .banner-cont .banner-cont-desc .btn-transperant.btn-white:active.btn-secondary {
      background-color: #123ba8; }
  .banner-cont .banner-cont-desc .btn-transperant.btn-white:focus {
    color: white;
    outline: 1px dashed #0045FF;
    outline-offset: 3px; }
    .banner-cont .banner-cont-desc .btn-transperant.btn-white:focus.btn-secondary {
      outline-color: #174BD6; }
    .banner-cont .banner-cont-desc .btn-transperant.btn-white:focus:active {
      color: white;
      outline: none; }
  .banner-cont .banner-cont-desc .btn-transperant.btn-white.light {
    background-color: white;
    color: #0045FF;
    text-decoration: none; }
    .banner-cont .banner-cont-desc .btn-transperant.btn-white.light:hover {
      background-color: white;
      color: #f9f9f9; }
  .banner-cont .banner-cont-desc .btn-transperant.btn-white.inline {
    display: inline-block; }
  .banner-cont .banner-cont-desc .btn-transperant.btn-white.margin-right {
    margin-right: 20px; }
  .banner-cont .banner-cont-desc .btn-transperant.btn-white:hover {
    background-color: white;
    color: black; }

#gptw-accordion .description, #gptw-accordion .title {
  padding: 10px 10px; }
#gptw-accordion .description {
  display: none;
  border-bottom: 1px solid grey; }
#gptw-accordion .title {
  cursor: pointer;
  background-color: #f3f3f3;
  border-bottom: 1px solid grey; }

.contact_us_link {
  text-transform: uppercase; }

/*   @import 'gptw-framework-variables';
  @import 'gptw-modules'; */

/*# sourceMappingURL=backwards-compatible-css.css.map */