/* Copyright UX Amp - www.ux-amp.de

- brand.css -

________________________________________________________________________________
brand colors
*/
:root {--brand:#35a27a;}
:root {--brand-bg:#f7f6f4;}
:root {--dark:#495054;}
:root {--grey:#f5f3ef;}
:root {--border:#e3e0dc;}


/* custom font */
/*
@font-face {font-family:'brand_font_bold'; src:url('../fonts/brand_font/Poppins-SemiBold.ttf');}
@font-face {font-family:'brand_font_medium'; src:url('../fonts/brand_font/Poppins-Regular.ttf');}
@font-face {font-family:'brand_font_light'; src:url('../fonts/brand_font/Poppins-Light.ttf');}
*/

/* main typography */
html {overflow-x:hidden;}
html, body {color:var(--dark); background:#fff; margin:0 !important;}
body {font-family:'brand_font_medium', sans-serif; font-size:18px; line-height:1.6; letter-spacing:.5px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {font-family:'brand_font_bold', sans-serif; margin:0; display:block; line-height:1.2; letter-spacing:1px;}
h1, .h1 {font-size:58px;}
h2, .h2 {font-size:32px;}
h3, .h3 {font-size:20px;}
h4, .h4 {font-size:17px;}
h5, .h5 {font-size:16px;}
h6, .h6 {font-size:14px;}
h1, h2, h3, h4, h5, h6 {margin-bottom:20px;}

.bold, b, strong {font-family:'brand_font_bold', serif !important;}
.medium {font-family:'brand_font_medium', serif !important;}
.light {font-family:'brand_font_light', serif !important;}

.claim {font-size:110px; line-height:140px;}
.overdrive {font-size:50px !important; line-height:55px;}
.overdrive_2 {font-size:120px !important; line-height:100px;}

small, .small_font {font-size:32px; line-height:46px;}
/*.font_small, small {font-size:17px !important;}*/
.font_small {font-size:17px !important;}

/* links */
a, a:hover, a.active, .link {color:var(--brand); text-decoration:none !important;}
p.btn_brand a, p.btn_brand a:hover, p.btn_brand a.active, .link {color:#fff; text-decoration:none !important;}

.text_content a:focus {background:var(--dark) !important; color:#fff !important;}
.text_content a {text-decoration:underline !important;}
.text_content .btn {margin-top:20px; text-decoration:none !important;}
.dark_bg a, .dark_bg a:hover, .brand_bg a, .brand_bg a:hover {color:#fff !important;}
.dark_bg .btn_white a:hover {color:var(--dark) !important;}

/* btn */
.btn.focus, .btn:focus {box-shadow:none;}

[type=submit],
p.btn a {text-decoration:none !important; overflow:hidden; border:none; display:block; box-shadow:none; border-radius:0; padding:10px 40px 11px 40px; font-size:20px; line-height:32px;}

p.btn.btn_rounded a, .btn_rounded {border-radius:50px;}
.btn_group .btn + .btn {margin-left:10px;}

p.btn_lg a {padding:15px 50px;}
p.btn_xl a {padding:17px 70px; font-size:23px;}

.btn_white a,
.btn_white.active.focus a, .btn_white.active:focus a, .btn_white.active:hover a,
.btn_white.focus:active a, .btn_white:active:focus a, .btn_white:active:hover a,
.btn_white:focus a, .btn_white:active a {color:var(--dark) !important; border:solid 1.5px #fff !important; background:#fff !important;}
.btn_outline.btn_white, .btn_white.btn_outline:hover, .btn_white.btn_outline:focus, .btn_white.btn_outline:active, .btn_white.btn_outline:focus:active {border:1.5px solid #fff !important; color:#fff !important; background:none !important;}

.btn_dark a,
.btn_dark.active.focus a, .btn_dark.active:focus a, .btn_dark.active:hover a,
.btn_dark.focus:active a, .btn_dark:active:focus a, .btn_dark:active:hover a,
.btn_dark:focus a, .btn_dark:active a {color:#fff !important; border:solid 1.5px var(--dark) !important; background:var(--dark) !important;}
.btn_outline.btn_dark a, .btn_dark.btn_outline:hover a, .btn_dark.btn_outline:focus a, .btn_dark.btn_outline:active a, .btn_dark.btn_outline:focus:active a {border:1.5px solid var(--dark) !important; color:var(--dark) !important; background:none !important;}

[type=submit] {border-radius:50px; width:auto; height:auto;}
[type=submit],
p.btn_brand a, p.btn_brand a:hover, p.btn_brand.active.focus a:hover, p.btn_brand a:active,
p.btn_brand.active.focus a, p.btn_brand.active a:focus, p.btn_brand.active a:hover,
p.btn_brand.focus a:active, p.btn_brand:active a:focus, p.btn_brand a:active:hover,
p.btn_brand a:focus, p.btn_brand a:active {color:#fff !important; border:solid 1.5px var(--brand) !important; background:var(--brand) !important;}
p.btn_outline.btn_brand a, p.btn_brand.btn_outline a:hover, p.btn_brand.btn_outline a:focus, p.btn_brand.btn_outline a:active, p.btn_brand.btn_outline a:focus:active {border:1.5px solid var(--brand) !important; color:var(--brand) !important; background:none !important;}

.desktop .pulse_fx_dark a, .desktop .hover_pulse_fx_dark:hover a {box-shadow:0 0 8px rgba(111,111,111,.0); animation: pulsered-dark 5s infinite;}
@-webkit-keyframes pulsered-dark {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(111,111,111,.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(111,111,111,.0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(111,111,111,.0);
  }
}
.desktop .pulse_fx_white a, .desktop .hover_pulse_fx_white:hover a {box-shadow:0 0 8px rgba(255,255,255,.0); animation: pulsered-white 5s infinite;}
@-webkit-keyframes pulsered-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(255,255,255,.0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.0);
  }
}
.desktop .pulse_fx_brand a, .desktop .hover_pulse_fx_brand a:hover,
.desktop .circle.pulse_fx_brand {box-shadow:0 0 8px rgba(53,162,122,.0); animation: pulsered-brand 5s infinite;}
@-webkit-keyframes pulsered-brand {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(53,162,122,.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(53,162,122,.0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(53,162,122,.0);
  }
}

/* font color styles */
.brand_color {color:var(--brand) !important;}
.dark_color {color:var(--dark) !important;}
.white_color {color:#fff !important;}

/* bg styles */
.brand_bg {background:var(--brand) !important; color:#fff;}
.dark_bg {background:var(--dark) !important; color:#fff;}
.grey_bg {background:var(--grey) !important;}
.white_bg {background:#fff; color:var(--dark) !important;}
.black_bg {background:#000 !important;}

/* burger menu */
.menu_icon {background:rgba(255,255,255,.0); position:fixed; display:block; right:30px; top:15px; height:50px; cursor:pointer; width:50px; z-index:1300; border-radius:100%;}
.menu_icon .wrapper_lines {position:relative; top:18px; left:19px;}
.menu_icon span.lines {background:var(--dark); display:block; height:2px; width:15px;}
.scrollpoint .menu_icon span.lines {background:var(--dark);}
.content_page .menu_icon span.lines {background:var(--dark) !important;}
.menu_icon.active span.lines {background:var(--brand) !important;}
.menu_icon span.line_1 {transform:rotate(0deg); margin-top:2px; margin-left:-2px;}
.menu_icon span.line_2 {transform:rotate(0deg); margin-top:4px; margin-left:-2px;}
body.show_app_menu .menu_icon span.line_1 {transform:rotate(135deg); margin-top:6px; margin-left:-2px;}
body.show_app_menu .menu_icon span.line_2 {transform:rotate(45deg); margin-top:-2px; margin-left:-2px;}

.close_icon {display:block;}
.close_icon .wrapper_lines {position:relative; top:18px; left:19px;}
.close_icon span.lines {background:#fff; display:block; height:2px; width:15px;}
.close_icon span.line_1 {transform:rotate(135deg); margin-top:6px; margin-left:-2px;}
.close_icon span.line_2 {transform:rotate(45deg); margin-top:-2px; margin-left:-2px;}

.plus_icon {position:absolute; top:1px; right:5px; height:40px; width:40px; transform:rotate(45deg);}
.plus_icon .wrapper_lines {position:relative; top:15px; left:19px;}
.plus_icon span.lines {background:var(--brand); display:block; height:2px; width:15px;}
.plus_icon span.line_1 {transform:rotate(135deg); margin-top:6px; margin-left:-2px;}
.plus_icon span.line_2 {transform:rotate(45deg); margin-top:-2px; margin-left:-2px;}

#app_nav .wrapper_dropdown.active .toggle_menu .plus_icon span.line_2 {opacity:0;}


/*
________________________________________________________________________________
responsive design
*/
.not_desktop {display:none !important;}
@media (max-width: 1100px) {
  }
@media (max-width: 1100px) {
  .not_desktop {display:inherit !important;}
  .not_mobile {display:none !important;}

	body {font-size:18px;}
	h1, .h1 {font-size:32px;}
	.header_slider .h1, .h1_header h1 {line-height:60px;}
	h2, .h2 {font-size:32px;}
	.claim {line-height:60px; font-size:58px;}
	small, .small_font {line-height:55px;}
	.overdrive_2 {font-size:80px !important; line-height:60px;}

	.plus_icon {left:-26px; right:auto; top:-1px;}

  }
  @media (max-width: 880px) {
  .not_mobile_small {display:none !important;}
  
  h2, .h2 {font-size:25px;}
  small, .small_font {font-size:25px;}

  }