@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap);
@charset "UTF-8";

@font-face {
  font-display: swap;
  font-family: Gill Sans Nova;
  font-style: normal;
  font-weight: 500;
  src: local("Gill Sans Nova Medium"), local("GillSansNova-Medium"), url(../fonts/GillSansNova-Medium.woff2) format("woff2"), url(../fonts/GillSansNova-Medium.woff) format("woff"), url(../fonts/GillSansNova-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/GillSansNova-Medium.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Gill Sans Nova;
  font-style: normal;
  font-weight: 300;
  src: local("Gill Sans Nova Light"), local("GillSansNova-Light"), url(../fonts/GillSansNova-Light.woff2) format("woff2"), url(../fonts/GillSansNova-Light.woff) format("woff"), url(../fonts/GillSansNova-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/GillSansNova-Light.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Gill Sans Nova;
  font-style: normal;
  font-weight: 600;
  src: local("Gill Sans Nova SemiBold"), local("GillSansNova-SemiBold"), url(../fonts/GillSansNova-SemiBold.woff2) format("woff2"), url(../fonts/GillSansNova-SemiBold.woff) format("woff"), url(../fonts/GillSansNova-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/GillSansNova-SemiBold.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/OpenSans/OpenSans-Regular.ttf) format("truetype")
}

@font-face {
  font-display: swap;
  font-family: Open Sans;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/OpenSans/OpenSans-Italic.ttf) format("truetype")
}

:root {
  --white: #fff;
  --black: #000;
  --green_1: #006838;
  --green_2: #277c2a;
  --green_3: #1e6420;
  --greay: #a3a3a3
}

@font-face {
  font-family: Gill Sans Nova;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/GillSansNova-Medium.eot);
  src: local("Gill Sans Nova Medium"), local("GillSansNova-Medium"), url(../fonts/GillSansNova-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/GillSansNova-Medium.woff2) format("woff2"), url(../fonts/GillSansNova-Medium.woff) format("woff"), url(../fonts/GillSansNova-Medium.ttf) format("truetype")
}

@font-face {
  font-family: Gill Sans Nova;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/GillSansNova-Light.eot);
  src: local("Gill Sans Nova Light"), local("GillSansNova-Light"), url(../fonts/GillSansNova-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/GillSansNova-Light.woff2) format("woff2"), url(../fonts/GillSansNova-Light.woff) format("woff"), url(../fonts/GillSansNova-Light.ttf) format("truetype")
}

@font-face {
  font-family: Gill Sans Nova;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/GillSansNova-SemiBold.eot);
  src: local("Gill Sans Nova SemiBold"), local("GillSansNova-SemiBold"), url(../fonts/GillSansNova-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/GillSansNova-SemiBold.woff2) format("woff2"), url(../fonts/GillSansNova-SemiBold.woff) format("woff"), url(../fonts/GillSansNova-SemiBold.ttf) format("truetype")
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

body {
  background: #fff;
  color: #373a3f;
  font-family: Gill Sans Nova, Open Sans, Helvetica Neue, Helvetica, Calibri, Arial Unicode MS, sans-serif;
  min-height: 100vh;
  scroll-behavior: smooth
}

a {
  color: #277c2a;
  display: inline-block;
  text-decoration: none
}

blockquote {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
  display: block;
  margin-block-end: 1em;
  margin-block-start: 1em;
  margin-inline-end: 40px;
  margin-inline-start: 40px
}

:focus {
  box-shadow: 0 0 0 .2rem #f9f9d1, 0 0 0 .4rem #277c2a, 0 0 .4rem .8rem #f9f9d1;
  outline: .2rem solid transparent
}

ol,
ol li,
ul,
ul li {
  list-style: none;
  margin: 0;
  padding: 0
}

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

strong {
  font-weight: 700
}

em {
  font-style: italic
}

.head_1 {
  background-color: #fff;
  left: 0;
  position: sticky;
  top: 0;
  transform: translateZ(0);
  transition: all .1s ease-in-out;
  width: 100%;
  z-index: 8
}

.anchor {
  display: block;
  position: relative;
  top: -60px;
  visibility: hidden
}

.head_1 .inner {
  align-items: stretch;
  color: #373a3f;
  display: flex;
  height: 64px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1400px;
  position: relative;
  transition: all .1s ease-in-out
}

.sticky_h .head_1 .inner {
  height: 60px;
  padding: 0
}

.o-list--bare>span {
  list-style-type: none
}

.o-list--bare>span:before {
  clip: rect(0 0 0 0);
  content: "​";
  height: 0;
  position: absolute;
  z-index: -99999
}

.u-sronly:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  border: 0;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: .1rem
}

.c-skiplink {
  background-color: #fff;
  border-bottom: .6rem solid #277c2a;
  color: #373a3f;
  font-family: HCo Gotham SSm, Helvetica Neue, Helvetica, Calibri, Arial Unicode MS, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .1rem;
  line-height: 1;
  padding: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

.c-skiplink,
.c-skiplink:after {
  display: inline-block;
  position: relative
}

.c-skiplink {
  font-size: .8rem;
  padding: 1rem
}

.c-skiplink:focus {
  box-shadow: 0 0 0 .2rem #f9f9d1, 0 0 0 .4rem #277c2a, 0 0 .4rem .8rem #f9f9d1;
  outline: .2rem solid transparent
}

@media screen and (min-width:62em) {
  .c-skiplink {
    font-size: 1.2rem;
    padding: 1.2rem;
    width: auto
  }

  .c-skiplink:not(:focus):not(:active) {
    top: -6rem
  }
}

.c-skiplink.is-focused,
.c-skiplink:active,
.c-skiplink:focus {
  height: auto;
  z-index: 9999
}

@media screen and (min-width:62em) {

  .c-skiplink.is-focused,
  .c-skiplink:active,
  .c-skiplink:focus {
    left: .3rem;
    position: absolute;
    top: .3rem;
    transition: top .15s ease-in
  }

  .u-sronly-md:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    border: 0;
    height: .1rem;
    margin: -.1rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .1rem
  }
}

.u-sronly-label {
  clip: rect(0 0 0 0);
  border: 0;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: .1rem
}

.head_1_padding_top {
  display: block
}

.head_1 a {
  color: #373a3f
}

.head_1 .hamburger {
  display: none
}

.menu_opened .head_1,
.sticky_h .head_1 {
  background-color: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .1)
}

.menu_opened .head_1 .inner,
.menu_opened .head_1 a,
.sticky_h .head_1 .inner,
.sticky_h .head_1 a {
  color: #373a3f
}

sup {
  font-size: 60%;
  line-height: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  top: 2px
}

.g-btn {
  align-items: center;
  background-color: #239947;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  margin-top: 20px;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .g-btn {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .g-btn {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.g-btn--primary {
  background-color: #239947
}

.g-btn--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.g-btn--primary-dark {
  background-color: #006838
}

.g-btn--primary-dark:hover {
  background-color: #009b53
}

.g-btn--primary-light {
  background-color: #fff;
  color: #239947
}

.g-btn--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.g-btn--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.g-btn--secondary:hover {
  background-color: #239947;
  color: #fff
}

.g-btn--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.g-btn--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.g-btn:hover {
  background-color: #1a6f34;
  border: 0
}

.g-btn-dark {
  background-color: #006838
}

.g-btn-dark:hover {
  background-color: #009b53
}

.g-btn-light {
  background-color: #fff;
  color: #239947
}

.g-btn-light:hover {
  background-color: #009b53;
  color: #fff
}

[class*="main-canvas"]:has(#hys-application-step) {
  background-size: 12rem;
  background-repeat: no-repeat;
  background-image: url(/files/2025-08/ivy-logohorizontalhalved.svg);
  background-position-y: 16px;
}

[class*="main-canvas"]:has(#cd-application-step) {
  background-size: 12.5rem;
  background-repeat: no-repeat;
  background-image: url(/files/2025-08/ivy-logohorizontalhalved.svg);
  background-position-y: 16px;
}

.slick-arrow {
  box-shadow: 2px 2px 3px #3d3d3d;
  -webkit-box-shadow: 2px 2px 3px #3d3d3d;
  -moz-box-shadow: 2px 2px 3px #3d3d3d;
  background-color: #f2f2f2 !important;
  transition: transform .1s;
  transform-origin: 0% 600%;
}

.slick-arrow:hover {
  transform: scale(1.08) !important;
}

.slick-arrow svg {
  width: 45px;
  height: 45px;
}

.prev.slick-arrow rect {
  fill: none;
}

.head_1 {
  background-color: rgba(255, 255, 255, .0);
}

.application-step {
  margin-top:-80px;
}
  
#green-bar {
  transform: scale(.4,.05);
  margin-bottom: 14px;
}

#subtitle {
  margin-bottom: 28px;
  max-width: 650px;
  font-size: 21px;
}

#application-title {
  margin-bottom: 14px !important;
  margin-top: 7px !important;
}

.terms-title {
  font-size: 27px;
  line-height: normal;
}

.dropdown {
  position: relative;
}

.dropdown.hidden {
  display: none;
}

#dropdown {
  display: none;
}

.dropdown-options {
  z-index: 1;
  margin-top: -28px;
  margin-left: 220px;
  position: absolute;
  overflow: auto;
  background-color:#fff;
  border-radius:5px;
  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
  width: 230px;
  font-size: 14px;
}

input[type="checkbox"] {
  margin-right: 10px;
  margin-left: 0px;
  padding-left: 5px;
}

.dropdown-options a {
  display: block;
  color: #000000;
  padding: 5px;
  text-decoration: none;
  padding:20px 40px;
}

.application-step ul li {
  position: static;
  margin-left: 0px;
  padding-left: 15px !important;
  padding: 5px;
}

@media only screen and (max-width: 1000px) {
  [class*="main-canvas"]:has(#hys-application-step) {
    background-size: 15.5rem;
    background-position-y: 80px;
  }

  [class*="main-canvas"]:has(#cd-application-step) {
    background-size: 17.35rem;
    background-position-y: 80px;
  }

  .slick-arrow {
    width: 3rem !important;
    height: 3rem !important;
  }

  .slick-arrow svg {
    width: 36px !important;
    height: 36px !important;
  }

  .application-step {
    margin-top:-20px;
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .application-button:first-child {
    margin-top: 30px
  }

  #application-title {
    margin-top: 0px;
    margin-bottom: 24px !important;
  }

  .application-button { 
    font-size:17px !important;
    width: 100% !important;
  }

  #green-bar { 
    transform: scale(.7,.08) !important; 
    margin-top: 20px;
    margin-bottom: 20px;
  }

  #subtitle {
    font-size: 16px;
  }

  #button-section {
    margin-top: 0px;
    margin-bottom: 17px;
  }

  .terms-title {
    font-size: 15px;
  }


  .dropdown-options {
    margin-top: -125px;
    margin-left: 0px;
    width: 100%;
    position: relative;
  }

  .application-step ul li {
    font-size: 16px !important;
  }
}

@media only screen and (max-width:1300px) {
  .g-btn {
    margin-top: 1px
  }
}

@media only screen and (min-width:768px) {
  sup {
    top: 1px
  }
}

.head_1 .logo {
  flex: 0 0 auto;
  max-width: 100%;
  width: auto
}

.head_1 .logo a {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  height: 100%;
  padding: 0 20px
}

.head_1 .logo svg {
  max-height: none;
  width: auto
}

.head_1 .logo img {
  height: 38px
}

.head_1 .nav {
  -webkit-touch-callout: none;
  display: flex;
  height: 100%;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.head_1 .nav>ul {
  display: flex
}

.head_1 .nav>ul>li {
  align-items: center;
  display: flex;
  margin-right: 41px;
  position: relative;
  text-transform: uppercase
}

.head_1 .nav>ul>li:last-child {
  margin-right: 0
}

.head_1 .nav>ul>li.active .link {
  color: #277c2a
}

.head_1 .nav .link {
  cursor: pointer
}

.head_1 .nav>ul>li>.link {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 100%;
  line-height: 26px;
  padding: 0;
  text-transform: none
}

.head_1 .nav>ul>li>button.link {
  background: none;
  border: 0;
  font-family: Gill Sans Nova, Open Sans, Helvetica Neue, Helvetica, Calibri, Arial Unicode MS, sans-serif
}

.head_1 .nav>ul>li:hover .link {
  color: #277c2a
}

.nav>li>.nav-toggle {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70%;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 2.4rem;
  margin: 1.9rem 0 1.9rem 1.6rem;
  position: relative;
  width: 2.4rem
}

@media screen and (min-width:62em) {
  .nav>li>.nav-toggle {
    background-size: 80%
  }

  .nav>li>.nav-toggle:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    border: 0;
    margin: -.1rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: -99999
  }

  .nav>li>.nav-toggle:focus {
    height: 1rem;
    margin-left: .4rem;
    margin-right: .4rem;
    width: 1rem
  }

  .nav>li>.nav-toggle:focus+.c-main-nav__menu-item {
    padding-left: .6rem !important
  }
}

.nav>li>.nav-toggle[aria-expanded=true] {
  background-color: #277c2a;
  background-image: url(/themes/custom/ivybank/img/icons/white/minus.svg)
}

@media screen and (min-width:62em) {
  .nav>li>.nav-toggle[aria-expanded=true]:not(:focus):not(:active) {
    background: none
  }
}

.nav>li>.nav-toggle[aria-expanded=true]~.c-main-nav__menu {
  border-bottom: .6rem solid #277c2a;
  flex: 1 1 100%
}

@media screen and (min-width:62em) {
  .nav>li>.nav-toggle[aria-expanded=true]~.c-main-nav__menu {
    background: #fff;
    border-bottom: none;
    box-shadow: 0 1rem 1.5rem .8rem rgba(0, 0, 0, .2);
    display: flex;
    left: 0;
    padding: 2rem 5.5rem 4.8rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1
  }
}

.nav>li>.nav-toggle[aria-expanded=false] {
  background-color: #f3f3f3;
  background-image: url(/themes/custom/ivybank/img/icons/black/plus.svg)
}

@media screen and (min-width:62em) {
  .nav>li>.nav-toggle[aria-expanded=false]:not(:focus):not(:active) {
    background: none
  }
}

.nav>li>.nav-toggle[aria-expanded=false]~.c-main-nav__menu {
  display: none
}

@media only screen and (min-width:847px) {

  .head_1 .links_style_2.nav>ul>li .link,
  .head_1 .links_style_2.nav>ul>li:hover .link {
    color: #333;
    position: relative
  }

  .head_1 .links_style_2.nav>ul>li .link .link_inner {
    position: relative
  }

  .head_1 .links_style_2.nav>ul>li .link .link_inner:after {
    background: #277c2a;
    bottom: -2px;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: width .1s ease-in-out;
    width: 0
  }

  .head_1 .links_style_2.nav>ul>li.active .link .link_inner:after {
    background: #277c2a;
    bottom: -2px;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all .1s ease-in-out;
    width: 100%
  }

  .head_1 .links_style_2.nav>ul>li:focus-within .link .link_inner:after,
  .head_1 .links_style_2.nav>ul>li:hover .link .link_inner:after {
    width: 100%
  }

  .menu_opened .head_1 .links_style_2.nav>ul>li .link,
  .menu_opened .head_1 .links_style_2.nav>ul>li:hover .link,
  .sticky_h .head_1 .links_style_2.nav>ul>li .link,
  .sticky_h .head_1 .links_style_2.nav>ul>li:hover .link {
    color: #333
  }
}

.head_1 .nav .submenu {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 60px;
  transition: .1s ease-in-out;
  visibility: hidden;
  width: auto
}

.head_1 .nav li .submenu:focus-within,
.head_1 .nav li .submenu:hover,
.head_1 .nav li:focus-within .submenu,
.head_1 .nav li:hover .submenu {
  opacity: 1;
  top: 59px;
  transition-delay: .1s;
  visibility: visible
}

.head_1 .nav .submenu li a {
  border-bottom: 1px solid #277c2a;
  color: #353535;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  padding: 5px 20px 5px 16px;
  text-transform: none
}

.head_1 .nav .submenu li:last-child a {
  border-bottom: none
}

.head_1 .link_lvl2 {
  cursor: pointer
}

.head_1 .nav .submenu li.active>.link_lvl2,
.head_1 .nav .submenu li.active>a,
.head_1 .nav .submenu li:hover>.link_lvl2,
.head_1 .nav .submenu li:hover>a {
  background: #277c2a;
  color: #fff
}

.head_1 .nav>ul>li:hover .submenu a:hover {
  color: #fff
}

.head_1 .nav .submenu li {
  padding: 0;
  position: relative
}

.head_1 .nav .submenu_inner {
  background: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
  font-size: 13px;
  margin-top: 1px;
  max-width: 20em;
  min-width: 13em;
  padding: 0
}

.head_1 .right {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  max-width: 100%;
  padding-right: 20px
}

.login-flex {
  align-items: center;
  display: flex;
  justify-content: center
}

.head_1 .login-btn a {
  display: inline-block
}

@media screen and (min-width:768px) {
  .head_1 .login-btn a {
    display: none
  }
}

@media only screen and (max-width:475px) {
  .login-btn a {
    background: #277c2a;
    border: 2px solid #277c2a;
    color: #fff;
    display: flex
  }

  .login-btn a:hover {
    background: #1e6420;
    border: 2px solid #1e6420;
    color: #fff
  }
}

.head_1 .buttons {
  margin-left: -7px;
  margin-right: 1px
}

.head_1 .buttons ul {
  display: flex
}

.head_1 .button {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 24px;
  padding: 0
}

.head_1 .buttons .button:last-child {
  margin-right: 0
}

.head_1 .button a {
  background-color: transparent;
  border: 2px solid #277c2a;
  border-radius: 5px;
  color: #277c2a;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  line-height: 33px;
  min-width: 140px;
  text-align: center;
  text-transform: none;
  transition: .1s ease-in-out;
  white-space: nowrap
}

.head_1 .button-log {
  list-style: none
}

.head_1 .button-log a {
  background: #277c2a;
  border: 2px solid #277c2a;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  height: 40px;
  justify-content: center;
  line-height: 33px;
  min-width: 140px;
  text-align: center;
  text-transform: none;
  transition: .1s ease-in-out;
  white-space: nowrap
}

.head_1 .button-log a:hover {
  background: #1e6420;
  border: 2px solid #1e6420;
  color: #fff
}

.head_1 .buttons .button:last-child a {
  background: #277c2a;
  border: 2px solid #277c2a;
  color: #fff
}

.head_1 .button a:hover {
  background: #277c2a;
  border-color: #277c2a;
  color: #fff
}

.head_1 .buttons .button:last-child a:hover {
  background: #1e6420;
  border: 2px solid #1e6420;
  color: #fff
}

.head_1 .kiplinger_best_high img {
  height: 80px;
  margin-bottom: -22px;
  margin-top: -17px
}

.head_1 .search {
  align-items: center;
  display: flex;
  padding: 0 20px
}

@media only screen and (max-width:1740px) {
  .head_1 .kiplinger_best_high {
    display: none
  }
}

@media only screen and (max-width:1300px) {
  .head_1 .inner {
    height: 60px
  }

  .head_1 .right {
    padding-right: 36px
  }

  .head_1 .logo a {
    padding: 0 36px
  }

  .head_1 .logo svg {
    width: 112px
  }

  .head_1 .nav>ul>li {
    margin-right: 18px
  }

  .head_1 .nav>ul>li>.link {
    font-size: 16px;
    line-height: 23px
  }

  .head_1 .buttons {
    margin-left: 3px
  }

  .head_1 .button a {
    font-size: 16px;
    line-height: 36px;
    min-width: 119px
  }

  .head_1 .search {
    padding: 0 28px 0 20px
  }

  .head_1 .button {
    margin-right: 23px
  }
}

@media only screen and (max-width:990px) {
  .sticky_h .head_1 .inner {
    height: 45px
  }

  .head_1 .right {
    padding-right: 20px
  }

  .head_1 .inner {
    height: 45px
  }

  .anchor {
    top: -45px
  }

  .head_1 .logo a {
    padding: 0 20px
  }

  .head_1 .logo svg {
    width: 89px
  }

  .head_1 .nav>ul>li {
    margin-right: 15px
  }

  .head_1 .nav>ul>li>.link {
    font-size: 14px;
    line-height: 23px
  }

  .head_1 .buttons {
    margin-left: 6px
  }

  .head_1 .button a {
    font-size: 14px;
    height: 35px;
    line-height: 29px;
    min-width: 100px
  }

  .head_1 .search {
    padding: 0 17px 0 14px
  }

  .head_1 .search svg {
    width: 18px
  }

  .head_1 .button {
    margin-right: 11px
  }

  .head_1 .nav li:hover .submenu {
    top: 100%
  }

  .head_1 .nav .submenu li a {
    font-size: 16px;
    line-height: 24px;
    padding: 4px 19px 4px 16px
  }
}

@media only screen and (max-width:847px) {
  .head_1 .inner {
    height: 64px
  }

  .head_1 .right {
    padding-right: 0
  }

  .head_1 .nav .submenu_inner {
    margin-top: 0
  }

  .head_1 {
    border-top: 1px solid hsla(0, 0%, 92%, .5)
  }

  .head_1 .hamburger {
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    order: 3;
    padding: 0 20px
  }

  .head_1 .hamburger .hamburger_heading {
    bottom: -22px;
    font-size: .9em;
    font-weight: 700;
    left: -6px;
    letter-spacing: .05em;
    position: absolute
  }

  .head_1 .hamburger_inner {
    height: 18px;
    position: relative;
    width: 25px
  }

  .head_1 .hamburger span {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #333;
    display: block;
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    transform: rotate(0deg);
    transition: .25s ease-in-out, background-color 0s ease-in-out;
    width: 100%
  }

  .head_1 .hamburger span:nth-child(2) {
    width: 19px
  }

  .head_1 .hamburger span:first-child {
    top: 0
  }

  .head_1 .hamburger span:nth-child(2) {
    top: 9px
  }

  .head_1 .hamburger span:nth-child(3) {
    top: 18px
  }

  .no_overflow {
    overflow: hidden
  }

  .menu_opened .head_1 .hamburger span:first-child {
    top: 8px;
    transform: rotate(135deg)
  }

  .menu_opened .head_1 .hamburger span:nth-child(2) {
    left: -20px;
    opacity: 0
  }

  .menu_opened .head_1 .hamburger span:nth-child(3) {
    top: 8px;
    transform: rotate(-135deg)
  }

  .menu_opened .head_1 .hamburger span,
  .sticky_h .head_1 .hamburger span {
    background: #333
  }

  .head_1 .nav {
    height: auto;
    opacity: 0;
    position: absolute;
    top: 70px;
    transition: .25s ease-in-out;
    visibility: hidden;
    width: 100%
  }

  .menu_opened .head_1 .nav {
    background: #fff;
    opacity: 1;
    top: 64px;
    visibility: visible
  }

  .head_1 .nav>ul {
    border-top: 1px solid hsla(0, 0%, 92%, .5);
    flex-direction: column;
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 100px;
    width: 100%
  }

  .head_1 .nav>ul>li {
    margin-right: 0
  }

  .head_1 .nav>ul>li>.link {
    color: transparent;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    line-height: 26px;
    padding: 14px 10px;
    width: 100%
  }

  .head_1 .nav>ul>li.active .link {
    color: transparent
  }

  .head_1 .link_inner {
    position: relative;
    text-align: center;
    width: 100%
  }

  .head_1 .has_submenu .link_inner:after {
    border: solid #333;
    border-width: 0 1px 1px 0;
    content: "";
    display: inline-block;
    padding: 3px;
    position: absolute;
    right: 20px;
    top: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
  }

  .menu_opened .head_1 .nav>ul>li>.link {
    border-bottom: 1px solid hsla(0, 0%, 92%, .5);
    color: #333
  }

  .menu_opened .head_1 .nav>ul>li.active .link {
    color: #277c2a
  }

  .sticky_h.menu_opened .head_1 .nav {
    top: 80px
  }

  .head_1 .buttons>ul,
  .head_1 .nav>ul>li {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .head_1 .nav .submenu {
    display: none;
    max-width: 100%;
    opacity: 0;
    position: relative;
    top: 0;
    transition-delay: .1s;
    visibility: hidden;
    width: 100%
  }

  .head_1 .nav li:hover .submenu {
    top: 0
  }

  .head_1 .nav .submenu_inner {
    box-shadow: none;
    max-width: 100%;
    width: 100%
  }

  .head_1 .nav .submenu li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px
  }

  .head_1 .nav .submenu li a,
  .head_1 .nav .submenu li:last-child a {
    border-bottom: 1px solid hsla(0, 0%, 92%, .5)
  }

  .head_1 .nav li.active_m .submenu {
    display: block;
    opacity: 1;
    top: 0;
    visibility: visible
  }

  .head_1 .nav .submenu li .link_lvl2,
  .head_1 .nav .submenu li a {
    justify-content: center;
    margin-bottom: 0;
    padding: 8px 25px
  }

  .head_1 .submenu li.has_submenu_lvl2:after {
    content: none
  }

  .head_1 .submenu .link_inner:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    right: -5px;
    top: 2px
  }

  .head_1 .nav .submenu li.active>.link_lvl2,
  .head_1 .nav .submenu li.active>a,
  .head_1 .nav .submenu li:hover>.link_lvl2,
  .head_1 .nav .submenu li:hover>a,
  .head_1 .submenu a {
    color: #fff
  }

  .head_1 .right {
    flex: 0 1 auto;
    max-width: 100%;
    width: 100%
  }

  .head_1 .button {
    border-left: none;
    font-size: 9px;
    letter-spacing: .5px;
    order: 1;
    padding: 9px 16px
  }

  .head_1 .search {
    display: none
  }

  .head_1 .logo a {
    padding: 0 25px
  }

  .head_1 .logo svg {
    width: 104px
  }

  .head_1 .hamburger {
    padding: 0 25px 18px
  }

  .head_1 .buttons {
    flex-direction: column;
    margin-left: 0
  }

  .head_1 .button {
    margin-right: 0
  }

  .head_1 .button a {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    line-height: 10px;
    min-width: 100px;
    padding: 14px 10px;
    width: 100%
  }

  .head_1 .button {
    padding: 0
  }

  .head_1 .nav .submenu li a {
    padding: 12px 25px
  }

  .head_1 .nav li.f_active .submenu {
    display: block;
    opacity: 1;
    top: 0;
    transition-delay: .1s;
    visibility: visible
  }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .head_1 {
    background-color: #fff
  }
}

.main_alert {
  display: none;
  height: auto;
  left: 0;
  width: 100%
}

.main_alert.enabled {
  display: block
}

.main_alert .alert_inner {
  font-size: 16px;
  line-height: 146%;
  margin: 0 auto;
  max-width: 1400px;
  padding: 9px 20px 10px;
  text-align: center
}

@media only screen and (max-width:1300px) {
  .main_alert .alert_inner {
    font-size: 14px
  }
}

@media only screen and (max-width:990px) {
  .main_alert .alert_inner {
    font-size: 13px
  }
}

@media only screen and (max-width:767px) {
  .main_alert .alert_inner {
    font-size: 12px
  }

  .sticky_h.menu_opened .head_1 .nav {
    top: 60px
  }
}

main ul {
  margin-bottom: 9px;
  margin-top: 9px
}

main ul li {
  margin-left: 20px;
  padding-left: 15px;
  position: relative
}

main ul li:after {
  background: #373a3f;
  border: 1px solid #373a3f;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 4px
}

main ul ul li:after {
  background: transparent
}

main ol li {
  list-style: decimal;
  margin-left: 40px;
  padding-left: 0;
  position: relative
}

main ol li:after {
  content: none
}

@media only screen and (max-width:1300px) {
  main ul li:after {
    top: 11px
  }
}

@media only screen and (max-width:990px) {
  main ul li:after {
    height: 3px;
    top: 9px;
    width: 3px
  }
}

@media only screen and (max-width:767px) {
  main ul li:after {
    top: 8px
  }
}

.s1 {
  background: #333;
  height: 100vh;
  margin-top: -64px;
  max-height: 100vh;
  overflow: hidden;
  position: relative
}

.s1 .main_img {
  height: 100%
}

.s1 .main_img picture {
  display: flex;
  height: 100%
}

.s1 .main_img img {
  height: 100%;
  max-height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%
}

.s1 .overlay {
  background: linear-gradient(126.22deg, hsla(0, 0%, 100%, .9) 36.48%, hsla(0, 0%, 100%, .2) 99%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.s1 .inner_wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 50%;
  max-width: 1138px;
  padding-top: 64px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.s1 .inner_wrapper .left {
  max-width: 580px
}

.s1 h1 {
  color: #373a3f;
  font-size: 56px;
  line-height: 115%;
  margin-bottom: 23px
}

.s1 .rate,
.s1 h1 {
  font-style: normal;
  font-weight: 500
}

.s1 .rate {
  color: #277c2a;
  font-size: 200px;
  letter-spacing: -.05em;
  line-height: 100%
}

.s1 span.r_2 {
  font-size: 122px;
  line-height: 0;
  margin-left: 10px;
  position: relative;
  top: 0
}

.s1 span.r_3 {
  font-size: 42px;
  margin-left: 8px;
  top: -56px
}

.s1 span.r_3,
.s1 span.r_4 {
  letter-spacing: -.4px;
  line-height: 0;
  position: relative
}

.s1 span.r_4 {
  font-size: 21px;
  font-weight: 600;
  margin-left: 0;
  top: -20px
}

.s1 .text {
  color: #373a3f;
  font-size: 23.3333px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin: -2px 0 34px
}

.s1 .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s1 .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s1 .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s1 .button--primary {
  background-color: #239947
}

.s1 .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s1 .button--primary-dark {
  background-color: #006838
}

.s1 .button--primary-dark:hover {
  background-color: #009b53
}

.s1 .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s1 .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s1 .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s1 .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s1 .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s1 .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s1 .button {
  margin: 17px 0 0
}

.s1 .bg {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1
}

.s1 .bg,
.s1 .bg img {
  height: 100%;
  width: 100%
}

.s1 .bg img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 0;
  object-position: center 0
}

.s1 .bottom_arrow {
  bottom: 50px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}

.s1 .bottom_arrow span {
  align-items: center;
  background: #373a3f;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  padding-top: 3px;
  position: relative;
  transition: .1s ease-in-out;
  width: 40px
}

.s1 .bottom_arrow:hover span {
  background: rgba(58, 58, 58, .69)
}

@media only screen and (max-width:1300px) {
  .s1 {
    margin-top: -60px
  }

  .s1 .inner_wrapper {
    max-width: 824px
  }

  .s1 h1 {
    font-size: 42px;
    line-height: 115%;
    margin-bottom: 5px
  }

  .s1 .rate {
    font-size: 150px;
    line-height: 100%
  }

  .s1 span.r_2 {
    font-size: 99px;
    top: 0
  }

  .s1 span.r_2,
  .s1 span.r_3 {
    line-height: 0;
    margin-left: 8px;
    position: relative
  }

  .s1 span.r_3 {
    font-size: 35px;
    letter-spacing: -.4px;
    top: -45px
  }

  .s1 span.r_4 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.4px;
    line-height: 0;
    margin-left: 2px;
    position: relative;
    top: -17px
  }

  .s1 .text {
    font-size: 21px;
    line-height: 120%;
    margin: 19px 0 22px
  }

  .s1 .button {
    margin: 17px 0 0
  }

  .s1 .bottom_arrow {
    bottom: 37px
  }

  .s1 .bottom_arrow span {
    height: 30px;
    width: 30px
  }

  .s1 .bottom_arrow span svg {
    width: 14px
  }
}

@media only screen and (max-width:990px) {
  .s1 {
    height: auto;
    margin-top: 0 !important
  }

  .s1 .inner_wrapper {
    align-items: center;
    max-width: 666px;
    padding-top: 22px
  }

  .s1 .left {
    padding-left: 12px;
    padding-top: 12px
  }

  .s1 h1 {
    font-size: 32px;
    line-height: 115%;
    margin-bottom: 9px
  }

  .s1 .rate {
    font-size: 100px;
    line-height: 100%
  }

  .s1 span.r_2 {
    font-size: 68px;
    line-height: 0;
    margin-left: 5px;
    position: relative;
    top: 0
  }

  .s1 span.r_3 {
    font-size: 20px;
    margin-left: 8px;
    top: -34px
  }

  .s1 span.r_3,
  .s1 span.r_4 {
    letter-spacing: -.4px;
    line-height: 0;
    position: relative
  }

  .s1 span.r_4 {
    font-size: 10px;
    font-weight: 600;
    margin-left: 0;
    top: -10px
  }

  .s1 .text {
    font-size: 18px;
    line-height: 150%;
    margin: 2px 0 38px
  }

  .s1 .button {
    font-size: 14px;
    line-height: 20px;
    margin: 17px 0 0
  }

  .s1 .bottom_arrow {
    bottom: 29px
  }

  .s1 .bottom_arrow span {
    height: 20px;
    width: 20px
  }

  .s1 .bottom_arrow span svg {
    padding-bottom: 1px;
    width: 9px
  }
}

@media only screen and (max-width:767px) {
  .s1 {
    height: auto;
    margin-top: 0 !important
  }

  .s1 .main_img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .s1 .inner_wrapper {
    display: flex;
    flex-direction: column-reverse;
    left: 0;
    max-width: 824px;
    padding: 40px 20px;
    position: relative;
    top: 0;
    transform: none
  }

  .s1 .left {
    margin: 0 auto;
    max-width: 400px;
    padding-left: 0;
    padding-top: 12px;
    text-align: center
  }

  .s1 h1 {
    font-size: 35px;
    line-height: 130%;
    margin-bottom: 14px
  }

  .s1 .rate {
    font-size: 100px;
    line-height: 100%;
    padding-left: 19px
  }

  .s1 span.r_2 {
    font-size: 60px;
    line-height: 0;
    margin-left: 5px;
    position: relative;
    top: 0
  }

  .s1 span.r_3 {
    font-size: 20px;
    margin-left: 3px;
    top: -28px
  }

  .s1 span.r_3,
  .s1 span.r_4 {
    letter-spacing: -.4px;
    line-height: 0;
    position: relative
  }

  .s1 span.r_4 {
    font-size: 10px;
    font-weight: 600;
    margin-left: 1px;
    top: -10px
  }

  .s1 .text {
    font-size: 20px;
    line-height: 100%;
    margin: 19px 0 34px
  }

  .s1 .button {
    margin: 17px 0 0
  }

  .s1 .bottom_arrow {
    bottom: 13px;
    display: none
  }

  .s1 .bottom_arrow span {
    height: 26px;
    width: 26px
  }

  .s1 .bottom_arrow span svg {
    width: 14px
  }
}

@media only screen and (max-width:439px) {
  .s1 h1 br {
    display: none
  }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .s1 .r_form td {
    display: block;
    text-align: left
  }
}

.s2 {
  background: #f7fbfe
}

.s2 .inner {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1240px;
  padding: 123px 20px
}

.s2 .left {
  flex: 0 0 auto;
  max-width: 50%;
  padding-left: 64px;
  padding-top: 5px
}

.s2 .image,
.s2 picture {
  position: relative
}

.s2 picture {
  z-index: 2
}

.s2 .dots {
  bottom: -64px;
  left: -58px;
  position: absolute;
  z-index: 1
}

.s2 .right {
  padding-left: 56px;
  padding-right: 10px;
  padding-top: 35px
}

.s2 h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 60px;
  margin-bottom: 24px
}

.s2 .text,
.s2 h2 {
  font-style: normal
}

.s2 .text {
  font-size: 20px;
  font-weight: 300;
  line-height: 34px
}

.s2 .text sup a {
  color: #373a3f
}

.s2 .side-text {
  line-height: 1
}

@media only screen and (max-width:1300px) {
  .s2 .inner {
    max-width: 928px;
    padding: 84px 20px 80px
  }

  .s2 .left {
    padding-top: 14px
  }

  .s2 .dots {
    bottom: -55px;
    left: -69px
  }

  .s2 .dots img {
    width: 109px
  }

  .s2 .right {
    padding-left: 85px;
    padding-right: 10px;
    padding-top: 0
  }

  .s2 h2 {
    font-size: 35px;
    line-height: 115%
  }

  .s2 .text {
    font-size: 17px;
    line-height: 188%
  }
}

@media only screen and (max-width:990px) {
  .s2 .inner {
    max-width: 768px;
    padding: 58px 20px 60px
  }

  .s2 .left {
    padding-top: 20px
  }

  .s2 .dots {
    bottom: -41px;
    left: -43px
  }

  .s2 .dots img {
    width: 86px
  }

  .s2 .right {
    padding-left: 55px;
    padding-right: 32px;
    padding-top: 0
  }

  .s2 h2 {
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 17px
  }

  .s2 .text {
    font-size: 15px;
    line-height: 180%
  }
}

@media only screen and (max-width:767px) {
  .s2 .inner {
    flex-direction: column-reverse;
    max-width: 459px;
    padding: 54px 20px 45px;
    text-align: center
  }

  .s2 .left {
    margin-left: 18px;
    padding-left: 0;
    padding-top: 45px
  }

  .s2 .dots {
    bottom: -21px;
    left: -19px
  }

  .s2 .dots img {
    width: 110px
  }

  .s2 .right {
    margin: 0 auto;
    max-width: 343px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
  }

  .s2 .text {
    font-size: 14px;
    line-height: 180%
  }

  .s2 h2 {
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 28px
  }

  .s2 .left {
    max-width: 100%
  }
}

.s3 .inner {
  margin: 0 auto;
  max-width: 1280px;
  padding: 75px 20px 0 70px
}

.s3 h2 {
  color: #373a3f;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px
}

.s3 .items {
  display: flex;
  flex-wrap: wrap;
  margin: 75px 0 28px
}

.s3 .item {
  margin-bottom: 50px;
  margin-right: 155px;
  width: 282px
}

.s3 .items .item:nth-child(3n) {
  margin-right: 0
}

.s3 .icon {
  align-items: center;
  display: flex;
  height: 50px
}

.s3 h3 {
  color: #181920;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.5px;
  line-height: 130%;
  margin: 20px 0 10px
}

.s3 .item a,
.s3 .text {
  color: #000
}

.s3 .text {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  mix-blend-mode: normal
}

@media only screen and (max-width:1300px) {
  .s3 .inner {
    max-width: 886px;
    padding: 79px 20px 0
  }

  .s3 h2 {
    font-size: 35px;
    line-height: 115%
  }

  .s3 .items {
    margin: 61px 0 2px
  }

  .s3 .item {
    margin-bottom: 52px;
    margin-right: 93px;
    width: 220px
  }

  .s3 .icon svg {
    height: 90%
  }

  .s3 h3 {
    font-size: 28px;
    line-height: 130%;
    margin: 14px 0 15px
  }

  .s3 .text {
    font-size: 17px;
    line-height: 150%
  }
}

@media only screen and (max-width:990px) {
  .s3 .text br {
    display: none
  }

  .s3 .inner {
    max-width: 692px;
    padding: 60px 20px 0
  }

  .s3 h2 {
    font-size: 32px;
    line-height: 120%
  }

  .s3 .items {
    margin: 41px 0 10px
  }

  .s3 .item {
    margin-bottom: 52px;
    margin-right: 80px;
    width: 164px
  }

  .s3 .icon svg {
    height: 72%
  }

  .s3 h3 {
    font-size: 22px;
    line-height: 130%;
    margin: 6px 0 9px
  }

  .s3 .text {
    font-size: 16px;
    line-height: 130%
  }
}

@media only screen and (max-width:767px) {
  .s3 .inner {
    max-width: 490px;
    padding: 44px 20px 24px
  }

  .s3 h2 {
    font-size: 28px;
    line-height: 130%;
    margin: 0 auto;
    max-width: 210px;
    text-align: center
  }

  .s3 .items {
    align-items: stretch;
    justify-content: center;
    margin: 55px 0 10px
  }

  .s3 .item {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 30px 34px 0;
    text-align: center;
    width: 125px
  }

  .s3 .icon {
    align-items: flex-start;
    display: flex;
    height: 62px
  }

  .s3 .icon svg {
    height: 100%
  }

  .s3 h3 {
    align-items: center;
    display: flex;
    font-size: 18px;
    line-height: 130%;
    margin: 6px 0 7px;
    min-height: 34px
  }

  .s3 .text {
    font-size: 14px;
    line-height: 180%
  }

  .s3 .item br {
    display: none
  }

  .s3 .items .item:nth-child(3n) {
    margin-right: 30px
  }

  .s3 .items .item:nth-child(2n) {
    margin-right: 0
  }
}

.s4 {
  position: relative
}

.s4 .overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.s4 .overlay img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 0;
  object-position: center 0;
  width: 100%
}

.s4 .inner {
  margin: 0 auto;
  max-width: 1100px;
  padding: 20px 20px 62px
}

.s4 h2 {
  color: #373a3f;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
  margin: 50px 0
}

.s4 .item,
.s4 .items {
  display: flex
}

.s4 .item {
  border-right: 1px solid #a0a0a0;
  flex-direction: column;
  width: 481px
}

.s4 .rate {
  font-size: 120px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.05em;
  line-height: 110px
}

.s4 .rate,
.s4 .rate a {
  color: #277c2a
}

.s4 span.r_2 {
  font-size: 65px;
  margin-left: 15px;
  top: 0
}

.s4 span.r_2,
.s4 span.r_3 {
  line-height: 0;
  position: relative
}

.s4 span.r_3 {
  font-size: 20px;
  letter-spacing: -.9px;
  margin-left: 6px;
  top: -32px
}

.s4 span.r_4 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -.4px;
  line-height: 0;
  margin-left: 1px;
  position: relative;
  top: -10px
}

.s4 span.r_4 a {
  color: #277c2a
}

.s4 .subheading {
  font-size: 35px;
  letter-spacing: -.5px;
  margin: 31px 0 11px
}

.s4 .subheading,
.s4 .text {
  font-style: normal;
  font-weight: 500;
  line-height: 130%
}

.s4 .text {
  font-size: 20px
}

.s4 ul {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin: 26px 0
}

.s4 ul li {
  margin-bottom: 13px;
  padding-left: 14px;
  position: relative
}

.s4 ul li:after {
  background: #277c2a;
  border: none;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 11px;
  width: 3px
}

.s4 .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  margin-top: auto;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s4 .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s4 .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s4 .button--primary {
  background-color: #239947
}

.s4 .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s4 .button--primary-dark {
  background-color: #006838
}

.s4 .button--primary-dark:hover {
  background-color: #009b53
}

.s4 .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s4 .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s4 .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s4 .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s4 .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s4 .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s4 .item_1 .text {
  max-width: 364px
}

.s4 .item_2 {
  border-right: none;
  padding-left: 130px;
  width: 568px
}

.s4 .item_2 .subheading {
  margin: 21px 0 22px
}

.s4 .item_2 ul {
  margin: 16px 0 22px
}

.s4 .item_2 ul li {
  margin: 7px 0
}

@media only screen and (max-width:1300px) {
  .s4 .inner {
    max-width: 850px;
    padding: 30px 20px 58px
  }

  .s4 h2 {
    font-size: 35px;
    line-height: 115%;
    margin: 50px 0 53px
  }

  .s4 .item {
    border-right: none;
    display: flex;
    flex: 0 0 auto;
    max-width: 390px;
    position: relative;
    width: 390px
  }

  .s4 .rate {
    font-size: 100px;
    line-height: 89px
  }

  .s4 span.r_2 {
    font-size: 56px
  }

  .s4 span.r_3 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 3px;
    top: -25px
  }

  .s4 span.r_4 {
    font-size: 10px;
    margin-left: 0;
    top: -8px
  }

  .s4 .subheading {
    font-size: 28px;
    line-height: 130%;
    margin: 22px 0 33px
  }

  .s4 .item_1 .text {
    max-width: 282px
  }

  .s4 ul {
    margin: 31px 0 4px
  }

  .s4 ul li {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 18px;
    padding-left: 10px
  }

  .s4 a {
    font-size: 16px;
    line-height: 1.2;
    width: auto
  }

  .s4 .item:after {
    background: #a0a0a0;
    content: " ";
    display: inline-block;
    height: 95%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
  }

  .s4 .item_2 {
    padding-left: 101px;
    width: 411px
  }

  .s4 .item_2 .subheading {
    margin: 21px 0 29px
  }

  .s4 .item_2 ul {
    margin: 24px 0 18px
  }

  .s4 .item_2 ul li {
    margin: 2px 0
  }

  .s4 .item_2:after {
    content: none
  }

  .s4 .text {
    font-size: 18px;
    line-height: 130%
  }
}

@media only screen and (max-width:990px) {
  .s4 .inner {
    max-width: 686px;
    padding: 24px 20px 53px
  }

  .s4 h2 {
    font-size: 32px;
    line-height: 120%;
    margin: 37px 0 40px
  }

  .s4 .item {
    border-right: none;
    display: flex;
    flex: 0 0 auto;
    max-width: 336px;
    position: relative;
    width: 336px
  }

  .s4 span.r_2 {
    font-size: 51px;
    margin-left: 11px
  }

  .s4 span.r_3 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 3px;
    top: -25px
  }

  .s4 span.r_4 {
    font-size: 7px;
    margin-left: 1px;
    top: -7px
  }

  .s4 .subheading {
    font-size: 22px;
    line-height: 130%;
    margin: 23px 0 20px
  }

  .s4 .item_1 .subheading {
    max-width: 156px
  }

  .s4 .item_1 .text {
    font-size: 14px;
    line-height: 130%;
    max-width: 230px
  }

  .s4 ul {
    margin: 33px 0 4px
  }

  .s4 ul li {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 9px;
    padding-left: 10px
  }

  .s4 a {
    font-size: 14px;
    height: auto
  }

  .s4 .item_1:after {
    background: #a0a0a0;
    content: " ";
    display: inline-block;
    height: 99%;
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px
  }

  .s4 .item_2 {
    padding-left: 60px;
    width: 335px
  }

  .s4 .rate {
    font-size: 80px;
    line-height: 100%
  }

  .s4 .item_2 .subheading {
    margin: 23px 0 18px;
    max-width: 200px
  }

  .s4 .item_2 .text {
    font-size: 14px;
    line-height: 130%;
    max-width: 239px
  }

  .s4 .item_2 ul {
    margin: 15px 0 23px
  }

  .s4 .item_2 ul li {
    margin: 3px 0
  }
}

@media only screen and (max-width:767px) {
  .s4 .inner {
    max-width: 423px;
    padding: 24px 20px 53px
  }

  .s4 h2 {
    font-size: 28px;
    line-height: 130%;
    margin: 17px 0 35px;
    max-width: 360px
  }

  .s4 .item {
    border-right: none;
    display: flex;
    flex: 0 0 auto;
    max-width: 191px;
    padding-left: 5px;
    position: relative;
    width: 191px
  }

  .s4 span.r_2 {
    font-size: 28px;
    margin-left: 6px
  }

  .s4 span.r_3 {
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 3px;
    top: -11px
  }

  .s4 span.r_4 {
    font-size: 5px;
    margin-left: 0;
    top: -5px
  }

  .s4 .item_1 .subheading {
    font-size: 18px;
    line-height: 130%;
    margin: 10px 0 12px;
    max-width: 156px
  }

  .s4 .item_1 .text {
    font-size: 12px;
    line-height: 110%;
    max-width: 154px
  }

  .s4 ul {
    margin: 8px 0 4px
  }

  .s4 ul li {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 9px;
    padding-left: 10px
  }

  .s4 .button {
    margin-top: 10px
  }

  .s4 a {
    font-size: 14px
  }

  .s4 .item_2 {
    padding-left: 27px;
    width: 184px
  }

  .s4 .rate {
    font-size: 46px;
    font-weight: 400;
    line-height: 100%
  }

  .s4 .item_2 .subheading {
    font-size: 18px;
    line-height: 130%;
    margin: 9px 0 13px;
    max-width: 200px
  }

  .s4 .item_2 .text {
    font-size: 12px;
    line-height: 110%;
    max-width: 163px
  }

  .s4 .item_2 ul {
    margin: 20px 0 13px
  }

  .s4 .item_2 ul li {
    margin: 8px 0
  }
}

@media only screen and (max-width:439px) {
  .s4 .item {
    border-right: none;
    display: flex;
    flex: 0 0 auto;
    max-width: 50%;
    padding-left: 0;
    padding-right: 5px;
    position: relative;
    width: 50%
  }

  .s4 .item_2 {
    padding-left: 12px;
    width: 50%
  }
}

.s5 {
  background: #f7fbfe
}

.s5 .inner {
  border-bottom: 1px solid #a0a0a0;
  margin: 0 auto;
  max-width: 1058px;
  padding: 31px 0 4px
}

.s5 p {
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 16px
}

.s5 sup {
  font-size: 7px;
  line-height: 0;
  margin-left: 0;
  margin-right: 2px;
  position: relative;
  top: 0
}

@media only screen and (max-width:1300px) {
  .s5 .inner {
    max-width: 814px;
    padding: 33px 0 8px
  }

  .s5 p {
    font-size: 12px;
    line-height: 136%;
    margin-bottom: 16px
  }

  .s5 .inner .item:last-child {
    margin-bottom: 0
  }

  .s5 sup {
    top: 0
  }
}

@media only screen and (max-width:990px) {
  .s5 .inner {
    max-width: 648px;
    padding: 13px 0 12px
  }
}

@media only screen and (max-width:767px) {
  .s5 .inner {
    max-width: 100%;
    padding: 13px 20px 12px
  }
}

.s6 .inner {
  margin: 118px auto 65px;
  max-width: 1150px;
  padding: 0 20px
}

.s6 h1 {
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  margin-bottom: 65px;
  padding-bottom: 25px;
  position: relative
}

.s6 h1:after {
  background: green;
  bottom: 0;
  content: " ";
  display: inline-block;
  height: 5px;
  left: 0;
  position: absolute;
  width: 72px
}

.s6 .content {
  font-weight: 500
}

.s6 .content h2 {
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 20px
}

.s6 .content h3 {
  font-size: 24px;
  line-height: 140.62%;
  margin-bottom: 4px
}

.s6 .content p {
  font-size: 20px;
  line-height: 140.62%
}

.s6 .content p,
.s6 h2 {
  margin-bottom: 28px
}

.s6 .content p {
  font-weight: 300
}

.s6 table td {
  padding: 5px 2px
}

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

@media only screen and (max-width:1300px) {
  .s6 .inner {
    margin: 72px auto 60px;
    max-width: 855px;
    padding: 0 36px
  }

  .s6 h1 {
    font-size: 42px;
    line-height: 115%;
    margin-bottom: 56px;
    padding-bottom: 23px
  }

  .s6 .content * {
    font-size: 18px;
    line-height: 140.62%
  }

  .s6 h2 {
    margin-bottom: 25px
  }
}

@media only screen and (max-width:990px) {
  .s6 .inner {
    margin: 61px auto 59px;
    max-width: 720px;
    padding: 0 36px
  }

  .s6 h1 {
    font-size: 32px;
    line-height: 115%;
    margin-bottom: 46px;
    padding-bottom: 20px
  }

  .s6 .content * {
    font-size: 16px;
    line-height: 140.62%
  }

  .s6 h2 {
    margin-bottom: 24px
  }

  .s6 .content p {
    margin-bottom: 25px
  }

  .s6 table {
    max-width: 100% !important;
    width: auto !important
  }
}

@media only screen and (max-width:767px) {
  .s6 .inner {
    margin: 45px auto 59px;
    max-width: 444px;
    padding: 0 36px
  }

  .s6 h1 {
    font-size: 35px;
    line-height: 130%;
    margin-bottom: 37px;
    padding-bottom: 20px;
    text-align: center
  }

  .s6 h1:after {
    left: 50%;
    transform: translateX(-50%)
  }

  .s6 .content * {
    font-size: 14px;
    line-height: 140.62%
  }

  .s6 h2 {
    margin-bottom: 21px
  }

  .s6 .content p {
    margin-bottom: 24px
  }

  .s6 h3 {
    margin-bottom: 1px
  }
}

.s7 .inner {
  margin: 0 auto;
  max-width: 1148px;
  padding: 120px 20px 110px
}

.s7 h1 {
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  margin-bottom: 30px
}

.s7 .subheading {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px;
  margin-left: 6px
}

.s7 .items {
  display: flex;
  margin-top: 119px
}

.s7 .item {
  margin-right: 142px;
  min-width: 142px
}

.s7 h2 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.2px;
  margin: 14px 0 15px
}

.s7 .content,
.s7 h2 {
  font-style: normal;
  line-height: 26px
}

.s7 .content {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -.145455px
}

.s7 .content a {
  color: #373a3f;
  display: flex
}

.s7 .content a:hover {
  color: #277c2a
}

.s7 .button a {
  align-items: center;
  background-color: #239947;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  margin-top: 21px;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s7 .button a {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s7 .button a {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s7 .button a--primary {
  background-color: #239947
}

.s7 .button a--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s7 .button a--primary-dark {
  background-color: #006838
}

.s7 .button a--primary-dark:hover {
  background-color: #009b53
}

.s7 .button a--primary-light {
  background-color: #fff;
  color: #239947
}

.s7 .button a--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s7 .button a--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s7 .button a--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s7 .button a--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s7 .button a--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s7 .button a:hover {
  background-color: #1a6f34;
  border: 0
}

.s7 .button a-dark {
  background-color: #006838
}

.s7 .button a-dark:hover {
  background-color: #009b53
}

.s7 .button a-light {
  background-color: #fff;
  color: #239947
}

.s7 .button a-light:hover {
  background-color: #009b53;
  color: #fff
}

@media only screen and (max-width:1300px) {
  .s7 .inner {
    margin: 0 auto;
    max-width: 865px;
    padding: 105px 20px 110px
  }

  .s7 h1 {
    font-size: 42px;
    line-height: 115%;
    margin-bottom: 21px
  }

  .s7 .subheading {
    font-size: 17px;
    line-height: 180%;
    margin-left: 0
  }

  .s7 .items {
    margin-top: 78px
  }

  .s7 .item {
    margin-right: 139px;
    min-width: 146px
  }

  .s7 .item svg {
    height: 32%;
    width: 32%
  }

  .s7 h2 {
    font-size: 18px;
    line-height: 26px
  }

  .s7 .button a {
    font-size: 16px;
    height: 50px;
    line-height: 21px;
    width: 180px
  }
}

@media only screen and (max-width:990px) {
  .s7 .inner {
    margin: 0 auto;
    max-width: 688px;
    padding: 75px 20px 60px
  }

  .s7 h1 {
    font-size: 32px;
    line-height: 115%;
    margin-bottom: 12px
  }

  .s7 .subheading {
    font-size: 15px;
    line-height: 180%;
    margin-left: 0
  }

  .s7 .items {
    margin-top: 49px
  }

  .s7 .item {
    margin-right: 58px;
    min-width: auto;
    width: 150px
  }

  .s7 .item svg {
    height: 25%;
    width: 25%
  }

  .s7 h2 {
    font-size: 16px;
    line-height: 23px;
    margin: 8px 0 3px
  }

  .s7 .content {
    font-size: 14px;
    line-height: 26px
  }

  .s7 .items .item:nth-child(2) {
    margin-right: 28px
  }

  .s7 .button a {
    font-size: 14px;
    height: 40px;
    margin-top: 23px;
    width: 150px
  }
}

@media only screen and (max-width:767px) {
  .s7 .inner {
    margin: 0 auto;
    max-width: 688px;
    padding: 46px 20px 84px;
    text-align: center
  }

  .s7 h1 {
    font-size: 35px;
    line-height: 130%;
    margin-bottom: 8px
  }

  .s7 .subheading {
    font-size: 15px;
    line-height: 180%;
    margin-left: 0
  }

  .s7 .items {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 41px
  }

  .s7 .item {
    margin-bottom: 60px;
    margin-right: 0;
    min-width: auto;
    width: 150px
  }

  .icon {
    height: 59px
  }

  .s7 .item svg {
    height: 100%;
    width: 100%
  }

  .s7 h2 {
    font-size: 18px;
    line-height: 26px;
    margin: 34px 0 13px
  }

  .s7 .content {
    font-size: 16px;
    line-height: 26px
  }

  .s7 .items .item:nth-child(2) {
    margin-right: 0
  }

  .s7 .button a {
    font-size: 18px;
    height: 60px;
    line-height: 16px;
    margin-top: 21px;
    width: 200px
  }

  .s7 .content a {
    justify-content: center
  }
}

@media only screen and (max-width:439px) {
  .s7 h1 {
    font-size: 32px
  }
}

.s8 .inner {
  margin: 120px auto 27px;
  max-width: 1150px;
  padding: 0 20px
}

.s8 h1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 115%;
  margin-bottom: 28px
}

.s8 .text {
  font-size: 20px;
  font-weight: 300;
  line-height: 34px
}

.s8 .faq_block {
  align-items: flex-start;
  display: flex;
  margin-top: 98px;
  position: relative
}

.s8 .faq_block .left {
  flex: 0 0 216px;
  height: auto;
  margin-top: 17px;
  position: sticky;
  top: 120px
}

.s8 .l_heading {
  border-bottom: 1px solid #000;
  color: #000;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 22px
}

.s8 .faq_block .left a {
  color: #373a3f;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  margin-bottom: 27px;
  transition: .1s ease-in-out
}

.s8 .faq_block .left a:hover {
  font-weight: 500
}

.s8 .right {
  padding-left: 34px;
  padding-right: 12px;
  width: 100%
}

.s8 .item {
  margin-bottom: 48px
}

.s8 h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 60px;
  margin-bottom: 22px
}

.s8 .f_head {
  background: transparent;
  border: 1px solid #e4e7e9;
  border-radius: 5px;
  box-shadow: none;
  box-sizing: border-box;
  color: #373a3f;
  cursor: pointer;
  font-family: Gill Sans Nova, Open Sans, Helvetica Neue, Helvetica, Calibri, Arial Unicode MS, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 5px;
  padding: 12px 60px 13px 20px;
  position: relative;
  text-align: left;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}

.s8 .f_head:focus {
  box-shadow: 0 0 0 .2rem #f9f9d1, 0 0 0 .4rem #277c2a, 0 0 .4rem .8rem #f9f9d1;
  outline: .2rem solid transparent
}

.s8 .f_body p {
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 22px
}

.s8 .f_body p:last-child {
  margin-bottom: 0
}

.s8 .f_body_inner {
  border: 1px solid #e4e7e9;
  border-radius: 5px;
  padding: 23px 20px
}

.s8 .f_body_inner sup {
  font-size: 50%;
  line-height: 0;
  margin-left: 0;
  position: relative;
  top: 0
}

.s8 .f_body_inner ul li {
  font-weight: 300;
  list-style: disc;
  margin-left: 34px
}

.s8 .f_body_inner ol li {
  font-weight: 300;
  list-style: decimal;
  margin-left: 34px
}

.s8 .f_body {
  display: none;
  height: 0;
  opacity: 1;
  overflow: hidden;
  transition: .2s ease-in-out
}

.s8 .f_active .f_body {
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  height: auto;
  margin-bottom: 5px;
  opacity: 1;
  overflow: visible
}

.s8 .plus_minus_wrapper {
  position: absolute;
  right: 32px;
  top: 16px
}

.s8 .plus_minus {
  background: #3cb44a;
  background: url(../../img/plus.svg);
  display: block;
  height: 16px;
  position: relative;
  transition: .1s ease-in-out;
  width: 16px
}

.s8 .f_active .plus_minus {
  transform: rotate(45deg)
}

main .s8 ul li:after {
  content: none
}

main .s8 ul li {
  margin-left: inherit;
  padding-left: inherit
}

@media only screen and (max-width:1300px) {
  .s8 .inner {
    margin: 105px auto 27px;
    max-width: 866px;
    padding: 0 20px
  }

  .s8 h1 {
    font-size: 42px;
    line-height: 115%;
    margin-bottom: 16px
  }

  .s8 .text {
    font-size: 17px;
    line-height: 180%
  }

  .s8 .faq_block {
    margin-top: 87px
  }

  .s8 .faq_block .left {
    flex: 0 0 186px
  }

  .s8 .l_heading {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 27px
  }

  .s8 .faq_block .left a {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 18px
  }

  .s8 .right {
    padding-left: 19px;
    padding-right: 0;
    padding-top: 19px
  }

  .s8 .item {
    margin-bottom: 35px
  }

  .s8 h2 {
    font-size: 35px;
    line-height: 115%;
    margin-bottom: 27px
  }

  .s8 .f_head {
    font-size: 15px;
    line-height: 22px;
    padding: 13px 56px 13px 20px
  }

  .s8 .plus_minus_wrapper {
    right: 18px
  }

  .s8 .f_body_inner {
    padding: 25px 20px
  }

  .s8 .f_body p {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 20px
  }
}

@media only screen and (max-width:990px) {
  .s8 .inner {
    margin: 61px auto 27px;
    max-width: 689px;
    padding: 0 20px
  }

  .s8 h1 {
    font-size: 32px;
    line-height: 115%;
    margin-bottom: 16px
  }

  .s8 .text {
    font-size: 15px;
    line-height: 180%
  }

  .s8 .faq_block {
    margin-top: 64px
  }

  .s8 .faq_block .left {
    flex: 0 0 186px
  }

  .s8 .l_heading {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 23px
  }

  .s8 .faq_block .left a {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 19px
  }

  .s8 .right {
    padding-left: 7px;
    padding-right: 0;
    padding-top: 17px
  }

  .s8 .item {
    margin-bottom: 29px
  }

  .s8 h2 {
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 15px
  }

  .s8 .f_head {
    font-size: 15px;
    line-height: 22px;
    padding: 13px 60px 13px 20px
  }

  .s8 .f_body p {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 20px
  }
}

@media only screen and (max-width:767px) {
  .s8 .anchor {
    top: -110px
  }

  .s8 .inner {
    margin: 91px auto 27px;
    max-width: 689px;
    padding: 0 20px
  }

  .s8 h1 {
    font-size: 35px;
    line-height: 130%;
    margin-bottom: 15px
  }

  .s8 .text,
  .s8 h1 {
    text-align: center
  }

  .s8 .text {
    font-size: 14px;
    line-height: 180%
  }

  .s8 .faq_block {
    margin-top: 11px
  }

  .s8 .faq_block .left a {
    border-bottom: 1px solid #cdcdcf;
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0;
    padding: 15px 20px
  }

  .s8 .right {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 17px
  }

  .s8 .item {
    margin-bottom: 23px
  }

  .s8 h2 {
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 18px;
    text-align: center
  }

  .s8 .f_head {
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 10px;
    padding: 13px 60px 13px 20px
  }

  .s8 .plus_minus_wrapper {
    right: 18px
  }

  .s8 .f_body {
    font-size: 12px;
    line-height: 180%
  }

  .s8 .f_body_inner {
    padding: 22px 20px
  }

  .s8 .f_body p {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 20px
  }

  .s8 .faq_block .left {
    background: transparent;
    flex: 0 0 auto;
    left: 0;
    margin-top: 0;
    position: fixed;
    text-align: center;
    top: 55px;
    transition: .1s ease-in-out;
    width: 100%;
    z-index: 9
  }

  .s8 .l_heading {
    background: #f7fbfe;
    border-bottom: none;
    display: block;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
    padding: 21px 0;
    position: relative
  }

  .s8 .faq_block .left ul {
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    left: 0;
    opacity: 0;
    position: fixed;
    top: 180px;
    transition: .1s ease-in-out;
    visibility: hidden;
    width: 100%
  }

  .sticky_h .s8 .faq_block .left {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
    top: 60px
  }

  .sticky_h .s8 .l_heading {
    padding: 10px 0
  }

  .faq_menu_opened .s8 .faq_block .left ul {
    opacity: 1;
    position: fixed;
    top: 132px;
    visibility: visible
  }

  .sticky_h.faq_menu_opened .s8 .faq_block .left ul {
    top: 91px
  }

  .plus_minus_2_wrapper {
    display: flex;
    height: 20px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
  }

  .plus_minus_2 {
    height: 20px;
    position: relative;
    width: 20px
  }

  .plus_minus_2:after,
  .plus_minus_2:before {
    background-color: #373a3f;
    content: "";
    position: absolute;
    transition: transform .25s ease-out
  }

  .plus_minus_2:before {
    height: 100%;
    left: 50%;
    margin-left: -1px;
    top: 0;
    width: 2px
  }

  .plus_minus_2:after {
    height: 2px;
    left: 0;
    margin-top: -1px;
    top: 50%;
    width: 100%
  }

  .plus_minus_2:hover {
    cursor: pointer
  }

  .faq_menu_opened .plus_minus_2:before {
    transform: rotate(90deg)
  }

  .faq_menu_opened .plus_minus_2:after {
    transform: rotate(180deg)
  }

  .menu_opened .s8 .faq_block .left {
    display: none
  }

  .s8 .f_active .f_body {
    margin-bottom: 10px
  }

  .s8 .f_body_inner ol li,
  .s8 .f_body_inner ul li {
    margin-left: 26px
  }
}

.s10 {
  overflow: hidden
}

.s10 .inner {
  padding: 40px 20px;
  text-align: center
}

.s10 h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 60px;
  margin: 65px 0 25px
}

.s10 .text {
  font-size: 20px;
  font-weight: 300;
  line-height: 34px
}

.s10 .item_1 {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto 200px;
  max-width: 1088px
}

.s10 .item_1 img {
  margin-right: 0;
  margin-top: 46px;
  position: relative
}

.s10 .item_2 {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 0 auto 75px;
  max-width: 1010px
}

.s10 .item_2 .left {
  flex: 0 0 auto;
  max-width: 50%
}

.s10 .item_2 .right {
  padding: 4px 50px 0 129px;
  text-align: left
}

.s10 .item_3 img {
  margin-bottom: 100px;
  margin-top: 61px;
  max-width: inherit
}

.s10 .smaller {
  font-size: 13px;
  line-height: 0;
  margin-left: 1px;
  position: relative;
  top: -8px
}

.s10 .smaller_2 {
  font-size: 9px
}

.s10 .item_3 .right {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  max-width: 968px
}

.s10 picture {
  display: flex
}

@media only screen and (max-width:1300px) {
  .s10 h2 {
    font-size: 35px;
    line-height: 115%;
    margin: 49px 0 17px
  }

  .s10 .text {
    font-size: 17px;
    line-height: 180%
  }

  .s10 .item_1 {
    margin: 0 auto -117px;
    max-width: 990px
  }

  .s10 .item_1 img {
    margin-right: -19px;
    margin-top: -123px;
    max-width: inherit
  }

  .s10 .item_2 {
    margin: 0 auto 70px;
    max-width: 754px
  }

  .s10 .item_2 .right {
    padding: 43px 37px 0 75px
  }

  .s10 .item_2 h2 {
    margin-bottom: 27px
  }

  .s10 .item_3 h2 {
    margin: 49px 0 26px
  }

  .s10 .item_3 img {
    margin-bottom: 50px;
    margin-top: 54px
  }

  .s10 .item_3 .right {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 663px
  }

  .s10 .smaller {
    font-size: 10px
  }

  .s10 .smaller_2 {
    font-size: 8px
  }
}

@media only screen and (max-width:990px) {
  .s10 h2 {
    font-size: 32px;
    line-height: 120%;
    margin: 83px 0 20px
  }

  .s10 .item_1 {
    margin: 0 auto -25px;
    max-width: 642px
  }

  .s10 .item_1 img {
    margin-right: 0;
    margin-top: -90px;
    max-width: inherit
  }

  .s10 .item_2 {
    margin: 0 auto 40px;
    max-width: 620px
  }

  .s10 .item_2 .right {
    padding: 0 64px 0 44px
  }

  .s10 .item_2 h2 {
    margin: 54px 0 20px
  }

  .s10 .smaller {
    font-size: 10px;
    margin-left: 1px;
    top: -5px
  }

  .s10 .item_3 h2 {
    margin: 49px 0 20px
  }

  .s10 .text {
    font-size: 15px;
    line-height: 180%
  }

  .s10 .item_3 .right {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 519px
  }

  .s10 .item_3 img {
    margin-bottom: 34px;
    margin-top: 48px
  }

  .s10 .smaller_2 {
    font-size: 8px
  }
}

@media only screen and (max-width:767px) {
  .s10 h2 {
    font-size: 28px;
    line-height: 130%;
    margin: 9px 0 10px
  }

  .s10 .item_1 {
    justify-content: center;
    margin: 0 auto -85px;
    max-width: 440px
  }

  .s10 .item_1 img {
    margin-right: -55px;
    margin-top: -69px
  }

  .s10 .item_2 {
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
    margin: 0 auto;
    max-width: 390px
  }

  .s10 .item_2,
  .s10 .item_2 .left {
    text-align: center
  }

  .s10 .item_2 .left img {
    margin: 39px 0 0 85px
  }

  .s10 .item_2 .right {
    padding: 0 20px;
    text-align: center
  }

  .s10 .item_2 h2 {
    margin: 0 0 10px
  }

  .s10 .text {
    font-size: 14px;
    line-height: 180%;
    margin: 0 auto;
    max-width: 400px
  }

  .s10 .smaller {
    font-size: 8px;
    margin-left: 1px;
    top: -5px
  }

  .s10 .item_3 h2 {
    margin: 49px 0 10px
  }

  .s10 .item_3 .text {
    margin: 0 auto;
    max-width: 240px
  }

  .s10 .item_3 .right {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 364px
  }

  .s10 .item_3 img {
    margin-bottom: 29px;
    margin-top: 29px
  }

  .s10 .smaller_2 {
    font-size: 7px
  }

  .s10 .item_2 .left {
    max-width: 100%
  }
}

@media only screen and (max-width:439px) {
  .s10 .item_1 img {
    max-width: 114%
  }

  .s10 .item_3 img {
    max-width: 100%
  }
}

.s11 .main_img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.s11 .main_img picture {
  display: flex;
  height: 100%
}

.s11 .main_img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100%
}

.s11 .overlay {
  background: linear-gradient(121.43deg, hsla(0, 0%, 100%, .7) 30.16%, hsla(0, 0%, 100%, .373) 45.83%, hsla(0, 0%, 100%, .252) 55.69%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.s11 .inner_wrapper {
  margin: 0 auto;
  max-width: 1020px;
  padding: 138px 20px;
  position: relative
}

.s11 .left {
  max-width: 500px
}

.s11 h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 60px
}

.s11 .text {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px;
  margin: 20px 0 31px
}

.s11 .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s11 .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s11 .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s11 .button--primary {
  background-color: #239947
}

.s11 .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s11 .button--primary-dark {
  background-color: #006838
}

.s11 .button--primary-dark:hover {
  background-color: #009b53
}

.s11 .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s11 .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s11 .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s11 .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s11 .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s11 .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s11 .inner {
  position: relative
}

@media only screen and (max-width:1300px) {
  .s11 .inner_wrapper {
    max-width: 798px;
    padding: 111px 20px 101px
  }

  .s11 h2 {
    font-size: 35px;
    line-height: 115%
  }

  .s11 .text {
    font-size: 17px;
    line-height: 180%;
    margin: 11px 0 31px
  }

  .s11 .button a {
    font-size: 18px;
    height: 50px;
    line-height: 21px;
    width: 180px
  }
}

@media only screen and (max-width:990px) {
  .s11 .inner_wrapper {
    max-width: 653px;
    padding: 58px 20px 50px
  }

  .s11 .main_img img {
    -o-object-position: center right;
    object-position: center right
  }

  .s11 h2 {
    font-size: 32px;
    line-height: 120%
  }

  .s11 .text {
    font-size: 15px;
    line-height: 180%;
    margin: 11px 0 33px
  }

  .s11 .button a {
    font-size: 16px;
    height: 40px;
    line-height: 21px;
    width: 150px
  }
}

@media only screen and (max-width:767px) {
  .s11 .inner_wrapper {
    max-width: 389px;
    padding: 69px 20px 56px
  }

  .s11 h2 {
    font-size: 28px;
    line-height: 130%
  }

  .s11 .text {
    font-size: 14px;
    line-height: 180%;
    margin: 11px 0 16px;
    max-width: 193px
  }

  .s11 .button a {
    font-size: 14px;
    height: 40px;
    line-height: 21px;
    width: 120px
  }
}

.s12 .main_img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.s12 .main_img picture {
  display: flex;
  height: 100%
}

.s12 .main_img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center right;
  object-position: center right;
  width: 100%
}

.s12 .overlay {
  background: linear-gradient(310.28deg, rgba(247, 251, 254, .98) 24.15%, rgba(247, 251, 254, .8) 53.77%, rgba(247, 251, 254, .2) 90.28%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-180deg);
  width: 100%
}

.s12 .inner_wrapper {
  margin: 0 auto;
  max-width: 1190px;
  padding: 119px 20px 180px;
  position: relative
}

.s12 .left {
  max-width: 480px
}

.s12 h1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 115%
}

.s12 .text {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px;
  margin: 20px 0 37px
}

.s12 .inner {
  position: relative
}

.s12 .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s12 .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s12 .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s12 .button--primary {
  background-color: #239947
}

.s12 .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s12 .button--primary-dark {
  background-color: #006838
}

.s12 .button--primary-dark:hover {
  background-color: #009b53
}

.s12 .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s12 .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s12 .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s12 .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s12 .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s12 .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

@media only screen and (max-width:1300px) {
  .s12 h1 {
    font-size: 42px;
    line-height: 115%
  }

  .s12 .inner_wrapper {
    max-width: 864px;
    padding: 105px 20px 112px
  }

  .s12 .left {
    max-width: 521px
  }

  .s12 .text {
    font-size: 17px;
    line-height: 180%;
    margin: 21px 0 0;
    max-width: 470px
  }

  .s12 .button {
    margin-top: 15px
  }
}

@media only screen and (max-width:990px) {
  .s12 h1 {
    font-size: 32px;
    line-height: 115%
  }

  .s12 .text {
    font-size: 15px;
    line-height: 180%
  }

  .s12 .inner_wrapper {
    max-width: 687px;
    padding: 61px 20px 54px
  }

  .s12 .left {
    max-width: 348px
  }

  .s12 .button {
    line-height: 20px
  }
}

@media only screen and (max-width:767px) {
  .s12 h1 {
    font-size: 35px;
    line-height: 130%
  }

  .s12 .inner_wrapper {
    max-width: 410px;
    padding: 44px 20px 103px
  }

  .s12 .text {
    font-size: 14px;
    line-height: 180%;
    margin: 16px 0 0
  }
}

.s13 .inner {
  align-items: center;
  display: flex;
  margin: 81px auto;
  max-width: 1307px;
  padding: 0 20px
}

.s13 .left {
  flex: 0 0 auto;
  max-width: 50%
}

.s13 .right {
  max-width: 600px;
  padding-bottom: 47px;
  padding-left: 91px
}

.s13 h2 {
  margin-bottom: 30px
}

.s13 .text,
.s13 h2 {
  font-size: 30px;
  font-weight: 500;
  line-height: 140.62%
}

.s13 .text {
  color: #277c2a
}

.s13 .text span {
  font-style: italic;
  font-weight: 300
}

@media only screen and (max-width:1300px) {
  .s13 h2 {
    margin-bottom: 25px
  }

  .s13 .text,
  .s13 h2 {
    font-size: 25px;
    line-height: 140.62%
  }

  .s13 .inner {
    align-items: center;
    display: flex;
    margin: 90px auto 70px;
    max-width: 929px;
    padding: 0 20px
  }

  .s13 .right {
    max-width: 600px;
    padding-bottom: 64px;
    padding-left: 64px
  }
}

@media only screen and (max-width:990px) {
  .s13 .text {
    font-size: 20px;
    line-height: 140.62%
  }

  .s13 .inner {
    align-items: center;
    display: flex;
    margin: 47px auto 70px;
    max-width: 716px;
    padding: 0 20px
  }

  .s13 .right {
    max-width: 600px;
    padding-bottom: 8px;
    padding-left: 27px;
    padding-right: 11px
  }

  .s13 h2 {
    font-size: 20px;
    line-height: 140.62%;
    margin-bottom: 16px
  }
}

@media only screen and (max-width:767px) {
  .s13 .text {
    font-size: 14px;
    line-height: 180%
  }

  .s13 .inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 60px auto 50px;
    max-width: 394px;
    padding: 0 20px
  }

  .s13 .left {
    flex: 0 0 auto;
    padding-right: 20px
  }

  .s13 .right {
    max-width: 600px;
    padding: 25px 0 0;
    text-align: center
  }

  .s13 h2 {
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 18px
  }

  .s13 .left {
    max-width: 100%
  }
}

.s14 .inner {
  align-items: center;
  display: flex;
  margin: 113px auto 124px;
  max-width: 1234px;
  padding: 0 20px
}

.s14 .left {
  padding-right: 90px
}

.s14 h2 {
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 60px;
  margin-bottom: 20px
}

.s14 .text p {
  font-size: 20px;
  font-weight: 300;
  line-height: 180%;
  margin-bottom: 15px
}

.s14 .text sup a {
  color: #373a3f
}

.s14 .text p:last-child {
  margin-bottom: 0
}

.s14 .right {
  flex: 0 0 auto;
  max-width: 50%;
  padding-top: 29px
}

@media only screen and (max-width:1300px) {
  .s14 h2 {
    font-size: 35px;
    line-height: 115%;
    margin-bottom: 36px
  }

  .s14 .text p {
    font-size: 18px;
    line-height: 180%
  }

  .s14 .inner {
    align-items: center;
    display: flex;
    margin: 91px auto 74px;
    max-width: 902px;
    padding: 0 20px
  }

  .s14 .left {
    padding-left: 10px;
    padding-right: 36px
  }

  .s14 .right {
    flex: 0 0 auto;
    padding-top: 43px
  }
}

@media only screen and (max-width:990px) {
  .s14 h2 {
    font-size: 32px;
    line-height: 120%
  }

  .s14 .text p {
    font-size: 15px;
    line-height: 180%
  }

  .s14 .inner {
    align-items: center;
    display: flex;
    margin: 91px auto;
    max-width: 690px;
    padding: 0 20px
  }

  .s14 .left {
    padding-left: 0;
    padding-right: 30px
  }

  .s14 .right {
    flex: 0 0 auto;
    padding-top: 62px
  }
}

@media only screen and (max-width:767px) {
  .s14 .inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 67px auto 49px;
    max-width: 392px;
    padding: 0 20px;
    text-align: center
  }

  .s14 .left {
    padding-left: 0;
    padding-right: 0
  }

  .s14 h2 {
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 20px
  }

  .s14 .text p {
    font-size: 14px;
    line-height: 180%;
    margin-bottom: 25px
  }

  .s14 .right {
    flex: 0 0 auto;
    max-width: 100%;
    padding-top: 30px
  }
}

.s15 {
  background: #f7fbfe
}

.s15 .inner {
  margin: 0 auto;
  max-width: 1148px;
  padding: 67px 20px 75px
}

.s15 h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 60px
}

.s15 .items {
  display: flex;
  justify-content: space-between;
  margin-top: 70px
}

.s15 .items .item {
  width: 292px
}

.s15 h3 {
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -.5px;
  line-height: 120%;
  margin: 27px 0 15px
}

.s15 .text {
  font-size: 20px;
  font-weight: 300;
  line-height: 34px
}

@media only screen and (max-width:1300px) {
  .s15 h2 {
    font-size: 35px;
    line-height: 115%
  }

  .s15 h3 {
    font-size: 28px;
    line-height: 140.62%;
    margin: 22px 0 6px
  }

  .s15 .text {
    font-size: 17px;
    line-height: 180%
  }

  .s15 .inner {
    margin: 0 auto;
    max-width: 884px;
    padding: 76px 20px 75px
  }

  .s15 .items {
    display: flex;
    justify-content: space-between;
    margin-top: 44px
  }

  .s15 .items .item {
    width: 230px
  }

  .s15 .items .item svg {
    height: 45px;
    width: 45px
  }
}

@media only screen and (max-width:990px) {
  .s15 h2 {
    font-size: 32px;
    line-height: 120%
  }

  .s15 h3 {
    font-size: 24px;
    line-height: 140.62%;
    margin: 17px 0 3px
  }

  .s15 .inner {
    max-width: 688px;
    padding: 59px 20px 55px
  }

  .s15 .items {
    display: flex;
    justify-content: space-between;
    margin-top: 53px
  }

  .s15 .items .item {
    width: 218px
  }

  .s15 .items .item svg {
    height: 37px;
    width: 37px
  }

  .s15 .text {
    font-size: 15px;
    line-height: 180%;
    max-width: 145px
  }

  .s15 .items .item:last-child .text {
    max-width: 100%
  }
}

@media only screen and (max-width:767px) {
  .s15 .inner {
    max-width: 330px;
    padding: 52px 20px 0
  }

  .s15 h2 {
    font-size: 28px;
    line-height: 130%;
    text-align: center
  }

  .s15 .items {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 56px
  }

  .s15 .items .item {
    margin-bottom: 47px;
    text-align: center;
    width: 218px
  }

  .s15 .items .item svg {
    height: 50px;
    width: 50px
  }

  .s15 h3 {
    font-size: 18px;
    line-height: 130%;
    margin: -2px auto 5px;
    max-width: 157px
  }

  .s15 .text {
    font-size: 14px;
    line-height: 180%;
    max-width: 100%
  }
}

.s16 .inner {
  margin: 0 auto;
  max-width: 1148px;
  padding: 129px 20px 109px
}

.s16 h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 60px
}

.s16 .text {
  font-size: 20px;
  font-weight: 300;
  line-height: 34px;
  margin: 23px 0 61px
}

.s16 .items_1 {
  display: flex;
  min-height: 800px;
  position: relative
}

.s16 .bg {
  left: 0;
  position: absolute;
  top: 132px;
  z-index: -1
}

.s16 .left {
  display: flex;
  flex: 0 0 auto;
  margin-right: 30px;
  max-width: 254px;
  width: 254px
}

.s16 .item {
  color: #373a3f
}

.s16 .item .image {
  transition: .1s ease-in-out
}

.s16 .item:hover .image {
  background: #2b8c59 !important
}

.s16 .left .item {
  margin-top: auto
}

.s16 .top {
  position: relative
}

.s16 .item .image {
  background: #0b713b;
  border-radius: 10px;
  height: 254px;
  width: 254px
}

.s16 .center {
  width: 569px
}

.s16 .t_heading {
  color: #fff;
  font-size: 48px;
  font-weight: 500;
  left: 24px;
  letter-spacing: -.5px;
  line-height: 100%;
  position: absolute;
  top: 23px
}

.s16 .heading {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.2px;
  line-height: 130%;
  margin: 18px 0 10px
}

.s16 .content {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -.145455px;
  line-height: 26px
}

.s16 .center {
  display: flex;
  flex: 0 0 auto;
  margin-right: 30px;
  max-width: 540px;
  width: 540px
}

.s16 .center .item .image {
  background: #277c2a;
  border-radius: 10px;
  height: 653px;
  width: 538px
}

.s16 .center .t_heading {
  font-size: 64px;
  left: 36px;
  line-height: 100%;
  top: 48px
}

.s16 .center .heading {
  font-size: 24px;
  margin: 24px 0 7px
}

.s16 .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 254px;
  width: 254px
}

.s16 .right .item:first-child {
  margin-bottom: 20px
}

.s16 .right .item:first-child .image {
  background: #3cb44a
}

.s16 .right .item:last-child .image {
  background: #289243
}

.s16 .button {
  margin: 62px 0 0;
  text-align: center
}

.s16 .button a {
  align-items: center;
  background-color: #239947;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s16 .button a {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s16 .button a {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s16 .button a--primary {
  background-color: #239947
}

.s16 .button a--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s16 .button a--primary-dark {
  background-color: #006838
}

.s16 .button a--primary-dark:hover {
  background-color: #009b53
}

.s16 .button a--primary-light {
  background-color: #fff;
  color: #239947
}

.s16 .button a--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s16 .button a--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s16 .button a--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s16 .button a--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s16 .button a--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s16 .button a:hover {
  background-color: #1a6f34;
  border: 0
}

.s16 .button a-dark {
  background-color: #006838
}

.s16 .button a-dark:hover {
  background-color: #009b53
}

.s16 .button a-light {
  background-color: #fff;
  color: #239947
}

.s16 .button a-light:hover {
  background-color: #009b53;
  color: #fff
}

.s16 .items_2 {
  display: none
}

.s16 .items_2 .item {
  margin-bottom: 32px;
  margin-right: 31px;
  margin-top: 38px;
  width: 255px
}

.s16 .items_2 .item:last-child {
  margin-right: 0
}

.loaded_more .s16 .items_2 {
  display: flex
}

.loaded_more .s16 .button {
  display: none
}

@media only screen and (max-width:1300px) {
  .s16 h2 {
    font-size: 35px;
    line-height: 115%
  }

  .s16 .text {
    font-size: 17px;
    line-height: 180%;
    margin: 28px 0 56px
  }

  .s16 .t_heading {
    font-size: 38px;
    left: 20px;
    line-height: 100%;
    top: 18px
  }

  .s16 .center .t_heading {
    font-size: 50px;
    left: 22px;
    line-height: 100%;
    top: 39px
  }

  .s16 .button a {
    font-size: 16px;
    height: 50px;
    line-height: 21px;
    width: 180px
  }

  .s16 .inner {
    margin: 0 auto;
    max-width: 885px;
    padding: 81px 20px
  }

  .s16 .items_1 {
    display: flex;
    min-height: auto;
    position: relative
  }

  .s16 .bg {
    left: 0;
    position: absolute;
    top: 145px
  }

  .s16 .bg img {
    width: 244px
  }

  .s16 .left {
    display: flex;
    flex: 0 0 auto;
    margin-right: 33px;
    width: 180px
  }

  .s16 .item .image {
    background: #0b713b;
    border-radius: 10px;
    height: 180px;
    width: 180px
  }

  .s16 .heading {
    font-size: 18px;
    line-height: 110%;
    margin: 19px 0 11px
  }

  .s16 .content {
    font-size: 16px;
    line-height: 150%
  }

  .s16 .center {
    display: flex;
    flex: 0 0 auto;
    margin-right: 31px;
    width: 420px
  }

  .s16 .center .item {
    margin-top: auto
  }

  .s16 .center .item .image {
    background: #277c2a;
    border-radius: 10px;
    height: 507px;
    width: 420px
  }

  .s16 .center .heading {
    font-size: 22px;
    margin: 20px 0 9px
  }
}

@media only screen and (max-width:990px) {
  .s16 .inner {
    margin: 0 auto;
    max-width: 689px;
    padding: 69px 20px
  }

  .s16 h2 {
    font-size: 32px;
    line-height: 120%
  }

  .s16 .text {
    font-size: 15px;
    line-height: 180%;
    margin: 15px 0 70px
  }

  .s16 .bg {
    left: 12px;
    position: absolute;
    top: 114px
  }

  .s16 .bg img {
    width: 182px
  }

  .s16 .left {
    display: flex;
    flex: 0 0 auto;
    margin-right: 24px;
    width: 140px
  }

  .s16 .item .image {
    height: 140px;
    width: 140px
  }

  .s16 .t_heading {
    font-size: 30px;
    left: 20px;
    line-height: 100%;
    top: 19px
  }

  .s16 .heading {
    margin: 12px 0 5px
  }

  .s16 .content {
    font-size: 12px;
    line-height: 150%;
    max-height: 44px;
    overflow: hidden
  }

  .s16 .center {
    display: flex;
    flex: 0 0 auto;
    margin-right: 24px;
    width: 320px
  }

  .s16 .center .item {
    margin-top: 0
  }

  .s16 .center .item .image {
    background: #277c2a;
    border-radius: 10px;
    height: 400px;
    width: 320px
  }

  .s16 .center .t_heading {
    left: 17px;
    top: 21px
  }

  .s16 .center .heading {
    margin: 15px 0 7px
  }

  .s16 .center .content {
    font-size: 14px
  }

  .s16 .center .t_heading {
    font-size: 32px;
    line-height: 100%
  }

  .s16 .heading {
    font-size: 14px;
    line-height: 110%
  }

  .s16 .center .heading {
    font-size: 16px;
    line-height: 110%
  }

  .s16 .items_2 .item {
    margin-bottom: 29px;
    margin-right: 27px;
    margin-top: 29px;
    width: 255px
  }

  .s16 .button a {
    font-size: 14px;
    height: 40px;
    line-height: 21px;
    width: 150px
  }

  .s16 .button {
    margin: 46px 0 0
  }
}

@media only screen and (max-width:767px) {

  .s16 .center,
  .s16 .left,
  .s16 .right {
    max-width: 100%;
    width: 100%
  }

  .s16 h2 {
    font-size: 28px;
    line-height: 130%;
    max-width: 294px;
    padding-left: 10px
  }

  .s16 .text {
    font-size: 14px;
    line-height: 180%;
    margin: 8px 0 47px;
    padding-left: 10px
  }

  .s16 .button a {
    font-size: 14px;
    height: 40px;
    line-height: 24px;
    width: 120px
  }

  .s16 .inner {
    margin: 0 auto;
    max-width: 430px;
    padding: 63px 20px 69px
  }

  .s16 .items_1 {
    display: flex;
    flex-direction: column;
    min-height: auto;
    position: relative
  }

  .s16 .bg {
    display: none
  }

  .s16 .left {
    order: 2
  }

  .s16 .center,
  .s16 .left {
    display: flex;
    flex: 0 0 auto;
    margin-right: 0;
    width: 100%
  }

  .s16 .center {
    margin-bottom: 14px;
    order: 1
  }

  .s16 .center .item .image {
    background: #277c2a;
    border-radius: 5px;
    height: 330px;
    width: 100%
  }

  .s16 .center .t_heading {
    font-size: 48px;
    line-height: 100%;
    max-width: 200px
  }

  .s16 .center .heading {
    font-size: 16px;
    line-height: 130%;
    padding: 0 13px
  }

  .s16 .center .content {
    font-size: 14px;
    padding: 0 13px
  }

  .s16 .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    order: 3
  }

  .s16 .center .item {
    display: block
  }

  .s16 .center .h_and_c {
    padding-left: 0
  }

  .s16 .button {
    margin: 68px 0 0
  }

  .s16 .item {
    align-items: center;
    color: #373a3f;
    display: flex;
    margin-top: 20px
  }

  .s16 .item .image {
    border-radius: 5px;
    height: 151px;
    width: 184px
  }

  .s16 .t_heading {
    font-size: 36px;
    left: 18px;
    line-height: 100%;
    top: 15px
  }

  .s16 .h_and_c {
    padding-left: 20px
  }

  .s16 .heading {
    font-size: 16px;
    line-height: 130%;
    margin: 0 0 5px
  }

  .s16 .content {
    font-size: 14px;
    line-height: 140%
  }

  .loaded_more .s16 .items_2 {
    display: flex;
    flex-direction: column
  }

  .s16 .items_2 .item {
    margin-bottom: 0;
    margin-right: 27px;
    margin-top: 20px;
    width: 100%
  }

  .s16 .right .item:first-child {
    margin-bottom: 0
  }

  .s16 .left .item {
    margin-top: 20px
  }
}

@media only screen and (max-width:439px) {
  .s16 .item .image {
    height: 129px;
    width: 150px
  }
}

.s17 h1 {
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  margin-bottom: 30px;
  max-width: 495px
}

.s17 .text {
  font-size: 20px;
  font-weight: 300;
  line-height: 172%
}

.s17 .content_heading {
  font-size: 31.4976px;
  font-weight: 300;
  line-height: 140.62%;
  margin: 18px 0 3px
}

.s17 .text_2 {
  font-size: 20px;
  font-weight: 300;
  line-height: 180%
}

.s17 .text_2 .smaller {
  font-size: 44%;
  font-weight: 300;
  letter-spacing: .9px;
  line-height: 0;
  margin-left: 0;
  position: relative;
  top: -8px
}

.s17 .text_2 a {
  color: #373a3f
}

.s17 .inner {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1190px;
  padding: 120px 20px 109px
}

.s17 .left {
  margin-right: 20px;
  max-width: 100%;
  width: 535px
}

.s17 .items {
  display: flex;
  margin-top: 47px
}

.s17 .items .item {
  flex: 0 0 auto;
  margin-right: 39px;
  width: 222px
}

.s17 .inner .right {
  border-radius: 20px;
  box-shadow: 0 0 100px rgba(55, 58, 63, .1);
  height: auto;
  margin-right: 11px;
  margin-top: 3px;
  position: relative;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 445px
}

.s17 .next,
.s17 .prev {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 78px;
  justify-content: center;
  left: -40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 78px;
  z-index: 2
}

.s17 .slick-slide:active,
.s17 .slick-slide:focus,
.s17 .slick-slide:hover {
  outline: none !important
}

.s17 .next {
  left: inherit;
  right: -40px
}

.s17 .bg {
  border-radius: 20px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.s17 .bg img {
  border-radius: 20px;
  display: flex;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.s17 .slide_inner {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  padding: 40px 46px
}

.s17 .slide_inner ul li a {
  color: #fff
}

.s17 .slide_inner h2 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -.2px;
  line-height: 120%;
  margin-bottom: 7px;
  text-align: center
}

.s17 .slide_inner .rate {
  font-size: 100px;
  font-weight: 600;
  letter-spacing: -.05em;
  line-height: 100%;
  text-align: center
}

.s17 .slide_inner .r_2 {
  font-size: 56%;
  line-height: 0;
  margin-left: 13px;
  position: relative;
  top: 0
}

.s17 .slide_inner .r_3 {
  font-size: 34%;
  margin-left: 4px;
  top: -24px
}

.s17 .slide_inner .r_3,
.s17 .slide_inner .r_4 {
  font-weight: 300;
  letter-spacing: .9px;
  line-height: 0;
  position: relative
}

.s17 .slide_inner .r_4 {
  font-size: 55%;
  margin-left: 0;
  top: -10px
}

.s17 .slide_inner .r_4 a {
  color: #fff
}

.s17 .slide_inner .subheading {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 34px;
  margin: 15px 0 10px;
  text-align: center
}

.s17 .slide_inner li {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -.145455px;
  line-height: 130%;
  margin: 10px 0;
  padding-left: 7px;
  position: relative;
  text-align: left
}

.s17 .slide_inner li:after {
  background: #fff;
  border: none;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 3px
}

.s17 .slide_inner .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  margin-top: 38px;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s17 .slide_inner .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s17 .slide_inner .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s17 .slide_inner .button--primary {
  background-color: #239947
}

.s17 .slide_inner .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s17 .slide_inner .button--primary-dark {
  background-color: #006838
}

.s17 .slide_inner .button--primary-dark:hover {
  background-color: #009b53
}

.s17 .slide_inner .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s17 .slide_inner .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s17 .slide_inner .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s17 .slide_inner .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s17 .slide_inner .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s17 .slide_inner .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s17 .slide_inner .button a:hover {
  background: transparent;
  color: #fff
}

.s17 .svg {
  margin: 15px 0 -9px
}

.s17 .svg svg {
  max-width: 100%
}

.s17 .items_mobile {
  display: none !important
}

.s17 .years_heading {
  font-size: 15px;
  margin: 18px 0 0;
  padding-bottom: 50px
}

.s17 .slick-dots {
  bottom: 135px;
  color: #fff;
  display: flex;
  left: 50%;
  max-width: 100%;
  position: absolute;
  transform: translateX(-50%) translateZ(0)
}

.s17 .slick-dots .slider-nav-inner {
  display: flex;
  font-size: 13px;
  margin: 0 10px;
  white-space: nowrap
}

.s17 .slick-dots .slider-nav-inner:hover {
  cursor: pointer
}

.s17 .slider-nav {
  align-items: center;
  display: flex;
  flex-direction: column
}

.s17 .slider_dot {
  cursor: pointer;
  height: 8px;
  width: 8px
}

.s17 .slider_dot:before {
  background: #fff;
  border-radius: 50%;
  bottom: 19px;
  content: "";
  height: 8px;
  position: absolute;
  width: 8px;
  z-index: 99
}

.s17 .slick-active .slider_dot:before {
  background: #373a3f
}

.s17 .slider_dot:after {
  background: #fff;
  bottom: 22px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.s17 .slick-dots li:last-child .slider_dot:after {
  content: none
}

.s17 .slider-nav-inner {
  margin-top: 5px
}

main .s17 .slick-dots li {
  margin: 0;
  padding: 0
}

main .s17 .slick-dots li:after {
  content: none
}

@media only screen and (max-width:1300px) {
  .s17 .inner {
    justify-content: space-between;
    margin: 0 auto;
    max-width: 914px;
    padding: 105px 20px 91px
  }

  .s17 .left {
    margin-left: 16px;
    margin-right: 20px;
    width: 400px
  }

  .s17 h1 {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 23px
  }

  .s17 .text {
    font-size: 17px;
    line-height: 180%
  }

  .s17 .items {
    display: flex;
    margin-top: 50px
  }

  .s17 .items .item {
    flex: 0 0 auto;
    margin-right: 34px;
    width: 181px
  }

  .s17 .content_heading {
    font-size: 28px;
    line-height: 140.62%;
    margin: 18px 0 7px
  }

  .s17 .text_2 {
    font-size: 17px;
    line-height: 180%
  }

  .s17 .inner .right {
    border-radius: 20px;
    box-shadow: 0 0 100px rgba(55, 58, 63, .1);
    height: auto;
    margin-right: 0;
    margin-top: 34px;
    position: relative;
    width: 390px
  }

  .s17 .next,
  .s17 .prev {
    height: 65px;
    left: -32px;
    width: 65px
  }

  .s17 .next {
    left: inherit;
    right: -32px
  }

  .s17 .slide_inner {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    padding: 34px 36px
  }

  .s17 .slide_inner h2 {
    font-size: 30px;
    line-height: 120%;
    margin-bottom: 16px
  }

  .s17 .slide_inner .rate {
    font-size: 80px;
    line-height: 100%
  }

  .s17 .slide_inner .subheading {
    font-size: 22px;
    line-height: 32px;
    margin: 9px 0 12px
  }

  .s17 .slide_inner li {
    font-size: 14px;
    line-height: 130%
  }

  .s17 .slide_inner .button {
    margin-top: 35px
  }

  .s17 .slide_inner .button a {
    font-size: 18px;
    height: 50px;
    line-height: 23px;
    width: 180px
  }

  .s17 .years_heading {
    font-size: 13px;
    padding-bottom: 35px
  }

  .s17 .slick-dots {
    bottom: 110px
  }

  .s17 .slick-dots .slider-nav-inner {
    font-size: 12px;
    font-weight: 300;
    margin: 0 8px
  }

  .s17 .slick-dots:after {
    bottom: 22px;
    height: 1px;
    left: 8%;
    width: 86%
  }
}

@media only screen and (max-width:990px) {
  .s17 .left {
    margin-left: 0;
    margin-right: 15px;
    width: 360px
  }

  .s17 h1 {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 13px
  }

  .s17 .text {
    font-size: 15px;
    line-height: 180%
  }

  .s17 .items {
    display: flex;
    margin-top: 30px
  }

  .s17 .items .item {
    flex: 0 0 auto;
    margin-right: 20px;
    width: 150px
  }

  .s17 .left svg {
    height: 36px;
    width: 36px
  }

  .s17 .text_2 {
    font-size: 14px;
    line-height: 150%
  }

  .s17 .inner .right {
    border-radius: 20px;
    box-shadow: 0 0 100px rgba(55, 58, 63, .1);
    flex: 0 0 auto;
    height: auto;
    margin-right: 0;
    margin-top: 3px;
    position: relative;
    width: 260px
  }

  .s17 .next,
  .s17 .prev {
    height: 40px;
    left: -21px;
    width: 40px
  }

  .s17 .next {
    left: inherit;
    right: -21px
  }

  .s17 .next svg,
  .s17 .prev svg {
    height: 25px;
    width: 25px
  }

  .s17 .slide_inner {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    padding: 34px 12px
  }

  .s17 .slide_inner h2 {
    margin-bottom: 18px
  }

  .s17 .slide_inner .rate {
    font-size: 60px;
    line-height: 100%
  }

  .s17 .slide_inner .r_2 {
    font-size: 70%;
    line-height: 0;
    margin-left: 13px;
    position: relative;
    top: 0
  }

  .s17 .slide_inner .r_3 {
    font-size: 34%;
    margin-left: 2px;
    top: -20px
  }

  .s17 .slide_inner .r_3,
  .s17 .slide_inner .r_4 {
    font-weight: 300;
    letter-spacing: .9px;
    line-height: 0;
    position: relative
  }

  .s17 .slide_inner .r_4 {
    font-size: 55%;
    margin-left: 0;
    top: -8px
  }

  .s17 .slide_inner .subheading {
    margin: 9px 0 20px
  }

  .s17 .slide_inner li {
    font-size: 13px;
    line-height: 130%;
    margin: 10px 0
  }

  .s17 .slide_inner li:after {
    background: #fff;
    border: none;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 3px
  }

  .s17 .slide_inner .button a {
    font-size: 16px;
    height: 50px;
    height: 40px;
    line-height: 23px;
    width: 180px;
    width: 150px
  }

  .s17 .slide_inner .button {
    margin-top: 13px
  }

  .s17 .content_heading {
    font-size: 24px;
    line-height: 140.62%;
    margin: 16px 0 1px
  }

  .s17 .inner {
    justify-content: space-between;
    margin: 0 auto;
    max-width: 690px;
    padding: 66px 20px 55px
  }

  .s17 .slide_inner .subheading {
    font-size: 18px;
    line-height: 26px;
    margin: 9px 0 5px
  }

  .s17 .slide_inner h2 {
    font-size: 25px;
    line-height: 120%;
    margin-bottom: 3px
  }

  .s17.svg {
    margin: 4px 0 -2px
  }

  .s17 .years_heading {
    font-size: 11px;
    margin: 6px 0 0;
    padding-bottom: 41px
  }

  .s17 .slick-dots {
    bottom: 84px
  }

  .s17 .slick-dots .slider-nav-inner {
    font-size: 10px;
    font-weight: 300;
    margin: 0 4px
  }

  .s17 .slider_dot {
    height: 5px;
    width: 5px
  }

  .s17 .slick-dots:after {
    bottom: 16px;
    height: 1px;
    left: 8%;
    width: 86%
  }
}

@media only screen and (max-width:767px) {
  .s17 .inner {
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    justify-content: center;
    margin: 0 auto;
    max-width: 450px;
    padding: 45px 20px 27px;
    text-align: center
  }

  .s17 .left {
    margin-left: 0;
    margin-right: 0;
    position: relative;
    width: 372px
  }

  .s17 h1 {
    font-size: 35px;
    line-height: 130%;
    margin-bottom: 21px
  }

  .s17 .text {
    font-size: 14px;
    line-height: 180%;
    padding-left: 1px;
    text-align: left
  }

  .s17 .items {
    margin-top: 30px
  }

  .s17 .items .item {
    flex: 0 1 auto;
    margin-left: 18px;
    margin-right: 18px;
    width: 191px
  }

  .s17 .left svg {
    height: 50px;
    width: 50px
  }

  .s17 .content_heading {
    font-size: 18px;
    letter-spacing: -.5px;
    line-height: 130%;
    margin: 1px 0 6px;
    text-align: center
  }

  .s17 .text_2 {
    font-size: 14px;
    line-height: 180%
  }

  .s17 .text_2 .smaller {
    font-size: 50%;
    top: -6px
  }

  .s17 .inner .right {
    border-radius: 20px;
    box-shadow: 0 0 100px rgba(55, 58, 63, .1);
    flex: 0 0 auto;
    height: auto;
    margin-right: 0;
    margin-top: 32px;
    position: relative;
    width: 304px
  }

  .s17 .slide_inner {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    padding: 34px 18px
  }

  .s17 h1 {
    text-align: left
  }

  .s17 .left .items {
    display: none
  }

  .s17 .items_mobile {
    /* display: flex !important; */
    justify-content: center;
    margin-bottom: 64px;
    margin-top: 50px;
    max-width: 372px
  }

  .s17 .items .item {
    margin: 0;
    padding: 0 18px;
    width: 50%
  }

  .s17 .slick-dots {
    bottom: 82px
  }

  .s17 .slick-dots .slider-nav-inner {
    font-size: 10px;
    font-weight: 300;
    margin: 0 5px
  }

  .s17 .slick-dots:after {
    bottom: 17px
  }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .s17 .slick-dots {
    justify-content: center;
    width: 100%
  }

  .s17 .slick-dots:after {
    content: none
  }
}

.s18 h2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 60px;
  margin-bottom: 11px
}

.s18 .text {
  font-size: 20px;
  font-weight: 300;
  line-height: 180%
}

.s18 .smaller {
  font-size: 44%;
  font-weight: 300;
  letter-spacing: .9px;
  line-height: 0;
  margin-left: 0;
  position: relative;
  top: -8px
}

.s18 .icon {
  color: #277c2a;
  font-size: 72px;
  font-weight: 600;
  letter-spacing: -2.8px;
  line-height: 78px
}

.s18 h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 140.62%;
  margin: 25px 0 4px
}

.s18 .text_2 {
  font-size: 20px;
  font-weight: 300;
  line-height: 34px
}

.s18 .text_2 a {
  color: #373a3f
}

.s18 .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s18 .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s18 .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s18 .button--primary {
  background-color: #239947
}

.s18 .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s18 .button--primary-dark {
  background-color: #006838
}

.s18 .button--primary-dark:hover {
  background-color: #009b53
}

.s18 .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s18 .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s18 .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s18 .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s18 .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s18 .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s18 .inner {
  margin: 0 auto;
  max-width: 1153px;
  padding: 0 20px 90px
}

.s18 .items {
  display: flex;
  margin-bottom: 36px;
  margin-top: 75px
}

.s18 .items .item {
  width: 33.3333%
}

@media only screen and (max-width:1300px) {
  .s18 .button a {
    font-size: 16px
  }

  .s18 .inner {
    margin: 0 auto;
    max-width: 883px;
    padding: 0 20px 90px
  }

  .s18 h2 {
    font-size: 35px;
    line-height: 120%
  }

  .s18 .text {
    font-size: 20px;
    line-height: 180%
  }

  .s18 .items {
    display: flex;
    margin-bottom: 24px;
    margin-top: 40px
  }

  .s18 .icon {
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -2.8px;
    line-height: 78px
  }

  .s18 h3 {
    font-size: 20px;
    line-height: 140.62%;
    margin: 14px 0 4px
  }

  .s18 .text_2 {
    font-size: 18px;
    font-weight: 300;
    line-height: 150%
  }

  .s18 .text_2 br {
    display: none
  }
}

@media only screen and (max-width:990px) {
  .s18 .button a {
    font-size: 16px
  }

  .s18 .inner {
    margin: 0 auto;
    max-width: 686px;
    padding: 0 20px 72px
  }

  .s18 h2 {
    font-size: 32px;
    line-height: 120%
  }

  .s18 .text {
    font-size: 16px;
    line-height: 180%
  }

  .s18 .items {
    display: flex;
    margin-bottom: 16px;
    margin-top: 27px
  }

  .s18 .icon {
    font-size: 55px;
    font-weight: 600;
    letter-spacing: -2.8px;
    line-height: 78px
  }

  .s18 h3 {
    font-size: 18px;
    line-height: 140.62%;
    margin: 1px 0 8px
  }

  .s18 .text_2 {
    font-size: 16px;
    line-height: 150%
  }
}

@media only screen and (max-width:767px) {
  .s18 h2 {
    font-size: 28px;
    line-height: 130%
  }

  .s18 .smaller {
    font-size: 50%;
    top: -6px
  }

  .s18 .text {
    font-size: 14px;
    line-height: 180%
  }

  .s18 .icon {
    font-size: 50px;
    font-weight: 600;
    letter-spacing: -2.8px;
    line-height: 100%
  }

  .s18 h3 {
    font-size: 20px;
    line-height: 130%
  }

  .s18 .text_2 {
    line-height: 180%
  }

  .s18 .button a,
  .s18 .text_2 {
    font-size: 14px
  }

  .s18 .inner {
    margin: 0 auto;
    max-width: 411px;
    padding: 0 20px 72px
  }

  .s18 .items {
    display: flex;
    flex-direction: column;
    margin-bottom: 1px;
    margin-top: 33px
  }

  .s18 .items .item {
    margin-bottom: 29px;
    width: 100%
  }
}

.s19 .inner {
  max-width: 1150px;
  padding: 21px 20px 70px
}

.s19 .item {
  flex: 0 0 auto;
  width: 563px
}

.s19 .item_2 {
  border-right: none;
  padding-left: 120px;
  width: 543px
}

.s19 .item_2 .rate_2 {
  font-size: 20px;
  line-height: 150%;
  margin: 9px 0 -24px
}

.s19 .subheading {
  margin: 35px 0 13px
}

.s19 ul {
  margin: 32px 0
}

.s19 .item_2 .subheading {
  margin: 21px 0 13px
}

.s19 .item_2 ul {
  margin: 12px 0 25px
}

.s19 .item_2 ul li {
  margin: 11px 0
}

@media only screen and (max-width:1300px) {
  .s19 .inner {
    max-width: 885px;
    padding: 30px 20px 80px
  }

  .s4 h2 {
    font-size: 35px;
    line-height: 115%;
    margin: 50px 0 53px
  }

  .s19 .item {
    flex: 0 0 auto;
    width: 374px
  }

  .s4 .rate {
    font-size: 100px;
    line-height: 89px
  }

  .s19 .subheading {
    margin: 21px 0 24px;
    max-width: 206px
  }

  .s4 .item_1 .text {
    max-width: 282px
  }

  .s19 ul {
    margin: 23px 0 30px
  }

  .s4 ul li {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 10px;
    padding-left: 10px
  }

  .s4 .button {
    margin-top: auto
  }

  .s19 .item_2 {
    border-right: none;
    max-width: 100%;
    padding-left: 70px;
    width: 445px
  }

  .s19 .item_2 .rate_2 {
    font-size: 18px;
    line-height: 100%;
    margin: 28px 0 -10px
  }

  .s19 .item_2 .subheading {
    margin: 21px 0 24px;
    max-width: 100%
  }

  .s19 .item_2 ul {
    margin: 12px 0 13px
  }

  .s19 .item_2 ul li {
    margin: 13px 0
  }
}

@media only screen and (max-width:990px) {
  .s19 .inner {
    max-width: 689px;
    padding: 30px 20px 62px
  }

  .s4 h2 {
    font-size: 32px;
    line-height: 115%;
    margin: 29px 0 43px
  }

  .s19 .item {
    flex: 0 0 auto;
    width: 331px
  }

  .s4 .rate {
    font-size: 80px;
    line-height: 100%
  }

  .s4 .item_1 .subheading {
    max-width: 156px
  }

  .s4 .item_1 .text {
    max-width: 231px
  }

  .s19 ul {
    margin: 43px 0 30px
  }

  .s4 ul li {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 7px;
    padding-left: 10px
  }

  .s19 .item_2 {
    border-right: none;
    max-width: 100%;
    padding-left: 51px;
    width: 315px
  }

  .s19 .item_2 .rate_2 {
    font-size: 14px;
    margin: 22px 0 -15px
  }

  .s19 .item_2 .subheading {
    margin: 21px 0 30px;
    max-width: 100%
  }

  .s4 .item_2 .text {
    font-size: 14px;
    line-height: 130%;
    max-width: 100%
  }

  .s19 .item_2 ul {
    margin: 15px 0 13px
  }

  .s19 .item_2 ul li {
    font-size: 14px;
    line-height: 130%;
    margin: 8px 0
  }
}

@media only screen and (max-width:767px) {
  .s19 .inner {
    max-width: 416px;
    padding: 30px 20px 62px
  }

  .s4 h2 {
    font-size: 28px;
    line-height: 130%;
    margin: 10px 0 36px
  }

  .s19 .item {
    flex: 0 0 auto;
    padding-right: 10px;
    width: 189px
  }

  .s4 .item_1 .subheading {
    margin: 14px 0 6px;
    max-width: 156px
  }

  .s4 .item_1 .text {
    max-width: 231px
  }

  .s19 ul {
    margin: 11px 0 22px
  }

  .s4 ul li {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 7px;
    padding-left: 10px
  }

  .s4 .button {
    margin-top: 0
  }

  .s19 .item_2 {
    border-right: none;
    max-width: 100%;
    padding-left: 27px;
    width: 200px
  }

  .s4 .rate {
    font-size: 46px;
    line-height: 100%
  }

  .s19 .item_2 .rate_2 {
    font-size: 10px;
    line-height: 120%;
    margin: 0 0 -20px
  }

  .s19 .item_2 .subheading {
    margin: 21px 0 6px;
    max-width: 119px
  }

  .s4 .item_2 .text {
    font-size: 12px;
    line-height: 110%;
    max-width: 100%
  }

  .s19 .item_2 ul {
    margin: 2px 0 13px
  }

  .s19 .item_2 ul li {
    font-size: 12px;
    line-height: 130%;
    margin: 14px 0
  }

  .s4 ul li:after {
    top: 6px
  }
}

@media only screen and (max-width:439px) {
  .s19 .item_2 {
    border-right: none;
    flex: 0 1 auto;
    max-width: 100%;
    padding-left: 27px;
    padding-right: 0;
    width: 200px
  }
}

.s20 h2 {
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 46px
}

.s20 .button,
.s20 .buttons,
.s20 h2 {
  text-align: center
}

.s20 .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  margin-top: 44px;
  min-width: 6.25rem;
  padding: 0 10px;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s20 .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s20 .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s20 .button--primary {
  background-color: #239947
}

.s20 .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s20 .button--primary-dark {
  background-color: #006838
}

.s20 .button--primary-dark:hover {
  background-color: #009b53
}

.s20 .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s20 .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s20 .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s20 .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s20 .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s20 .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s20 .inner {
  margin: 50px auto 43px;
  max-width: 888px;
  padding: 0 20px
}

@media only screen and (max-width:1300px) {
  .s20 h2 {
    font-size: 35px;
    line-height: 120%
  }

  .s20 .inner {
    margin: 100px auto 43px;
    max-width: 776px
  }
}

@media only screen and (max-width:990px) {
  .s20 h2 {
    font-size: 32px;
    line-height: 120%
  }

  .s20 .inner {
    margin: 73px auto 43px;
    max-width: 647px
  }
}

@media only screen and (max-width:767px) {
  .s20 h2 {
    font-size: 28px;
    line-height: 130%
  }
}

.s21 .overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.s21 .overlay img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center 0;
  object-position: center 0;
  width: 100%
}

.s21 .text_2 {
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.904412px;
  line-height: 100%
}

.s21 .button a {
  align-items: center;
  background-color: #239947;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s21 .button a {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s21 .button a {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s21 .button a--primary {
  background-color: #239947
}

.s21 .button a--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s21 .button a--primary-dark {
  background-color: #006838
}

.s21 .button a--primary-dark:hover {
  background-color: #009b53
}

.s21 .button a--primary-light {
  background-color: #fff;
  color: #239947
}

.s21 .button a--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s21 .button a--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s21 .button a--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s21 .button a--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s21 .button a--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s21 .button a:hover {
  background-color: #1a6f34;
  border: 0
}

.s21 .button a-dark {
  background-color: #006838
}

.s21 .button a-dark:hover {
  background-color: #009b53
}

.s21 .button a-light {
  background-color: #fff;
  color: #239947
}

.s21 .button a-light:hover {
  background-color: #009b53;
  color: #fff
}

.s21 {
  position: relative
}

.s21 .inner {
  margin: 0 auto;
  max-width: 1153px;
  padding: 68px 20px
}

.s21 h2 {
  font-size: 48px;
  font-weight: 500;
  line-height: 60px
}

.s21 .items {
  display: flex;
  flex-wrap: wrap;
  margin: 77px 0 24px;
  padding-left: 13px
}

.s21 .item {
  align-items: flex-start;
  border-right: 1px solid #a0a0a0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 61px 56px 0;
  padding-right: 10px;
  text-align: left;
  width: 239px
}

.s21 .rate {
  color: #277c2a;
  font-size: 65px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: 100%;
  margin-bottom: 8px;
  text-align: center
}

.s21 span.r_2 {
  font-size: 38px;
  line-height: 0;
  margin-left: 9px;
  position: relative;
  top: 0
}

.s21 span.r_3 {
  font-size: 20px;
  letter-spacing: -.9px;
  margin-left: 4px
}

.s21 span.r_3,
.s21 span.r_4 {
  line-height: 0;
  position: relative;
  top: -10px
}

.s21 span.r_4 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -.4px;
  margin-left: 2px
}

.s21 span.r_4 a {
  color: #277c2a
}

.s21 .items .item:nth-child(4) {
  border-right: none;
  margin-right: 0;
  width: 196px
}

.s21 .items .item:nth-child(7) {
  border-right: 0
}

@media only screen and (max-width:1300px) {
  .s21 .inner {
    margin: 0 auto;
    max-width: 886px;
    padding: 77px 20px 68px
  }

  .s21 h2 {
    font-size: 35px;
    line-height: 115%
  }

  .s21 .items {
    margin: 94px 0 24px
  }

  .s21 .item {
    margin: 0 48px 45px 0;
    padding-right: 10px;
    width: 191px
  }

  .s21 .rate {
    font-size: 55px;
    line-height: 100%
  }

  .s21 span.r_2 {
    font-size: 32px;
    margin-left: 8px;
    top: 0
  }

  .s21 span.r_3 {
    font-size: 18px;
    letter-spacing: -.9px;
    margin-left: 4px;
    top: -8px
  }

  .s21 span.r_4 {
    font-size: 9px;
    margin-left: 2px;
    top: -9px
  }

  .s21 .text_2 {
    font-size: 20px;
    line-height: 100%
  }

  .s21 .items .item:nth-child(4) {
    border-right: none;
    margin-right: 0;
    width: 108px
  }

  .s21 .button a {
    font-size: 18px;
    height: 50px;
    line-height: 21px;
    width: 180px
  }
}

@media only screen and (max-width:990px) {
  .s21 .inner {
    margin: 0 auto;
    max-width: 688px;
    padding: 60px 20px 68px
  }

  .s21 h2 {
    font-size: 32px;
    line-height: 120%
  }

  .s21 .items {
    margin: 39px 0 24px;
    padding-left: 0
  }

  .s21 .rate {
    font-size: 45px;
    line-height: 100%;
    margin-bottom: 0
  }

  .s21 span.r_2 {
    font-size: 24px;
    margin-left: 5px;
    top: 0
  }

  .s21 span.r_3 {
    font-size: 12px;
    letter-spacing: -.9px;
    margin-left: 4px;
    top: -7px
  }

  .s21 span.r_4 {
    font-size: 6px;
    margin-left: 2px;
    top: -6px
  }

  .s21 .text_2 {
    font-size: 16px;
    line-height: 100%;
    padding-left: 9px
  }

  .s21 .button a {
    font-size: 16px;
    height: 40px;
    line-height: 21px;
    width: 150px
  }

  .s21 .item {
    margin: 0 31px 42px 0;
    padding-right: 10px;
    width: 145px
  }
}

@media only screen and (max-width:767px) {
  .s21 .inner {
    margin: 0 auto;
    max-width: 488px;
    padding: 60px 20px 68px;
    text-align: center
  }

  .s21 h2 {
    font-size: 28px;
    line-height: 130%
  }

  .s21 .items {
    justify-content: center;
    margin: 39px 0 24px;
    padding-left: 21px
  }

  .s21 .item {
    margin: 0 9px 49px 13px;
    padding-right: 0;
    width: 104px
  }

  .s21 .rate {
    font-size: 35px;
    line-height: 100%;
    margin-bottom: 0
  }

  .s21 span.r_2 {
    font-size: 20px;
    margin-left: 7px;
    top: 0
  }

  .s21 span.r_3 {
    font-size: 9px;
    letter-spacing: -.9px;
    margin-left: 2px;
    top: -7px
  }

  .s21 span.r_4 {
    font-size: 6px;
    margin-left: 1px;
    top: -4px
  }

  .s21 .text_2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    padding-left: 0
  }

  .s21 .items .item:nth-child(3) {
    border-right: 0
  }

  .s21 .items .item:nth-child(4) {
    border-right: 1px solid #a0a0a0;
    margin: 0 9px 49px 50px;
    padding-right: 10px;
    width: 104px
  }

  .s21 .items .item:nth-child(5) {
    border-right: 0;
    margin-right: 50px
  }

  .s21 .button a {
    font-size: 14px;
    height: 40px;
    line-height: 24px;
    width: 120px
  }
}

@media only screen and (max-width:439px) {
  .s21 .items {
    margin: 39px auto 24px;
    max-width: 300px;
    padding-left: 0
  }

  .s21 .item {
    border-bottom: 1px solid #a0a0a0;
    margin: 0 10px 26px !important;
    padding-bottom: 29px;
    padding-right: 0;
    width: 104px !important
  }

  .s21 .item,
  .s21 .items .item:nth-child(4) {
    border-right: none
  }

  .s21 .items {
    padding-right: 0
  }
}

.s25 .ivybank_inner {
  margin: 51px auto 70px;
  max-width: 910px;
  padding: 0 20px
}

.s25 .ivybank_table_style_first {
  display: flex;
  margin-bottom: 20px
}

.s25 .ivybank_left {
  background: #595a5b;
  color: #fff;
  flex: 0 0 147px;
  max-width: 147px;
  padding: 7px 10px 10px 16px
}

.s25 .ivybank_left h1 {
  font-size: 32px;
  line-height: 120%
}

.s25 .ivybank_table_style_first_2 .ivybank_right {
  font-size: 18px;
  font-weight: 700
}

.s25 .ivybank_right,
.s25 .ivybank_table_style_first_2 .ivybank_right {
  flex: 0 1 100%;
  line-height: 128%;
  max-width: 100%;
  padding: 5px 10px 6px 14px
}

.s25 .ivybank_right {
  border: 1px solid #595a5b;
  border-left: 0;
  font-size: 15px
}

.s25 .ivybank_table_style_first_2 .ivybank_right {
  font-size: 16px
}

.s25 .ivybank_left h2 {
  font-size: 21px;
  line-height: 120%
}

.s25 .ivybank_right p:not(:last-child) {
  margin-bottom: 8px
}

.s25 ul li {
  margin-left: 0;
  padding-left: 18px;
  position: relative
}

.s25 ul li:after {
  background: #595a5b;
  border: none;
  border-radius: 0;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 7px
}

.s25 .ivybank_table_style_first_2 .ivybank_right {
  border: none
}

.s25 .ivybank_table_style_second .ivybank_row_heading {
  align-items: center;
  background: #595a5b;
  color: #fff;
  min-height: 58px;
  padding: 10px 0
}

.s25 .ivybank_table_style_second .ivybank_row {
  border: 1px solid #595a5b;
  border-top: none;
  display: flex
}

.s25 .ivybank_table_style_second .ivybank_row .ivybank_td_first {
  border-right: 1px solid #595a5b;
  flex: 0 0 48%;
  max-width: 48%
}

.s25 .ivybank_table_style_second .ivybank_row_heading .ivybank_td_first {
  text-align: left
}

.s25 .ivybank_table_style_second .ivybank_row.ivybank_row_heading>div {
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  padding: 0 16px
}

.s25 .ivybank_table_style_second .ivybank_row>div {
  font-size: 15px;
  line-height: 130%;
  padding: 10px 16px
}

.s25 .ivybank_table_style_second .ivybank_row .ivybank_td_third {
  align-items: center;
  display: flex;
  flex: 0 0 28%;
  justify-content: center;
  max-width: 28%
}

.s25 .ivybank_table_style_second .ivybank_row .ivybank_td_second {
  align-items: center;
  border-right: 1px solid #595a5b;
  display: flex;
  flex: 0 0 24%;
  justify-content: center;
  max-width: 24%
}

.s25 .ivybank_table_style_second {
  margin-bottom: 20px
}

.s25 .ivybank_right a {
  color: #636466
}

.s25 .ivybank_table_style_second_v2 .ivybank_row .ivybank_td_first {
  border-right: none;
  border-right: 1px solid #595a5b;
  flex: 0 0 100%;
  flex: 0 0 36%;
  max-width: 100%;
  max-width: 36%
}

.s25 .ivybank_table_style_second_v2 .ivybank_row .ivybank_td_second {
  border-right: none;
  display: block;
  flex: 0 0 64%;
  max-width: 64%
}

.s25 .ivybank_table_style_second_v2 .ivybank_row.ivybank_row_heading>div {
  font-size: 17px;
  line-height: 20px
}

.s25 .ivybank_table_style_second_v2 .ivybank_row_heading {
  min-height: 0;
  padding: 4px 0
}

.s25 .ivybank_table_style_second_v2.ivybank_table_style_second_v3 .ivybank_row .ivybank_td_first {
  border-right: none;
  flex: 0 0 100%;
  max-width: 100%
}

@media only screen and (max-width:767px) {
  .s25 .ivybank_top .ivybank_inner .ivybank_left svg {
    height: 51px;
    width: 174px
  }

  .s25 .ivybank_top .ivybank_inner {
    height: auto;
    padding: 20px 20px 0
  }

  .s25 .ivybank_left h1 {
    font-size: 25px;
    line-height: 120%
  }

  .s25 .ivybank_left h2 {
    font-size: 17px;
    line-height: 120%
  }

  .s25 .ivybank_left {
    flex: 0 0 106px;
    max-width: 106px
  }

  .s25 .ivybank_table_style_second .ivybank_row.ivybank_row_heading>div {
    font-size: 13px;
    line-height: 17px;
    padding: 0 9px
  }

  .s25 .ivybank_table_style_second .ivybank_row>div {
    font-size: 13px;
    line-height: 130%;
    padding: 10px 9px
  }

  .s25 .ivybank_right {
    font-size: 13px
  }

  .s25 .ivybank_top .ivybank_inner .ivybank_always {
    font-size: 13px;
    font-weight: 600;
    margin-top: 20px
  }
}

@media print {
  .s25 .ivybank_table_print_break_before {
    page-break-before: always
  }

  .s25 .pagebreak {
    clear: both;
    page-break-after: always
  }
}

.s25 .ivybank_float_button {
  bottom: 30px;
  left: 30px;
  position: fixed
}

.s25 .ivybank_float_button a {
  background: #20689f;
  border: 1px solid #20689f;
  border-radius: 14px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 6px 25px;
  text-transform: uppercase;
  transition: all .2s ease-in-out 0s
}

.s25 .ivybank_float_button a:hover {
  background: #fff;
  color: #20689f
}

@media print {
  .s25 .ivybank_float_button {
    display: none
  }
}

.s26 .faq_block .left a {
  margin-bottom: 8px
}

.s26 .faq_block .left {
  max-height: 90vh;
  overflow-y: auto
}

.s26 .hashes {
  font-size: 20px;
  margin-bottom: 20px
}

@media only screen and (max-width:990px) {
  .s26 .hashes {
    font-size: 16px
  }
}

@media only screen and (max-width:767px) {
  .s26 .hashes {
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center
  }

  .s26 .faq_block .left a {
    padding: 6px 20px
  }

  .faq_menu_opened .s26 .faq_block .left ul {
    max-height: 100%;
    overflow-y: auto;
    padding-bottom: 150px
  }
}

.login_pages {
  position: relative
}

.login span.fieldset-legend {
  margin: 0 5px
}

.login .fieldset-wrapper {
  padding: 10px
}

.login_pages #login_box {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: 100%;
  min-height: 66vh;
  padding: 80px 20px;
  position: relative;
  width: 408px
}

.login_pages #login_box #login_main_part,
.login_pages #regi_box #regi_main_part {
  background: #fff;
  border-radius: .4rem;
  box-shadow: none;
  font-family: Gill Sans Nova, Open Sans, Helvetica Neue, Helvetica, Calibri, Arial Unicode MS, sans-serif;
  overflow: hidden;
  padding: 22px 24px 26px
}

.login_pages #login_box #login_main_part .form-item {
  max-width: 100%
}

.login_pages #login_box #login_main_part .form-item input {
  border: none
}

.login_pages #login_box h2.title,
.login_pages #regi_box h2.title {
  padding: 0 0 9px;
  text-align: center
}

.login_pages .bg_image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center right;
  object-position: center right;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.login_pages form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  text-align: left
}

.login_pages form .form-item-pass {
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 100%
}

.login_pages form input {
  height: 29px;
  margin: 4px 0;
  max-width: 100%;
  padding: 2px 15px
}

.login_pages form input[type=checkbox] {
  height: auto
}

.login_pages form input[type=submit] {
  background: #277c2a;
  border: 2px solid #277c2a;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  line-height: 33px;
  margin-top: 16px;
  min-width: 140px;
  text-align: center;
  transition: .1s ease-in-out;
  white-space: nowrap
}

.login_pages form input[type=submit]:hover {
  background: #1e6420;
  border: 2px solid #1e6420;
  color: #fff;
  cursor: pointer
}

.login_pages form label.js-form-required.form-required {
  font-weight: 700
}

.login_pages form .form-item-name {
  max-width: 100%
}

.login_pages #login_box input[type=password],
.login_pages #login_box input[type=text] {
  background-color: #f3f3f3;
  height: 41px;
  padding: 5px 13px
}

.login_pages #login_box input[type=password]:focus,
.login_pages #login_box input[type=text]:focus {
  outline: 1px solid #277c2a
}

.login_pages #edit-actions {
  width: 100%
}

.login_pages form#user-login-form input[type=submit] {
  background: #277c2a;
  border: 2px solid #277c2a;
  border-radius: 5px;
  color: #fff;
  display: flex;
  float: none;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  line-height: 33px;
  margin-top: 16px;
  text-align: center;
  transition: .1s ease-in-out;
  white-space: nowrap;
  width: 100%
}

.login_pages form#user-login-form input[type=submit]:hover {
  background: #1e6420;
  border: 2px solid #1e6420;
  color: #fff
}

.login_pages #login_box #login_bottom_part,
.login_pages #regi_box #regi_bottom_part {
  font-size: 16px;
  font-weight: 500;
  padding: 3px 0 0;
  text-align: center
}

.login_pages #login_box #login_bottom_part>div,
.login_pages #regi_box #regi_bottom_part>div {
  margin-bottom: 7px
}

.login_pages #login_box #login_bottom_part a:hover,
.login_pages #regi_box #regi_bottom_part a:hover {
  border-bottom: 1px solid #277c2a
}

.login_pages #login_box input[type=submit],
.login_pages #regi_box input[type=submit] {
  float: none;
  width: 100%
}

.login_pages #regi_box {
  padding: 50px 0
}

@media only screen and (max-width:990px) {

  .login_pages #login_box h2.title,
  .login_pages #regi_box h2.title {
    font-size: 26px;
    line-height: 36px;
    padding: 0 0 9px;
    text-align: center
  }

  .login_pages #login_box input[type=submit],
  .login_pages #regi_box input[type=submit] {
    font-size: 16px;
    height: 41px
  }

  .login_pages #login_box input[type=password],
  .login_pages #login_box input[type=text] {
    height: 37px
  }

  .login_pages #login_box {
    min-height: 55vh;
    padding: 60px 20px
  }

  .login_pages form .form-item-pass {
    margin-bottom: 12px;
    margin-top: 10px
  }

  .login_pages form#user-login-form input[type=submit] {
    font-size: 16px;
    height: 41px
  }
}

.footer {
  background: #f7fbfe
}

.footer .inner {
  margin: 0 auto;
  max-width: 1100px;
  padding: 52px 20px 47px
}

.footer .top {
  display: flex
}

.footer .top .left {
  flex: 0 0 auto;
  margin-right: 33px;
  max-width: 266px;
  width: 266px
}

.footer a.logo {
  display: flex
}

.footer .text,
.footer .text_2 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-top: 11px
}

.footer .bottom .left .text,
.footer .bottom .left .text_2 {
  display: none
}

.footer span.smaller {
  margin-left: 1px;
  top: -3px
}

.footer span.smaller,
.footer span.smaller_2 {
  font-size: 7px;
  line-height: 0;
  position: relative
}

.footer span.smaller_2 {
  margin-left: -2px;
  top: -5px
}

.footer .center {
  display: flex;
  justify-content: space-around;
  margin-top: 23px;
  width: 100%
}

.footer .center .item {
  margin: 0 2%
}

.footer .center h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.5px;
  line-height: 100%;
  margin-bottom: 23px
}

.footer .center li {
  color: #373a3f;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.145455px;
  line-height: 22px;
  margin-bottom: 11px;
  mix-blend-mode: normal
}

.footer .center li a {
  color: #373a3f;
  transition: .1s ease-in-out
}

.footer .center li a:hover {
  color: #277c2a
}

.footer .right.social_icons {
  margin-left: 14px;
  margin-top: 24px;
  max-width: 100%
}

.footer .right.social_icons .social_icons_container {
  display: flex;
  flex: 0 0 auto;
  justify-content: center
}

.footer .right.social_icons .social_icons_badge a {
  display: block;
  height: auto;
  width: auto
}

.footer .right.social_icons .social_icons_badge picture,
.footer .right.social_icons .social_icons_badge picture img,
.footer .right.social_icons .social_icons_badge picture source {
  height: 80px;
  max-width: none
}

.footer .social_icons a {
  align-items: center;
  display: block;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0 4px;
  width: 40px
}

.footer .social_icons a svg path {
  transition: .1s ease-in-out
}

.footer .social_icons a:hover svg path {
  fill: #277c2a
}

.footer .social_icons .social_icons_container>div:first-child {
  margin-left: 0
}

.footer .bottom .left .text {
  font-weight: 500;
  line-height: 21px
}

.footer .bottom .left .text,
.footer .copyright {
  color: #373a3f;
  font-size: 12px;
  letter-spacing: -.210526px;
  mix-blend-mode: normal
}

.footer .copyright {
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
  margin-top: 14px
}

.footer .bottom .social_icons,
.footer .bottom .text_2,
.footer .top .left .social_icons {
  display: none
}

@media only screen and (max-width:1300px) {
  .footer .top .right.social_icons {
    display: none
  }

  .footer .inner {
    margin: 0 auto;
    max-width: 851px;
    padding: 52px 20px 33px
  }

  .footer .top {
    display: flex;
    justify-content: space-between
  }

  .footer .top .left {
    flex: 0 0 auto;
    margin-right: 33px;
    max-width: 266px;
    width: 266px
  }

  .footer .center {
    justify-content: flex-end;
    margin-top: 22px;
    width: 492px
  }

  .footer .center .item {
    margin: 0 0 0 82px
  }

  .footer .center .item:first-child {
    margin-left: 0
  }

  .footer .center h2 {
    font-size: 22px;
    line-height: 100%;
    margin-bottom: 12px
  }

  .footer .center li {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 6px
  }

  .footer .bottom {
    align-items: center;
    display: flex;
    justify-content: space-between
  }

  .footer .copyright {
    margin-top: 2px;
    padding-bottom: 6px
  }

  .footer .right.social_icons {
    bottom: -3px;
    margin-left: 12px;
    margin-top: 0
  }

  .footer .bottom .social_icons {
    display: block
  }
}

@media only screen and (max-width:990px) {
  .footer .inner {
    margin: 0 auto;
    max-width: 693px;
    padding: 43px 20px 33px
  }

  .footer .top {
    display: flex;
    justify-content: space-between
  }

  .footer .top .left {
    flex: 0 0 auto;
    margin-right: 33px;
    max-width: 220px;
    width: 220px
  }

  .footer a.logo svg {
    height: 50px;
    width: 178px
  }

  .footer .text {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 8px
  }

  .footer .center {
    justify-content: flex-end;
    margin-top: 19px;
    width: 492px
  }

  .footer .center .item {
    margin: 0 0 0 53px
  }

  .footer .center h2 {
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 16px
  }

  .footer .center li {
    font-size: 14px;
    font-size: 12px;
    line-height: 26px;
    margin-bottom: 6px
  }

  .footer .bottom .left .text {
    color: #373a3f;
    font-size: 10px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: -.210526px;
    line-height: 18px;
    margin-top: 11px;
    mix-blend-mode: normal
  }

  .footer .copyright {
    font-size: 10px;
    margin-top: 2px;
    padding-bottom: 6px
  }

  .footer .right.social_icons {
    bottom: 0;
    margin-left: 12px;
    margin-top: 0;
    padding-bottom: 4px;
    padding-right: 19px
  }

  .footer .social_icons a svg {
    width: 83%
  }
}

@media only screen and (max-width:767px) {

  .footer .bottom .left .text,
  .footer .bottom .left .text_2 {
    display: block
  }

  .footer .right.social_icons,
  .footer .top .left .text,
  .footer .top .left .text_2 {
    display: none
  }

  .footer .top .left .social_icons {
    display: flex
  }

  .footer .inner {
    margin: 0 auto;
    max-width: 100%;
    padding: 22px 0 0
  }

  .footer .top {
    flex-direction: column
  }

  .footer .top .left {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    margin-right: 33px;
    max-width: 100%;
    padding: 0 20px;
    width: 100%
  }

  .footer a.logo {
    display: flex
  }

  .footer a.logo svg {
    height: 35px;
    width: 90px
  }

  .footer .top .left .social_icons {
    display: block;
    padding-right: 0
  }

  .footer .social_icons a svg {
    width: 100%
  }

  .footer .center {
    align-items: flex-start;
    border-bottom: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 22px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-top: 22px;
    text-align: left;
    width: 100%
  }

  .footer .center .item:first-child {
    margin-left: 0
  }

  .footer .center .item {
    margin: 0 0 17px
  }

  .footer .center h2 {
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 7px
  }

  .footer .center li {
    font-size: 14px;
    font-size: 12px;
    line-height: 23px;
    margin-bottom: 1px
  }

  .footer .bottom {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
  }

  .footer .bottom .text_2 {
    display: block;
    font-size: 11px;
    line-height: 20px;
    padding: 4px 20px 0
  }

  .footer .bottom .left .text {
    color: #373a3f;
    font-size: 11.5789px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: -.210526px;
    line-height: 160%;
    margin-top: 11px;
    mix-blend-mode: normal;
    padding: 4px 20px 15px
  }

  .footer .copyright {
    border-top: 1px solid #a0a0a0;
    font-size: 10px;
    font-size: 12px;
    line-height: 100%;
    margin-top: 2px;
    padding: 11px 20px 14px;
    text-align: center
  }
}

.ivybank-404-page {
  display: block;
  height: 60vh;
  position: relative
}

.ivybank-404-page>div {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.ivybank-404-page .ivybank-404-container {
  display: table;
  height: 100%;
  position: relative;
  text-align: center;
  width: 100%
}

.ivybank-404-page .ivybank-404-container>div {
  display: table-cell;
  vertical-align: middle
}

.ivybank-404-page .ivybank-404-container h1 {
  font-size: 60px;
  text-transform: uppercase
}

@media only screen and (max-width:990px) {
  .ivybank-404-page .ivybank-404-container h1 {
    font-size: 40px
  }
}

@media only screen and (max-width:767px) {
  .ivybank-404-page .ivybank-404-container h1 {
    font-size: 20px
  }
}

.slick-slide:focus,
.slick-slide:focus-visible {
  border: 3px solid #000;
  box-shadow: 0 0 0 .2rem #f9f9d1, 0 0 0 .4rem #277c2a, 0 0 .4rem .8rem #f9f9d1;
  outline: .2rem solid transparent
}

.deposit_c_banner {
  position: relative
}

.deposit_c_banner .bg_image picture img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.deposit_c_banner .container {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: 1170px;
  min-height: 450px;
  padding: 80px 15px;
  position: relative;
  z-index: 2
}

.deposit_c_banner .inner {
  max-width: 590px
}

.deposit_c_banner .content h1 {
  font-size: 3.82em;
  line-height: 126%;
  margin-bottom: 27px
}

.deposit_c_banner .content p {
  font-size: 1.5em;
  line-height: 150%
}

.deposit_c_banner .bottom_anchor {
  bottom: -19px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 3
}

.deposit_c_banner .bottom_anchor a {
  display: flex
}

.deposit_c_list .container {
  margin: 0 auto;
  max-width: 1348px;
  padding: 91px 20px 25px;
  text-align: center
}

.deposit_c_list .t_green {
  color: #006838;
  font-style: italic;
  text-decoration: none;
  transform: scale(1) rotate(0deg) translate(0) skew(30deg, 0deg)
}

.deposit_c_list .item p a {
  color: #373a3f;
  text-decoration: underline
}

.deposit_c_list .item p a:hover {
  text-decoration: none
}

.deposit_c_list .items {
  display: flex;
  justify-content: center
}

.deposit_c_list .item {
  flex: 0 0 auto;
  padding: 0 20px 20px;
  width: 33.333%
}

.deposit_c_list .item h2 {
  font-size: 2.24em;
  font-weight: 400;
  margin-bottom: 14px;
  margin-top: 15px
}

.deposit_c_list .item p {
  font-size: 1.22em;
  line-height: 134%
}

.deposit_c_list .line {
  background: #39b53f;
  height: 6px;
  margin: 33px auto;
  width: 80px
}

.deposit_c_list .list ol {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  list-style: none
}

.deposit_c_list .list ol li {
  display: flex;
  font-size: .95em;
  line-height: 136%;
  list-style: none;
  margin-bottom: 14px;
  margin-left: 20px;
  text-align: left;
  width: 100%
}

.deposit_c_list .list ol li .number {
  color: #006838;
  font-size: 1em;
  margin-right: 10px
}

.deposit_c_list .list ol li .content_w a {
  font-style: italic
}

.deposit_c_list .bottom {
  margin-top: 17px;
  padding-top: 31px;
  position: relative
}

.deposit_c_list .bottom:before {
  background: #9b9c9f;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.deposit_c_list .bottom h3 {
  font-size: 1.23em;
  font-weight: 400;
  line-height: 126%;
  margin: 0 auto;
  max-width: 380px
}

.deposit_c_list .icons {
  display: flex;
  justify-content: center;
  margin-top: 28px
}

.deposit_c_list .icon {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
  padding: 10px 14px
}

.deposit_c_instruction {
  background: #f7fbfe
}

.deposit_c_instruction .container {
  margin: 0 auto;
  max-width: 1125px;
  padding: 49px 20px
}

.deposit_c_instruction h2 {
  font-size: 1.38em;
  margin-bottom: 18px
}

.deposit_c_instruction ol {
  list-style: none
}

.deposit_c_instruction ol li {
  color: #373a3f;
  display: flex;
  font-size: 1.07em;
  font-weight: 400;
  line-height: 130%;
  list-style: none;
  margin-bottom: 12px;
  margin-left: 0
}

.deposit_c_instruction ol li .number {
  color: #006838;
  padding-right: 10px
}

.deposit_c_instruction .t_green {
  color: #006838;
  font-style: italic;
  transform: scale(1) rotate(0deg) translate(0) skew(30deg, 0deg)
}

.deposit_c_instruction ol li .content_w a {
  font-style: italic
}

.deposit_c_list .icon svg {
  max-width: 100%
}

.deposit_c_list_item .container {
  max-width: 1230px
}

.deposit_c_list_item .item {
  width: 50%
}

.deposit_c_list_item .bottom {
  font-size: .8em;
  margin-top: 0;
  padding-top: 0
}

.deposit_c_list_item .bottom:before {
  content: none
}

.deposit_c_questions {
  padding: 76px 0;
  position: relative
}

.deposit_c_questions .bg_image img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.deposit_c_questions .container {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 20px;
  position: relative;
  text-align: center;
  z-index: 2
}

.deposit_c_questions .inner h2 {
  font-size: 2.9em;
  margin-bottom: 9px
}

.deposit_c_questions p {
  font-size: 1.2em;
  line-height: 180%;
  margin: 0 auto;
  max-width: 594px
}

.deposit_c_questions .items {
  display: flex;
  justify-content: center;
  margin-top: 58px
}

.deposit_c_questions .items .item:first-child {
  position: relative
}

.deposit_c_questions .item {
  width: 50%
}

.deposit_c_questions .icon {
  height: 74px
}

.deposit_c_questions h3 {
  color: #373a3f;
  font-size: 2.1em;
  margin-top: 26px
}

.deposit_c_questions .phone {
  color: #373a3f;
  font-size: 1.2em;
  margin-top: 26px
}

.deposit_c_questions .items .item:first-child:after {
  background: #979a9e;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px
}

.deposit_c_questions .secure_message {
  background: #fff;
  color: #006838;
  margin-top: 25px;
  min-height: 40px;
  padding: 7px 20px 10px
}

.deposit_c_questions .secure_message:hover {
  background: #006838;
  color: #fff
}

@media only screen and (max-width:990px) {
  .deposit_c_template {
    font-size: .9em
  }

  .deposit_c_banner .content h1 {
    font-size: 3.1em
  }

  .deposit_c_banner .container {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1170px;
    min-height: 380px;
    padding: 70px 20px;
    position: relative;
    z-index: 2
  }

  .deposit_c_list .item h2 {
    font-size: 1.7em;
    font-weight: 400;
    margin-bottom: 14px;
    margin-top: 15px
  }

  .deposit_c_list .item p {
    font-size: 1.1em;
    line-height: 134%
  }

  .deposit_c_list .icon {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center;
    padding: 10px 6px
  }
}

@media only screen and (max-width:767px) {
  .deposit_c_template {
    font-size: .9em
  }

  .deposit_c_banner .container {
    align-items: center;
    justify-content: center;
    text-align: center
  }

  .deposit_c_banner .bottom_anchor img {
    height: 28px;
    width: 28px
  }

  .deposit_c_banner .bottom_anchor {
    bottom: -14px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 3
  }

  .deposit_c_list .item {
    margin-bottom: 50px;
    width: 100%
  }

  .deposit_c_list .item_inner {
    margin: 0 auto;
    max-width: 400px;
    text-align: center;
    width: 100%
  }

  .deposit_c_list .items {
    align-items: center;
    flex-direction: column
  }

  .deposit_c_instruction {
    background: #fff
  }

  .deposit_c_instruction .container {
    border: 1px solid #cdcdcf;
    border-radius: 5px;
    max-width: 400px;
    padding: 20px
  }

  .deposit_c_instruction .button_wrapper {
    display: none
  }

  .deposit_c_list .icon {
    padding: 10px 6px
  }

  .deposit_c_list .list ol li {
    display: flex;
    font-size: .95em;
    line-height: 136%;
    margin-bottom: 14px;
    margin-left: 0;
    text-align: left
  }

  .deposit_c_list .icons {
    display: flex;
    justify-content: center;
    margin-top: 28px
  }

  .deposit_c_list .icon {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center;
    padding: 10px 8px
  }

  .deposit_c_list .container {
    padding: 41px 0 0
  }

  .deposit_c_list .item.item_2 {
    background: #f7fbfe
  }

  .deposit_c_list .item {
    padding: 50px 20px
  }

  .deposit_c_list_item .item.item_1 {
    background: #f7fbfe
  }

  .deposit_c_list_item .item.item_2 {
    background: #fff
  }

  .deposit_c_list .line {
    height: 4px;
    margin: 20px auto
  }

  .deposit_c_list .list ol li {
    font-size: 1.04em;
    list-style: none;
    margin-bottom: 8px
  }

  .deposit_c_list .item {
    font-size: 1em;
    margin-bottom: 0
  }

  .deposit_c_instruction {
    margin: 0 15px
  }

  .deposit_c_questions .items .item:first-child:after {
    content: none
  }

  .deposit_c_questions .items {
    align-items: center;
    flex-direction: column;
    margin-top: 40px
  }

  .deposit_c_questions .item {
    margin-bottom: 30px
  }

  .deposit_c_questions .icon {
    height: auto
  }

  .deposit_c_questions h3 {
    font-size: 1.6em;
    margin-top: 0
  }

  .deposit_c_questions {
    padding: 40px 0
  }

  .deposit_c_questions .item {
    align-items: center;
    background: #fff;
    border: 1px solid #cacccd;
    border-radius: 5px;
    display: flex;
    margin-bottom: 20px;
    padding: 19px 15px;
    text-align: left;
    width: 100%
  }

  .deposit_c_questions .icon {
    margin-right: 21px
  }

  .deposit_c_questions .phone {
    margin-top: 5px
  }

  .deposit_c_questions .secure_message {
    margin-top: 7px
  }

  .deposit_c_banner .content p br {
    display: none
  }
}

.page-node-type-webform main {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px
}

@media only screen and (min-width:768px) {
  .page-node-type-webform main {
    font-size: 15px
  }
}

@media only screen and (min-width:990px) {
  .page-node-type-webform main {
    font-size: 17px
  }
}

.page-node-type-webform .block-page-title-block h1 {
  font-size: 35px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 20px
}

@media only screen and (min-width:768px) {
  .page-node-type-webform .block-page-title-block h1 {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 13px
  }
}

@media only screen and (min-width:990px) {
  .page-node-type-webform .block-page-title-block h1 {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 23px
  }
}

.page-node-type-webform main,
.webform-submission-form {
  margin: 0 auto;
  max-width: 389px;
  padding: 50px 20px
}

.page-node-type-webform main .webform-submission-form {
  padding-left: 0;
  padding-right: 0
}

@media only screen and (min-width:768px) {

  .page-node-type-webform main,
  .webform-submission-form {
    max-width: 653px
  }
}

@media only screen and (min-width:990px) {

  .page-node-type-webform main,
  .webform-submission-form {
    max-width: 798px
  }
}

@media only screen and (min-width:1300px) {

  .page-node-type-webform main,
  .webform-submission-form {
    max-width: 1020px
  }
}

.webform-submission-form .form-item {
  display: flex;
  flex-direction: column;
  gap: 5px
}

.webform-submission-form .form-item label {
  color: var(--green_1);
  font-family: Gill Sans Nova, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase
}

.webform-submission-form .description {
  font-size: 16px
}

.webform-submission-form .form-item input[type=email],
.webform-submission-form .form-item input[type=password],
.webform-submission-form .form-item input[type=text] {
  border: 1px solid var(--greay);
  border-radius: 3px;
  color: var(--black);
  font-size: 15px;
  height: 40px;
  padding: 0 10px
}

.webform-submission-form input[type=submit] {
  align-items: center;
  background: var(--green_2);
  border: 2px solid var(--green_2);
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: inline-flex;
  font-family: Gill Sans Nova, sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 60px;
  justify-content: center;
  line-height: 16px;
  margin-top: 15px;
  padding-bottom: 3px;
  text-align: center;
  transition: .1s ease-in-out;
  width: 200px
}

.webform-submission-form input[type=submit]:hover {
  background: var(--green_3);
  border: 2px solid var(--green_3);
  color: var(--white)
}

@media only screen and (max-width:767px) {
  .webform-submission-form input[type=submit] {
    font-size: 14px;
    height: 40px;
    line-height: 21px;
    width: 120px
  }
}

@media only screen and (max-width:990px) {
  .webform-submission-form input[type=submit] {
    font-size: 16px;
    height: 40px;
    line-height: 21px;
    width: 150px
  }
}

.paragraph--type--webform {
  margin: 0 auto;
  max-width: 389px;
  padding: 50px 20px
}

@media only screen and (min-width:768px) {
  .paragraph--type--webform {
    max-width: 653px
  }
}

@media only screen and (min-width:990px) {
  .paragraph--type--webform {
    max-width: 798px
  }
}

@media only screen and (min-width:1300px) {
  .paragraph--type--webform {
    max-width: 1020px
  }
}

.paragraph--type--webform .form-item {
  display: flex;
  flex-direction: column;
  gap: 5px
}

.paragraph--type--webform .form-item label {
  color: var(--green_1);
  font-family: Gill Sans Nova, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase
}

.paragraph--type--webform .form-item input[type=text] {
  border: 1px solid var(--greay);
  border-radius: 3px;
  color: var(--black);
  font-size: 15px;
  height: 40px;
  padding: 0 10px
}

.paragraph--type--webform input[type=submit] {
  align-items: center;
  background: var(--green_2);
  border: 2px solid var(--green_2);
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: inline-flex;
  font-family: Gill Sans Nova, sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 60px;
  justify-content: center;
  line-height: 16px;
  margin-top: 15px;
  padding-bottom: 3px;
  text-align: center;
  transition: .1s ease-in-out;
  width: 200px
}

@media only screen and (max-width:767px) {
  .paragraph--type--webform input[type=submit] {
    font-size: 14px;
    height: 40px;
    line-height: 21px;
    width: 120px
  }
}

@media only screen and (max-width:990px) {
  .paragraph--type--webform input[type=submit] {
    font-size: 16px;
    height: 40px;
    line-height: 21px;
    width: 150px
  }
}

.paragraph--type--webform input[type=submit]:hover {
  background: var(--green_3);
  border: 2px solid var(--green_3);
  color: var(--white)
}

.head_1 .inner {
  padding: 10px 0
}

.sticky_h .head_1 .inner {
  height: auto;
  padding: 10px 0
}

@media screen and (min-width:48em) {
  .sticky_h .head_1 .inner {
    padding: 15px 0
  }
}

@media screen and (min-width:62em) {
  .sticky_h .head_1 .inner {
    padding: 20px 0
  }
}

.head_1 .inner .logo {
  height: 40px
}

.head_1 .inner .logo img {
  height: 100%;
  width: auto
}

.head_1 .inner .logo a {
  align-items: normal
}

@media screen and (min-width:48em) {
  .head_1 .inner .logo {
    height: 60px
  }
}

@media screen and (min-width:80em) {
  .head_1 .inner .logo {
    height: 80px
  }
}

@media screen and (min-width:48em) {
  .head_1 .inner {
    height: auto;
    padding: 15px 0
  }
}

@media screen and (min-width:62em) {
  .head_1 .inner {
    padding: 20px 0
  }
}

@media screen and (min-width:848px) {
  .head_1 .login-flex {
    display: none
  }
}

.head_1 .nav>ul {
  gap: 10px
}

@media screen and (min-width:877px) {
  .head_1 .nav>ul {
    gap: 15px
  }
}

@media screen and (min-width:1081px) {
  .head_1 .nav>ul {
    gap: 20px
  }
}

@media screen and (min-width:1340px) {
  .head_1 .nav>ul {
    gap: 40px
  }
}

.head_1 .nav>ul>li {
  margin-right: 0
}

.head_1 .nav>ul>li .link {
  font-weight: 600
}

@media screen and (min-width:80em) {
  .head_1 .nav>ul>li .link {
    font-size: 1.125rem
  }
}

.head_1 .nav .buttons {
  margin: 0;
  position: relative
}

.head_1 .nav .buttons ul {
  gap: 10px
}

@media screen and (min-width:1051px) {
  .head_1 .nav .buttons ul {
    gap: 15px
  }
}

@media screen and (min-width:80em) {
  .head_1 .nav .buttons ul {
    gap: 25px
  }
}

.head_1 .nav .buttons .button {
  margin: 0
}

.head_1 .nav .buttons .button a {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .head_1 .nav .buttons .button a {
    padding: 0 12px
  }
}

@media screen and (min-width:65.68em) {
  .head_1 .nav .buttons .button a {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.head_1 .nav .buttons .button a--primary {
  background-color: #239947
}

.head_1 .nav .buttons .button a--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.head_1 .nav .buttons .button a--primary-dark {
  background-color: #006838
}

.head_1 .nav .buttons .button a--primary-dark:hover {
  background-color: #009b53
}

.head_1 .nav .buttons .button a--primary-light {
  background-color: #fff;
  color: #239947
}

.head_1 .nav .buttons .button a--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.head_1 .nav .buttons .button a--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.head_1 .nav .buttons .button a--secondary:hover {
  background-color: #239947;
  color: #fff
}

.head_1 .nav .buttons .button a--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.head_1 .nav .buttons .button a--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.head_1 .nav .buttons .button:first-child {
  margin-bottom: 15px
}

@media screen and (min-width:48em) {
  .head_1 .nav .buttons .button:first-child {
    margin-bottom: 0
  }
}

.head_1 .nav .buttons .button:first-child a {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.head_1 .nav .buttons .button:first-child a:hover {
  background-color: #239947;
  color: #fff
}

@media only screen and (min-width:847px) {
  .head_1 .nav .buttons .button:first-child a {
    min-width: auto
  }
}

@media screen and (min-width:80em) {
  .head_1 .nav .buttons .button:first-child a {
    min-width: 9.75rem
  }
}

.head_1 .nav .buttons .button:last-child a {
  background-color: #239947
}

.head_1 .nav .buttons .button:last-child a:hover {
  background-color: #1a6f34;
  border: 0
}

.head_1 .nav .buttons .button:last-child a-dark {
  background-color: #006838
}

.head_1 .nav .buttons .button:last-child a-dark:hover {
  background-color: #009b53
}

.head_1 .nav .buttons .button:last-child a-light {
  background-color: #fff;
  color: #239947
}

.head_1 .nav .buttons .button:last-child a-light:hover {
  background-color: #009b53;
  color: #fff
}

.head_1 a,
.head_1 span {
  text-transform: uppercase !important
}

.head_1 .login-btn .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .head_1 .login-btn .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .head_1 .login-btn .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.head_1 .login-btn .button--primary {
  background-color: #239947
}

.head_1 .login-btn .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.head_1 .login-btn .button--primary-dark {
  background-color: #006838
}

.head_1 .login-btn .button--primary-dark:hover {
  background-color: #009b53
}

.head_1 .login-btn .button--primary-light {
  background-color: #fff;
  color: #239947
}

.head_1 .login-btn .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.head_1 .login-btn .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.head_1 .login-btn .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.head_1 .login-btn .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.head_1 .login-btn .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.page-node-70 .head_1 .login-btn .button {
  display: none
}

@media screen and (min-width:848px) {
  .page-node-70 .head_1 .login-btn .button {
    display: flex
  }
}

.head_1 .login-btn .button span {
  background-color: initial;
  border: 0;
  color: inherit
}

.head_1 .login-form {
  display: none;
  left: 5%;
  position: absolute;
  top: 63px
}

@media screen and (max-width:61.938em) {
  .head_1 .login-form {
    max-width: none;
    width: 90%
  }
}

.sticky_h .head_1 .login-form {
  top: 59px
}

@media screen and (min-width:48em) {

  .head_1 .login-form,
  .sticky_h .head_1 .login-form {
    top: 79px
  }
}

@media screen and (min-width:62em) {

  .head_1 .login-form,
  .sticky_h .head_1 .login-form {
    left: auto;
    right: 0;
    top: 70px
  }
}

@media screen and (min-width:65.68em) {

  .head_1 .login-form,
  .sticky_h .head_1 .login-form {
    right: 25%;
    top: 76px
  }
}

@media screen and (min-width:80em) {

  .head_1 .login-form,
  .sticky_h .head_1 .login-form {
    top: 86px
  }
}

.head_1 .login-form .f_heading,
.head_1 .login-form .forgot_pass a {
  text-transform: none !important
}

.head_1 .right.login-open .login-form {
  display: flex
}

.head_1 .right.login-open .open-login-form {
  background-color: #239947 !important;
  color: #fff !important
}

.s1--new-desgin {
  border-bottom: 2px solid #006838
}

@media screen and (min-width:62em) {
  .s1--new-desgin {
    margin-top: 0;
    max-height: calc(100vh - 96px)
  }

  .s1--new-desgin,
  .s1--new-desgin .main_img img {
    min-height: 500px
  }
}

@media screen and (min-width:80em) {
  .s1--new-desgin {
    max-height: calc(100vh - 106px)
  }

  .s1--new-desgin,
  .s1--new-desgin .main_img img {
    min-height: 650px
  }
}

.s1--new-desgin h1 {
  font-family: Gill Sans Nova, Open Sans, Helvetica Neue, Helvetica, Calibri, Arial Unicode MS, sans-serif;
  font-weight: 400;
  letter-spacing: -.66px
}

.s1--new-desgin h1 strong {
  font-weight: 600
}

.s1--new-desgin .overlay {
  background: rgba(0, 0, 0, .6)
}

.s1--new-desgin .main_img--video video {
  -o-object-fit: cover;
  object-fit: cover
}

.s1--new-desgin .main_img--video~.overlay {
  background: rgba(0, 0, 0, .2)
}

.s1--new-desgin .rate {
  font-weight: 600;
  letter-spacing: -7.47px;
  padding: 0
}

.s1--new-desgin .rate .r_2 {
  font-weight: 400
}

@media screen and (min-width:90em) {
  .s1--new-desgin .rate .r_3 {
    top: -55px;
    top: -100px
  }
}

.s1--new-desgin .rate .r_4 a {
  color: #fff
}

@media screen and (min-width:80em) {
  .s1--new-desgin .inner_wrapper {
    padding: 0 20px
  }
}

@media screen and (min-width:90em) {
  .s1--new-desgin .inner_wrapper {
    gap: 180px;
    justify-content: center;
    max-width: none;
    padding-top: 0
  }

  .s1--new-desgin .inner_wrapper .left {
    max-width: 840px
  }

  .s1--new-desgin .inner_wrapper .left h1 {
    font-size: 66px
  }

  .s1--new-desgin .inner_wrapper .left .rate {
    font-size: 300px;
    font-weight: 700;
    line-height: .8
  }

  .s1--new-desgin .inner_wrapper .left .r_2,
  .s1--new-desgin .inner_wrapper .left .r_3 {
    line-height: 1
  }

  .s1--new-desgin .inner_wrapper .left .r_2 {
    font-size: 180px
  }

  .s1--new-desgin .inner_wrapper .left .r_3 {
    font-size: 38px
  }

  .s1--new-desgin .inner_wrapper .left .text {
    font-size: 43px;
    margin-bottom: 60px
  }

  .s1--new-desgin .inner_wrapper .right {
    margin-right: 0
  }
}

.s1--new-desgin .left .button a {
  align-items: center;
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  letter-spacing: .2px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  transition: all 5s ease;
  width: auto
}

@media screen and (min-width:48em) {
  .s1--new-desgin .left .button a {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s1--new-desgin .left .button a {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s1--new-desgin .left .button a--primary {
  background-color: #239947
}

.s1--new-desgin .left .button a--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s1--new-desgin .left .button a--primary-dark {
  background-color: #006838
}

.s1--new-desgin .left .button a--primary-dark:hover {
  background-color: #009b53
}

.s1--new-desgin .left .button a--primary-light {
  background-color: #fff;
  color: #239947
}

.s1--new-desgin .left .button a--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s1--new-desgin .left .button a--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s1--new-desgin .left .button a--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s1--new-desgin .left .button a--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s1--new-desgin .left .button a--primary-gradient:hover,
.s1--new-desgin .left .button a:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s1--new-desgin .right .login-form {
  display: none
}

@media screen and (min-width:48em) {
  .s1--new-desgin .right .login-form {
    display: flex
  }
}

.s1--new-desgin .right .login-form .forgot_pass a:last-child {
  display: none
}

.s1--new-desgin .bottom_arrow span,
.s1--new-desgin .bottom_arrow:hover span {
  background-color: #fff
}

.s2--new-desgin {
  background-color: initial;
  border-bottom: 2px solid #006838;
  position: relative
}

.s2--new-desgin .inner {
  max-width: 1120px;
  padding: 0 20px
}

.s2--new-desgin:after {
  background-color: hsla(0, 0%, 100%, .8);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.s2--new-desgin picture {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1
}

.s2--new-desgin picture,
.s2--new-desgin picture img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

@media screen and (min-width:48em) {

  .s2--new-desgin picture,
  .s2--new-desgin picture img {
    width: auto
  }
}

.s2--new-desgin .inner {
  padding: 55px 20px;
  position: relative;
  z-index: 1
}

.s2--new-desgin .inner .right {
  max-width: none;
  padding: 0;
  text-align: center
}

@media screen and (min-width:62em) {
  .s2--new-desgin h2 {
    font-size: 46px
  }
}

.s2--new-desgin .text {
  font-size: 20px;
  line-height: 28px
}

.s2--new-desgin .text p,
.s2--new-desgin .text strong {
  font-weight: 500
}

.s3--new-desgin {
  background-color: #eaeaea;
  border-bottom: 2px solid #006838;
  padding: 0 0 60px
}

.s3--new-desgin .inner {
  max-width: 1120px;
  padding: 0 20px
}

.s3--new-desgin h2 {
  color: #373a3f;
  text-align: center
}

.s3--new-desgin h3 {
  color: #373a3f;
  margin-top: 0
}

.s3--new-desgin .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 0;
  margin-top: 60px;
  place-items: center;
  align-items: flex-start;
  row-gap: 55px
}

@media screen and (min-width:48em) {
  .s3--new-desgin .items {
    grid-template-columns: repeat(3, 1fr)
  }
}

.s3--new-desgin .items .item {
  margin: 0
}

.s3--new-desgin .items .item:nth-child(3n) {
  margin-right: 0
}

.s3--new-desgin .items .item .icon {
  height: auto
}

.s3--new-desgin .items .item .text {
  color: #373a3f
}

.s3--new-desgin .items .item img {
  height: 77px
}

.rate-disclousere {
  background-blend-mode: color;
  background-image: linear-gradient(147deg, #5cc366, #2e6233), url(../../img/s4_bg.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

@media screen and (min-width:62em) {
  .rate-disclousere {
    background-position: 100% 100%;
    background-size: auto
  }

  .path-frontpage .rate-disclousere {
    background-size: auto 100%
  }
}

.rate-disclousere a {
  color: #fff
}

.rate-disclousere .s5 .inner {
  border-color: #fff
}

.rate-disclousere .s5 .inner a {
  text-decoration: underline
}

.rate-disclousere .footer,
.rate-disclousere .s5 {
  background-color: initial;
  color: #fff
}

.rate-disclousere .footer .inner,
.rate-disclousere .s5 .inner {
  max-width: 1120px;
  padding: 30px 20px 4px
}

.rate-disclousere .footer {
  padding-bottom: 3rem
}

.rate-disclousere .footer .center {
  border-color: #fff
}

.rate-disclousere .footer .logo img {
  width: 220px
}

.rate-disclousere .footer h2 {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: .625rem
}

.rate-disclousere .footer li {
  margin-bottom: 5px;
  margin-left: 0;
  padding: 0
}

.rate-disclousere .footer li a {
  color: #fff;
  font-size: .875rem
}

.rate-disclousere .footer li a:hover {
  color: #fff;
  text-decoration: underline
}

.rate-disclousere .footer li:after {
  display: none
}

.rate-disclousere .footer .bottom .left .text,
.rate-disclousere .footer .bottom .left .text_2,
.rate-disclousere .footer .top .left .text,
.rate-disclousere .footer .top .left .text_2 {
  margin-top: 0
}

@media screen and (min-width:48em) {

  .rate-disclousere .footer .bottom .left .text,
  .rate-disclousere .footer .top .left .text {
    margin-top: 15px
  }
}

.rate-disclousere .footer .bottom .left .text,
.rate-disclousere .footer .bottom .left .text_2 {
  color: #fff;
  font-style: normal
}

.rate-disclousere .footer .bottom .left .text {
  margin: 0
}

.rate-disclousere .footer .copyright {
  color: #fff;
  font-style: normal;
  line-height: 1.125rem
}

.s4--new-desgin {
  color: #fff;
  padding: 60px 0
}

.s4--new-desgin .inner {
  max-width: 1120px;
  padding: 0 20px
}

.s4--new-desgin .rate,
.s4--new-desgin h2 {
  color: #fff
}

.s4--new-desgin h2 {
  font-weight: 400;
  letter-spacing: -.46px;
  margin: 10px auto 38px;
  text-align: center
}

@media screen and (min-width:62em) {
  .s4--new-desgin h2 {
    font-size: 2.875rem
  }
}

.s4--new-desgin .items {
  display: flex;
  flex-direction: column;
  gap: 38px;
  margin: 0 auto;
  max-width: 400px
}

@media screen and (min-width:48em) {
  .s4--new-desgin .items {
    flex-direction: row;
    max-width: none
  }
}

.s4--new-desgin .items .item {
  -webkit-backdrop-filter: blur(26px);
  backdrop-filter: blur(26px);
  background: hsla(0, 0%, 100%, .1);
  border: 1px solid #fff;
  border-radius: 8px;
  flex: initial;
  max-width: none;
  overflow: hidden;
  padding: 0 20px 35px;
  width: 100%
}

@media screen and (min-width:62em) {
  .s4--new-desgin .items .item {
    padding: 20px 20px 35px
  }
}

.s4--new-desgin .items .item__wrapper {
  margin: 0 auto;
  max-width: 340px
}

@media screen and (min-width:62em) {
  .s4--new-desgin .items .item__wrapper {
    max-width: 400px
  }
}

.s4--new-desgin .items .item .subheading {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 15px;
  max-width: none
}

@media screen and (min-width:62em) {
  .s4--new-desgin .items .item .subheading {
    font-size: 1.875rem;
    margin-top: 20px
  }
}

.s4--new-desgin .items .item ul {
  margin-bottom: 40px
}

.s4--new-desgin .items .item .text,
.s4--new-desgin .items .item li {
  font-size: 1rem;
  max-width: none
}

.s4--new-desgin .items .item li {
  margin-bottom: 4px;
  margin-left: 0;
  padding-left: 16px
}

.s4--new-desgin .items .item li:after {
  background-color: #fff;
  height: 6px;
  left: 0;
  width: 6px
}

.s4--new-desgin .rate {
  align-items: flex-end;
  display: flex;
  font-size: 7.5rem;
  font-weight: 700;
  gap: 8px;
  letter-spacing: -7.2px
}

@media screen and (min-width:62em) {
  .s4--new-desgin .rate {
    font-size: 9rem;
    line-height: 1
  }
}

.s4--new-desgin .rate .r_2 {
  font-size: 70px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 112%;
  margin: 0
}

.s4--new-desgin .rate .r_3 {
  font-size: 20px;
  top: -34px
}

.s4--new-desgin .rate .r_4 {
  font-size: 14px
}

.s4--new-desgin .rate .r_4,
.s4--new-desgin .rate .r_4 a {
  color: #fff
}

.s4--new-desgin .actions {
  text-align: center
}

.s4--new-desgin .actions .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s4--new-desgin .actions .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s4--new-desgin .actions .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s4--new-desgin .actions .button--primary {
  background-color: #239947
}

.s4--new-desgin .actions .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s4--new-desgin .actions .button--primary-dark {
  background-color: #006838
}

.s4--new-desgin .actions .button--primary-dark:hover {
  background-color: #009b53
}

.s4--new-desgin .actions .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s4--new-desgin .actions .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s4--new-desgin .actions .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s4--new-desgin .actions .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s4--new-desgin .actions .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s4--new-desgin .actions .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s4--new-desgin .actions .button--primary-light {
  color: #006838
}

.path-frontpage .s9 {
  text-align: center
}

.path-frontpage .s9 .inner {
  background-color: #eaeaea;
  padding-bottom: 0
}

.path-frontpage .s9 .inner h2 {
  margin: 0 auto 15px;
  max-width: 820px;
  padding: 0 15px
}

@media screen and (min-width:62em) {
  .path-frontpage .s9 .inner h2 {
    font-size: 2.875rem
  }
}

.path-frontpage .s9 .inner .text {
  margin-bottom: 15px
}

.path-frontpage .s9 .inner .item_1 {
  margin: 0 auto
}

.path-frontpage .s9 .inner .item_1 img {
  margin: 0;
  max-width: 100%
}

.s19--new-desgin {
  background-blend-mode: color;
  background-image: linear-gradient(147deg, #5cc366, #2e6233), url(../../img/s4_bg.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff
}

@media screen and (min-width:62em) {
  .s19--new-desgin {
    background-position: 100% 100%;
    background-size: auto
  }
}

.s19--new-desgin .rate {
  color: #fff
}

.s19--new-desgin .item {
  border-color: #fff
}

.s19--new-desgin .actions {
  margin-top: auto
}

.s19--new-desgin .actions .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s19--new-desgin .actions .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s19--new-desgin .actions .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s19--new-desgin .actions .button--primary {
  background-color: #239947
}

.s19--new-desgin .actions .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s19--new-desgin .actions .button--primary-dark {
  background-color: #006838
}

.s19--new-desgin .actions .button--primary-dark:hover {
  background-color: #009b53
}

.s19--new-desgin .actions .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s19--new-desgin .actions .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s19--new-desgin .actions .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s19--new-desgin .actions .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s19--new-desgin .actions .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s19--new-desgin .actions .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s19--new-desgin .actions .button--primary-light {
  color: #006838
}

.s21--new-desgin {
  background-blend-mode: color;
  background-image: linear-gradient(147deg, #5cc366, #2e6233), url(../../img/s4_bg.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff
}

@media screen and (min-width:62em) {
  .s21--new-desgin {
    background-position: 100% 100%;
    background-size: auto
  }
}

.s21--new-desgin .rate,
.s21--new-desgin .rate span.r_4 a {
  color: #fff
}

.s21--new-desgin .item {
  border-color: #fff
}

.s21--new-desgin .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .s21--new-desgin .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .s21--new-desgin .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.s21--new-desgin .button--primary {
  background-color: #239947
}

.s21--new-desgin .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.s21--new-desgin .button--primary-dark {
  background-color: #006838
}

.s21--new-desgin .button--primary-dark:hover {
  background-color: #009b53
}

.s21--new-desgin .button--primary-light {
  background-color: #fff;
  color: #239947
}

.s21--new-desgin .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.s21--new-desgin .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.s21--new-desgin .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.s21--new-desgin .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.s21--new-desgin .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.s21--new-desgin .button--primary-light {
  color: #006838
}

.modal.apply-now-modal .modal-content {
  background: #239947 url(../../img/modal-background.png) no-repeat 50%/cover;
  padding: 60px 24px;
  position: relative
}

@media screen and (min-width:62em) {
  .modal.apply-now-modal .modal-content {
    padding-bottom: 80px;
    padding-top: 80px
  }
}

.modal.apply-now-modal .modal-header {
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px
}

.modal.apply-now-modal .modal-header button {
  background: url(../../img/close-white.svg) no-repeat 50%;
  float: none;
  height: 16px;
  opacity: 1;
  text-indent: -999999px;
  width: 16px
}

.modal.apply-now-modal .modal-body {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: center;
  padding: 0;
  width: 100%
}

@media screen and (min-width:62em) {
  .modal.apply-now-modal .modal-body {
    gap: 24px
  }
}

.modal.apply-now-modal .modal-body p {
  display: block;
  text-align: center;
  width: 100%
}

.modal.apply-now-modal .modal-body .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  max-width: 340px;
  min-width: 6.25rem;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto;
  width: 100%
}

@media screen and (min-width:48em) {
  .modal.apply-now-modal .modal-body .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .modal.apply-now-modal .modal-body .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.modal.apply-now-modal .modal-body .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.modal.apply-now-modal .modal-body .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.modal.apply-now-modal .modal-body .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.modal.apply-now-modal .modal-body .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.modal.apply-now-modal .modal-body .button--primary {
  background-color: #239947
}

.modal.apply-now-modal .modal-body .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.modal.apply-now-modal .modal-body .button--primary-dark {
  background-color: #006838
}

.modal.apply-now-modal .modal-body .button--primary-dark:hover {
  background-color: #009b53
}

.modal.apply-now-modal .modal-body .button--primary-light {
  background-color: #fff;
  color: #239947
}

.modal.apply-now-modal .modal-body .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.login-form {
  background-image: linear-gradient(144deg, #fff, #d6e2d7);
  border: 0;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  height: auto;
  justify-content: center;
  margin-right: 0;
  max-width: 352px;
  padding: 16px;
  position: relative;
  width: 315px
}

.login-form .f_heading,
.login-form .r_form label {
  color: #006838;
  font-weight: 600;
  letter-spacing: .38px
}

.login-form .f_heading {
  font-size: 1.4375rem;
  font-weight: 500;
  letter-spacing: -.33px;
  line-height: 100%;
  margin-bottom: 15px
}

@media screen and (min-width:80em) {
  .login-form .f_heading {
    font-size: 2.0625rem
  }
}

.login-form .r_form label {
  font-size: .875rem;
  letter-spacing: .38px;
  text-transform: uppercase
}

.login-form .r_form td {
  border: none;
  color: #373a3f;
  display: block;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 115%;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase
}

.login-form .r_form tr {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

.login-form .r_form input {
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
  padding: 2px 10px
}

.login-form .r_form .password td:first-child,
.login-form .r_form .username td:first-child {
  margin-bottom: 8px
}

.login-form .r_form .password input,
.login-form .r_form .username input {
  background-color: #fff;
  border: 1px solid #a3a3a3;
  height: 40px;
  width: 100%
}

.login-form .r_form .username td {
  margin-bottom: 8px
}

.login-form .r_form .password td {
  margin-bottom: 28px
}

.login-form .r_form .form-submit .button {
  align-items: center;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 600;
  height: 2.375rem;
  height: 46px;
  justify-content: center;
  letter-spacing: -.42px;
  line-height: 1;
  margin: 0 auto;
  min-width: 6.25rem;
  min-width: 224px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all .2s linear;
  width: auto
}

@media screen and (min-width:48em) {
  .login-form .r_form .form-submit .button {
    padding: 0 12px
  }
}

@media screen and (min-width:62em) {
  .login-form .r_form .form-submit .button {
    font-size: 1.0625rem;
    height: 56px;
    min-width: 9.75rem;
    padding: 0 15px
  }
}

.login-form .r_form .form-submit .button--primary {
  background-color: #239947
}

.login-form .r_form .form-submit .button--primary:hover {
  background-color: #1a6f34;
  border: 0
}

.login-form .r_form .form-submit .button--primary-dark {
  background-color: #006838
}

.login-form .r_form .form-submit .button--primary-dark:hover {
  background-color: #009b53
}

.login-form .r_form .form-submit .button--primary-light {
  background-color: #fff;
  color: #239947
}

.login-form .r_form .form-submit .button--primary-light:hover {
  background-color: #009b53;
  color: #fff
}

.login-form .r_form .form-submit .button--secondary {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947
}

.login-form .r_form .form-submit .button--secondary:hover {
  background-color: #239947;
  color: #fff
}

.login-form .r_form .form-submit .button--primary-gradient {
  background-image: linear-gradient(99deg, #10d624, #0e6918);
  border: 1px solid #70db79;
  letter-spacing: .2px;
  transition: all 5s ease
}

.login-form .r_form .form-submit .button--primary-gradient:hover {
  background-blend-mode: color;
  background-color: #0e6918
}

.login-form .r_form .form-submit .button:hover {
  background-color: #fff;
  border: 1px solid #239947;
  color: #239947;
  cursor: pointer
}

.login-form .r_form .form-submit .button:active,
.login-form .r_form .form-submit .button:focus,
.login-form .r_form .form-submit .button:hover {
  outline: none
}

@media screen and (min-width:62em) {
  .login-form .r_form .form-submit .button {
    height: 46px;
    min-width: 224px
  }
}

.login-form .r_form table {
  background: transparent;
  border: none
}

.login-form .forgot_pass a {
  align-items: center;
  color: #373a3f;
  display: block;
  font-size: .9375rem;
  font-weight: 300;
  line-height: 110%;
  margin-bottom: 10px;
  text-align: center
}

.login-form .forgot_pass a:last-child {
  margin-bottom: 0
}

.login-form .forgot_pass a:hover {
  text-decoration: underline
}

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

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

.u-color-green_1 {
  color: #5cc366 !important
}

.u-color-green_2 {
  color: #239947 !important
}

.u-color-green_3 {
  color: #006838 !important
}

.u-color-green_4 {
  color: #70db79 !important
}

.u-color-green_5 {
  color: #0e6918 !important
}

.u-color-gray_1 {
  color: #373a3f !important
}

.u-color-gray_2 {
  color: #eaeaea !important
}

.u-color-gray_3 {
  color: #a3a3a3 !important
}

.u-color-alert-green {
  color: #39b53f !important
}

.u-color-alert-orange {
  color: #ff4338 !important
}

.u-color-alert-red {
  color: #d0242b !important
}

.u-color-green_g_1 {
  color: linear-gradient(99deg, #10d624, #0e6918) !important
}

.u-color-green_g_2 {
  color: linear-gradient(144deg, #fff, #d6e2d7) !important
}

.u-color-green_g_3 {
  color: linear-gradient(147deg, #5cc366, #2e6233) !important
}

@media screen and (min-width:30em) {
  .u-color-white\@xs {
    color: #fff !important
  }

  .u-color-black\@xs {
    color: #000 !important
  }

  .u-color-green_1\@xs {
    color: #5cc366 !important
  }

  .u-color-green_2\@xs {
    color: #239947 !important
  }

  .u-color-green_3\@xs {
    color: #006838 !important
  }

  .u-color-green_4\@xs {
    color: #70db79 !important
  }

  .u-color-green_5\@xs {
    color: #0e6918 !important
  }

  .u-color-gray_1\@xs {
    color: #373a3f !important
  }

  .u-color-gray_2\@xs {
    color: #eaeaea !important
  }

  .u-color-gray_3\@xs {
    color: #a3a3a3 !important
  }

  .u-color-alert-green\@xs {
    color: #39b53f !important
  }

  .u-color-alert-orange\@xs {
    color: #ff4338 !important
  }

  .u-color-alert-red\@xs {
    color: #d0242b !important
  }

  .u-color-green_g_1\@xs {
    color: linear-gradient(99deg, #10d624, #0e6918) !important
  }

  .u-color-green_g_2\@xs {
    color: linear-gradient(144deg, #fff, #d6e2d7) !important
  }

  .u-color-green_g_3\@xs {
    color: linear-gradient(147deg, #5cc366, #2e6233) !important
  }
}

@media screen and (min-width:48em) {
  .u-color-white\@sm {
    color: #fff !important
  }

  .u-color-black\@sm {
    color: #000 !important
  }

  .u-color-green_1\@sm {
    color: #5cc366 !important
  }

  .u-color-green_2\@sm {
    color: #239947 !important
  }

  .u-color-green_3\@sm {
    color: #006838 !important
  }

  .u-color-green_4\@sm {
    color: #70db79 !important
  }

  .u-color-green_5\@sm {
    color: #0e6918 !important
  }

  .u-color-gray_1\@sm {
    color: #373a3f !important
  }

  .u-color-gray_2\@sm {
    color: #eaeaea !important
  }

  .u-color-gray_3\@sm {
    color: #a3a3a3 !important
  }

  .u-color-alert-green\@sm {
    color: #39b53f !important
  }

  .u-color-alert-orange\@sm {
    color: #ff4338 !important
  }

  .u-color-alert-red\@sm {
    color: #d0242b !important
  }

  .u-color-green_g_1\@sm {
    color: linear-gradient(99deg, #10d624, #0e6918) !important
  }

  .u-color-green_g_2\@sm {
    color: linear-gradient(144deg, #fff, #d6e2d7) !important
  }

  .u-color-green_g_3\@sm {
    color: linear-gradient(147deg, #5cc366, #2e6233) !important
  }
}

@media screen and (min-width:62em) {
  .u-color-white\@md {
    color: #fff !important
  }

  .u-color-black\@md {
    color: #000 !important
  }

  .u-color-green_1\@md {
    color: #5cc366 !important
  }

  .u-color-green_2\@md {
    color: #239947 !important
  }

  .u-color-green_3\@md {
    color: #006838 !important
  }

  .u-color-green_4\@md {
    color: #70db79 !important
  }

  .u-color-green_5\@md {
    color: #0e6918 !important
  }

  .u-color-gray_1\@md {
    color: #373a3f !important
  }

  .u-color-gray_2\@md {
    color: #eaeaea !important
  }

  .u-color-gray_3\@md {
    color: #a3a3a3 !important
  }

  .u-color-alert-green\@md {
    color: #39b53f !important
  }

  .u-color-alert-orange\@md {
    color: #ff4338 !important
  }

  .u-color-alert-red\@md {
    color: #d0242b !important
  }

  .u-color-green_g_1\@md {
    color: linear-gradient(99deg, #10d624, #0e6918) !important
  }

  .u-color-green_g_2\@md {
    color: linear-gradient(144deg, #fff, #d6e2d7) !important
  }

  .u-color-green_g_3\@md {
    color: linear-gradient(147deg, #5cc366, #2e6233) !important
  }
}

@media screen and (min-width:65.68em) {
  .u-color-white\@1051 {
    color: #fff !important
  }

  .u-color-black\@1051 {
    color: #000 !important
  }

  .u-color-green_1\@1051 {
    color: #5cc366 !important
  }

  .u-color-green_2\@1051 {
    color: #239947 !important
  }

  .u-color-green_3\@1051 {
    color: #006838 !important
  }

  .u-color-green_4\@1051 {
    color: #70db79 !important
  }

  .u-color-green_5\@1051 {
    color: #0e6918 !important
  }

  .u-color-gray_1\@1051 {
    color: #373a3f !important
  }

  .u-color-gray_2\@1051 {
    color: #eaeaea !important
  }

  .u-color-gray_3\@1051 {
    color: #a3a3a3 !important
  }

  .u-color-alert-green\@1051 {
    color: #39b53f !important
  }

  .u-color-alert-orange\@1051 {
    color: #ff4338 !important
  }

  .u-color-alert-red\@1051 {
    color: #d0242b !important
  }

  .u-color-green_g_1\@1051 {
    color: linear-gradient(99deg, #10d624, #0e6918) !important
  }

  .u-color-green_g_2\@1051 {
    color: linear-gradient(144deg, #fff, #d6e2d7) !important
  }

  .u-color-green_g_3\@1051 {
    color: linear-gradient(147deg, #5cc366, #2e6233) !important
  }
}

@media screen and (min-width:80em) {
  .u-color-white\@lg {
    color: #fff !important
  }

  .u-color-black\@lg {
    color: #000 !important
  }

  .u-color-green_1\@lg {
    color: #5cc366 !important
  }

  .u-color-green_2\@lg {
    color: #239947 !important
  }

  .u-color-green_3\@lg {
    color: #006838 !important
  }

  .u-color-green_4\@lg {
    color: #70db79 !important
  }

  .u-color-green_5\@lg {
    color: #0e6918 !important
  }

  .u-color-gray_1\@lg {
    color: #373a3f !important
  }

  .u-color-gray_2\@lg {
    color: #eaeaea !important
  }

  .u-color-gray_3\@lg {
    color: #a3a3a3 !important
  }

  .u-color-alert-green\@lg {
    color: #39b53f !important
  }

  .u-color-alert-orange\@lg {
    color: #ff4338 !important
  }

  .u-color-alert-red\@lg {
    color: #d0242b !important
  }

  .u-color-green_g_1\@lg {
    color: linear-gradient(99deg, #10d624, #0e6918) !important
  }

  .u-color-green_g_2\@lg {
    color: linear-gradient(144deg, #fff, #d6e2d7) !important
  }

  .u-color-green_g_3\@lg {
    color: linear-gradient(147deg, #5cc366, #2e6233) !important
  }
}

@media screen and (min-width:90em) {
  .u-color-white\@xl {
    color: #fff !important
  }

  .u-color-black\@xl {
    color: #000 !important
  }

  .u-color-green_1\@xl {
    color: #5cc366 !important
  }

  .u-color-green_2\@xl {
    color: #239947 !important
  }

  .u-color-green_3\@xl {
    color: #006838 !important
  }

  .u-color-green_4\@xl {
    color: #70db79 !important
  }

  .u-color-green_5\@xl {
    color: #0e6918 !important
  }

  .u-color-gray_1\@xl {
    color: #373a3f !important
  }

  .u-color-gray_2\@xl {
    color: #eaeaea !important
  }

  .u-color-gray_3\@xl {
    color: #a3a3a3 !important
  }

  .u-color-alert-green\@xl {
    color: #39b53f !important
  }

  .u-color-alert-orange\@xl {
    color: #ff4338 !important
  }

  .u-color-alert-red\@xl {
    color: #d0242b !important
  }

  .u-color-green_g_1\@xl {
    color: linear-gradient(99deg, #10d624, #0e6918) !important
  }

  .u-color-green_g_2\@xl {
    color: linear-gradient(144deg, #fff, #d6e2d7) !important
  }

  .u-color-green_g_3\@xl {
    color: linear-gradient(147deg, #5cc366, #2e6233) !important
  }
}

@media screen and (min-width:100em) {
  .u-color-white\@xxl {
    color: #fff !important
  }

  .u-color-black\@xxl {
    color: #000 !important
  }

  .u-color-green_1\@xxl {
    color: #5cc366 !important
  }

  .u-color-green_2\@xxl {
    color: #239947 !important
  }

  .u-color-green_3\@xxl {
    color: #006838 !important
  }

  .u-color-green_4\@xxl {
    color: #70db79 !important
  }

  .u-color-green_5\@xxl {
    color: #0e6918 !important
  }

  .u-color-gray_1\@xxl {
    color: #373a3f !important
  }

  .u-color-gray_2\@xxl {
    color: #eaeaea !important
  }

  .u-color-gray_3\@xxl {
    color: #a3a3a3 !important
  }

  .u-color-alert-green\@xxl {
    color: #39b53f !important
  }

  .u-color-alert-orange\@xxl {
    color: #ff4338 !important
  }

  .u-color-alert-red\@xxl {
    color: #d0242b !important
  }

  .u-color-green_g_1\@xxl {
    color: linear-gradient(99deg, #10d624, #0e6918) !important
  }

  .u-color-green_g_2\@xxl {
    color: linear-gradient(144deg, #fff, #d6e2d7) !important
  }

  .u-color-green_g_3\@xxl {
    color: linear-gradient(147deg, #5cc366, #2e6233) !important
  }
}

@media screen and (max-width:61.938em) {
  .u-color-white\@maxmd {
    color: #fff !important
  }

  .u-color-black\@maxmd {
    color: #000 !important
  }

  .u-color-green_1\@maxmd {
    color: #5cc366 !important
  }

  .u-color-green_2\@maxmd {
    color: #239947 !important
  }

  .u-color-green_3\@maxmd {
    color: #006838 !important
  }

  .u-color-green_4\@maxmd {
    color: #70db79 !important
  }

  .u-color-green_5\@maxmd {
    color: #0e6918 !important
  }

  .u-color-gray_1\@maxmd {
    color: #373a3f !important
  }

  .u-color-gray_2\@maxmd {
    color: #eaeaea !important
  }

  .u-color-gray_3\@maxmd {
    color: #a3a3a3 !important
  }

  .u-color-alert-green\@maxmd {
    color: #39b53f !important
  }

  .u-color-alert-orange\@maxmd {
    color: #ff4338 !important
  }

  .u-color-alert-red\@maxmd {
    color: #d0242b !important
  }

  .u-color-green_g_1\@maxmd {
    color: linear-gradient(99deg, #10d624, #0e6918) !important
  }

  .u-color-green_g_2\@maxmd {
    color: linear-gradient(144deg, #fff, #d6e2d7) !important
  }

  .u-color-green_g_3\@maxmd {
    color: linear-gradient(147deg, #5cc366, #2e6233) !important
  }
}

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

@media print {
  .u-color-white\@print {
    color: #fff !important
  }
}

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

@media print {
  .u-color-black\@print {
    color: #000 !important
  }
}

.u-bg-green_1 {
  background-color: #5cc366 !important
}

@media print {
  .u-color-green_1\@print {
    color: #5cc366 !important
  }
}

.u-bg-green_2 {
  background-color: #239947 !important
}

@media print {
  .u-color-green_2\@print {
    color: #239947 !important
  }
}

.u-bg-green_3 {
  background-color: #006838 !important
}

@media print {
  .u-color-green_3\@print {
    color: #006838 !important
  }
}

.u-bg-green_4 {
  background-color: #70db79 !important
}

@media print {
  .u-color-green_4\@print {
    color: #70db79 !important
  }
}

.u-bg-green_5 {
  background-color: #0e6918 !important
}

@media print {
  .u-color-green_5\@print {
    color: #0e6918 !important
  }
}

.u-bg-gray_1 {
  background-color: #373a3f !important
}

@media print {
  .u-color-gray_1\@print {
    color: #373a3f !important
  }
}

.u-bg-gray_2 {
  background-color: #eaeaea !important
}

@media print {
  .u-color-gray_2\@print {
    color: #eaeaea !important
  }
}

.u-bg-gray_3 {
  background-color: #a3a3a3 !important
}

@media print {
  .u-color-gray_3\@print {
    color: #a3a3a3 !important
  }
}

.u-bg-alert-green {
  background-color: #39b53f !important
}

@media print {
  .u-color-alert-green\@print {
    color: #39b53f !important
  }
}

.u-bg-alert-orange {
  background-color: #ff4338 !important
}

@media print {
  .u-color-alert-orange\@print {
    color: #ff4338 !important
  }
}

.u-bg-alert-red {
  background-color: #d0242b !important
}

@media print {
  .u-color-alert-red\@print {
    color: #d0242b !important
  }
}

.u-bg-green_g_1 {
  background-color: linear-gradient(99deg, #10d624, #0e6918) !important
}

@media print {
  .u-color-green_g_1\@print {
    color: linear-gradient(99deg, #10d624, #0e6918) !important
  }
}

.u-bg-green_g_2 {
  background-color: linear-gradient(144deg, #fff, #d6e2d7) !important
}

@media print {
  .u-color-green_g_2\@print {
    color: linear-gradient(144deg, #fff, #d6e2d7) !important
  }
}

.u-bg-green_g_3 {
  background-color: linear-gradient(147deg, #5cc366, #2e6233) !important
}

@media print {
  .u-color-green_g_3\@print {
    color: linear-gradient(147deg, #5cc366, #2e6233) !important
  }
}

body:not(.page-node-178) main#mainContent {
  display: block;
  flex-wrap: unset;
  justify-content: unset;
  margin: initial;
  padding: initial;
}

.page-node-178 main#mainContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.page-node-178 main#mainContent > section.s6 {
  flex-basis: 100%;
  width: 100%;
  order: -1;
}

.page-node-178 .s6 h1 {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 0;
  font-weight: bold;
}

.page-node-178 .s6 h1::after {
  display: none !important;
}

.page-node-178 .s6 .inner {
  margin-bottom: 0 !important
}

.page-node-178 main#mainContent > section.s17 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: 1.5%;
  flex: 1 1 100%;
}

.page-node-178 section.s17 .inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  padding: 3%;
  box-sizing: border-box;
}

.page-node-178 section.s17 .inner .left {
  display: none;
}

.page-node-178 main#mainContent > div.rate-disclousere {
  flex-basis: 100%;
  width: 100%;
}

.page-node-178 .items .items_mobile {
  display: none !important;
}

.page-node-178 button.prev.slick-arrow.no-arrow,
.page-node-178 button.next.slick-arrow.no-arrow {
  display: none !important;
}

@media (min-width: 768px) {
  .page-node-178 main#mainContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
  }

  .page-node-178 main#mainContent > section.s6 {
    flex-basis: 100%;
    width: 100%;
    order: -1;
  }

  .page-node-178 .s6 h1 {
    font-size: 2.6em;
  }

  .page-node-178 main#mainContent > section.s17 {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: 1% 2% 5%;
  }

  .page-node-178 section.s17 .inner {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 !important;
    box-sizing: border-box;
    height: 40.6875em;
    max-height: 40.6875em;
  }

  .page-node-178 section.s17 .inner .left {
    display: none;
  }

  .page-node-178 section.s17:first-of-type .right > .prev,
  .page-node-178 section.s17:first-of-type .right > .next {
    display: none !important;
  }

  .page-node-178 main#mainContent > div.rate-disclousere {
    flex-basis: 100%;
    width: 100%;
  }
}

.page-node-1 .f_heading{
  font-size: 1.625rem !important;
}