html {
  box-sizing: border-box;
    font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale; 
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  line-height: 1.25;
  word-spacing: .05em;
  color: #222; 
  margin: 0;
  background-color: #F9F9F9;
  min-height: 100vh; 
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; 
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; 
}

img {
    max-width: 100%;
    font-style: italic;
    vertical-align: middle; 
}

svg:not(:root) {
  overflow: hidden; 
}

h1, h2, h3 {
  font-family: 'Rubik', sans-serif;
  font-weight: 500;
  text-rendering: optimizeLegibility;
  margin: 1em 0 .5em 0; 
}

h1 {
  font-size: 2em;
  line-height: 1.25; 
  margin: .67em 0;
}

h2 {
  font-size: 3em;
  line-height: 1.15384615; 
  font-weight: 200;
}

h3 {
  font-size: 1.5625em;
  line-height: 1.32; 
}

h4 {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.25; 
  margin-bottom: 1em;
}

a {
  background: transparent;
  color: #f5731e;
  text-decoration: none;
  transition: .3s ease all; 
}

a:hover, a:focus {
  color: #f5731e;
  text-decoration: none; 
  outline: 0;
  transition: .3s ease all;
}

.align-center {
  text-align: center;
}

.flex-grid {
  display: flex;
  flex-flow: row; 
  flex-wrap: wrap;
}

footer .flex-grid {
  display: flex;
  flex-flow: row; 
  flex-wrap: wrap;
}

.flex-grid--cell {
  flex: 1;
}

/* With gutters*/
.flex-grid--gutters {
  margin-left: -1em;
}

.flex-grid--cols-2 > .flex-grid--cell, footer.flex-grid--cols-2 > .flex-grid--cell {
  flex: 0 0 100%; 
}

header .flex-grid--cols-2 > .flex-grid--cell, footer .flex-grid--cols-2 > .flex-grid--cell {
  flex: 1;  
}

main .flex-grid--cols-2 > .flex-grid--cell, footer .flex-grid--cols-2 > .flex-grid--cell {
  flex: 0 0 100%;    
}

main .content-1of2, main .content-2of2, footer .content-1of2 {
  padding-right: 0;
}

footer .content-2of2 {
  margin-top: 3em;
}

@media (min-width: 55em) {
  main .flex-grid--cols-2 > .flex-grid--cell, footer .flex-grid--cols-2 > .flex-grid--cell {
    flex: 1;  
  }

  main .content-1of2, main .content-2of2, footer .content-2of2 {
    padding-right: 5em;
  }

  footer .content-2of2 {
    margin-top: 0
  }
}

header .content-2of2 {
  text-align: right;
}

.wrap {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  max-width: 80em;
}

.wrap-main {
  margin: 0 auto;
/*  max-width: 1000px;*/
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 80em) {
  .wrap-main {
    margin: 0 auto;
/*    max-width: 1000px;*/
    width: 95%; 
  }
}

/*.wrap-article {
  max-width: 50.9375rem;
}*/

.header {
  background-color: #FFF;
  color: #222;
  position: relative; 
}

.citnow-logo {
  width: 100%;
  max-width: 12rem;
  transition: .5s ease transform;
  margin: 1.673em 0;
}

.header__main h3 {
  float: right;
  padding: .5em 0;
}

.page-head-header {
  position: relative;
  background-color: #f9f9f9;
}

.page-head-header:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -10%;
  left: -1px;
  right: 0;
  top: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyODY5LjIgMTI1OS4xIj4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJhIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0xIiB5MT0iNjI5LjU0MSIgeDI9IjI4NjkuMjQiIHkyPSI2MjkuNTQxIj4NCiAgICA8c3RvcCBvZmZzZXQ9Ii4wMDEiIHN0b3AtY29sb3I9IiMwNjJjYTAiLz4NCiAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1NDI3NzgiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgPHBhdGggZD0iTS0xIDB2OTQ1LjZjMy4yIDEuOCA3LjggMy42IDExIDUuNyAxNzguOSAxMTQuMyAzNzEuNiAxOTUuMSA1NzcuMiAyNDYuNyA3NC44IDE4LjkgMTUwLjcgMzMuMSAyMjcuMyA0My4xIDEwOC43IDE0LjIgMjE3LjcgMTkuOSAzMjcuMSAxNy40IDc2LjYtMS44IDE1Mi44LTcuNSAyMjguNy0xNy40IDIzMC41LTMwLjYgNDUwLTk3LjUgNjU3LTIwNC40IDE4Mi40LTk0LjMgMzQ0LjktMjE1IDQ4NC42LTM2NiAxMzEuNS0xNDIgMjMzLjctMzAyLjMgMzAyLjUtNDgzLjUgMjIuMS01OS4xIDQwLjMtMTE4LjkgNTQuMi0xODAuMS40LTIuNS43LTQuNi43LTcuMUgtMXoiIGZpbGw9InVybCgjYSkiLz4NCjwvc3ZnPg0K) no-repeat;
  height: auto;
  z-index: 1;
  background-size: cover;
  background-position: center bottom;
}

.page-head__content {  
  position: relative;
  z-index: 2;
  width: 80%;
  padding: 3.75em 0 9.5em 0;
  color: #FFF;
}

.page-head__circle-one {
  position: absolute;
  right: 0;
  width: 7em;
  height: 7em;    
  bottom: 0;
}

.page-head__circle-two {
  position: absolute;
  right: -15%;
  bottom: 40%;
  width: 3.75em;
  height: 3.75em;
}

.page-head__title {
  font-size: 2em;
  line-height: 1.2;
  font-weight: 300; 
  margin: 0 0 0.3125em 0;
}

.page-head__content p {
  font-size: 1.0625em;
  line-height: 1.8;
  margin: 0 0 1em 0;
}

.page-head__content ul {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0 !important;
}

@media only screen and (min-width: 61.25em) {
  .page-head__content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.page-head__content ul li:first-of-type {
  margin-right: 1.25rem;
}

.main {
/*  padding-top: 10rem;*/
  position: relative;
  z-index: 2;
  margin-top: -5em;
}

@media only screen and (min-width: 45.0625em){
  .main {
    margin-top: -6em;
  }
}

@media only screen and (min-width: 61.25em) {
  .main {
    margin-top: -10em;
  }
}

.main-col h2 {
  font-size: 3em;
  color: #ec1b34;
}

.main-col .product__heading h2 {
  font-size: 3em;
  color: #2e2b29;
}

.main-col h2 span {
  display: block;
  font-size: 1.5625rem;
  font-weight: 300;
  color: #001033;
}

@media only screen and (max-width: 44.9375em) {
  .main-col h2 {
    font-size: 2.0625rem;
  }

  .main-col h2 span {
    font-size: 1.25rem;
  }
}

.contact h2 {
  margin: 0 auto .5em auto;
}

@media only screen and (max-width: 45em) {
  .page-head__title {
    font-size: 1.875em;
    line-height: 1.2;
  }

  .page-head__content p {
    font-size: 0.8125em;
    line-height: 1.4;
  }

  .page-head-header:after {
    bottom: 20%;
  }

  .page-head__circle-one {
    width: 3.75em;
    height: 3.75em;
    bottom: 25%; 
  }

  .page-head__circle-two {
    width: 2.5em;
    height: 2.5em;
    bottom: 50%;
  }

  .content-1of2 h2 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 30em) {
  .page-head__title {
    font-size: 1.5625em;
    line-height: 1.2;
  }
  
  .page-head-header:after {
    bottom: 25%;
  }

  .page-head__circle-one {
    width: 3.75em;
    height: 3.75em;
    bottom: 22%; 
  }

  .page-head__circle-two {
    width: 2.5em;
    height: 2.5em;
    bottom: 38%;
    right: -25%;
  }
}

@media only screen and (min-width: 45.0625em) {
  .page-head__content {  
    padding: 4.75em 0 6.5em 0;
  }

  .page-head__circle-one {
    width: 7em;
    height: 7em; 
  }

  .page-head__circle-two {
    position: absolute;
    right: -20%;
    bottom: 40%;
    width: 3.75em;
    height: 3.75em;
  }
}

@media only screen and (min-width: 61.25em) {
  .page-head__content {
    position: relative;
    z-index: 2;
    width: 80%;
    padding: 5.5em 0 10.4375em 0;
  }

  .page-head-header:after {
    top: 0;
    background-size: cover;
    bottom: 0;
    height: auto;
    background-position: center bottom;
  }

  .page-head__circle-one {
    position: absolute;
    right: 0;
    width: 8.875em;
    height: 8.875em;    
    bottom: 10%;
  }

  .page-head__circle-two {
    position: absolute;
    right: -15%;
    bottom: 45%;
    width: 5.25em;
    height: 5.25em;
  }

  .page-head__title {
    font-weight: 300; 
    font-size: 3.75em;
    line-height: 1.2;
  }
}

@media only screen and (min-width: 80em) {
  .page-head-header:after {
    height: auto;
    background-size: cover;
    bottom: -15%;
  }

  .page-head__circle-one {
    bottom: -5%;
  }

  .page-head__circle-two {
    right: -15%;
    bottom: 38%;
  }
}

@media only screen and (min-width: 92.5em) {
  .page-head-header:after {
      bottom: -15%;
  }
}

@media only screen and (min-width: 103.125em) {
  .page-head-header:after {
      bottom: -19%;
  }

  .page-head__circle-two {
    right: -15%;
    bottom: 22%;
  }
}


.article-meta ul {
    margin-bottom: 3.125rem;
    margin-left: 0;
    padding-left: 0;
    font-size: 0;
    text-align: center;
}

.article-meta ul li {
    display: block;
    padding-right: 0;
    margin-right: 0;
    text-align: left;
    margin-bottom: 15px;
    list-style: none;
    font-size: .9375rem;
    position: relative;
}

.article-meta ul li:last-of-type {
    padding-right: 0rem !important;
    margin-right: 0rem !important;
}

@media only screen and (min-width: 45em) {
  .article-meta ul li {
      display: inline-block;
      padding-right: 1.875rem;
      margin-right: 1.875rem;
      margin-bottom: .9375rem;
      padding-bottom: 0;
  }

  .article-meta ul li::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .125rem;
    height: 1.125rem;
    background: #dedede;
  }

  .article-meta ul li:last-of-type:after {
    display: none;
  }
}

.article-meta ul li svg {
    display: inline-block;
    vertical-align: top;
    margin-right: .625rem;
}

.products-intro-content p {
  line-height: 1.8125;
  max-width: 40.625rem;
  margin: 0 auto 1.5rem auto;
}

.products-intro-content p:first-of-type {
  margin-top: 0;
}

.article-content p, .article-content li {
  line-height: 1.8125;
}

.article-content p:first-of-type {
  margin-top: 0;
}

.read-more {
  font-family: "Rubik",sans-serif;
  font-size: 1.1875rem;
  display: block;
  text-decoration: none;
}

.read-more-dark {
  color: #001033;
}

.read-more-light {
  color: #FFF;
}

.read-more svg {
  fill: #f5731e;
  -webkit-transition: 0.3s -webkit-transform ease;
  transition: 0.3s -webkit-transform ease;
  transition: 0.3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease;
  display: inline-block;
  vertical-align: middle;
  margin-right: .625rem;
}

.read-more span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  position: relative;
  -webkit-transition: 0.3s -webkit-transform ease;
  transition: 0.3s -webkit-transform ease;
  transition: 0.3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease;
}

.icon--chevron {
  width: 0.875em;
  height: 1.125em;
}

.view-more:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -8px;
}

.view-more-dark:before {
  background: #001033;
}

.view-more-light:before {
  background: #FFF;
}

@media only screen and (max-width: 45em) {
  .view-more-light {
    font-size: 0.684210526315789em;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 30em) {
  .view-more-light {
    font-size: 0.631578947368421em;
    line-height: 1.4;
  }
}

.footer {
  background: #0027a2;
  color: #fff;
  padding: 4em 0;
  font-size: .875em;
  margin-top: 5em;
  position: relative; 
}

@media only screen and (min-width: 45em) {
  .footer {
    margin-top: 10em;
  }
}

.footer:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(https://web.archive.org/web/20221103113158im_/https://citnowassets.com/slfsn/images/footer-pattern-repeat.svg);
  height: 8rem;
  background-size: contain;
  background-repeat: repeat-x;
}

.footer .wrap {
  max-width: 91.428571428571429em;
  padding-left: 1.714285714285714em;
  padding-right: 1.714285714285714em;
}

.footer__logo {
  max-width: 7em;
  transition: .5s ease transform;
  margin: 0 0 2.35em 0; 
}

@media only screen and (min-width: 30em) {
  .footer__logo {
    max-width: 8em;
  }
}

@media only screen and (min-width: 45em) {
  .footer__logo {
    max-width: 10.5em;
  }
}

.footer h4 {
  color: white;
  font-size: .9375rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  margin-bottom: 2.8125rem;
  font-family: "Rubik",sans-serif;
  font-weight: 300;
}

.footer p {
  line-height: 1.6; 
}

.footer a {
  color: #FFF;
}

.footer a:hover, .footer a:focus {
  color: #f5731e;
}

.site-foot-navigation dd {
  margin-left: 0;
  margin-bottom: .625rem;
  width: 50%;
  float: left;
}

.grid {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -1.5rem;
  margin-bottom: -1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

@media only screen and (min-width: 45em) {
  .grid {
    margin-bottom: -2.5rem;
    margin-left: -2.8125rem;
  }
}

.grid__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  margin-left: 0;
}

.contact .grid__item {
  margin-top: 2.5em;
  margin-left: 1rem;
}

.sales .grid__item:first-of-type {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 45em) {
  .grid__item {
    padding-left: 45px;
    margin-left: 0;
  }

  .sales .grid__item:first-of-type {
    padding-left: 0;
    padding-right: 45px;
  }

  .contact .grid__item {
    margin-left: 0;
  }

  footer .grid__item {
    padding-left: 0;
  }
}

.w-1-2-medium-up, .w-1-2-large-up {
  width: 100%;
  float: none;
}

@media only screen and (min-width: 45em) {
  .w-1-2-medium-up, .w-1-2-large-up {
    width: 50%;
    float: left;
  }

  .w-1-4-medium-up {
    width: 25%;
    float: left;
  }
}

.site-foot__contact {
  margin-left: 0;
  margin-bottom: 0;
}

ul.site-foot__contact {
  margin-top: 0;
  padding-left: 0;
}

.site-foot__contact li {
  margin-left: 0;
  list-style-type: none;
  margin-bottom: .9375rem;
}

.site-foot__contact li span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: .625rem;
}

.site-foot__social dd {
  display: inline-block;
  margin-right: .5rem;
  margin-left: 0;
}

.site-foot__social dd svg {
  -webkit-transition: 0.3s fill ease;
  transition: 0.3s fill ease;
}

.site-foot__social dd svg:focus, .site-foot__social dd svg:hover {
  fill: #f5731e;
  -webkit-transition: 0.3s fill ease;
  transition: 0.3s fill ease;
}

.icon-social {
  width: 1.5em;
  height: 1.5em;
  fill: currentcolor;
}

.accessibility {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}











.page-head__image>img {
  position: relative;
  top: 0;
  right: 0;
  width: 54.375rem;
}

img {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle;
}

.wrap {
  padding-right: calc(1.5rem + env(safe-area-inset-right));
  padding-left: calc(1.5rem + env(safe-area-inset-left));
  max-width: 80rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}

footer .wrap {
  position: relative;
  z-index: 2;
}

.page-head {
  position: relative;
  background-color: #f9f9f9;
}

.page-head:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwMCIgaGVpZ2h0PSIyMDI4IiB2aWV3Qm94PSIwIDAgMzAwMCAyMDI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5iYWNrZ3JvdW5kLWN1cnZlLXRlc3Q8L3RpdGxlPjxwYXRoIGQ9Ik0zMDAwIDE0OTEuNzA1Yy0xNS42NzctMy41Ni0zMS4zNTQtNy40NzctNDcuMzg3LTEwLjMyNS02MS45OTUtMTAuMzI0LTEyMy42MzQtMjEuMzYtMTg1LjYzLTMwLjI2MS00NS45NjItNi43NjQtOTIuNjM2LTEwLjY4LTEzOC45NTUtMTUuMzA5LTczLjc1Mi03LjQ3Ni0xNDcuODYyLTExLjM5Mi0yMjEuOTcxLTEzLjUyOC04MS4yMzUtMi40OTItMTYyLjgyNy0yLjQ5Mi0yNDQuNDE4LjM1Ni0zOS4xOTIgMS40MjQtNzguNzQxIDIuODQ4LTExNy45MzQgNS4zNGEzNzI3Ljk3IDM3MjcuOTcgMCAwIDAtMTI2Ljg0IDkuNjEyYy0zNy40MTEgMy4yMDUtNzQuODIyIDYuNzY1LTExMi4yMzMgMTEuMDM3YTMyMzIuMTE5IDMyMzIuMTE5IDAgMCAwLTExNy45MzQgMTQuOTUzYy01MC45NSA3LjQ3Ni0xMDEuNTQ0IDE1LjY2NC0xNTIuMTM3IDIzLjg1My04OS40MyAxNC45NTItMTc4LjE0OCAzMy40NjUtMjY2LjUwOSA1My43NTgtMjEyLjM1MSA0OS4xMy00MjAuNzg0IDExMS40MzMtNjI0Ljk0IDE4Ny45NzYtMjE4Ljc2NSA4Mi4yNC00MzAuNDA0IDE3OS43ODgtNjMzLjg0OCAyOTUuMTM3LTIuODUgMS43OC02LjQxNCAyLjEzNi05LjI2NCAzLjIwNFY5NDUuNTc4YzMuMjA3IDEuNzggNi43NyAzLjU2IDkuOTc2IDUuNjk1IDE3OC44NiAxMTQuMjgxIDM3MS42MTUgMTk1LjA5NyA1NzcuMTk3IDI0Ni43MiA3NC44MjIgMTguODY4IDE1MC43MTMgMzMuMTA4IDIyNy4zMTYgNDMuMDc3IDEwOC42NyAxNC4yNCAyMTcuNjk2IDE5LjkzNyAzMjcuMDc5IDE3LjQ0NSA3Ni42MDMtMS43OCAxNTIuODUtNy40NzcgMjI4Ljc0LTE3LjQ0NSAyMzAuNTIzLTMwLjYxNyA0NTAtOTcuNTQ4IDY1Ny4wMDgtMjA0LjM1MyAxODIuNDIzLTk0LjM0NCAzNDQuODkzLTIxNS4wMzMgNDg0LjU2LTM2NS45ODQgMTMxLjQ3My0xNDIuMDUgMjMzLjczLTMwMi4yNTcgMzAyLjQ5NS00ODMuNDY5IDIyLjA5LTU5LjA5OCA0MC4yNi0xMTguOTA5IDU0LjE1Ni0xODAuMTQ0LjM1Ny0yLjQ5Mi43MTMtNC42MjguNzEzLTcuMTJoMTMwLjQwNGMuMzU2IDQ5Ny4zNTQuMzU2IDk5NC4zNTEuMzU2IDE0OTEuNzA1eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) no-repeat;
  background-size: 100% 100%;
  height: 1000px;
  z-index: 1;
}

@media only screen and (max-width: 44.9375em) {
  .page-head:after {
    background-size: 100% 100%;
    top: 0;
    height: 28rem;
  }
}

@media only screen and (max-width: 61.1875em) and (min-width: 45em) {
  .page-head:after {
    background-size: 100% 100%;
    height: 645px;
  }
}

@media only screen and (min-width: 92.5em) {
  .page-head:after {
    height: auto;
    top: -10%;
    background-size: 100% 100%;
    bottom: -15%;
  }
}

/*.page-head-image {
  margin-bottom: -26.875rem;
}

@media only screen and (max-width: 61.1875em) and (min-width: 45em) {
  .page-head-image {
    margin-bottom: -18.75rem;
  }
}
*/
.page-head__image:before {
  content: '';
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQ4IiBoZWlnaHQ9IjYzNiIgdmlld0JveD0iMCAwIDk0OCA2MzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPmhlYWRlci0tc2hhcGUtdGVhbDwvdGl0bGU+PHBhdGggZD0iTTkzMS4wMiA0NjIuOTc3bDI4OC4xMTQtNzIzLjM2NC0uMTI3LS4xYzEzLjU0OC0yNy40MDMgMzMuNzgtOTYuMDM1IDI2LjY5Ni0xMjcuNTgtMTcuMDQtNzUuODktNzYuMTYzLTkyLjEzMi0xMzAuNzYzLTg5Ljc2LTE2Ljc5NC43My0yMjUuOTY4LTIuMjM0LTUyNS40MDMgMjI5LjAyMy0zNjkuNTU5LTgxLjA2NS01NTcuMzkyIDExLjAyOS01NzIuODg2IDE3LjU0Ny01MC4zNzMgMjEuMTk1LTk2Ljg3OSA2MS4xNS03OS44NCAxMzcuMDQxQy01Ni4xMDQtNjIuNjctOC40NzQtOS4yNzMgMTUuNDkgOS43MDhsLS4wNzMuMTQ1IDU2OS43MDQgNTMwLjc4YzcxLjkzOSA2Ni4zODIgMTM5LjgxIDk2LjAxOCAyMDAuMzE0IDgzLjAzOCA2MC4yNDQtMTQuMTI5IDEwOC45MzItNjkuOTMzIDE0NS41ODctMTYwLjY5NCIgZmlsbD0iIzJDRTFCNyIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat;
  position: absolute;
  width: 801px;
  height: 551px;
  right: 0;
  top: 0;
  background-size: cover;
}

@media only screen and (max-width: 44.9375em) {
  .page-head__image:before {
    width: 239px;
    height: 167px;
  }
}

@media only screen and (max-width: 61.1875em) and (min-width: 45em) {
  .page-head__image:before {
    width: 533px;
    height: 372px;
  }
}

@media only screen and (min-width: 74.375em) {
  .page-head__image:before {
    width: 987px;
    height: 689px;
  }
}


.page-head__image {
  z-index: 2;
}


@media only screen and (max-width: 44.9375em) {
  .page-head__image {
    width: 12.5rem;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
  }
}

@media only screen and (min-width: 45em) {
  .page-head__image {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
  }
}

@media only screen and (max-width: 61.1875em) and (min-width: 45em) {
  .page-head__image {
    width: 60%;
  }
}

@media only screen and (min-width: 61.25em) {
  .page-head__image {
    width: 43.75rem;
  }
}

@media only screen and (min-width: 74.375em) {
  .page-head__image {
    width: 54.375rem;
  }
}


.page-head__content {
  position: relative;
  z-index: 2;
  width: 35%;
  padding: 7.5rem 0;
  padding-bottom: 38.4375rem;
}

@media only screen and (max-width: 44.9375em) {
  .page-head__content {
    padding: 3.4375rem 0;
    padding-bottom: 12.75rem;
    width: 50%;
  }
}

@media only screen and (max-width: 61.1875em) and (min-width: 45em) {
  .page-head__content {
    width: 38%;
    padding: 3.75rem 0;
    padding-bottom: 24.6875rem;
  }
}

.page-head__content h1 {
  margin-bottom: .625rem;
  font-weight: 300;
  color: #ec1b34;
}

@media only screen and (max-width: 61.1875em) {
  .page-head__content h1 {
    font-size: 1.875rem;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 44.9375em) {
  .page-head__content h1 {
    font-size: 25px;
  }
}

@media only screen and (min-width: 61.25em) {
  .page-head__content h1 {
    font-size: 3.75rem;
    line-height: 1.2;
  }
}

.page-head__content p {
  color: #001033;
  font-size: 1.0625rem;
  font-weight: 300;
}

@media only screen and (max-width: 44.9375em) {
  .page-head__content p {
    display: none;
  }
}

@media only screen and (min-width: 61.25em) {
  .page-head__content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.page-head__content ul {
  margin-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.page-head__content ul li:first-of-type {
  margin-right: 1.25rem;
}

@media only screen and (max-width: 61.25em) {
  .page-head__content ul li:last-of-type {
    margin-top: 1.25rem;
  }
}

@media only screen and (max-width: 44.9375em) {
  .page-head__content ul li a {
    font-size: .75rem;
  }
  .page-head__content ul li a.video-link svg {
    width: 15px;
  }
}

.read-more {
  font-family: "Rubik",sans-serif;
  font-size: 1.1875rem;
  display: block;
  color: #001033;
  text-decoration: none;
}

.read-more svg {
  fill: #f5731e;
  -webkit-transition: 0.3s -webkit-transform ease;
  transition: 0.3s -webkit-transform ease;
  transition: 0.3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease;
  display: inline-block;
  vertical-align: middle;
  margin-right: .625rem;
}

.icon--chevron {
  width: 0.875em;
  height: 1.125em;
}

.read-more span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  position: relative;
  color: #001033;
  -webkit-transition: 0.3s -webkit-transform ease;
  transition: 0.3s -webkit-transform ease;
  transition: 0.3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease;
}

.read-more span::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -8px;
  background: #001033;
  transition: .3s ease all;
}

.read-more span:hover, .read-more span:focus {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  color: #001033;
  transition: .3s ease all;
}


.page-head .circle--left {
  position: absolute;
  left: 0;
  bottom: -60px;
  z-index: 2;
}

@media only screen and (max-width: 61.1875em) and (min-width: 45em) {
  .page-head .circle--left {
    bottom: -110px;
  }
}

.page-head .circle--gradient {
  position: absolute;
  bottom: 32%;
  left: 33%;
  z-index: 2;
  width: 5.9375rem;
  height: 5.9375rem;
}

.page-head .circle--right {
  position: absolute;
  right: 37%;
  bottom: -1%;
  z-index: 100000;
  width: 178px;
  height: 178px;
}

@media only screen and (min-width: 74.375em) {
  .page-head .circle--right {
    right: 50%;
    bottom: 13%;
  }
}

@media only screen and (max-width: 61.1875em) and (min-width: 45em) {
  .page-head .circle--right {
    right: 40%;
    bottom: 0%;
    width: 120px;
    height: 120px;
  }
}

.page-head .circle--gradient img, .page-head .circle--right img {
  width: 100%;
}

@media only screen and (max-width: 44.9375em) {
  .page-head .circle--left, .page-head .circle--gradient, .page-head__image .circle--right {
    display: none;
  }
}


.first-section:first-child {
  padding-top: 10rem;
  position: relative;
  z-index: 2;
}

.wrap--product {
  max-width: 56rem;
}


.grid--flush-bottom {
  margin-bottom: 0;
}

@media only screen and (min-width: 45em) {
  .w-1-2-medium-up, .w-2-4-medium-up, .w-3-6-medium-up, .w-6-12-medium-up {
    width: 50% !important;
  }
}

.product, .contact {
  margin-top: 5em;
}

.product__image {
  position: relative;
  width: 75%;
  margin: 0 auto;
}

.product .header__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.875rem;
}

.product__image img {
  border-radius: 50%;
  border: 12px solid white;
}

.product__content {
  border-bottom: 1px solid #e9eaec;
  padding-bottom: 4.75rem;
}

.product .header__product .product__icon {
  margin-right: 1.25rem;
  min-width: 4.375rem;
}

.product .header__product .product__heading {
  -ms-flex-item-align: center;
  align-self: center;
}

.header__product h1 {
  display: inline-block;
  font-family: "Rubik",sans-serif;
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: .9375rem;
  color: #ec1b34;
}

.text--left {
  text-align: left;
}

.sales {
  background: rgb(50,42,117);
  background: linear-gradient(0deg, rgba(50,42,117,1) 0%, rgba(6,130,142,1) 100%);
  /*background-image: url(https://web.archive.org/web/20221103113158im_/https://citnowassets.com/brp/pattern_repeat_sales.svg);*/
  background-repeat: repeat;
}

.workshop {
  background: rgb(80,42,123);
  background: linear-gradient(0deg, rgba(80,42,123,1) 0%, rgba(6,130,142,1) 100%);
  /*background-image: url(https://web.archive.org/web/20221103113158im_/https://citnowassets.com/brp/pattern_repeat_workshop.svg);*/
  background-repeat: repeat;
}

.section-video {
  padding-top: 5.3125rem;
  padding-bottom: 7.8125rem;
}

@media only screen and (max-width: 44.9375em) {
  .section-video {
      padding-top: 2.5rem;
      padding-bottom: 3.125rem;
  }
}

@media only screen and (max-width: 61.1875em) and (min-width: 45em) {
  .section-video {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media only screen and (min-width: 61.25em) {
  .section-video {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }
}


@media only screen and (min-width: 61.25em) {
  .w-1-3-large-up, .w-2-6-large-up, .w-4-12-large-up {
    width: 33.33333% !important;
    margin: 0 auto;
  }
}

.snippet__news-image img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-transition: 0.3s -webkit-transform ease;
  transition: 0.3s -webkit-transform ease;
  transition: 0.3s transform ease;
  transition: 0.3s transform ease, 0.3s -webkit-transform ease;
}

.section-video h2 {
  color: #FFF;
  margin: 0 0 1em 0;
}

.section-video__inner-content {
  max-width: 540px;
  margin: 0 auto;
}

.section-video__inner-content h3 {
  font-size: 25px;
  color: #FFF;
  font-weight: 500;
  margin: 2.1875rem 0 1.5rem 0;
}

.section-video__inner-content p {
  color: #FFF;
  font-weight: 400;
  line-height: 1.8;
}

.media-container {
  overflow: hidden;
  height: auto;
  max-width: 540px;
  margin: 0.3em auto 4px auto;
}

.resp-video-container {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.resp-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.snippet__team {
  background: #0027a2;
  border-radius: 25px;
  text-align: center;
  padding: 0rem 2.5rem 2.5rem 2.5rem;
  margin: 7.1875rem auto 2.5rem auto;
}

@media only screen and (min-width: 45em) {
  .snippet__team {
    height: calc(100% - 115px);
    margin: 7.1875rem auto 1.5rem auto;
  }
}

.snippet__team img {
  max-width: 15.625rem;
  border-radius: 50%;
  border: 10px solid white;
  margin-top: -7.1875rem;
  margin-bottom: 1.875rem;
}

.snippet__team h1 {
  color: white;
  font-size: 25px;
  margin-bottom: .25rem;
}

.snippet__team h2 {
  font-size: 18px;
  color: white;
  font-weight: 500;
}

.snippet__team p {
  color: white;
  margin-bottom: 0;
  line-height: 29px;
}

/*
     FILE ARCHIVED ON 11:31:58 Nov 03, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:17:19 Dec 15, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 273.792
  exclusion.robots: 0.194
  exclusion.robots.policy: 0.187
  RedisCDXSource: 103.849
  esindex: 0.013
  LoadShardBlock: 103.577 (3)
  PetaboxLoader3.datanode: 107.131 (6)
  CDXLines.iter: 62.053 (3)
  PetaboxLoader3.resolve: 88.801 (3)
  load_resource: 141.833 (2)
  loaddict: 35.941
*/