/* ========================= RESET =========================
============================================================ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align: top;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
/* ======================= LP STYLES =======================
============================================================ */
* {
 box-sizing: border-box;
 -webkit-font-smoothing: antialiased;
}
html {
 color: #73848d;
 font-family: 'Open Sans', sans-serif;
 font-weight: 500;
 font-size: 16px; 
 line-height: 1.5;
 height: 100%;
 scroll-behavior: smooth;
}
body {
 font-family: 'Open Sans', sans-serif;
 background: #ffffff;
 color: #111111;
 font-size: 16px;
 height: 100%;
 line-height: 1.5em;
}
h1 {
 --font_size: 2.6875em;
 --line_height: 1.0232558139534884em;
 font-size: var(--font_size);
 line-height: var(--line_height);
 margin-bottom: 0.53em;
}
h2 {
 --font_size: 1.875em;
 --line_height: 1.4666666666666666em;
 font-size: var(--font_size);
 line-height: var(--line_height);
 margin-bottom: 0.64em;
}
h3 {
 --font_size: 1.375em;
 --line_height: 1.3636363636363635em;
 font-size: var(--font_size);
 line-height: var(--line_height);
 margin-bottom: 0.72727272em;
}
h4 {
 --font_size: 1.25em;
 --line_height: 1.4em;
 font-size: var(--font_size);
 line-height: var(--line_height);
 margin-bottom: 0.8em;
}
h5 {
 --font_size: 1.125em;
 --line_height: 1.4444444444444444em;
 font-size: var(--font_size);
 line-height: var(--line_height);
}
h6 {

}
p {
 margin: 0 0 1.125em 0;
}
.small {
  font-size: 0.875em;
  line-height: 1.3571428571428572em;
}
.extra_small {
  font-size: 0.875em;
  line-height: 1.35714em;
}
@media all and (max-width: 1025px) {
  .mob_small {
    font-size: 1em;
    line-height: 1.26em;
  }
  .mob_extra_small {
    font-size: .75em;
    line-height: 1.35714em;
  }
}
a {
 outline: none;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
/*img {
 height: auto;
 max-width: 100%;
 width: 100%;
}*/
sup {
 bottom: 1ex;
 font-size: .6em;
 height: 0;
 line-height: 1;
 position: relative;
 vertical-align: baseline;
}
.text_center {
  text-align: center;
}
.text_left {
  text-align: left;
}
.text_right {
  text-align: right;
}
.lowercase {
 text-transform: none;
}
.uppercase {
 text-transform: uppercase;
}
.capitalize {
 text-transform: capitalize;
}
.light {
  font-weight: 300;
}
.normal {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.semibold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
/*.large {
  font-weight: 700;
  font-size: 2.6875em;
  line-height: 1.02em;
}*/
@media screen and (max-width: 1024px) {
  .tab_text_center {
    text-align: center;
  }
  .tab_full_width {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .mob_text_center {
    text-align: center;
  }
  .mob_full_width {
    width: 100%;
  }
}

/***** INPUT STYLES START *****/
input, textarea, select {
  --border-width: 1px;
  --border-radius: .25em;
  --box-shadow: 0;
  --font-size: 1em;
  /*--line-height: 1.5;*/
  --padding: 0.5rem;
  --background-color: var(--color_white);
  --border-color: var(--color_black);
  --font-color: var(--color_black);
  --padding: 0.25em .5em;
  --height: 3em;
  --width: 100%;

  --focus-border-color: var(--color_brand);
}

/***** BUTTON STYLES START *****/

/***** BUTTON STYLES END *****/

/***** FLEXBOX STYLES START *****/
.wrapper {
 margin: 0 auto;
 padding: 0 1.25em;
 max-width: 1280px;
 width: 100%;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
}

/** Align items HORIZONTALLY in FLEX-ROW class **/
/** Align items VERTICALLY in FLEX-COLUMN class **/
.fl_left {
  justify-content: flex-start;
}
.fl_center {
  justify-content: center;
}
.fl_right {
  justify-content: flex-end;
}
.fl_around {
  justify-content: space-around;
}
.fl_between {
  justify-content: space-between;
}
.fl_evenly {
  justify-content: space-evenly;
}
.fl_stretch{
  justify-content: stretch;
}
@media screen and (max-width: 1024px) {
  .tab_fl_left {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .mob_fl_left {
    justify-content: flex-start;
  }
  .mob_fl_center {
    justify-content: center;
  }
  .mob_fl_right {
    justify-content: flex-end;
  }
}
/** Align columns or rows VERTICALLY - use along WRAPPER class **/
.fl_top {
  align-items: flex-start;
}
.fl_middle {
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .tab_fl_top {
    align-items: flex-start;
  }
  .tab_fl_middle {
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .mob_fl_top {
    align-items: flex-start;
  }
  .mob_fl_middle {
    align-items: center;
  }
}

/** Align single item **/
.align_top {
  align-self: flex-start;
} 

.align_center {
  align-self: center;
} 

.align_bottom {
  align-self: flex-end;
} 

.align_stretch {
  align-self: stretch;
} 

@media screen and (max-width: 1024px) {
  .tab_align_center {
    align-self: center;
  } 
}

/** Align children **/
.content_top {
  align-content: flex-start;
} 

.content_center {
  align-content: center;
} 

.content_bottom {
  align-content: flex-end;
} 

/** Set direction of content **/
.fl_row {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}

.fl_col {
 display: flex;
 flex-direction: column;
 flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
  .tab_fl_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .tab_fl_col {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .mob_fl_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .mob_fl_col {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}

/** Set gap HORIZONTALLY between itmes **/
.gap_xs {
  --xgap: .25em;
  --ygap: .25em;
  column-gap: var(--xgap);
  row-gap: var(--ygap);
}
.gap_sm {
  --xgap: .5em;
  --ygap: .5em;
  column-gap: var(--xgap);
  row-gap: var(--ygap);
}
.gap {
  --xgap: 1em;
  --ygap: 1em;
  column-gap: var(--xgap);
  row-gap: var(--ygap);
}
.gap_lg {
  --xgap: 1.5em;
  --ygap: 1.5em;
  column-gap: var(--xgap);
  row-gap: var(--ygap);
}
.gap_xl {
  --xgap: 4em;
  --ygap: 4em;
  column-gap: var(--xgap);
  row-gap: var(--ygap);
}
.x_gap_xs {
  --xgap: .25em;
  column-gap: var(--xgap);
}
.x_gap_sm {
  --xgap: .5em;
  column-gap: var(--xgap);
}
.x_gap {
  --xgap: 1em;
  column-gap: var(--xgap);
}
.x_gap_lg {
  --xgap: 1.5em;
  column-gap: var(--xgap);
}
.x_gap_xl {
  --xgap: 4em;
  column-gap: var(--xgap);
}
.y_gap_xs {
  --ygap: .25em;
  row-gap: var(--ygap);
}
.y_gap_sm {
  --ygap: .5em;
  row-gap: var(--ygap);
}
.y_gap {
  --ygap: 1em;
  row-gap: var(--ygap);
}
.y_gap_lg {
  --ygap: 1.5em;
  row-gap: var(--ygap);
}
.y_gap_xl {
  --ygap: 4em;
  row-gap: var(--ygap);
}

@media screen and (max-width: 1024px) {
  .tab_gap_xs {
    --xgap: .25em;
    --ygap: .25em;
    column-gap: var(--xgap);
    row-gap: var(--ygap);
  }
  .tab_gap_sm {
    --xgap: .5em;
    --ygap: .5em;
    column-gap: var(--xgap);
    row-gap: var(--ygap);
  }
  .tab_gap {
    --xgap: 1em;
    --ygap: 1em;
    column-gap: var(--xgap);
    row-gap: var(--ygap);
  }
  .tab_gap_lg {
    --xgap: 1.5em;
    --ygap: 1.5em;
    column-gap: var(--xgap);
    row-gap: var(--ygap);
  }
  .tab_gap_xl {
    --xgap: 4em;
    --ygap: 4em;
    column-gap: var(--xgap);
    row-gap: var(--ygap);
  }
  .tab_x_gap_xs {
    --xgap: .25em;
    column-gap: var(--xgap);
  }
  .tab_x_gap_sm {
    --xgap: .5em;
    column-gap: var(--xgap);
  }
  .tab_x_gap {
    --xgap: 1em;
    column-gap: var(--xgap);
  }
  .tab_x_gap_lg {
    --xgap: 1.5em;
    column-gap: var(--xgap);
  }
  .tab_x_gap_xl {
    --xgap: 4em;
    column-gap: var(--xgap);
  }
  .tab_y_gap_xs {
    --ygap: .25em;
    row-gap: var(--ygap);
  }
  .tab_y_gap_sm {
    --ygap: .5em;
    row-gap: var(--ygap);
  }
  .tab_y_gap {
    --ygap: 1em;
    row-gap: var(--ygap);
  }
  .tab_y_gap_lg {
    --ygap: 1.5em;
    row-gap: var(--ygap);
  }
  .tab_y_gap_xl {
    --ygap: 4em;
    row-gap: var(--ygap);
  }
}

/** Set content to wrap **/

.fl_wrap {
  flex-wrap: wrap;
}
.fl_wrap_reverse {
  flex-wrap: wrap-reverse;
}
.fl_no_wrap {
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .tab_fl_wrap {
    flex-wrap: wrap;
  }
  .tab_fl_wrap_reverse {
    flex-wrap: wrap-reverse;
  }
  .tab_fl_no_wrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (max-width: 767px) {
  .mob_fl_wrap {
    flex-wrap: wrap;
  }
  .mob_fl_wrap_reverse {
    flex-wrap: wrap-reverse;
  }
  .mob_fl_no_wrap {
    flex-wrap: nowrap;
  }
}
/** Flex Column Group Settings **/
/** Set column width - use along FLEX-COLUMN or FLEX-ROW class - Set up for column groups **/

.fl_col_1,
.fl_col_2,
.fl_col_3,
.fl_col_4,
.fl_col_5,
.fl_col_6,
.fl_col_7,
.fl_col_8,
.fl_col_9,
.tab_fl_col_2 {
  --columns:1;
  --gap-count:calc( var(--columns) - 1 );
  display:flex;
  flex-wrap:wrap;
  column-gap:var(--xgap);
}

.fl_col_1 > *,
.fl_col_2 > *,
.fl_col_3 > *,
.fl_col_4 > *,
.fl_col_5 > *,
.fl_col_6 > *,
.fl_col_7 > *,
.fl_col_8 > *,
.fl_col_9 > *,
.tab_fl_col_2 > *,
.mob_fl_col_1 > * {
  /* flex-basis: calc(100% / 3) */
  flex-basis: calc( calc( 100% / var(--columns) ) - calc( var(--xgap) / var(--columns) * var(--gap-count) ) );
  display: flex;
  flex-direction: column;
}

/** Column Order **/
.col_1 { order: 1; } 
.col_2 { order: 2; }
.col_3 { order: 3; }
.col_4 { order: 4; }
.col_5 { order: 5; }
.col_6 { order: 6; }
.col_7 { order: 7; }
.col_8 { order: 8; }
.col_9 { order: 9; }

@media all and (max-width: 767px) {
.fl_col_1,
.fl_col_2,
.fl_col_3,
.fl_col_4,
.fl_col_5,
.fl_col_6,
.fl_col_7,
.fl_col_8,
.fl_col_9,
.mob_fl_col_1 {
  --columns:1;
  --gap-count:calc( var(--columns) - 1 );
  display:flex;
  flex-wrap:wrap;
  column-gap:var(--xgap);
}
}

@media all and (min-width: 768px) {
}

@media screen and (max-width: 1024px) {
  .tab_col_1 { order: 1; } 
  .tab_col_2 { order: 2; }
  .tab_col_3 { order: 3; }
  .tab_col_4 { order: 4; }
  .tab_col_5 { order: 5; }
  .tab_col_6 { order: 6; }
  .tab_col_7 { order: 7; }
  .tab_col_8 { order: 8; }
  .tab_col_9 { order: 9; }
  .tab_fl_col_2 {
    --columns:2;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
}

@media all and (min-width: 1025px) {
  .fl_col_1 {
    --columns:1;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
  .fl_col_2 {
    --columns:2;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
  .fl_col_3 {
    --columns:3;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
  .fl_col_4 {
    --columns:4;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
  .fl_col_5 {
    --columns:5;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
  .fl_col_6 {
    --columns:6;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
  .fl_col_7 {
    --columns:7;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
  .fl_col_8 {
    --columns:8;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
  .fl_col_9 {
    --columns:9;
    --gap-count:calc( var(--columns) - 1 );
    display:flex;
    flex-wrap:wrap;
    column-gap:var(--xgap);
  }
}


/***** FLEXBOX STYLES END *****/

/****** Section Styles ******/
.hero {
 margin: 0 auto;
 /*max-width: 1440px;*/
 padding: 4em 0 4em;
 width: 100%;
 position: relative;
}

.section {
 margin: 0 auto;
 /*max-width: 1440px;*/
 padding: 6em 0;
 width: 100%;
 position: relative;
}

form {
  width: 100%;
}

@media all and (max-width: 1024px) {
  .section {
   padding: 4.5em 0;
  }
}

@media all and (max-width: 767px) {
  .hero-main-wrapper {
   margin: 0 auto;
   max-width: 1440px;
   padding: 3em 0 /*2.25em*/;
   width: 100%;
  }
}


/* =================== RESPONSIVE STYLES ===================
============================================================ */
@media screen and (min-width: 1025px) {
.des-hidden {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .tab_hidden {
    display: none;
  }
  .tab_show {
    display: flex;
  }
}

@media screen and (min-width: 768px) {
 
}

@media screen and (max-width: 767px) {
  .mob-show {
    display: flex;
  }
  .mob-hidden {
    display: none;
  }
}

@media screen and (max-width: 600px) {

}

@media screen and (max-width: 480px) {
 html {
  font-size: 52%;
 }
}