
:root {
  --colour-dark-blue-bg: #05171f;
  --colour-orange: #FFA100; 
  --colour-light-blue: #00B4FA; 
  --colour-odd-light-blue: #B0CAD5;
  --colour-light-blue-darker: #005F85;
  --colour-orange-darker: #8A5700;
  --colour-dark-grey: #2f2725;
  --helvetica_neue: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  --player_shown_height: 152px;
  --player_missing_height: 95px; 
}


* { margin: 0; -webkit-text-size-adjust: none; }

html { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; }
body { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  font-weight: 400;  font-size: 14px;  text-align:center;  background-color: var(--colour-dark-blue-bg); color: #FFFFFF;  }
h1, h2 { text-align: inherit;   }
a { outline: none; border: 0px; text-decoration: none; }
p { padding-bottom: 0px;   }

p strong, ul strong { font-weight: bold;   }

body.light_mode { background-color: #FFFFFF;   }


ul { margin-left: 30px; padding: 0px; list-style: none;  }
ul ul { margin-left: 60px; }
li { margin: 0px; padding: 0px; display: inline-block; width: 100%;   }
li::before { content: "• "; }

.wake_note {  display: inline;  font-style: italic; color: #ffa000;  font-weight: 200; }

.anchor { position: absolute; top: 0px;   }
.content--members .anchor { position: absolute; top: -152px;  margin-bottom: var(--player_shown_height);  }
.content--members--no-player .anchor { top: -95px; margin-bottom: var(--player_missing_height);   }

html, body, body div, span, object, iframe, h1, 
h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, 
cite, code, del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, article, aside, figure, footer, 
header, menu, nav, section, time, mark, audio, video, 
details, summary {  font-weight: inherit; }

:focus { outline: none; }


.container { position: relative; display: block;  }

.worker_text { display: none;   }

/* CONTENT GENERAL */
.content {  position: relative; display: block; z-index: 209;   }

.content--members { top: var(--player_shown_height);  margin-bottom: var(--player_shown_height);  }
.content--members--no-player { top: var(-player_missing_height); margin-bottom: var(--player_missing_height);  }

/* SECTIONS */
.content__section { position: relative; display: grid;
  grid-template-columns: 1fr repeat(12, minmax(0px, 150px)) 1fr;
  grid-template-rows: auto;
  grid-gap: 0%;
  align-items: center; padding: 100px 16px 80px;  }
.content--members .content__section {  padding: 10px 0px 0px;  }


.content__section--height-100 {  height: 100vh;  } 
.content__section--height-40 {  height: 40vh;   }
.content__section--height-60 {  height: 60vh;  }
.content--members  .content__section--height-100 { height: calc(100vh - var(--player_shown_height)); min-height: calc(100vh - var(--player_shown_height));   }
.content--members--no-player .content__section--height-100 { height: calc(100vh - var(--player_missing_height)); min-height: calc(100vh - var(--player_missing_height));   }


.content__section__inner { position: relative; grid-column: 2 / -2; display: block; width: 100%; margin: 0 auto !important;  border: 0px solid red;  padding: 0px 16px;  }
.content__section--height-100 .content__section__inner { height: 100%; padding: 0px 16px;  min-height: 100%;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  align-items: stretch; align-content: center;  } 
.content__section--height-100.content__section--product_intro .content__section__inner { align-content: stretch;  }
.content--standard .content__section--height-100 .content__section__inner {  align-content: center; }

.content__section--height-40 .content__section__inner { height: 100%; padding: 0px 16px;  min-height: 100%;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  align-items: stretch; align-content: stretch;  } 
.content__section--height-60 .content__section__inner { height: 100%; padding: 0px 16px;  min-height: 100%;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  align-items: stretch; align-content: stretch;  } 
.content--standard .content__section:nth-of-type(1) { padding-top: 128px;  padding-bottom: 60px; }
.content__section--full_width {   padding: 0px 0px 0px; padding-top: 0px !important;   padding-bottom: 0px !important; }

.content__section--full_width .content__section__inner { max-width: 100%; padding: 0px 0px; }

.section_width--full { grid-column: 1 / -1;  }
.section_width--wide { grid-column: 2 / -2;  }
.section_width--standard { grid-column: 4 / -4;  }


/* HERO SECTION */
.content__section--hero_section {   padding: 100px 0px 20px; display: grid; grid-template-columns: 1fr repeat(12, minmax(0px, 150px)) 1fr; grid-template-rows: auto; grid-gap: 0%;  align-items: center;  }
.hero_section_outer { grid-column: 2 / -2;  position: relative;  display: grid; grid-template-columns: repeat(12, minmax(0px, 150px)); grid-template-rows: auto;  grid-gap: 0%;  align-items: center;  }
.hero_section_text {  text-align: left;   grid-column: 3 / span 3;  }
.hero_title { font-size: 68px; line-height: 76px; font-weight: 800; margin-bottom: 10px; display: block;   }
.hero_subtitle {  font-size: 24px; line-height: 34px; font-weight: 500;  }
.hero_image { grid-column: 7 / -2;   }
.hero_statoids_outer { position: relative; display: flex;  grid-column: 2 / -2;  flex-direction: row;  justify-content: space-between; align-self: end; }
.hero_statoid {  flex-grow: 1; width: 100%;  text-align: left; border-left: 2px solid rgba(255, 255, 255, 0.10); padding: 0px 20px;   }
.hero_statoid_upper {  font-size: 24px; font-weight: 700; line-height: 34px; }
.hero_statoid_lower { color: #B0CAD5; font-size: 14px; font-weight: 400; line-height: 21px; }


.link_button { position: relative; display: inline-block; color: #05171f !important;  background-image: url('../img/button_bg_middle.svg'); background-size: 100% 100%;  background-repeat: no-repeat; 
  font-size: 15px; line-height: 20px; font-weight: 800; text-transform: uppercase;  border: 0px solid red;  vertical-align: baseline;  margin-top: 20px; margin-left: 10px; margin-right: 10px; } 
 
  .link_button:before { position: absolute; top: 0px; width: 10px; height: 100%; right: 100%; content: "";  background-image: url('../img/button_bg_leftend.svg'); background-repeat: no-repeat; background-size: 100% 100%;  }
  .link_button:after { position: absolute; top: 0px; width: 10px; height: 100%; right: -9px; content: "";  background-image: url('../img/button_bg_rightend.svg'); background-repeat: no-repeat; background-size: 100% 100%;  }
 
  .link_button a { display: block; color: inherit !important;  padding: 15px 36px 15px 20px;  }
  .link_button a:before { display: inline-block;  vertical-align: bottom; content: ""; width: 20px; height: 20px; background-image: url('../img/button_arrow.svg'); background-size: 100%;  background-repeat: no-repeat; border: 0px solid red;  margin-right: 5px;   }
.link_button:hover {   background-image: url('../img/button_bg_hover_middle.svg');  color: #FFA100 !important; }
.link_button:hover:after { background-image: url('../img/button_bg_rightend_hover.svg');   }
.link_button:hover:before { background-image: url('../img/button_bg_leftend_hover.svg');   }
.link_button:hover a:before {  background-image: url('../img/offer_button_arrow.svg');   }



/* SECTION BACKGROUNDS */
.section__bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;  z-index: 0; background-size: cover;  background-position: 25% center; background-repeat: no-repeat; overflow: hidden;   }


/* CONTENT BLOCKS */
.content__block { position: relative; display: inline-block; padding: 16px 16px;  border: 0px solid red; vertical-align: top; z-index: 150;  width: 100%;  }
.content__block--half_column {  position: relative; display: inline-block;  width: 12.5%;   }
.content__block--1_column {  position: relative; display: inline-block;  width: 25%;   }
.content__block--2_columns {  position: relative; display: inline-block;  width: 50%;   }
.content__block--3_columns {  position: relative; display: inline-block;  width: 75%;   }
.content__block--4_columns {  position: relative; display: inline-block; width: 100%;   }

.content__block .content__block { float: right; margin-left: 16px;   }

.content__section--full_width .content__block--4_columns { padding: 0px 0px;  }



/* CONTENT GROUPS */
.content__block__group { position: relative; display: inline-block; border: 0px solid red; vertical-align: top;  }
.content__block__group--4_columns { width: 100%; }
.content__block__group--3_columns { width: 75%;  }
.content__block__group--2_columns { width: 50%;  }
.content__block__group--1_column { width: 25%;  }

.content__block__group--3_columns .content__block--1_column { width: calc(100% / 3); min-width: 302px;  }
.content__block__group--3_columns .content__block--2_columns { width: calc(200% / 3);   }
.content__block__group--3_columns .content__block--3_columns { width: 100%;   }
.content__block__group--3_columns .content__block--4_columns { width: 100%;   }

.content__block__group--2_columns .content__block--1_column { width: 50%;   }
.content__block__group--2_columns .content__block--2_columns { width: 100%;   }

.content__block__group--1_column .content__block--1_column { width: 100%;   }


/* CONTENT SPACERS */
.content__spacer { position: relative; display: inline-block; width: 0%;  vertical-align: top; border: 0px solid red;   }
.content__spacer--25 { width: 25%;  }
.content__spacer--50 { width: 50%;  }
.content__spacer--75 { width: 75%;  }

.content__block__group--3_columns .content__spacer--25 { width: calc(100% / 3);  }
.content__block__group--3_columns .content__spacer--50 { width: calc(100% / 3);  }
.content__block__group--3_columns .content__spacer--75 { width: calc(200% / 3);   }

/* CONTENT SPACE RESET */
.content__space__reset { display: block; width: 100%;   }

/* CONTENT BLOCK TITLES */
.content_block_title { display: block; position: relative;  font-size: 32px; line-height: 36px; font-weight: 700; padding: 0px 0px 30px; flex-grow: 0; width: 100%; text-align: center; margin-bottom: 50px;     }
.content_block_title_subtext {  display: block; position: relative;  font-size: 14px; line-height: 20px; font-weight: 400; color: #B0CAD5;  max-width: 600px; margin: 0px auto !important; padding: 10px 15px 0px; }


.content_block_title:after { display: block; position: absolute; bottom: 0px; left: calc(50% - 40px); content: "";   background-image: url('../img/section_title_marker.svg'); background-size: 100%;  width: 80px; height: 7px; background-repeat: no-repeat;  }
/*
.content_block_title_icons {  display: block; position: relative; padding: 16px 0px; flex-grow: 0;  width: 100%;  line-height: 0px;   }
.content_block_title_icon { position: relative; display: inline-block; margin: 0px 16px;    }
.content_block_title_icon svg { position: relative; display: block;  height: 36px;   }

.content_block__title__icon path { fill: #FFFFFF; stroke: #FFFFFF;    }
.title__icon--audio path, .title__icon--audio circle  { fill: transparent !important; stroke: #FFFFFF; }
*/
/* CONTENT BLOCK INTRO */
.content__block__intro { display: block; position: relative;  font-size: 14px; line-height: 20px; font-weight: 300;  flex-grow: 0;  width: 50%; margin: 0px auto; padding: 0px 16px;  }


/* CONTENT BLOCK BUTTON */

.content__block__button { display: block; position: relative; width: 100%;  align-self: flex-end; }
.content__block__button--leave { display: inline-block; width: calc(50% - 50px); margin-left: 25px; margin-right: 25px; }
.content__block__button--stay { display: inline-block; width: calc(50% - 50px); margin-left: 25px; margin-right: 25px;   }

.content__block__button a { position: relative; display: inline-block; border: 1px solid white; background-color: rgba(0,180,249,0.2); border-radius: 15px; font-size: 18px; line-height: 29px; color: #FFFFFF; padding: 0px 36px 1px;   }
.content__block__button a:hover { background-color: rgba(0,0,0,0.2);  border: 1px solid #ffa000; color: #ffa000; }

/* CONTENT BLOCK TEXT */
.content__block--text { position: relative; display: inline-block; flex-grow: 1; text-align: left; font-size: 18px; line-height: 30px; font-weight: 400;   }
.content__section--height-100 .content__block--text {  display: inline-flex; flex-direction: column;  justify-content: center;  }
.content__section--height-40 .content__block--text {  display: inline-flex; flex-direction: column;  justify-content: center;  }
.content__section--height-60 .content__block--text {  display: inline-flex; flex-direction: column;  justify-content: center;  }

.content__block--text .title { font-weight: bold; font-size: 48px; line-height: 60px;   }
.content__block--text .subtitle { font-weight: bold; font-size: 30px; line-height: 38px;    }
.content__block--text .large { font-size: 36px; line-height: 48px; }
.content__block--text a, .content__block--text a:visited { color: #00b4f9; }
.content__block--text a:hover {  color: #ffa000;  }


.content__block__intro a, .content__block__intro a:visited { color: #00b4f9; }
.content__block__intro a:hover {  color: #ffa000;  }

.content__block--text .small_print { font-size: 13px; line-height: 18px;  }

/* CONTENT BLOCK IMAGE */
.content__block--image img { width: 100%; }
.image__caption { width: 100%; text-align: left;   }


/* CONTENT BLOCK TEXT WITH IMAGE */
.text_image_block_outer { position: relative; display: block; border-radius: 10px; background: linear-gradient(to right,#FFA100,#00B4FA); padding: 1px; margin: 25px 0px;  }
.text_image_block_inner { position: relative; display: block; border-radius: 9px; background-color: #000000; display: flex; flex-direction: row; flex-wrap: nowrap; overflow: hidden;  }
.text_image_text { position: relative; display: block; width: 55%; padding: 20px 30px;  text-align: left; font-size: 18px; line-height: 24px; font-weight: 400;  }
.text_image_image { position: relative; display: block; width: 45%;   background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.text_image_text .subtitle { font-weight: 700; font-size: 28px; line-height: 32px; text-transform: uppercase;    }
  p:empty::before, h1:empty::before, h2:empty::before { content: "\00a0";  }
.text_image_block_outer:nth-child(odd) .text_image_text { order: 1;   }
.text_image_text a, .text_image_text a:visited { color: var(--colour-orange);   }
.text_image_text a:hover { color: var(--colour-light-blue);  }



/* FAQs */
.faq_outer { position: relative; display: block; border-radius: 10px; background-color: rgba(255,255,255,0.2);  padding: 1px; margin: 20px 0px;  cursor: pointer;  }
.faq_outer:hover { background: linear-gradient(to right,#FFA100,#00B4FA);  }
.faq_outer.open { background: linear-gradient(to right,#FFA100,#00B4FA); }
.faq_inner { position: relative; display: block; border-radius: 9px; background-color: #000000;  padding: 10px 15px;  text-align: left; }
.faq_question {  position: relative; display: block; font-size: 20px; line-height: 24px;  max-width: calc(100% - 80px); padding-left: 30px;   }
.faq_question:before {  position: absolute; display: block; top: 0px; left: 0px; content: "Q";   color: var(--colour-orange); font-size: 15px; line-height: 15px;  font-weight: 700; padding: 5px; margin-right: 10px; width: 25px; height: 25px;  text-align: center;  background-color: var(--colour-dark-blue-bg);  border-radius: 50%; }
.faq_answer { position: relative;  margin-top: 5px; display: none; color: #B0CAD5; padding-left: 30px;  }
.faq_answer_text {  display: inline-block; font-size: 16px; line-height: 20px; padding-top: 3px; max-width: calc(100% - 80px);  }
.faq_answer:before {  position: absolute; display: block;  top: 0px; left: 0px;  content: "A"; color: var(--colour-light-blue); font-size: 15px; line-height: 15px;  font-weight: 700; padding: 5px; margin-right: 10px; width: 25px; height: 25px;  text-align: center;  background-color: var(--colour-dark-blue-bg);  border-radius: 50%; }

.faq_open_close { position: absolute; top: 11px; right: 15px; width: 24px; height: 24px;   }
.open .faq_open_close:before { position: absolute; content: ""; top: 11px; left: 0px; width: 100%; height: 2px; background-color: var(--colour-orange);  }
.closed .faq_open_close:before { position: absolute; content: ""; top: 11px; left: 0px; width: 100%; height: 2px; background-color: var(--colour-light-blue);  }
.closed .faq_open_close:after{ position: absolute; content: ""; top: 0px; left: 11px; width: 2px; height: 100%; background-color: var(--colour-light-blue);  }

/* TESTIMONIAL */
.testimonials_group {  position: relative;  display: flex; flex-direction: row; flex-wrap: wrap;   }
.testimonial_outer { position: relative; display: block; border-radius: 10px; background: linear-gradient(to right,#FFA100,#00B4FA);   padding: 1px; margin: 20px 10px;  cursor: pointer;   }
.testimonial_outer.width-25 { width: calc(25% - 20px);   }
.testimonial_inner { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%;  border-radius: 9px; background-color: #000000;  padding: 20px 20px;  text-align: left; }
.testimonial_content { font-weight: 400; font-size: 14px; line-height: 18px; padding-bottom: 20px; margin-bottom: auto;  }
.testimonial_title {  font-weight: 700; font-size: 21px; line-height: 28px;    }
.testimonial_author { font-weight: 400; font-size: 14px; line-height: 18px; padding: 10px 0px;  }
.testimonial_job_title {  font-weight: 400; font-size: 14px; line-height: 18px; padding-bottom: 10px;  }
.testimonial_inner a { color: var(--colour-light-blue);   }
.testimonial_inner a:hover { color:  var(--colour-orange);  }

/* OUR OFFERS */
.our_offers_group { display: flex; flex-direction: row; flex-wrap: nowrap; }
.our_offer_block { display: flex; flex-direction: column; flex-wrap: no-wrap; align-items: center;width: 100%; margin: 10px; background-image: url('../img/offer_block_bg.svg'); background-repeat: no-repeat;  background-size: 100% 100%; padding: 30px 40px 60px;  }
.offer_block_icon { display: block; width: 80px; height: 80px; margin-bottom: 20px;    }
.offer_block_icon img { display: block; width: 100%;   }
.our_offer_text {  position: relative; display: block; font-size: 16px; line-height: 21px;  color: #B0CAD5; padding-bottom: 20px; margin-bottom: auto;   }
.our_offer_text .our_offers_title  {    font-weight: 700; font-size: 18px; line-height: 24px;  color: #FFFFFF; }
.our_offer_button_outer { position: relative; display: block;   }

.our_offers_button { display: inline-block; color: #FFA100 !important;  background-image: url('../img/offer_button_bg.svg'); background-size: 100% 100%;  background-repeat: no-repeat; 
  font-size: 15px; line-height: 20px; font-weight: 800; text-transform: uppercase;   vertical-align: baseline;  margin-top: 20px;  } 
  .our_offers_button a { display: block; color: inherit !important;  padding: 15px 36px 15px 20px;    }
  .our_offers_button a:before { display: inline-block;  vertical-align: bottom; content: ""; width: 20px; height: 20px; background-image: url('../img/offer_button_arrow.svg'); background-size: 100%;  background-repeat: no-repeat; border: 0px solid red;  margin-right: 5px;   }
  .our_offers_button:hover {  background-image: url('../img/button_bg.svg');  color: #05171f !important; }
  .our_offers_button:hover a:before {  background-image: url('../img/button_arrow.svg');  }

/* GRADIENT BORDER BACKGROUND */
.gradient_border_background_outer { position: relative; display: block; border-radius: 10px;  background: linear-gradient(to right,#FFA100,#00B4FA); padding: 1px;   }
.gradient_border_background_inner { position: relative;  border-radius: 9px;  background-color: #000000;   }
.gradient_border_background_inner2 { position: relative;  border-radius: 9px; background-color: #000000;  padding: 20px; background: linear-gradient(90deg, rgba(255, 161, 0, 0.20) 0%, rgba(0, 180, 250, 0.00) 100%); }


.smaller_body { font-size: 16px; line-height: 24px; display: block;   }


/* TRUTED BY */
.trusted_group {  position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  align-items: center; }
.trusted_by_each { position: relative; display: block; margin: 5px 15px; }
.trusted_by_logo { position: relative; display: inline-block; width: 40px; height: 40px; margin-right: 10px;  vertical-align: middle;  }
.trusted_by_logo img {  position: relative; display: block; width: 40px; height: 40px;  object-fit: contain; }
.trusted_by_name { display: inline-block; font-size: 24px; line-height: 40px; font-weight: 600;   vertical-align: middle;   }
.trusted_by_link { color: #FFFFFF;   }



@media only screen and (max-width: 500px) {
.content__section { padding: 56px 0px 48px;  }
.content__section--height-auto { padding: 56px 0px 48px;   }
.content__section__inner { padding: 0px 0px;  }
.content__section--height-100 .content__section__inner { padding: 0px 0px;  min-height: calc(100vh - 132px); align-content: center;  }
.content__section--height-100.content__section--product_intro .content__section__inner { align-content: stretch;  }
.content--standard .content__section--height-100 .content__section__inner {  align-content: center; }

.content__block__title { font-size: 30px; line-height: 36px; } 

 .content__block__title__icon svg { height: 28px;   } 

.content__block__title__icons { padding: 8px 0px;   }
.content__block--text .title { font-size: 30px; line-height: 36px;   }
.content__block--text { font-size: 16px; line-height: 24px;     }
.content--landing .content__section--height-100 .content__block--image { display: none;   }

.content__block--text .large { font-size: 21px; line-height: 30px; } 
.content__section--height-100 { height: auto; min-height: 100vh;  }
.content__section--product_intro { height: 100vh;   }

.content__block__intro { width: 100%; font-size: 16px; line-height: 24px;   }

.content--standard .content__section:nth-of-type(1) { padding-top: 84px;  padding-bottom: 60px; }

.image__caption { font-size: 10px; line-height: 12px; }

.content__block--1_column {  width: 100%; padding: 16px 0px;   }
.content__block--2_columns { width: 100%; padding: 16px 0px;   }
.content__block--3_columns {  width: 100%;  padding: 16px 0px;   }

.content__block--image.content__block--1_column { max-width: 250px;   }

.content--members { top: 136px;  margin-bottom: 136px;  }
.content--members--no-player {  top: 90px; margin-bottom: 90px;  }
.content--members .anchor { position: absolute; top: -136px;   }
.content--members--no-player .anchor { top: -90px;    }
.content--members .content__section--height-100 { height: calc(100vh - 136px); min-height: calc(100vh - 136px); }
.content--members--no-player .content__section--height-100 {  height: calc(100vh - 90px); min-height: calc(100vh - 90px);   }

.content__block__button--leave { display: inline-block; width: 100%;  text-align: center;  padding: 0px 0px; margin: 8px 0px;   }
.content__block__button--stay { display: inline-block; width: 100%;   text-align: center;  padding: 0px 0px; margin: 8px 0px;  }

.content__block__button--leave a {  font-size: 16px;  }
.content__block__button--stay a {  font-size: 16px;   }




.content__section--hero_section { padding-bottom: 20px;   }
.hero_section_outer {  padding: 0px 20px; display: flex; flex-direction: column;  }
.hero_section_text {  margin-bottom: 30px; }
.hero_image {  margin-bottom: 20px; order: -1;   }
.hero_title { font-size: 52px; line-height: 54px; }
.hero_subtitle { font-size: 20px; line-height: 26px; }
.hero_statoids_outer { flex-direction: column; grid-column: 2 / -2; padding: 0px 20px;  }
.hero_statoid { border-left: 0px; border-bottom: 0px solid rgba(255, 255, 255, 0.10); padding: 0px 0px;   }
.hero_statoid_upper {  display: inline-block;  font-size: 14px; line-height: 18px;}
.hero_statoid_lower {display: inline-block;  font-size: 10px; line-height: 18px; padding-left: 6px;   }


.section_width--standard { grid-column: 3 / -3; }
.content_block_title {  font-size: 24px; line-height: 24px; padding: 0px 0px 20px; margin-bottom: 20px;  }

.text_image_block_inner {  flex-direction: row; flex-wrap: wrap;  }
.text_image_text {  width: 100%; padding: 15px 15px; font-size: 14px; line-height: 18px;  }
.text_image_image { width: 100%; padding-bottom: 60%;  }
.text_image_text .subtitle {  font-size: 21px; line-height: 24px;   }
p:empty {   font-size: 14px; height: 18px; }
.text_image_block_outer:nth-child(odd) .text_image_text { order: 0;   }

.faq_outer { margin: 10px 0px;   }
.faq_question {  font-size: 14px; line-height: 20px; padding-left: 25px; max-width: calc(100% - 40px); }
.faq_question::before {  font-size: 12px; line-height: 12px; width: 20px; height: 20px; }
.faq_answer {  font-size: 14px; line-height: 20px; padding-left: 25px; }
.faq_answer_text {  font-size: 14px; line-height: 20px;  max-width: calc(100% - 40px);   }
.faq_answer::before {  font-size: 12px; line-height: 12px; width: 20px; height: 20px; top: 2px;  }
.faq_open_close { top: 11px; right: 15px; width: 20px; height: 20px; }
.closed .faq_open_close::before {  top: 9px;  }
.closed .faq_open_close::after { left: 9px;  }
.open .faq_open_close::before {  top: 9px;   }

.testimonials_group { flex-direction: column; padding: 0px 20px;   }
.testimonial_outer.width-25 { width: 100%; margin: 0px 0px 10px;    }
.testimonial_inner { padding: 15px 15px;  }
.testimonial_title { font-size: 18px; line-height: 21px; }
.testimonial_content { padding-bottom: 10px;   }
.testimonial_author { padding: 0px 0px;  font-size: 10px; line-height: 14px; }
.testimonial_job_title { padding: 0px 0px;  font-size: 10px; line-height: 14px;   }

.trusted_by_each { display: block; width: 100%; text-align: center;    }

.our_offers_group { flex-direction: column;    }
.our_offer_block { margin: 0px 0px 10px;  padding: 30px 40px 55px; }
.gradient_border_background_inner2 { padding: 15px;   }
.smaller_body { font-size: 13px; line-height: 16px;  }

.content__block--text ul {  margin-left: 0px;  }



}

@media only screen and (min-width: 501px) and (max-width: 767px) {
  .content__section { padding: 56px 0px 48px;  }
  .content__section--height-auto { padding: 56px 0px 48px;   }
  
  .content__section--height-100 { height: auto; min-height: 100vh;  }
  .content__section--product_intro { height: 100vh;   }
  .content__section--height-100 .content__section__inner { padding: 0px 0px;  min-height: calc(100vh - 132px); align-content: center;  }
  .content__section--height-100.content__section--product_intro .content__section__inner { align-content: stretch;  }
  .content--standard .content__section--height-100 .content__section__inner {  align-content: center; }
  
  .image__caption { font-size: 10px; line-height: 12px; }
  
  .content__block__title { font-size: 30px; line-height: 36px; }
  
  .content__block__title__icon svg { height: 28px;   }
 
  .content__block__title__icons { padding: 8px 0px;   }
  .content__block--text .title { font-size: 30px; line-height: 36px;   }
  .content__block--text .large { font-size: 21px; line-height: 30px; } 
  .content__block--text { font-size: 16px; line-height: 24px;     }
  .content--landing .content__section--height-100 .content__block--image { display: none;   }
  
  .content--standard .content__section:nth-of-type(1) { padding-top: 84px;  padding-bottom: 60px; }
  
  .content__block__intro { width: 100%; font-size: 14px; line-height: 20px;   }
  

.content__block.content__block--1_column {  width: 100%; padding: 16px 0px;   }
.content__block.content__block--2_columns { width: 100%; padding: 16px 0px;   }
.content__block.content__block--3_columns {  width: 100%;  padding: 16px 0px;   }
  
.content__block--image.content__block--1_column { max-width: 250px;   }
  
  .content--members { top: 138px;  margin-bottom: 138px;   }
  .content--members--no-player { top: 90px; margin-bottom: 90px;  }
  .content--members .anchor { position: absolute; top: -138px;   }
  .content--members--no-player .anchor { top: -90px;    }
  .content--members .content__section--height-100 { height: calc(100vh - 138px); min-height: calc(100vh - 138px); }
  .content--members--no-player .content__section--height-100 {  height: calc(100vh - 90px); min-height: calc(100vh - 90px);   }
  
  
  .content__block__button--leave { display: inline-block; width: 100%;  text-align: center;  padding: 0px 0px; margin: 8px 0px;  }
  .content__block__button--stay { display: inline-block; width: 100%;   text-align: center;  padding: 0px 0px; margin: 8px 0px;  }

  .content__block__button--leave a {  font-size: 16px;  }
  .content__block__button--stay a {  font-size: 16px;   }




  
  .content__section--hero_section { padding-bottom: 20px;   }
  .hero_section_text { grid-column: 1 / span 6;  padding: 0px 20px; }
  .hero_image { grid-column: 7 / -1; padding: 0px 20px;   }
  .hero_title { font-size: 44px; line-height: 48px; }
  .hero_subtitle { font-size: 16px; line-height: 22px; }
  .hero_statoids_outer { flex-direction: row; flex-wrap: wrap; grid-column: 1 / -1; padding: 0px 20px; justify-content: flex-start; margin-top: 20px;  }
  .hero_statoid { width: calc(100% / 2); border-left: 0px; border-bottom: 0px solid rgba(255, 255, 255, 0.10); padding: 0px 0px;   }
  .hero_statoid_upper {  display: inline-block;  font-size: 14px; line-height: 18px;}
  .hero_statoid_lower {display: inline-block;  font-size: 10px; line-height: 18px; padding-left: 6px;   }


.section_width--standard { grid-column: 3 / -3; }
.content_block_title {  font-size: 24px; line-height: 24px; padding: 0px 0px 20px; margin-bottom: 20px;  }

.text_image_text {   padding: 20px 30px; font-size: 14px; line-height: 18px;  }
.text_image_text .subtitle {  font-size: 21px; line-height: 24px;   }
p:empty {  font-size: 14px; height: 18px; }


.faq_outer { margin: 10px 0px;   }
.faq_question {  font-size: 14px; line-height: 20px; padding-left: 25px; max-width: calc(100% - 40px); }
.faq_question::before {  font-size: 12px; line-height: 12px; width: 20px; height: 20px; }
.faq_answer {  font-size: 14px; line-height: 20px; padding-left: 25px; }
.faq_answer_text {  font-size: 14px; line-height: 20px;  max-width: calc(100% - 40px);   }
.faq_answer::before {  font-size: 12px; line-height: 12px; width: 20px; height: 20px; top: 2px;  }
.faq_open_close { top: 11px; right: 15px; width: 20px; height: 20px; }
.closed .faq_open_close::before {  top: 9px;  }
.closed .faq_open_close::after { left: 9px;  }
.open .faq_open_close::before {  top: 9px;   }


.testimonials_group { flex-direction: column; padding: 0px 20px;   }
.testimonial_outer.width-25 { width: 100%; margin: 0px 0px 10px;    }
.testimonial_inner { padding: 15px 15px;  }
.testimonial_title { font-size: 18px; line-height: 21px; }
.testimonial_content { padding-bottom: 10px;   }
.testimonial_author { padding: 0px 0px;  font-size: 10px; line-height: 14px; }
.testimonial_job_title { padding: 0px 0px;  font-size: 10px; line-height: 14px;   }


.our_offers_group { flex-direction: column;    }
.our_offer_block { margin: 0px 0px 10px;  padding: 30px 40px 55px; }
.gradient_border_background_inner2 { padding: 15px;   }
.smaller_body { font-size: 13px; line-height: 16px;  }

.content__block--text ul {  margin-left: 0px;  }

}

@media only screen and (min-width: 581px) and (max-width: 940px) {
  .content--members { top: 165px; margin-bottom: 165px;   }
  .content--members--no-player {  top: 109px; margin-bottom: 109px;  }
  .content--members .anchor { position: absolute; top: -165px;   }
  .content--members--no-player .anchor { top: -109px;    }

  .content--members .content__section--height-100 { height: calc(100vh - 165px); min-height: calc(100vh - 165px); }
  .content--members--no-player .content__section--height-100 {  height: calc(100vh - 109px); min-height: calc(100vh - 109px);   }



.content__block--1_column {  width: 100%; padding: 16px 0px;   }
.content__block--2_columns { width: 100%; padding: 16px 0px;   }
.content__block--3_columns {  width: 100%;  padding: 16px 0px;   }

.content__block--image.content__block--1_column { max-width: 250px;   }

}

@media only screen and (min-width: 941px) and (max-width: 1040px) {
  .content--members { top: 165px;  margin-bottom: 165px;  }
  .content--members--no-player {  top: 109px;  margin-bottom: 109px;  }
  .content--members .anchor { position: absolute; top: -165px;   }
  .content--members--no-player .anchor { top: -109px;    }

  .content--members .content__section--height-100 { height: calc(100vh - 165px); min-height: calc(100vh - 165px); }
  .content--members--no-player .content__section--height-100 {  height: calc(100vh - 109px); min-height: calc(100vh - 109px);   }
  
}
@media only screen and (min-width: 1041px) and (max-width: 1140px) {
.content--members {top: 165px; margin-bottom: 165px;  }
}


@media only screen and (min-width:  768px) and (max-width: 1200px)   {
  .content__section { padding: 56px 0px 48px;  }

    .content__section--height-100 { height: auto; min-height: 100vh;  }
    .content__section--product_intro { height: 100vh;   }
    .content__section--height-100 .content__section__inner { padding: 0px 0px;  min-height: calc(100vh - 180px); align-content: center;  }
    .content__section--height-100.content__section--product_intro .content__section__inner { align-content: stretch;  }
    .content--standard .content__section--height-100 .content__section__inner {  align-content: center; }
    
    .image__caption { font-size: 12px; line-height: 14px; }
  
  /*  
    .content__block__title { font-size: 30px; line-height: 38px; }
    .content__block__title { font-size: 24px; line-height: 32px; }
    .content__block__title__icon svg { height: 28px;   }
    .content__block__title__icons { padding: 8px 0px;   }
    */
   
      
    .content__block--text .title { font-size: 30px; line-height: 36px;   }
    .content__block--text .large { font-size: 21px; line-height: 30px; } 
    .content__block--text { font-size: 16px; line-height: 24px;     }
    .content--landing .content__section--height-100 .content__block--image { width: calc(100% / 3);   }
    
    .content--standard .content__section:nth-of-type(1) { padding-top: 84px;  padding-bottom: 60px; }
  
    
    
  .content--members .anchor { position: absolute; top: -165px;  }

  .content__block__intro { width: 75%;   }
  
  .content__section--hero_section { padding-bottom: 20px;   }
  .hero_section_outer {  padding: 0px 20px; }
  .hero_section_text { grid-column: 1 / span 6;  padding: 0px 20px; }
  .hero_image { grid-column: 7 / -1; padding: 0px 20px;   }
  .hero_title { font-size: 60px; line-height: 66px; }
  .hero_subtitle { font-size: 20px; line-height: 26px; }

  .hero_statoid_upper {   font-size: 14px; line-height: 18px; }
  .hero_statoid_lower { font-size: 10px; line-height: 18px; }
  .hero_statoid:first-of-type { border-left: 0px;   }


  .section_width--standard { grid-column: 3 / -3; }
  .content_block_title {  font-size: 24px; line-height: 24px; padding: 0px 0px 20px; margin-bottom: 20px;  }
  
  .text_image_text {   padding: 20px 30px; font-size: 14px; line-height: 18px;  }
  .text_image_text .subtitle {  font-size: 21px; line-height: 24px;   }
  p:empty {  font-size: 14px; height: 18px; }
  

.faq_outer { margin: 10px 0px;   }
.faq_question {  font-size: 14px; line-height: 20px; padding-left: 25px; max-width: calc(100% - 40px); }
.faq_question::before {  font-size: 12px; line-height: 12px; width: 20px; height: 20px; }
.faq_answer {  font-size: 14px; line-height: 20px; padding-left: 25px; }
.faq_answer_text {  font-size: 14px; line-height: 20px;  max-width: calc(100% - 40px);   }
.faq_answer::before {  font-size: 12px; line-height: 12px; width: 20px; height: 20px; top: 2px;  }
.faq_open_close { top: 11px; right: 15px; width: 20px; height: 20px; }
.closed .faq_open_close::before {  top: 9px;  }
.closed .faq_open_close::after { left: 9px;  }
.open .faq_open_close::before {  top: 9px;   }



.testimonials_group { flex-direction: row; padding: 0px 20px;   }
.testimonial_outer.width-25 { width: calc(50% - 20px); margin: 10px 10px 10px;    }
.testimonial_inner { padding: 15px 15px;  }
.testimonial_title { font-size: 18px; line-height: 21px; }
.testimonial_content { padding-bottom: 10px;   }
.testimonial_author { padding: 0px 0px;  font-size: 10px; line-height: 14px; }
.testimonial_job_title { padding: 0px 0px;  font-size: 10px; line-height: 14px;   }


.our_offers_group { flex-direction: row; flex-wrap: wrap;   justify-content: center;  }
.our_offer_block { width: calc(50% - 20px); margin: 0px 10px 10px;  padding: 30px 40px 55px; }
.gradient_border_background_inner2 { padding: 15px;   }
.smaller_body { font-size: 13px; line-height: 16px;  }

.content__block--text ul {  margin-left: 10px;  }

}


@media only screen and (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) {
  .hero_section_outer {  padding: 0px 20px; display: flex; flex-direction: column;  }
.hero_section_text {  margin-bottom: 40px;  display: block;  width: 100%; }
.hero_image {  margin-bottom: 40px; order: -1;   }


  .hero_statoids_outer { flex-direction: row; flex-wrap: wrap; grid-column: 1 / -1; padding: 0px 20px; justify-content: flex-start; margin-top: 20px;  }
  .hero_statoid { width: calc(100% / 2); border-left: 0px; border-bottom: 0px solid rgba(255, 255, 255, 0.10); padding: 0px 0px;   }
  .hero_statoid_upper {  display: inline-block;  font-size: 14px; line-height: 18px;}
  .hero_statoid_lower {display: inline-block;  font-size: 10px; line-height: 18px; padding-left: 6px;   }

  .section_width--standard { grid-column: 3 / -3; }

}
@media only screen and  (min-width: 1201px) and (max-width: 1500px) {
  .content__section { padding: 56px 0px 48px;  }

  .hero_section_text { grid-column: 2 / span 4; }

  .section_width--standard { grid-column: 3 / -3; }

}

.podcast_link_outer { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center;  margin-top: 20px; }
a.apple_podcast_logo { position: relative; display: block; width: calc(50% - 10px); cursor: pointer;  max-width: 300px; margin: 5px;   }
.apple_podcast_logo img {   position: relative; display: block; width: 100%;  }
a.spotify_podcast_logo { position: relative; display: block; width: calc(50% - 10px);cursor: pointer;  max-width: 200px;  margin: 5px;    }
.spotify_podcast_logo img {   position: relative; display: block; width: 100%;  }
a.youtube_podcast_logo { position: relative; display: block; width: calc(50% - 10px); cursor: pointer;   max-width: 200px;  margin: 5px;   }
.youtube_podcast_logo img {   position: relative; display: block; width: 100%;  }