@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body, ul, p { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; text-decoration: none; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

ul, ol { list-style: none; }

/* FONTS */
/* COLOR VARIABLES -- values */
/* COLOR VARIABLES -- brand specific */
/* PAGE HEADINGS */
h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro", sans-serif; font-weight: 700; }

h1 { font-size: 36px; line-height: 40px; }

@media (min-width: 768px) { h1 { font-size: 48px; line-height: 50px; } }

h2 { font-size: 34px; line-height: 45px; margin-bottom: 24px; }

@media (min-width: 768px) { h2 { font-size: 36px; line-height: 40px; } }

h3 { font-size: 28px; font-weight: 600; line-height: 23px; }

h4 { color: #0084C3; font-size: 24px; letter-spacing: 2px; line-height: 31px; margin: 10px 0 7px; }

h5 { font-size: 18px; letter-spacing: 1px; line-height: 23px; }

h6 { color: #0084C3; font-size: 16px; font-weight: 100; letter-spacing: 0; margin-bottom: 15px; }

/* PAGE COPY */
@font-face { font-family: 'geneva'; src: url("../fonts/geneva/Geneva Regular.ttf"); font-weight: normal; font-style: normal; }

html, body { color: #4A4A4A; font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 16px; letter-spacing: 1.14px; line-height: 25px; }

.btn { background: #FF7700; border-radius: 25px; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.8px; line-height: 18px; outline: 0; overflow: hidden; position: relative; text-align: center; transition: all 0.3s ease-in; width: 236px; z-index: 1; cursor: pointer; /*&.btn-secondary { background: $btn-secondary-bg; a { border-color: $btn-secondary-border; color: $btn-secondary-copy; } &:hover { background: $btn-secondary-border; a { color: $btn-secondary-bg; } } } &.btn-tertiary { background: $btn-tertiary-bg; a { border-color: $btn-tertiary-border; color: $btn-tertiary-copy; } &:hover { background: $btn-tertiary-border; a { color: $btn-tertiary-copy; } } } &.btn-tertiary.green { background: $lima; a { border-color: $lima-light; color: $white; } &:hover { background: $lima-light; a { color: $body-copy; } } }*/ }

.btn a { border: 2px solid #FFFFFF; border-radius: 25px; border-color: #FF7700; color: #FFFFFF; display: block; padding: 10px 20px; text-transform: uppercase; transition: 0.09s ease-in; }

.btn:hover { background: #FFFFFF; }

.btn:hover a { color: #FF7700; }

.btn.btn-primary { background: #FF7700; }

.btn.btn-primary a { border-color: #FF7700; }

.btn.btn-primary:hover { background: #FFFFFF; }

.btn.btn-primary:hover a { color: #FF7700; }

.btn.btn-secondary { background: #FF7700; }

.btn.btn-secondary a { border-color: #FF7700; }

.btn.btn-secondary:hover { background: #FFFFFF; }

.btn.btn-secondary:hover a { color: #FF7700; }

.btn.btn-tertiary { background: #FF7700; }

.btn.btn-tertiary a { border-color: #FF7700; }

.btn.btn-tertiary:hover { background: #FFFFFF; }

.btn.btn-tertiary:hover a { color: #FF7700; }

.btn.btn-tertiary.green { background: #FF7700; }

.btn.btn-tertiary.green a { border-color: #FF7700; }

.btn.btn-tertiary.green:hover { background: #FFFFFF; }

.btn.btn-tertiary.green:hover a { color: #FF7700; }

.grouped-btns { margin-top: 0; }

.grouped-btns.horizontal { display: inline-block; }

.grouped-btns.horizontal .btn:first-of-type { margin-right: 10px; }

.grouped-btns.vertical { display: inline-block; }

.grouped-btns.vertical > .btn { display: block; }

.grouped-btns.vertical > .btn:first-of-type { margin-bottom: 10px; }

.grouped-btns > .btn { max-width: 180px; }

.header-wrapper { position: relative; z-index: 1; }

.fixed-nav .header-wrapper { margin-top: 90px; }

@media (max-width: 479px) { .fixed-nav .header-wrapper { margin-top: 58px; } }

.header-slant1, .header-slant2 { background: #0084C3; opacity: 0.5; height: 100%; position: absolute; left: 0; right: 0; top: 5%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 76%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 76%); z-index: -1; }

@media (max-width: 1023px) { .header-slant1, .header-slant2 { -webkit-clip-path: polygon(0 0, 100% 0, 100% 92%, 0 82%); clip-path: polygon(0 0, 100% 0, 100% 92%, 0 82%); top: 0%; } }

.header-slant2 { top: 9%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 72%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 72%); z-index: -2; }

@media (max-width: 1023px) { .header-slant2 { -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 82%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 82%); top: 0%; } }

header { font-family: "geneva", Tahoma, Verdana, sans-serif; background: #0084C3 url("../images/hero-bg-blue.png") repeat-x; background-size: contain; /*min-height: 57vw;*/ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 81%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 81%); position: relative; }

@media (min-width: 1023px) { header { /*min-height:unset;*/ height: 800px; } }

@media (min-width: 1024px) { header { padding-top: 140px; margin-top: -140px; } }

@media (max-width: 1023px) { header { -webkit-clip-path: polygon(0 0, 100% 0, 100% 89%, 0 82%); clip-path: polygon(0 0, 100% 0, 100% 89%, 0 82%); } }

header .container { z-index: 1020; max-width: 100%; }

@media (max-width: 1023px) { header .container { max-width: 100%; } }

.header-slant3, .header-slant4 { background: #0084C3; opacity: 0.5; height: 100%; position: absolute; left: 0; right: 0; top: 5%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 0 88%); clip-path: polygon(0 0, 100% 0, 100% 93%, 0 88%); z-index: -1; }

@media (max-width: 1023px) { .header-slant3, .header-slant4 { -webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 0 88%); clip-path: polygon(0 0, 100% 0, 100% 93%, 0 88%); top: 0%; } }

.header-slant4 { top: 9%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 91%, 0 85%); clip-path: polygon(0 0, 100% 0, 100% 91%, 0 85%); z-index: -2; }

@media (max-width: 1023px) { .header-slant4 { -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 82%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 82%); top: 0%; } }

.header-slant1.green, .header-slant2.green, .header-slant3.green, .header-slant4.green { background: #71BF2F; }

.header-slant1.orange, .header-slant2.orange, .header-slant3.orange, .header-slant4.orange { background: #FF7700; }

.header-slant1.pink, .header-slant2.pink, .header-slant3.pink, .header-slant4.pink { background: #FF5657; }

header.main-header.layout-logo-menu.header-content-wrapper.page-header { background: #0084C3 url("../images/hero-bg-blue.png") repeat-x; background-size: contain; /*min-height: 52vw;*/ -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); position: relative; }

@media (min-width: 1024px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header { padding-top: 140px; margin-top: -140px; /*min-height:unset;*/ height: 515px; } }

@media (max-width: 1023px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header { -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); } }

header.main-header.layout-logo-menu.header-content-wrapper.page-header .container { z-index: 1020; max-width: 100%; }

@media (max-width: 1023px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header .container { max-width: 100%; } }

header.main-header.layout-logo-menu.header-content-wrapper.page-header.green { background: #71BF2F url("../images/hero-bg-green.png") repeat-x; background-size: contain; -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); position: relative; }

@media (min-width: 1024px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header.green { padding-top: 140px; margin-top: -140px; /*min-height:unset;*/ height: 515px; } }

@media (max-width: 1023px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header.green { -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); } }

header.main-header.layout-logo-menu.header-content-wrapper.page-header.pink { background: #FF5657 url("../images/hero-bg-pink.png") repeat-x; background-size: contain; -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); position: relative; }

@media (min-width: 1024px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header.pink { padding-top: 140px; margin-top: -140px; /*min-height:unset;*/ height: 515px; } }

@media (max-width: 1023px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header.pink { -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); } }

header.main-header.layout-logo-menu.header-content-wrapper.page-header.orange { background: #FF7700 url("../images/hero-bg-orange.png") repeat-x; background-size: contain; -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); position: relative; }

@media (min-width: 1024px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header.orange { padding-top: 140px; margin-top: -140px; /*min-height:unset;*/ height: 515px; } }

@media (max-width: 1023px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header.orange { -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 94%); } }

#top-nav-wrapper { font-family: "geneva", Tahoma, Verdana, sans-serif; color: #FFFFFF; padding: 4px 0; position: relative; height: 40px; background-color: #29c1dc; }

#top-nav-wrapper nav.top-nav { font-size: 17px; z-index: 10; }

#top-nav-wrapper nav.top-nav .top-nav-inner { display: -ms-flexbox; display: flex; }

#top-nav-wrapper nav.top-nav .top-nav-inner .top-nav--rates { text-align: right; width: 75%; padding-top: 9px; }

#top-nav-wrapper nav.top-nav .top-nav-inner ul.top-nav--menu { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; width: 40%; }

#top-nav-wrapper nav.top-nav .top-nav-inner ul.top-nav--menu .btn { width: 110px; margin-top: 2px; }

#top-nav-wrapper nav.top-nav .top-nav-inner ul.top-nav--menu .btn a { padding: 7px 0; }

#top-nav-wrapper nav.top-nav .top-nav-inner ul.top-nav--menu .btn:hover a { color: #FF7700; }

#top-nav-wrapper nav.top-nav .top-nav-inner ul.top-nav--menu li { margin: 0 auto; }

#top-nav-wrapper nav.top-nav .top-nav-inner ul.top-nav--menu li:first-of-type { padding-top: 9px; }

#top-nav-wrapper nav.top-nav .top-nav-inner ul.top-nav--menu li a { color: #FFFFFF; }

@media (max-width: 1023px) { #top-nav-wrapper { display: none; } }

> * { position: relative; z-index: 1; }

#menus { padding: 0 40px; }

#menus #cssmenu ul ul li:last-child > a { box-shadow: none; }

#menus nav#main-menu { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 89px; }

#menus nav#main-menu .elfi-logo { width: 20%; }

#menus nav#main-menu .elfi-logo img { max-width: 100%; height: auto; }

@media (max-width: 350px) { #menus nav#main-menu .elfi-logo img { width: 100px; } }

#menus nav#main-menu .main-menu-wrapper { width: 60%; /*width: 60%; */ }

#menus nav#main-menu .main-menu-wrapper ul.menu { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin-left: 10px; margin-right: 10px; }

#menus nav#main-menu .main-menu-wrapper ul.menu li { -ms-flex-positive: 1; flex-grow: 1; text-align: center; }

#menus nav#main-menu .main-menu-wrapper ul.menu li a { color: #4A4A4A; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.78px; line-height: 18px; }

#menus nav#main-menu .main-menu-wrapper ul.menu li ul li a { font-size: 14px; }

#menus nav#main-menu .main-menu-wrapper ul.menu li:hover a { /*color: $brand-primary;*/ }

#menus nav#main-menu .main-menu-cta-wrapper { width: 20%; }

#menus nav#main-menu .main-menu-cta-wrapper .grouped-btns { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; }

#menus nav#main-menu .main-menu-cta-wrapper .grouped-btns a.menu--btn-link { padding: 7px 0; }

#menus nav#main-menu .mobile-nav-header { width: 60%; }

#menus nav#main-menu .mobile-nav-header .grouped-btns { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; }

#menus nav#main-menu .mobile-nav-header .grouped-btns .btn { max-width: 132px; margin-right: 15%; margin-left: 0; }

#menus nav#main-menu .mobile-nav-header .grouped-btns .btn a { padding: 5px 0; }

@media (max-width: 1023px) { #menus { padding: 0 15px; border-radius: 0; box-shadow: none; }
  #menus nav#main-menu { height: 58px; }
  #menus nav#main-menu .elfi-logo { width: 125px; }
  #menus .main-menu-wrapper, #menus .main-menu-cta-wrapper { display: none; } }

.mobile-nav-header .cd-nav-trigger { /*NAV TRIGGER POSITION:*/ display: block; width: 50px; height: 50px; overflow: hidden; white-space: nowrap; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; z-index: 9999 !important; /* hide text */ color: transparent; background: transparent; border: 0; outline: 0; }

.mobile-nav-header .cd-nav-trigger span, .mobile-nav-header .cd-nav-trigger span::before, .mobile-nav-header .cd-nav-trigger span::after { /* hamburger icon in CSS */ border-radius: 2px; position: absolute; display: inline-block; height: 2px; width: 24px; background: #FF7700; }

.mobile-nav-header .cd-nav-trigger span { /* line in the center */ position: absolute; top: 50%; right: 10px; margin-top: -2px; transition: background 0.3s 0.3s; }

.mobile-nav-header .cd-nav-trigger span::before, .mobile-nav-header .cd-nav-trigger span::after { /* other 2 lines */ content: ''; right: 0; /* Force Hardware Acceleration in WebKit */ transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-origin: 0% 50%; transform: transition .3s .3s; }

.mobile-nav-header .cd-nav-trigger span::before { /* menu icon top line */ top: -6px; }

.mobile-nav-header .cd-nav-trigger span::after { /* menu icon bottom line */ top: 6px; }

.mobile-nav-header .cd-nav-trigger.nav-is-visible span { /* hide line in the center */ background: rgba(255, 119, 0, 0); }

.mobile-nav-header .cd-nav-trigger.nav-is-visible span::before, .mobile-nav-header .cd-nav-trigger.nav-is-visible span::after { /* keep visible other 2 lines */ background: #ff7700; }

.mobile-nav-header .cd-nav-trigger.nav-is-visible span::before { transform: translateX(4px) translateY(-3px) rotate(45deg); }

.mobile-nav-header .cd-nav-trigger.nav-is-visible span::after { transform: translateX(4px) translateY(2px) rotate(-45deg); }

@media (min-width: 1024px) { .mobile-nav-header { display: none; } }

.mobile-nav-header p { width: 45%; position: absolute; top: 30%; text-align: right; }

.mobile-nav-header p a { color: #009fdb; }

@media (max-width: 479px) { .mobile-nav-header p a { font-size: 14px; margin-right: 5px; } }

@media (max-width: 350px) { .mobile-nav-header p a { font-size: 14px; margin-right: 19px; } }

/* Mobile Menu */
.mobile-overlay { height: auto; width: 0; position: absolute; z-index: 1; right: 0; background-color: #FFF; /*background-color: rgba(0,0,0, 1);*/ overflow: hidden; transition: 0.5s; z-index: 10000; box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.2); }

.mobile-overlay-content { position: relative; top: 6%; width: 100%; text-align: center; margin-top: 30px; }

.mobile-overlay-content ul.menu li { border-top: 1px solid #EEE; }

.mobile-overlay-content ul.menu li a { color: #4A4A4A; font-family: "Source Sans Pro", sans-serif; font-size: 20px; /*font-size: 4vw;*/ font-weight: 600; letter-spacing: 0.78px; line-height: 360%; padding: 4px 0; }

.mobile-overlay-content ul.menu li:hover a { /*color: $brand-primary;*/ }

.mobile-overlay-content ul.menu ul a { background: #FFF; line-height: 360%; padding: 10px 10px; margin-left: 30px; font-size: 16px; /*font-size: 2.5vw;*/ }

.mobile-overlay-content ul.menu ul a:hover, .mobile-overlay-content ul.menu ul a:focus { color: #0084C3; }

.mobile-overlay a { padding: 0; text-decoration: none; font-size: 36px; /*font-size: 4vw;*/ color: #4A4A4A; display: block; margin-left: 25px; transition: 0.3s; text-align: left; }

.mobile-overlay a:hover, .mobile-overlay a:focus { color: #0084C3; }

.mobile-overlay .closebtn { position: relative; top: 18px; left: 0; border: none; font-size: 32px; font-weight: 100; color: #FF7700; }

.mobile-overlay-content ul.menu li a:hover, .mobile-overlay-content ul.menu li a:active { color: #0084C3; }

@media screen and (max-width: 767px) { .mobile-overlay-content ul.menu li a { padding: 0; font-size: 16px; }
  .mobile-overlay-content ul.menu ul li a { padding: 0; font-size: 14px; line-height: 20px; margin-top: 8px; margin-bottom: 8px; margin-right: 5px; margin-left: 35px; }
  .mobile-overlay .closebtn { font-size: 32px; top: 18px; } }

@media screen and (max-height: 450px) { .mobile-overlay a { font-size: 20px; }
  .mobile-overlay .closebtn { font-size: 20px; top: 15px; right: 35px; } }

.sub-menu-wrapper { display: none; }

#navigation { background: #FFFFFF; box-shadow: 0 8px 14px 0 rgba(0, 132, 195, 0.28); position: relative; z-index: 9999; /*transition: all 10s ease-in;*/ max-width: 1340px; margin: 0 auto; }

/* applied after scroll height reached */
.fixed-nav #navigation { position: fixed; top: 0; width: 100%; max-width: 1340px; margin: 0 auto; left: 0; right: 0; }

.text-blue { color: #0084c4; }

.text-black { color: #4A4A4A; }

.padding-left { padding-left: 100px; }

div.tp-style { color: #FFF; }

div.tp-style iframe { background-color: #1e99ce; content: ''; position: absolute; z-index: 2; padding-top: 8px; box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; }

footer { background: #FFFFFF; color: #9D9D9E; font-size: 14px; letter-spacing: 0; }

footer h6 { color: #009fdb; }

footer .fdic { margin-top: 2%; max-width: 80%; }

footer .bbb { max-height: 57px; margin-top: 1%; max-width: 87%; }

footer #DigiCertClickID_hPgEyyLO { float: right; }

footer .container { padding: 57px 0 0; }

footer .container p a { color: #979797; }

@media (max-width: 768px) { footer .container { padding: 10px 28px 0; } }

footer .flex-content .flex-content--wrapper .flex-content--item { display: unset; -ms-flex-pack: start; justify-content: flex-start; width: auto; min-width: 33%; }

footer .flex-content .flex-content--wrapper .flex-content--item:last-of-type { width: 34%; }

footer.entry-footer { display: none; }

/*li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children */
.footer-menu-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.3; margin-bottom: 40px; }

.footer-menu-wrapper .footer-menu-links { display: -ms-flexbox; display: flex; width: 65%; }

.footer-menu-wrapper .footer-menu-links > * { -ms-flex: 1; flex: 1; }

.footer-menu-wrapper .footer-menu-links li { width: 31%; margin-right: 2%; }

@media (max-width: 768px) { .footer-menu-wrapper .footer-menu-links li { width: 100%; margin-top: 22px; } }

.footer-menu-wrapper .footer-menu-links li a { color: #009fdb; display: block; font-weight: 700; text-transform: uppercase; }

.footer-menu-wrapper .footer-menu-links li .sub-menu li { margin-top: 10px; margin-bottom: 10px; width: 100%; }

.footer-menu-wrapper .footer-menu-links li .sub-menu a { color: #979797; text-transform: none; }

.footer-menu-wrapper .footer-menu-links .menu { padding-right: 40px; width: 100%; display: -ms-inline-flexbox; display: inline-flex; }

@media (max-width: 768px) { .footer-menu-wrapper .footer-menu-links .menu { display: block; } }

.footer-menu-wrapper .footer-menu-links strong { color: #979797; margin-top: 5px; }

.footer-menu-wrapper .copyright { width: 30%; }

.footer-menu-wrapper .copyright a { color: #009fdb; }

@media (max-width: 640px) { .footer-menu-wrapper { -ms-flex-direction: column; flex-direction: column; }
  .footer-menu-wrapper .footer-menu-links { display: block; width: 100%; }
  .footer-menu-wrapper .footer-menu-links > * { padding-bottom: 10px; }
  .footer-menu-wrapper .footer-menu-links > * .textwidget > p { line-height: 24px; margin-bottom: 10px; }
  .footer-menu-wrapper .footer-menu-links .menu { padding-right: 0; }
  .footer-menu-wrapper .copyright { width: 100%; } }

@media (min-width: 641px) and (max-width: 768px) { .footer-menu-wrapper { -ms-flex-direction: column; flex-direction: column; }
  .footer-menu-wrapper .footer-menu-links { width: 100%; }
  .footer-menu-wrapper .copyright { width: 100%; } }

.elfi-legal { border-top: 1px solid #E4E4E4; font-size: 14px; padding: 23px 0; text-align: left; }

.elfi-legal h6 { font-size: 12px; color: #979797; text-align: center; }

.elfi-legal p { margin: 10px 0; line-height: 25px; }

.elfi-legal p a { color: #009fdb; font-weight: 700; }

#footer-social { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

#footer-social .social-links-wrapper { -ms-flex: 1; flex: 1; }

#footer-social .social-links-wrapper > ul { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

#footer-social .social-links-wrapper > ul li { margin-right: 10px; text-align: right; width: calc(100%/5 - 10px); }

#footer-social .social-links-wrapper > ul li:last-of-type { margin-right: 0; }

#footer-social .social-links-wrapper > ul li a svg { border-radius: 50%; max-width: 32px; max-height: 32px; }

#icon-link-2 > ul { display: -ms-flexbox; display: flex; margin-top: 20px; margin-bottom: 40px; }

#icon-link-2 > ul li { margin-right: 20px; }

#icon-link-2 .icon { display: block; width: 32px; height: 32px; }

#icon-link-2 span[data-icon-type='facebook1'] { background: url("../images/svg/social/facebook.svg") no-repeat; }

#icon-link-2 span[data-icon-type='twitter1'] { background: url("../images/svg/social/twitter.svg") no-repeat; }

#icon-link-2 span[data-icon-type='instagram'] { background: url("../images/svg/social/instagram.svg") no-repeat; }

#icon-link-2 span[data-icon-type='linkedin'] { background: url("../images/svg/social/linkedin.svg") no-repeat; }

#icon-link-2 span[data-icon-type='pinterest'] { background: url("../images/svg/social/pinterest.png") no-repeat; }

input { box-sizing: border-box; }

.form-field-wrapper .form-field input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #E4E4E4; border-radius: 3px; background: transparent; color: #FF7700; font-size: 26px; padding: 8px 11px; }

.form-field-wrapper .form-field ::-webkit-input-placeholder { color: #B4BEC2; }

.form-field-wrapper .form-field :-moz-placeholder { color: #B4BEC2; }

.form-field-wrapper .form-field ::-moz-placeholder { color: #B4BEC2; }

.form-field-wrapper .form-field :-ms-input-placeholder { color: #B4BEC2; }

.radio-btns-wrapper { display: -ms-flexbox; display: flex; margin-bottom: 32px; }

.radio-btns-wrapper .form-field.radio-btn { width: 189px; height: 50px; position: relative; }

.radio-btns-wrapper .form-field.radio-btn label, .radio-btns-wrapper .form-field.radio-btn input { background: #FFFFFF; border: 2px solid #FF7700; border-radius: 25px; color: #FF7700; cursor: pointer; display: block; font-size: 14px; font-weight: 700; letter-spacing: 0.8px; line-height: 18px; text-align: center; text-transform: uppercase; padding: 14px 0 32px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.5s; }

.radio-btns-wrapper .form-field.radio-btn input[type='radio'] { opacity: 0.011; z-index: 100; }

.radio-btns-wrapper .form-field.radio-btn input[type='radio']:checked + label { background: #FF7700; border-color: #FF7700; color: #FFFFFF; }

.radio-btns-wrapper .form-field.radio-btn:first-of-type { margin-right: 40px; }

@media (max-width: 767px) { .radio-btns-wrapper .form-field.radio-btn:first-of-type { margin-right: 10px; } }

div.wpcf7-response-output, div.wpcf7-validation-errors { margin: 1em 0 0 !important; position: relative; z-index: 8; border: none; }

.wpcf7-not-valid, input.wpcf7-not-valid { border-color: #D94729; }

.wpcf7-not-valid-tip { display: none !important; }

div.wpcf7 .wpcf7-form { display: block; margin: 0; }

div.wpcf7 .wpcf7-form .wpcf7-submit { margin-top: 0; border: 2px solid #FF7700; }

div.wpcf7 .wpcf7-form .wpcf7-submit:hover { background-color: #FFF; border-color: #FF7700; }

.vamtam-rsvp-form label { font-size: 13px; color: #ffffff; }

.vamtam-rsvp-form input[type="text"], .vamtam-rsvp-form input[type="number"], .vamtam-rsvp-form select { font-size: 20px; padding: 17px 15px 13px 15px; background: #ffffff !important; color: #dada00; }

.vamtam-rsvp-form .wpcf7-form-control-wrap.your-name { width: 100%; }

.vamtam-rsvp-form .ajax-loader { display: none; }

span.wpcf7-form-control-wrap { display: block; margin-bottom: 20px; }

.form-input { position: relative; margin: 0; background: #EDEDED; }

input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email], input[type=search], input[type=date], input[type=range], input[type=number], input[type=button], textarea, select { box-sizing: border-box; padding: 17px 15px 13px 15px; width: 100%; position: relative; border: none; outline: none; border: 1px solid #EDEDED; margin: 0; box-shadow: none !important; font-size: 18px; border-radius: 0px; margin-bottom: 15px; background: #ffffff; }

div.wpcf7 input[type=text], div.wpcf7 input[type=tel], div.wpcf7 input[type=email], div.wpcf7 input[type=password], div.wpcf7 input[type=email], div.wpcf7 input[type=search], div.wpcf7 input[type=date], div.wpcf7 input[type=range], div.wpcf7 input[type=number], div.wpcf7 input[type=button], div.wpcf7 textarea, div.wpcf7 select { background: #EFEFEF; border-radius: 0px; padding: 17px 15px 13px 15px; width: 100%; position: relative; border: none; outline: none; border: 1px solid #EDEDED; border-bottom: 1px solid transparent; margin: 0; box-shadow: none !important; font-size: 14px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1) !important; color: #303030; }

input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=date]:focus, input[type=range]:focus, input[type=number]:focus, input[type=button]:focus, textarea:focus, select:focus { border: 1px solid #dada00 !important; }

input[type=text].invalid, input[type=tel].invalid, input[type=email].invalid, input[type=password].invalid, input[type=email].invalid, input[type=search].invalid, input[type=date].invalid, input[type=range].invalid, input[type=number].invalid, input[type=button].invalid, textarea.invalid, select.invalid { border-color: #D94729; }

input[type=text]:-moz-ui-invalid, input[type=tel]:-moz-ui-invalid, input[type=email]:-moz-ui-invalid, input[type=password]:-moz-ui-invalid, input[type=email]:-moz-ui-invalid, input[type=search]:-moz-ui-invalid, input[type=date]:-moz-ui-invalid, input[type=range]:-moz-ui-invalid, input[type=number]:-moz-ui-invalid, input[type=button]:-moz-ui-invalid, textarea:-moz-ui-invalid, select:-moz-ui-invalid { border-color: #D94729; }

.hero.contact-us .flex-content .flex-content--wrapper .flex-content--item:first-of-type { margin-top: 20px; }

.hero.contact-us .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div p { margin: 26px 30px 26px 5px; }

@media (max-width: 479px) { .hero.contact-us .flex-content .flex-content--wrapper .flex-content--item:last-of-type { margin-left: 10px; width: 95%; }
  .hero.contact-us .flex-content .flex-content--wrapper .flex-content--item:first-of-type { margin-left: 10px; width: 95%; }
  .hero.contact-us .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div p { margin: 26px 80px 26px 5px; }
  .hero.contact-us .form p { width: 90%; margin-right: 80px; }
  .hero.contact-us .form .wpcf7 { margin: 0 20px; }
  .hero.contact-us .flex-content { padding-bottom: 50px; } }

.gform_body { background: #FFF; border-radius: 40px; box-shadow: 0 1px 1px 1px #4874a1; max-width: 600px; margin: 10px auto; padding: 15px 0; }

.text-wrapper .gform_body ul, .text-wrapper .gform_body ol { list-style: none; }

input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email], input[type=search], input[type=date], input[type=range], input[type=number], input[type=button], textarea, select { background: #EFEFEF; border-radius: 0px; padding: 17px 15px 13px 15px; width: 100%; position: relative; border: none; outline: none; border: 1px solid #EDEDED; border-bottom: 1px solid transparent; margin: 0 0 15px 0; box-shadow: none !important; font-size: 14px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1) !important; color: #303030; }

.gform_body select { height: 50px; color: #4A4A4A; padding: 15px 15px 13px 15px; text-indent: 7px; }

.gform_body select option { color: #4A4A4A; }

.gform_body select option.gf_placeholder { margin-left: 20px; color: #4A4A4A; }

.gform_body label { color: #4A4A4A; text-transform: uppercase; font-size: 14px; margin-bottom: 0; }

.gfield_label, .text-wrapper .gfield_label .gfield_required { color: #4A4A4A; text-transform: uppercase; font-size: 14px; margin-bottom: 0; }

.gform_footer button { border-radius: 25px; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.8px; line-height: 18px; outline: 0; overflow: hidden; position: relative; text-align: center; transition: all 0.3s ease-in; width: 236px; z-index: 1; margin-right: 10px; max-width: 150px; background: #FF7700; box-shadow: 0 6px 18px 0 rgba(255, 119, 0, 0.27); border: 2px solid #FF7700; padding: 7px 0; color: #FFF; }

.gform_footer button:hover { background: #FFFFFF; color: #FF7700; border: 2px solid #FF7700; }

.gform_footer button:hover a { color: #FF7700; }

body .gform_wrapper .gform_validation_container { display: none; }

::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; }

textarea::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; }

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; }

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; }

textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; }

.flex-content .flex-content--wrapper { display: -ms-flexbox; display: flex; }

.flex-content .flex-content--wrapper .flex-content--item { width: 100%; position: relative; }

.flex-content .flex-content--wrapper.column { -ms-flex-direction: column; flex-direction: column; }

.flex-content .flex-content--wrapper.row { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 768px) { .flex-content .flex-content--wrapper .flex-content--item { width: 50%; }
  .flex-content .flex-content--wrapper.row { -ms-flex-direction: row; flex-direction: row; } }

.flex-content.flex-content--text-and-image { margin: 0 auto; }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image { transform: rotate(-5deg); height: 600px; }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image .img-wrapper { border-radius: 40px; box-shadow: 0px 2px 39px 0 #d1d1d1; background: url("../images/happy-man.jpg") no-repeat; background-size: cover; background-position: 44% 50%; width: 100%; height: 100%; }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text { margin-top: -50%; -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 90%); clip-path: polygon(0 0, 100% 0, 100% 95%, 0 90%); }

@media (min-width: 768px) { .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image { width: 37%; margin-left: 0; z-index: -4; }
  .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text { -webkit-clip-path: none; clip-path: none; margin-top: 0; padding: 0; width: 50%; background: #FFFFFF; border-radius: 40px; box-shadow: 0px 2px 39px 0 #d1d1d1; } }

.flex-content.flex-content--bg-primary { color: #FFFFFF; }

.flex-content.flex-content--bg-primary .btn.btn-primary { box-shadow: 0 6px 18px 0 rgba(255, 119, 0, 0.27); }

@media (max-width: 767px) { .flex-content.flex-content--bg-primary { background: #0084C3; } }

.flex-content.flex-content--three-col { text-align: center; }

.flex-content.flex-content--three-col h2 { padding: 0 28px; }

.flex-content.flex-content--three-col .flex-content--wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-content.flex-content--three-col .flex-content--wrapper .flex-content--item { margin-bottom: 30px; }

.flex-content.flex-content--three-col .flex-content--wrapper .flex-content--item .text-wrapper { max-width: 300px; margin: 0 auto; padding: 0 28px; }

.flex-content.flex-content--three-col .flex-content--wrapper .flex-content--item .text-wrapper .icon-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 79px; height: 79px; margin: 0 auto; position: relative; }

.flex-content.flex-content--three-col .flex-content--wrapper .flex-content--item .text-wrapper .icon-wrapper img { position: relative; }

.flex-content.flex-content--three-col .flex-content--wrapper .flex-content--item:last-of-type { margin-bottom: 0; }

@media (min-width: 768px) { .flex-content.flex-content--three-col .flex-content--wrapper .flex-content--item { padding: 0; margin-bottom: 10px; width: calc(100% / 3); } }

.flex-content .flex-content--wrapper.forty-sixty .flex-content--item:first-of-type { width: 40%; }

.flex-content .flex-content--wrapper.forty-sixty .flex-content--item:last-of-type { width: 60%; }

.flex-content .flex-content--wrapper.forty-sixty.reverse .flex-content--item:first-of-type { width: 60%; }

.flex-content .flex-content--wrapper.forty-sixty.reverse .flex-content--item:last-of-type { width: 40%; }

@media (max-width: 767px) { .flex-content .flex-content--wrapper.forty-sixty .flex-content--item:first-of-type, .flex-content .flex-content--wrapper.forty-sixty .flex-content--item:last-of-type { width: 100%; } }

.flex-content .flex-content--wrapper .flex-content--item { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { .flex-content .flex-content--wrapper .flex-content--item:not(.circle) { -ms-flex-flow: column; flex-flow: column; } }

.flex-content .flex-content--wrapper .flex-content--item .badge-wrapper { position: relative; }

.flex-content.in-view .flex-content--wrapper .flex-content--item-image:not(.hero-img)::before { content: ''; background: #FF5657; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -2; animation: rotate-img-bg 0.9s ease-in-out both; animation-delay: 0.2s; }

.flex-content.in-view .flex-content--wrapper .flex-content--item-image:not(.hero-img)::after { content: ''; background: #FF5657; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -3; animation: rotate-img-bg2 0.9s ease-in-out both; animation-delay: 0.6s; }

@keyframes rotate-img-bg { 0% { transform: rotate(0);
    opacity: 0; }
  50% { transform: rotate(-1.5deg);
    opacity: 0.30; }
  100% { transform: rotate(-3deg);
    opacity: 0.61; } }

@keyframes rotate-img-bg2 { 0% { transform: rotate(0);
    opacity: 0; }
  50% { transform: rotate(-4deg);
    opacity: 0.30; }
  100% { transform: rotate(-6deg);
    opacity: 0.61; } }

.flex-content.in-view .flex-content--wrapper .flex-content--item-image.hero-img { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }

.flex-content.in-view .flex-content--wrapper .flex-content--item-image.hero-img::before { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -2; animation: rotate-img-bg-big 0.9s ease-in-out both; animation-delay: 0.2s; }

.flex-content.in-view .flex-content--wrapper .flex-content--item-image.hero-img::after { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -3; animation: rotate-img-bg2-big 0.9s ease-in-out both; animation-delay: 0.6s; }

@keyframes rotate-img-bg-big { 0% { transform: rotate(0);
    opacity: 0; }
  50% { transform: rotate(-4deg);
    opacity: 0.30; }
  100% { transform: rotate(-8deg);
    opacity: 0.61; } }

@keyframes rotate-img-bg2-big { 0% { transform: rotate(0);
    opacity: 0; }
  50% { transform: rotate(-10deg);
    opacity: 0.30; }
  100% { transform: rotate(-16deg);
    opacity: 0.61; } }

@media (max-width: 479px) { .text-wrapper { margin-left: 10px; margin-right: 10px; } }

.spheres-wrapper .sphere-item { margin-top: -65px; position: relative; }

.spheres-wrapper .sphere-item .sphere { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.spheres-wrapper .sphere-item .sphere .step-item { margin-top: 17%; }

.sphere { background: #FFFFFF; border-radius: 50%; width: 230px; height: 230px; padding: 30px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; }

.sphere div.step-num { color: #0084C3; border: 4px solid; border-radius: 50%; display: block; width: 50px; height: 50px; margin: 0 auto; position: absolute; top: 6px; left: 40%; }

.sphere div.step-num span { font-size: 36px; font-weight: 600; position: absolute; top: 56%; left: 53%; transform: translate(-50%, -50%); }

.feature_no_image { margin-top: 120px; padding-bottom: 0px; }

.feature_no_image ul, .feature_no_image ol { text-align: left; margin: 0px 40px 15px 40px; list-style: unset; }

.feature_no_image a { color: #0084C3; }

.feature_no_image h1 { color: #0084c4; font-weight: 100; }

.feature_no_image h2 { color: #0084c4; font-weight: 100; margin-bottom: 30px; }

.feature_no_image hr { height: 6px; width: 164px; margin-top: 20px; color: #71BF2F; background-color: #71BF2F; float: left; text-align: left; }

.feature_no_image .flex-content .flex-content--wrapper.forty-sixty .flex-content--item { width: 50%; }

.feature_no_image .hero .flex-content .flex-content--wrapper .flex-content--item .heading { width: 75%; }

@media (max-width: 767px) { .feature_no_image .flex-content .flex-content--wrapper.forty-sixty .flex-content--item { width: 100%; }
  .feature_no_image .flex-content .flex-content--wrapper.forty-sixty .flex-content--item .text-wrapper p { margin-left: 50px; margin-right: 20px; } }

@media (max-width: 479px) { .feature_no_image { margin-top: 0px; }
  .feature_no_image h1 { margin-top: 10px; }
  .feature_no_image .flex-content .flex-content--wrapper.forty-sixty .flex-content--item .text-wrapper p { margin-left: 15px; }
  .feature_no_image .flex-content .flex-content--wrapper.forty-sixty .flex-content--item:first-of-type { -ms-flex-order: 1; order: 1; margin-bottom: 0px; }
  .feature_no_image .flex-content .flex-content--wrapper.forty-sixty .flex-content--item:last-of-type { -ms-flex-order: 2; order: 2; margin-top: 0px; } }

section.hero.feature_no_image, .hero.feature_no_image .flex-content { padding-bottom: 0px; margin-bottom: -20px; }

section.hero.feature_no_image .flex-content .flex-content--wrapper .flex-content--item:first-of-type { margin-top: 25px; }

.calculator-content { margin: 63px 0 30px; position: relative; font-family: "geneva", Tahoma, Verdana, sans-serif; }

.calculator-content::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: auto; left: 0; top: 37%; width: 65%; height: 67%; max-height: 1200px; -webkit-clip-path: polygon(0 25%, 91% 0, 82% 100%, 0% 100%); clip-path: polygon(0 25%, 91% 0, 82% 100%, 0% 100%); z-index: -10; }

@media (max-width: 479px) { .calculator-content::before { background: none; } }

@media (max-width: 767px) { .calculator-content::before { left: auto; right: 0; transform: scale(-1); } }

@media (min-width: 480px) { .calculator-content { margin-bottom: 0; } }

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

.calculator.container { background: #FFFFFF; border-radius: 40px; box-shadow: 0px 2px 39px 0 #d1d1d1; margin: 0 auto 104px; padding: 50px 0 100px; position: relative; }

.calculator.container .custom-range, .calculator.container .range-track { cursor: pointer; }

.calculator.container .range-thumb { z-index: 200; }

@media (max-width: 479px) { .calculator.container { border-radius: 0; } }

.calculator.container::before { top: -10px; left: 2px; }

.calculator.container::before { top: -12px; left: 4px; }

@media (min-width: 480px) { .calculator.container.in-view::before { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -2; animation: rotate-in-calc 0.9s ease-in-out both; animation-delay: 0.2s; }
  .calculator.container.in-view::after { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -3; animation: rotate-in-calc2 0.9s ease-in-out both; animation-delay: 0.4s; }
  @keyframes rotate-in-calc { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(2.5deg);
      opacity: 0.5; } }
  @keyframes rotate-in-calc2 { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(4.5deg);
      opacity: 0.5; } } }

@media (min-width: 480px) { .calculator.container { width: 91%; padding: 45px 55px 62px; max-width: 1032px; } }

.calculator.container .calc-wrapper { position: relative; }

.calculator.container h4 { color: inherit; font-size: 22px; margin: 10px 0 18px; letter-spacing: normal; text-transform: none; }

.calculator.container .calc-form { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; font-family: "Source Sans Pro", sans-serif; -ms-flex-pack: justify; justify-content: space-between; }

.calculator.container .calc-form .calc-form--item { width: 44%; }

.calculator.container .calc-form .calc-form--item label { display: block; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field { background: #FFFFFF; width: 50%; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field input { text-indent: 15px; width: 100%; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field input.percent-amt { background: url("../images/calc/percent.png") no-repeat; background-position: 50% 50%; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field input.dollar-amt { background: url("../images/calc/dollar-sign.svg") no-repeat; background-position: 13px 50%; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field input:focus { border-color: #FF7700; outline: none; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field:last-of-type { width: 40%; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper:last-of-type { margin-top: 35px; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper.input-with-text-container .calc-field:first-of-type { width: 56%; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper.input-with-text-container .input-with-text { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper.input-with-text-container .input-with-text input { width: 85%; }

.calculator.container .calc-form .calc-form--item .calc-field-wrapper.input-with-text-container .input-with-text .or { width: 15%; text-align: right; }

.calculator.container .calc-form label { font-size: 12px; letter-spacing: normal; line-height: 15px; margin-bottom: 10px; }

.calculator.container .results { margin-bottom: 42px; margin-top: 35px; display: -ms-flexbox; display: flex; }

@media (max-width: 360px) { .calculator.container .results { margin-left: -15px; margin-right: -15px; } }

.calculator.container .results > div.results-item { border-right: 1px solid #979797; -ms-flex: 1; flex: 1; padding: 0 0 20px; text-align: center; }

.calculator.container .results > div.results-item h5 { letter-spacing: 0; }

.calculator.container .results > div.results-item span:not(.dollar-sign) { color: #737577; font-family: "Source Sans Pro", sans-serif; font-size: 14px; letter-spacing: 0; text-transform: uppercase; }

.calculator.container .results > div.results-item .calc-results-amt { color: #71BF2F; font-family: "Source Sans Pro", sans-serif; font-size: 26px; font-weight: 700; line-height: 1; padding-top: 6px; }

@media (max-width: 767px) { .calculator.container .results > div.results-item .calc-results-amt { font-size: 18px; } }

.calculator.container .results > div.results-item .calc-results-amt .dollar-sign { font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 18px; font-weight: 100; line-height: 18px; vertical-align: super; }

@media (max-width: 767px) { .calculator.container .results > div.results-item .calc-results-amt .dollar-sign { font-size: 10px; } }

.calculator.container .results > div.results-item:last-of-type { border: none; }

@media (max-width: 767px) { .calculator.container { background: #FFFFFF; padding: 0 22px; max-width: 100%; margin-bottom: 160px; padding-bottom: 50px; }
  .calculator.container::before, .calculator.container::after { content: ''; background: #71BF2F; height: 25px; left: 0; right: 0; opacity: 0.25; position: absolute; top: -25px; }
  .calculator.container::after { height: 11px; top: -11px; }
  .calculator.container .calc-wrapper { padding: 45px 0; }
  .calculator.container .calc-wrapper::before, .calculator.container .calc-wrapper::after { content: ''; background: #71BF2F; height: 25px; left: -28px; right: -28px; opacity: 0.25; position: absolute; bottom: -25px; }
  .calculator.container .calc-wrapper::after { height: 11px; bottom: -11px; }
  .calculator.container .calc-form { -ms-flex-direction: column; flex-direction: column; }
  .calculator.container .calc-form .calc-form--item { width: 100%; }
  .calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field { width: 47%; }
  .calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field:last-of-type { width: 47%; }
  .calculator.container .calc-form .calc-form--item .calc-field-wrapper.calc-field-wrapper .input-with-text .or { text-align: center; }
  .calculator.container .results { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .calculator.container .results > div.results-item { border-right: 1px solid #979797; -ms-flex: none; flex: none; width: 24.5%; } }

@media (min-width: 768px) and (max-width: 1023px) { .calculator.container .calc-form .calc-form--item { width: 60%; }
  .calculator.container .calc-form .calc-form--item .calc-field-wrapper { -ms-flex-direction: column; flex-direction: column; }
  .calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field, .calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field:last-of-type { width: 100%; }
  .calculator.container .calc-form .calc-form--item .calc-field-wrapper .calc-field:first-of-type { margin-bottom: 10px; }
  .calculator.container .calc-form .calc-form--item .calc-field-wrapper.input-with-text-container .calc-field:first-of-type { margin-bottom: 10px; width: 100%; }
  .calculator.container .calc-form .calc-form--item:first-of-type { width: 30%; }
  .calculator.container .results { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .calculator.container .results > div.results-item { border-right: 1px solid #979797; -ms-flex: none; flex: none; width: 24.5%; } }

.calc-cta { box-shadow: none !important; display: block; margin: 0 auto; width: 256px; }

.calc-cta a { padding: 14px 20px; }

.slider-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.slider-header #percentage-rate { font-size: 18px; font-weight: 700; }

.custom-range { height: 40px; width: 100%; background: #eee; position: relative; }

.custom-range .range-fill { cursor: pointer; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; background: #FF7700; transition: all 0.1s; }

@media (max-width: 767px) { .custom-range .range-fill { padding-left: 18px; } }

@media (max-width: 479px) { .custom-range .range-fill { padding-left: 0px; } }

.custom-range .range-thumb { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: 79px; width: 67px; position: absolute; top: -20px; left: 0; background: url("../images/slider/slider-head.png"); background-repeat: no-repeat; pointer-events: none; transition: all 0.1s; }

@media (max-width: 767px) { .custom-range .range-thumb { margin-left: 18px; } }

@media (max-width: 479px) { .custom-range .range-thumb { margin-left: 0px; } }

.custom-range input[type=range] { width: 100%; height: 100%; -webkit-appearance: none; margin: 0px; padding: 0px; border: 0 none; background: transparent; color: transparent; overflow: visible; cursor: pointer; }

.year-ranges { display: -ms-flexbox; display: flex; }

.year-ranges span { cursor: pointer; text-align: center; display: block; font-size: 14px; margin-top: 31px; width: 20%; color: #5d5d5d; position: relative; left: -10px; }

.year-ranges span::before { content: ''; display: block; position: absolute; background: rgba(48, 50, 56, 0.3); height: 7px; width: 7px; border-radius: 50%; top: -7px; left: calc(50% - 3px); transform: translateY(-50%); }

.year-ranges span.active { color: #FF7700; }

.year-ranges span.active::before { background: #FF7700; }

@media (max-width: 767px) { .year-ranges span { left: 0; letter-spacing: 0; } }

.calculator-top, .calculations { display: block; }

.custom-range { height: 40px; width: 100%; background: #eee; position: relative; /* Make the thumbs the same size as your custom sliderthumb. They will not be visible but they will be draggable. */ /* Eliminate the default appearance and tooltip behaviour that is peculiar to IE and Edge. */ }

.custom-range .slider { position: absolute; z-index: 100; top: 0; left: 0; overflow: visible; }

.custom-range input[type=range]::-ms-track { width: 100%; height: 100%; -webkit-appearance: none; margin: 0px; padding: 0px; border: 0 none; background: transparent; color: transparent; overflow: visible; }

.custom-range input[type=range]::-moz-range-track { width: 100%; height: 100%; -moz-appearance: none; margin: 0px; padding: 0px; border: 0 none; background: transparent; color: transparent; overflow: visible; }

.custom-range input[type=range] { width: 100%; height: 100%; -webkit-appearance: none; margin: 0px; padding: 0px; border: 0 none; background: transparent; color: transparent; overflow: visible; cursor: pointer; }

.custom-range input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; border: transparent; }

.custom-range input[type=range]:focus { outline: none; }

.custom-range input[type=range]::-ms-thumb { width: 40px; height: 40px; border-radius: 0px; border: 0 none; background: transparent; }

.custom-range input[type=range]::-moz-range-thumb { width: 40px; height: 40px; border-radius: 0px; border: 0 none; background: transparent; }

.custom-range input[type=range]::-webkit-slider-thumb { width: 40px; height: 40px; border-radius: 0px; border: 0 none; background: transparent; -webkit-appearance: none; }

.custom-range input[type=range]::-ms-fill-lower { background: transparent; border: 0 none; }

.custom-range input[type=range]::-ms-fill-upper { background: transparent; border: 0 none; }

.custom-range input[type=range]::-ms-tooltip { display: none; }

#calcframe { border: 10px solid #FFF; overflow: hidden; }

@media screen and (max-width: 1012px) { #calcframe { height: 1270px !important; } }

@media screen and (max-width: 650px) { #calcframe { height: 1330px !important; } }

@media screen and (max-width: 400px) { #calcframe { height: 1480px !important; } }

.elfi-specs { margin-bottom: 30px; }

.elfi-specs .elfi-spec-item { background: #E0F5FF; box-shadow: inset 0 0 0 1px #F2F9FC; margin-bottom: 11px; padding: 20px 15px 10px; }

.elfi-specs .elfi-spec-item.grouped > div { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; }

@media (min-width: 480px) { .elfi-specs .elfi-spec-item.grouped > div { -ms-flex-direction: row; flex-direction: row; } }

.elfi-specs .elfi-spec-item.grouped .terms { -ms-flex: 1; flex: 1; margin-top: 10px; }

.elfi-specs .elfi-spec-item.grouped .terms:first-of-type { position: relative; }

.elfi-specs .elfi-spec-item.grouped .terms:first-of-type::after { content: ''; background: #B4BEC2; opacity: 0.43; position: absolute; top: 10px; right: 0; height: 70%; width: 1px; }

@media (max-width: 479px) { .elfi-specs .elfi-spec-item.grouped .terms:first-of-type { padding-bottom: 20px; }
  .elfi-specs .elfi-spec-item.grouped .terms:first-of-type::after { height: 1px; right: auto; bottom: 0; top: auto; width: 70%; left: 50%; transform: translateX(-50%); } }

.elfi-specs h1 { color: #0084C3; display: inline-block; line-height: 1; margin-top: 10px; }

.elfi-specs h1 .fine-print { margin-top: 2px; }

.elfi-specs h1 .fine-print p { color: #4A4A4A; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0; text-align: left; text-transform: uppercase; }

.elfi-specs h3 { letter-spacing: 0; text-transform: uppercase; }

.elfi-specs h3.smaller { font-size: 18px; }

.elfi-specs .grouped-btns { margin-top: 30px; }

.elfi-specs .grouped-btns .btn { max-width: inherit; }

@media (min-width: 768px) { .elfi-specs { max-width: 90%; margin: 0 auto; } }

@media (max-width: 767px) { .elfi-specs { padding-bottom: 120px; } }

.collapsible { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; }

.collapsible .content--collapsible { display: none; }

.collapsible .content--collapsible p { margin-bottom: 0; padding-left: 28px; padding-top: 13px; text-align: left; }

.collapsible .content--collapsible p a { color: #FF7700; }

@media (max-width: 479px) { .collapsible .content--collapsible p { font-size: 14px; } }

.collapsible .toggle-collapse { border: 0; text-align: left; padding: 30px 0 3px; position: relative; width: auto; }

.collapsible .toggle-collapse:hover, .collapsible .toggle-collapse:focus { outline: 0; }

.collapsible .toggle-collapse .collapse-icon { position: absolute; border: 2px solid #FF7700; border-radius: 50%; width: 18px; height: 18px; left: 0; top: 74%; transform: translateY(-50%); }

.collapsible .toggle-collapse .horizontal, .collapsible .toggle-collapse .vertical { position: absolute; background-color: #FF7700; top: 50%; transition: all 0.5s ease-in-out; transform: rotate(-90deg); }

.collapsible .toggle-collapse .horizontal { width: 10px; height: 2px; right: 4px; top: 7.5px; opacity: 1; }

.collapsible .toggle-collapse .vertical { width: 2px; height: 10px; right: 8px; margin-top: -5.5px; }

.collapsible .toggle-collapse.collapsible-active { opacity: 1; }

.collapsible .toggle-collapse.collapsible-active .horizontal, .collapsible .toggle-collapse.collapsible-active .vertical { transition: all 0.5s ease-in-out; transform: rotate(90deg); }

.collapsible .toggle-collapse.collapsible-active .horizontal { opacity: 0; }

.faqs { margin-bottom: 100px; margin-top: 110px; text-align: center; position: relative; font-family: "geneva", Tahoma, Verdana, sans-serif; }

.faqs ul, .faqs ol { text-align: left; margin: 15px 40px; list-style: unset; }

.faqs .collapsible a { color: #FF7700; }

.faqs > .container { background: #FFFFFF; border-radius: 40px; box-shadow: 0px 2px 39px 0 #d1d1d1; width: 1032px; max-width: 100%; padding: 0; }

@media (max-width: 479px) { .faqs > .container { border-radius: 0; } }

@media (min-width: 767px) { .faqs > .container.in-view::before { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -2; animation: rotate-in-faq 0.9s ease-in-out both; animation-delay: 0.2s; }
  .faqs > .container.in-view::after { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -3; animation: rotate-in-faq2 0.9s ease-in-out both; animation-delay: 0.4s; }
  @keyframes rotate-in-faq { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(2deg);
      opacity: 0.50; } }
  @keyframes rotate-in-faq2 { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(4deg);
      opacity: 0.50; } } }

.faqs > .container .wrapper { margin: 0 auto; padding: 50px 0; }

.faqs > .container .faqs-wrapper { text-align: left; }

.faqs h2 { color: #0084C3; margin-bottom: 0; }

.faqs .collapsible { max-width: 700px; margin: 20px auto 40px; }

.faqs .toggle-collapse { color: #4A4A4A; font-family: "Source Sans Pro", sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0.5px; padding-left: 28px; }

.faqs .toggle-collapse.collapsible-active { color: #FF7700; }

.faqs .toggle-collapse::after { content: ''; background: #B4BEC2; height: 1px; position: absolute; left: 28px; right: 0; bottom: 0; display: block; }

@media (min-width: 480px) { .faqs { text-align: center; }
  .faqs > .container .faqs-wrapper { text-align: center; } }

@media (max-width: 767px) { .faqs { margin-bottom: 0; margin-top: 0; }
  .faqs::before, .faqs::after { content: ''; display: block; background: #FFFFFF; padding-top: 100%; height: auto; left: 0; right: 0; opacity: 0.70; position: absolute; top: -20px; z-index: -1; -webkit-clip-path: polygon(0 0, 100% 14%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 14%, 100% 100%, 0 100%); width: 100%; }
  .faqs::after { top: -13px; opacity: 0.50; }
  .faqs > .container { background: #FFFFFF; -webkit-clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 100%); padding: 30px 0 0; }
  .faqs > .container::before { display: none; }
  .faqs > .container .wrapper { max-width: 90%; } }

.faqs:nth-child(odd)::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: 0; left: auto; top: -10%; width: 54%; height: 125%; max-height: 1200px; -webkit-clip-path: polygon(0 54%, 100% 14%, 100% 93%, 26% 100%); clip-path: polygon(0 54%, 100% 14%, 100% 93%, 26% 100%); z-index: -10; }

@media (max-width: 479px) { .faqs:nth-child(odd)::before { background: none; } }

.faqs:nth-child(even)::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: auto; left: 0; top: 0%; width: 60%; height: 137%; max-height: 1200px; -webkit-clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); z-index: -10; }

@media (max-width: 479px) { .faqs:nth-child(even)::before { background: none; } }

.tabs { margin-bottom: 100px; margin-top: 110px; text-align: center; position: relative; font-family: "geneva", Tahoma, Verdana, sans-serif; /* Style the buttons that are used to open the tab content */ /* Change background color of buttons on hover */ /* Create an active/current tablink class */ /* Style the tab content */ }

.tabs ul, .tabs ol { text-align: left; margin: 15px 40px; list-style: unset; }

.tabs .collapsible a { color: #4A4A4A; }

.tabs > .container { background: #FFFFFF; border-radius: 40px; box-shadow: 0px 2px 39px 0 #d1d1d1; width: 1032px; max-width: 100%; padding: 0; }

@media (max-width: 479px) { .tabs > .container { border-radius: 0; } }

@media (min-width: 767px) { .tabs > .container.in-view::before { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -2; animation: rotate-in-faq 0.9s ease-in-out both; animation-delay: 0.2s; }
  .tabs > .container.in-view::after { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -3; animation: rotate-in-faq2 0.9s ease-in-out both; animation-delay: 0.4s; }
  @keyframes rotate-in-faq { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(2deg);
      opacity: 0.50; } }
  @keyframes rotate-in-faq2 { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(4deg);
      opacity: 0.50; } } }

.tabs > .container .wrapper { margin: 0 auto; padding: 5px 0; }

.tabs > .container .tabs-wrapper { text-align: left; }

.tabs h2 { color: #0084C3; margin-bottom: 0; }

.tabs .collapsible { max-width: 800px; margin: 17px auto 40px; }

.tabs .toggle-collapse { color: #4A4A4A; font-family: "Source Sans Pro", sans-serif; font-size: 18px; font-weight: 600; letter-spacing: 0.5px; padding-left: 28px; }

.tabs .toggle-collapse.collapsible-active { color: #FF7700; }

.tabs .toggle-collapse::after { content: ''; background: #B4BEC2; height: 1px; position: absolute; left: 28px; right: 0; bottom: 0; display: block; }

@media (min-width: 480px) { .tabs { text-align: center; }
  .tabs > .container .tabs-wrapper { text-align: center; } }

@media (max-width: 767px) { .tabs { margin-bottom: 0; margin-top: 0; }
  .tabs::before, .tabs::after { content: ''; display: block; background: #FFFFFF; padding-top: 100%; height: auto; left: 0; right: 0; opacity: 0.70; position: absolute; top: -20px; z-index: -1; -webkit-clip-path: polygon(0 0, 100% 14%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 14%, 100% 100%, 0 100%); width: 100%; }
  .tabs::after { top: -13px; opacity: 0.50; }
  .tabs > .container { background: #FFFFFF; padding: 30px 0 0; }
  .tabs > .container::before { display: none; }
  .tabs > .container .wrapper { max-width: 90%; } }

.tabs .searchtext { box-sizing: border-box; width: 0px; height: 63px; font-size: 18px; background: #FFF; border-radius: 6px; padding: 7px 25px 3px 35px; width: 100%; position: relative; border: none; outline: none; border-bottom: 1px solid transparent; font-size: 16px; box-shadow: none !important; color: #4A4A4A; transition: all 0.5s ease; display: block; max-width: 820px; position: relative; border: 1px solid #EDEDED; margin-top: 50px; background: url(../images/searching.png) no-repeat 20px 22px; padding-left: 55px; /*box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1) !important;*/ }

.tabs :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #B4BEC2; opacity: 1; /* Firefox */ }

.tabs ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #B4BEC2; opacity: 1; /* Firefox */ }

.tabs :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #B4BEC2; }

.tabs ::-ms-input-placeholder { /* Microsoft Edge */ color: #B4BEC2; }

.tabs .searchResultCount { position: relative; text-align: right; text-transform: uppercase; font-size: 14px; }

@media screen and (min-width: 1024px) { .tabs .searchResultCount { margin-right: 40px; } }

.tabs .tabwrapper { padding: 40px 100px; }

@media screen and (max-width: 479px) { .tabs .tabwrapper { padding: 40px 0; } }

.tabs .tabwrapper h2 { margin-top: 20px; margin-bottom: 45px; }

.tabs .tabwrapper .btn { margin-top: 40px; }

.tabs .tab { overflow: hidden; border-bottom: 1px solid #CCC; max-width: 820px; }

.tabs .tab .tablinks { margin-right: 20px; }

.tabs .tab button { background-color: #FFF; float: left; border: none; outline: none; cursor: pointer; padding: 10px 16px; transition: 0.3s; border-bottom: 5px solid #FFF; color: #B4BEC2; }

.tabs .tab button:hover { color: #FF7700; border-bottom: 5px solid #FF7700; }

.tabs .tab button.active { color: #FF7700; border-bottom: 5px solid #FF7700; }

.tabs .tabcontent { display: none; padding: 6px 12px; border-top: none; }

.tabs em { background-color: #FF7700; color: #FFF; /* FF1+ */ /* Saf3-4 */ border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */ /* FF3.5+ */ /* Saf3.0+, Chrome */ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); /* Opera 10.5+, IE 9.0 */ padding: 2px 2px; margin: 0 -1px; font-style: normal; }

.tabs:nth-child(odd)::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: 0; left: auto; top: -10%; width: 54%; height: 125%; max-height: 1200px; -webkit-clip-path: polygon(0 54%, 100% 14%, 100% 93%, 26% 100%); clip-path: polygon(0 54%, 100% 14%, 100% 93%, 26% 100%); z-index: -10; }

@media (max-width: 479px) { .tabs:nth-child(odd)::before { background: none; } }

.tabs:nth-child(even)::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: auto; left: 0; top: 0%; width: 60%; height: 137%; max-height: 1200px; -webkit-clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); z-index: -10; }

@media (max-width: 479px) { .tabs:nth-child(even)::before { background: none; } }

.loan-tables { position: relative; font-family: "geneva", Tahoma, Verdana, sans-serif; margin-bottom: 15px; }

.loan-tables .heading { color: #4A4A4A; width: 100%; margin-top: 50px; clear: both; text-align: center; font-size: 36px; margin-bottom: 0px; line-height: 40px; }

.loan-tables .container { width: 1066px; }

.loan-tables .disclaimer { color: #4A4A4A; margin-top: -20px; }

.loan-tables .disclaimer p { color: #4A4A4A; }

.loan-tables .flex-content { padding: 5px 50px 13px; position: relative; }

.loan-tables .flex-content .flex-content--wrapper { padding: 24px 0 30px; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item { background-color: #0084C3; margin-right: 8px; margin-left: 8px; margin-bottom: 16px; border-radius: 20px; text-align: center; box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.4); }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .years { text-transform: uppercase; width: 100%; background-color: #009fdb; border-bottom: 1px solid #E4E4E4; border-radius: 20px 20px 0 0; padding: 13px 0 8px 0; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .monthly-range { display: block; text-align: center; padding: 25px 0 20px 0; font-size: 28px; line-height: 32px; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .monthly-range p { font-size: 28px; line-height: 32px; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .monthly-range p.tiny { font-size: 12px; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .monthly-range .month-copy { margin: 0; font-size: 12px; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .apr-range, .loan-tables .flex-content .flex-content--wrapper .flex-content--item .payments, .loan-tables .flex-content .flex-content--wrapper .flex-content--item .total-payments, .loan-tables .flex-content .flex-content--wrapper .flex-content--item .button-holder { background-color: #FFFFFF; color: #4A4A4A; border-bottom: 1px solid #E4E4E4; padding: 8px 0 3px 0; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .apr-range strong, .loan-tables .flex-content .flex-content--wrapper .flex-content--item .payments strong, .loan-tables .flex-content .flex-content--wrapper .flex-content--item .total-payments strong, .loan-tables .flex-content .flex-content--wrapper .flex-content--item .button-holder strong { font-weight: bold; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .button-holder { padding: 15px 0 5px 0; width: 100%; border-radius: 0 0 20px 20px; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .button-holder .btn { width: 150px; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item .button-holder .btn a { padding: 8px 0; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item.green { background-color: #71BF2F; }

.loan-tables .flex-content .flex-content--wrapper .flex-content--item.green .years { background-color: #89D549; color: #4A4A4A; }

.loan-tables .text-wrapper h5 { border-bottom: 1px solid rgba(250, 250, 250, 0.3); margin-bottom: 18px; margin-top: 20px; padding-bottom: 10px; }

.loan-tables .text-wrapper p { font-size: 14px; line-height: 20px; margin-bottom: 3px; }

.loan-tables .text-wrapper.light { width: 100%; }

@media (max-width: 1024px) { .loan-tables .flex-content { padding: 5px 25px 53px 10px; }
  .loan-tables .text-wrapper.light { width: 100%; margin: 0; }
  .loan-tables .flex-content .flex-content--wrapper .flex-content--item .button-holder { width: 100%; } }

.testimonials { background: #0084C3; padding: 76px 0 46px; text-align: center; margin-top: 80px; color: #FFF; font-family: "geneva", Tahoma, Verdana, sans-serif; overflow: hidden; }

@media (max-width: 1023px) { .testimonials { padding: 36px 0 26px; } }

.testimonials .max-width { width: 100%; max-width: 1320px; margin: 0 auto; }

.testimonials .slick-slider { height: 300px; }

@media (max-width: 1023px) { .testimonials .slick-slider { height: 100%; } }

.testimonials .slick-slide { outline: none !important; }

.testimonials h2 { color: #FFF; margin-bottom: 62px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 26px; line-height: 40px; letter-spacing: 1.14px; text-transform: uppercase; }

.testimonials .img-wrapper { position: relative; margin: 0 auto; width: 246px; }

.testimonials .img-col { float: left; width: 40%; }

@media (max-width: 1023px) { .testimonials .img-col { width: 100%; display: block; float: none; text-align: center; } }

.testimonials .copy { float: left; width: 60%; vertical-align: middle; height: 250px; display: table; }

@media (max-width: 1023px) { .testimonials .copy { width: 100%; display: block; float: none; text-align: center; margin-top: 10px; } }

.testimonials .copy .middle { vertical-align: middle; display: table-cell; }

@media (max-width: 1023px) { .testimonials .copy .middle { padding-left: 30px; padding-right: 30px; } }

.testimonials .copy p { font-size: 22px; font-weight: 100; letter-spacing: 1.14; line-height: 44px; text-align: left; color: #FFF; max-width: 700px; line-height: 150%; }

@media (max-width: 1023px) { .testimonials .copy p { line-height: 14px; font-size: 14px; text-align: center; max-width: unset; line-height: 125%; } }

@media (min-width: 1024px) { .testimonials .copy p { font-size: 22px; line-height: 150%; } }

.testimonials .copy .author { text-align: left; font-size: 12px; font-weight: 100; margin-top: 18px; color: #6ab9e4; }

@media (max-width: 1023px) { .testimonials .copy .author { text-align: center; } }

.testimonials .item:after { content: ""; display: table; clear: both; }

.testimonials .img-back { position: relative; top: 0; left: 0; }

.testimonials .img-front { border-radius: 50%; height: 196px; width: 196px; top: 23px; position: absolute; left: 26px; }

.slick-dots li button:before { color: #FFF; }

.slick-dots li.slick-active button:before { color: #FFF; }

.why-elfi { position: relative; font-family: "geneva", Tahoma, Verdana, sans-serif; margin-top: 40px; padding-bottom: 30px; }

.why-elfi::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: -28%; left: auto; top: -14%; width: 72%; height: 120%; max-height: 1200px; -webkit-clip-path: polygon(0 25%, 91% 0, 82% 85%, 0% 100%); clip-path: polygon(0 25%, 91% 0, 82% 85%, 0% 100%); z-index: -10; }

@media (max-width: 479px) { .why-elfi::before { background: none; } }

.why-elfi .container { width: 1066px; }

.why-elfi .container .btn { margin-top: 30px; }

@media (min-width: 480px) { .why-elfi .container.in-view::before { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -2; animation: rotate-in 0.9s ease-in-out both; animation-delay: 0.2s; }
  .why-elfi .container.in-view::after { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -3; animation: rotate-in2 0.9s ease-in-out both; animation-delay: 0.4s; }
  @keyframes rotate-in { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(2deg);
      opacity: 0.25; } }
  @keyframes rotate-in2 { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(4deg);
      opacity: 0.25; } } }

.why-elfi .flex-content { background: #0084C3; border-radius: 40px; box-shadow: 0px 2px 39px 0 #d1d1d1; padding: 58px 50px 53px; position: relative; }

@media (max-width: 479px) { .why-elfi .flex-content { border-radius: 0; } }

.why-elfi .flex-content .flex-content--wrapper { padding: 24px 0; }

.why-elfi .text-wrapper h5 { border-bottom: 1px solid rgba(250, 250, 250, 0.3); margin-bottom: 18px; margin-top: 20px; padding-bottom: 10px; }

.why-elfi .text-wrapper p { font-size: 14px; line-height: 20px; margin-bottom: 0; }

@media (max-width: 767px) { .why-elfi::before, .why-elfi::after { content: ''; /*background: $brand-secondary;*/ height: 16px; left: 0; right: 0; opacity: 0.25; position: absolute; bottom: -16px; }
  .why-elfi::after { height: 3px; bottom: -3px; }
  .why-elfi .container::before { display: none; }
  .why-elfi .container::before, .why-elfi .container::after { content: ''; display: block; background: #71BF2F; padding-top: 100%; height: auto; left: 0; right: 0; opacity: 0.25; position: absolute; top: -7px; z-index: -1; -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%); }
  .why-elfi .container::after { top: -20px; -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%); }
  .why-elfi .flex-content { -webkit-clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 100%); padding: 80px 25px 53px; } }

.trustpilot { background: #E0F5FF; padding: 46px 0 36px; text-align: center; margin-top: 25px; color: #FFF; font-family: "geneva", Tahoma, Verdana, sans-serif; }

@media (max-width: 1023px) { .trustpilot { padding: 36px 0 26px; } }

.trustpilot .max-width { width: 100%; margin: 0 auto; }

.trustpilot .slick-slider { height: 300px; }

@media (max-width: 1023px) { .trustpilot .slick-slider { height: 400px; } }

.trustpilot h2 { color: #0084C3; margin-bottom: 36px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 26px; line-height: 40px; letter-spacing: 1.14px; }

.trustpilot .img-wrapper { position: relative; margin: 0 auto; width: 246px; }

.trustpilot .img-col { float: left; width: 40%; }

@media (max-width: 1023px) { .trustpilot .img-col { width: 100%; display: block; float: none; text-align: center; } }

.trustpilot .copy { float: left; width: 60%; vertical-align: middle; height: 250px; display: table; }

@media (max-width: 1023px) { .trustpilot .copy { width: 100%; display: block; float: none; text-align: center; margin-top: 10px; } }

.trustpilot .copy .middle { vertical-align: middle; display: table-cell; }

@media (max-width: 1023px) { .trustpilot .copy .middle { padding-left: 30px; padding-right: 30px; } }

.trustpilot .copy p { font-size: 30px; font-weight: 100; letter-spacing: 1.14; line-height: 44px; text-align: left; color: #FFF; max-width: 700px; line-height: 150%; }

@media (max-width: 1023px) { .trustpilot .copy p { line-height: 20px; font-size: 14px; text-align: center; max-width: unset; line-height: 4vw; font-size: .5vw; } }

.trustpilot .copy .author { text-align: left; font-size: 12px; font-weight: 100; margin-top: 18px; color: #6ab9e4; }

@media (max-width: 1023px) { .trustpilot .copy .author { text-align: center; } }

.trustpilot .item:after { content: ""; display: table; clear: both; }

.trustpilot .img-back { position: relative; top: 0; left: 0; }

.trustpilot .img-front { border-radius: 50%; height: 196px; width: 196px; top: 23px; position: absolute; left: 26px; }

.trustpilot .trustpilot-wrapper { margin-bottom: 40px; }

#master-container { font-family: 'Work Sans'; width: auto; display: block; padding-left: 3px; border-radius: 2px; pointer-events: none; margin-top: 5px; margin-left: 2px; margin-bottom: 26px; }

#master-container div p { margin: 0; text-shadow: 2px 1px #777; }

#logo-placement { min-height: 30px; width: 100%; }

#tp-left-content { float: left; width: auto; height: 24px; margin-top: 3px; }

#tp-right-content { float: left; width: auto; height: 24px; margin: 0 0 0 15px; }

#stars-and-summary { float: left; }

#tp-widget-stars-head { margin-left: 20px; }

#score-summary { float: left; }

#tp-widget-logo { float: left; margin-left: 0; }

#tp-widget-logo img { height: 26px; }

.trustScoreChar { font-size: 18px; font-weight: bolder; }

@media only screen and (max-width: 410px) { #master-container { padding-left: 0; }
  .trustScoreChar { font-size: 14px; }
  #tp-right-content { margin: 0; margin-left: 10px; }
  #stars-and-summary { float: none !important; margin-top: 0px !important; margin-right: 0px !important; }
  #tp-left-content { float: left; }
  #tp-widget-logo { float: none; display: block; margin: 0 auto; height: 20px; }
  #tp-widget-logo img { height: 20px; margin-top: 4px; } }

@media screen and (max-width: 860px) and (min-width: 767px) { #master-container { width: 122%; } }

.steps { font-family: "geneva", Tahoma, Verdana, sans-serif; margin-top: 100px; position: relative; margin-bottom: 80px; }

.steps::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: auto; left: 0; top: -2%; width: 60%; height: 100%; max-height: 1200px; -webkit-clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); z-index: -10; }

@media (max-width: 479px) { .steps::before { background: none; } }

@media (min-width: 767px) and (max-width: 1023px) { .steps { margin-bottom: 175px; } }

.steps ul, .steps ol { text-align: left; margin: 15px 40px; list-style: unset; }

.steps p a { color: #0084C3; }

.steps .flex-content { margin-top: 60px; }

.steps .flex-content .flex-content--wrapper .flex-content--item-text .text-wrapper--inner { background: #FFFFFF; border-radius: 40px; box-shadow: 0px 2px 39px 0 #d1d1d1; padding: 100px 65px 30px 82px; transform: rotate(-5deg); }

.steps .flex-content .flex-content--wrapper .flex-content--item-text .text-wrapper--inner > * { transform: rotate(5deg); }

.steps .flex-content .flex-content--wrapper .flex-content--item-text .text-wrapper--inner .btn { margin-top: 15px; }

@media (min-width: 767px) and (max-width: 1220px) { .steps .flex-content .flex-content--wrapper .flex-content--item-text .floating-image-wrapper { bottom: -156px; z-index: -1; } }

@media (max-width: 767px) { .steps .flex-content .flex-content--wrapper .flex-content--item-text .text-wrapper::before, .steps .flex-content .flex-content--wrapper .flex-content--item-text .text-wrapper::after { content: ''; background: #71BF2F; left: 0; right: 0; opacity: 0.25; position: absolute; top: -11px; z-index: -1; -webkit-clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 18%, 100% 100%, 0 100%); }
  .steps .flex-content .flex-content--wrapper .flex-content--item-text .text-wrapper::after { top: -20px; }
  .steps .flex-content .flex-content--wrapper .flex-content--item-text .text-wrapper--inner { background: #FFFFFF; -webkit-clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 100%); padding: 128px 45px 45px; }
  .steps .flex-content .flex-content--wrapper .flex-content--item-text::before { display: none; } }

.steps .flex-content.in-view .flex-content--item-text::before { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -2; animation: rotate-in-small 0.9s ease-in-out both; animation-delay: 0.2s; }

.steps .flex-content.in-view .flex-content--item-text::after { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -3; animation: rotate-in-small2 0.9s ease-in-out both; animation-delay: 0.6s; }

@keyframes rotate-in-small { 0% { transform: rotate(0);
    opacity: 0; }
  50% { transform: rotate(-1deg);
    opacity: 0.15; }
  100% { transform: rotate(-2deg);
    opacity: 0.25; } }

@keyframes rotate-in-small2 { 0% { transform: rotate(0);
    opacity: 0; }
  50% { transform: rotate(1deg);
    opacity: 0.15; }
  100% { transform: rotate(2deg);
    opacity: 0.25; } }

@media (max-width: 767px) { .steps { margin-top: 125px; margin-bottom: 30px; }
  .steps::before { width: 122%; height: 100%; }
  .steps .flex-content--wrapper.forty-sixty.reverse { margin-bottom: 60px; }
  .steps .flex-content--wrapper.forty-sixty.reverse .flex-content--item:first-of-type { margin-top: 170px; -ms-flex-order: 1; order: 1; width: 100%; }
  .steps .flex-content--wrapper.forty-sixty.reverse .flex-content--item:last-of-type { width: 100%; } }

@media (max-width: 479px) { .steps { margin-bottom: 30px; }
  .steps .flex-content .flex-content--wrapper { margin-top: 135px; }
  .steps .flex-content .flex-content--wrapper::before, .steps .flex-content .flex-content--wrapper::after { content: ''; background: #71BF2F; height: 16px; left: 0; right: 0; opacity: 0.25; position: absolute; bottom: -16px; }
  .steps .flex-content .flex-content--wrapper::after { height: 7px; bottom: -7px; }
  .steps .flex-content .flex-content--wrapper .flex-content--item:first-of-type { margin-top: 160px; -ms-flex-order: 1; order: 1; }
  .steps .flex-content .flex-content--wrapper .flex-content--item::before, .steps .flex-content .flex-content--wrapper .flex-content--item::after { display: none; }
  .steps .flex-content .flex-content--wrapper .flex-content--item .text-wrapper--inner { border-radius: 0; transform: rotate(0); }
  .steps .flex-content .flex-content--wrapper .flex-content--item .text-wrapper--inner > * { transform: rotate(0); } }

@media (min-width: 480px) and (max-width: 767px) { .steps .spheres-wrapper { margin-top: 80px; } }

.checklist { margin-bottom: 75px; width: 100%; overflow: auto; }

@media (min-width: 1220px) { .checklist { margin-top: -40px; } }

.checklist h2 { color: #4A4A4A; }

.checklist ol { list-style: none; float: left; width: 50%; }

.checklist ol li { margin: 0 20px 2rem 0; position: relative; text-align: left; }

.checklist ol li a { color: #0084C3; }

.checklist ol li::before { content: '√'; color: #0084C3; font-size: 1.1rem; font-weight: bold; position: absolute; left: -36px; line-height: 25px; width: 25px; height: 25px; top: 0; border-radius: 50%; text-align: center; font-family: Verdana; border: 2px solid #0084C3; }

.checklist .wrapper { margin: auto 0; text-align: center; display: -ms-flexbox; display: flex; width: 80%; }

.checklist .btn-wrapper { width: 100%; margin: 20px auto; display: block; clear: both; text-align: center; }

.checklist .heading-wrapper { width: 80%; margin: 20px auto; display: block; clear: both; text-align: left; }

@media (max-width: 767px) { .checklist ol { width: 100%; margin: 0px; }
  .checklist .wrapper { display: block; } }

.elfi-facts { font-family: "geneva", Tahoma, Verdana, sans-serif; position: relative; margin-top: 60px; margin-bottom: 40px; }

.elfi-facts::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: auto; left: 0; top: 20%; width: 80%; height: 90%; max-height: 1200px; -webkit-clip-path: polygon(0 28%, 85% 0, 72% 89%, 0 99%); clip-path: polygon(0 28%, 85% 0, 72% 89%, 0 99%); z-index: -10; }

@media (max-width: 479px) { .elfi-facts::before { background: none; } }

.elfi-facts .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text { background: transparent; box-shadow: none; display: block; }

.elfi-facts .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text .text-wrapper { background: #FFFFFF; box-shadow: 0px 2px 39px 0 #d1d1d1; padding: 100px 0 17px; }

@media (min-width: 480px) { .elfi-facts .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text { margin-left: 6%; margin-top: 11%; }
  .elfi-facts .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text .text-wrapper { border-radius: 40px; padding: 54px 0 17px 2%; transform: rotate(2deg); }
  .elfi-facts .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text .text-wrapper > * { transform: rotate(-2deg); } }

@media (max-width: 767px) { .elfi-facts .flex-content.flex-content--text-and-image .flex-content--item-image { margin-left: -5%; } }

@media (min-width: 768px) { .elfi-facts .text-wrapper--heading { max-width: 75%; margin: 0 auto; padding: 0; }
  .elfi-facts .text-wrapper--heading h2 { margin-bottom: 17px; }
  .elfi-facts .text-wrapper--heading p { line-height: 20px; } }

@media (max-width: 767px) { .elfi-facts { margin-bottom: 0; }
  .elfi-facts::before { width: 100%; top: -10%; -webkit-clip-path: none; clip-path: none; height: 100%; }
  .elfi-facts .text-wrapper { -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%); }
  .elfi-facts #shadow { position: absolute; z-index: -1; content: ""; background: rgba(0, 0, 0, 0.3); width: 100%; height: 200px; left: 0; bottom: 35px; filter: blur(60px); transform: skew(80deg); }
  .elfi-facts h2 { line-height: 37px; }
  .elfi-facts .grouped-btns.horizontal .btn:first-of-type { margin-right: 0; margin-bottom: 20px; } }

@media (min-width: 480px) { .elfi-facts .in-view .flex-content--item-text::before { content: ''; background: #0084C3; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -2; animation: rotate-in-facts 0.9s ease-in-out both; animation-delay: 0.2s; }
  .elfi-facts .in-view .flex-content--item-text::after { content: ''; background: #0084C3; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -3; animation: rotate-in-facts2 0.9s ease-in-out both; animation-delay: 0.6s; }
  @keyframes rotate-in-facts { 0% { transform: rotate(0);
      opacity: 0; }
    50% { transform: rotate(2deg);
      opacity: 0.25; }
    100% { transform: rotate(4deg);
      opacity: 0.50; } }
  @keyframes rotate-in-facts2 { 0% { transform: rotate(0);
      opacity: 0; }
    50% { transform: rotate(4deg);
      opacity: 0.25; }
    100% { transform: rotate(6deg);
      opacity: 0.50; } } }

.elfi-facts .disclaimer { font-size: 14px; letter-spacing: normal; margin-right: 2%; margin-top: 10px; }

.elfi-facts .disclaimer a { color: #FF7700; }

.feature_with_image { font-family: "geneva", Tahoma, Verdana, sans-serif; margin-bottom: 40px; margin-top: 60px; -ms-overflow-x: hidden; -ms-overflow-y: hidden; position: relative; }

.feature_with_image ul, .feature_with_image ol { text-align: left; margin: 15px 40px; list-style: unset; }

.feature_with_image a { color: #0084C3; }

.feature_with_image::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: auto; left: 0; top: -20%; width: 65%; height: 130%; max-height: 1200px; -webkit-clip-path: polygon(0 8%, 44% 10%, 78% 99%, 0 91%); clip-path: polygon(0 8%, 44% 10%, 78% 99%, 0 91%); z-index: -10; }

@media (max-width: 479px) { .feature_with_image::before { background: none; } }

.feature_with_image h2 { font-weight: 100; }

.feature_with_image .text-wrapper { margin-top: 10px; }

.feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image { transform: rotate(5deg); }

.feature_with_image .flex-content .flex-content--wrapper .flex-content--item.left { margin-left: -100px; margin-right: 100px; }

@media (max-width: 767px) { .feature_with_image .flex-content .flex-content--wrapper .flex-content--item.left { margin-left: 0; margin-right: 0; } }

.feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text { padding-left: 50px; }

.feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text .text-wrapper { background: transparent; box-shadow: none; border-radius: none; }

@media (min-width: 480px) { .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text { margin-left: 4%; } }

@media (max-width: 767px) { .feature_with_image .flex-content.flex-content--text-and-image .flex-content--item-image { margin-left: 0px; width: 73%; margin: 0 auto; } }

@media (min-width: 768px) { .feature_with_image .text-wrapper--heading { max-width: 75%; margin: 0 auto; padding: 0; }
  .feature_with_image .text-wrapper--heading h2 { margin-bottom: 17px; }
  .feature_with_image .text-wrapper--heading p { line-height: 20px; } }

@media (max-width: 767px) { .feature_with_image::before { width: 100%; top: -10%; -webkit-clip-path: none; clip-path: none; height: 200%; }
  .feature_with_image h2 { line-height: 37px; }
  .feature_with_image .grouped-btns.horizontal .btn:first-of-type { margin-right: 0; margin-bottom: 20px; } }

.feature_with_image.right::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: -10%; left: auto; top: -18%; width: 58%; height: 128%; max-height: 1200px; -webkit-clip-path: polygon(25% 10%, 91% 0, 82% 85%, 0% 91%); clip-path: polygon(25% 10%, 91% 0, 82% 85%, 0% 91%); z-index: -10; }

@media (max-width: 479px) { .feature_with_image.right::before { background: none; } }

.contact-us { margin-bottom: 60px; margin-top: -90px; position: relative; }

.contact-us h2 { font-weight: 100; }

.contact-us .flex-content--item { margin-top: 20px; }

.contact-us .flex-content .flex-content--wrapper { padding-top: 170px; }

.contact-us .text-wrapper { margin-top: 10px; }

.contact-us .flex-content .flex-content--wrapper .flex-content--item.left { margin-left: -100px; margin-right: 100px; }

@media (min-width: 768px) { .contact-us .text-wrapper--heading { max-width: 75%; margin: 0 auto; padding: 0; }
  .contact-us .text-wrapper--heading h2 { margin-bottom: 17px; }
  .contact-us .text-wrapper--heading p { line-height: 20px; } }

@media (max-width: 767px) { .contact-us::before { width: 100%; top: -10%; -webkit-clip-path: none; clip-path: none; height: 200%; }
  .contact-us h2 { line-height: 37px; }
  .contact-us .grouped-btns.horizontal .btn:first-of-type { margin-right: 0; margin-bottom: 20px; } }

.contact-us div.wpcf7-response-output, .contact-us div.wpcf7-validation-errors { width: 90%; color: #FF7700; display: inline-block; font-size: 20px; text-align: center; margin: 0 auto; padding-bottom: 25px; }

.contact-us .wpcf7-form .wpcf7-not-valid { border: 1px solid red; }

.contact-us .wpcf7-form .screen-reader-response { display: none; width: 90%; color: #FF7700; }

.contact-us .wpcf7 .screen-reader-response { display: none; }

.contact-us .form .wpcf7 { width: 99%; margin: 0 20px; }

.wpum-already-logged-in.wpum-message.info { padding-bottom: 30px; display: -ms-flexbox; display: flex; margin: 0 45px 30px 45px !important; height: 100%; }

.wpum-already-logged-in.wpum-message.info p { margin: 0 !important; width: 100% !important; }

.hero.contact-us.login .form-wrapper { margin-top: 0; width: 100%; }

.hero.contact-us.login .form-wrapper div { max-width: 100%; margin: 0 30px 30px 30px; }

.hero.contact-us.login form { margin: 0px auto 40px auto; }

.hero.contact-us.login fieldset { width: 100%; border: none; padding: 5px 0; }

.hero.contact-us.login .field { margin: 0 20px; }

.hero.contact-us.login input { margin: 20px 0; }

@media (max-width: 479px) { .hero.contact-us.login input { margin-left: -30px; width: 100%; }
  .hero.contact-us.login input[type="checkbox"] { width: 10%; } }

.hero.contact-us.login input.button { border-radius: 25px; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 0.8px; line-height: 18px; outline: 0; overflow: hidden; position: relative; text-align: center; transition: all 0.3s ease-in; width: 236px; z-index: 1; max-width: 150px; background: #FF7700; border: 2px solid #FF7700; box-shadow: 0 6px 18px 0 rgba(255, 119, 0, 0.27); padding: 9px 0 11px 0; color: #FFF; }

.hero.contact-us.login input.button a { color: #FFF; }

@media (max-width: 479px) { .hero.contact-us.login input.button { margin-right: 18px; } }

.hero.contact-us.login input.button:hover { background: #FFF; color: #FF7700; border: 2px solid #FF7700; box-shadow: none; }

@media (max-width: 479px) { .hero.contact-us.login a { margin-right: 45px; } }

.hero.contact-us.login .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div { width: 100%; }

.contact-us { background: #0084C3; }

.contact-us .flex-content .flex-content--wrapper .flex-content--item { display: block; }

.contact-us h2 > p.p1 { font-weight: 100; text-align: center; margin: 30px auto; clear: both; width: 100%; color: #4A4A4A; }

.contact-us h2 { font-weight: 100; text-align: center; margin: 30px auto; clear: both; width: 100%; color: #4A4A4A; }

.contact-us .form-wrapper { margin-top: 30px; }

.contact-us .form { background: white; border-radius: 40px; box-shadow: 0 5px 15px 5px #4874a1; }

.contact-us .form div.wpcf7 .wpcf7-form { display: inline-block; }

.contact-us .form .wpcf7 { width: 97%; margin: 0 40px; }

.contact-us .form .wpcf7-submit { border-radius: 25px; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.8px; line-height: 18px; outline: 0; overflow: hidden; position: relative; text-align: center; transition: all 0.3s ease-in; width: 236px; z-index: 1; margin-right: 10px; max-width: 150px; background: #FF7700; box-shadow: 0 6px 18px 0 rgba(255, 119, 0, 0.27); padding: 7px 0; margin-top: 100px; }

.contact-us .form div.wpcf7 .wpcf7-form .wpcf7-submit { color: #FFFFFF; display: block; padding: 10px 20px; text-transform: uppercase; transition: 0.09s ease-in; margin-top: 24px; margin-bottom: 24px; }

.contact-us .form div.wpcf7 .wpcf7-form .wpcf7-submit:hover { color: #FF7700; }

.contact-us .form p { width: 42%; clear: none; float: left; margin-right: 30px; color: #4A4A4A; text-transform: uppercase; font-size: smaller; }

.contact-us .form p .your-message { width: 100%; }

.contact-us .contact { border: 1px solid #FFF; border-radius: 25px; margin-right: 40px; margin-top: 0; color: #FFF; height: 100%; }

.contact-us .contact .lightgray { color: #B4BEC2; }

.contact-us .contact .contact-wrapper { padding: 40px 25px; }

.contact-us .contact h4 { color: #FFF; font-weight: 100; }

.hero.contact-us .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div { margin-top: 0; }

.hero.contact-us.login .form p { width: 0; }

.application_button { background: #E0F5FF; padding: 50px 0 24px; text-align: center; margin-top: 50px; font-family: "geneva", Tahoma, Verdana, sans-serif; }

@media (max-width: 479px) { .application_button { margin-top: 25px; } }

.application_button h1, .application_button h2, .application_button h3, .application_button h4, .application_button h5, .application_button h6 { color: #0084C3; margin-bottom: 18px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; letter-spacing: 1.14px; line-height: 150%; }

.application_button h2 { color: #0084C3; margin-bottom: 28px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 26px; line-height: 40px; letter-spacing: 1.14px; }

.application_button ul, .application_button ol { text-align: left; margin: 15px 40px; list-style: unset; }

.application_button .text-wrapper p { color: #0084C3; }

.application_button .text-wrapper p a { color: #FF7700; }

.application_button .btn { min-width: 300px; font-weight: 100; margin-top: 20px; margin-bottom: 24px; }

@media (max-width: 767px) { .application_button .video-wrapper { position: relative; text-align: center; }
  .application_button .video-wrapper iframe { width: 100% !important; margin: 0 !important; height: 250px; } }

section.application_button.Dark { background: #0084C3; }

section.application_button.Dark h1, section.application_button.Dark h2, section.application_button.Dark h3, section.application_button.Dark h4, section.application_button.Dark h5, section.application_button.Dark h6 { color: #FFF; }

section.application_button.Dark h1 a, section.application_button.Dark h2 a, section.application_button.Dark h3 a, section.application_button.Dark h4 a, section.application_button.Dark h5 a, section.application_button.Dark h6 a { color: #89D549; }

section.application_button.Dark h2, section.application_button.Dark .text-wrapper p { color: #FFF; }

section.application_button.Dark h2 a, section.application_button.Dark .text-wrapper p a { color: #89D549; }

section.application_button.Dark ul, section.application_button.Dark ol { text-align: left; margin: 15px 40px; list-style: unset; }

.text_block { background: #E0F5FF; padding: 30px 0 18px; text-align: center; margin-top: 35px; font-family: "geneva", Tahoma, Verdana, sans-serif; }

.text_block pre { background: white; border-radius: 90px; padding: 25px 0; color: #4A4A4A; text-align: center; }

@media (max-width: 767px) { .text_block pre { font-size: 14px; } }

.text_block img { max-width: 100%; }

.text_block ul, .text_block ol { text-align: left; margin: 15px 40px; list-style: unset; }

.text_block a { color: #0084C3; }

@media (max-width: 767px) { .text_block { padding: 20px 0 12px; margin-top: 25px; } }

.text_block .text-wrapper.floating-text { max-width: 1100px; }

.text_block span { color: #0084C3; margin-bottom: 62px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 26px; line-height: 40px; letter-spacing: 1.14px; }

.text_block span p strong { font-weight: bold; }

.text_block span h1, .text_block span h2, .text_block span h3, .text_block span h4, .text_block span h5, .text_block span h6 { color: #0084C3; margin-bottom: 18px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; letter-spacing: 1.14px; line-height: 150%; }

.text_block.Dark { background: #0084C3; }

.text_block.Dark a { color: #89D549; }

.text_block.Dark span { color: #FFF; }

.text_block.Dark span h1, .text_block.Dark span h2, .text_block.Dark span h3, .text_block.Dark span h4, .text_block.Dark span h5, .text_block.Dark span h6 { color: #FFF; line-height: 150%; }

.text_block.Light a { color: #FF7700; }

.text_block.White { background: #FFF; }

.text_block.White a { color: #FF7700; }

.text_block.White span { color: #4A4A4A; }

.text_block.White span h1, .text_block.White span h2, .text_block.White span h3, .text_block.White span h4, .text_block.White span h5, .text_block.White span h6 { color: #4A4A4A; line-height: 150%; }

.three_column { background: #E0F5FF; padding: 56px 0 38px; text-align: center; margin-top: 40px; font-family: "geneva", Tahoma, Verdana, sans-serif; }

.three_column pre { background: white; border-radius: 25px; padding: 25px 0; color: #4A4A4A; text-align: center; }

@media (max-width: 767px) { .three_column pre { font-size: 14px; } }

.three_column ul, .three_column ol { text-align: left; margin: 15px 40px; list-style: unset; }

.three_column a { color: #0084C3; }

.three_column .text-wrapper.floating-text { max-width: unset; }

.three_column span { color: #0084C3; margin-bottom: 62px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 26px; line-height: 40px; letter-spacing: 1.14px; text-align: left; }

.three_column span p strong { font-weight: 700; }

.three_column span h1, .three_column span h2, .three_column span h3, .three_column span h4, .three_column span h5, .three_column span h6 { color: #0084C3; margin-bottom: 18px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; letter-spacing: 1.14px; line-height: 150%; padding-left: 20px; padding-right: 20px; }

.three_column span h4 { font-weight: 700; font-weight: 18px; }

.three_column .text-wrapper { padding: 40px; border: 1px solid #FFF; border-radius: 25px; display: inline-block; }

.three_column .text-wrapper .column { float: left; width: 27%; height: auto; /*padding: 10px;*/ }

.three_column .text-wrapper .column.column1 { width: 46%; }

.three_column .text-wrapper.after { content: ""; display: table; clear: both; }

@media (max-width: 767px) { .three_column .text-wrapper .column { float: left; width: 100%; height: auto; /*padding: 10px;*/ }
  .three_column .text-wrapper .column.column1 { width: 100%; }
  .three_column .text-wrapper.floating-text { width: unset; margin: 0 10px; } }

.three_column.Dark { background: #0084C3; }

.three_column.Dark a { color: #89D549; }

.three_column.Dark span { color: #FFF; }

.three_column.Dark span h1, .three_column.Dark span h2, .three_column.Dark span h3, .three_column.Dark span h4, .three_column.Dark span h5, .three_column.Dark span h6 { color: #FFF; line-height: 150%; }

.three_column.Light a { color: #FF7700; }

.three_column.White { background: #FFF; }

.three_column.White a { color: #FF7700; }

.three_column.White span { color: #4A4A4A; }

.three_column.White span h1, .three_column.White span h2, .three_column.White span h3, .three_column.White span h4, .three_column.White span h5, .three_column.White span h6 { color: #4A4A4A; line-height: 150%; }

.blog { font-family: "geneva", Tahoma, Verdana, sans-serif; padding: 20px 20px 5px 5px; text-align: center; display: block; max-width: 1200px; margin: 0 auto; width: 100%; }

.blog * { box-sizing: border-box; }

.blog article { padding: 12px; color: #4A4A4A; height: 100%; line-height: 10px; min-height: 400px; width: 32%; display: inline-block; vertical-align: top; }

.blog article h6 { text-align: left; }

.blog img { width: 100%; height: auto; border-radius: 8px; }

.blog h2 { color: #0084C3; margin-bottom: 28px; }

.blog .btn { min-width: 300px; font-weight: 100; margin-bottom: 50px; }

.blog section.application_button.Dark { background: #0084C3; }

.blog p { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.blog .date { font-size: 12px; color: #B4BEC2; margin: 18px 0 12px 0; width: 100%; text-align: left; }

.blog article:nth-child(odd) { background-color: #FFF; }

.blog article:nth-child(even) { background-color: #FFF; }

.blog h6 > a { font-size: 18px; color: #4A4A4A; font-weight: 100; line-height: 20px; margin: 12px 0; }

.blog .image-wrapper { max-height: 200px; overflow: hidden; }

.blog .hr { width: 100%; height: 16px; }

.blog .readmore { margin: 8px 0; display: block; position: absolute; }

.blog .readmore a { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.blog hr { height: 4px; width: 54px; color: #71BF2F; background-color: #71BF2F; float: left; text-align: left; margin: 0; }

.blog .wrapper { height: 30px; overflow: hidden; text-align: left; color: #4A4A4A; line-height: 16px; font-size: 12px; }

.blog .wrapper a { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.blog .navigation { width: 100%; text-align: center; }

@media screen and (max-width: 767px) { .blog article { width: 90%; } }

.blog .blog-categories { display: block; margin: 20px 10px; float: left; text-align: left; width: 100%; clear: both; /*.category.active { background-color: #8ABE4F; color: #FFF; }*/ }

.blog .blog-categories .label { display: inline-block; position: relative; width: auto; margin: 5px; padding: 11px 10px 9px 10px; border-radius: 5px; font-size: 14px; white-space: nowrap; color: #4A4A4A; cursor: pointer; border: 2px solid #8ABE4F; }

.blog .blog-categories .label.checked { background-color: #8ABE4F; color: #FFF; }

.blog .blog-categories .category { display: inline-block; margin-right: 15px; margin-bottom: 12px; padding: 4px 0 6px 0; }

.blog .categories-title { text-align: left; margin-left: 15px; font-size: 14px; font-weight: bold; }

section.blog.Dark { background: #0084C3; }

section.blog.Dark h1, section.blog.Dark h2, section.blog.Dark h3, section.blog.Dark h4, section.blog.Dark h5, section.blog.Dark h6 { color: #FFF; }

section.blog.Dark article { border-radius: 30px; min-height: 405px; margin-top: 10px; }

.blog_single img.alignleft { float: left; margin: 20px 20px 10px 0; }

.blog_single img.alignright { float: right; margin: 20px 0 10px 20px; }

.blog_single img.aligncenter { display: block; margin: 15px auto; }

.blog_single ul, .blog_single ol { text-align: left; margin: 15px 40px; list-style: unset; }

.blog_single a { color: #0084C3; }

.blog_single h1, .blog_single h2, .blog_single h3, .blog_single h4, .blog_single h5, .blog_single h6 { color: #0084C3; font-weight: 100; }

.blog_single h1 { margin: 34px 0 26px; }

.blog_single h2 { margin: 30px 0 22px; font-weight: 100; }

.blog_single h3 { margin: 26px 0 18px; }

.blog_single h4 { margin: 20px 0 14px; }

.blog_single h5 { margin: 16px 0 10px; }

.blog_single h6 { margin: 12px 0 6px; }

.blog_single a { color: #0084C3; }

.blog_single article { max-width: 100%; }

.blog_single .btn { margin-top: 20px; margin-bottom: 20px; width: auto; min-width: 180px; }

.blog_single .max-width.blog-post-details { padding-bottom: 10px; }

.blog_single .max-width.blog-post-details h1 { color: #0084C3; font-weight: 100; margin: 30px 0 22px; font-size: 36px; line-height: 40px; }

.blog_single .container { max-width: 90%; }

.blog_single .category { display: inline-block; margin-right: 15px; margin-bottom: 12px; padding: 4px 0 6px 0; color: #545454; }

.blog_single .blog-categories { display: inline-block; text-align: left; }

.blog_single .blog-categories .blog-label { display: inline-block; position: relative; width: auto; margin: 5px; padding: 11px 10px 9px 10px; border-radius: 5px; font-size: 14px; white-space: nowrap; cursor: pointer; border: 2px solid #D4D4D3; color: #868686; font-weight: bold; }

.blog_single .categories-title { text-align: left; margin-bottom: 15px; font-size: 14px; font-weight: bold; }

@media screen and (max-width: 767px) { .blog_single iframe { width: 100%; } }

@media screen and (max-width: 1023px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header.blog-single { margin-top: 50px; min-height: 500px; } }

.the-sidebar { margin-top: 30px; display: -ms-grid; display: grid; }

.the-sidebar .blog-categories { display: block; margin: 0 10px 20px 5px; float: left; text-align: left; width: 100%; clear: both; }

.the-sidebar .blog-categories .label { display: inline-block; position: relative; width: auto; margin: 5px; padding: 11px 10px 9px 38px; border-radius: 5px; font-size: 14px; white-space: nowrap; color: #4A4A4A; cursor: pointer; border: 2px solid #8ABE4F; }

.the-sidebar .blog-categories .label.checked { background-color: #8ABE4F; color: #FFF; }

.the-sidebar .blog-categories .category { display: inline-block; margin-right: 15px; margin-bottom: 12px; padding: 4px 0 6px 0; }

.the-sidebar .categories-title { text-align: left; margin-left: 10px; font-size: 14px; font-weight: bold; }

.the-sidebar input[type="submit"] { background: #FF7700; border-radius: 25px; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 700; padding: 6px 44px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.8px; line-height: 22px; color: #FFFFFF; outline: 0; position: relative; text-align: center; transition: all 0.3s ease-in; min-height: 28px; z-index: 1; }

.the-sidebar input[type="submit"]:hover { color: #FF7700; }

.the-sidebar form { margin-top: 15px; padding-left: 10px; }

.the-sidebar form p { text-align: left; }

.the-sidebar .blog-single-cats { text-align: left; margin-left: 14px; margin-bottom: 15px; }

.the-sidebar .blog-single-cats .category { display: inline-block; margin-right: 15px; margin-bottom: 12px; padding: 4px 0 6px 0; color: #545454; }

.the-sidebar .blog-single-cats .blog-categories { display: inline-block; text-align: left; margin-bottom: 10px; line-height: 28px; }

.the-sidebar .blog-single-cats .blog-categories.left { float: left; }

.the-sidebar .blog-single-cats .blog-categories.left .spacer { width: 100%; margin: 0 0 12px 0; line-height: 20px; }

.the-sidebar .blog-single-cats .blog-categories .cat-link { margin-left: 12px; display: block; font-size: 16px; color: #4A4A4A; }

.the-sidebar .blog-single-cats .blog-categories .blog-label { display: inline-block; position: relative; width: auto; margin: 5px; padding: 11px 10px 9px 10px; border-radius: 5px; font-size: 14px; white-space: nowrap; cursor: pointer; border: 2px solid #D4D4D3; color: #868686; font-weight: bold; }

.the-sidebar .blog-single-cats .categories-title { text-align: left; margin-bottom: 15px; margin-left: 10px; font-size: 28px; color: #0084C3; font-weight: normal; font-family: "Source Sans Pro", sans-serif; }

@media screen and (min-width: 1054px) { .the-sidebar .blog-teaser { padding: 76px 20px 46px 12px; }
  .the-sidebar .blog-teaser article { padding-left: 0px; } }

.the-sidebar .application_button { background: #FFF; padding: 20px 0 24px; text-align: center; margin: 0 0 10px 13px; }

.the-sidebar .application_button .cont-block { padding-left: 15px; padding-right: 15px; }

.the-sidebar .application_button .cont-block p { text-align: left; }

@media screen and (max-width: 1054px) { .the-sidebar .application_button .cont-block p img { display: block; text-align: center; margin: 0 auto 10px auto; } }

@media screen and (min-width: 1054px) { .the-sidebar .application_button .cont-block { text-align: left; padding-right: 25px; } }

.the-sidebar .application_button .text-wrapper p { color: #0084C3; }

.the-sidebar .application_button .text-wrapper p a { color: #FF7700; }

.the-sidebar .application_button .btn { min-width: 250px; margin-bottom: 14px; margin-left: 13px; margin-right: 25px; }

@media screen and (min-width: 1054px) { .the-sidebar .application_button .btn { display: block; } }

.the-sidebar section.application_button.Light { background: #E0F5FF; }

.the-sidebar section.application_button.Dark { background: #0084C3; }

.the-sidebar section.application_button.Dark h1, .the-sidebar section.application_button.Dark h2, .the-sidebar section.application_button.Dark h3, .the-sidebar section.application_button.Dark h4, .the-sidebar section.application_button.Dark h5, .the-sidebar section.application_button.Dark h6 { color: #FFF; }

.the-sidebar section.application_button.Dark h1 a, .the-sidebar section.application_button.Dark h2 a, .the-sidebar section.application_button.Dark h3 a, .the-sidebar section.application_button.Dark h4 a, .the-sidebar section.application_button.Dark h5 a, .the-sidebar section.application_button.Dark h6 a { color: #89D549; }

.the-sidebar section.application_button.Dark .cont-block { color: #FFFFFF; padding: 0 20px; }

.the-sidebar section.application_button.Dark h2, .the-sidebar section.application_button.Dark .text-wrapper p { color: #FFF; }

.the-sidebar section.application_button.Dark h2 a, .the-sidebar section.application_button.Dark .text-wrapper p a { color: #89D549; }

.the-sidebar section.application_button.Dark ul, .the-sidebar section.application_button.Dark ol { text-align: left; margin: 15px 40px; list-style: unset; }

.blog-btn { border-radius: 25px; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.8px; line-height: 18px; outline: 0; position: relative; text-align: center; transition: all 0.3s ease-in; width: 180px; z-index: 1; cursor: pointer; border: 2px solid #FF7700; border-radius: 25px; color: #FFFFFF; background: #FF7700; padding: 10px 20px; margin-bottom: 10px; text-transform: uppercase; transition: 0.09s ease-in; display: inline-block; }

.blog-btn:hover { color: #FF7700; background: #FFFFFF; }

.load_more.navigation { margin: 0 auto; }

.blog-teaser { font-family: "geneva", Tahoma, Verdana, sans-serif; padding: 76px 20px 46px 20px; text-align: center; }

.blog-teaser * { box-sizing: border-box; }

.blog-teaser main { max-width: 1200px; margin: 0 auto; width: 100%; display: -ms-grid; display: grid; /* Define Auto Row size */ grid-auto-rows: 380px; /*Define our columns */ -ms-grid-columns: (minmax(300px, 1fr))[auto-fill]; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 1em; }

.blog-teaser article { padding: 20px; color: #fff; height: 100%; line-height: 10px; }

.blog-teaser article h6 { text-align: left; }

.blog-teaser img { width: 100%; height: auto; border-radius: 8px; }

.blog-teaser h2 { color: #0084C3; margin-bottom: 28px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 26px; line-height: 40px; letter-spacing: 1.14px; }

.blog-teaser .btn { min-width: 300px; font-weight: 100; margin-top: 60px; margin-bottom: 24px; }

.blog-teaser section.application_button.Dark { background: #0084C3; }

.blog-teaser p { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.blog-teaser .date { font-size: 12px; color: #B4BEC2; margin: 18px 0 12px 0; width: 100%; text-align: left; }

.blog-teaser article:nth-child(odd) { background-color: #FFF; }

.blog-teaser article:nth-child(even) { background-color: #FFF; }

.blog-teaser h6 > a { font-size: 18px; color: #4A4A4A; font-weight: 100; line-height: 20px; margin: 12px 0; }

.blog-teaser .image-wrapper { max-height: 200px; overflow: hidden; }

.blog-teaser .hr { width: 100%; height: 24px; }

.blog-teaser .readmore { margin: 13px 0; display: block; position: absolute; }

.blog-teaser .readmore a { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.blog-teaser hr { height: 4px; width: 54px; color: #71BF2F; background-color: #71BF2F; float: left; text-align: left; margin: 0; }

.blog-teaser .wrapper { height: 30px; overflow: hidden; text-align: left; }

.blog-teaser .wrapper a { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.blog-teaser .navigation { width: 100%; text-align: center; }

section.blog-teaser.Dark { background: #0084C3; }

section.blog-teaser.Dark h1, section.blog-teaser.Dark h2, section.blog-teaser.Dark h3, section.blog-teaser.Dark h4, section.blog-teaser.Dark h5, section.blog-teaser.Dark h6 { color: #FFF; }

section.blog-teaser.Dark article { border-radius: 30px; min-height: 405px; margin-top: 10px; }

section.blog-teaser.Dark .btn { margin-top: 75px; }

.news { font-family: "geneva", Tahoma, Verdana, sans-serif; }

.news::before { content: ''; background: url("../images/content-bg-blue.png") repeat; position: absolute; right: auto; left: 0; top: 6%; width: 65%; height: 80%; max-height: 1200px; -webkit-clip-path: polygon(0 25%, 91% 0, 82% 100%, 0% 100%); clip-path: polygon(0 25%, 91% 0, 82% 100%, 0% 100%); z-index: -10; }

@media (max-width: 479px) { .news::before { background: none; } }

.news * { box-sizing: border-box; }

.news .column { float: left; width: 33.33%; padding: 10px; }

.news .row:after { content: ""; display: table; clear: both; }

@media screen and (max-width: 768px) { .news .column { width: 100%; margin-top: -50px; } }

.news main { max-width: 1200px; margin: 30px auto; padding: 0 20px; width: 100%; }

.news article { padding: 20px; color: #fff; height: 100%; line-height: 10px; }

.news img { width: 100%; height: auto; border-radius: 5px; }

.news p { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.news .date { font-size: 12px; color: #B4BEC2; margin: 18px 0 12px 0; width: 100%; text-align: left; }

.news .subheading { font-size: 12px; color: #4A4A4A; margin: 18px 0 12px 0; line-height: 16px; width: 100%; text-align: left; }

.news .readmore { margin: 10px 0; text-align: left; }

.news article:nth-child(odd) { background-color: #FFF; /*box-shadow: 0 5px 15px 5px #4874a1;*/ box-shadow: 0px 2px 39px 0 #d1d1d1; margin: 30px 10px; border-top: 4px solid #0084C3; }

.news article:nth-child(even) { background-color: #FFF; box-shadow: 0px 2px 39px 0 #d1d1d1; margin: 30px 10px; border-top: 4px solid #0084C3; }

.news article h6 { text-align: left; }

.news h6 > a { font-size: 32px; color: #009fdb; font-weight: 100; line-height: 40px; margin: 12px 0; }

.news .image-wrapper { max-height: 200px; overflow: hidden; }

.news .hr { width: 100%; height: 24px; }

.news hr { height: 4px; width: 54px; color: #0084C3; background-color: #0084C3; float: left; text-align: left; margin: 0; }

.news .wrapper p { text-align: left; }

.news .wrapper a { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.news .navigation { width: 100%; text-align: center; }

.news-teaser { font-family: "geneva", Tahoma, Verdana, sans-serif; text-align: center; padding: 76px 0 46px; }

.news-teaser::before { content: ''; background: url("../images/content-bg-blue.png") repeat; position: absolute; right: auto; left: 0; top: 25%; width: 65%; height: 72%; max-height: 1200px; -webkit-clip-path: polygon(0 20%, 91% 0, 75% 75%, 0% 100%); clip-path: polygon(0 20%, 91% 0, 75% 75%, 0% 100%); z-index: -10; }

@media (max-width: 479px) { .news-teaser::before { background: none; } }

.news-teaser * { box-sizing: border-box; }

.news-teaser .column { float: left; width: 33.33%; padding: 10px; }

.news-teaser .row:after { content: ""; display: table; clear: both; }

.news-teaser h2 { color: #0084C3; margin-bottom: 28px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 26px; line-height: 40px; letter-spacing: 1.14px; }

@media screen and (max-width: 768px) { .news-teaser .column { width: 100%; margin-top: -50px; } }

.news-teaser main { max-width: 1200px; margin: 30px auto; padding: 0 20px; width: 100%; }

.news-teaser article { padding: 20px; color: #fff; height: 100%; line-height: 10px; }

.news-teaser img { width: 100%; height: auto; border-radius: 5px; }

.news-teaser p { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.news-teaser .date { font-size: 12px; color: #B4BEC2; margin: 18px 0 12px 0; width: 100%; text-align: left; }

.news-teaser .subheading { font-size: 12px; color: #4A4A4A; margin: 18px 0 12px 0; line-height: 16px; width: 100%; text-align: left; }

.news-teaser .readmore { margin: 10px 0; text-align: left; }

.news-teaser article:nth-child(odd) { background-color: #FFF; /*box-shadow: 0 5px 15px 5px #4874a1;*/ box-shadow: 0px 2px 39px 0 #d1d1d1; margin: 30px 10px; border-top: 4px solid #0084C3; }

.news-teaser article:nth-child(even) { background-color: #FFF; box-shadow: 0px 2px 39px 0 #d1d1d1; margin: 30px 10px; border-top: 4px solid #0084C3; }

.news-teaser article h6 { text-align: left; }

.news-teaser h6 > a { font-size: 32px; color: #009fdb; font-weight: 100; line-height: 40px; margin: 12px 0; }

.news-teaser .image-wrapper { max-height: 200px; overflow: hidden; }

.news-teaser .hr { width: 100%; height: 24px; }

.news-teaser hr { height: 4px; width: 54px; color: #0084C3; background-color: #0084C3; float: left; text-align: left; margin: 0; }

.news-teaser .wrapper p { text-align: left; }

.news-teaser .wrapper a { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.news-teaser .navigation { width: 100%; text-align: center; }

section.news-teaser.Dark { background: #0084C3; }

section.news-teaser.Dark h1, section.news-teaser.Dark h2, section.news-teaser.Dark h3, section.news-teaser.Dark h4, section.news-teaser.Dark h5, section.news-teaser.Dark h6 { color: #FFF; }

.page_header { font-family: "geneva", Tahoma, Verdana, sans-serif; margin-bottom: 40px; position: relative; width: 100%; }

@media (max-width: 479px) { .page_header { margin-bottom: 15px; } }

.page_header .flex-content .flex-content--wrapper .flex-content--item.left { margin-left: -100px; margin-right: 0px; }

.page_header .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text { padding-left: 50px; }

.page_header .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text .text-wrapper { background: transparent; box-shadow: none; border-radius: none; }

@media (min-width: 480px) { .page_header .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-text { margin-left: 4%; } }

@media (max-width: 767px) { .page_header .flex-content.flex-content--text-and-image .flex-content--item-image { margin-left: -5%; } }

@media (min-width: 768px) { .page_header .text-wrapper--heading { max-width: 75%; margin: 0 auto; padding: 0; }
  .page_header .text-wrapper--heading h2 { margin-bottom: 17px; }
  .page_header .text-wrapper--heading p { line-height: 20px; } }

@media (max-width: 767px) { .page_header::before { width: 100%; top: -10%; -webkit-clip-path: none; clip-path: none; height: 200%; }
  .page_header h2 { line-height: 37px; }
  .page_header .grouped-btns.horizontal .btn:first-of-type { margin-left: 0; }
  .page_header .hero-img { transform: none; -webkit-transform: none; height: 350px; border-radius: 0; }
  .page_header #myelement:before { content: ""; position: absolute; border-radius: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transform: none; }
  .page_header .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image .img-wrapper { border-radius: 0; }
  .page_header .flex-content.container.flex-content--text-and-image .flex-content--wrapper .flex-content--item.flex-content--item-image.hero-img { margin-left: auto; margin-right: auto; text-align: center; } }

.page_header .hero-img { transform: rotate(37deg); height: 420px; width: 420px; border-radius: 90px; margin-left: 0; margin-top: 75px; z-index: -4; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; position: relative; }

.page_header .flex-content--item.vertical-center { padding-right: 60px; }

.page_header .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image .img-wrapper { background: none; border-radius: 90px; }

.page_header .flex-content.in-view .flex-content--wrapper .flex-content--item-image::before, .page_header .flex-content.in-view .flex-content--wrapper .flex-content--item-image::after { border-radius: 90px; }

.page_header #myelement { position: relative; overflow: hidden; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }

.page_header #myelement:before { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); content: ""; position: absolute; border-radius: 90px; width: 130%; height: 125%; top: -13%; left: -16%; z-index: -1; transform: rotate(-37deg); }

.page_header .flex-content.container.flex-content--text-and-image .flex-content--wrapper .flex-content--item.flex-content--item-image.hero-img { transform: rotate(37deg); height: 420px; width: 420px; border-radius: 90px; }

@media (max-width: 479px) { .page_header .hero-img { transform: rotate(0deg); border-radius: 0; }
  .page_header #myelement:before { content: ""; position: absolute; border-radius: 0; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transform: rotate(0deg); }
  .page_header .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image .img-wrapper { border-radius: 0; }
  .page_header .flex-content.container.flex-content--text-and-image .flex-content--wrapper .flex-content--item.flex-content--item-image.hero-img { transform: rotate(0deg); width: 100%; max-height: 360px; }
  .page_header .flex-content.in-view .flex-content--wrapper .flex-content--item-image.hero-img::before, .page_header .flex-content.in-view .flex-content--wrapper .flex-content--item-image.hero-img::after { display: none; } }

.page_header .video-overlay { display: none; }

.page_header .video-button { position: absolute; top: 52%; left: 71%; cursor: pointer; }

.page_header .video-button img { opacity: .88; }

.page_header .video-button img:hover { opacity: 1; }

@media (min-width: 480px) and (max-width: 767px) { .page_header .video-button { top: 72%; left: 46%; } }

@media (max-width: 479px) { .page_header .video-button { top: 27%; left: 44%; } }

.cards { font-family: "geneva", Tahoma, Verdana, sans-serif; }

.cards::before { content: ''; background: url("../images/content-bg-blue.png") repeat; position: absolute; right: auto; left: 0; top: 10%; width: 65%; height: 80%; max-height: 1200px; -webkit-clip-path: polygon(0 25%, 91% 0, 82% 100%, 0% 100%); clip-path: polygon(0 25%, 91% 0, 82% 100%, 0% 100%); z-index: -10; }

@media (max-width: 479px) { .cards::before { background: none; } }

.cards * { box-sizing: border-box; }

.cards h2 { color: #0084C3; font-size: 30px; margin-bottom: 14px; }

.cards .column { float: left; width: 33.33%; padding: 0 12px; margin: -10px 0; }

.cards .row:after { content: ""; display: table; clear: both; }

@media screen and (max-width: 767px) { .cards .column { width: 100%; } }

.cards main { max-width: 1200px; margin: 30px auto; padding: 0 20px; width: 100%; }

.cards article { padding: 20px; color: #fff; height: 100%; line-height: 10px; }

.cards img { width: 100%; height: auto; border-radius: 5px; }

.cards p { color: #4A4A4A; font-size: 16px; font-weight: 100; letter-spacing: 0; margin-bottom: 15px; line-height: 150%; }

.cards .date { font-size: 12px; color: #B4BEC2; margin: 18px 0 12px 0; width: 100%; }

.cards .subheading { font-size: 12px; color: #4A4A4A; margin: 18px 0 12px 0; line-height: 16px; width: 100%; }

.cards article:nth-child(odd) { background-color: #FFF; /*box-shadow: 0 5px 15px 5px #4874a1;*/ box-shadow: 0px 2px 39px 0 #d1d1d1; margin: 30px 10px; border-top: 4px solid #0084C3; }

.cards article:nth-child(even) { background-color: #FFF; box-shadow: 0px 2px 39px 0 #d1d1d1; margin: 30px 10px; border-top: 4px solid #0084C3; }

.cards h6 > a { font-size: 32px; color: #009fdb; font-weight: 100; line-height: 40px; margin: 12px 0; }

.cards .image-wrapper img { height: 70px; width: auto; margin: 10px 0 20px 0; max-width: 100%; }

.cards .hr { width: 100%; height: 24px; }

.cards hr { height: 4px; width: 54px; color: #0084C3; background-color: #0084C3; float: left; text-align: left; margin: 0; }

.cards .wrapper a { color: #4A4A4A; line-height: 16px; font-size: 12px; }

.cards .navigation { width: 100%; text-align: center; }

.register { padding-bottom: 40px; margin: -110px 0 40px 0; position: relative; background: #0084C3; }

.register h1, .register h2, .register h3, .register h4, .register h5, .register h6 { font-weight: 100; color: white; }

.register .btn { width: 266px; margin: 40px auto; }

.register .register-wrapper { padding-top: 200px; }

.register .form { margin-top: 50px; }

.register .register-title { padding: 40px 25px; border: 1px solid #FFF; border-radius: 25px; margin-top: 0; }

@media (max-width: 479px) { .register .container { width: 90%; margin: 0 20px; } }

.register label { clear: none; float: left; margin-right: 30px; color: #B4BEC2; text-transform: uppercase; font-size: smaller; }

@media (min-width: 768px) { .register .text-wrapper--heading { max-width: 75%; margin: 0 auto; padding: 0; }
  .register .text-wrapper--heading h2 { margin-bottom: 17px; }
  .register .text-wrapper--heading p { line-height: 20px; } }

@media (max-width: 767px) { .register::before { width: 100%; top: -10%; -webkit-clip-path: none; clip-path: none; height: 200%; }
  .register h2 { line-height: 37px; }
  .register .grouped-btns.horizontal .btn:first-of-type { margin-right: 0; margin-bottom: 20px; } }

.register { background: #0084C3; }

.register .flex-content .flex-content--wrapper .flex-content--item { display: block; }

.register h2 > p.p1 { font-weight: 100; text-align: center; margin: 30px auto; clear: both; width: 100%; color: #4A4A4A; }

.register h2 { font-weight: 100; text-align: center; margin: 30px auto; clear: both; width: 100%; color: #4A4A4A; }

.register .form-wrapper { margin: 40px 40px 50px 40px; text-align: center; }

.register .form-wrapper h3 { margin: 40px 10px; padding: 20px 10px; line-height: 40px; color: #4A4A4A; }

@media (max-width: 479px) { .register .form-wrapper h3 { font-size: 20px; margin: 10px; } }

.register .form-elements { max-width: 600px; margin: 0 auto 30px auto; padding-bottom: 30px; }

.register .form-elements fieldset { border: none; }

.register .form-elements input.button { border-radius: 25px; display: inline-block; font-family: "Source Sans Pro", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.8px; line-height: 18px; outline: 0; overflow: hidden; position: relative; text-align: center; transition: all 0.3s ease-in; width: 236px; z-index: 1; margin-right: 10px; max-width: 200px; background: #FF7700; padding: 7px 0; color: #FFFFFF; display: block; padding: 10px 20px; text-transform: uppercase; transition: 0.09s ease-in; margin: 24px auto; }

.register .form-elements input.button:hover { color: #FF7700; background: #FFF; }

.register .form { background: white; border-radius: 40px; box-shadow: 0 5px 15px 5px #4874a1; }

.register .form p { width: 42%; clear: none; float: left; margin-right: 30px; color: #B4BEC2; text-transform: uppercase; font-size: smaller; }

.register .form p .your-message { width: 100%; }

.register .register { border: 1px solid #FFF; border-radius: 25px; margin-right: 40px; margin-top: 0; color: #FFF; height: 100%; }

.register .register .lightgray { color: #B4BEC2; }

.register .register h4 { color: #FFF; font-weight: 100; }

.register .flex-content .flex-content--wrapper .flex-content--item { margin-top: 0; }

section.sitesearch { max-width: 760px; margin: 50px 20px 50px 80px; padding: 0 20px; width: 100%; text-align: left; }

@media screen and (max-width: 1023px) { section.sitesearch { margin-left: 0; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } }

section.sitesearch :-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #4A4A4A; opacity: 1; /* Firefox */ }

section.sitesearch ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #4A4A4A; opacity: 1; /* Firefox */ }

section.sitesearch :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #4A4A4A; }

section.sitesearch ::-ms-input-placeholder { /* Microsoft Edge */ color: #4A4A4A; }

section.sitesearch .btn { margin-top: -10px; }

section.sitesearch article { padding: 10px; color: #fff; height: 100%; line-height: 10px; max-width: 800px; margin-top: 25px; margin-bottom: 10px; }

section.sitesearch .fa-search.general { position: relative; width: 80px; height: 80px; z-index: 10003; display: block; cursor: pointer; text-align: center; top: -68px; font-size: 18px; line-height: 80px; }

section.sitesearch h2, section.sitesearch h2 a { color: #0084C3; font-size: 24px; letter-spacing: 2.93px; line-height: 31px; margin: 10px 0 7px; font-family: "Source Sans Pro", sans-serif; font-weight: 700; }

section.sitesearch hr { max-width: 780px; margin-left: 6px; color: #FFF; background-color: #FFF; border-color: #FFF; border: 1px solid #EFEFEF; }

section.sitesearch h5 { margin-bottom: 10px; color: #4A4A4A; }

section.sitesearch h6 { color: #B4BEC2; font-size: 16px; }

section.sitesearch img { width: 100%; height: auto; border-radius: 5px; }

section.sitesearch p, section.sitesearch .entry-summary, section.sitesearch .entry-summary p { color: #4A4A4A; line-height: 16px; font-size: 14px; line-height: 18px; font-family: "geneva", Tahoma, Verdana, sans-serif; }

.search, .search.general { margin-left: 30px; margin-right: -20px; margin-top: 5px; font-size: 18px; cursor: pointer; }

@media screen and (max-width: 767px) { .search, .search.general { margin-left: 5px; margin-right: 10px; } }

.search-box { width: 450px; height: 100px; position: relative; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #4A4A4A; }

::-moz-placeholder { /* Firefox 19+ */ color: #4A4A4A; }

:-ms-input-placeholder { /* IE 10+ */ color: #4A4A4A; }

:-moz-placeholder { /* Firefox 18- */ color: #4A4A4A; }

.search-header-icon { position: absolute; width: 80px; height: 80px; z-index: 10003; cursor: pointer; text-align: center; top: 40%; line-height: 80px; }

@media screen and (max-width: 420px) { .search-header-icon { margin-left: -16px; } }

@media screen and (max-width: 350px) { .search-header-icon { margin-left: -44px; width: 70px; font-size: 16px; } }

.search-form.active, .search-form.general { display: block; }

.search-form.general { max-height: 86px; }

.search.active { margin-top: -23px; margin-left: -70px; top: 32px; font-size: 24px; width: 100%; left: 5%; right: 2%; position: absolute; max-width: 1200px; cursor: pointer; background: #FFF; }

input[type=search] { display: none; box-sizing: border-box; width: 0px; height: 63px; font-size: 18px; background: #FFF; border-radius: 10px; padding: 12px 25px 5px 25px; width: 100%; position: relative; border: none; outline: none; border-bottom: 1px solid transparent; margin: 0 0 30px 0; /*display: none !important;*/ font-size: 14px; box-shadow: none !important; color: #4A4A4A; transition: all 0.5s ease; }

input[type=search].search-field-general { box-sizing: border-box; width: 0px; height: 63px; font-size: 18px; background: #FFF; border-radius: 10px; padding: 12px 25px 5px 25px; width: 100%; position: relative; border: none; outline: none; border-bottom: 1px solid transparent; margin: 0 0 30px 0; /*display: none !important;*/ font-size: 14px; box-shadow: none !important; color: #4A4A4A; display: block; background: #EFEFEF; padding: 12px 25px 5px 65px; width: 100%; max-width: 800px; position: relative; border: 1px solid #EDEDED; margin: 3px 0 0 12px; /*display: none !important;*/ font-size: 18px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1) !important; }

input[type=search].active { display: block; background: #EFEFEF; padding: 12px 25px 5px 65px; width: 100%; position: relative; border: 1px solid #EDEDED; margin: 3px 0 0 12px; /*display: none !important;*/ font-size: 19px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1) !important; z-index: 10002; transition: all 0.5s ease; }

input[type="submit"] { display: none; }

.search-close-btn { display: none; width: 30px; position: absolute; right: -55px; top: 19px; z-index: 10004; cursor: pointer; }

.lighten { -webkit-text-stroke: 4px white; line-height: 32px; font-size: 36px; }

.search-form-header { width: 96%; }

.entry-summary { color: #4A4A4A; }

@media screen and (max-width: 1023px) { input[type=search].active { height: 43px; padding: 12px 25px 5px 65px; margin: -3px 0 0 40px; }
  .search-header-icon, .fa-search.general { top: 33%; }
  .search-header-icon.active, .fa-search.general { top: 22%; }
  .search-close-btn { top: 2px; } }

section.category { max-width: 1223px; padding: 0 20px; width: 100%; text-align: left; color: #4A4A4A; }

section.category h1, section.category h2, section.category h3, section.category h4, section.category h5, section.category h6 { color: #4A4A4A; }

section.category h3 { margin-bottom: 10px; margin-top: 10px; }

section.category h1 { margin: 60px 0 0 10px; color: #4A4A4A; font-size: 40px; }

section.category .posted-on { font-size: 14px; }

section.category time { display: none; }

section.category time:first-of-type { display: inline-block; padding-bottom: 20px; padding-top: 10px; }

section.category .btn { margin-top: -10px; }

section.category .row { margin-right: 25px; }

@media screen and (min-width: 480px) { section.category .row { margin-left: 50px; margin-right: 50px; } }

section.category ul { all: unset; margin: 10px 0 25px 20px; }

section.category ul li { margin: 10px 0 10px 40px; font-size: 14px; line-height: 18px; }

section.category article { padding: 10px; height: 100%; line-height: 10px; max-width: 100%; margin-top: 25px; margin-bottom: 10px; }

section.category h2, section.category h2 a { color: #0084C3; font-size: 24px; letter-spacing: 2.93px; line-height: 31px; margin: 10px 0 7px; font-family: "Source Sans Pro", sans-serif; font-weight: 700; }

section.category hr { max-width: 780px; margin-left: 6px; color: #FFF; background-color: #FFF; border-color: #FFF; border: 1px solid #EFEFEF; }

section.category h5 { margin-bottom: 10px; color: #4A4A4A; }

section.category h6 { color: #B4BEC2; font-size: 16px; }

section.category img { width: 100%; height: auto; border-radius: 5px; }

section.category p, section.category .entry-summary, section.category .entry-summary p { color: #4A4A4A; line-height: 16px; font-size: 14px; line-height: 18px; font-family: "geneva", Tahoma, Verdana, sans-serif; }

.lighten { -webkit-text-stroke: 4px white; line-height: 32px; font-size: 36px; }

.entry-summary { color: #4A4A4A; }

.password-reset { margin-bottom: 60px; margin-top: -150px; position: relative; }

.password-reset input[type="submit"] { border-radius: 25px; display: block; border: 2px solid #FF7700; font-family: "Source Sans Pro", sans-serif; font-size: 14px; letter-spacing: 0.8px; line-height: 18px; outline: 0; overflow: hidden; position: relative; text-align: center; color: #FFFFFF; text-transform: uppercase; transition: all 0.3s ease-in; width: 236px; z-index: 1; margin: 10px auto; padding: 10px 20px; max-width: 170px; background: #FF7700; }

@media (max-width: 479px) { .password-reset input[type="submit"] { margin: 10px 0; } }

.password-reset input[type="submit"]:hover { color: #FF7700; background: #FFFFFF; border: 2px solid #FF7700; }

.password-reset .wpum-action-links a { color: #FF7700; }

.password-reset .fieldset-username_email { margin-top: 20px; }

.password-reset .wpum-action-links { margin-top: 3em; }

.password-reset h2 { font-weight: 100; }

.password-reset .flex-content--item { margin-top: 20px; }

.password-reset .flex-content .flex-content--wrapper { padding-top: 170px; }

.password-reset .text-wrapper { margin-top: 10px; }

.password-reset .flex-content .flex-content--wrapper .flex-content--item.left { margin-left: -100px; margin-right: 100px; }

@media (min-width: 768px) { .password-reset .text-wrapper--heading { max-width: 75%; margin: 0 auto; padding: 0; }
  .password-reset .text-wrapper--heading h2 { margin-bottom: 17px; }
  .password-reset .text-wrapper--heading p { line-height: 20px; } }

@media (max-width: 767px) { .password-reset::before { width: 100%; top: -10%; -webkit-clip-path: none; clip-path: none; height: 200%; }
  .password-reset h2 { line-height: 37px; }
  .password-reset .grouped-btns.horizontal .btn:first-of-type { margin-right: 0; margin-bottom: 20px; } }

.password-reset { background: #0084C3; }

.password-reset .flex-content .flex-content--wrapper .flex-content--item { display: block; }

.password-reset h2 > p.p1 { font-weight: 100; text-align: center; margin: 30px auto; clear: both; width: 100%; color: #4A4A4A; }

.password-reset h2 { font-weight: 100; text-align: center; margin: 30px auto; clear: both; width: 100%; color: #4A4A4A; }

.password-reset .form-wrapper { margin-top: 30px; }

.password-reset .contact { border: 1px solid #FFF; border-radius: 25px; margin: 35px 40px 150px 0px; box-shadow: 0 2px 5px 2px #4874a1; background: #FFFFFF; color: #4A4A4A; height: 100%; }

@media (max-width: 479px) { .password-reset .contact { margin-left: 10px; max-width: 94%; } }

.password-reset .contact .lightgray { color: #B4BEC2; }

.password-reset .contact .contact-wrapper { padding: 15px; margin: 10px; }

.password-reset .contact h4 { color: #FFF; font-weight: 100; }

@media (max-width: 479px) { .password-reset .wpum-form fieldset input.input-email, .wpum-form fieldset input.input-text, .wpum-form fieldset select, .wpum-form fieldset textarea { width: 92%; } }

.grid { position: relative; font-family: "geneva", Tahoma, Verdana, sans-serif; margin-bottom: 15px; padding: 40px; /*@include pattern(polygon(0 25%, 91% 0, 82% 85%, 0% 100%), -14%, 72%, 120%, -28%, auto);*/ }

.grid h2 { margin-bottom: 40px; font-weight: 100; font-family: "geneva", Tahoma, Verdana, sans-serif; font-size: 26px; line-height: 40px; letter-spacing: 1.14px; color: #4A4A4A; }

.grid .heading { color: #4A4A4A; width: 100%; margin-top: 50px; clear: both; text-align: center; font-size: 36px; margin-bottom: 0px; line-height: 40px; }

.grid .container { width: 1066px; }

@media (min-width: 480px) { .grid .container.in-view::before { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -2; animation: rotate-in 0.9s ease-in-out both; animation-delay: 0.2s; }
  .grid .container.in-view::after { content: ''; background: #71BF2F; background-size: cover; display: block; position: absolute; top: 0%; right: 0%; left: 0%; bottom: 0%; border-radius: 40px; z-index: -3; animation: rotate-in2 0.9s ease-in-out both; animation-delay: 0.4s; }
  @keyframes rotate-in { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(2deg);
      opacity: 0.25; } }
  @keyframes rotate-in2 { 0% { transform: rotate(0);
      opacity: 0; }
    100% { transform: rotate(4deg);
      opacity: 0.25; } } }

.grid .disclaimer { color: #4A4A4A; margin-top: -20px; }

.grid .disclaimer p { color: #4A4A4A; }

.grid .flex-content { display: block; padding: 0; position: relative; border-radius: 24px; padding-bottom: 0; box-shadow: 0px 2px 39px 0 #d1d1d1; }

@media (max-width: 767px) { .grid .flex-content { display: none; } }

.grid .flex-content .flex-content--wrapper { padding: 0; }

.grid .flex-content .flex-content--wrapper .flex-content--item { display: block; background-color: #FFFFFF; margin-right: 0; margin-left: 0; margin-bottom: 0; text-align: center; color: #0084C3; /*-webkit-box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.1);*/ }

.grid .flex-content .flex-content--wrapper .flex-content--item:last-of-type { border-top-right-radius: 25px; border-bottom-right-radius: 25px; }

.grid .flex-content .flex-content--wrapper .flex-content--item .title { text-transform: uppercase; text-align: center; font-size: 20px; font-weight: 100; }

.grid .flex-content .flex-content--wrapper .flex-content--item .cell { height: 7em; display: table; width: 100%; border-bottom: 1px solid rgba(216, 215, 215, 0.7); }

.grid .flex-content .flex-content--wrapper .flex-content--item .cell:last-of-type { border-bottom: none; }

.grid .flex-content .flex-content--wrapper .flex-content--item .cell .inner { display: table-cell; vertical-align: middle; text-align: center; padding-left: 2em; padding-right: 2em; font-size: 20px; }

.grid .flex-content .flex-content--wrapper .flex-content--item .cell .inner img { max-height: 60%; vertical-align: middle; }

.grid .flex-content .flex-content--wrapper .flex-content--item .cell .inner img.check { max-height: 40%; }

.grid .flex-content .flex-content--wrapper .flex-content--item .cell .inner.header-image { padding-left: 0; padding-right: 0; }

.grid .flex-content .flex-content--wrapper .flex-content--item .cell .inner.header-image img { max-width: 60%; }

.grid .flex-content .flex-content--wrapper .flex-content--item:first-of-type { background-color: #0084C3; border-top-left-radius: 25px; border-bottom-left-radius: 25px; color: #FFFFFF; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset -2px 0px 2px 0px rgba(0, 0, 0, 0.17); }

.grid .flex-content .flex-content--wrapper .flex-content--item:first-of-type .cell .inner { text-align: left; font-size: 12px; line-height: 16px; }

.grid .flex-content .flex-content--wrapper .flex-content--item:nth-child(even) { background-color: #F5F4F4; }

.grid .flex-content-mobile { display: none; padding: 0; position: relative; border-radius: 24px; padding-bottom: 0; box-shadow: 0px 2px 39px 0 #d1d1d1; margin-bottom: 40px; }

@media (max-width: 767px) { .grid .flex-content-mobile { display: block; } }

.grid .flex-content-mobile .flex-content--wrapper { padding: 0; }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile { display: block; background-color: #FFFFFF; margin-right: 0; margin-left: 0; margin-bottom: 0; text-align: center; color: #0084C3; /*-webkit-box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.1);*/ }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile:first-of-type { border-top-right-radius: 25px; border-top-left-radius: 25px; }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile:last-of-type { border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .title { text-transform: uppercase; text-align: center; font-size: 20px; font-weight: 100; }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell { display: table; width: 100%; border-bottom: 1px solid rgba(216, 215, 215, 0.7); }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell:last-of-type, .grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell:nth-last-child(2) { border-bottom: none; }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell .inner { display: table-cell; text-align: center; padding-left: 2em; padding-right: 2em; padding-top: 1em; padding-bottom: 1em; font-size: 20px; }

@media (max-width: 400px) { .grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell .inner { padding-left: 1em; padding-right: 1em; padding-bottom: 1.4em; } }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell .inner.answer { padding-left: 50%; margin-top: 0; }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell .inner img { max-height: 60%; vertical-align: middle; height: inherit; }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell .inner img.check { max-height: 40%; }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell.divided { width: 50%; display: inline-block; }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell.question { background-color: #0084C3; color: #FFFFFF; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset -2px 0px 2px 0px rgba(0, 0, 0, 0.17); }

.grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell.question.first { border-top-left-radius: 25px; border-top-right-radius: 25px; }

.grid .text-wrapper h5 { border-bottom: 1px solid rgba(250, 250, 250, 0.3); margin-bottom: 18px; margin-top: 20px; padding-bottom: 10px; }

.grid .text-wrapper p { font-size: 14px; line-height: 20px; margin-bottom: 3px; }

.grid .text-wrapper.light { width: 100%; }

.logo_banner { text-align: center; margin-top: 35px; font-family: "geneva", Tahoma, Verdana, sans-serif; background-color: #f9f9fa; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 12px 10px; overflow: hidden; }

.logo_banner .logos_wrapper { max-width: 1100px; margin: 0 auto; }

.logo_banner .logos_wrapper .logos_layout { letter-spacing: -.5em; text-align: center; list-style: none; padding: 0; margin: 0 0 0 -24px; }

.logo_banner .logos_wrapper .logos_layout .logo_block { display: inline-block; padding-left: 24px; vertical-align: top; text-align: left; box-sizing: border-box; }

.logo_banner .logos_wrapper .logos_layout .logo_block .i_logo { margin-top: 10px; box-sizing: border-box; }

.logo_banner .logos_wrapper .logos_layout .logo_block .i_logo img { opacity: .4; height: auto; width: 100%; transition: opacity 300ms ease; }

.logo_banner .logos_wrapper .logos_layout .logo_block .i_logo img:hover { opacity: .8; }

.logo_banner .logos_wrapper .logos_layout .logo_block .i_logo a { outline: 0; cursor: pointer; }

.hero { width: 100%; position: relative; padding-bottom: 40px; }

.hero .flex-content { padding-bottom: 0px; }

.hero .flex-content .flex-content--wrapper { margin-top: -80px; }

@media (min-width: 768px) { .hero .flex-content .flex-content--wrapper { margin-bottom: 80px; } }

.hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type { margin-top: 180px; }

@media (max-width: 767px) { .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type { margin-top: 80px; } }

.hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div { width: 85%; margin-top: 80px; }

.hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div p { margin: 16px 30px 20px 5px; }

@media (max-width: 479px) { .hero { padding-bottom: 20px; }
  .hero .flex-content { padding-bottom: 80px; }
  .hero .flex-content .flex-content--wrapper .flex-content--item svg { display: none; }
  .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type { -ms-flex-order: 1; order: 1; margin-top: 40px; margin-bottom: 60px; }
  .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div { width: 100%; margin: 0 24px; }
  .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div p { margin: 23px 0 30px 0; }
  .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div .grouped-btns.horizontal { display: -ms-flexbox; display: flex; }
  .hero .flex-content .flex-content--wrapper .flex-content--item:last-of-type { margin-top: 0; margin-left: 0; width: 100%; } }

@media (max-width: 400px) { .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div .grouped-btns.horizontal { display: block; } }

.override-height { height: auto; }

@media (max-width: 767px) { .override-height { x: 10%; y: 30%; width: 100%; } }

.alpha .container .flex-content--wrapper { -ms-flex-align: center; align-items: center; width: 90%; margin: 0 auto; }

.alpha .container .flex-content--wrapper .flex-content--item .btn { font-weight: 100; font-size: 18px; line-height: 24px; }

.alpha .container .flex-content--wrapper .flex-content--item div.img { background: #FFFFFF url("../images/gif/flame_thumb.gif") no-repeat; background-position: center; background-size: contain; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-49.5%, -52%); width: 332px; height: 332px; }

.alpha .container .flex-content--wrapper .flex-content--item .subsection-disclaimer { font-size: 14px; letter-spacing: normal; }

@media (max-width: 1023px) { .alpha .container .flex-content--wrapper .flex-content--item .badge-wrapper { margin-bottom: 50px; }
  .alpha .container .flex-content--wrapper .flex-content--item .badge-wrapper .badge { width: 242px; height: 241px; }
  .alpha .container .flex-content--wrapper .flex-content--item div.img { width: 223px; height: 224px; } }

.alpha .container .flex-content--wrapper .flex-content--item .text-wrapper { padding-left: 25px; }

.alpha .container .flex-content--wrapper .flex-content--item .text-wrapper h4 { font-weight: 100; margin-bottom: 15px; }

.alpha .container .flex-content--wrapper .flex-content--item .text-wrapper span.large { font-size: 24px; line-height: 35px; text-align: left; }

@media (max-width: 767px) { .alpha .container .flex-content--wrapper .flex-content--item .text-wrapper .btn { display: block; margin: 0 auto 10px auto; text-align: center; }
  .alpha .container .flex-content--wrapper .flex-content--item .text-wrapper { padding-left: 0; }
  .alpha .container .flex-content--wrapper .flex-content--item .text-wrapper span.large { text-align: center; } }

@media (max-width: 767px) { .alpha { margin-bottom: 30px; } }

@media (max-width: 479px) { .alpha { margin-top: -50px; } }

section.alpha { margin-top: 40px; margin-bottom: 105px; }

@media (max-width: 767px) { section.alpha { margin-top: 0; } }

@keyframes rotate { 0% { transform: rotate(0); }
  60% { transform: rotate(60%); } }

.flex-content--item-image { position: relative; }

.flex-content--item-image #img-cards-wrapper * { transform-origin: 50% 50%; }

.flex-content--item-image #img-card--mask-1, .flex-content--item-image #img-card--mask-2, .flex-content--item-image #img-card--mask-3 { animation: rotate 1s ease-out both; }

.flex-content--item-image #img-card--mask-1 { animation-delay: .3s; }

.flex-content--item-image #img-card--mask-2 { animation-delay: .6s; }

.flex-content--item-image #img-card--mask-3 { animation-delay: .9s; }

html, body { overflow-x: hidden; }

iframe, img { max-width: 100%; }

img { height: auto; }

.slick-prev::before, .slick-next::before { color: black; font-size: 40px; }

@media (max-width: 767px) { .slick-prev::before, .slick-next::before { color: white; } }

.slick-prev, .slick-next { width: 40px; height: 40px; z-index: 200; }

@media (max-width: 767px) { .slick-prev { left: 0px; }
  .slick-next { right: 0px; } }

.container { box-sizing: border-box; width: 1227px; max-width: 100%; margin: 0 auto; position: relative; }

@media (min-width: 480px) { .container { max-width: 90%; } }

.container .wrapper { padding: 0 28px; margin: 0 auto; }

.text-wrapper { position: relative; }

.text-wrapper.floating-text { max-width: 670px; width: 90%; margin: 0 auto; text-align: center; }

@media (max-width: 767px) { .text-wrapper.floating-text { text-align: left; }
  .text-wrapper.floating-text p { font-size: 14px; } }

.text-wrapper.light { color: #FFFFFF; }

.text-wrapper .text-wrapper--heading { padding: 0 28px; text-align: center; }

@media (max-width: 767px) { .text-wrapper .text-wrapper--heading { text-align: left; }
  .text-wrapper .text-wrapper--heading p { font-size: 14px; } }

@media (min-width: 768px) { .text-wrapper .text-wrapper--inner { padding: 164px 118px 40px 144px; } }

.text-wrapper .fine-print { margin-top: 10px; }

.text-wrapper .fine-print p { font-size: 10px; letter-spacing: 0.71px; margin-bottom: 0; text-align: center; }

@media (min-width: 768px) { .text-wrapper .fine-print p { text-align: left; } }

.text-center .text-wrapper { text-align: center; }

.text-wrapper .floating-image-wrapper { float: right; width: 218px; height: 218px; position: absolute; bottom: -56px; right: -88px; }

.text-wrapper .floating-image-wrapper .floating-image { background: url("../images/happy-woman.jpeg") no-repeat; background-size: cover; background-position: 50% 50%; border-radius: 50%; width: 100%; height: 100%; position: relative; z-index: 1; }

.text-wrapper .floating-image-wrapper .floating-image--svg { position: absolute; top: -10px; left: -10px; z-index: 0; }

@media (max-width: 767px) { .text-wrapper .floating-image-wrapper { float: none; top: -100px; bottom: 0; left: 50%; right: 50%; transform: translateX(-50%); } }

.text-wrapper p { margin-bottom: 30px; }

.text-wrapper p.small { font-size: 14px; line-height: 20px; letter-spacing: 1px; }

.text-wrapper p.large { font-size: 36px; line-height: 54px; }

.text-wrapper p .highlight { color: #0084C3; }

@media (max-width: 1023px) { .text-wrapper p.large { font-size: 24px; line-height: 35px; text-align: center; } }

@media (max-width: 767px) { .text-wrapper .btn { display: inline-block; margin: 4px auto 0 auto; } }

.text-wrapper span { margin-bottom: 30px; }

.text-wrapper span.small { font-size: 14px; line-height: 20px; letter-spacing: 1px; }

.text-wrapper span.large { font-size: 36px; line-height: 54px; }

.text-wrapper span .highlight { color: #0084C3; }

@media (max-width: 1023px) { .text-wrapper span.large { font-size: 24px; line-height: 35px; text-align: center; } }

@media (max-width: 767px) { .text-wrapper .btn { display: inline-block; margin: 4px auto 0 auto; } }

a { color: #0084C3; }

.left-divider { width: 10px; height: 100%; border-top: 3px solid #71BF2F; margin: 40px 20px 40px 60px; padding: 20px; }

.alpha_img { font-family: "geneva", Tahoma, Verdana, sans-serif; display: block; width: 585px; height: 585px; overflow: hidden; border-radius: 100px; transform: rotate(38deg); -ms-transform: rotate(38deg); /* IE 9 */ -webkit-transform: rotate(38deg); /* Safari and Chrome */ position: absolute; top: 92px; left: 75px; }

@media (max-width: 767px) { .alpha_img { width: 590px; height: 595px; top: 79px; } }

@media (max-width: 479px) { .alpha_img { transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ border-radius: 0; top: 0; left: 0; max-height: 250px; position: relative; } }

.alpha_img img { transform: rotate(-38deg); -ms-transform: rotate(-38deg); /* IE 9 */ -webkit-transform: rotate(-38deg); /* Safari and Chrome */ position: absolute; top: -35px; left: -105px; width: 900px; }

@media (max-width: 767px) { .alpha_img img { top: -56px; left: -150px; } }

@media (max-width: 479px) { .alpha_img img { transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ top: -40px; min-height: 250px; left: 0; position: relative; width: 100%; } }

.page_alpha_img { font-family: "geneva", Tahoma, Verdana, sans-serif; display: block; width: 440px; height: 482px; overflow: hidden; border-radius: 90px; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ position: absolute; top: 39px; left: 140px; }

@media (max-width: 1023px) { .page_alpha_img { left: unset; } }

@media (max-width: 767px) { .page_alpha_img { top: 40px; left: unset; } }

@media (max-width: 479px) { .page_alpha_img { transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ border-radius: 0; top: 20px; left: 0; max-height: 260px; position: relative; } }

.page_alpha_img img { transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ position: absolute; top: -28px; left: -50px; width: 580px; }

@media (max-width: 767px) { .page_alpha_img img { top: -101px; left: -101px; width: 606px; } }

@media (max-width: 479px) { .page_alpha_img img { height: unset; transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ top: -30px; min-height: 260px; left: 0; position: relative; width: 100%; } }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.green::before, .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.green::after, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.green::before, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.green::after { background: #71BF2F; }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.pink::before, .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.pink::after, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.pink::before, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.pink::after { background: #FFA9AA; }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.blue::before, .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.blue::after, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.blue::before, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.blue::after { background: #0084C3; }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.orange::before, .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.orange::after, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.orange::before, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.orange::after { background: #FF7700; }

@media (min-width: 767px) { .flex-content--item.vertical-center { display: block; margin: auto 0; height: 100%; vertical-align: middle; position: relative; padding: 40px 30px 0 30px; }
  .hero.page-header .flex-content .flex-content--wrapper .flex-content--item.vertical-center { display: block; margin: auto 0; height: 100%; vertical-align: middle; position: relative; padding: 40px 30px 0 30px; } }

@media (max-width: 1023px) { .text-wrapper.light.vertical-center { margin: 30px 20px; } }

header.header404 { background: none; height: auto; -webkit-clip-path: none; clip-path: none; }

.hero.page404 { background-color: #0084C3; background: #0084C3 url("/wp-content/themes/elfi/images/background404.jpg") no-repeat; background-size: cover; background-position: center; font-family: "geneva", Tahoma, Verdana, sans-serif; display: block; margin-top: -150px; }

.hero.page404 .flex-content .flex-content--wrapper .flex-content--item { display: block; width: 100%; text-align: center; max-width: 500px; margin-bottom: 0 auto; padding-bottom: 150px; }

@media (max-width: 767px) { .hero.page404 .flex-content .flex-content--wrapper .flex-content--item { max-width: 100%; padding-bottom: 20px; } }

@media (max-width: 479px) { .hero.page404 .flex-content .flex-content--wrapper .flex-content--item { width: 92%; padding: 120px 0 0 0; margin: -120px auto; } }

.hero.page404 h1, .hero.page404 h2, .hero.page404 h3, .hero.page404 h4, .hero.page404 h5, .hero.page404 h6 { width: 100%; clear: both; text-align: center; line-height: 150%; color: #FFF; }

@media (max-width: 479px) { .hero.page404 h1, .hero.page404 h2, .hero.page404 h3, .hero.page404 h4, .hero.page404 h5, .hero.page404 h6 { font-size: 200px; margin-left: 15px; margin-right: 15px; width: 90%; } }

.hero.page404 h1 { font-weight: 100; font-size: 300px; margin-top: -40px; margin-bottom: -90px; }

@media (max-width: 479px) { .hero.page404 h1 { font-size: 200px; margin-bottom: -40px; } }

.hero.page404 h3 { font-size: 30px; }

@media (max-width: 479px) { .hero.page404 h3 { font-size: 24px; } }

.hero.page404 h6 { font-size: 14px; font-weight: 100; }

.page-header .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type { margin: auto 0; }

.page-header .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div { width: unset; max-width: 519px; }

@media (min-width: 1200px) { .page-header .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type { margin-left: -130px; } }

@media (max-width: 767px) { .page-header .hero .flex-content .flex-content--wrapper .flex-content--item:first-of-type { margin-top: 60px; margin-bottom: 0; } }

.hero.alpha-home .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div { margin-top: 40px; }

.hero.feature_no_image .flex-content .flex-content--wrapper .flex-content--item:first-of-type > div { margin-top: 0px; }

.IN-widget { position: relative; top: -18px; }

.fb_iframe_widget { position: relative; top: 17px; }

@keyframes grow { 0% { transform: scale(0); }
  30% { transform: scale(0.6); }
  60% { transform: scale(0.9); }
  100% { transform: scale(1); } }

#mask-items * { transform-origin: 50% 50%; }

.in-view #mask1, .in-view #mask2, .in-view #mask3 { animation: grow 1.5s ease-out backwards; }

.in-view #mask1 { animation-delay: .2s; }

.in-view #mask2 { animation-delay: .15s; }

.in-view #mask3 { animation-delay: .1s; }

.in-view .sphere-item[data-aos-delay='200'] #mask1 { animation-delay: .2s; }

.in-view .sphere-item[data-aos-delay='200'] #mask2 { animation-delay: .35s; }

.in-view .sphere-item[data-aos-delay='200'] #mask3 { animation-delay: .3s; }

.in-view .sphere-item[data-aos-delay='400'] #mask1 { animation-delay: .4s; }

.in-view .sphere-item[data-aos-delay='400'] #mask2 { animation-delay: .55s; }

.in-view .sphere-item[data-aos-delay='400'] #mask3 { animation-delay: .5s; }

.in-view .sphere-item[data-aos-delay='600'] #mask1 { animation-delay: .6s; }

.in-view .sphere-item[data-aos-delay='600'] #mask2 { animation-delay: .75s; }

.in-view .sphere-item[data-aos-delay='600'] #mask3 { animation-delay: .7s; }

@keyframes rotateRombus1 { 0% { transform: translate(422.374px, 420.5px) rotate(-321deg) translate(-422.374px, -420.5px);
    opacity: 0; }
  50% { opacity: 0.8; }
  100% { transform: translate(430.374px, 405.5px) rotate(-325deg) translate(-430.374px, -405.5px);
    opacity: 1; } }

@keyframes rotateRombus2 { 0% { transform: translate(422.374px, 420.5px) rotate(-321deg) translate(-422.374px, -420.5px);
    opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translate(430.374px, 405.5px) rotate(-331deg) translate(-430.374px, -405.5px); } }

.hero #Mask-Copy-2 { fill: rgba(113, 191, 47, 0.62); animation: rotateRombus1 0.7s ease-out both; animation-delay: 1.2s; }

.hero #Mask-Copy { fill: rgba(113, 191, 47, 0.52); animation: rotateRombus2 0.7s ease-out both; animation-delay: 1s; }

@media (max-width: 479px) { .hero { -webkit-clip-path: none; clip-path: none; width: 100%; } }

.clip3 { background: url("../images/camping-buddies.jpg") no-repeat; background-size: cover; background-position: 75% 50%; position: absolute; width: 103%; height: 100%; }

.clip3 #rect { transform: translate(422.374px, 420.5px) rotate(-321deg) translate(-422.374px, -420.5px); x: 65px; y: 91px; max-width: 100%; }

@media (max-width: 479px) { .clip3 { -webkit-clip-path: none; clip-path: none; height: 265px; width: 100%; }
  .clip3::before, .clip3::after { content: ''; background: #71BF2F; height: 25px; left: 0; right: 0; opacity: 0.25; position: absolute; bottom: -25px; }
  .clip3::after { height: 11px; bottom: -11px; } }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.green::before, .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.green::after, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.green::before, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.green::after { background: #71BF2F; }

.flex-content.in-view .flex-content--wrapper .flex-content--item-image.green::before, .flex-content.in-view .flex-content--wrapper .flex-content--item-image.green::after { background: #71BF2F; }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.pink::before, .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.pink::after, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.pink::before, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.pink::after { background-color: #FF5657; }

.flex-content.in-view .flex-content--wrapper .flex-content--item-image.pink::before, .flex-content.in-view .flex-content--wrapper .flex-content--item-image.pink::after { background-color: #ffa9aa; }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.blue::before, .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.blue::after, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.blue::before, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.blue::after { background: #0084C3; }

.flex-content.in-view .flex-content--wrapper .flex-content--item-image.blue::before, .flex-content.in-view .flex-content--wrapper .flex-content--item-image.blue::after { background-color: #0084C3; }

.flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.orange::before, .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.orange::after, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.orange::before, .feature_with_image .flex-content.flex-content--text-and-image .flex-content--wrapper .flex-content--item-image.orange::after { background: #FF7700; }

.flex-content.in-view .flex-content--wrapper .flex-content--item-image.orange::before, .flex-content.in-view .flex-content--wrapper .flex-content--item-image.orange::after { background-color: #FF7700; }

.comments-area { font-family: "geneva", Tahoma, Verdana, sans-serif; width: 100%; }

.comments-area input[type=submit] { display: block; }

.comments-area textarea { max-height: 100px; }

.comments-area .btn { color: #FFFFFF; display: block; padding: 10px 20px; text-transform: uppercase; transition: 0.09s ease-in; margin: 10px 0; min-width: 236px; }

@media (max-width: 767px) { .comments-area .btn { margin: 10px auto; } }

.comments-area .logged-in-as { float: right; font-size: 14px; }

.comments-area .comment-list { margin: 15px 0; list-style: none; padding: 0px; }

.comments-area .comment-list li { border-radius: 0px; padding: 17px; outline: none; border: 1px solid #EDEDED; margin: 0 0 15px 0; box-shadow: none !important; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1) !important; }

.comments-area .reply { font-size: 14px; }

.comments-area .comment-form-url { display: none; }

.comments-area .comments-title { font-size: 28px; }

.comments-area .form-submit { float: left; }

@media (max-width: 767px) { .comments-area .form-submit { margin: 0 auto 20px auto; float: none; } }

.inv-recaptcha-holder { float: right; }

@media (max-width: 767px) { .inv-recaptcha-holder { margin: 25px auto 20px auto; float: none; }
  .inv-recaptcha-holder .grecaptcha-badge { margin: 0 auto; } }

.alert { font-family: "geneva", Tahoma, Verdana, sans-serif; padding: 20px 10px; background-color: #73BD3B; text-align: center; display: none; margin: 0 auto; width: 100%; color: #FFFFFF; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.4); z-index: 10003; height: auto; position: relative; transition: all 1s linear; }

.alert .alert-icon, .alert .alert-message, .alert .btn { float: left; }

@media (max-width: 767px) { .alert .alert-icon, .alert .alert-message, .alert .btn { float: none; margin-top: 15px; } }

.alert .alert-message { width: 69%; padding-left: 5px; padding-right: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 44px; height: 100%; /*display: table;*/ }

@media (max-width: 767px) { .alert .alert-message { width: auto; padding-left: 20px; padding-right: 34px; height: auto; } }

.alert .vc { /*display:table-cell; vertical-align:middle; */ }

.alert .alert-icon { margin: auto; width: 5%; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .alert .alert-icon { width: auto; padding-right: 20px; margin: 0 auto; display: none; } }

.alert .alert-icon img { height: 33px; }

.alert .btn { width: auto; }

@media (max-width: 767px) { .alert .btn { font-size: 12px; line-height: 0px; } }

.alert .btn-section { cursor: pointer; padding-left: 20px; padding-right: 45px; margin: auto; }

@media (max-width: 767px) { .alert .btn-section { width: auto; padding-left: 30px; padding-right: 45px; margin: 0 auto; } }

.alert .alert-content { width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; height: 100%; display: -ms-flexbox; display: flex; vertical-align: middle; }

@media (max-width: 767px) { .alert .alert-content { -ms-flex-flow: column; flex-flow: column; padding-right: 15px; margin-top: 0px; font-size: 11px; line-height: 16px; } }

.alert .alert-content:after { content: ""; display: table; clear: both; }

.alert .alert-dismiss { cursor: pointer; font-size: 24px; font-family: Arial, sans-serif; font-weight: 100; position: absolute; top: 50%; transform: translateY(-50%); right: 35px; }

@media (max-width: 767px) { .alert .alert-dismiss { top: 10%; font-size: 18px; } }

.alert.show { display: inline-block; }

.alert.pink { background: #FFA9AA; }

.alert.blue { background: #0084C3; }

.alert.orange { background: #FF7700; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.alpha { margin-top: 90px; }
  section.blog { margin-top: 50px; text-align: center; }
  .hero.feature_no_image { margin-top: 150px; }
  section.news::before, section.news-teaser::before, section.steps::before, section.why-elfi::before, section.calculator-content::before, section.cards::before, section.feature_with_image::before, section.feature_with_image.right::before, section.elfi-facts::before, section.faqs:nth-child(odd)::before, section.faqs:nth-child(even)::before, section.tabs::before, section.grid::before { display: none; }
  section.calculator-content { background: url(/wp-content/themes/elfi/layouts/images/calculator-background.svg) no-repeat top left; background-size: contain; } }

@media all and (-ms-high-contrast: none) and (min-width: 1500px), (-ms-high-contrast: active) and (min-width: 1500px) { section.calculator-content { background-size: 50%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.calculator-content { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.steps { background: url(/wp-content/themes/elfi/layouts/images/steps-background.svg) no-repeat top left; background-size: contain; } }

@media all and (-ms-high-contrast: none) and (min-width: 1500px), (-ms-high-contrast: active) and (min-width: 1500px) { section.steps { background-size: 55%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.steps { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.why-elfi, section.grid { background: url(/wp-content/themes/elfi/layouts/images/iconbox-background.svg) no-repeat top right; background-size: contain; } }

@media all and (-ms-high-contrast: none) and (min-width: 1500px), (-ms-high-contrast: active) and (min-width: 1500px) { section.why-elfi, section.grid { background-size: 40%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.why-elfi, section.grid { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.elfi-facts { background: url(/wp-content/themes/elfi/layouts/images/facts-background.svg) no-repeat top left; background-size: 60%; } }

@media all and (-ms-high-contrast: none) and (min-width: 1500px), (-ms-high-contrast: active) and (min-width: 1500px) { section.elfi-facts { background-size: 50%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.elfi-facts { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.faqs:nth-child(odd) { background: url(/wp-content/themes/elfi/layouts/images/faqs-background-right.svg) no-repeat top right; background-size: 50%; } }

@media all and (-ms-high-contrast: none) and (min-width: 1500px), (-ms-high-contrast: active) and (min-width: 1500px) { section.faqs:nth-child(odd) { background-size: 40%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.faqs:nth-child(odd) { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.faqs:nth-child(even) { background: url(/wp-content/themes/elfi/layouts/images/faqs-background-left.svg) no-repeat top left; background-size: 70%; } }

@media all and (-ms-high-contrast: none) and (min-width: 1500px), (-ms-high-contrast: active) and (min-width: 1500px) { section.faqs:nth-child(even) { background-size: 54%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.faqs:nth-child(even) { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.tabs { background: url(/wp-content/themes/elfi/layouts/images/faqs-background-right.svg) no-repeat top right; background-size: 50%; } }

@media all and (-ms-high-contrast: none) and (min-width: 1500px), (-ms-high-contrast: active) and (min-width: 1500px) { section.tabs { background-size: 40%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.tabs { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.feature_with_image { background: url(/wp-content/themes/elfi/layouts/images/feature-left-background.svg) no-repeat top left; background-size: 54%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.feature_with_image { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.feature_with_image.right { background: url(/wp-content/themes/elfi/layouts/images/feature-right-background.svg) no-repeat top right; background-size: 50%; } }

@media all and (-ms-high-contrast: none) and (min-width: 1500px), (-ms-high-contrast: active) and (min-width: 1500px) { section.feature_with_image.right { background-size: 45%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.feature_with_image.right { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { section.news, section.news-teaser { background: url(/wp-content/themes/elfi/layouts/images/news-background.png) no-repeat top left; background-size: 85%; margin-top: 80px; } }

@media all and (-ms-high-contrast: none) and (min-width: 1500px), (-ms-high-contrast: active) and (min-width: 1500px) { section.news, section.news-teaser { background-size: 50%; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { section.news, section.news-teaser { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .hero.feature_no_image { margin-top: 150px; }
  .blog main { display: inline-block; }
  .blog main article { padding: 20px; color: #fff; height: 100%; float: left; width: 360px; line-height: 10px; text-align: left; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { .blog main article { width: 100%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog_single { margin-top: 60px; }
  .grid { padding: 60px; }
  .grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell .answer.inner { padding-left: 4em; } }

@media all and (-ms-high-contrast: none) and (min-width: 1024px), (-ms-high-contrast: active) and (min-width: 1024px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header { height: 484px; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) { .blog-teaser main { width: 100%; display: -ms-flexbox; display: flexbox; }
  article { -ms-flex: 1; box-flex: 1; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { .blog-teaser main { display: inline-block; padding: 0; }
  article { width: 100%; margin-bottom: 10px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-teaser { padding-left: 15px; padding-right: 15px; }
  .blog-teaser .readmore { position: unset; float: left; } }

@media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) { .blog main { width: 100%; display: -ms-flexbox; display: flexbox; }
  article { -ms-flex: 1; box-flex: 1; } }

@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) { .blog main { display: inline-block; padding: 0; }
  article { width: 100%; margin-bottom: 10px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog { padding-left: 15px; padding-right: 15px; }
  .blog .readmore { position: unset; float: left; }
  .three_column { margin-top: 80px; }
  .why-elfi .flex-content.flex-content--three-col .flex-content--wrapper .flex-content--item .text-wrapper { margin: 0; }
  .header-slant3, .header-slant4 { width: 110%; -ms-transform: rotate(1deg); -ms-transform-origin: bottom left; transform: rotate(1deg); transform-origin: bottom left; top: 0; }
  .header-slant4 { transform: rotate(2deg); top: 0; }
  .faqs:nth-child(even)::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: auto; left: 0; top: 0%; width: 60%; height: 115%; max-height: 1200px; -webkit-clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); z-index: -10; } }

@media all and (-ms-high-contrast: none) and (max-width: 479px), (-ms-high-contrast: active) and (max-width: 479px) { .faqs:nth-child(even)::before { background: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell .inner img, .grid .flex-content .flex-content--wrapper .flex-content--item .cell .header-image.inner img { max-height: 140px; max-width: 140px; } }

@supports (-ms-ime-align: auto) { section.alpha { margin-top: 90px; }
  section.blog { margin-top: 50px; text-align: center; }
  .hero.feature_no_image { margin-top: 150px; }
  section.news::before, section.news-teaser::before, section.steps::before, section.why-elfi::before, section.calculator-content::before, section.cards::before, section.feature_with_image::before, section.feature_with_image.right::before, section.elfi-facts::before, section.faqs:nth-child(odd)::before, section.faqs:nth-child(even)::before, section.tabs::before, section.grid::before { display: none; }
  section.calculator-content { background: url(/wp-content/themes/elfi/layouts/images/calculator-background.svg) no-repeat top left; background-size: contain; }
  @media (min-width: 1500px) { section.calculator-content { background-size: 50%; } }
  @media (max-width: 767px) { section.calculator-content { background: none; } }
  section.steps { background: url(/wp-content/themes/elfi/layouts/images/steps-background.svg) no-repeat top left; background-size: contain; }
  @media (min-width: 1500px) { section.steps { background-size: 55%; } }
  @media (max-width: 767px) { section.steps { background: none; } }
  section.why-elfi, section.grid { background: url(/wp-content/themes/elfi/layouts/images/iconbox-background.svg) no-repeat top right; background-size: contain; }
  @media (min-width: 1500px) { section.why-elfi, section.grid { background-size: 40%; } }
  @media (max-width: 767px) { section.why-elfi, section.grid { background: none; } }
  section.elfi-facts { background: url(/wp-content/themes/elfi/layouts/images/facts-background.svg) no-repeat top left; background-size: 60%; }
  @media (min-width: 1500px) { section.elfi-facts { background-size: 50%; } }
  @media (max-width: 767px) { section.elfi-facts { background: none; } }
  section.faqs:nth-child(odd) { background: url(/wp-content/themes/elfi/layouts/images/faqs-background-right.svg) no-repeat top right; background-size: 50%; }
  @media (min-width: 1500px) { section.faqs:nth-child(odd) { background-size: 40%; } }
  @media (max-width: 767px) { section.faqs:nth-child(odd) { background: none; } }
  section.faqs:nth-child(even) { background: url(/wp-content/themes/elfi/layouts/images/faqs-background-left.svg) no-repeat top left; background-size: 70%; }
  @media (min-width: 1500px) { section.faqs:nth-child(even) { background-size: 54%; } }
  @media (max-width: 767px) { section.faqs:nth-child(even) { background: none; } }
  section.feature_with_image { background: url(/wp-content/themes/elfi/layouts/images/feature-left-background.svg) no-repeat top left; background-size: 54%; }
  @media (max-width: 767px) { section.feature_with_image { background: none; } }
  section.feature_with_image.right { background: url(/wp-content/themes/elfi/layouts/images/feature-right-background.svg) no-repeat top right; background-size: 50%; }
  @media (min-width: 1500px) { section.feature_with_image.right { background-size: 45%; } }
  @media (max-width: 767px) { section.feature_with_image.right { background: none; } }
  section.news, section.news-teaser { background: url(/wp-content/themes/elfi/layouts/images/news-background.png) no-repeat top left; background-size: 85%; margin-top: 80px; }
  @media (min-width: 1500px) { section.news, section.news-teaser { background-size: 50%; } }
  @media (max-width: 767px) { section.news, section.news-teaser { background: none; } }
  .hero.feature_no_image { margin-top: 150px; }
  .blog main { display: inline-block; }
  .blog main article { padding: 20px; color: #fff; height: 100%; float: left; width: 360px; line-height: 10px; text-align: left; }
  @media (max-width: 767px) { .blog main article { width: 100%; } }
  .blog_single { margin-top: 60px; }
  .grid { padding: 60px; }
  .grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell .answer.inner { padding-left: 4em; }
  @media (min-width: 1024px) { header.main-header.layout-logo-menu.header-content-wrapper.page-header { height: 484px; } }
  @media (min-width: 768px) { .blog-teaser main { width: 100%; display: -ms-flexbox; display: flexbox; }
    article { -ms-flex: 1; box-flex: 1; } }
  @media (max-width: 767px) { .blog-teaser main { display: inline-block; padding: 0; }
    article { width: 100%; margin-bottom: 10px; } }
  .blog-teaser { padding-left: 15px; padding-right: 15px; }
  .blog-teaser .readmore { position: unset; float: left; }
  @media (min-width: 768px) { .blog main { width: 100%; display: -ms-flexbox; display: flexbox; }
    article { -ms-flex: 1; box-flex: 1; } }
  @media (max-width: 767px) { .blog main { display: inline-block; padding: 0; }
    article { width: 100%; margin-bottom: 10px; } }
  .blog { padding-left: 15px; padding-right: 15px; }
  .blog .readmore { position: unset; float: left; }
  .three_column { margin-top: 80px; }
  .why-elfi .flex-content.flex-content--three-col .flex-content--wrapper .flex-content--item .text-wrapper { margin: 0; }
  .header-slant3, .header-slant4 { width: 110%; -ms-transform: rotate(1deg); -ms-transform-origin: bottom left; transform: rotate(1deg); transform-origin: bottom left; top: 0; }
  .header-slant4 { transform: rotate(2deg); top: 0; }
  .faqs:nth-child(even)::before { content: ''; background: url("../images/content-bg.png") repeat; position: absolute; right: auto; left: 0; top: 0%; width: 60%; height: 115%; max-height: 1200px; -webkit-clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); clip-path: polygon(0 0, 70% 0, 100% 84%, 0 71%); z-index: -10; }
  @media (max-width: 479px) { .faqs:nth-child(even)::before { background: none; } }
  .grid .flex-content-mobile .flex-content--wrapper .flex-content--item-mobile .cell .inner img, .grid .flex-content .flex-content--wrapper .flex-content--item .cell .header-image.inner img { max-height: 140px; max-width: 140px; } }