/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

/* nunito-regular - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('/webfonts/nunito-v11-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Nunito Regular'), local('Nunito-Regular'),
        url('/webfonts/nunito-v11-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/webfonts/nunito-v11-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/webfonts/nunito-v11-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('/webfonts/nunito-v11-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/webfonts/nunito-v11-latin-regular.svg#Nunito') format('svg');
    /* Legacy iOS */
}

/* nunito-600 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url('/webfonts/nunito-v11-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Nunito SemiBold'), local('Nunito-SemiBold'),
        url('/webfonts/nunito-v11-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/webfonts/nunito-v11-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/webfonts/nunito-v11-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('/webfonts/nunito-v11-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/webfonts/nunito-v11-latin-600.svg#Nunito') format('svg');
    /* Legacy iOS */
}

/* nunito-700 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url('/webfonts/nunito-v11-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Nunito Bold'), local('Nunito-Bold'),
        url('/webfonts/nunito-v11-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/webfonts/nunito-v11-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/webfonts/nunito-v11-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('/webfonts/nunito-v11-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/webfonts/nunito-v11-latin-700.svg#Nunito') format('svg');
    /* Legacy iOS */
}

/* nunito-sans-regular - latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/webfonts/nunito-sans-v5-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Nunito Sans Regular'), local('NunitoSans-Regular'),
        url('/webfonts/nunito-sans-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/webfonts/nunito-sans-v5-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/webfonts/nunito-sans-v5-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('/webfonts/nunito-sans-v5-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/webfonts/nunito-sans-v5-latin-regular.svg#NunitoSans') format('svg');
    /* Legacy iOS */
}

/* nunito-sans-600 - latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/webfonts/nunito-sans-v5-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'),
        url('/webfonts/nunito-sans-v5-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/webfonts/nunito-sans-v5-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/webfonts/nunito-sans-v5-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('/webfonts/nunito-sans-v5-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/webfonts/nunito-sans-v5-latin-600.svg#NunitoSans') format('svg');
    /* Legacy iOS */
}

/* nunito-sans-700 - latin */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/webfonts/nunito-sans-v5-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Nunito Sans Bold'), local('NunitoSans-Bold'),
        url('/webfonts/nunito-sans-v5-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/webfonts/nunito-sans-v5-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('/webfonts/nunito-sans-v5-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('/webfonts/nunito-sans-v5-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/webfonts/nunito-sans-v5-latin-700.svg#NunitoSans') format('svg');
    /* Legacy iOS */
}

html {
    font-size: 10px;
    line-height: 1.4;
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*
* A better looking default horizontal rule
*/


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #ddf4f9;
    margin: 1em 0;
    padding: 0;
}

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}

body {
    background: #fff;
    padding: 0;
    margin: 0;
    font-family: 'Nunito', Geneva, Tahoma, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    color: #446B7C;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h1,
.h1 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 3.6rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: 0.64px;
    color: #ffffff;
}

h2,
.h2 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 2.8rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    color: #2a3690;
}

h3,
.h3 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    color: #2a3690;
    margin-bottom: .5rem;
}

h4,
.h4 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    color: #2a3690;
}

h6,
.h6 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #2a3690;
}

h3.p,
h2.p {
    font-size: 1.6rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    color: #446B7C;
    margin-bottom: 15px;
}

a {
    color: #2a3690;
    font-weight: 600;
}

ul {
    list-style: none;
}

ul,
li {
    margin: 0;
    padding: 0;
}

section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    overflow: hidden;
}

@media (max-width: 992px) {
    section {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

header {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    overflow: hidden;
}

header h1 {
    z-index: 2;
    position: relative;
}

header img {
    right: 0;
    top: 0;
    height: 100%;
}

@media (max-width: 1200px) and (min-width: 992px) {
    header img {
        right: -12.5rem;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    header img {
        right: -40rem;
    }
}

@media (max-width: 767px) {
    header img {
        display: none;
    }
}

.no-break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    display: inline-block
}

/* button styles
-------------------------------------------------- */
.btn {
    border: 0;
    padding: 0;
    background: none;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    border-radius: 0;
    text-align: center;
}

.btn.small {
    font-size: inherit;
    font-weight: inherit;
    padding: .5rem 1.5rem;
    min-width: 10rem;
}

.btn.medium {
    font-size: inherit;
    font-weight: bold;
    padding: 1.5rem 2.5rem;
    min-width: 19.5rem;
}

/* button type and color */

.btn.outline.border-ziggurat {
    border-color: #bad7de;
    color: #446b7c;
}

.btn.outline.border-ziggurat:hover {
    border-color: #446b7c;
    background: #446b7c;
    color: #fff;
}

.btn.outline.border-coral {
    border-color: #fa7268;
    color: #fa7268;
}

.btn.outline.border-coral:hover {
    background: #fa7268;
    color: #fff;
    border-color: #fa7268;
}

.btn.outline.border-white {
    border-color: #ffffff;
    color: #ffffff;
}

.btn.outline.border-white:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #2a3690;
}

.btn.lite-chambray {
    background: #3153bb;
    color: #fff;
    border: 1px solid #3153bb;
}

.btn.lite-chambray:hover {
    background: #2a3690;
    border: 1px solid #2a3690;
}

.btn.lite-chambray.border-bottom-coral,
.btn.lite-chambray.border-bottom-coral:hover {
    border-bottom: 2px solid #FA7268;
}

.btn.downy {
    background: #5fd7ad;
    color: #fff;
    border: 1px solid #5fd7ad;
}

.btn.downy:hover {
    background: #55bf9a;
    border: 1px solid #55bf9a;
}

.btn.coral {
    background: #fa7268;
    color: #fff;
    border: 1px solid #fa7268;
}

.btn.coral:hover {
    background: #fa594d;
    border: 1px solid #fa594d;
}

.btn.white {
    background: #ffffff;
    color: #fa7268;
}

/* anchor tag styles */
a.text-link,
a.text-link:hover {
    text-decoration: underline !important;
    font-family: 'Nunito', sans-serif;
    font-size: initial;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    cursor: pointer;
    color: #3153bb !important;
}

span.text-link {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

a.learn-more,
a.learn-more:hover,
p.learn-more,
p.learn-more:hover {
    text-decoration: none !important;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    position: relative;
}

a.learn-more:after,
p.learn-more:after {
    display: inline-block;
    margin-left: .35em;
    vertical-align: 0;
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}

/* set color here */

a.learn-more.coral,
p.learn-more.coral {
    color: #fa7268;
}

a.learn-more.coral:hover,
p.learn-more.coral:hover {
    color: #fa594d;
}

a.learn-more.downy,
p.learn-more.downy {
    color: #2a3690;
}

a.learn-more.downy:hover,
p.learn-more.downy:hover {
    color: #55bf9a;
}

a.read-more,
a.read-more:hover {
    text-decoration: underline !important;
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    position: relative;
}

a.link-wrap {
    text-decoration: none;
}

a.link-wrap p.default,
a.link-wrap p.default:hover {
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    color: #446B7C;
}

/* ultility styles
-------------------------------------------------- */

.d-list-item {
    display: list-item;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-3 {
    z-index: 3;
}

.box-shadow {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
}

.border-top.white-ice {
    border-color: #ddf4f9;
}

.border.white-ice {
    border-color: #ddf4f9;
}

span.parallelogram-left.downy {
    position: absolute;
    width: 40px;
    height: 50px;
    transform: skew(40deg);
    background: #5fd7ad;
    top: 0;
    right: 430px;
}

span.triangle-up.lite-chambray {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #3153bb;
    top: -1px;
    right: 455px;
}

span.parallelogram-right.downy {
    position: absolute;
    width: 40px;
    height: 50px;
    transform: skew(40deg);
    background: #5fd7ad;
}

span.triangle-down.lite-chambray {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #3153bb;
}

section.background-lite-chambray span.triangle-up.lite-chambray {
    border-bottom-color: #2a3690;
}

.outline {
    border: 1.5px solid;
}

.outline.border-ziggurat {
    border-color: #bad7de;
}

.background-white {
    background-color: #ffffff;
}

.background-grey {
    background-color: #f7f9fa;
}

.background-light-grey {
    background-color: #F9F9FA;
}

.background-downy {
    background-color: #5fd7ad;
}

.background-lite-chambray {
    background-color: #3153bb;
}

.background-chambray {
    background-color: #2a3690;
}

.background-white-ice {
    background-color: #ddf4f9;
}

.font-color-coral {
    color: #fa7268;
}

.font-color-white {
    color: #ffffff;
}

.font-color-downy {
    color: #5fd7ad;
}

.font-color-chambray {
    color: #2a3690;
}

.font-color-white-ice {
    color: #ddf4f9;
}

.font-size-12 {
    font-size: 1.2rem;
    line-height: normal;
}

.font-size-14 {
    font-size: 1.4rem;
    line-height: normal;
}

.font-size-18 {
    font-size: 1.8rem;
}

.font-size-20 {
    font-size: 2rem;
    line-height: normal;
}

.font-size-22 {
    font-size: 2.2rem;
    line-height: normal;
}

span.shape {
    width: 100%;
    position: absolute;
    -webkit-transform: skewY(145deg);
    -moz-transform: skewY(145deg);
    -ms-transform: skewY(145deg);
    -o-transform: skewY(145deg);
    transform: skewY(125deg);
}

span.shape.lite-chambray {
    border-bottom: 2px solid #3153bb;
}

span.shape.white-ice {
    border-bottom: 2px solid #ddf4f9;
}

span.shape.ziggurat {
    border-bottom: 2px solid #bad7de;
}

.shape.outer.top-left {
    top: 0;
    right: 860px;
}

.shape.outer.top-left:nth-of-type(2) {
    top: 0;
    right: 870px;
}

.shape.outer.top-left:nth-of-type(3) {
    top: 0;
    right: 880px;
}

.shape.outer.top-left:nth-of-type(4) {
    top: 0;
    right: 890px;
}

.shape.outer.top-left:nth-of-type(5) {
    top: 0;
    right: 900px;
}

.shape.outer.top-left:nth-of-type(6) {
    top: 0;
    right: 910px;
}

.shape.outer.top-left:nth-of-type(7) {
    top: 0;
    right: 920px;
}

.shape.outer.top-left:nth-of-type(8) {
    top: 0;
    right: 930px;
}

.shape.outer.top-left:nth-of-type(9) {
    top: 0;
    right: 940px;
}

.shape.outer.bottom-right {
    bottom: 0;
    left: 1020px;
}

.shape.outer.bottom-right:nth-of-type(2) {
    bottom: 0;
    left: 1035px;
}

.shape.outer.bottom-right:nth-of-type(3) {
    bottom: 0;
    left: 1050px;
}

.shape.outer.bottom-right:nth-of-type(4) {
    bottom: 0;
    left: 1065px;
}

.shape.outer.bottom-right:nth-of-type(5) {
    bottom: 0;
    left: 1080px;
}

.shape.outer.bottom-right:nth-of-type(6) {
    bottom: 0;
    left: 1095px;
}

.shape.outer.bottom-right:nth-of-type(7) {
    bottom: 0;
    left: 1115px;
}

.shape.outer.bottom-right:nth-of-type(8) {
    bottom: 0;
    left: 1130px;
}

.shape.outer.bottom-right:nth-of-type(9) {
    bottom: 0;
    left: 1145px;
}

/* table styles
-------------------------------------------------- */
table.table-style td {
    padding: 1rem;
}


table.table-style td:nth-child(3), table.table-style td:nth-child(4) {
    word-break: break-word;
    max-width: 250px;
    }


/* list styles
-------------------------------------------------- */

ul span.text-bold {
    font-weight: bold;
}

ul span.nunito-sans {
    font-family: 'Nunito Sans', sans-serif;
}

ul.william li {
    margin-left: 2rem;
}

ul.william li:before {
    display: inline-block;
    content: '•';
    color: #446b7c;
    width: 2rem;
    margin-left: -2rem;
}

ul.white li {
    margin-left: 2rem;
}

ul.white li:before {
    display: inline-block;
    content: '•';
    color: #ffffff;
    width: 3rem;
    margin-left: -3rem;
}

ul.coral li {
    margin-left: 2rem;
}

ul.coral li:before {
    display: inline-block;
    content: '•';
    color: #fa7268;
    width: 3rem;
    margin-left: -3rem;
}

ul.downy.supp-forms {
    max-width: none;
    column-count: 1;
    list-style-type: none;
}

ul.downy {
    max-width: 20rem;
    column-count: 2;
    list-style-type: none;
}

ul.downy li {
    text-align: left;
    display: inline-block;
    width: 100%;
    color: #5fd7ad;
}

ul.downy li:before {
    display: inline-block;
    content: '•';
    color: #5fd7ad;
    width: 2rem;
    margin-left: 0;
}

ol.downy {
    padding: 0;
    margin: 10px 0;
}

ol.downy li {
    position: relative;
    width: 100%;
    list-style: none;
    padding-left: 60px;
    margin: 0 0 25px;
    line-height: 1.4em;
    text-align: left;
    counter-increment: section;
}

ol.downy li:before {
    content: counter(section) ". ";
    color: #5fd7ad;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 0;
    position: absolute;
    top: 13px;
    left: 5px;
}

.ol-mb-2 li:not(:last-of-type),
.ol-mb-2 ol li,
.ol-mb-2 ul li {
    margin-bottom: .5rem;
}

.icon {
    max-width: 12rem;
    max-height: 9rem;
}

ul.checkmark {
    position: relative;
}

ul.checkmark li {
    margin-left: 2.5rem;
}

ul.checkmark li:before {
    position: absolute;
    content: '';
    width: 4rem;
    height: 2.5rem;
    background: url('/img/test_version/Illustrations/Icons/checkmark.png') no-repeat;
    background-position: bottom left;
    background-size: 2.5rem;
    margin-left: -4rem;
}

/* blockquote styles
-------------------------------------------------- */

blockquote.chambray {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
    color: #2a3690;
    border-left: 5px solid #2a3690;
}

/* form styles
-------------------------------------------------- */

.newsletter-iframe {
    width: 100%;
    min-height: 30rem;
    margin: 0 auto;
}

.form-group {
    position: relative;
    z-index: 1;
}

input.form-control {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #526f8a;
    border: 1.5px solid #bad7de;
    border-radius: 0;
    height: 57px;
    padding: 16px;
    position: relative;
    z-index: 2;
    background: transparent;
}

select.form-control {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #526f8a;
    border: 1.5px solid #bad7de;
    border-radius: 0;
    height: 57px;
    padding: 16px;
    position: relative;
    z-index: 2;
    background: transparent;
}

label {
    position: absolute;
    z-index: 2;
    top: -8px;
    left: 30px;
    margin: 0;
    padding: 0 4px;
    font-family: 'Nunito', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #446b7c;
    opacity: 1;
    transform-origin: center left;
    transform: translate(0, 0) scale(1);
    transition: all .15s ease-in-out;
    background-color: #ffffff;
}

input.form-control:focus {
    border: 1.5px solid #3153bb;
    background-color: #fff;
    outline: 0;
    box-shadow: none;
    z-index: 1;
}

input.form-control:valid+label,
input.form-control:focus+label,
.has-error input.form-control+label {
    top: -8px;
    left: 30px;
    font-size: 12px;
    background: #fff;
    opacity: 1;
    z-index: 2
}

input.form-control:focus+label {
    color: #3153bb;
}

input.form-control:valid.ng-dirty+label,
input.form-control.ng-valid.ng-dirty.ng-touched+label {
    color: #446b7c;
}

.form-group.has-error input.form-control+label {
    color: #d8000c;
}

.form-group.has-error input.form-control+label span {
    display: none;
}

.form-group.has-error input.form-control {
    border-color: #d8000c;
}

/*when there is extra content in the label dont show the extra content on focus valid or error*/
input.form-control:valid.ng-dirty+label:first-of-type span,
input.form-control:focus+label:first-of-type span {
    display: none;
}

.form-group.has-error .help-block {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #d8000c;
    text-align: left;
    padding: 4px 16px;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1.5px solid #bad7de;
    -webkit-text-fill-color: #526f8a;
    box-shadow: 0 0 0px 1000px #fff inset;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
    border-color: #3153bb;
}

/*override bootstrap form input icons*/
input.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url('./assets/icons/round-error-24px.svg');
    border: 1.5px solid #d8000c;
    background-size: 1.8rem 1.8rem;
    background-repeat: no-repeat;
}

input.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: url('./assets/icons/round-check_circle-24px.svg');
    border: 1.5px solid #bad7de !important;
    background-size: 1.8rem 1.8rem;
    background-repeat: no-repeat;
}

.form-group.has-error input.form-control.ng-untouched.ng-pristine.ng-invalid {
    background-image: url('./assets/icons/round-error-24px.svg');
    border: 1.5px solid #d8000c;
    background-size: 1.8rem 1.8rem;
    background-position: center right calc(.375em + .1875rem);
    background-repeat: no-repeat;
}

/*// override bootstrap form input valid/invalid focus state*/
input.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
input.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    box-shadow: none;
}

input.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #3153bb !important;
}

/* eguide form styles */
#e-guide-download-form .error-message {
    display: none;
    margin-top: .5rem;
}


/* slick slider styles
-------------------------------------------------- */
.slick-prev:before,
.slick-next:before {
    font-family: 'Material Icons';
    font-size: 32px;
    font-weight: 100;
    line-height: 1;
    color: #ffffff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    position: absolute;
    top: calc(50% - 40px);

}

.slick-prev:before {
    content: "chevron_left";
    padding-right: 2.5rem;
    left: -75px;
}

[dir="rtl"] .slick-prev:before {
    content: "chevron_left";
}

.slick-next:before {
    content: "chevron_right";
    padding-left: 2.5rem;
    right: -75px;
}

[dir="rtl"] .slick-next:before {
    content: "chevron_right";
}

.slick-track {
    display: flex;
}

.single-item {
    background: #fff;
    width: calc(100% - 150px);
    margin: 0 auto 90px auto;
    border-radius: 8px;
}

.slick-list {
    border-radius: 8px;
}

.slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}



/* live chat styles
-------------------------------------------------- */

.new-live-chat {
    color: #444444;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
}

.new-live-chat-wrapper {
    margin-top: -25px;
    margin-right: 15px;
    position: absolute;
    right: 0;
    display: none;
}

.new-live-chat a {
    color: #444444;
    text-decoration: none;
}

.new-live-chat a:hover {
    color: #3f4895;
    text-decoration: none;
}

.new-live-chat img {
    margin-right: 5px;
}


/* Navabr styles
-------------------------------------------------- */
.navbar {
    padding-top: 1.5rem;
}

.navbar .navbar-brand {
    padding-bottom: 1.5rem;
}

.navbar .container-fluid {
    align-content: center;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .navbar .container-fluid {
        max-width:540px
    }
}

@media (max-width: 992px) {
    .navbar .container-fluid {
        max-width:720px
    }
}

@media (max-width: 1200px) {
    .navbar .container-fluid {
        max-width:960px
    }
}

.navbar .container-fluid .navbar-brand {
    order: 1
}

.navbar .container-fluid .navbar-toggler {
    order: 2
}

.navbar .container-fluid #navbars {
    order: 3
}

.navbar .container-fluid #account-buttons {
    order: 4
}

.navbar .dropdown-menu {
    color: #446b7c;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
}

.dropdown-menu-icon:before {
    content: 'menu';
    font-family: 'Material Icons';
    font-size: 2.2rem;
}

.navbar-toggler[aria-expanded="true"] .dropdown-menu-icon:before {
    content: 'close';
}

.dropdown-menu-icon:before {
    content: 'menu';
    font-family: 'Material Icons';
    font-size: 2.2rem;
}

.navbar .dropdown-item {
    color: #446b7c;
}

.navbar .dropdown-item:hover {
    color: #446b7c;
    background-color: #e9ecf0;
}

#navbars.collapse.navbar-collapse {
    flex-grow: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.navbar .navbar-collapse.show .dropdown-item:hover {
    background-color: transparent;
}

.navbar .navbar-collapse.show .dropdown-menu {
    border: none;
    border-bottom: 1px solid #BAD7DE;
    box-shadow: none;
    background-color: #ddf4f9;
    margin: 0 auto;
}

.navbar.lite-chambray .dropdown-menu {
    color: #3153bb;
    font-weight: bold;
}

.navbar.lite-chambray .dropdown-item {
    color: #3153bb;
    font-weight: bold;
}

.navbar.lite-chambray .dropdown-item:hover {
    color: #3153bb;
    font-weight: bold;
}

.navbar.lite-chambray .navbar-collapse.show .dropdown-item {
    text-align: center;
}

/* overide for bootstrap caret */
.navbar .dropdown-toggle:after {
    border: none;
    font-family: 'Material Icons';
    content: "keyboard_arrow_down";
    font-feature-settings: 'liga';
    margin-left: .455em;
    vertical-align: -2px;
}

/* ovverides for bootstrap light theme */

.navbar-light .navbar-brand {
    color: #446b7c;
}

.navbar-light .navbar-nav .nav-link {
    color: #446b7c;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #446b7c;
}

.navbar-light .navbar-collapse.show .navbar-nav .nav-link.dropdown-toggle:hover,
.navbar-light .navbar-collapse.show .navbar-nav .nav-link.dropdown-toggle:focus {
    background-color: transparent;
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #446b7c;
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #446b7c;
}

.navbar-light .navbar-nav .nav-link.dropdown-toggle:hover,
.navbar-light .navbar-nav .nav-link.dropdown-toggle:focus {
    background-color: #e9ecf0;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: transparent;
}

.navbar-light .navbar-text {
    color: #446b7c;
}

.navbar-light .navbar-text a {
    color: #446b7c;
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: #446b7c;
}

/* lite chambray navbar */
.navbar-light.lite-chambray .navbar-brand {
    color: #3153bb;
    font-weight: bold;
}

.navbar-light.lite-chambray .navbar-nav .nav-link {
    color: #3153bb;
    font-weight: bold;
}

.navbar-light.lite-chambray .navbar-nav .nav-link:hover,
.navbar-light.lite-chambray .navbar-nav .nav-link:focus {
    color: #3153bb;
    font-weight: bold;
}

.navbar-light.lite-chambray .navbar-nav .nav-link.disabled {
    color: #3153bb;
    font-weight: bold;
}

.navbar-light.lite-chambray .navbar-nav .show>.nav-link,
.navbar-light.lite-chambray .navbar-nav .active>.nav-link,
.navbar-light.lite-chambray .navbar-nav .nav-link.show,
.navbar-light.lite-chambray .navbar-nav .nav-link.active {
    color: #3153bb;
    font-weight: bold;
}

.navbar-light.lite-chambray .navbar-text {
    color: #3153bb;
    font-weight: bold;
}

.navbar-light.lite-chambray .navbar-text a {
    color: #3153bb;
    font-weight: bold;
}

.navbar-light.lite-chambray .navbar-text a:hover,
.navbar-light.lite-chambray .navbar-text a:focus {
    color: #3153bb;
    font-weight: bold;
}

.navbar-light .navbar-toggler {
    color: rgba(49, 83, 187, 1);
    z-index: 1001;
}

.navbar .nav-button {
    display: none;
}

@media (min-width: 1199px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 1.15rem;
        padding-left: 1.15rem;
    }
}

@media (max-width: 1199px) {
    .navbar .container-fluid .navbar-brand {
        order: 1
    }

    .navbar .container-fluid .navbar-toggler {
        order: 3
    }

    .navbar .container-fluid #navbars {
        order: 4
    }

    .navbar .container-fluid #account-buttons {
        order: 2;
        margin-left: auto;
    }

    .navbar-collapse {
        background-color: #ddf4f9;
        position: absolute;
        top: 7.15rem;
        left: 0px;
        z-index: 10000;
        width: 100%;
    }

    .navbar-nav {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        text-align: center;
    }

    .navbar .dropdown-item {
        font-size: 1.4rem;
        padding: .5rem 1.5rem;
        text-align: center;
    }
}

@media (max-width: 500px) {
    #account-buttons .btn.lite-chambray.small {
        display: none;
    }

    .navbar .nav-button {
        display: block;
        width: 100%;
    }
}

/* Image styles
-------------------------------------------------- */

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

/* Footer styles
-------------------------------------------------- */

.footer {
    width: 100%;
    height: auto;
    /* Vertically center the text there */
    border-top: 1.5px solid #ddf4f9;
    font-size: 1.4rem;
}

footer ul li a {
    color: #446b7c;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
}

.footer.colored-background {
    background-color: #f7f9fa;
    font-weight: 600;
    border-top: none;
}

.footer .container {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.footer h4 {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #2a3690;
    text-transform: uppercase;
}

.footer img {
    vertical-align: middle;
}

.footer a.text-link,
.footer a.text-link:hover {
    font-size: 1.2rem;
    font-weight: normal;
}

.footer .divider {
    border-right: 1px solid #bad7de;
    padding-top: 10px;
    padding-bottom: 15px;
}

#start-using-efile4biz-today .start-filing-img {
    top: -78px;
    left: calc(100% - 590px);
}

/* Large devices (desktops, 576px and down) */
@media (max-width: 576px) {
    .button-grouping .btn {
        width: 100%;
    }
}

/* Large devices (desktops, 992px and down) */
@media (max-width: 992px) {
    #start-using-efile4biz-today {
        padding-bottom: 0;
    }

    #start-using-efile4biz-today .start-filing-img {
        display: block;
        position: relative !important;
        margin-top: 35px;
        top: unset;
        left: unset;
        bottom: 0;
    }

    #start-using-efile4biz-today .start-filing-img img {
        width: 100%;
        height: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
}

/* Subpage Styles */

.article .col>img:first-child {
    margin-bottom: 30px;
    width: 100%;
    height: auto;
}

.article .col p,
.copy p {
    margin-bottom: 15px;
}

.article .col p>a,
.article .col li>a,
.copy li>a {
    text-decoration: underline;
}

.article .col ul,
.copy ul {
    list-style-type: inherit;
    margin-left: 20px;
    margin-bottom: 20px;
}

.article ul.show-bullet-points {
    list-style-type: disc;
    padding-left: 20px;
}

.article .col ul>li,
.copy ul>li {
    margin-bottom: 10px;
}

.article .col h4 {
    margin-top: 15px;
}

.article .col h4:first-child {
    margin-top: 0;
}

.updated-article {
    font-style: italic;
    font-weight: bold;
    font-size: 14px;
}

/* Specific Page Styles - may need to defer later */

/*Corrections - Fed-State Filing - Instructions*/

.form-1099-content h2 {
    margin-top: 35px !important;
}

.form-1099-content h4 {
    margin-top: 35px !important;
}

/*Corrections*/

.corrections-1099-row {
    width: 100%;
}

.corrections-1099-left-copy {
    width: 65%;
    display: inline-block;
}

.corrections-1099-right-img {
    width: 30%;
    display: inline-block;
    float: right;
    margin-top: 35px;
}

.corrections-1099-right-copy {
    width: 65%;
    display: inline-block;
    float: right;
}

.corrections-1099-left-img {
    width: 30%;
    display: inline-block;
    float: left;
    margin-top: 35px;
}

/*Fed-State Filing*/

.fedstate-1099-row {
    width: 600px !important;
}

/*Instructions*/

.instructions-1099-wrapper {
    /*PUT THE WIDTH OF THE FULL ART BELOW*/
    width: 100%;
    position: relative;
    /*CENTERS THIS "WRAPPER" ON THE PAGE*/
    margin: 0 auto;
    padding: 0;
}

.instructions-1099-container {
    clear: both;
    /* layer fill content */
    width: 100%;
    margin: 0 auto;
}

#drift-widget-container {
    z-index: 0 !important;
}

/* Trustpilot */


.trustpilot-badge {
    position: fixed;
    left: 20px;
    bottom: 20px;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.25) !important;
    padding: 0 0 15px 0;
    border-radius: 10px;
    border: 1px #ebebeb solid;
    width: 270px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #e5e5e5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #e5e5e5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffffff 0%, #e5e5e5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.trustpilot-badge.fade-in {
    opacity: 0;
    /* make things invisible upon start */
    -webkit-animation: fadeIn ease-in 1;
    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;

    -webkit-animation-fill-mode: forwards;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;

    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.trustpilot-badge.hidden {
    display: none;
    visibility: hidden;
}

.trustpilot-badge .trustpilot-widget {
    width: 285px;
    padding-top: 5px;
    margin-top: 25px;
}

.trustpilot-badge .close {
    margin-right: 5px;
    margin-top: 5px;
    outline: none;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.trustpilot-badge.fade-out {
    opacity: 1;
    /* make things invisible upon start */
    -webkit-animation: fadeOut ease-in 1;
    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeOut ease-in 1;
    animation: fadeOut ease-in 1;

    -webkit-animation-fill-mode: forwards;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;

}

/* Media Queries
-------------------------------------------------- */
/*Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .navbar .navbar-collapse.show .dropdown-menu {
        max-width: 540px;
    }
}

/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) {
    .screenshot img {
        width: 100%;
        height: auto;
    }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .navbar .navbar-collapse.show .dropdown-menu {
        max-width: 720px;
    }

    .newsletter-iframe {
        min-height: 20rem;
    }

    .cookie-msg-box p {
        padding-right: 30px;
    }

}

/* Medium devices (tablets, 768px and down) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {
    .single-item,
    .full-width {
        width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
        top: auto;
        bottom: -85px;
        padding: 0;
    }

    .slick-prev:before {
        left: calc(50% - 75px);
    }

    .slick-next:before {
        right: calc(50% - 75px);
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar .navbar-collapse.show .dropdown-menu {
        max-width: 960px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .navbar .navbar-collapse.show .dropdown-menu {
        max-width: 1140px;
    }

    /*  class used to align buttons to listed content  */
    .ml-40 {
        margin-left: 4rem !important;
    }
}

/* TIN Validation */
.border-blue {
    border: 2px solid #2a3690;
}

/* unordered list standard */

ul.list-dec {
    display: block;
    width: 100%;
    margin: 0 0 1rem 0;
    padding-left: 40px;
    list-style: disc;
}