/* base */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root{
  --black:#000; 
  --white:#fff;  
  --color_1:#04614C;
  --color_2:#03E081;
  --color_3:#F5F5F5;
  --color_4:#BAA971;
  --black-10:rgba(0, 0, 0, 0.1);
  --black-20:rgba(0, 0, 0, 0.2); 
  --white-10:rgba(255, 255, 255, 0.1);
  --white-20:rgba(255, 255, 255, 0.2);
  --white-90:rgba(255, 255, 255, 0.9);
  --font-albert:"Albert Sans", sans-serif;
  --font-family-sans-serif:"Albert Sans", sans-serif;
  --font-family-monospace:"Albert Sans", sans-serif;
}

* {
  word-wrap: break-word;
}

a {
  color: var(--color_1);
}
a:hover {
  color: var(--color_1);
}

.container.ap-customer-container {
  max-width: 600px !important;
}
.fw_400{font-weight: 400;}
.fw_500{font-weight: 500;}
.fw_600{font-weight: 600;}
.fw_700{font-weight: 700;}
.fw_800{font-weight: 800;}

.fc_w{ color: var(--white);}
.fc_b{ color: var(--black);}
.fc_1{ color: var(--color_1);}
.fc_2{ color: var(--color_2);}
.fc_3{ color: var(--color_3);}
.fc_4{ color: var(--color_4);}

.bgc_w{background-color: var(--white);}
.bgc_b{background-color: var(--black);}
.bgc_1{background-color: var(--color_1);}
.bgc_2{background-color: var(--color_2);}
.bgc_3{background-color: var(--color_3);}

.fz_14{font-size: 14px;}
.fz_15{font-size: 15px;}
.fz_16{font-size: 16px;}
.fz_18{font-size: 18px;}
.fz_20{font-size: 20px;}
.fz_22{font-size: 22px;}
.fz_24{font-size: 24px;}
.fz_26{font-size: 26px;}
.fz_28{font-size: 28px;}
.fz_30{font-size: 30px;}
.fz_40{font-size: 40px;}
.fz_46{font-size: 46px;}
.fz_54{font-size: 54px;}
.fz_72{font-size: 72px;}

.mw-520 {max-width: 520px;}
.mw-740 {max-width: 740px;}
.ls_1 {letter-spacing: -1.5px;}
.ls_2 {letter-spacing: -0.32px;}
.bottom-0 {bottom: 0 !important;}

body {
    font-family:var(--font-albert);
    color:var(--black);
    font-weight: 500;
    line-height: 1.3;
}
h1.title {
  line-height: 1;
  letter-spacing: -1.5px;
}
h1, h2, h3, h4, h5, h6{
  color: var(--black);
  line-height: 1.1;
}
p, li {
  color: var(--black);
  font-weight: 500;
  font-size: 18px;
}
main#content {overflow-x: hidden;}
.top-0 {
  top: 0 !important;
}
.start-0 {
  left: 0 !important;
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .fz_72 {font-size: 66px;}
  .fz_54{font-size: 50px;}
  .fz_46{font-size: 42px;}  
  .fz_40{font-size: 38px;}
  .fz_30{font-size: 28px;}
  .fz_28{font-size: 26px;}
  .fz_20{font-size: 18px;}
  .fz_22{font-size: 20px;}
  .fz_18{font-size: 16px;}
   p,li {font-size: 16px;}
   
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fz_72 {font-size: 60px;}
  .fz_54{font-size: 46px;}  
  .fz_46{font-size: 38px;}
  .fz_30{font-size: 26px;}
  .fz_28{font-size: 24px;}
}
@media screen and (max-width: 1023px) {
  .fz_22{font-size: 18px;}
  .fz_20{font-size: 16px;}
  .fz_18{font-size: 15px;}
  .fz_40{font-size: 36px;}
  p,li {font-size: 15px;}  
}
@media screen and (max-width: 767px) {
  .fz_72 {font-size: 54px;}
  .fz_54{font-size: 42px;}    
  .fz_46{font-size: 36px;}
  .fz_30{font-size: 24px;}
  .fz_28{font-size: 22px;}


  .container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .row {
      margin-left: -25px;
      margin-right: -25px;
  }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
      padding-right: 25px;
      padding-left: 25px;
  }
}
/* base */

/* cta */
.btn.cta_s1 {
  background-color: var(--color_1);
  border-color: var(--color_1);
  color: var(--white);
  border-radius: 80px;
  padding: 15px 30px;
  line-height: 1;
}
.btn.cta_s1:hover {
  background-color: var(--color_2);
  border-color: var(--color_2);
  color: var(--black);
}
.btn.cta_s1.cta_s2 {
  background-color: var(--white-20);
  border-color: var(--white-20);
  color: var(--white);
  backdrop-filter: blur(24px);
}
.btn.cta_s1.cta_s2:hover {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--black);
}
.btn.cta_s1.cta_s3 {
  background-color: var(--color_2);
  border-color: var(--color_2);
  color: var(--black);
}
.btn.cta_s1.cta_s3:hover {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--color_1);
}
/* cta */

/* form */
.ap-form-layout .input label {
  display: block;
}
.ap-form-layout input,
.ap-form-layout button,
.ap-form-layout select,
.ap-form-layout optgroup,
.ap-form-layout textarea {
  border: 2px solid #fff;
  border-radius: 10px;
  font-size: 16px;
  color: #1A1A1B;
  font-weight: 500;
  margin: 0 0 10px;
  line-height: 1;
  padding: 5px 15px;
  height: 50px;
  width: 100%;
  background: #fff;
  outline: none !important;
  margin: 0 0 20px;
}
.ap-form-layout input[type="submit"] {
  background: var(--color_2);
  width: auto;
  border-color: var(--color_2);
  border-radius: 80px;
  color: #1A1A1B;
  min-width: 150px;
  font-weight: 700;
  font-size: 18px;
}
/* form */

/* section */
.ap-section-title {
  line-height: 1;
  margin: 0 0 45px;
  letter-spacing: -1.25px;
}
.ap-section-title h2 {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0;
  padding: 0;
}
.ap-section-title h2 i {
  position: relative;
  display: inline-block;
}
.ap-section-title h2 i:before {
  content: "";
  position: absolute;
  width: 105%;
  height: 10px;
  left: -5%;
  bottom: -12px;
  background-color: transparent;
  background-image: url("/static/include/img/s-icon-line-1.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.ap-text-block p{
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.block-gallery_grid {
  overflow: hidden;
}
/* section */

/* Header */
/* Header style 1 */
.ap-header,
body.active .ap-header{
  background: var(--color_1);
}
.ap-header .navbar-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  @media screen and (max-width: 63.9375em) {
    flex-direction: column;
  }
}
.ap-header .navbar-nav .nav-item {
  padding: 0 15px;
  display: block;
  @media screen and (min-width: 64em) and (max-width: 80em) {
    padding: 0 10px;
  }
  @media screen and (max-width: 63.9375em) {
    padding: 25px 0 0;
    text-align: center;
  }
}
.ap-header .navbar-nav .nav-item.nav-item-cta {
  padding-right: 0;
  margin: 0;
}
.ap-header .navbar-nav .nav-item-icon a {
  padding: 10px 20px;
  border-radius: 80px;
  line-height: 1;
  border: 2px solid var(--white);
  display: block;
  margin: 0 0 0 15px;
}
.ap-header .navbar-nav .nav-item-icon a img {
  display: block;
  line-height: 1;
}
.ap-header .navbar-nav .nav-item-icon a:hover {
  background:  var(--color_2);
  border-color: var(--color_2);
}
.ap-header .navbar-nav .nav-item-icon a:hover img.ap-user-icon-w {
  display: none !important;
}
.ap-header .navbar-nav .nav-item-icon a:hover img.ap-user-icon-b {
  display: block !important;
}
.ap-header .navbar-nav .nav-item a{
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  text-transform: inherit;
  letter-spacing: inherit;
  line-height: 1;
  @media screen and (min-width: 64em) and (max-width: 80em) {
    font-size: 16px;
  }
  @media screen and (max-width: 63.9375em) {
    color: var(--white) !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .ap-header .navbar-nav .nav-item.nav-item-active a:after {
    background: var(--color_2) !important;
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -5px;
  }
  .ap-header .navbar-nav .nav-item a {
    position: relative;
  }
}

body.active .ap-header .navbar-nav .nav-item a{
  color: var(--white) !important;
}
.ap-header .navbar-nav .nav-item.nav-item-active a:after {
  width: 100%;
  background: var(--color_2) !important;
}
.ap-header  nav li.nav-item a:after {
  bottom: -7px;
  width: 0px;
  background: transparent;
  height: 2px;
}
header.ap-header nav li.nav-item:hover a:after {
  width: 100%;
  background:var(--color_2) !important;
}
.ap-header .navbar-nav .nav-item.nav-item-cta a:after {
  display: none;
}
.ap-header .navbar-nav .nav-item.nav-item-cta a {
  background:var(--color_2);
  display: block;
  padding: 12px 24px;
  color: var(--black);
  border-radius: 80px;
  line-height: 1;
}
.ap-header .navbar-nav .nav-item.nav-item-cta a:hover{
  background:var(--white);
  color: var(--black) !important;
}
body.active .ap-header .navbar-nav .nav-item.nav-item-cta a {
  color: var(--black) !important;
}
header #hamburgerTrigger span,
header #hamburgerTrigger span:before,
header #hamburgerTrigger span:after{
  background: var(--white);
}
body.active .ap-header #hamburgerTrigger span,
body.active .ap-header #hamburgerTrigger span:before,
body.active .ap-header #hamburgerTrigger span:after{
  background: var(--white) !important;
}
body.menu-active header #hamburgerTrigger span:after,
body.menu-active header #hamburgerTrigger span:before{
  background: var(--white) !important;
}
/* Header style 1 */

/* Header style 2 */
.ap-header.h--light {
  background: var(--white);
}
.ap-header.h--light #hamburgerTrigger span,
.ap-header.h--light #hamburgerTrigger span:before,
.ap-header.h--light #hamburgerTrigger span:after{
  background: var(--color_1);
}
.ap-header.h--light .navbar-nav .nav-item a {
  color: var(--black);
}
body.active .ap-header.h--light {
  background: var(--color_1);
}
.ap-header.h--light .navbar-nav .nav-item.nav-item-cta a{
  background:var(--color_1);
  color: var(--white) !important;
}
.ap-header.h--light .navbar-nav .nav-item.nav-item-cta a:hover{
  background:var(--color_2);
  color: var(--black) !important;
}
body.active .ap-header.h--light .navbar-nav .nav-item.nav-item-cta a{
  background:var(--color_2);
  color: var(--black) !important;
}
body.active .ap-header.h--light .navbar-nav .nav-item.nav-item-cta a:hover{
  background:var(--white);
  color: var(--black) !important;
}
.ap-header.h--light .navbar-nav .nav-item-icon a {
 border-color: var(--black-10); 
}
body.active .ap-header.h--light .navbar-nav .nav-item-icon a {
  border-color: var(--white); 
}
.ap-header.h--light .navbar-nav .nav-item-icon a:hover {
  border-color: var(--color_2);
  background: var(--color_2);
}
.ap-header.h--light .navbar-nav .nav-item-icon a img.ap-user-icon-w {
  display: none !important;
}
.ap-header.h--light .navbar-nav .nav-item-icon a img.ap-user-icon-b {
  display: block !important;
}
body.active .ap-header.h--light .navbar-nav .nav-item-icon a img.ap-user-icon-w {
  display: block !important;
}
body.active .ap-header.h--light .navbar-nav .nav-item-icon a img.ap-user-icon-b {
  display: none !important;
}
.ap-header.h--light .navbar-nav .nav-item-icon a:hover {
  border-color: var(--color_1);
  background: var(--color_1);
}
.ap-header.h--light .navbar-nav .nav-item-icon a:hover img.ap-user-icon-w {
  display: block !important;
}
.ap-header.h--light .navbar-nav .nav-item-icon a:hover img.ap-user-icon-b {
  display: none !important;
}
body.active .ap-header.h--light .navbar-nav .nav-item-icon a:hover {
  background-color: var(--color_2);
  border-color: var(--color_2);
}
body.active .ap-header.h--light .navbar-nav .nav-item-icon a:hover img.ap-user-icon-w {
  display: none!important;
}
body.active .ap-header.h--light .navbar-nav .nav-item-icon a:hover img.ap-user-icon-b {
  display: block  !important;
}

/* Header style 2 */

/* Header style 3 */
.ap-header.h--transparent {
  background: transparent;
}
body.active .ap-header.h--transparent{
  background: var(--color_1);
}
/* Header style 3 */

header .u-header__section {
  background: none;
}
.ap-header .u-header__navbar-brand-center img {
  width: 240px;
  @media screen and (max-width: 1199px) {
    width: 200px;
  }
  @media screen and (max-width: 63.9375em) {
    width: 180px;
  }
}
body.active .ap-header .u-header__navbar-brand-center img {
  width: 200px;
  @media screen and (max-width: 1199px) {
    width: 180px;
  }
  @media screen and (max-width: 63.9375em) {
    width: 160px;
  }
}

header #navBarWithDropdown {
  background: transparent;
  @media screen and (max-width: 63.9375em) {
    background: var(--color_1);
  }
}
header #hamburgerTrigger span:before{
  top: -6px;
}
header #hamburgerTrigger span:after{
  top: 6px;
}
body.active header .u-header__section,
body.menu-active header .u-header__section {
  padding: 1.5rem 0;
}

@media screen and (max-width: 63.9375em) {
  .ap-header .navbar-nav .nav-item-icon {
    display: none !important;
  }
  .ap-header .navbar-nav .nav-item.nav-item-mobile {
    display: block !important;
  }
  .ap-header .navbar-nav .nav-item.nav-item-cta {
    padding-top: 60px;
  }
  .ap-header .navbar-nav .nav-item.nav-item-cta a,
  .ap-header.h--light .navbar-nav .nav-item.nav-item-cta a{
    background: var(--color_2) !important;
    color: var(--black) !important;
  }
}
/* Header */

/* cookie bar */
#cookiebar {
  background: var(--color_1);
}
#cookiebar .btn {
  background: var(--color_2);
  display: block;
  padding: 12px 24px;
  color: var(--black);
  border-radius: 80px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
}
/* cookie bar */


section.reset-password .form input[type="submit"] {
  background: var(--color_1);
  border-color: var(--color_1);
  outline: none !important;
  box-shadow: none !important;
}