/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
body { font-family: 'Abel', sans-serif; font-size: 18px; }

a:hover, a:active, a:focus { color: #04aecc; }

a, a:visited { color: #04aecc; }

a.color-white:hover, a.color-white:active, a.color-white:focus { color: #fff; }

a.color-white, a.color-white:visited { color: #fff; }

a.no-link-styling:hover { text-decoration: none; }

a.no-link-styling, a.no-link-styling:link, a.no-link-styling:active, a.no-link-styling:visited { text-decoration: none; }

a.dashed-underline { border-bottom: dashed 1px #04aecc; text-decoration: none; }

p { margin-bottom: 1.4rem; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 1.5rem; }

h1 { font-family: 'Abel', sans-serif; font-size: 30px; letter-spacing: 0.9px; }

h2 { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 30px; letter-spacing: 1.3px; }

h3 { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 21px; letter-spacing: 0.9px; }

h4, h5, h6 { font-family: sofia-pro, sans-serif; font-weight: 700; font-size: 18px; }

blockquote { font-family: sofia-pro, sans-serif; font-size: 19px; }

label { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase; }

table td { font-size: 18px; }

table label { font-size: 11px; font-weight: 900; letter-spacing: 0.5px; text-transform: uppercase; }

@media (min-width: 992px) { body { font-size: 20px; }
  h1 { font-family: 'Abel', sans-serif; font-size: 40px; }
  h2 { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 40px; letter-spacing: 1.3px; }
  h3 { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 24px; }
  h4, h5, h6 { font-family: sofia-pro, sans-serif; font-weight: 700; font-size: 20px; }
  blockquote { font-family: sofia-pro, sans-serif; font-size: 19px; }
  label { font-size: 16px; } }

@media (min-width: 1200px) { table td { font-size: 20px; }
  table label { font-size: 13px; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.color-turqoise-blue { color: #04aecc !important; }

.color-turqoise-blue-hover:hover { color: #04aecc !important; }

.border-color-turqoise-blue { border-color: #04aecc !important; }

.bg-turqoise-blue { background: #04aecc !important; }

.bg-turqoise-blue-hover:hover { background: #04aecc !important; }

.color-turqoise-blue-darkened { color: #03839a !important; }

.color-turqoise-blue-darkened-hover:hover { color: #03839a !important; }

.border-color-turqoise-blue-darkened { border-color: #03839a !important; }

.bg-turqoise-blue-darkened { background: #03839a !important; }

.bg-turqoise-blue-darkened-hover:hover { background: #03839a !important; }

.color-turtle-green { color: #7fc242 !important; }

.color-turtle-green-hover:hover { color: #7fc242 !important; }

.border-color-turtle-green { border-color: #7fc242 !important; }

.bg-turtle-green { background: #7fc242 !important; }

.bg-turtle-green-hover:hover { background: #7fc242 !important; }

.color-orangey-red { color: #f15a31 !important; }

.color-orangey-red-hover:hover { color: #f15a31 !important; }

.border-color-orangey-red { border-color: #f15a31 !important; }

.bg-orangey-red { background: #f15a31 !important; }

.bg-orangey-red-hover:hover { background: #f15a31 !important; }

.color-white { color: #fff !important; }

.color-white-hover:hover { color: #fff !important; }

.border-color-white { border-color: #fff !important; }

.bg-white { background: #fff !important; }

.bg-white-hover:hover { background: #fff !important; }

.color-black { color: #000 !important; }

.color-black-hover:hover { color: #000 !important; }

.border-color-black { border-color: #000 !important; }

.bg-black { background: #000 !important; }

.bg-black-hover:hover { background: #000 !important; }

.color-grey-medium { color: #777 !important; }

.color-grey-medium-hover:hover { color: #777 !important; }

.border-color-grey-medium { border-color: #777 !important; }

.bg-grey-medium { background: #777 !important; }

.bg-grey-medium-hover:hover { background: #777 !important; }

.color-light-grey { color: #dadada !important; }

.color-light-grey-hover:hover { color: #dadada !important; }

.border-color-light-grey { border-color: #dadada !important; }

.bg-light-grey { background: #dadada !important; }

.bg-light-grey-hover:hover { background: #dadada !important; }

.color-light-grey-other { color: #ebebeb !important; }

.color-light-grey-other-hover:hover { color: #ebebeb !important; }

.border-color-light-grey-other { border-color: #ebebeb !important; }

.bg-light-grey-other { background: #ebebeb !important; }

.bg-light-grey-other-hover:hover { background: #ebebeb !important; }

.color-light { color: #f7f7f7 !important; }

.color-light-hover:hover { color: #f7f7f7 !important; }

.border-color-light { border-color: #f7f7f7 !important; }

.bg-light { background: #f7f7f7 !important; }

.bg-light-hover:hover { background: #f7f7f7 !important; }

.color-dark { color: #2b3137 !important; }

.color-dark-hover:hover { color: #2b3137 !important; }

.border-color-dark { border-color: #2b3137 !important; }

.bg-dark { background: #2b3137 !important; }

.bg-dark-hover:hover { background: #2b3137 !important; }

.color-really-dark { color: #24292e !important; }

.color-really-dark-hover:hover { color: #24292e !important; }

.border-color-really-dark { border-color: #24292e !important; }

.bg-really-dark { background: #24292e !important; }

.bg-really-dark-hover:hover { background: #24292e !important; }

.bg-transparent { background: transparent; }

.bg-transparent-hover:hover { background: transparent; }

.bg-white.color-foreground { color: #000; }

.bg-black.color-foreground { color: #fff; }

.bg-light.color-foreground { color: #000; }

.bg-dark.color-foreground { color: #fff; }

.bg-really-dark.color-foreground { color: #fff; }

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

.pill { border-width: 2px; border-radius: 100px; }

@media (min-width: 576px) { .container.reset { max-width: 540px; } }

@media (min-width: 768px) { .container.reset { max-width: 720px; } }

@media (min-width: 992px) { .container.reset { max-width: 960px; } }

@media (min-width: 1200px) { .container.reset { max-width: 1140px; } }

.table.table-white, .content table.table-white { border-color: transparent; }

.table.table-white td, .content table.table-white td { padding: 1rem 2rem; border-top: 0; border-right: 0; border-bottom: solid 1px #f7f7f7; border-left: 0; background: #fff; vertical-align: middle; }

.table.table-white td:first-child, .content table.table-white td:first-child { width: 30%; border-left: 0; }

.table.table-white .icon, .content table.table-white .icon { position: relative; top: 3px; }

.table.table-white .icon.material-icons, .content table.table-white .icon.material-icons { top: 6px; }

.alert.good { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }

.alert.good hr { border-top-color: #b1dfbb; }

.alert.good .alert-link { color: #0b2e13; }

.alert.alert-error, .alert.bad { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }

.alert.alert-error hr, .alert.bad hr { border-top-color: #ffe8a1; }

.alert.alert-error .alert-link, .alert.bad .alert-link { color: #533f03; }

#swipebox-container #swipebox-bottom-bar { position: absolute; top: 50%; right: 0; bottom: auto; left: 0; -webkit-transition: none; -o-transition: none; transition: none; background: transparent; }

#swipebox-container #swipebox-bottom-bar .visible-bars { -webkit-transform: translate3d(0, -25px, 0); transform: translate3d(0, -25px, 0); }

#swipebox-container #swipebox-arrows { width: 99%; max-width: 100%; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.nav-main { position: absolute; width: 100%; -webkit-transition: background 1s; -o-transition: background 1s; transition: background 1s; border-color: #fff; background: transparent; color: #fff; z-index: 10; }

.nav-main a:hover { text-decoration: none; }

.nav-main a, .nav-main a:link, .nav-main a:active, .nav-main a:visited { text-decoration: none; }

.nav-main a:hover, .nav-main a:active, .nav-main a:focus { color: #fff; }

.nav-main a, .nav-main a:visited { color: #fff; }

.nav-main.mega-menu-open { background: -webkit-gradient(linear, left top, left bottom, from(#2b3137), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, #2b3137, rgba(0, 0, 0, 0)); background: -o-linear-gradient(top, #2b3137, rgba(0, 0, 0, 0)); background: linear-gradient(to bottom, #2b3137, rgba(0, 0, 0, 0)); }

.nav-main.mega-menu-open .mega-menu-trigger .nav-main-icon-close { display: inline; }

.nav-main.mega-menu-open .mega-menu-trigger .nav-main-icon-open { display: none; }

.nav-main-logo-link { padding: 8px 0; }

.nav-main-logo { width: auto; height: 84px; }

.nav-main-trigger { font-size: 20px; }

.nav-main-icon-close { display: none; }

@media (min-width: 768px) { .nav-main-logo-link { padding: 10px 0; }
  .nav-main-trigger { font-size: 22px; } }

@media (min-width: 992px) { .nav-main-logo-link { padding: 20px 0; }
  .nav-main-trigger { font-size: 28px; } }

@media (min-width: 1200px) { .nav-main-logo { height: 100px; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.mega-menu { position: fixed; top: -5vh; left: 0; width: 100vw; height: 0; -webkit-transition: top 0.5s ease, opacity 0.5s ease; -o-transition: top 0.5s ease, opacity 0.5s ease; transition: top 0.5s ease, opacity 0.5s ease; background: #2b3137; opacity: 0; z-index: 6; overflow-y: auto; }

.mega-menu.open { display: block; top: 0; height: 100vh; opacity: 1; }

.mega-menu.open .nav-container { display: block; }

.dash-decorations { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 7; }

.dash-decorations::before { position: absolute; top: 0; left: 0; width: 100%; height: 250px; background: -webkit-gradient(linear, left top, left bottom, from(#2b3137), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, #2b3137, rgba(0, 0, 0, 0)); background: -o-linear-gradient(top, #2b3137, rgba(0, 0, 0, 0)); background: linear-gradient(to bottom, #2b3137, rgba(0, 0, 0, 0)); content: ' '; z-index: 8; }

.dash-column { position: relative; height: 100%; border-left: dashed 1px rgba(255, 255, 255, 0.2); }

.nav-container { display: none; position: relative; padding-top: calc(84px + 2rem); z-index: 9; }

.mega-menu-link:hover, .mega-menu-link:active, .mega-menu-link:focus { color: #fff; }

.mega-menu-link, .mega-menu-link:visited { color: #fff; }

.mega-menu-ul { overflow-y: auto; }

.mega-menu-icon { position: relative; font-size: 28px; }

.mega-menu-title { font-family: sofia-pro, sans-serif; font-weight: 700; display: block; margin: 0 0 0.5rem; padding: 10px 20px; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; background: #04aecc; color: #fff; }

.mega-menu-title:hover { text-decoration: none; }

.mega-menu-title, .mega-menu-title:link, .mega-menu-title:active, .mega-menu-title:visited { text-decoration: none; }

.mega-menu-title:hover { background: #03839a; }

.mega-menu-col { padding-right: 0; padding-left: 0; }

.mega-menu-col .icon-expand { display: inline-block; }

.mega-menu-col .icon-collapse { display: none; }

.mega-menu-col.open .icon-expand { display: none; }

.mega-menu-col.open .icon-collapse { display: inline-block; }

.mega-menu-col.open .mega-menu-sub { display: block; }

.mega-menu-sub { display: none; margin: 0 0 0.5rem; padding: 1rem; border: solid 2px #04aecc; font-size: 21px; list-style: none; }

.mega-menu-sub-item { margin: 0; padding: 0; list-style: none; }

.mega-menu-sub-item-link:hover, .mega-menu-sub-item-link:active, .mega-menu-sub-item-link:focus { color: #fff; }

.mega-menu-sub-item-link, .mega-menu-sub-item-link:visited { color: #fff; }

@media (min-width: 768px) { .mega-menu.open .dash-decorations { display: block; }
  .nav-container { padding-top: 150px; }
  .mega-menu-icon { top: 3px; font-size: 32px; }
  .mega-menu-title { height: 64px; background: none; overflow: visible; }
  .mega-menu-title:hover { background: none; color: #04aecc; }
  .mega-menu-title:hover::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
  .mega-menu-title::before { position: absolute; top: 0; left: -32px; width: 64px; height: 64px; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; background: url("../icons/target.svg") center no-repeat; background-size: 100%; content: ' '; }
  .mega-menu-sub-item-link:hover, .mega-menu-sub-item-link:active, .mega-menu-sub-item-link:focus { color: #04aecc; }
  .mega-menu-sub-item-link, .mega-menu-sub-item-link:visited { color: #fff; }
  .mega-menu-sub-item-link:hover { text-decoration: none; }
  .mega-menu-col { margin-bottom: 1rem; padding-right: 40px; padding-left: 40px; font-size: 21px; }
  .mega-menu-sub { display: block; padding: 0 20px 20px; border: 0; } }

@media (min-width: 992px) { .nav-container { padding-top: 170px; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.footer-main { border-top: dashed 1px rgba(255, 255, 255, 0.2); background: #2b3137; }

.footer-main label { color: #777; font-size: 13px; }

.footer-main a:hover, .footer-main a:active, .footer-main a:focus { color: #fff; }

.footer-main a, .footer-main a:visited { color: #fff; }

@media (min-width: 992px) { .footer-main { font-size: 20px; }
  .footer-main label { font-size: 16px; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.table, .content table { width: 100%; margin-bottom: 1rem; background-color: transparent; }

.table th, .content table th, .table td, .content table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }

.table thead th, .content table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }

.table tbody + tbody, .content table tbody + tbody { border-top: 2px solid #dee2e6; }

.table .table, .content table .table, .table .content table, .content .table table, .content table table { background-color: #fff; }

.table-sm th, .table-sm td { padding: 0.3rem; }

.table-bordered { border: 1px solid #dee2e6; }

.table-bordered th, .table-bordered td { border: 1px solid #dee2e6; }

.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); }

.table-primary, .table-primary > th, .table-primary > td { background-color: #b9e8f1; }

.table-hover .table-primary:hover { background-color: #a4e1ed; }

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #a4e1ed; }

.table-secondary, .table-secondary > th, .table-secondary > td { background-color: #dbeeca; }

.table-hover .table-secondary:hover { background-color: #cee8b7; }

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #cee8b7; }

.table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; }

.table-hover .table-success:hover { background-color: #b1dfbb; }

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; }

.table-info, .table-info > th, .table-info > td { background-color: #bee5eb; }

.table-hover .table-info:hover { background-color: #abdde5; }

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; }

.table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; }

.table-hover .table-warning:hover { background-color: #ffe8a1; }

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; }

.table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; }

.table-hover .table-danger:hover { background-color: #f1b0b7; }

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; }

.table-light, .table-light > th, .table-light > td { background-color: #fdfdfd; }

.table-hover .table-light:hover { background-color: #f0f0f0; }

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f0f0f0; }

.table-dark, .table-dark > th, .table-dark > td { background-color: #c4c5c7; }

.table-hover .table-dark:hover { background-color: #b7b8bb; }

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b7b8bb; }

.table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th, .content table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; }

.table .thead-light th, .content table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; }

.table-dark { color: #fff; background-color: #212529; }

.table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; }

.table-dark.table-bordered { border: 0; }

.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); }

.table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-sm > .table-bordered { border: 0; } }

@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-md > .table-bordered { border: 0; } }

@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-lg > .table-bordered { border: 0; } }

@media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive-xl > .table-bordered { border: 0; } }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

.table-responsive > .table-bordered { border: 0; }

.content img { max-width: 100%; height: auto; }

.content img.leftAlone { display: block; margin-right: 1em; float: none; clear: both; }

.content img.center { display: block; margin-right: auto; margin-left: auto; }

.content img.left { display: block; margin-top: 0; margin-right: 1em; float: left; }

.content img.right { display: block; margin-top: 0; margin-left: 1em; float: right; }

.content table { width: 100% !important; height: auto !important; border-top-width: 4px; border-top-style: solid; background: #f7f7f7; color: #000; }

.content table td { padding: 1rem; vertical-align: middle; }

.content table td:first-child { width: auto; min-width: 100px; padding-right: 2rem; }

.content a { border-bottom-width: 1px; border-bottom-style: dashed; text-decoration: none; }

.content a:hover { text-decoration: none; }

.content.bg-light table { background: #fff; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
input.md-form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; line-height: 1.42857143; }

.bg-dark .userform.userform { background: rgba(0, 0, 0, 0.3); color: #fff; }

.userform.userform { padding-top: 2rem; padding-bottom: 2rem; background: #f7f7f7; color: #000; }

.userform.userform input[type='text'], .userform.userform input[type='email'], .userform.userform input[type='number'], .userform.userform input[type='phone'], .userform.userform select, .userform.userform textarea { width: calc(100% - 2rem); padding: 0.7rem 1rem; border: 1px solid #c4c4c4; -webkit-box-sizing: content-box; box-sizing: content-box; }

.userform.userform .requiredField label::after, .userform.userform label.requiredField::after { content: ' *'; }

.userform.userform fieldset > div, .userform.userform fieldset > fieldset { margin-top: 15px; }

.userform.userform .optionset .middleColumn { width: auto; }

.userform.userform .optionset .middleColumn Ul { margin-left: 0; }

.userform.userform .optionset input { display: inline-block; width: auto; }

/* CWP base */
.form-horizontal .form-group { margin-right: 0; margin-left: 0; }

.form-group, .form-step .field { padding: 1rem 0 0; }

.form-group.form-action, .form-step .field.form-action { margin: 0; padding: 1rem 0; }

.form-control { height: auto; padding: 1rem; }

select.form-control { height: auto; padding: 0.7rem 1rem; }

form.userform div.field { margin-bottom: 15px; }

form.userform div.field::after { display: block; clear: both; content: ""; }

form.userform .requiredField label::after { content: ' *'; }

form.userform .error { color: #f00; }

form.userform .alert-error input, form.userform .uneditable-input, form.userform select, form.userform textarea { height: 1.385em; -webkit-box-shadow: none; box-shadow: none; }

form.userform .error-container div { padding: 15px; border: 2px solid #f00; }

form.userform .error-container ul { list-style-position: inside; }

form.userform .error-container li { padding-top: 6px; }

form.userform .error-container a, form.userform .error-container a:active, form.userform .error-container a:focus, form.userform .error-container a:hover, form.userform .error-container a:visited { margin-bottom: 0; color: #f00; text-decoration: none; cursor: pointer; }

form.userform label.extra { font-style: italic; }

form.userform label.required::after, .requiredField form.userform label::after { content: ' *'; }

.textarea form.userform label.required, .textarea .requiredField form.userform label { width: 100%; max-width: 100%; }

form.userform span.extra { display: block; margin-bottom: 15px; font-style: italic; }

form.userform .requiredField label span.req-indicator, form.userform .requiredField legend span.req-indicator { display: inline-block; position: relative; width: 6px; height: 16px; color: #f00; text-indent: -999px; overflow: hidden; }

form.userform .requiredField label span.req-indicator::after, form.userform .requiredField legend span.req-indicator::after { position: absolute; left: 0; text-indent: 0; content: '*'; }

form.userform .requiredField.checkbox label.checkbox::after { display: inline-block; color: #f00; content: '*'; }

form.userform legend { border-bottom: 1px solid #c4c4c4; color: #414b54; font-size: 1em; }

form.userform textarea { width: 100%; height: 200px; border: solid 1px #c4c4c4; letter-spacing: 1.4px; }

form.userform input.email, form.userform input.text, form.userform select { width: 100%; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; border: solid 1px #c4c4c4; letter-spacing: 1.4px; -webkit-box-sizing: border-box; box-sizing: border-box; }

form.userform input.email:active, form.userform input.email:focus, form.userform input.text:active, form.userform input.text:focus, form.userform select:active, form.userform select:focus { border-color: #ababab; outline: 0; }

form.userform input.email.date, form.userform input.text.date, form.userform select.date { width: 100px; max-width: 100%; }

#IE7 form.userform input.email.date, #IE7 form.userform input.text.date, #IE7 form.userform select.date { width: 100px; }

#IE7 form.userform input.email, #IE7 form.userform input.text, #IE7 form.userform select { width: 490px; height: 20px; line-height: 20px; }

form.userform input.email::-webkit-input-placeholder, form.userform input.text::-webkit-input-placeholder, form.userform select::-webkit-input-placeholder { color: #a0a1a4; }

form.userform input.email::-ms-input-placeholder, form.userform input.text::-ms-input-placeholder, form.userform select::-ms-input-placeholder { color: #a0a1a4; }

form.userform input.email::placeholder, form.userform input.text::placeholder, form.userform select::placeholder { color: #a0a1a4; }

form.userform form ul.optionset { margin-left: 0; list-style: none; }

form.userform div.optionset { margin-left: 0; padding-left: 0; }

form.userform div.optionset input.checkbox { min-height: 9px; }

form.userform div.optionset label.required { margin-top: 5px; float: left; }

form.userform fieldset > .middleColumn { margin-top: 0; }

form.userform .checkbox, form.userform .radio { width: auto; margin-right: 5px; }

form.userform div.date input { margin-right: 5px; }

form.userform .ui-datepicker { width: 15em !important; max-width: 50% !important; }

form.userform .ui-widget { font-size: 12px !important; line-height: 12px !important; }

form.userform .progress-title { margin-top: 45px; margin-bottom: 15px; }

form.userform .userform-progress { position: relative; }

.typography form.userform .userform-progress p { margin-bottom: 0; text-align: right; }

form.userform .userform-progress div.progress { height: 12px; margin-bottom: 0; }

form.userform .userform-progress div.progress-bar { min-width: 1%; max-width: 99%; height: 12px; background: #04aecc; }

form.userform .userformsgroup { margin-top: 3em; margin-bottom: 3em; padding: 1em 0; border: 0; border-top: 1px solid #04aecc; border-bottom: 1px solid #04aecc; border-radius: 0; }

form.userform .userformsgroup > legend { margin-left: 8px; }

form.userform .userformsgroup > legend + .control-group { margin-top: 0; }

.radio input { margin-right: 1rem; }

form { padding: 0 2rem; }

form ul { margin: 0 0 15px; padding: 0; }

form li { position: initial; }

form li::before { display: none; }

form #Remember input.checkbox { min-height: 27px; }

form:not(.SubscribeForm) div.checkbox input.checkbox { margin-left: 0; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.circle-icon { display: inline-block; width: 55px; height: 55px; border: solid 2px #fff; border-radius: 50%; font-size: 34px; line-height: 51px; text-align: center; }

.circle-icon:not(.material-icons) { font-size: 34px; }

.circle-icon .simple-icon { position: relative; top: -2px; }

.circle-icon .simple-icon.md-16 { top: -4px; }

.circle-icon.larger { width: 62px; height: 62px; line-height: 58px; }

.md-14 { font-size: 14px; }

.md-16 { font-size: 16px; }

.md-18 { font-size: 18px; }

.md-22 { font-size: 22px; }

.md-24 { font-size: 24px; }

.md-36 { font-size: 36px; }

.md-48 { font-size: 48px; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.page-banner { position: relative; background-attachment: scroll; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; }

.page-banner::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#2b3137), to(rgba(0, 0, 0, 0.4))); background: -webkit-linear-gradient(bottom, #2b3137, rgba(0, 0, 0, 0.4)); background: -o-linear-gradient(bottom, #2b3137, rgba(0, 0, 0, 0.4)); background: linear-gradient(to top, #2b3137, rgba(0, 0, 0, 0.4)); content: ' '; z-index: 2; }

.page-banner.large .page-banner-inner { height: 100vh; min-height: 100vh; }

.page-banner-mouse-down { width: 55px; height: 55px; background: url("../icons/mouse.svg") center no-repeat; }

.page-banner-inner { position: relative; height: 100px; min-height: 284px; padding-top: 114px; z-index: 3; }

.page-banner-inner.page-banner-inner-with-logo { height: auto; }

@media (min-width: 768px) { .page-banner.large { background-attachment: fixed; }
  .page-banner-inner { min-height: 340px; } }

@media (min-width: 992px) { .page-banner-inner { padding-top: 130px; } }

@media (min-width: 1200px) { .page-banner-inner { padding-top: 150px; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 11px; text-transform: uppercase; }

@media (min-width: 992px) { .content table td:first-child { font-family: sofia-pro, sans-serif; font-weight: 900; font-size: 13px; text-transform: uppercase; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.theme-default .main a:not(.btn):not(.unthemed):hover, .theme-default .main a:not(.btn):not(.unthemed):active, .theme-default .main a:not(.btn):not(.unthemed):focus { color: #04aecc; }

.theme-default .main a:not(.btn):not(.unthemed), .theme-default .main a:not(.btn):not(.unthemed):visited { color: #04aecc; }

.theme-default .main a:not(.btn):not(.unthemed).dashed-underline { border-bottom-color: #04aecc; }

.theme-default .main .content h2 { color: #04aecc; }

.theme-default .main .content a { border-color: #04aecc; }

.theme-default .main .content a:hover, .theme-default .main .content a:active, .theme-default .main .content a:focus { color: #04aecc; }

.theme-default .main .content a, .theme-default .main .content a:visited { color: #04aecc; }

.theme-default .main .content table { border-top-color: #04aecc; }

.theme-default .bg-theme { background: #04aecc; }

.theme-default .bg-theme-hover:hover { background: #04aecc; }

.theme-default .bg-theme-darkened { background: #03839a; }

.theme-default .bg-theme-darkened-hover:hover { background: #03839a; }

.theme-default .bc, .theme-default .bc-theme { border-color: #04aecc; }

.theme-default .color-theme { color: #04aecc; }

.theme-default .color-theme-hover:hover { color: #04aecc; }

.theme-default .themed-bar { width: 80px; height: 4px; background-color: #04aecc; }

.theme-default .table.table-white, .theme-default .content table.table-white, .content .theme-default table.table-white { border-top: solid 4px #04aecc; border-right: solid 1px #f7f7f7; border-bottom: solid 1px #f7f7f7; border-left: solid 1px #f7f7f7; }

.theme-red .main a:not(.btn):not(.unthemed):hover, .theme-red .main a:not(.btn):not(.unthemed):active, .theme-red .main a:not(.btn):not(.unthemed):focus { color: #f15a31; }

.theme-red .main a:not(.btn):not(.unthemed), .theme-red .main a:not(.btn):not(.unthemed):visited { color: #f15a31; }

.theme-red .main a:not(.btn):not(.unthemed).dashed-underline { border-bottom-color: #f15a31; }

.theme-red .main .content h2 { color: #f15a31; }

.theme-red .main .content a { border-color: #f15a31; }

.theme-red .main .content a:hover, .theme-red .main .content a:active, .theme-red .main .content a:focus { color: #f15a31; }

.theme-red .main .content a, .theme-red .main .content a:visited { color: #f15a31; }

.theme-red .main .content table { border-top-color: #f15a31; }

.theme-red .bg-theme { background: #f15a31; }

.theme-red .bg-theme-hover:hover { background: #f15a31; }

.theme-red .bg-theme-darkened { background: #e03c0f; }

.theme-red .bg-theme-darkened-hover:hover { background: #e03c0f; }

.theme-red .bc, .theme-red .bc-theme { border-color: #f15a31; }

.theme-red .color-theme { color: #f15a31; }

.theme-red .color-theme-hover:hover { color: #f15a31; }

.theme-red .themed-bar { width: 80px; height: 4px; background-color: #f15a31; }

.theme-red .table.table-white, .theme-red .content table.table-white, .content .theme-red table.table-white { border-top: solid 4px #f15a31; border-right: solid 1px #f7f7f7; border-bottom: solid 1px #f7f7f7; border-left: solid 1px #f7f7f7; }

.theme-green .main a:not(.btn):not(.unthemed):hover, .theme-green .main a:not(.btn):not(.unthemed):active, .theme-green .main a:not(.btn):not(.unthemed):focus { color: #7fc242; }

.theme-green .main a:not(.btn):not(.unthemed), .theme-green .main a:not(.btn):not(.unthemed):visited { color: #7fc242; }

.theme-green .main a:not(.btn):not(.unthemed).dashed-underline { border-bottom-color: #7fc242; }

.theme-green .main .content h2 { color: #7fc242; }

.theme-green .main .content a { border-color: #7fc242; }

.theme-green .main .content a:hover, .theme-green .main .content a:active, .theme-green .main .content a:focus { color: #7fc242; }

.theme-green .main .content a, .theme-green .main .content a:visited { color: #7fc242; }

.theme-green .main .content table { border-top-color: #7fc242; }

.theme-green .bg-theme { background: #7fc242; }

.theme-green .bg-theme-hover:hover { background: #7fc242; }

.theme-green .bg-theme-darkened { background: #669e33; }

.theme-green .bg-theme-darkened-hover:hover { background: #669e33; }

.theme-green .bc, .theme-green .bc-theme { border-color: #7fc242; }

.theme-green .color-theme { color: #7fc242; }

.theme-green .color-theme-hover:hover { color: #7fc242; }

.theme-green .themed-bar { width: 80px; height: 4px; background-color: #7fc242; }

.theme-green .table.table-white, .theme-green .content table.table-white, .content .theme-green table.table-white { border-top: solid 4px #7fc242; border-right: solid 1px #f7f7f7; border-bottom: solid 1px #f7f7f7; border-left: solid 1px #f7f7f7; }
/*# sourceMappingURL=main.css.map */