/*
*  Fonts
*/
/*
*  Colors
*/
/*
*  Widths and breakpoints
*/
/*
*  Singularity: Equivalent settings of Foundation grid
*/
/*
*   Reset some basic elements
*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

*, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*
*  Clearfix
*/
.clearfix:after, .wrapper:after, .row:after, .msg-progress:after, header.site-header:after, .form-std .input-block:after, .form-std .input-row:after, .form-std .slider-block:after, .icon-input:after, .bank-form .estimate-block:after, .form1-estimate:after, .form2-estimate:after, .compact-estimate:after, .form1-inputs:after, .form2-inputs:after, .compact-inputs:after, .form1-cta:after, .form2-cta:after, .compact-cta:after, .form1-steps:after, .form2-steps:after, .form-365 .form-alert .form-alert-inner:after, .form-365 .form-alert-static .form-alert-inner:after, .comparison-type:after, .comparison-filter > div:after, .comparison-table .table-row:after, .frontpage-menu:after, .frontpage-articles article:after, .header-article:after, .sidebar-articles article:after, .section-info ul:after { content: ""; display: table; clear: both; }

/*
*  Basic styling
*/
body { font-family: "Open Sans", Arial, sans-serif; font-size: 16px; line-height: 1.5; font-weight: 300; color: #111; background-color: white; -webkit-text-size-adjust: 100%; }
@media (min-width: 0) and (max-width: 767px) { body { font-size: 14px; } }

/*
*  Placeholders
*/
::-webkit-input-placeholder { font-family: "Open Sans", Arial, sans-serif; color: #bcbcbc; font-weight: 300; }

::-moz-placeholder { font-family: "Open Sans", Arial, sans-serif; color: #bcbcbc; font-weight: 300; }

/* firefox 19+ */
:-ms-input-placeholder { font-family: "Open Sans", Arial, sans-serif; color: #bcbcbc; font-weight: 300; }

/* ie */
input:-moz-placeholder { font-family: "Open Sans", Arial, sans-serif; color: #bcbcbc; font-weight: 300; }

/* 
*  Remove button dotted outline on mozilla
*/
button::-moz-focus-inner { border: 0; }

/*
*   Set margin-bottom to maintain vertical rhythm
*/
h1, h2, h3, h4, h5, h6, p, blockquote { margin-bottom: 7.5px; }

/*
*   Headings
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600; color: #005c9f; }
h1.h-inline, h2.h-inline, h3.h-inline, h4.h-inline, h5.h-inline, h6.h-inline, .h1.h-inline, .h2.h-inline, .h3.h-inline, .h4.h-inline, .h5.h-inline, .h6.h-inline { display: inline-block; margin-bottom: 0; }
h1.h-upper, h2.h-upper, h3.h-upper, h4.h-upper, h5.h-upper, h6.h-upper, .h1.h-upper, .h2.h-upper, .h3.h-upper, .h4.h-upper, .h5.h-upper, .h6.h-upper { text-transform: uppercase; }
h1.h-strong, h2.h-strong, h3.h-strong, h4.h-strong, h5.h-strong, h6.h-strong, .h1.h-strong, .h2.h-strong, .h3.h-strong, .h4.h-strong, .h5.h-strong, .h6.h-strong { font-weight: 700; }

h1, .h1 { font-size: 28px; }
@media (min-width: 0) and (max-width: 767px) { h1.sm-small, .h1.sm-small { font-size: 18px; font-weight: 300; }
  h1.sm-medium, .h1.sm-medium { font-size: 24px; font-weight: 600; } }

h2, .h2 { font-size: 24px; }
@media (min-width: 0) and (max-width: 767px) { h2.sm-small, .h2.sm-small { font-size: 16px; font-weight: 300; }
  h2.sm-medium, .h2.sm-medium { font-size: 20px; font-weight: 600; } }

h3, .h3 { font-size: 18px; }
@media (min-width: 0) and (max-width: 767px) { h3.sm-small, .h3.sm-small { font-size: 12px; font-weight: 300; } }

/*
*   Paragraphs
*/
p.v-middle > *, div.v-middle > * { display: inline-block; vertical-align: middle; }

p.small { font-size: 0.9em; }

/**
*   Links
*/
a { color: #005c9f; text-decoration: none; }

.readmore { font-weight: 600; }

[class*="icon-"] { color: #005c9f; }

/**
*   Text overrides
*/
.center, .text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.text-left { text-align: left !important; }

.text-blue, .blue, .text-primary { color: #005c9f !important; }

.text-green, .green { color: #24a909 !important; }

.text-red, .red { color: #ee0000 !important; }

.text-orange, .orange { color: #e65829 !important; }

.text-grey, .grey { color: #828282 !important; }

.text-grey-dark, .grey-dark { color: #424242 !important; }

.text-black, .black { color: black !important; }

.text-white, .white { color: white !important; }

.text-light { font-weight: 300; }

.text-normal { font-weight: 400; }

.text-medium { font-weight: 500; }

.text-strong { font-weight: 600; }

.text-heavy { font-weight: 700; }

.text-14 { font-size: 14px !important; }

.text-18 { font-size: 18px !important; }

.text-lead, .text-16 { font-size: 16px !important; }

/*
*   Clearfix
*/
.clear { clear: both; }

.left { float: left; }

.right { float: right; }

.relative { position: relative !important; }

/*
*   Content wrapper
*/
.wrapper { position: relative; margin-right: auto; margin-left: auto; overflow-x: hidden; width: 100%; max-width: 960px; padding-right: 15px; padding-left: 15px; }
@media (min-width: 480px) { .wrapper { max-width: 1005px; padding-right: 22.5px; padding-left: 22.5px; } }
@media (min-width: 768px) { .wrapper { max-width: 1020px; padding-right: 30px; padding-left: 30px; } }

@media (min-width: 1200px) { .wrapper-wide { max-width: 1260px; } }

/*
*   Allows a container to extrude a wrapper
*/
@media (min-width: 0) and (max-width: 479px) { .extrude { margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; } }
@media (min-width: 480px) and (max-width: 767px) { .extrude { margin-right: -22.5px; margin-left: -22.5px; padding-right: 22.5px; padding-left: 22.5px; } }

/* Padded containers */
.pad-30 { padding-top: 30px; padding-bottom: 30px; }

.pad-20 { padding-top: 20px; padding-bottom: 30px; }

.margin-30 { margin-top: 30px; margin-bottom: 30px; }

.no-margin { margin: 0 !important; }

.no-margin-top { margin-top: 0 !important; }

.no-margin-bottom { margin-bottom: 0 !important; }

/* Dynamic margins */
.mt-0 { margin-top: 0px !important; }

.mb-0 { margin-bottom: 0px !important; }

.pt-0 { padding-top: 0px !important; }

.pb-0 { padding-bottom: 0px !important; }

.mt-1 { margin-top: 10px !important; }

.mb-1 { margin-bottom: 10px !important; }

.pt-1 { padding-top: 10px !important; }

.pb-1 { padding-bottom: 10px !important; }

.mt-2 { margin-top: 20px !important; }

.mb-2 { margin-bottom: 20px !important; }

.pt-2 { padding-top: 20px !important; }

.pb-2 { padding-bottom: 20px !important; }

.mt-3 { margin-top: 30px !important; }

.mb-3 { margin-bottom: 30px !important; }

.pt-3 { padding-top: 30px !important; }

.pb-3 { padding-bottom: 30px !important; }

.mt-4 { margin-top: 40px !important; }

.mb-4 { margin-bottom: 40px !important; }

.pt-4 { padding-top: 40px !important; }

.pb-4 { padding-bottom: 40px !important; }

.mt-5 { margin-top: 50px !important; }

.mb-5 { margin-bottom: 50px !important; }

.pt-5 { padding-top: 50px !important; }

.pb-5 { padding-bottom: 50px !important; }

.mt-6 { margin-top: 60px !important; }

.mb-6 { margin-bottom: 60px !important; }

.pt-6 { padding-top: 60px !important; }

.pb-6 { padding-bottom: 60px !important; }

.mt-7 { margin-top: 70px !important; }

.mb-7 { margin-bottom: 70px !important; }

.pt-7 { padding-top: 70px !important; }

.pb-7 { padding-bottom: 70px !important; }

.mt-8 { margin-top: 80px !important; }

.mb-8 { margin-bottom: 80px !important; }

.pt-8 { padding-top: 80px !important; }

.pb-8 { padding-bottom: 80px !important; }

.mt-9 { margin-top: 90px !important; }

.mb-9 { margin-bottom: 90px !important; }

.pt-9 { padding-top: 90px !important; }

.pb-9 { padding-bottom: 90px !important; }

.mt-10 { margin-top: 100px !important; }

.mb-10 { margin-bottom: 100px !important; }

.pt-10 { padding-top: 100px !important; }

.pb-10 { padding-bottom: 100px !important; }

.grid-1 { width: 5.52334%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-2 { width: 14.11212%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-3 { width: 22.70091%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-4 { width: 31.2897%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-5 { width: 39.87849%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-6 { width: 48.46727%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-7 { width: 57.05606%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-8 { width: 65.64485%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-9 { width: 74.23364%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-10 { width: 82.82242%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-11 { width: 91.41121%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }

.grid-12 { width: 100%; clear: right; float: right; margin-right: 0; }

.omega { margin-right: 0; }

.grid-right { float: right !important; }

.no-clear { clear: none !important; }

@media (min-width: 0) and (max-width: 767px) { .sm-grid-1 { width: 5.52334%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-2 { width: 14.11212%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-3 { width: 22.70091%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-4 { width: 31.2897%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-5 { width: 39.87849%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-6 { width: 48.46727%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-7 { width: 57.05606%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-8 { width: 65.64485%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-9 { width: 74.23364%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-10 { width: 82.82242%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-11 { width: 91.41121%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .sm-grid-12 { width: 100%; clear: right; float: right; margin-right: 0; }
  .sm-omega { margin-right: 0; }
  .sm-grid-right { float: right; }
  .sm-no-clear { clear: none; } }
@media (min-width: 768px) { .md-grid-1 { width: 5.52334%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-2 { width: 14.11212%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-3 { width: 22.70091%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-4 { width: 31.2897%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-5 { width: 39.87849%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-6, .form-365 .group-title { width: 48.46727%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-7 { width: 57.05606%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-8 { width: 65.64485%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-9 { width: 74.23364%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-10 { width: 82.82242%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-11 { width: 91.41121%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .md-grid-12 { width: 100%; clear: right; float: right; margin-right: 0; }
  .md-omega { margin-right: 0; }
  .md-grid-right { float: right; }
  .md-no-clear { clear: none; }
  .md-grid-center { margin-left: auto; margin-right: auto; float: none; clear: both; } }
@media (min-width: 1024px) { .lg-grid-1 { width: 5.52334%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-2 { width: 14.11212%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-3 { width: 22.70091%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-4 { width: 31.2897%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-5 { width: 39.87849%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-6 { width: 48.46727%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-7 { width: 57.05606%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-8 { width: 65.64485%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-9 { width: 74.23364%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-10 { width: 82.82242%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-11 { width: 91.41121%; clear: right; float: left; margin-left: 0; margin-right: 3.06545%; }
  .lg-grid-12 { width: 100%; clear: right; float: right; margin-right: 0; }
  .lg-omega { margin-right: 0; }
  .lg-grid-right { float: right; }
  .lg-no-clear { clear: none; } }
@media (min-width: 768px) { .pad-grid-1 { width: 8.33333%; clear: right; float: left; margin: 0; }
  .pad-grid-2 { width: 16.66667%; clear: right; float: left; margin: 0; }
  .pad-grid-3 { width: 25%; clear: right; float: left; margin: 0; }
  .pad-grid-4 { width: 33.33333%; clear: right; float: left; margin: 0; }
  .pad-grid-5 { width: 41.66667%; clear: right; float: left; margin: 0; }
  .pad-grid-6 { width: 50%; clear: right; float: left; margin: 0; }
  .pad-grid-7 { width: 58.33333%; clear: right; float: left; margin: 0; }
  .pad-grid-8 { width: 66.66667%; clear: right; float: left; margin: 0; }
  .pad-grid-9 { width: 75%; clear: right; float: left; margin: 0; }
  .pad-grid-10 { width: 83.33333%; clear: right; float: left; margin: 0; }
  .pad-grid-11 { width: 91.66667%; clear: right; float: left; margin: 0; }
  .pad-grid-12 { width: 100%; clear: right; float: left; margin: 0; }
  .pad-grid-right { float: right; }
  .pad-no-clear { clear: none; } }
/* Lists */
ul.ul-padded, .cms-page ul { padding-left: 20px; }
ul.ul-circle { list-style: circle; }
ul.ul-spaced li { margin-bottom: 8px; }
ul.ul-small li { font-size: 0.9em; }
ul.ul-inline li { display: inline-block; }
ul.no-bullets li { list-style: none; }

/* Tables */
table.table-block { width: 100%; }
table.table-stripped tr:nth-child(2n) { background-color: #ebf2f6; }
table.table-small td { padding: 5px 8px; font-size: 0.8em; }

/* Other elements */
@media (min-width: 0) and (max-width: 767px) { .sm-center { text-align: center !important; } }
@media (min-width: 1024px) { .lg-center { text-align: center !important; } }
/*
*   Responsive visibility classes
*/
@media (min-width: 768px) { .mobile-only { display: none !important; } }

@media (min-width: 768px) { .narrowdown-only { display: none !important; } }

@media (min-width: 0) and (max-width: 767px) { .tabletup-only { display: none !important; } }

@media (min-width: 1024px) { .tabletdown-only { display: none !important; } }

@media (min-width: 0) and (max-width: 1023px) { .desktop-only { display: none !important; } }

/*
*   Global visibility
*/
.hidden, [hidden], .ng-cloak, [ng-cloak] { display: none !important; }

.btn { -moz-appearance: none; -webkit-appearance: none; display: inline-block; position: relative; border: none; padding: 12px 20px; color: white; background-color: #828282; font-family: "Open Sans", Arial, sans-serif; font-size: 15px; font-weight: 400; text-align: center; cursor: pointer; text-decoration: none !important; }
.btn:hover, .btn:focus { opacity: .9; }
.btn:disabled, .btn.disabled { opacity: 0.8; outline: none; cursor: default; }

.btn-green { background-color: #24a909; }
.btn-green.btn-outline { color: #24a909; border: 1px solid #24a909; background-color: white; }

.btn-red { background-color: #ee0000; }

.btn-orange { background-color: #e65829; }
.btn-orange.btn-gradient { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5NmYyYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1NTgyYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f96f2b), color-stop(100%, #e5582a)); background: -moz-linear-gradient(#f96f2b, #e5582a); background: -webkit-linear-gradient(#f96f2b, #e5582a); background: linear-gradient(#f96f2b, #e5582a); border: 5px solid #E54D2A; }

.btn-blue { background-color: #005c9f; }
.btn-blue.btn-outline { color: black; border: 1px solid #005c9f; background-color: white; }

.btn-yellow { background-color: #ffb506; }

/* Primary color for buttons. Other themes should override this */
.btn-primary { background-color: #24a909; color: white; }

.btn-secondary { background-color: #005c9f; color: white; }
.btn-secondary.btn-outline { border-color: #005c9f; color: #005c9f; }

.btn-outline { background-color: white !important; border: 2px solid #828282; color: #111; }

.btn-upper { text-transform: uppercase; }

.btn-block { display: block; width: 100%; }

.btn-wide { letter-spacing: 0.1em; }

.btn-large { font-size: 17px; padding-top: 18px; padding-bottom: 18px; }
@media (min-width: 768px) { .btn-large { font-size: 19px; padding-top: 22px; padding-bottom: 22px; } }

.btn-strong { font-weight: 600; }

.btn-round { border-radius: 4px; }

.btn-margin { margin-bottom: 15px; }

.btn-pop:after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 4px; background-color: rgba(0, 0, 0, 0.2); pointer-events: none; }

.btn-bold { font-weight: 600; }

.btn-huge { padding: 15px 50px; }
@media (min-width: 768px) { .btn-huge { padding: 20px 100px; font-size: 24px; font-weight: 400; } }

.btn-signin-icon { position: relative; padding-left: 55px; }
.btn-signin-icon:before { content: "\6d"; font-family: webfinance; position: absolute; left: 15px; opacity: .5; font-size: 28px; }

.btn-arrow-icon { position: relative; }
.btn-arrow-icon:before { content: "\6e"; font-family: webfinance; position: absolute; right: 15px; top: 50%; transform: translateY(-45%); }

[class*="btn-pre-icon-"], [class*="btn-post-icon-"] { position: relative; }
[class*="btn-pre-icon-"]:before, [class*="btn-post-icon-"]:before { font-family: webfinance; position: absolute; top: 50%; transform: translateY(-45%); }

[class*="btn-pre-icon-"] { padding-left: 40px; }
[class*="btn-pre-icon-"]:before { left: 15px; }

[class*="btn-post-icon-"] { padding-right: 40px; }
[class*="btn-post-icon-"]:before { right: 15px; }

.btn-pre-icon-plus:before, .btn-post-icon-plus:before { content: "\71"; }

.btn-pre-icon-trash:before, .btn-post-icon-trash:before { content: "\70"; }

.btn-pre-icon-chevron-right:before, .btn-post-icon-chevron-right:before { content: "\6e"; }

.btn .post { display: block; font-weight: 300; font-size: 13px; }

.btn-post-text .post-text { text-align: center; font-size: 13px; margin: 7.5px auto 0; max-width: 400px; }
.btn-post-text .post-text > :last-child { margin-bottom: 0; }

.ng-valid-required .btn-icon-animate-right:before { animation: 1s move-right-fade infinite; }

/** Images */
img { max-width: 100%; vertical-align: middle; border: none; }
img.inline { display: inline-block; margin-right: 7.5px; }

figure { display: block; }
@media (min-width: 480px) { figure { padding: 4px; border: 1px solid #efefef; border-radius: 3px; } }

figure > img { display: block; width: 100%; }

figcaption { font-size: 14px; }

.loading-spinner { border: 4px solid #FFF; border-top-color: transparent; border-left-color: transparent; width: 28px; height: 28px; opacity: 0.8; border-radius: 50%; animation: loading-spinner 0.7s infinite linear; -webkit-animation: loading-spinner 0.7s infinite linear; }

button .loading-spinner { margin-top: -14px; margin-left: -14px; position: absolute; top: 50%; left: 50%; }

@keyframes loading-spinner { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
@-webkit-keyframes loading-spinner { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
@keyframes progressbar { from { width: 30px; opacity: .5; }
  to { width: 100%; opacity: 1; } }
.progress-bar { border: 1px solid #005c9f; height: 30px; width: 100%; margin: 30px auto; border-radius: 30px; }
.progress-bar:before { content: ""; display: block; background-color: #005c9f; width: 100%; height: 100%; border-radius: 30px; animation: progressbar 30s infinite ease-out; }

.msg-progress { max-width: 380px; margin: 0 auto; }
.msg-progress .progress-image { display: block; float: left; width: 75px; height: 75px; border-radius: 50%; margin-right: 15px; background-image: url(/img/wf-woman-square.jpg); background-size: 100% 100%; }
.msg-progress span { display: block; padding: 15px 0; font-style: italic; }
@media (min-width: 768px) { .msg-progress .progress-image { width: 90px; height: 90px; }
  .msg-progress span { padding: 20px 0; } }

/* Step2 banner */
.msg-info-banner { background: url("/img/wf-woman@2x.jpg") right center; background-size: cover; padding: 20px 32% 20px 15px; }
@media (min-width: 480px) { .msg-info-banner { padding-top: 40px; padding-bottom: 40px; } }
@media (max-width: 768px) { .msg-info-banner { margin-top: -20px; } }
.msg-info-banner .no-bullets li { text-indent: -1.4em; margin-left: 1.2em; font-weight: 600; line-height: 1.3; }
.msg-info-banner .no-bullets li:before { margin-right: 5px; position: relative; top: 2px; }
.msg-info-banner .no-bullets li + li { margin-top: .5em; }

/* Validaton alerts */
.msg-valid-form, .msg-invalid-form { position: relative; margin-bottom: 15px; padding: 12px 12px 8px 40px; }
.msg-valid-form i, .msg-invalid-form i { position: absolute; top: 15px; left: 17px; }
.msg-valid-form ul, .msg-invalid-form ul { margin-bottom: 7.5px; padding-left: 20px; font-size: 15px; }

.msg-valid-form { background-color: #d7eccc; }
.msg-valid-form i { color: #34c150 !important; }

.msg-invalid-form { background-color: #f9e8e9; }
.msg-invalid-form i { color: #cc1924 !important; }

/* Success Message */
.msg-success { position: relative; background-color: #e2fddd; border: 1px solid #24a909; padding: 20px; }
.msg-success h2 { font-size: 20px; }
.msg-success .title { color: #424242; border-bottom: 1px solid #424242; }
.msg-success .top-left-icon { position: absolute; display: table; top: -15px; left: -15px; height: 30px; width: 30px; background-color: #24a909; border-radius: 50%; }
.msg-success .top-left-icon i { display: table-cell; padding-top: 4px; text-align: center; vertical-align: middle; font-size: 16px; color: white !important; }
@media (min-width: 768px) { .msg-success .top-left-icon { top: -25px; left: -25px; height: 50px; width: 50px; }
  .msg-success .top-left-icon i { padding-top: 6px; font-size: 24px; } }

/* Contrast box for terms */
.contrast-box { padding: 30px; background-color: #fdfdfd; border: solid 1px #d3d3d3; }

/* Bank info girl */
.bank-info-banner { background-position: right center; background-repeat: no-repeat; background-size: auto 100%; background-color: #eceef3; background-image: url(/img/wf-woman@2x.jpg); position: relative; height: 140px; }
.bank-info-banner > div { position: absolute; bottom: 18px; left: 20px; font-weight: 600; font-size: 16px; text-shadow: 0 0 6px #fff; }
@media (min-width: 0) and (max-width: 768px) { .bank-info-banner { margin-bottom: 15px; } }
@media (min-width: 480px) { .bank-info-banner { height: 180px; }
  .bank-info-banner > div { font-size: 19px; } }

/* Bank info features */
.bank-info-box { margin-top: 20px; margin-bottom: 10px; padding: 25px; border: 2px solid #005c9f; }
@media (min-width: 768px) { .bank-info-box { padding: 35px 42px; } }
.bank-info-box i { position: absolute; left: 0; font-size: 1.3em; }
.bank-info-box ul { position: relative; line-height: 1.5em; padding-left: 30px; font-size: 12px; }
@media (min-width: 768px) { .bank-info-box ul { padding-left: 40px; font-size: 14px; } }
.bank-info-box ul li + li { margin-top: 1em; }
@media (min-width: 768px) { .bank-info-box ul li + li { margin-top: 1.4em; } }

/* Bank info terms */
.bank-info-terms { margin-top: 45px; font-size: 12px; line-height: 1.85; }
@media (min-width: 768px) { .bank-info-terms { font-size: 14px; margin-top: 40px; } }

/* Add co-applicant message */
.msg-coapplicant { margin-top: 20px; margin-bottom: 50px; padding: 25px; border: 1px solid #ddd; box-shadow: 0 0 15px #ddd; }
.msg-coapplicant div:first-child { text-align: center; }

header.site-header { padding: 15px 0; border-bottom: 1px solid #efefef; /* Used on pages where there is a frame on mobile */ }
header.site-header .main-logo { text-align: center; }
header.site-header .main-logo img { vertical-align: middle; border: none; width: 120px; }
header.site-header .main-logo img.wide { width: 180px; }
header.site-header .main-logo span { display: none; }
header.site-header.header-left .main-logo { text-align: left; }
@media (min-width: 768px) { header.site-header .main-logo { padding: 18px 0; }
  header.site-header .main-logo img { width: 160px; }
  header.site-header .main-logo img.wide { width: 240px; }
  header.site-header .main-logo span { display: inline-block; font-size: 23px; margin-left: 20px; padding-left: 22px; border-left: 1px solid #828282; vertical-align: middle; font-weight: 600; }
  header.site-header.header-fade span { color: #828282; font-weight: 300; }
  header.site-header.header-small .main-logo img { width: 120px; }
  header.site-header.header-small .main-logo span { font-size: 18px; } }

header.site-header { /* Frames / Guides */ }
header.site-header .frame-mobile, header.site-header .frame-desktop, header.site-header .guide-mobile, header.site-header .guide-desktop { display: none; }
header.site-header.header-frame .frame-mobile { display: block; position: absolute; top: 0; right: 15px; width: 110px; }
@media (min-width: 768px) { header.site-header.header-frame .frame-mobile { display: none; }
  header.site-header.header-frame .frame-desktop { display: block; position: absolute; top: 0; right: 30px; width: 120px; } }
header.site-header.header-guide .guide-mobile { display: block; position: absolute; top: 0; right: 15px; color: #005c9f; text-transform: uppercase; font-size: 11px; font-weight: 600; }
header.site-header.header-guide .guide-mobile i { color: #e65829; font-size: 16px; vertical-align: middle; margin-left: 2px; }
@media (min-width: 768px) { header.site-header.header-guide .guide-mobile { display: none; }
  header.site-header.header-guide .guide-desktop { display: block; position: absolute; top: 11px; right: 30px; width: 240px; font-size: 14px; color: inherit; }
  header.site-header.header-guide .guide-desktop i { float: right; color: #005c9f; font-size: 46px; margin-left: 10px; display: block; }
  header.site-header.header-guide .guide-desktop i:before { display: block; } }

.header-bank .bank-desktop { display: none; }
@media (min-width: 768px) { .header-bank .bank-desktop { display: block; position: absolute; top: 14px; right: 30px; padding-left: 15px; color: #828282; background-color: white; font-weight: 600; }
  .header-bank .bank-desktop img { width: 250px; margin-left: 7.5px; } }

.header-basic .main-logo { display: block; margin: 15px 0; width: 40%; text-align: center; }
.header-basic .main-logo img { width: 100%; max-width: 300px; }
.header-basic .main-logo p { display: none; }
.header-basic .tagline { display: block; font-size: 26px; line-height: 26px; font-weight: 600; }
.header-basic .subtagline { display: block; float: left; font-size: 18px; font-weight: 500; }
@media (min-width: 0) and (max-width: 768px) { .header-basic { padding: 0; }
  .header-basic .tagline { font-size: 17px; padding-top: 20px; border-top: 1px solid #d3d3d3; }
  .header-basic .subtagline { display: none; } }
@media (min-width: 768px) { .header-basic .main-logo { width: 35%; float: right; margin-bottom: 0; }
  .header-basic .main-logo.extra-margin { margin-top: 30px; }
  .header-basic .main-logo.extra-margin-bottom { margin-bottom: 15px; }
  .header-basic .main-logo p { display: block; }
  .header-basic span { width: 65%; float: left; }
  .header-basic .tagline { margin-top: 30px; } }

.header-simple .main-text { display: block; margin: 30px 0 15px; text-align: center; }
.header-simple .tagline { display: block; margin-top: 25px; font-size: 24px; line-height: 26px; font-weight: 600; }
.header-simple .subtagline { display: block; float: left; font-size: 18px; font-weight: 600; }
@media (min-width: 1024px) { .header-simple .main-text { float: right; width: 45%; text-align: right; }
  .header-simple span { float: left; width: 55%; }
  .header-simple .tagline { margin-top: 27px; } }

footer.site-footer { padding: 30px 0; border-top: 1px solid #efefef; font-size: 12px; text-align: center; }
footer.site-footer .footer-menu ul { display: block; margin-bottom: 10px; }
footer.site-footer .footer-menu li { display: inline-block; list-style: none; margin: 0 15px; }

@media (min-width: 768px) { .footer-larger-text { font-size: 14px; margin-bottom: 1.25em; } }
/******* Regular forms ******/
.form-std .input-block, .form-std .input-row { font-size: 12px; }
.form-std .input-block { margin-top: 15px; margin-bottom: 15px; }
.form-std .input-row { margin-top: 7.5px; margin-bottom: 7.5px; }
.form-std .slider-block { padding-top: 15px; padding-bottom: 22.5px; border-bottom: 1px solid #d3d3d3; }
.form-std label { display: block; margin-bottom: 5px; }
.form-std label.double { height: 42px; position: relative; }
.form-std label.double span { position: absolute; bottom: 0; width: 100%; }
.form-std label.inline { display: inline-block; }
.form-std input[type="text"], .form-std input[type="email"], .form-std input[type="url"], .form-std input[type="search"], .form-std input[type="tel"], .form-std input[type="number"], .form-std select, .form-std textarea { display: block; width: 100%; height: 35px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; font-family: "Open Sans", Arial, sans-serif; font-size: inherit; background: white; border: 1px solid #d3d3d3; border-radius: 3px; }
.form-std textarea { height: auto; min-height: 100px; max-width: 100%; }
.form-std select::-ms-expand { display: none; }
.form-std .block-radio { display: block; height: 35px; margin-bottom: 10px; text-align: center; line-height: 35px; text-transform: uppercase; cursor: pointer; color: inherit; background-color: white; border: 1px solid #d3d3d3; border-radius: 3px; }
.form-std .block-radio.radio-on { color: white; background-color: #005c9f; border: 1px solid #005c9f; }
.form-std .check-block { position: relative; padding-left: 23px; }
.form-std .check-block input[type="radio"], .form-std .check-block input[type="checkbox"] { position: absolute; left: 0; top: 2px; }
.form-std .check-block label { display: inline-block; }
.form-std .check-block .wf-checkbox { margin-bottom: 10px; }
.form-std .check-block .wf-checkbox .checkbox { position: absolute; left: 0; }
.form-std .check-block .wf-checkbox label { margin: 2px 0 0 10px; }
.form-std .check-block .wf-radio { margin-bottom: 10px; }
.form-std .check-block .wf-radio .radio { position: absolute; left: 0; }
.form-std .check-block .wf-radio label { margin: 1px 0 0 5px; }
.form-std .block-check-container { display: inline-block; padding: 2px; border: 1px solid #24a909; border-radius: 44px; background-color: white; min-width: 85px; }
.form-std .block-check-container .block-check { display: inline-block; width: 38px; height: 38px; line-height: 38px; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; text-decoration: none !important; color: #424242; border-radius: 38px; cursor: pointer; }
.form-std .block-check-container .block-check.check-on { color: white; background-color: #24a909; }
.form-std .block-check-container .block-check + .block-check { margin-left: -2px; }
.form-std .block-check-container.block-wide { min-width: 112px; }
.form-std .block-check-container.block-wide .block-check { width: 52px; }
.form-std .wf-checkbox .checkbox { display: inline-block; height: 25px; width: 25px; border-radius: 1px; border: 1px solid #d3d3d3; text-align: center; line-height: 1em; }
.form-std .wf-checkbox .checkbox:hover { cursor: pointer; }
.form-std .wf-checkbox .checkbox.checked { background: #005c9f; border-color: #005c9f; }
.form-std .wf-checkbox .checkbox.checked span { display: block; color: white; }
.form-std .wf-checkbox .checkbox span { display: none; font-size: 23px; color: white; line-height: 1em; }
.form-std .wf-checkbox input { display: none; }
.form-std .wf-radio .radio { display: inline-block; width: 20px; height: 20px; border: 1px solid #d3d3d3; border-radius: 50%; }
.form-std .wf-radio .radio:hover { cursor: pointer; }
.form-std .wf-radio .radio.checked { border-color: #005c9f; }
.form-std .wf-radio .radio.checked span { display: block; }
.form-std .wf-radio .radio span { display: none; height: 12px; width: 12px; margin: 3px; background: #005c9f; border-radius: 50%; }
.form-std .wf-radio input { display: none; }
@media (min-width: 480px) { .form-std .input-block, .form-std .input-row { font-size: 14px; } }
.form-std .two-option-radio-btn { display: flex; }
.form-std .two-option-radio-btn label { display: block; float: left; width: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid #005c9f; flex-grow: 1; margin: 0; text-align: center; color: #005c9f; background-color: white; text-transform: uppercase; font-size: 14px; height: 45px; padding: 0; }
.form-std .two-option-radio-btn label ~ label { margin-left: -1px; }
.form-std .two-option-radio-btn input[type="radio"] + label { cursor: pointer; }
.form-std .two-option-radio-btn input[type="radio"]:focus + label, .form-std .two-option-radio-btn input[type="radio"]:hover + label { border-width: 2px; }
.form-std .two-option-radio-btn input[type="radio"]:checked + label { background-color: #005c9f; color: white; }
.form-std .checkbox-switch + label { margin: 0; height: 44px; display: inline-block; padding: 2px; border: 1px solid #24a909; border-radius: 44px; background-color: white; text-align: center; position: relative; transition: all .1s ease-out; font-size: 14px; cursor: pointer; min-width: 82px; }
.form-std .checkbox-switch + label span { display: block; float: left; height: 38px; width: 38px; line-height: 39px; z-index: 5; color: white; transition: all .1s ease-out; text-transform: uppercase; position: relative; }
.form-std .checkbox-switch + label span + span { float: right; }
.form-std .checkbox-switch + label .checked { color: #24a909; }
.form-std .checkbox-switch + label:before { content: ""; display: block; width: 38px; height: 38px; background-color: #24a909; position: absolute; border-radius: 38px; transition: all .1s ease-out; }
.form-std .checkbox-switch:focus + label:before, .form-std .checkbox-switch:hover + label:before { background-color: #29c10a; }
.form-std .checkbox-switch:checked + label { background-color: #24a909; transition: all .2s ease-out; }
.form-std .checkbox-switch:checked + label .checked { color: #24a909; transition: color .2s ease-out; }
.form-std .checkbox-switch:checked + label:before { transition: all .2s ease-out; background-color: white !important; transform: translateX(38px); }
.form-std .checkbox-switch:checked:focus + label, .form-std .checkbox-switch:checked:hover + label { background-color: #29c10a; }
.form-std .checkbox-switch.wide + label { min-width: 106px; }
.form-std .checkbox-switch.wide + label span { width: 50px; }
.form-std .checkbox-switch.wide + label:before { width: 50px; }
.form-std .checkbox-switch.wide:checked + label:before { transform: translateX(50px); }

/******* Inputs with icons ******/
.icon-input { display: block; height: 35px; margin-bottom: 10px; border: 1px solid #d3d3d3; border-radius: 3px; }
.icon-input i, .icon-input span { display: block; float: left; width: 17%; height: 100%; border-right: 1px solid #d3d3d3; text-align: center; }
.icon-input i { padding: 4px 0; font-size: 28px; color: #005c9f; }
.icon-input span { line-height: 35px; font-size: 16px; font-weight: 300; color: black; }
.icon-input input { float: right !important; width: 83% !important; height: 100% !important; border: none !important; }
.icon-input.standalone { height: 36px; }
.icon-input.standalone i { font-size: 23px; }
.icon-input.standalone input { padding: 0 15px; font-size: 13px; }
@media (min-width: 480px) { .icon-input.standalone { height: 43px; }
  .icon-input.standalone i { font-size: 28px; }
  .icon-input.standalone input { font-size: 16px; } }

/******* Inline forms ******/
.form-inline input[type="text"], .form-inline input[type="email"], .form-inline input[type="url"], .form-inline input[type="search"], .form-inline input[type="tel"], .form-inline input[type="number"], .form-inline select { display: block; width: 100%; height: 30px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; font-size: inherit; background: white; border: 1px solid #d3d3d3; border-radius: 3px; }

.input-row-inline { display: flex; justify-content: space-between; }
.input-row-inline label, .input-row-inline .label-wrapper { align-self: center; display: inline-block; margin-right: 10px; }
.input-row-inline input, .input-row-inline .input-wrapper { align-self: center; display: inline-block; }

.form-step1-2018 { box-shadow: 0 0 20px #ccc; color: #333; }
.form-step1-2018 .slider-block { padding: 8px 20px 4px; background-color: white; border-bottom: none; }
@media (min-width: 768px) { .form-step1-2018 .slider-block { padding: 10px 30px 10px; } }
.form-step1-2018 .input-block { margin: 0; padding: 15px 20px; background-color: #f7f7f7; font-size: 16px; }
@media (min-width: 768px) { .form-step1-2018 .input-block { padding: 25px 40px; } }
.form-step1-2018 .input-block label { font-size: 14px; }
@media (min-width: 768px) { .form-step1-2018 .input-block label { font-size: 16px; } }
.form-step1-2018 .input-row-inline { margin-top: 10px; margin-bottom: 10px; }
.form-step1-2018 .icon-input { border-radius: 0 !important; background-color: white; }

/******* Bank forms ******/
.bank-form { padding: 5px; }
.bank-form h1 { padding-bottom: 15px; border-bottom: 1px solid #d3d3d3; margin-bottom: 0; }
.bank-form .estimate-block { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #d3d3d3; font-size: 15px; font-weight: 300; color: inherit; }
@media (min-width: 0) and (max-width: 767px) { .bank-form h1 { font-size: 20px; } }
@media (min-width: 768px) { .bank-form { padding: 30px; border: 1px solid #d3d3d3; background-color: #fdfdfd; }
  .bank-form .estimate-block { font-size: 18px; } }

/****** Short form  ******/
.bank-form-short { border: 1px solid #d3d3d3; background-color: #fdfdfd; padding: 15px 15px 7.5px; }
.bank-form-short h1, .bank-form-short h2 { margin: 0; padding: 0; border: none; }
.bank-form-short h1 { font-size: 24px; }
.bank-form-short h2 { font-size: 18px; }
.bank-form-short h3 { font-size: 14px; }
.bank-form-short label { display: block; padding-top: 7px; text-align: center; font-size: 14px; }
@media (min-width: 768px) { .bank-form-short { padding: 30px 30px 15px; }
  .bank-form-short h1 { font-size: 28px; }
  .bank-form-short h2 { font-size: 20px; }
  .bank-form-short h3 { font-size: 16px; }
  .bank-form-short label { padding-top: 10px; text-align: right; font-weight: 600; font-size: 16px; } }
.bank-form-short .loan-block { padding-top: 20px; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; }
.bank-form-short .loan-block > div { position: relative; margin-bottom: 10px; }
.bank-form-short .loan-block select { height: 42px; padding-left: 15px; padding-right: 15px; font-size: 16px; color: #424242; border: 1px solid #d3d3d3; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.bank-form-short .loan-block select::-ms-expand { display: none; }
@media (min-width: 0) and (max-width: 480px) { .bank-form-short .loan-block select { height: 35px; font-size: 13px; } }
.bank-form-short .loan-block .select-wrapper:before { content: "\6b"; color: #777; font-family: "webfinance"; display: block; position: absolute; right: 10px; top: 10px; pointer-events: none; }
.bank-form-short .cta-btn-arrow-right { position: relative; border-radius: 3px 0 0 3px; height: 46px; width: 90%; padding-right: 23px; white-space: nowrap; }
@media (min-width: 0) and (max-width: 480px) { .bank-form-short .cta-btn-arrow-right { font-size: 12px; line-height: 22px; } }
.bank-form-short .cta-btn-arrow-right::after { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-width: 23px; border-right-width: 0; border-style: solid; border-color: white white white transparent; }

/****** Email suggest field ******/
[wf-mail-check] .suggest { float: right; position: relative; display: inline-block; font-size: 14px; font-style: italic; }
[wf-mail-check] .suggest a { font-weight: 600; }
.form-365 [wf-mail-check] .suggest { float: left; }
.bank-form-short [wf-mail-check] .suggest { margin-bottom: 10px; }

.form-365 .input-block, .form-365 .input-row { font-size: 16px; }
.form-365 .block-title { margin-top: 20px; }
@media (min-width: 768px) { .form-365 .block-title { margin-top: 40px; } }
.form-365 .group-title { font-size: 14px; margin-top: 1em; }
@media (min-width: 768px) { .form-365 .group-title { text-align: right; padding-right: 10px; font-size: 16px; } }
.form-365 .group-title + .input-block { margin-top: 0; }
.form-365 .input-row { position: relative; margin-top: 8px; margin-bottom: 8px; }
@media (min-width: 768px) { .form-365 .input-row { margin-top: 20px; margin-bottom: 20px; } }
.form-365 .input-row > div, .form-365 .input-row input, .form-365 .input-row select, .form-365 .input-row .block-check-container { position: relative; }
@media (max-width: 768px) { .form-365 .input-row label { font-size: 15px; } }
@media (min-width: 768px) { .form-365 .row-group .input-row { margin-top: -10px; }
  .form-365 .row-group .input-row:first-child { margin-top: 0px; } }
.form-365 .link-row-group .input-row { z-index: 10; position: relative; }
@media (min-width: 768px) { .form-365 .link-row-group .input-row { margin-top: -10px; }
  .form-365 .link-row-group .input-row:first-child { margin-top: 0px; }
  .form-365 .link-row-group .input-row .md-grid-6:last-child:before, .form-365 .link-row-group .input-row .group-title:last-child:before { content: " "; position: absolute; display: block; top: 21px; left: -14px; height: 0px; width: 14px; border-top: 1px solid #d3d3d3; }
  .form-365 .link-row-group .input-row:first-child:last-child .md-grid-6:last-child:before, .form-365 .link-row-group .input-row:first-child:last-child .group-title:last-child:before { display: none; } }
.form-365 .link-row-group .input-row:before { content: " "; position: absolute; left: calc(50% - 5px); height: calc(100% + 10px); margin-top: -5px; margin-bottom: -5px; width: 0px; border-left: 1px solid #d3d3d3; }
@media (max-width: 768px) { .form-365 .link-row-group .input-row:before { left: 90%; } }
.form-365 .link-row-group .input-row:first-child:before { top: 26px; height: calc(100% - 16px); }
.form-365 .link-row-group .input-row:last-child:before { height: 27px; }
.form-365 .link-row-group .input-row:first-child:last-child:before { display: none; }
@media (max-width: 768px) { .form-365 .block-check-row .md-grid-6:first-child, .form-365 .block-check-row .group-title:first-child, .form-365 .block-check-row .md-grid-10:first-child { float: left; width: calc(100% - 90px); content: ".form-365 .block-check-row .md-grid-6:first-child, .form-365 .block-check-row .md-grid-10:first-child"; }
  .form-365 .block-check-row .md-grid-6:first-child label, .form-365 .block-check-row .group-title:first-child label, .form-365 .block-check-row .md-grid-10:first-child label { padding-top: 8px; }
  [lang="fi"] .form-365 .block-check-row .md-grid-6:first-child, [lang="fi"] .form-365 .block-check-row .group-title:first-child, [lang="fi"] .form-365 .block-check-row .md-grid-10:first-child { width: calc(100% - 110px); }
  .form-365 .block-check-row .md-grid-6:last-child, .form-365 .block-check-row .group-title:last-child, .form-365 .block-check-row .md-grid-2:last-child { float: right; } }
.form-365 .link-row-before:before { content: " "; display: block; position: absolute; top: -28px; right: 20px; width: 1px; height: 28px; border: 1px solid #d3d3d3; border-left-width: 0; }
@media (min-width: 768px) { .form-365 .link-row-before:before { top: -33px; left: -15px; width: 15px; height: 55px; border-left-width: 1px; border-right-width: 0; } }
.form-365 .link-choice-before { position: relative; }
.form-365 .link-choice-before:before { content: " "; display: block; position: absolute; z-index: -1; left: 90%; bottom: calc(100% - 20px); width: 0; height: 68px; border: 1px solid #d3d3d3; border-right-width: 0; border-bottom-width: 0; }
@media (min-width: 768px) { .form-365 .link-choice-before:before { left: calc(50% - 5px); width: 15px; } }
.form-365 h2 { color: #424242; border-bottom: 1px solid #424242; font-size: 18px; }
.form-365 label { color: #424242; font-weight: 400; }
@media (max-width: 768px) { .form-365 label { font-size: 12px; margin-bottom: 0; } }
@media (min-width: 768px) { .form-365 label { padding-top: 10px; text-align: right; margin-right: 10px; } }
.form-365 label.inline { padding-top: 0; text-align: left; }
@media (min-width: 768px) { .form-365 label.align-left { text-align: left; } }
.form-365 .block-check-row label.no-padding { padding-top: 0; }
.form-365 input[type="text"], .form-365 input[type="email"], .form-365 input[type="url"], .form-365 input[type="search"], .form-365 input[type="tel"], .form-365 input[type="number"], .form-365 select, .form-365 textarea { height: 42px; padding-left: 15px; padding-right: 15px; color: #424242; border-radius: 0; border: 1px solid #828282; }
.form-365 select { -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.form-365 select::-ms-expand { display: none; }
.form-365 .select-wrapper:before { content: "\6b"; color: #777; font-family: "webfinance"; display: block; position: absolute; right: 10px; top: 10px; pointer-events: none; z-index: 40; }
.form-365 .block-radio { height: 42px; line-height: 42px; border-radius: 0; }
.form-365 .block-radio.radio-on { background-color: #24a909; border: none !important; }
.form-365 .btn:disabled { background: #777 !important; border: none !important; cursor: default; }
.form-365 .coapp-block { padding: 15px; border: 1px solid #d3d3d3; box-shadow: 0 0 20px #b9b9b9; }
@media (min-width: 768px) { .form-365 .coapp-block { margin-left: -30px; margin-right: -30px; padding: 30px; } }
.form-365 .debt-block { margin-bottom: 30px; }
.form-365 .summary-block { padding: 15px; margin-bottom: 30px; background-color: #f5f5f5; }
@media (min-width: 768px) { .form-365 .summary-block { margin-left: -30px; margin-right: -30px; padding: 1px 30px; } }
.form-365 .summary-block .md-grid-6 span, .form-365 .summary-block .group-title span { display: block; }
@media (min-width: 768px) { .form-365 .summary-block .md-grid-6 span, .form-365 .summary-block .group-title span { padding-top: 10px; } }
.form-365 .debt-title span { z-index: 10; display: inline-block; background-color: white; font-size: 16px; padding-right: 10px; }
.form-365 .debt-title span span { padding-right: 0; }
.form-365 .debt-title:before { content: ""; display: block; position: absolute; z-index: -1; top: 20px; width: 100%; border-bottom: 1px solid #d3d3d3; }
.form-365 .no-border { border-bottom: none; margin-bottom: 0; }
.form-365 .with-border { border-bottom: 1px solid #424242; padding-bottom: 4px; }
.form-365 hr { border: 0; border-bottom: 1px solid #ccc; }

.form-upsell .title { margin-bottom: 60px; }
.form-upsell .vendor-logo { margin-top: 130px; }
.form-upsell .logo-letsencrypt { vertical-align: -10px; margin-left: 5px; }
.form-upsell .msg-success { margin-bottom: 30px; }

/******* Common stuff ******/
.form1-sliders, .form2-sliders, .compact-sliders { border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; background-color: #fafafa; padding-top: 7.5px; }
.form1-sliders > div, .form2-sliders > div, .compact-sliders > div { margin-bottom: 15px; }
@media (min-width: 480px) { .form1-sliders, .form2-sliders, .compact-sliders { padding-top: 15px; }
  .form1-sliders > div, .form2-sliders > div, .compact-sliders > div { margin-bottom: 30px; } }

.compact-sliders { padding-left: 15px; padding-right: 15px; }

.form1-estimate, .form2-estimate, .compact-estimate { padding-top: 7.5px; padding-bottom: 7.5px; margin-bottom: 7.5px; border-bottom: 1px solid #efefef; font-weight: 600; font-size: 16px; color: #828282; text-align: center; }
.form1-estimate span, .form2-estimate span, .compact-estimate span { display: inline-block; }
@media (min-width: 480px) { .form1-estimate, .form2-estimate, .compact-estimate { padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px; } }

.form1-inputs > div, .form2-inputs > div, .compact-inputs > div { margin-bottom: 7.5px; }
.form1-inputs > div:first-child, .form2-inputs > div:first-child, .compact-inputs > div:first-child { text-align: center; font-weight: 300; }
@media (min-width: 480px) { .form1-inputs > div, .form2-inputs > div, .compact-inputs > div { margin-bottom: 15px; } }

.form1-inputs label, .form2-inputs label { padding-top: 6px; }
@media (min-width: 768px) { .form1-inputs > div, .form2-inputs > div { margin-bottom: 7.5px; }
  .form1-inputs > div label, .form2-inputs > div label { display: block; text-align: right; padding-top: 10px; font-weight: 600; } }

.form1-cta, .form2-cta, .compact-cta { margin-bottom: 45px; }

/******* Form1 ******/
@media (min-width: 768px) { .form1-sliders { margin-bottom: 30px; border-top: none; padding-top: 0; background-color: transparent; }
  .form1-sliders > div:first-child { padding-right: 40px; }
  .form1-sliders > div:last-child { padding-left: 40px; } }

@media (min-width: 768px) { .form1-estimate { padding: 0; margin-bottom: 30px; border-bottom: none; font-size: 20px; font-weight: 400; } }

.form1-steps { position: relative; padding: 45px 0; border-top: 1px solid #efefef; text-align: center; color: #a0a0a0; }
.form1-steps .step { display: block; margin: 0 auto; font-size: 14px; height: 32px; width: 32px; border-radius: 50%; margin-bottom: 5px; color: white; background-color: #d3d3d3; line-height: 31px; }
.form1-steps:before, .form1-steps:after { content: " "; display: block; width: 137px; height: 15px; position: absolute; top: 50px; margin-left: -68px; background-image: url("/img/divider-img.png"); background-repeat: no-repeat; background-image: center center; pointer-events: none; }
.form1-steps:before { left: 33%; }
.form1-steps:after { left: 66%; }

/******* Form2 ******/
@media (min-width: 768px) { .form2-sliders { border: none; padding: 0; background-color: transparent; }
  .form2-sliders > div { padding-bottom: 30px; border-bottom: 1px solid #efefef; }
  .form2-sliders > div:last-child { margin-bottom: 0; } }

@media (min-width: 768px) { .form2-estimate { margin-bottom: 30px; font-size: 20px; font-weight: 400; text-align: left; }
  .form2-estimate .blue { float: right; } }

.form2-steps { padding: 45px 60px; text-align: center; }
.form2-steps p { width: 140px; font-size: 18px; font-weight: 300; margin: 0 auto; }
.form2-steps .step { display: block; margin: 0 auto; font-size: 28px; height: 72px; width: 72px; border-radius: 50%; margin-bottom: 5px; color: white; background-color: #005c9f; line-height: 72px; }
.form2-steps img { display: block; width: 32px; margin: 30px auto; }

/******* Compact Form ******/
@media (min-width: 480px) and (max-width: 1023px) { .compact-form { max-width: 600px; margin-left: auto; margin-right: auto; } }

/******* Sliders ******/
[wf-slider] .slider-title { margin-bottom: 0; }
@media (min-width: 480px) { [wf-slider] .slider-title { margin-bottom: 14px; } }
[wf-slider] .slider-scale { height: 6px; margin: 10px 0; }
[wf-slider] .slider-scale li { list-style: none; display: block; float: left; height: 6px; width: 9.09%; border-left: 2px solid #d3d3d3; }
[wf-slider] .slider-scale li:last-child { border-right: 2px solid #d3d3d3; }
[wf-slider] .ui-slider-horizontal { background: #efefef !important; border: none !important; }
[wf-slider] .ui-slider-range { background: #005c9f !important; }
[wf-slider] .ui-slider-handle { width: 36px !important; margin-left: -16px !important; top: -3px !important; background: #e65829 !important; border: none !important; text-align: center; }
[wf-slider] .ui-slider-handle:before { content: '< >'; color: white; font-size: 12px; vertical-align: 5px; }
.handle-green [wf-slider] .ui-slider-handle { background: #24a909 !important; }

[wf-slider-2018] { margin-top: 10px; margin-bottom: 10px; }
[wf-slider-2018] .slider-title { margin-bottom: 8px; font-size: 14px; }
@media (min-width: 768px) { [wf-slider-2018] .slider-title { margin-bottom: 12px; font-size: 18px; } }
[wf-slider-2018] .slider-input { padding-top: 5px; }
[wf-slider-2018] .ui-slider-horizontal { background: transparent !important; border: 1px solid #005c9f !important; border-radius: 7px !important; height: 10px !important; }
[wf-slider-2018] .ui-slider-range { background: #005c9f !important; border-radius: 7px !important; }
[wf-slider-2018] .ui-slider-handle { width: 26px !important; height: 26px !important; margin-left: -13px !important; top: -9px !important; background: #005c9f !important; border: 2px solid white !important; border-radius: 50%; cursor: pointer; }
[wf-slider-2018] .sm-grid-5, [wf-slider-2018] .md-grid-4 { padding-top: 14px; }
@media (min-width: 768px) { [wf-slider-2018] .sm-grid-5, [wf-slider-2018] .md-grid-4 { padding-top: 21px; } }
[wf-slider-2018] .slider-value { font-size: 24px; }
@media (min-width: 768px) { [wf-slider-2018] .slider-value { font-size: 28px; } }
[wf-slider-2018] .slider-unit { font-size: 14px; }
@media (min-width: 768px) { [wf-slider-2018] .slider-unit { font-size: 18px; } }

/******* Help marker used on forms ******/
.input-help { display: block; position: absolute; z-index: 10; right: 10px; margin-top: 9px; background-color: #d3d3d3; width: 18px; height: 18px; border-radius: 50%; text-align: center; line-height: 18px; font-size: 11px; cursor: help; }
.input-help.select-help { right: 25px; }
.input-help div { display: none; position: absolute; bottom: 30px; left: -51px; width: 120px; padding: 6px; color: white; background-color: #424242; }
.input-help div:before { content: ""; display: block; position: absolute; top: 100%; left: 51px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #424242 transparent transparent transparent; }
.input-help.show-help div { display: block; }

/****** Validation & ng-messages styling  ******/
input.ng-invalid.ng-dirty, .invalid-submission input.ng-invalid, select.ng-invalid.ng-dirty, .invalid-submission select.ng-invalid, textarea.ng-invalid.ng-dirty, .invalid-submission textarea.ng-invalid { border-color: #ee0000 !important; }
input.ng-valid.ng-dirty, input .ng-valid.ng-pristine, select.ng-valid.ng-dirty, select .ng-valid.ng-pristine, textarea.ng-valid.ng-dirty, textarea .ng-valid.ng-pristine { border-color: #5ba97f !important; }

[ng-message], .text-error { color: #ee0000; font-size: 0.9em !important; }

.text-error { margin-top: 7.5px; }

/****** Overrides for Avida form  ******/
.form-365 .form-alert, .form-365 .form-alert-static { z-index: 10; width: 100%; margin-top: -11px; }
.form-365 .form-alert:before, .form-365 .form-alert-static:before { position: absolute; display: block; right: 9px; top: 9px; font-family: "webfinance"; font-size: 19px; pointer-events: none; z-index: 30; }
.form-365 .select-wrapper .form-alert:before, .form-365 .number-wrapper .form-alert:before { right: 33px; }
.form-365 .form-alert .form-alert-inner, .form-365 .form-alert-static .form-alert-inner { display: none; top: 42px; right: 0; width: 100%; padding: 5px 7px; font-size: 11px; text-transform: uppercase; font-weight: 400; background-color: #dee6f1; border: 1px solid #005c9f; border-top-color: #bdcde3; }
.form-365 .form-alert .form-alert-inner button, .form-365 .form-alert-static .form-alert-inner button { float: right; padding: 6px 12px; }
.form-365 .form-alert > span, .form-365 .form-alert > suspicion, .form-365 .form-alert-static > span, .form-365 .form-alert-static > suspicion { display: none; }
.form-365 input:focus, .form-365 select:focus, .form-365 textarea:focus { border: 1px solid #005c9f !important; background-color: #f4f7fa !important; outline: none; }
.form-365 input:focus + .form-alert:before, .form-365 select:focus + .form-alert:before, .form-365 textarea:focus + .form-alert:before { content: "\6a" !important; color: #005c9f !important; }
.form-365 input:focus + .form-alert .form-alert-inner, .form-365 select:focus + .form-alert .form-alert-inner, .form-365 textarea:focus + .form-alert .form-alert-inner { display: block; background-color: #dee6f1 !important; border: 1px solid #005c9f !important; border-top-color: #bdcde3 !important; }
.form-365 input:focus + .form-alert.no-help-text:before, .form-365 select:focus + .form-alert.no-help-text:before, .form-365 textarea:focus + .form-alert.no-help-text:before { display: none; }
.form-365 input:focus + .form-alert.no-help-text .form-alert-inner, .form-365 select:focus + .form-alert.no-help-text .form-alert-inner, .form-365 textarea:focus + .form-alert.no-help-text .form-alert-inner { display: none !important; }
.form-365 input:focus:-webkit-autofill, .form-365 select:focus:-webkit-autofill, .form-365 textarea:focus:-webkit-autofill { box-shadow: 0 0 0 1000px #f4f7fa inset !important; -webkit-box-shadow: 0 0 0 1000px #f4f7fa inset !important; }
.form-365 input.ng-invalid.ng-dirty, .invalid-submission .form-365 input.ng-invalid, .form-365 input.ng-invalid.ng-touched, .form-365 select.ng-invalid.ng-dirty, .invalid-submission .form-365 select.ng-invalid, .form-365 select.ng-invalid.ng-touched, .form-365 textarea.ng-invalid.ng-dirty, .invalid-submission .form-365 textarea.ng-invalid, .form-365 textarea.ng-invalid.ng-touched { border-color: #cc1924 !important; background-color: #fcf3f4; }
.form-365 input.ng-invalid.ng-dirty + .form-alert:before, .invalid-submission .form-365 input.ng-invalid + .form-alert:before, .form-365 input.ng-invalid.ng-touched + .form-alert:before, .form-365 select.ng-invalid.ng-dirty + .form-alert:before, .invalid-submission .form-365 select.ng-invalid + .form-alert:before, .form-365 select.ng-invalid.ng-touched + .form-alert:before, .form-365 textarea.ng-invalid.ng-dirty + .form-alert:before, .invalid-submission .form-365 textarea.ng-invalid + .form-alert:before, .form-365 textarea.ng-invalid.ng-touched + .form-alert:before { content: "\69"; color: #cc1924; }
.form-365 input.ng-invalid.ng-dirty + .form-alert .form-alert-inner, .invalid-submission .form-365 input.ng-invalid + .form-alert .form-alert-inner, .form-365 input.ng-invalid.ng-touched + .form-alert .form-alert-inner, .form-365 select.ng-invalid.ng-dirty + .form-alert .form-alert-inner, .invalid-submission .form-365 select.ng-invalid + .form-alert .form-alert-inner, .form-365 select.ng-invalid.ng-touched + .form-alert .form-alert-inner, .form-365 textarea.ng-invalid.ng-dirty + .form-alert .form-alert-inner, .invalid-submission .form-365 textarea.ng-invalid + .form-alert .form-alert-inner, .form-365 textarea.ng-invalid.ng-touched + .form-alert .form-alert-inner { background-color: #f9e8e9; border: 1px solid #cc1924; border-top-color: #efc2c5; }
.form-365 input.ng-invalid.ng-dirty:-webkit-autofill, .invalid-submission .form-365 input.ng-invalid:-webkit-autofill, .form-365 input.ng-invalid.ng-touched:-webkit-autofill, .form-365 select.ng-invalid.ng-dirty:-webkit-autofill, .invalid-submission .form-365 select.ng-invalid:-webkit-autofill, .form-365 select.ng-invalid.ng-touched:-webkit-autofill, .form-365 textarea.ng-invalid.ng-dirty:-webkit-autofill, .invalid-submission .form-365 textarea.ng-invalid:-webkit-autofill, .form-365 textarea.ng-invalid.ng-touched:-webkit-autofill { box-shadow: 0 0 0 1000px #fcf3f4 inset !important; -webkit-box-shadow: 0 0 0 1000px #fcf3f4 inset !important; }
.form-365 input.ng-invalid.ng-dirty:focus, .invalid-submission .form-365 input.ng-invalid:focus, .form-365 input.ng-invalid.ng-touched:focus, .form-365 select.ng-invalid.ng-dirty:focus, .invalid-submission .form-365 select.ng-invalid:focus, .form-365 select.ng-invalid.ng-touched:focus, .form-365 textarea.ng-invalid.ng-dirty:focus, .invalid-submission .form-365 textarea.ng-invalid:focus, .form-365 textarea.ng-invalid.ng-touched:focus { border: 1px solid #005c9f !important; background-color: #f4f7fa !important; outline: none; }
.form-365 input.ng-invalid.ng-dirty:focus + .form-alert:before, .invalid-submission .form-365 input.ng-invalid:focus + .form-alert:before, .form-365 input.ng-invalid.ng-touched:focus + .form-alert:before, .form-365 select.ng-invalid.ng-dirty:focus + .form-alert:before, .invalid-submission .form-365 select.ng-invalid:focus + .form-alert:before, .form-365 select.ng-invalid.ng-touched:focus + .form-alert:before, .form-365 textarea.ng-invalid.ng-dirty:focus + .form-alert:before, .invalid-submission .form-365 textarea.ng-invalid:focus + .form-alert:before, .form-365 textarea.ng-invalid.ng-touched:focus + .form-alert:before { content: "\6a" !important; color: #005c9f !important; }
.form-365 input.ng-invalid.ng-dirty:focus + .form-alert .form-alert-inner, .invalid-submission .form-365 input.ng-invalid:focus + .form-alert .form-alert-inner, .form-365 input.ng-invalid.ng-touched:focus + .form-alert .form-alert-inner, .form-365 select.ng-invalid.ng-dirty:focus + .form-alert .form-alert-inner, .invalid-submission .form-365 select.ng-invalid:focus + .form-alert .form-alert-inner, .form-365 select.ng-invalid.ng-touched:focus + .form-alert .form-alert-inner, .form-365 textarea.ng-invalid.ng-dirty:focus + .form-alert .form-alert-inner, .invalid-submission .form-365 textarea.ng-invalid:focus + .form-alert .form-alert-inner, .form-365 textarea.ng-invalid.ng-touched:focus + .form-alert .form-alert-inner { display: block; background-color: #dee6f1 !important; border: 1px solid #005c9f !important; border-top-color: #bdcde3 !important; }
.form-365 input.ng-invalid.ng-dirty:focus + .form-alert.no-help-text:before, .invalid-submission .form-365 input.ng-invalid:focus + .form-alert.no-help-text:before, .form-365 input.ng-invalid.ng-touched:focus + .form-alert.no-help-text:before, .form-365 select.ng-invalid.ng-dirty:focus + .form-alert.no-help-text:before, .invalid-submission .form-365 select.ng-invalid:focus + .form-alert.no-help-text:before, .form-365 select.ng-invalid.ng-touched:focus + .form-alert.no-help-text:before, .form-365 textarea.ng-invalid.ng-dirty:focus + .form-alert.no-help-text:before, .invalid-submission .form-365 textarea.ng-invalid:focus + .form-alert.no-help-text:before, .form-365 textarea.ng-invalid.ng-touched:focus + .form-alert.no-help-text:before { display: none; }
.form-365 input.ng-invalid.ng-dirty:focus + .form-alert.no-help-text .form-alert-inner, .invalid-submission .form-365 input.ng-invalid:focus + .form-alert.no-help-text .form-alert-inner, .form-365 input.ng-invalid.ng-touched:focus + .form-alert.no-help-text .form-alert-inner, .form-365 select.ng-invalid.ng-dirty:focus + .form-alert.no-help-text .form-alert-inner, .invalid-submission .form-365 select.ng-invalid:focus + .form-alert.no-help-text .form-alert-inner, .form-365 select.ng-invalid.ng-touched:focus + .form-alert.no-help-text .form-alert-inner, .form-365 textarea.ng-invalid.ng-dirty:focus + .form-alert.no-help-text .form-alert-inner, .invalid-submission .form-365 textarea.ng-invalid:focus + .form-alert.no-help-text .form-alert-inner, .form-365 textarea.ng-invalid.ng-touched:focus + .form-alert.no-help-text .form-alert-inner { display: none !important; }
.form-365 input.ng-invalid.ng-dirty:focus:-webkit-autofill, .invalid-submission .form-365 input.ng-invalid:focus:-webkit-autofill, .form-365 input.ng-invalid.ng-touched:focus:-webkit-autofill, .form-365 select.ng-invalid.ng-dirty:focus:-webkit-autofill, .invalid-submission .form-365 select.ng-invalid:focus:-webkit-autofill, .form-365 select.ng-invalid.ng-touched:focus:-webkit-autofill, .form-365 textarea.ng-invalid.ng-dirty:focus:-webkit-autofill, .invalid-submission .form-365 textarea.ng-invalid:focus:-webkit-autofill, .form-365 textarea.ng-invalid.ng-touched:focus:-webkit-autofill { box-shadow: 0 0 0 1000px #f4f7fa inset !important; -webkit-box-shadow: 0 0 0 1000px #f4f7fa inset !important; }
.form-365 input.ng-valid, .form-365 select.ng-valid, .form-365 textarea.ng-valid { border-color: #34c150 !important; background-color: #f5faf2; }
.form-365 input.ng-valid + .form-alert:before, .form-365 select.ng-valid + .form-alert:before, .form-365 textarea.ng-valid + .form-alert:before { content: "\62"; color: #34c150; }
.form-365 input.ng-valid:-webkit-autofill, .form-365 select.ng-valid:-webkit-autofill, .form-365 textarea.ng-valid:-webkit-autofill { box-shadow: 0 0 0 1000px #f5faf2 inset !important; -webkit-box-shadow: 0 0 0 1000px #f5faf2 inset !important; }
.form-365 input.ng-valid:focus, .form-365 select.ng-valid:focus, .form-365 textarea.ng-valid:focus { border: 1px solid #005c9f !important; background-color: #f4f7fa !important; outline: none; }
.form-365 input.ng-valid:focus + .form-alert:before, .form-365 select.ng-valid:focus + .form-alert:before, .form-365 textarea.ng-valid:focus + .form-alert:before { content: "\6a" !important; color: #005c9f !important; }
.form-365 input.ng-valid:focus + .form-alert .form-alert-inner, .form-365 select.ng-valid:focus + .form-alert .form-alert-inner, .form-365 textarea.ng-valid:focus + .form-alert .form-alert-inner { display: block; background-color: #dee6f1 !important; border: 1px solid #005c9f !important; border-top-color: #bdcde3 !important; }
.form-365 input.ng-valid:focus + .form-alert.no-help-text:before, .form-365 select.ng-valid:focus + .form-alert.no-help-text:before, .form-365 textarea.ng-valid:focus + .form-alert.no-help-text:before { display: none; }
.form-365 input.ng-valid:focus + .form-alert.no-help-text .form-alert-inner, .form-365 select.ng-valid:focus + .form-alert.no-help-text .form-alert-inner, .form-365 textarea.ng-valid:focus + .form-alert.no-help-text .form-alert-inner { display: none !important; }
.form-365 input.ng-valid:focus:-webkit-autofill, .form-365 select.ng-valid:focus:-webkit-autofill, .form-365 textarea.ng-valid:focus:-webkit-autofill { box-shadow: 0 0 0 1000px #f4f7fa inset !important; -webkit-box-shadow: 0 0 0 1000px #f4f7fa inset !important; }
.form-365 input.ng-invalid-susp + .form-alert .form-alert-inner, .form-365 select.ng-invalid-susp + .form-alert .form-alert-inner, .form-365 textarea.ng-invalid-susp + .form-alert .form-alert-inner { display: block; }
.form-365 [ng-message] { font-size: 0.8em; font-weight: 400; }
@media (min-width: 768px) { .form-365 [ng-message] { text-align: right; } }

.form-2018 .input-row > div, .form-2018.input-row > div { position: static; }
.form-2018 .form-alert, .form-2018 .form-alert-static { position: absolute; z-index: 50; left: 0; bottom: 100%; margin-bottom: 5px; }
@media (min-width: 768px) { .form-2018 .form-alert, .form-2018 .form-alert-static { margin-bottom: 10px; } }
.form-2018 .form-alert .form-alert-inner, .form-2018 .form-alert-static .form-alert-inner { border: 0; text-transform: initial; background-color: white; border-left: 7px solid #005C9F; padding: 20px 40px; font-size: 14px; font-weight: 400; line-height: 1.5; }
.form-2018 .form-alert .form-alert-inner:before, .form-2018 .form-alert-static .form-alert-inner:before { content: "\6a"; font-family: webfinance; font-size: 16px; color: #005C9F; position: absolute; left: 20px; top: 19px; }
.form-2018 .form-alert .form-alert-inner.alert-warn, .form-2018 .form-alert-static .form-alert-inner.alert-warn { border-left-color: #F2994A; }
.form-2018 .form-alert .form-alert-inner.alert-warn:before, .form-2018 .form-alert-static .form-alert-inner.alert-warn:before { color: #F2994A; }
.form-2018 .form-alert .form-alert-inner.alert-error, .form-2018 .form-alert-static .form-alert-inner.alert-error { border-left-color: #CC1924; }
.form-2018 .form-alert .form-alert-inner.alert-error:before, .form-2018 .form-alert-static .form-alert-inner.alert-error:before { color: #CC1924; }
.form-2018 .form-alert .form-alert-inner.alert-success, .form-2018 .form-alert-static .form-alert-inner.alert-success { border-left-color: #27AE60; }
.form-2018 .form-alert .form-alert-inner.alert-success:before, .form-2018 .form-alert-static .form-alert-inner.alert-success:before { color: #27AE60; }
.form-2018 .form-alert-static { position: relative; }
.form-2018 .form-alert-static .form-alert-inner { display: block; }
.form-2018 .form-alert-static .form-alert-close { position: absolute; display: block; right: 20px; top: 20px; width: 16px; height: 16px; }
.form-2018 .form-alert-static .form-alert-close:before, .form-2018 .form-alert-static .form-alert-close:after { position: absolute; left: 8px; content: ' '; height: 16px; width: 1px; background-color: #000; }
.form-2018 .form-alert-static .form-alert-close:before { transform: rotate(45deg); }
.form-2018 .form-alert-static .form-alert-close:after { transform: rotate(-45deg); }
.form-2018 input:checked:focus ~ .form-alert .form-alert-inner { display: block; }
.form-2018 .form-alert-icon { display: inline-block; vertical-align: 10px; margin-left: 15px; cursor: pointer; }
@media (min-width: 0) and (max-width: 767px) { .form-2018 .form-alert-icon { float: left; margin-right: 15px; margin-top: 8px; } }
.form-2018 .form-alert-icon:before { content: "\6a"; font-family: "webfinance"; font-size: 20px; color: #005c9f !important; }
.form-2018 .form-alert-icon.open ~ .form-alert .form-alert-inner { display: block; }

.list-emphasized { font-size: 16px; font-weight: 600; line-height: 1.3; }
.list-emphasized li + li { margin-top: .5em; }

[class*="list-icons-"] { list-style: none; }
[class*="list-icons-"] li { position: relative; padding-left: 1.5em; }
[class*="list-icons-"] li:before { font-family: 'webfinance'; position: absolute; left: 0; display: inline-block; }

.list-icons-check li:before { content: "\62"; }

.list-icons-chevron-right li:before { content: "\6e"; }

.list-icons-arrow-right li:before { content: "\73"; }

/****** TYPE: ORANGE BUTTONS ******/
@media (min-width: 0) and (max-width: 767px) { .comparison-type { background-color: #e65829; } }
.comparison-type li { display: block; float: left; width: 50%; }
.comparison-type li:first-child { border-right: 1px solid white; }
.comparison-type li:last-child { border-left: 1px solid white; }
.comparison-type a { display: block; padding: 5px 0; color: white; text-align: center; text-transform: uppercase; background-color: #e65829; font-size: 13px; font-weight: 600; }

@media (min-width: 768px) { .comparison-type li { margin-top: 32px; width: 160px; margin-right: 20px; border: none !important; }
  .comparison-type a { border-radius: 2px; } }
/****** FILTER: GREEN BUTTONS ******/
.comparison-filter span { display: block; font-weight: 700; font-size: 11px; padding: 6px 0 2px; }
.comparison-filter li { display: block; float: left; width: 50%; }
.comparison-filter li:first-child { border-right: 2px solid white; }
.comparison-filter li:last-child { border-left: 2px solid white; }
.comparison-filter a { display: block; color: white; background-color: #5ba97f; font-size: 10px; text-align: center; padding: 3px 0; font-weight: 600; border-radius: 2px; }

@media (min-width: 768px) { .comparison-filter { text-align: right; }
  .comparison-filter > div { display: inline-block; margin-left: 20px; }
  .comparison-filter span { text-align: left; font-size: 14px; padding: 8px 0 3px; }
  .comparison-filter li { display: inline-block; width: auto; }
  .comparison-filter a { display: inline-block; padding: 4px 15px; font-size: 14px; } }
/****** COMPARISON TABLE ******/
.comparison-table { margin-top: 15px; margin-bottom: 15px; }
.comparison-table .table-row { position: relative; overflow: hidden; background: white; }
.comparison-table .table-row div { font-weight: 600; text-align: center; }
.comparison-table .table-row .dice, .comparison-table .table-row span { display: block; }
.comparison-table .table-row p { display: block; margin: 0; font-size: 14px; font-weight: 300; }
.comparison-table .table-row p strong { font-weight: 600; }
.comparison-table header.table-row { display: none; }

@media (min-width: 0) and (max-width: 767px) { .comparison-table { background: #f8f8f8; padding-top: 15px; padding-bottom: 15px; margin: 0; }
  .comparison-table .table-row { margin-bottom: 15px; padding: 30px 15px 10px; overflow: visible; border: 1px solid #efefef; }
  .comparison-table .table-row.recommended-row { margin-left: -15px; margin-right: -15px; margin-bottom: 15px; padding: 55px 15px 15px 15px; border: 5px solid #4282b0; }
  .comparison-table .table-row .recommended { display: block; position: absolute; top: 0; margin-top: 0; font-size: .9em; width: 100%; padding: 2px 15px 5px; margin: auto; left: 0; text-align: center; color: white; background-color: #4282b0; }
  .comparison-table .table-row .recommended i { vertical-align: middle; color: white; }
  .comparison-table .table-row div { font-size: 15px; }
  .comparison-table .table-row .bank-logo { position: relative; margin-bottom: 10px; }
  .comparison-table .table-row .bank-logo .color-fill { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
  .comparison-table .table-row .bank-logo span { display: inline-block; position: relative; z-index: 2; }
  .comparison-table .table-row .bank-logo img { width: 180px; }
  .comparison-table .table-row .bank-logo img.logo-wide { width: 345px; }
  .comparison-table .table-row .inner-grid div { text-align: left; color: #005c9f; }
  .comparison-table .table-row label { display: block; color: black; margin-top: 5px; }
  .comparison-table .table-row strong { font-size: 16px; font-weight: 400; }
  .comparison-table .table-row small { font-size: 12px; margin-top: 4px; }
  .comparison-table .table-row .dice { width: 66%; max-width: 57px; margin: 12px auto; }
  .comparison-table .table-row .btn { margin-top: 10px; font-size: 17px; padding-top: 7px; padding-bottom: 7px; } }
@media (min-width: 768px) { .comparison-table { margin-bottom: 45px; }
  .comparison-table .table-row { border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; }
  .comparison-table .table-row.recommended-row:before { content: ""; display: block; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #4282b0; pointer-events: none; -moz-box-shadow: inset 0 0 15px #99bed9; -webkit-box-shadow: inset 0 0 15px #99bed9; box-shadow: inset 0 0 15px #99bed9; }
  .comparison-table .table-row .recommended { display: block; position: absolute; z-index: 8; bottom: 0; left: 0; color: white; background-color: #4282b0; font-size: 13px; padding: 8px 25px 4px; }
  .comparison-table .table-row .recommended i { font-size: 16px; vertical-align: middle; color: white; }
  .comparison-table .table-row div { position: relative; height: 175px; padding: 10px; border-right: 1px solid #d3d3d3; font-size: 14px; }
  .comparison-table .table-row div.inner-grid { padding: 0; border: none; }
  .comparison-table .table-row div span { display: block; position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .comparison-table .table-row label, .comparison-table .table-row .color-fill { display: none; }
  .comparison-table .table-row strong { font-size: 18px; font-weight: 300; display: inline-block; }
  .comparison-table .table-row small { margin-top: 8px; }
  .comparison-table .table-row .dice { width: 57px; margin: 0 auto; }
  .comparison-table header.table-row { display: block; }
  .comparison-table header.table-row div { padding-top: 25px; padding-bottom: 25px; height: auto; background-color: #f5f5f5; border-top: 1px solid #d3d3d3; } }
.pulser { display: block; position: absolute; right: 2px; top: 2px; width: 16px; height: 16px; z-index: 15; background-color: transparent; border-radius: 50%; border: 4px solid white; -moz-animation: pulse 1.5s ease-out; -webkit-animation: pulse 1.5s ease-out; animation: pulse 1.5s ease-out; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-moz-keyframes pulse { 0% { -moz-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; }
  50% { -moz-transform: scale(1); transform: scale(1); opacity: 1.0; }
  100% { -moz-transform: scale(2); transform: scale(2); opacity: 0.0; } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; }
  50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1.0; }
  100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0.0; } }
@keyframes pulse { 0% { -moz-transform: scale(0.1); -ms-transform: scale(0.1); -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; }
  50% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1.0; }
  100% { -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); opacity: 0.0; } }
/****** Mini comparison ******/
.comparison-mini { position: relative; border: 1px solid #d3d3d3; text-align: center; margin-top: 30px; margin-bottom: 30px; padding: 15px 22.5px; }
.comparison-mini .bank-container img { max-height: 70px; max-width: 100%; }
.comparison-mini .dice-container img { width: 50px; height: 50px; }
@media (min-width: 768px) { .comparison-mini { margin-top: 60px; margin-bottom: 45px; }
  .comparison-mini .bank-container img { max-height: 100px; }
  .comparison-mini .dice-container img { width: 70px; height: 70px; margin-top: 15px; margin-bottom: 15px; } }

.ad-label { position: absolute; top: -1px; right: -1px; border: 1px solid #efefef; padding: 3px 8px; background-color: white; font-size: 11px; color: #777; font-weight: 400; z-index: 10; }
@media (min-width: 768px) { .ad-label { right: 1px; } }
.comparison-table .recommended-row .ad-label { right: 0; top: 26px; }
@media (min-width: 768px) { .comparison-table .recommended-row .ad-label { top: 2px; right: 2px; } }

.compare-page-ddx .table-row { position: relative; margin-bottom: 15px; margin-left: 10px; margin-right: 10px; padding: 10px 15px; border: 1px solid #d3d3d3; }
.compare-page-ddx .table-row:last-child { margin-bottom: 0; }
.compare-page-ddx .table-row.focus { margin-left: 0; margin-right: 0; padding: 20px 22px; box-shadow: 0px 0px 20px -1px rgba(0, 0, 0, 0.5); border: none; }
.compare-page-ddx .logo { text-align: center; margin-bottom: 15px; }
.compare-page-ddx .logo img { max-height: 70px; }
.compare-page-ddx .dice { padding-top: 10px; padding-bottom: 10px; }
.compare-page-ddx .terms { margin-bottom: 10px; font-size: 14px; }
.compare-page-ddx .terms strong { font-weight: 500; font-size: 16px; }
.compare-page-ddx .cta .btn { letter-spacing: .1em; }
.compare-page-ddx p { margin-top: 5px; margin-bottom: 0; font-size: 12px; text-align: center; }
@media (min-width: 768px) { .compare-page-ddx .table-row { margin-bottom: 50px; margin-left: 20px; margin-right: 20px; }
  .compare-page-ddx .table-row:last-child { margin-bottom: 0; }
  .compare-page-ddx .table-row.focus { margin-left: 0; margin-right: 0; }
  .compare-page-ddx .logo { margin-bottom: 0; }
  .compare-page-ddx .terms { margin-top: 12px; margin-bottom: 12px; }
  .compare-page-ddx p { position: absolute; bottom: -25px; right: 0; font-size: 12px; text-align: right; }
  .compare-page-ddx .cta .btn { height: 100%; position: absolute; width: 14.11212%; width: calc(14.11212% + 22px); right: 0; top: 0; font-size: 18px; border: none 0 !important; border-radius: 0 !important; letter-spacing: inherit; }
  .compare-page-ddx .cta .btn span { display: block; position: absolute; right: 50px; top: 50%; transform: translateY(-45%); }
  .compare-page-ddx .cta .btn:before { font-size: 22px; } }

/******* Title ******/
.section-title, .compact-title { margin-bottom: 0; padding-top: 12px; padding-bottom: 12px; color: white; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxODVjOCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNWFhYWUwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjE4NWM4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #2185c8), color-stop(50%, #5aaae0), color-stop(100%, #2185c8)); background-image: -moz-linear-gradient(left, #2185c8, #5aaae0, #2185c8); background-image: -webkit-linear-gradient(left, #2185c8, #5aaae0, #2185c8); background-image: linear-gradient(to right, #2185c8, #5aaae0, #2185c8); text-align: center; font-size: 16px; font-weight: 600; }

@media (min-width: 768px) { .section-title { margin: 45px 0; padding-top: 0; padding-bottom: 0; color: #005c9f; background: white; font-size: 23px; font-weight: 700; } }

.banner-title { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #efefef; color: black; font-size: 15px; font-weight: 300; text-align: center; }
.banner-title strong { color: #005c9f; font-weight: 600; }
@media (min-width: 480px) { .banner-title { padding-top: 30px; padding-bottom: 30px; font-size: 22px; } }
@media (min-width: 768px) { .banner-title { width: 86%; margin: 0 auto 30px; padding: 0; border: none; font-size: 26px; } }

/******* Payment remarks pages ******/
.payment-remarks h1 { margin: 15px 0; }
.payment-remarks figure { margin-bottom: 15px; }
.payment-remarks .double-margin { margin-bottom: 30px; }
@media (min-width: 768px) { .payment-remarks h1 { margin: 30px 0; } }

/******* Bank pages ******/
.bank-details { margin-top: 15px; margin-bottom: 15px; }
@media (min-width: 768px) { .bank-details { margin-top: 0; } }

@media (min-width: 768px) { .bank-rating { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } }

.bank-rating-info { border: 1px solid #efefef; padding: 15px 15px 7.5px; }
@media (min-width: 0) and (max-width: 767px) { .bank-rating-info { margin-bottom: 15px; } }
@media (min-width: 768px) { .bank-rating-info { border: none; border-right: 1px solid #efefef; padding: 15px 0 7.5px; } }

@media (min-width: 768px) { .bank-rating-cta { padding-top: 45px; } }

.bank-extra-info img { width: 35px; }
@media (min-width: 0) and (max-width: 767px) { .bank-extra-info { padding-bottom: 15px; border-bottom: 1px solid #efefef; margin-bottom: 15px; } }

.bank-table-container { padding-bottom: 40px; }
.bank-table-container table { border: 1px solid #efefef; }
@media (min-width: 768px) { .bank-table-container { border-top: 1px solid #efefef; padding-top: 20px; }
  .bank-table-container table { border: none; margin-top: 15px; } }

/******* Default CMS pages ******/
.cms-page > :first-child { margin-top: 0; }
.cms-page h1, .cms-page h2, .cms-page h3, .cms-page h4, .cms-page h5, .cms-page h6 { margin-top: 1em; line-height: 1.2; }
.cms-page ul { margin: 1em 0; }

/******* Contact pages ******/
.contact-box { margin-top: 15px; margin-bottom: 15px; padding: 45px 60px; border: 1px solid #d3d3d3; box-shadow: 0 0 20px #b9b9b9; }
.contact-box h1, .contact-box h2 { color: #424242; }
.contact-box h2 { font-size: 16px; margin-bottom: 0; }
.contact-box p { font-size: 22px; }
@media (min-width: 768px) { .contact-box { margin-top: 45px; margin-bottom: 45px; background-image: url(/img/contact-bg.png); background-position: right center; background-size: auto 100%; background-repeat: no-repeat; }
  .contact-box.contact-fade { background-image: url(/img/contact-bg2.png); } }
@media (min-width: 1024px) { .contact-box { margin-top: 90px; margin-bottom: 90px; } }

/******* About pages ******/
.about-box, .about-features { margin-top: 15px; margin-bottom: 15px; }

@media (min-width: 1024px) { .about-box, .about-features { margin-top: 45px; margin-bottom: 45px; } }
.about-box, .result-box { border: 1px solid #d3d3d3; box-shadow: 0 0 20px #b9b9b9; padding: 30px; }

.result-box a { display: inline-block; }

.about-box { padding: 7.5px 0 7.5px; }
.about-box > h1, .about-box > h2, .about-box > h3, .about-box > h4, .about-box > p, .about-box > div { padding-left: 22.5px; padding-right: 22.5px; }
.about-box > ul, .about-box > ol { padding-left: 45px; padding-right: 22.5px; margin-top: 15px; margin-bottom: 15px; }
.about-box > ul li, .about-box > ol li { margin-bottom: 15px; }
.about-box h1, .about-box h2 { position: relative; margin-top: 15px; margin-bottom: 15px; }
.about-box h1 { font-size: 22px; }
.about-box h2 { border-top: 1px solid #d3d3d3; padding-top: 15px; font-size: 18px; cursor: pointer; }
.about-box h2:first-child { margin-top: 0; border-top: none; }
.about-box h2:before { content: "+"; position: absolute; right: 22.5px; top: 15px; font-weight: 700; }
.about-box h2.active:before { content: "-"; }
.about-box strong { font-weight: 600; }
@media (min-width: 1024px) { .about-box > h1, .about-box > h2, .about-box > h3, .about-box > h4, .about-box > p, .about-box > div, .about-box > ul, .about-box > ol { padding-left: 30px; padding-right: 30px; }
  .about-box > ul, .about-box > ol { padding-left: 52.5px; padding-right: 30px; }
  .about-box h1 { font-size: 26px; }
  .about-box h2 { font-size: 22px; }
  .about-box h2:before { right: 30px; font-size: 26px; } }

.about-features img { width: 100%; }
.about-features div { padding: 30px 15px; background-color: #f5f5f5; }
.about-features li { position: relative; margin-bottom: 15px; padding-left: 45px; font-size: 14px; }
.about-features li .icon-check { position: absolute; left: 15px; top: 0; font-weight: 700; }

.price-example { font-size: 12px; margin: 10px 0 0; line-height: 1.25; }
@media (max-width: 768px) { .price-example { text-align: center; } }

.bank-info { font-size: 10px; border-bottom: 1px solid #d3d3d3; margin-bottom: 15px; }
.bank-info img.person { float: right; width: 33%; max-width: 125px; margin-left: 3%; }
.bank-info .bank-feature { font-size: 8px; font-weight: 600; margin-bottom: 7.5px; }
.bank-info .bank-feature img { width: 135px; margin-left: 4px; }
@media (min-width: 0) and (max-width: 399px) { .bank-info h2 { font-size: 18px; font-weight: 300; } }
@media (min-width: 400px) and (max-width: 479px) { .bank-info { font-size: 12px; }
  .bank-info h2 { font-size: 20px; font-weight: 300; } }
@media (min-width: 480px) and (max-width: 767px) { .bank-info { font-size: 14px; }
  .bank-info .bank-feature { font-size: 12px; }
  .bank-info .bank-feature img { width: 160px; }
  .bank-info h2 { font-size: 22px; font-weight: 300; } }
@media (min-width: 768px) { .bank-info { margin-bottom: 0; font-size: 14px; border-bottom: none; }
  .bank-info .bank-feature { display: none; } }

.bank-steps { display: none; }
@media (min-width: 768px) { .bank-steps { display: block; position: relative; margin-top: 60px; padding: 15px 22.5px; border: 1px solid #d3d3d3; background-color: #fdfdfd; }
  .bank-steps:before, .bank-steps:after { content: ""; display: block; position: absolute; width: 40px; height: 16px; top: 100px; left: 34%; margin-left: -20px; background-image: url(/img/arrow-right.png); background-repeat: no-repeat; background-position: center center; }
  .bank-steps:after { left: 66%; }
  .bank-steps h2 { margin-bottom: 30px; }
  .bank-steps .grid-4 { text-align: center; }
  .bank-steps span { display: block; width: 64px; height: 64px; margin: 0 auto 22.5px; line-height: 64px; border-radius: 50%; color: white; background-color: #005c9f; text-align: center; font-size: 30px; }
  .bank-steps strong { display: block; margin-bottom: 7.5px; color: #005c9f; font-size: 14px; text-transform: uppercase; }
  .bank-steps p { font-size: 12px; } }

.loan-steps .grid-4 { position: relative; text-align: center; }
.loan-steps .grid-4:before { content: ""; display: block; position: absolute; width: 40px; height: 16px; top: 20px; right: -24px; margin-left: -20px; background-image: url(/img/arrow-right.png); background-repeat: no-repeat; background-position: center center; }
.loan-steps .grid-4:last-child:before { display: none; }
.loan-steps .step { display: block; margin: 5px auto 10px; width: 60px; height: 60px; border-radius: 50%; background-color: #ededed; line-height: 60px; font-weight: 600; color: #3B9695; font-size: 22px; }
.loan-steps strong { font-size: 12px; text-transform: uppercase; color: #3B9695; }

/****** KB2 Overrides ******/
.bank-info-kb2 { border: none !important; }
.bank-info-kb2 ul { line-height: 2em; }
.bank-info-kb2 ul li { text-indent: -1.2em; margin-left: 1.2em; }

.bank-secure { margin: 10px auto; font-weight: 600; font-size: 10px; text-align: center; }
@media (min-width: 480px) { .bank-secure { font-size: 14px; } }

/****** MOBILE MENU ******/
@media (min-width: 0) and (max-width: 767px) { .frontpage-menu { border-bottom: 1px solid #efefef; }
  .frontpage-menu .desktop-title { display: none; }
  .frontpage-menu h1 { padding-top: 7px; padding-bottom: 10px; background-color: #e65829; color: white; font-weight: 300; text-align: center; letter-spacing: 0.05em; font-size: 15px; }
  .frontpage-menu ul { text-align: center; }
  .frontpage-menu li { display: inline-block; list-style: none; vertical-align: middle; margin: 0 2px; }
  .frontpage-menu a { display: block; height: 30px; line-height: 30px; font-size: 8px; color: #e65829; font-weight: 700; }
  .frontpage-menu li.active > a { border-bottom: 3px solid #e65829; } }
@media (min-width: 360px) { .frontpage-menu li { margin: 0 6px; } }
@media (min-width: 480px) { .frontpage-menu h1 { font-size: 18px; }
  .frontpage-menu a { font-size: 11px; } }
@media (min-width: 768px) { .frontpage-menu { display: block; padding-top: 22.5px; }
  .frontpage-menu .desktop-title { display: block; }
  .frontpage-menu .mobile-title { display: none; }
  .frontpage-menu h1 { font-size: 29px; color: #005c9f; margin-bottom: 22.5px; }
  .frontpage-menu ul { width: 80%; }
  .frontpage-menu li { display: block; list-style: none; margin: 0; border-bottom: 1px solid #efefef; }
  .frontpage-menu a { display: inline-block; padding: 15px 0; color: inherit; font-size: 18px; }
  .frontpage-menu .active a { border-bottom: 4px solid #005c9f; color: #005c9f; font-weight: 600; } }
/****** ARTICLES GRID ******/
.frontpage-articles article { padding: 15px 0; border-bottom: 1px solid #efefef; }
.frontpage-articles article div h2 { font-size: 12px; font-weight: 600; margin-bottom: 0; color: black; }
.frontpage-articles article div h3 { font-size: 9px; font-weight: 600; text-transform: uppercase; }
.frontpage-articles article div p { font-size: 7.3px; margin-bottom: 0; }
.frontpage-articles article div .readmore { font-weight: 700; }

@media (min-width: 480px) { .frontpage-articles article div h2 { font-size: 20px; }
  .frontpage-articles article div h3 { font-size: 14px; }
  .frontpage-articles article div p { font-size: 14px; color: #828282; } }
@media (min-width: 768px) { .frontpage-articles { padding-top: 15px; }
  .frontpage-articles article { border-bottom: none; }
  .frontpage-articles article figure { padding: 4px; border: 1px solid #efefef; } }
/****** ACTIONS ******/
.frontpage-actions { clear: both; padding: 12px 0; text-align: center; }
.frontpage-actions h2, .frontpage-actions h3 { display: none; }
.frontpage-actions li { display: inline-block; margin: 0 5px; list-style: none; font-size: 10px; }
.frontpage-actions li i { display: inline-block; font-size: 14px; vertical-align: middle; color: #005c9f; }

@media (min-width: 480px) { .frontpage-actions li { margin: 0 10px; font-size: 14px; }
  .frontpage-actions li i { font-size: 18px; margin-right: 4px; } }
@media (min-width: 768px) { .frontpage-actions { clear: none; padding: 45px 0; text-align: left; }
  .frontpage-actions h2, .frontpage-actions h3 { display: block; width: 80%; }
  .frontpage-actions h2 { font-size: 17px; color: black; }
  .frontpage-actions h3 { font-size: 12px; }
  .frontpage-actions ul { margin-top: 20px; }
  .frontpage-actions li { display: block; margin: 0; list-style: none; font-size: 16px; }
  .frontpage-actions li i { font-size: 18px; margin-right: 6px; } }
/****** TAGLINE AND FOOTER ******/
.frontpage-tagline { padding: 15px 0; text-align: center; border-top: 1px solid #efefef; }
.frontpage-tagline strong { color: #e65829; }

.frontpage-footer { padding: 8px 0 4px; text-align: center; background-color: #005c9f; color: white; font-size: 10.5px; }
.frontpage-footer a { color: inherit; }
.frontpage-footer i { display: inline-block; font-size: 18px; margin-right: 2px; vertical-align: -5px; }

@media (min-width: 768px) { .frontpage-tagline { padding-top: 30px; font-size: 22px; }
  .frontpage-footer { padding-bottom: 30px; background-color: white; color: #111; font-size: 22px; }
  .frontpage-footer i { color: #005c9f; font-size: 28px; } }
/******* Comparison pages ******/
.header-article { margin-top: 15px; margin-bottom: 15px; }
.header-article figure { margin-bottom: 7.5px; }
@media (min-width: 0) and (max-width: 767px) { .header-article h2 { font-size: 18px; }
  .header-article p { font-size: 14px; } }
@media (min-width: 768px) { .header-article { margin-top: 30px; margin-bottom: 30px; } }

/******* Insurance / power pages ******/
.sidebar-articles h2 { margin-bottom: 30px; }
.sidebar-articles article { padding-bottom: 30px; }
.sidebar-articles article:last-child { padding-bottom: 0; border-bottom: none; }
.sidebar-articles article figure { border: none; padding: 0; margin-bottom: 7.5px; }
.sidebar-articles article figure img { width: 100%; }
@media (min-width: 768px) { .sidebar-articles article { border-bottom: 1px solid #efefef; margin-bottom: 30px; } }

/******* Section extra ******/
.section-info { border-bottom: 1px solid #efefef; }
.section-info ul li { display: block; padding: 10px 0 10px 0; width: 33.33%; float: left; text-align: center; }
.section-info ul li:first-child { text-align: left; }
.section-info ul li:last-child { text-align: right; }
@media (min-width: 768px) { .section-info { border-bottom-color: #d3d3d3; }
  .section-info ul li { display: inline; margin-right: 10px; padding: 0; width: 100%; float: none; text-align: left; }
  .section-info ul li:last-child { margin-right: 0; text-align: left; } }

@media (min-width: 768px) { .section-info-sidebar { border-bottom: none; }
  .section-info-sidebar ul { margin-top: 20px; }
  .section-info-sidebar ul li { display: block; text-align: left; } }

.section-info-top { margin-top: -22.5px; margin-bottom: 22.5px; }

/******* Power form ******/
.power-header { margin-top: -20px; }
@media (min-width: 768px) { .power-header { margin-top: 0; }
  .power-header .section-title { margin: 0; margin-bottom: 7.5px; padding: 0; text-align: left; font-size: 28px; font-weight: 600; } }

.power-info { margin-bottom: 20px; }

.power-form h3 { padding-bottom: 15px; border-bottom: 1px solid #efefef; }

.callout-bleed, .container-narrow .callout-msg { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .container-narrow .callout-bleed, .container-narrow .callout-msg { margin-left: -45px; margin-right: -45px; padding-left: 45px; padding-right: 45px; } }

.callout-vspace, .container-narrow .callout-msg { padding-top: 15px; padding-bottom: 15px; }
@media (min-width: 768px) { .callout-vspace, .container-narrow .callout-msg { padding-top: 30px; padding-bottom: 30px; } }

.callout-msg { display: flex; justify-content: space-between; border-bottom: 1px solid #d3d3d3; }
.callout-msg.no-border { border-bottom: none; }
.callout-msg .copy { display: inline-block; align-self: center; font-style: italic; width: calc(100% - 90px); font-weight: 400; margin-right: 5px; }
@media (min-width: 340px) { .callout-msg .copy { font-size: 18px; } }
@media (min-width: 768px) { .callout-msg .copy { font-size: 21px; } }
.callout-msg .copy :last-child { margin-bottom: 0; }
.callout-msg .image { flex-shrink: 0; display: inline-block; align-self: center; width: 55px; }
@media (min-width: 340px) { .callout-msg .image { width: 85px; } }
.callout-msg.no-image .image { display: none; }
.callout-msg.no-image .copy { width: 100%; }

.callout-block { position: relative; padding: 45px 20px 20px; background-color: #f0f0f0; }
.callout-block .image { position: absolute; top: -40px; width: 80px; height: 80px; border-radius: 50%; border: 5px solid white; overflow: hidden; }
.callout-block.text-center .image { left: 50%; margin-left: -40px; }
.callout-block .copy { position: absolute; top: -25px; left: 115px; color: #3B9695; }
.callout-block .copy img { width: 38px; vertical-align: 0px; }
@media (min-width: 768px) { .callout-block { padding-top: 55px; }
  .callout-block .image { top: -50px; width: 100px; height: 100px; border: 6px solid white; }
  .callout-block.text-center .image { margin-left: -50px; }
  .callout-block .copy { top: -30px; left: 135px; } }
.callout-block ul li { list-style: none; font-weight: 600; font-size: 16px; margin-top: 8px; }
.callout-block .cancel { margin-top: 20px; text-align: center; }
.callout-block .cancel a { text-decoration: none; font-weight: bold; color: #e65829; }

.container-narrow { margin-left: auto; margin-right: auto; max-width: 768px; padding: 15px; }
@media (min-width: 768px) { .container-narrow { padding: 45px; } }

.container-narrow .inner-narrow { max-width: 568px; margin-left: auto; margin-right: auto; }

@media (min-width: 768px) { .advice { display: table; border-spacing: 40px 0; display: flex; align-items: center; } }
@media (min-width: 768px) { .advice .image-wrapper, .advice .text-wrapper { display: table-cell; vertical-align: middle; } }
@media (max-width: 768px) { .advice .text-wrapper { margin-top: 15px; } }
@media (min-width: 768px) { .advice .text-wrapper { flex: 2; margin-left: 40px; } }
.advice .image-wrapper { display: inline-block; width: 300px; }
@media (min-width: 768px) { .advice .image-wrapper { flex: 1; } }
@media (min-width: 768px) { .advice.flip { flex-direction: row-reverse; }
  .advice.flip .text-wrapper { margin: 0 40px 0 0; } }

.cta-message { background-color: #f5f5f5; margin-top: 55px; padding: 0 15px 15px; }
@media (max-width: 768px) { .cta-message { text-align: center; } }
@media (min-width: 768px) { .cta-message { display: table; border-spacing: 20px; display: flex; align-items: center; justify-content: space-between; padding: 20px; padding-left: 0; } }
.cta-message .btn { white-space: nowrap; }
@media (min-width: 768px) { .cta-message .image-wrapper, .cta-message .text-wrapper, .cta-message .btn-wrapper { display: table-cell; vertical-align: middle; flex: 2 1 auto; } }
.cta-message .image-wrapper { max-width: 110px; border: 5px solid #fff; display: inline-block; }
@media (max-width: 768px) { .cta-message .image-wrapper { margin-top: -55px; } }
@media (min-width: 768px) { .cta-message .image-wrapper { flex: 1 1 auto; margin-left: -20px; } }
@media (min-width: 1079px) { .cta-message .image-wrapper { margin-left: -55px; } }
.cta-message .text-wrapper { text-align: left; margin-bottom: 15px; }
@media (min-width: 768px) { .cta-message .text-wrapper { margin: 0 40px; } }
.cta-message .btn-wrapper .btn { display: block; }

.brand-kreditt365 h1, .brand-kreditt365 h2, .brand-kreditt365 h3, .brand-kreditt365 h4, .brand-kreditt365 h5, .brand-kreditt365 h6 { color: #3B9695; }
.brand-kreditt365 .compact-title { color: white; }
@media (max-width: 768px) { .brand-kreditt365 header.site-header { padding: 10px 0; } }
.brand-kreditt365 header.header-basic .tagline, .brand-kreditt365 header.header-basic .subtagline, .brand-kreditt365 header.header-basic .main-logo { color: #3B9695; }
@media (max-width: 768px) { .brand-kreditt365 .page-title { margin: 0; font-size: 16px; } }
.brand-kreditt365 [class^="icon-"] { color: #3B9695; }
.brand-kreditt365 .block-check-container { border-color: #3B9695; }
.brand-kreditt365 .block-check-container .block-check.check-on { background-color: #3B9695; }
.brand-kreditt365 .two-option-radio-btn label { border-color: #3B9695; color: #3B9695; }
.brand-kreditt365 .two-option-radio-btn input[type="radio"]:checked + label { background-color: #3B9695; }
.brand-kreditt365 .checkbox-switch + label { border: 1px solid #3B9695; }
.brand-kreditt365 .checkbox-switch + label .checked { color: #3B9695; }
.brand-kreditt365 .checkbox-switch + label:before { background-color: #3B9695; }
.brand-kreditt365 .checkbox-switch:focus + label:before, .brand-kreditt365 .checkbox-switch:hover + label:before { background-color: #42a8a7; }
.brand-kreditt365 .checkbox-switch:checked + label { background-color: #3B9695; }
.brand-kreditt365 .checkbox-switch:checked + label .checked { color: #3B9695; }
.brand-kreditt365 .checkbox-switch:checked:focus + label, .brand-kreditt365 .checkbox-switch:checked:hover + label { background-color: #42a8a7; }
.brand-kreditt365 .green, .brand-kreditt365 .highlight, .brand-kreditt365 .text-primary { color: #3B9695 !important; }
.brand-kreditt365 .btn-primary { background-color: #e65829; color: #fff; }
.brand-kreditt365 .btn-primary.btn-outline { color: #e65829; border-color: #e65829; }
.brand-kreditt365 .btn-secondary, .brand-kreditt365 .btn-green { background-color: #3B9695; color: #fff; }
.brand-kreditt365 .btn-secondary.btn-outline, .brand-kreditt365 .btn-green.btn-outline { color: #3B9695 !important; border-color: #3B9695 !important; }
.brand-kreditt365 input.ng-valid, .brand-kreditt365 select.ng-valid, .brand-kreditt365 textarea.ng-valid { border-color: #3B9695 !important; background-color: #e9f7f6; }
.brand-kreditt365 input.ng-valid + .form-alert:before, .brand-kreditt365 select.ng-valid + .form-alert:before, .brand-kreditt365 textarea.ng-valid + .form-alert:before { color: #3B9695; }
.brand-kreditt365 input.ng-valid:-webkit-autofill, .brand-kreditt365 select.ng-valid:-webkit-autofill, .brand-kreditt365 textarea.ng-valid:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e9f7f6 inset !important; }
.brand-kreditt365 .site-footer a { color: #3B9695; }
.brand-kreditt365 .msg-info-banner { background-image: url("../img/kreditt365/text-bg@2x.png"); }
.brand-kreditt365 .msg-success { border: 1px solid #3B9695; }
.brand-kreditt365 .msg-success .top-left-icon { background-color: #3B9695; }
.brand-kreditt365 .bank-info-banner { background-image: url(/img/kreditt365/text-bg@2x.png); background-color: #ECE8E0; }
.brand-kreditt365 .bank-info-banner div { font-weight: 700; }
@media (min-width: 768px) { .brand-kreditt365 .bank-info-banner:before { content: ""; position: absolute; display: block; top: 100%; left: 20px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 11px solid #ECE8E0; } }
.brand-kreditt365 .progress-bar { border: 1px solid #3B9695; }
.brand-kreditt365 .progress-bar:before { background-color: #3B9695; }
.brand-kreditt365 .progress-image { background-image: url(/img/kreditt365/woman-square.jpg); }
.brand-kreditt365 .bank-info-box { border: 1px solid #3B9695; padding: 20px; background-color: #e9f7f6; margin-top: 20px; margin-bottom: 10px; }
.brand-kreditt365 .bank-info-box ul { padding-left: 20px; }
.brand-kreditt365 .bank-info-box li { color: black; font-weight: 600; margin-top: 1em; }
.brand-kreditt365 .bank-info-box li:first-child { margin-top: 0; }
.brand-kreditt365 .bank-info-box i { color: inherit; font-size: inherit; }
.brand-kreditt365 .bank-form-short .icon-input.standalone { border-radius: 0; }
.brand-kreditt365 .bank-form-short select { border-radius: 0 !important; }
.brand-kreditt365 .ui-slider-handle, .brand-kreditt365 .ui-slider-range { background-color: #3B9695 !important; }
.brand-kreditt365 .ui-slider-horizontal { border-color: #3B9695 !important; }
.brand-kreditt365 .bank-steps span, .brand-kreditt365 .form2-steps .step { background-color: #3B9695 !important; }
.brand-kreditt365 .bank-steps strong { color: #3B9695; }
.brand-kreditt365 .form-std .block-radio.radio-on { background-color: #3B9695; border: 1px solid #3B9695; }

.bank-info-kreditt365 .player { margin-top: 30px; text-align: center; }
.bank-info-kreditt365 .player .title { margin-bottom: .2em; }
.bank-info-kreditt365 .player .desc { color: #e65829; font-weight: 600; margin-bottom: 0; }
.bank-info-kreditt365 .player .icon-play { font-size: 50px; display: inline-block; }
.bank-info-kreditt365 .player .icon-play:hover, .bank-info-kreditt365 .player .icon-play:focus { color: #43acaa; }

.brand-finanshjelp24 { font-weight: 400; color: #333333; }
.brand-finanshjelp24 h1, .brand-finanshjelp24 h2, .brand-finanshjelp24 h3, .brand-finanshjelp24 h4, .brand-finanshjelp24 h5, .brand-finanshjelp24 h6 { color: inherit; }
.brand-finanshjelp24 a { color: #3B9695; text-decoration: underline; }
.brand-finanshjelp24 a:hover, .brand-finanshjelp24 a:focus { text-decoration: none; }
.brand-finanshjelp24 strong { font-weight: 600; }
.brand-finanshjelp24 .compact-title { color: white; }
.brand-finanshjelp24 header.site-header { border-bottom: none; }
@media (max-width: 768px) { .brand-finanshjelp24 header.site-header { padding: 10px 0; } }
.brand-finanshjelp24 header.header-basic .tagline, .brand-finanshjelp24 header.header-basic .subtagline, .brand-finanshjelp24 header.header-basic .main-logo { color: #3B9695; }
@media (max-width: 768px) { .brand-finanshjelp24 .page-title { margin: 0; font-size: 16px; } }
.brand-finanshjelp24 [class^="icon-"], .brand-finanshjelp24 [class*="list-icons-"] li:before { color: #3B9695; }
.brand-finanshjelp24 .block-check-container { border-color: #3B9695; }
.brand-finanshjelp24 .block-check-container .block-check.check-on { background-color: #3B9695; }
.brand-finanshjelp24 .green, .brand-finanshjelp24 .highlight, .brand-finanshjelp24 .text-primary { color: #3B9695 !important; }
.brand-finanshjelp24 .btn-primary { background-color: #e65829; color: #fff; }
.brand-finanshjelp24 .btn-primary.btn-outline { color: #e65829; border-color: #e65829; }
.brand-finanshjelp24 .btn-secondary, .brand-finanshjelp24 .btn-green { background-color: #3B9695; color: #fff; }
.brand-finanshjelp24 .btn-secondary.btn-outline, .brand-finanshjelp24 .btn-green.btn-outline { color: #3B9695 !important; border-color: #3B9695 !important; }
.brand-finanshjelp24 input.ng-valid, .brand-finanshjelp24 select.ng-valid, .brand-finanshjelp24 textarea.ng-valid { border-color: #3B9695 !important; background-color: #e9f7f6; }
.brand-finanshjelp24 input.ng-valid + .form-alert:before, .brand-finanshjelp24 select.ng-valid + .form-alert:before, .brand-finanshjelp24 textarea.ng-valid + .form-alert:before { color: #3B9695; }
.brand-finanshjelp24 input.ng-valid:-webkit-autofill, .brand-finanshjelp24 select.ng-valid:-webkit-autofill, .brand-finanshjelp24 textarea.ng-valid:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e9f7f6 inset !important; }
.brand-finanshjelp24 .wrapper { overflow: visible; }
.brand-finanshjelp24 .site-footer { display: block; border-top: none; }
.brand-finanshjelp24 .site-footer a { color: #3B9695; }
.brand-finanshjelp24 .msg-info-banner { background-image: url("../img/kreditt365/text-bg@2x.png"); }
.brand-finanshjelp24 .msg-success { border: 1px solid #3B9695; }
.brand-finanshjelp24 .msg-success .top-left-icon { background-color: #3B9695; }
.brand-finanshjelp24 .bank-info-banner { background-image: url(/img/kreditt365/text-bg@2x.png); background-color: #ECE8E0; }
.brand-finanshjelp24 .bank-info-banner div { font-weight: 700; }
@media (min-width: 768px) { .brand-finanshjelp24 .bank-info-banner:before { content: ""; position: absolute; display: block; top: 100%; left: 20px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 11px solid #ECE8E0; } }
.brand-finanshjelp24 .progress-bar { border: 1px solid #3B9695; }
.brand-finanshjelp24 .progress-bar:before { background-color: #3B9695; }
.brand-finanshjelp24 .progress-image { background-image: url(/img/kreditt365/woman-square.jpg); }
.brand-finanshjelp24 .bank-info-box { border: 1px solid #3B9695; padding: 20px; background-color: #e9f7f6; margin-top: 20px; margin-bottom: 10px; }
.brand-finanshjelp24 .bank-info-box ul { padding-left: 20px; }
.brand-finanshjelp24 .bank-info-box li { color: black; font-weight: 600; margin-top: 1em; }
.brand-finanshjelp24 .bank-info-box li:first-child { margin-top: 0; }
.brand-finanshjelp24 .bank-info-box i { color: inherit; font-size: inherit; }
.brand-finanshjelp24 .bank-form-short .icon-input.standalone { border-radius: 0; }
.brand-finanshjelp24 .bank-form-short select { border-radius: 0 !important; }
.brand-finanshjelp24 .ui-slider-handle { background-color: #e65829 !important; }
.brand-finanshjelp24 .ui-slider-range, .brand-finanshjelp24 .bank-steps span, .brand-finanshjelp24 .form2-steps .step { background-color: #3B9695 !important; }
.brand-finanshjelp24 .bank-steps strong { color: #3B9695; }
.brand-finanshjelp24 .form-std .block-radio.radio-on { background-color: #3B9695; border: 1px solid #3B9695; }

.bank-info-kreditt365 .player { margin-top: 30px; text-align: center; }
.bank-info-kreditt365 .player .title { margin-bottom: .2em; }
.bank-info-kreditt365 .player .desc { color: #e65829; font-weight: 600; margin-bottom: 0; }
.bank-info-kreditt365 .player .icon-play { font-size: 50px; display: inline-block; }
.bank-info-kreditt365 .player .icon-play:hover, .bank-info-kreditt365 .player .icon-play:focus { color: #43acaa; }

.brand-finans24.finans24-yellow h1, .brand-finans24.finans24-yellow h2, .brand-finans24.finans24-yellow h3, .brand-finans24.finans24-yellow h4, .brand-finans24.finans24-yellow h5, .brand-finans24.finans24-yellow h6, .brand-finans24.finans24-yellow p, .brand-finans24.finans24-yellow ol, .brand-finans24.finans24-yellow ul { color: #424242; }
.brand-finans24.finans24-yellow .compact-title { color: white; }
.brand-finans24.finans24-yellow header.header-basic .tagline { color: #ffb506; }
.brand-finans24.finans24-yellow header.header-basic .subtagline { color: #424242; font-weight: 600; }
@media (min-width: 768px) { .brand-finans24.finans24-yellow header.header-basic .main-logo { width: 160px; } }
.brand-finans24.finans24-yellow [class^="icon-"] { color: #ffb506; }
.brand-finans24.finans24-yellow .block-check-container { border-color: #ffb506; }
.brand-finans24.finans24-yellow .block-check-container .block-check.check-on { background-color: #ffb506; }
.brand-finans24.finans24-yellow .highlight, .brand-finans24.finans24-yellow .text-primary { color: #ffb506; }
.brand-finans24.finans24-yellow .btn-primary { background-color: #ffb506; }
.brand-finans24.finans24-yellow input.ng-valid, .brand-finans24.finans24-yellow select.ng-valid, .brand-finans24.finans24-yellow textarea.ng-valid { border-color: #28b158 !important; background-color: #e7faee; }
.brand-finans24.finans24-yellow input.ng-valid + .form-alert:before, .brand-finans24.finans24-yellow select.ng-valid + .form-alert:before, .brand-finans24.finans24-yellow textarea.ng-valid + .form-alert:before { color: #28b158; }
.brand-finans24.finans24-yellow input.ng-valid:-webkit-autofill, .brand-finans24.finans24-yellow select.ng-valid:-webkit-autofill, .brand-finans24.finans24-yellow textarea.ng-valid:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e7faee inset !important; }
.brand-finans24.finans24-yellow .site-footer { border-top: 5px solid #ffb506; }
.brand-finans24.finans24-yellow .site-footer a { color: #ffb506; }
.brand-finans24.finans24-yellow .msg-info-banner [class^="icon-"] { color: #424242 !important; }
.brand-finans24.finans24-yellow .progress-bar { border: 1px solid #ffb506; }
.brand-finans24.finans24-yellow .progress-bar:before { background-color: #ffb506; }
.brand-finans24.finans24-yellow .bank-info-box { border: 2px solid #ffb506; font-weight: 400; }
@media (min-width: 768px) { .brand-finans24.finans24-yellow .bank-info-box { margin-top: 0; } }
.brand-finans24.finans24-yellow .bank-info-box [class^="icon-"] { color: #ffb506; }
.brand-finans24.finans24-yellow .about-features .icon-check { color: #ffb506; }
.brand-finans24.finans24-yellow .about-box h2:before { color: #ffb506; }
@media (min-width: 768px) { .brand-finans24.finans24-yellow .about-box h2:before { margin-top: 0; } }
.brand-finans24.finans24-yellow .bank-form-short { border: none; background-color: #fafafa; }
.brand-finans24.finans24-yellow .bank-form-short h1, .brand-finans24.finans24-yellow .bank-form-short h2 { color: #ffb506; }
.brand-finans24.finans24-yellow .bank-form-short .loan-block .select-wrapper:before { color: #ffb506; }
@media (min-width: 0) and (max-width: 768px) { .brand-finans24.finans24-yellow .bank-form-short h2 { display: none; } }

.brand-finans24.finans24-green h1, .brand-finans24.finans24-green h2, .brand-finans24.finans24-green h3, .brand-finans24.finans24-green h4, .brand-finans24.finans24-green h5, .brand-finans24.finans24-green h6, .brand-finans24.finans24-green p, .brand-finans24.finans24-green ol, .brand-finans24.finans24-green ul { color: #424242; }
.brand-finans24.finans24-green .compact-title { color: white; }
.brand-finans24.finans24-green header.header-basic .tagline { color: #24a909; }
.brand-finans24.finans24-green header.header-basic .subtagline { color: #424242; font-weight: 600; }
@media (min-width: 768px) { .brand-finans24.finans24-green header.header-basic .main-logo { width: 160px; } }
.brand-finans24.finans24-green [class^="icon-"] { color: #24a909; }
.brand-finans24.finans24-green .block-check-container { border-color: #24a909; }
.brand-finans24.finans24-green .block-check-container .block-check.check-on { background-color: #24a909; }
.brand-finans24.finans24-green .highlight, .brand-finans24.finans24-green .text-primary { color: #24a909; }
.brand-finans24.finans24-green .btn-primary { background-color: #24a909; }
.brand-finans24.finans24-green input.ng-valid, .brand-finans24.finans24-green select.ng-valid, .brand-finans24.finans24-green textarea.ng-valid { border-color: #28b158 !important; background-color: #e7faee; }
.brand-finans24.finans24-green input.ng-valid + .form-alert:before, .brand-finans24.finans24-green select.ng-valid + .form-alert:before, .brand-finans24.finans24-green textarea.ng-valid + .form-alert:before { color: #28b158; }
.brand-finans24.finans24-green input.ng-valid:-webkit-autofill, .brand-finans24.finans24-green select.ng-valid:-webkit-autofill, .brand-finans24.finans24-green textarea.ng-valid:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e7faee inset !important; }
.brand-finans24.finans24-green .site-footer { border-top: 5px solid #24a909; }
.brand-finans24.finans24-green .site-footer a { color: #24a909; }
.brand-finans24.finans24-green .msg-info-banner [class^="icon-"] { color: #424242 !important; }
.brand-finans24.finans24-green .progress-bar { border: 1px solid #24a909; }
.brand-finans24.finans24-green .progress-bar:before { background-color: #24a909; }
.brand-finans24.finans24-green .bank-info-box { border: 2px solid #24a909; font-weight: 400; }
@media (min-width: 768px) { .brand-finans24.finans24-green .bank-info-box { margin-top: 0; } }
.brand-finans24.finans24-green .bank-info-box [class^="icon-"] { color: #24a909; }
.brand-finans24.finans24-green .about-features .icon-check { color: #24a909; }
.brand-finans24.finans24-green .about-box h2:before { color: #24a909; }
@media (min-width: 768px) { .brand-finans24.finans24-green .about-box h2:before { margin-top: 0; } }
.brand-finans24.finans24-green .bank-form-short { border: none; background-color: #fafafa; }
.brand-finans24.finans24-green .bank-form-short h1, .brand-finans24.finans24-green .bank-form-short h2 { color: #24a909; }
.brand-finans24.finans24-green .bank-form-short .loan-block .select-wrapper:before { color: #24a909; }
@media (min-width: 0) and (max-width: 768px) { .brand-finans24.finans24-green .bank-form-short h2 { display: none; } }

.brand-bluegirl h1, .brand-bluegirl h2, .brand-bluegirl h3, .brand-bluegirl h4, .brand-bluegirl h5, .brand-bluegirl h6 { color: #1d67a6; }
.brand-bluegirl .compact-title { color: white; }
.brand-bluegirl header.header-basic .tagline, .brand-bluegirl header.header-basic .subtagline, .brand-bluegirl header.header-basic .main-logo { color: #1d67a6; }
.brand-bluegirl [class^="icon-"] { color: #1d67a6; }
.brand-bluegirl .block-check-container { border-color: #28b158; }
.brand-bluegirl .block-check-container .block-check.check-on { background-color: #28b158; }
.brand-bluegirl .blue, .brand-bluegirl .highlight, .brand-bluegirl .text-primary { color: #1d67a6 !important; }
.brand-bluegirl .green { color: #28b158 !important; }
.brand-bluegirl .btn-blue { background-color: #1d67a6; }
.brand-bluegirl .btn-blue.btn-outline { border: 1px solid #1d67a6; background-color: white; }
.brand-bluegirl .btn-primary, .brand-bluegirl .btn-green { background-color: #28b158; }
.brand-bluegirl .btn-primary.btn-outline, .brand-bluegirl .btn-green.btn-outline { border: 1px solid #28b158; background-color: white; }
.brand-bluegirl .btn:disabled, .brand-bluegirl .btn.disabled { opacity: 1; background-color: #2a8ed9; }
.brand-bluegirl input.ng-valid, .brand-bluegirl select.ng-valid, .brand-bluegirl textarea.ng-valid { border-color: #28b158 !important; background-color: #e7faee; }
.brand-bluegirl input.ng-valid + .form-alert:before, .brand-bluegirl select.ng-valid + .form-alert:before, .brand-bluegirl textarea.ng-valid + .form-alert:before { color: #28b158; }
.brand-bluegirl input.ng-valid:-webkit-autofill, .brand-bluegirl select.ng-valid:-webkit-autofill, .brand-bluegirl textarea.ng-valid:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e7faee inset !important; }
.brand-bluegirl .site-footer { border-top: 5px solid #1d67a6; }
.brand-bluegirl .site-footer a { color: #1d67a6; }
.brand-bluegirl .msg-info-banner { background-image: url("/img/wfblue/woman.jpg"); background-position: right center; background-size: 60%; background-repeat: no-repeat; background-color: #eceef3; padding: 20px 32% 20px 15px; }
.brand-bluegirl .msg-success { border: 1px solid #28b158; }
.brand-bluegirl .msg-success .top-left-icon { background-color: #28b158; }
.brand-bluegirl .msg-success h1, .brand-bluegirl .msg-success h2, .brand-bluegirl .msg-success h3 { color: #424242; }
.brand-bluegirl .bank-info-banner { background-image: url(/img/wfblue/woman.jpg); }
.brand-bluegirl .progress-bar { border: 1px solid #1d67a6; }
.brand-bluegirl .progress-bar:before { background-color: #1d67a6; }
.brand-bluegirl .progress-image { background-image: url(/img/wfblue/woman-square.jpg); }
.brand-bluegirl .bank-info-box { border: 2px solid #1d67a6; }
.brand-bluegirl .bank-form-short .loan-block .select-wrapper:before { color: #1d67a6; }
@media (min-width: 0) and (max-width: 768px) { .brand-bluegirl .bank-form-short h2 { display: none; } }

.brand-bluesimple h1, .brand-bluesimple h2, .brand-bluesimple h3, .brand-bluesimple h4, .brand-bluesimple h5, .brand-bluesimple h6 { color: #1d67a6; }
.brand-bluesimple .compact-title { color: white; }
.brand-bluesimple header.header-simple .main-text, .brand-bluesimple header.header-simple .tagline { color: #1d67a6; }
.brand-bluesimple header.header-simple .subtagline { color: #424242; }
.brand-bluesimple [class^="icon-"] { color: #1d67a6; }
.brand-bluesimple .block-check-container { border-color: #1d67a6; }
.brand-bluesimple .block-check-container .block-check.check-on { background-color: #1d67a6; }
.brand-bluesimple .blue, .brand-bluesimple .highlight, .brand-bluesimple .text-primary { color: #1d67a6 !important; }
.brand-bluesimple .green { color: #28b158 !important; }
.brand-bluesimple .btn-primary, .brand-bluesimple .btn-blue { background-color: #1d67a6; }
.brand-bluesimple .btn-primary.btn-outline, .brand-bluesimple .btn-blue.btn-outline { border: 1px solid #1d67a6; background-color: white; }
.brand-bluesimple .btn-green { background-color: #28b158; }
.brand-bluesimple input.ng-valid, .brand-bluesimple select.ng-valid, .brand-bluesimple textarea.ng-valid { border-color: #28b158 !important; background-color: #ecfbf1; }
.brand-bluesimple input.ng-valid + .form-alert:before, .brand-bluesimple select.ng-valid + .form-alert:before, .brand-bluesimple textarea.ng-valid + .form-alert:before { color: #28b158; }
.brand-bluesimple input.ng-valid:-webkit-autofill, .brand-bluesimple select.ng-valid:-webkit-autofill, .brand-bluesimple textarea.ng-valid:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #ecfbf1 inset !important; }
.brand-bluesimple .site-footer { border-top: 5px solid #1d67a6; }
.brand-bluesimple .site-footer a { color: #1d67a6; }
.brand-bluesimple .msg-info-banner { background-image: url(/img/wfblue/woman.jpg); background-position: right center; background-size: 60%; background-repeat: no-repeat; background-color: #eceef3; padding: 20px 32% 20px 15px; }
.brand-bluesimple .progress-bar { border: 1px solid #1d67a6; }
.brand-bluesimple .progress-bar:before { background-color: #1d67a6; }
.brand-bluesimple .progress-image { background-image: url(/img/wfblue/woman-square.jpg); }
.brand-bluesimple .bank-info-box { border: 2px solid #1d67a6; font-weight: 400; }
@media (min-width: 768px) { .brand-bluesimple .bank-info-box { margin-top: 0; } }
.brand-bluesimple .bank-form-short { border: none; background-color: #f9f9f9; }
.brand-bluesimple .bank-form-short .loan-block .select-wrapper:before { color: #1d67a6; }
@media (min-width: 0) and (max-width: 768px) { .brand-bluesimple .bank-form-short h2 { display: none; } }

.bank-info-bluesimple .partner-logo { margin-top: 50px; text-align: center; }
.bank-info-bluesimple .partner-logo p { color: #1d67a6; font-size: 28px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.bank-info-bluesimple .partner-logo img { width: 200px; }

.brand-orangegirl h1, .brand-orangegirl h2, .brand-orangegirl h3, .brand-orangegirl h4, .brand-orangegirl h5, .brand-orangegirl h6 { color: #fc591e; }
.brand-orangegirl .compact-title { color: white; }
.brand-orangegirl header.header-basic .tagline, .brand-orangegirl header.header-basic .subtagline, .brand-orangegirl header.header-basic .main-logo { color: #fc591e; }
.brand-orangegirl [class^="icon-"] { color: #fc591e; }
.brand-orangegirl .block-check-container { border-color: #fc591e; }
.brand-orangegirl .block-check-container .block-check.check-on { background-color: #fc591e; }
.brand-orangegirl .orange, .brand-orangegirl .highlight, .brand-orangegirl .text-primary { color: #fc591e !important; }
.brand-orangegirl .btn-orange, .brand-orangegirl .btn-primary, .brand-orangegirl .btn:disabled, .brand-orangegirl .btn.disabled { background-color: #fc591e; }
.brand-orangegirl .green { color: #28b158 !important; }
.brand-orangegirl .btn-green { background-color: #28b158; }
.brand-orangegirl input.ng-valid, .brand-orangegirl select.ng-valid, .brand-orangegirl textarea.ng-valid { border-color: #28b158 !important; background-color: #e7faee; }
.brand-orangegirl input.ng-valid + .form-alert:before, .brand-orangegirl select.ng-valid + .form-alert:before, .brand-orangegirl textarea.ng-valid + .form-alert:before { color: #28b158; }
.brand-orangegirl input.ng-valid:-webkit-autofill, .brand-orangegirl select.ng-valid:-webkit-autofill, .brand-orangegirl textarea.ng-valid:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e7faee inset !important; }
.brand-orangegirl .site-footer { border-top: 5px solid #fc591e; }
.brand-orangegirl .site-footer a { color: #fc591e; }
.brand-orangegirl .msg-info-banner { background-image: url(/img/wforange/woman.jpg); background-position: right center; background-size: 60%; background-repeat: no-repeat; background-color: #eceef3; padding: 20px 32% 20px 15px; }
.brand-orangegirl .msg-success { border: 1px solid #28b158; }
.brand-orangegirl .msg-success .top-left-icon { background-color: #28b158; }
.brand-orangegirl .msg-success h1, .brand-orangegirl .msg-success h2, .brand-orangegirl .msg-success h3 { color: #424242; }
.brand-orangegirl .bank-info-banner { background-image: url(/img/wforange/woman.jpg); }
.brand-orangegirl .progress-bar { border: 1px solid #fc591e; }
.brand-orangegirl .progress-bar:before { background-color: #fc591e; }
.brand-orangegirl .progress-image { background-image: url(/img/wforange/woman-square.jpg); }
.brand-orangegirl .bank-info-box { border: 2px solid #fc591e; }
.brand-orangegirl .bank-form-short .loan-block .select-wrapper:before { color: #fc591e; }
@media (min-width: 0) and (max-width: 768px) { .brand-orangegirl .bank-form-short h2 { display: none; } }

.brand-finansagent h1, .brand-finansagent h2, .brand-finansagent h3, .brand-finansagent h4, .brand-finansagent h5, .brand-finansagent h6 { color: #ff0000; }
.brand-finansagent .compact-title { color: white; }
.brand-finansagent header.header-fa1 { margin-bottom: 5px; }
.brand-finansagent header.header-fa1 .main-logo { display: block; width: 70%; margin: 20px auto 10px; }
.brand-finansagent header.header-fa1 .tagline, .brand-finansagent header.header-fa1 .subtagline { display: block; text-align: center; font-weight: 600; color: #245597; }
.brand-finansagent header.header-fa1 .tagline { font-size: 15px; }
.brand-finansagent header.header-fa1 .subtagline { font-size: 13px; }
@media (min-width: 480px) { .brand-finansagent header.header-fa1 { margin-bottom: 10px; }
  .brand-finansagent header.header-fa1 .tagline { font-size: 22px; }
  .brand-finansagent header.header-fa1 .subtagline { font-size: 16px; } }
@media (min-width: 768px) { .brand-finansagent header.header-fa1 { margin-bottom: 15px; }
  .brand-finansagent header.header-fa1 .tagline { font-size: 28px; }
  .brand-finansagent header.header-fa1 .subtagline { font-size: 20px; } }
.brand-finansagent [class^="icon-"] { color: #ff0000; }
.brand-finansagent .block-check-container { border-color: #245597; }
.brand-finansagent .block-check-container .block-check.check-on { background-color: #245597; }
.brand-finansagent .red, .brand-finansagent .text-primary { color: #ff0000 !important; }
.brand-finansagent .blue, .brand-finansagent .highlight, .brand-finansagent .text-secondary { color: #245597 !important; }
.brand-finansagent .btn-primary, .brand-finansagent .btn-secondary, .brand-finansagent .btn-green { background-color: #245597; }
.brand-finansagent .btn-primary.btn-outline, .brand-finansagent .btn-secondary.btn-outline, .brand-finansagent .btn-green.btn-outline { border: 1px solid #245597; background-color: white; }
.brand-finansagent input.ng-valid, .brand-finansagent select.ng-valid, .brand-finansagent textarea.ng-valid { border-color: #2e6cc0 !important; background-color: #e9f0fa; }
.brand-finansagent input.ng-valid + .form-alert:before, .brand-finansagent select.ng-valid + .form-alert:before, .brand-finansagent textarea.ng-valid + .form-alert:before { color: #2e6cc0; }
.brand-finansagent input.ng-valid:-webkit-autofill, .brand-finansagent select.ng-valid:-webkit-autofill, .brand-finansagent textarea.ng-valid:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e9f0fa inset !important; }
.brand-finansagent .site-footer { border-top: 5px solid #ff0000; }
.brand-finansagent .site-footer a { color: #245597; }
.brand-finansagent .msg-info-banner { background-image: url("/img/wfblue/woman.jpg"); background-position: right center; background-size: 60%; background-repeat: no-repeat; background-color: #eceef3; padding: 20px 32% 20px 15px; }
.brand-finansagent .msg-success { border: 1px solid #245597; }
.brand-finansagent .msg-success .top-left-icon { background-color: #245597; }
.brand-finansagent .msg-success h1, .brand-finansagent .msg-success h2, .brand-finansagent .msg-success h3 { color: #424242; }
.brand-finansagent .bank-info-banner { background-image: url(/img/wfblue/woman.jpg); }
.brand-finansagent .progress-bar { border: 1px solid #ff0000; }
.brand-finansagent .progress-bar:before { background-color: #ff0000; }
.brand-finansagent .progress-image { background-image: url(/img/wfblue/woman-square.jpg); }
.brand-finansagent .bank-info-box { border: 2px solid #ff0000; }
.brand-finansagent .bank-info-box ul { font-weight: 500; }
@media (min-width: 768px) { .brand-finansagent .bank-info-box { margin-top: 0; }
  .brand-finansagent .bank-info-box ul { font-size: 16px; } }
.brand-finansagent .bank-form-short h1 { color: #245597; }
.brand-finansagent .bank-form-short .loan-block .select-wrapper:before { color: #ff0000; }

.brand-dynamic h1, .brand-dynamic h2, .brand-dynamic h3, .brand-dynamic h4, .brand-dynamic h5, .brand-dynamic h6 { color: #1d67a6; }
.brand-dynamic header.header-ddx { border-bottom: none; border-bottom: 1px solid #efefef; }
.brand-dynamic header.header-ddx .main-logo { display: block; width: 50%; margin: 0 auto; padding: 10px 0; text-align: center; }
.brand-dynamic header.header-ddx .main-logo img { max-width: 100%; max-height: 50px; }
.brand-dynamic header.header-ddx .main-menu { display: none; }
@media (min-width: 768px) { .brand-dynamic header.header-ddx .main-logo { width: 35%; max-width: 300px; padding: 20px 0; margin-left: 0; text-align: left; }
  .brand-dynamic header.header-ddx .main-logo img { max-height: 80px; }
  .brand-dynamic header.header-ddx .main-menu { display: block; position: absolute; top: 50%; right: 30px; margin-top: -14px; }
  .brand-dynamic header.header-ddx .main-menu li { margin-left: 15px; font-weight: 500; color: #828282; }
  .brand-dynamic header.header-ddx .main-menu a { color: inherit; } }
.brand-dynamic .wrapper-ddx { background-size: cover; background-position: center; position: relative; padding: 30px 0 20px; }
@media (min-width: 768px) { .brand-dynamic .wrapper-ddx { padding: 70px 0 40px; } }
.brand-dynamic .wrapper-ddx:before { content: ""; background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0)); position: absolute; top: 0; width: 100%; height: 50%; }
.brand-dynamic .wrapper-ddx h1 { margin-top: 0; margin-bottom: 25px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
@media (min-width: 768px) { .brand-dynamic .wrapper-ddx h1 { margin-bottom: 50px; } }
.brand-dynamic .form-ddx { padding: 5px 20px 20px; background-color: rgba(255, 255, 255, 0.7); border-radius: 3px; }
.brand-dynamic .site-footer { display: block; }
@media (min-width: 768px) { .brand-dynamic .site-footer .footer-menu { display: none; } }
.brand-dynamic [class^="icon-"] { color: #1d67a6; }
.brand-dynamic .blue, .brand-dynamic .highlight, .brand-dynamic .text-primary { color: #1d67a6 !important; }
.brand-dynamic .green { color: #28b158 !important; }
.brand-dynamic .btn-blue { background-color: #1d67a6; }
.brand-dynamic .btn-blue.btn-outline { border: 1px solid #1d67a6; background-color: white; }
.brand-dynamic .btn-primary, .brand-dynamic .btn-green { background-color: #28b158; }
.brand-dynamic .btn-primary.btn-outline, .brand-dynamic .btn-green.btn-outline { border: 1px solid #28b158; background-color: white; }
.brand-dynamic input.ng-valid, .brand-dynamic select.ng-valid, .brand-dynamic textarea.ng-valid { border-color: #28b158 !important; background-color: #e7faee; }
.brand-dynamic input.ng-valid + .form-alert:before, .brand-dynamic select.ng-valid + .form-alert:before, .brand-dynamic textarea.ng-valid + .form-alert:before { color: #28b158; }
.brand-dynamic input.ng-valid:-webkit-autofill, .brand-dynamic select.ng-valid:-webkit-autofill, .brand-dynamic textarea.ng-valid:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #e7faee inset !important; }
.brand-dynamic .msg-success { border: 1px solid #28b158; }
.brand-dynamic .msg-success .top-left-icon { background-color: #28b158; }
.brand-dynamic .msg-success h1, .brand-dynamic .msg-success h2, .brand-dynamic .msg-success h3 { color: #424242; }

.hover-high, .form-2018 .form-alert .form-alert-inner, .form-2018 .form-alert-static .form-alert-inner, .advice .image-wrapper { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

.hover-medium { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.vspace-top, .vspace-top-responsive, .vspace-responsive, .vspace { margin-top: 15px; }

.vspace-bottom, .vspace-bottom-responsive, .vspace-responsive, .vspace { margin-bottom: 15px; }

.vspace-top-double, .vspace-double, .vspace-double-responsive { margin-top: 30px; }

.vspace-bottom-double, .vspace-double, .vspace-double-responsive { margin-bottom: 30px; }

.vspace-top-triple { margin-top: 45px; }

.vspace-bottom-triple { margin-bottom: 45px; }

.vspace-top-quadruple { margin-top: 60px; }

.vspace-bottom-quadruple { margin-bottom: 60px; }

@media (min-width: 768px) { .vspace-top-responsive, .vspace-responsive { margin-top: 30px; } }

@media (min-width: 768px) { .vspace-bottom-responsive, .vspace-responsive { margin-bottom: 30px; } }

@media (min-width: 768px) { .vspace-double-responsive { margin-top: 45px; margin-bottom: 45px; } }

.vspace-inner-top, .vspace-inner { padding-top: 15px; }

.vspace-inner-bottom, .vspace-inner { padding-bottom: 15px; }

.vspace-inner-top-double, .vspace-inner-double { padding-top: 30px; }

.vspace-inner-bottom-double, .vspace-inner-double { padding-bottom: 30px; }

.vspace-inner-top-triple, .vspace-inner-triple { padding-top: 45px; }

.vspace-inner-bottom-triple, .vspace-inner-triple { padding-bottom: 45px; }

.vspace-inner-top-quadruple, .vspace-inner-quadruple { padding-top: 60px; }

.vspace-inner-bottom-quadruple, .vspace-inner-quadruple { padding-bottom: 60px; }

.vspace-inner-top-reset { padding-top: 0; }

.vspace-inner-bottom-reset { padding-bottom: 0; }

.crop-circle, .cta-message .image-wrapper { border-radius: 50%; overflow: hidden; }

.bleed-full { margin-left: -15px; margin-right: -15px; }
@media (min-width: 480px) { .bleed-full { margin-left: -30px; margin-right: -30px; } }
@media (min-width: 1024px) { .bleed-full { margin-left: -100%; margin-right: -100%; } }

body { overflow-x: hidden; }

.border-bottom { border-bottom: 1px solid #ccc; }

.visuallyhidden, .form-std .two-option-radio-btn input[type="radio"], .form-std .checkbox-switch { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }

@keyframes move-right-fade { 0% { transform: translate3D(-20px, -45%, 0); opacity: 0; }
  5% { opacity: 0; }
  20% { opacity: 1; }
  50% { opacity: 1; }
  90% { opacity: 0; }
  100% { transform: translate3D(10px, -45%, 0); opacity: 0; } }
.popup { position: fixed; z-index: 1000; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.9); }
.popup section { position: absolute; top: 50%; left: 50%; width: 90%; max-width: 390px; transform: translate(-50%, -50%); background-color: white; box-shadow: 0 0 25px #aaa; }
.popup header { padding: 30px 20px 20px; }
.popup header figure { margin: 0 auto; padding: 0; width: 110px; height: 110px; }
.popup header h3 { font-weight: 400; font-style: italic; color: black; }
.popup header p { font-size: 14px; }
.popup header .close { position: absolute; width: 21px; height: 21px; top: 21px; right: 21px; }
.popup header .close:before, .popup header .close:after { content: " "; display: block; position: absolute; top: 0; width: 1px; height: 21px; background-color: black; }
.popup header .close:before { left: 10px; transform: rotate(45deg); }
.popup header .close:after { right: 10px; transform: rotate(-45deg); }
.popup footer { padding: 20px 40px 30px; background-color: #f7f7f7; }