/****************************************/
/* Embeded Styles                       */
/****************************************/

@import "//4234992.fs1.hubspotusercontent-na1.net/hubfs/4234992/hub_generated/template_assets/1/62322912947/1744425445229/template_slick.min.css";
@import "//4234992.fs1.hubspotusercontent-na1.net/hubfs/4234992/hub_generated/template_assets/1/64491184002/1744425445627/template_jquery_fancybox.min.css";

/****************************************/
/* Responsive breakpoints               */
/****************************************/

 /* Very Small devices (landscape phones, 576px and up) */
 /* Small devices (landscape phones, 576px and up) */
 /* Medium devices (tablets, 768px and up) */
 /* Large devices (desktops, 992px and up) */
 /* Extra large devices (large desktops, 1200px and up) */
 /* Extra large devices (large desktops, 1400px and up) */

 /* 1025 - mobile view at mobile_view and down */


/****************************************/
/* Colors                               */
/****************************************/















  
/****************************************/
/* Variables                            */
/****************************************/
















 /* 1200 */









.container-sm {
  padding-left: 20.0px;
  padding-right: 20.0px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.container-md {
  padding-left: 20.0px;
  padding-right: 20.0px;
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}

.container-md-alt {
  padding-left: 20.0px;
  padding-right: 20.0px;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.container-lg {
  padding-left: 20.0px;
  padding-right: 20.0px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

/* for galleries with small arrows */
.container-alt {
  padding-left: 20.0px;
  padding-right: 20.0px;
  max-width: 1288px;
  margin-left: auto;
  margin-right: auto;
}

/*****************************************/
/* Links                                 */
/*****************************************/

.btn-secondary {
  color: #ffffff;
  position: relative;
  transition: color .25s linear, background-color .25s linear;

  font-size: 16px;
  line-height: 24px;
  padding: 11px 37px 9px;
}

.btn-secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #ffffff;
}

.btn-secondary:hover {
  color: #000000;
  background-color: #ffffff
}

/*****************************************/
/* Icons                                 */
/*****************************************/

.link-back a:hover {
  text-decoration: underline;
}

.icon-back {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 12px;
  margin-right: 1rem;
}

.icon-back::before,
.icon-back::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .3s linear;
}

.icon-back::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.482 12.615 0 0 12.008 12.614 24 14 22.518 2.741 11.976 14 1.482Z' fill='%234aabe8'/%3E%3C/svg%3E");
}

.icon-back::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.482 12.615 0 0 12.008 12.614 24 14 22.518 2.741 11.976 14 1.482Z' fill='%23026ea3'/%3E%3C/svg%3E");
  opacity: 0;
}

a:hover .icon-back::before {
  opacity: 0;
}

a:hover .icon-back::after {
  opacity: 1;
}

.link-back {
  margin: 0 0 2rem;
}

.link-back a {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}


/*****************************************/
/* Decorations                           */
/*****************************************/


/*****************************************/
/* Helpers                               */
/*****************************************/

.no-gutters {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-gutters > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media screen and (min-width: 768px) {
  .minw-720 {
    min-width: 720px;
  }
}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*****************************************/
/* Hero                                  */
/*****************************************/

.hero--alt {
  padding-top: 0;
  margin-bottom: 0;
}

.hero--alt h1 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media screen and (min-width: 768px) {
  .hero--alt h1 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media screen and (min-width: 1200px) {
  .hero--alt h1 {
    line-height: 1.15;
    padding-top: 106px;
    padding-bottom: 115px;
  }
}

.hero--alt .logo {
  display: inline-block;
  margin: 0 0 40px;
}

.hero--alt .logo a {
  display: block;
}

.form-panel {
  float: left;
  width: 100%;
  color: #000000;
  background-color: #f1f1f1;
  padding: 30px;
  margin-bottom: -50px;
}

/* @media screen and (min-width: 576px) {
  .logo {
    width: 280px;
  }

  .footer .logo {
    padding-top: 10px;
    margin-bottom: 0;
  }
}
 */
@media screen and (min-width: 992px) {
  .form-panel {
    margin-bottom: -500px;
  }
}

@media screen and (min-width: 1200px) {
/*   .logo {
    margin-bottom: 78px;
  } */

/*   .footer .logo {
    margin-bottom: 0;
  } */
 
  .form-panel {
    margin-bottom: -710px;
    padding: 50px;
  }
}

/*****************************************/
/* Form                                  */
/*****************************************/

fieldset {
  max-width: none !important;
  border: none;
  padding: 0;
}

.hs-input {
  position: relative;
  width: 100% !important;
}

.input {
  margin-right: 0 !important;
}

.form-columns-1,
.form-columns-2 {
  display: block;
  margin: 0 -7px !important;
}

.hs-form-field,
.legal-consent-container {
  padding-left: 7px;
  padding-right: 7px;
}

.legal-consent-container {
  margin-bottom: 20px;
}

.hs_recaptcha {
  padding-left: 0;
  padding-right: 0;
}

.popup input[type="text"],
.popup input[type="email"],
.popup input[type="tel"],
.popup select,
.popup textarea {
  float: left;
  font-size: 1.6rem !important;
  line-height: 2rem !important;
  border: solid #000000 !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  transition: border-color .25s linear;
}

.field::after {
  content: "";
  display: block;
  clear: both;
}

.hs-fieldtype-textarea {
  padding-top: 12px;
  padding-bottom: 12px;
}

.popup input[type="text"],
.popup input[type="email"],
.popup input[type="tel"],
.popup select {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.popup textarea {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.popup input[type="text"].error,
.popup input[type="email"].error,
.popup input[type="tel"].error,
.popup select.error,
.popup textarea.error {
  border-color: #FF0201 !important;
}

.popup input[type="text"]:focus,
.popup input[type="email"]:focus,
.popup input[type="tel"]:focus,
.popup select:focus,
.popup textarea:focus {
  border-color: blue !important;
  outline: none;
}

.popup .input select {
  height: 41px;
  -webkit-appearance: none;
  background: transparent !important;
}

.hs-fieldtype-select .input {
  z-index: 1;
  position: relative;
}

.hs-fieldtype-select .input::after {
  content: "";
  display: block;
  clear: both;
}

.hs-fieldtype-select .input::before {
  z-index: -1;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 6px;
  border: 5px solid;
  border-color: black transparent transparent;
}

@media screen and (max-width: 575px) {
  fieldset.form-columns-2 .hs-form-field {
    width: 100% !important;
  }
}

.popup form {
  display: block;
}

.popup .actions {
  margin-top: 2.4rem;
}

@media screen and (min-width: 768px) {
  .actions-br form {
    position: relative;
  }

  .actions-br form .actions {
    position: absolute;
    right: 0;
    bottom: 7px;
    margin: 0;
  }
}

/*****************************************/
/* Visual                                */
/*****************************************/

.visual {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.visual::after {
  content: "";
  position: absolute;
  bottom: -35px;
  right: 20px;
  width: 60px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.6 190.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media screen and (min-width: 375px) {
  .visual--decor-center::after {
    top: 50%;
    bottom: auto !important;
    margin-top: -40px;
  }
}

@media screen and (min-width: 768px) {
  .visual::after {
    right: 81px;
    width: 90px;
    height: 160px;
  }
}

@media screen and (min-width: 1200px) {
  .visual::after {
    bottom: -102px;
  }
}

/*****************************************/
/* Form Section                          */
/*****************************************/

.form-sec {
  padding-top: 50px;
  margin-bottom: 50px;
}

.form-copy {
  line-height: 1.7222;
  margin-bottom: 4rem;
}

@media screen and (min-width: 992px) {
  .form-sec {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1200px) {
  .form-sec {
    padding-top: 110px;
    padding-bottom: 70px;
  }
}

/* @media screen and (min-width: 1400px) {
  .form-frame {
    margin-right: -95px;
    margin-left: 22px;
  }
} */

/*****************************************/
/* Intro                                 */
/*****************************************/

.intro h2 {
  margin-bottom: 50px;
}

/*****************************************/
/* Icon List.                            */
/*****************************************/

.icon-list {
  margin: 0;
  padding: 0;
  list-style;
}  

.icon-list li {
  display: flex;
  align-items: center;
  margin-top: 27px;
  line-height: 1.72222;
}

.icon-list li:first-child {
  margin-top: 0;
}

.icon-list i {
  min-width: 90px;
  max-width: 90px;
  padding: 0 30px 0 10px;
  text-align: center;
}

.icon-list i img {
  max-width: 100%;
  height: auto;
}

.icon-list p {
  margin: 0;
}

@media screen and (min-width: 576px) {
  .icon-list i {
    min-width: 160px;
    max-width: 160px;
    padding-right: 66px;
    padding-left: 24px;
  }
}

/*****************************************/
/* Graph                                 */
/*****************************************/

.graph {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.graph-title {
  margin: 0 0 82px;
}

.graph h2 {
  font-size: 3rem;
  line-height: 1.2;
  margin: 0 0 22px;
}

.graph h3 {
  font-size: 2.4rem;
  line-height: 1.46875;
  margin: 0;
}

.graph-img {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 4rem;
}

.summary {
  min-width: 290px;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  border: 7px solid #000000;
  padding: 30px 24px 20px;
  text-align: center;
}

.summary-title {
  font-size: 2.5rem;
  line-height: 3.1rem;
  display: block;
  margin: 0 0 2.2rem;
}

.summary-value {
  display: block;
  font-size: 6rem;
  line-height: 1;
}

.summary-note {
  margin: 3.8rem 0 0;
  font-size: 1.8rem;
  font-weight: bold;
}

@media screen and (min-width: 576px) {
  .graph h2 {
    font-size: 4rem;
  }

  .graph h3 {
    font-size: 3.2rem;
  }

  .summary {
    min-width: 340px;
    padding: 44px 30px 28px;
  }

  .summary-title {
    font-size: 3.5rem;
    line-height: 4.1rem;
  }

  .summary-value {
    font-size: 8rem;
  }

  .summary-note {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 992px) {
  .graph {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: left;
  }
  
  .graph-img {
    max-width: calc(100% - 390px);
  }

  .summary {
    margin-left: 44px;
  }
}

@media screen and (min-width: 1200px) {
  .graph {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

@media screen and (min-width: 1400px) {
  .graph {
    padding-top: 208px;
    padding-bottom: 240px;
  }
}

/*****************************************/
/* Resources                             */
/*****************************************/

.resources {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 992px) {
  .resources {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 1200px) {
  .resources {
    padding-top: 121px;
    padding-bottom: 147px;
  }
}

/*****************************************/
/* Resources                             */
/*****************************************/

.resources h2 {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 6.1rem;
  text-align: center;
}

.items {
  font-size: 1.3rem;
  line-height: 2.1rem;
  overflow: hidden;
  max-width: 290px;
  margin: -2.4rem auto 0;
}

.items .item {
  width: 290px;
  margin-top: 2.4rem;
  background-color: #ffffff;
  padding: 85px 20px 60px;
  text-align: center;
}

.items .item-link {
  display: block;
}

.items .item-icon {
  height: 75px;
  line-height: 75px;
  margin-bottom: 20px;
}

.items .item-icon img {
  display: inline-block;
  vertical-align: middle;
}

.items h3 {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

.items a {
  color: #000000;
  text-decoration: none;
}

@media screen and (min-width: 375px) {
  .items {
    max-width: 260px;
  }

  .items .item {
    width: 260px;
  }
}

@media screen and (min-width: 576px) {
  .items {
    max-width: none;
    margin-left: -12px;
    margin-right: -12px;
  }

  .items .item {
    width: calc(50% - 24px);
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media screen and (min-width: 768px) {
  .items {
    margin-top: -48px;
  }

  .items .item {
    width: calc(33.3333% - 48px);
    padding: 40px 10px 30px;
    margin-left: 24px;
    margin-right: 24px;
    margin-top: 48px;
  }
}

@media screen and (min-width: 992px) {
  .items .item {
    width: 220px;
    padding: 60px 20px 23px;
  }
}

@media screen and (min-width: 1200px) {
  .items {
    margin-top: -86px;
  }

  .items .item {
    margin-top: 86px;
    margin-left: 86px;
    margin-right: 86px;
  }
}

/*****************************************/
/* Slider                                */
/*****************************************/

.slider,
.hs-blog-listing .slider {
  padding-top: 50px;
  padding-bottom: 50px;
}

.slider blockquote {
  margin: 2.5rem 0 0;
}

.slider blockquote:first-child {
  margin-top: 0;
}

.slider q {
  font-weight: bold;
  display: block;
}

.slider cite {
  display: block;
  font-style: inherit;
}

p.more {
  margin-top: 2.5rem;
  font-weight: bold;
  text-transform: uppercase;
}

.more a {
  color: inherit;
  text-decoration: none;
}

.more a:hover {
  color: #b0b0b0;
}

.slide-copy {
  padding: 60px 20px 34px;
  line-height: 1.66667;
  background: #f1f1f1;
  font-size: 1.4rem;
  line-height: 1.7692;
}

.slide-img {
  z-index: 10;
  position: relative;
  margin-bottom: -40px;
  max-width: 320px;
  padding-left: 20px;
  padding-right: 20px;
}

.slide-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.slide-header {
  margin: 0 0 2.2rem !important;
}

.slide-copy .tag {
  display: block;
  text-transform: uppercase;
  margin: 0;
}

.slide-copy h2 {
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 0 2.2rem !important;
}

.slide-copy .slide-header h2 {
  margin: 0 !important;
}

.slide-copy h2 a {
  color: inherit;
  text-decoration: none;
}

.slide-copy h2 a:hover {
  color: #0071bb;
}

.slide-copy h3,
.slide-copy .slide-content h2 {
  margin: 2.2rem 0 0 !important;
  font-size: inherit;
  line-height: inherit;
}

.slide-copy h3:first-child,
.slide-copy h2 + h3,
.slide-copy .slide-content h2:first-child {
  margin-top: 0 !important;
}

.slide-content .more {
  font-size: 1.4rem;
}

/* slick */
.js-slick .slick-slide {
  float: left;
}

/* .dots {
  margin-top: 34px;
  text-align: center;
}

.testimonial .dots {
  margin-top: 0;
}

.dots ul {
  margin: 0;
  padding: 0 4px 0 0;
  list-style: none;
}

.dots li {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding: 24px 14px 0;
}

.dots a {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  text-indent: -9999px;
  background-color: ;
  transition: background-color 0.25s linear;
}

.dots .active a,
.dots a:hover {
  background-color: ;
} */

.slick-list {
  overflow: hidden;
  position: relative;
}

.slide-copy-bg {
  display: none;
}

.js-slick.not-enough-slides .slick-list {
  height: auto !important;
}

@media screen and (min-width: 375px) {
  .slide-img {
    max-width: 380px;
    padding-top: 100px;
  }

  .slide-img::after {
    content: "";
    position: absolute;
    top: 17px;
    right: 30.6%;
    width: 18%;
    height: 142px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.6 190.3'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Cpath d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath d='M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath d='M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath d='M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2'/%3E%3Cpath d='M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
}

@media screen and (min-width: 576px) {
  .slide-img {
    padding-left: 40px;
    padding-right: 0;
  }

  .slide-copy {
    padding: 60px 40px 40px;
  }
}

@media screen and (min-width: 768px) {
  .slide-img {
    max-width: none;
    margin-left: -60px;
    padding-bottom: 56px;
    margin-bottom: 0;
  }

  .slide-copy {
    position: relative;
    padding-top: 50px;
    padding-right: 80px;
    background-color: transparent;
  }

  .slide-copy-col {
    position: relative;
  }

  .slide-copy-bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
  }
}

@media screen and (min-width: 992px) {
  .slider,
  .hs-blog-listing .slider{
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .slide-copy {
    padding-right: 120px;
    font-size: 1.3rem;
  }

  .slide-img {
    margin-left: -100px;
  }

  .js-slick,
  .hs_cos_gallery_main.slick-slider {
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
  }

  .js-slick.not-enough-slides,
  .not-enough-slides .hs_cos_gallery_main {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1200px) {
  .slider {
    padding-top: 146px;
    padding-bottom: 167px;
  }
  
  .hs-blog-listing .slider {
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .slide-img {
    margin-left: -130px;
  }

  .slide-copy {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 50px 180px 50px 68px; /* 98px 180px 50px 68px */
  }

  .js-slick,
  .hs_cos_gallery_main.slick-slider {
    padding-left: 100px;
    padding-right: 100px;
  }

  .js-slick.not-enough-slides,
  .not-enough-slides .hs_cos_gallery_main {
    padding-left: 0;
    padding-right: 0;
  }

  .slide-copy-bg {
    right: 30px;
    width: auto;
  }
}

/* slick */
.slick-arrow {
  z-index: 10;
  position: absolute;
  top: 50%;
  margin-top: -26px;
  width: 32px; /* 23px */
  height: 52px; /* 42px */
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  border: 0;
  cursor: pointer;
  padding: 0;
  transition: opacity .25s linear;
}

.slick-arrow:hover {
  opacity: .7;
}

/* @media screen and (min-width: 1200px) {
  .slick-arrow {
    margin-top: -42px;
    width: 46px;
    height: 84px;
  }
} */

.slick-prev {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.9 83.31'%3E%3Cg data-name='Layer 2'%3E%3Cpath style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:6px' d='M43.77 81.18 4.24 41.65 43.77 2.12' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.slick-next {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.9 83.31'%3E%3Cg data-name='Layer 2'%3E%3Cpath style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:6px' d='m2.12 2.12 39.53 39.53L2.12 81.18' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.bg-black .slick-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.9 83.31'%3E%3Cg data-name='Layer 2'%3E%3Cpath style='fill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:6px' d='M43.77 81.18 4.24 41.65 43.77 2.12' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.bg-black .slick-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.9 83.31'%3E%3Cg data-name='Layer 2'%3E%3Cpath style='fill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:6px' d='m2.12 2.12 39.53 39.53L2.12 81.18' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.slick-dots {
  width: 100%;
  margin: 0;
  padding: 25px 0 0;
  list-style: none;
  text-align: center;
  line-height: 27px;
}

.slick-dots li {
  width: 23px;
  height: 23px;
  display: inline-block;
  vertical-align: top;
  margin: 10px 5px 0;
}

.slick-dots li:only-child {
    display: none;
}

.slick-dots li button {
  display: block;
  width: 23px;
  height: 23px;
  overflow: hidden;
  border: 4px solid #000000;
  background-color: transparent;
  border-radius: 50%;
  text-indent: -9999px;
  cursor: pointer;
  transition: background-color .25s linear, border-color .25s linear;
  padding: 0;
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
  background: #000000;
}

.bg-black .slick-dots li button {
  border-color: #ffffff;
  background-color: #ffffff;
}

.bg-black .slick-dots li.slick-active button,
.bg-black .slick-dots li button:hover {
  border-color: #b0b0b0;
  background-color: #b0b0b0;
}

.bg-lightgray .slick-dots li button {
  border-color: #b0b0b0;
  background-color: #b0b0b0;
}

.bg-lightgray .slick-dots li.slick-active button,
.bg-lightgray .slick-dots li button:hover {
  border-color: #000000;
  background: #000000;
}

/*****************************************/
/* TOP BAR                               */
/*****************************************/

.topbar {
  z-index: 1000;
  color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  font-size: 1.2rem;
}

.topbar-frame {
  padding: 1rem;
}

.topbar p {
  margin: 0;
}

.topbar a {
  color: #999999;
  text-decoration: underline;
}

.topbar a:hover {
  color: #000000;
}

@media screen and (min-width: 992px) {
  .topbar {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 740px) {
  .topbar {
    height: 56px;
    display: flex;
    align-items: center;
  }
}

/*****************************************/
/* Header                                */
/*****************************************/

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
  background-color: #000000;
  min-width: 320px;
}

.header--transparent .header {
  transition: all .25s linear;
}

.header--transparent:not(.show-bg) .header {
  background-color: transparent;
}

.header .logo {
  float: left;
  margin-bottom: 0;
}

.header-container-wrapper {
  z-index: 101;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.body-container .row-number-1 .hs_cos_wrapper_widget:not(.hs_cos_wrapper_widget_container):first-child>div:first-child,
.body-container .row-number-1 .hs_cos_wrapper_widget_container>.hs_cos_wrapper:first-child>div:first-child {
  padding-top: 72px;
}

@media screen and (min-width: 740px) {
  .body-container .row-number-1 .hs_cos_wrapper_widget:not(.hs_cos_wrapper_widget_container):first-child>div:first-child,
  .body-container .row-number-1 .hs_cos_wrapper_widget_container>.hs_cos_wrapper:first-child>div:first-child {
    padding-top: 72px;
  }
}

@media screen and (min-width: 1200px) {
  .body-container .row-number-1 .hs_cos_wrapper_widget:not(.hs_cos_wrapper_widget_container):first-child>div:first-child,
  .body-container .row-number-1 .hs_cos_wrapper_widget_container>.hs_cos_wrapper:first-child>div:first-child {
    padding-top: 168px;
  }
}

.body-container .row-number-1 .hs_cos_wrapper_widget:not(.hs_cos_wrapper_widget_container):first-child>.hs_cos_gallery {
  padding-top: 0 !important;
}

/*****************************************/
/* Main Navigation                       */
/*****************************************/

.header-opener {
  display: none;
  float: right;
  position: relative;
  width: 30px;
  height: 26px;
  overflow: hidden;
  z-index: 100;
  margin: 4px 0 0;
}

.header-opener span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.header-opener::before,
.header-opener::after,
.header-opener span {
  background: #ffffff;
  position: absolute;
  top: 12px;
  left: 15%;
  right: 15%;
  height: 2px;
  transition: all 0.25s linear;
}

.header-opener::before,
.header-opener::after {
  content: "";
}

.header-opener::before {
  top: 6px;
}

.header-opener::after {
  top: 18px;
}

.nav-active .header-opener span {
  opacity: 0;
}

.nav-active .header-opener::after,
.nav-active .header-opener::before {
  transform: rotate(45deg);
  top: 12px;
  left: 9%;
  right: 9%;
}

.nav-active .header-opener::after {
  transform: rotate(-45deg);
}

/* header menu */
.header-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-menu a {
  color: #ffffff;
  display: block;
  text-decoration: none;
  transition: color .25s linear;
}

.header-menu .active-branch > a {
  font-weight: 700;
}

.header-menu li li.active-branch > a {
  font-weight: inherit;
}

/* dropdown icon */
.header-menu .accordion-opener {
  position: relative;
  padding-right: 15px;
}

.header-menu .accordion-opener::after,
.header-menu .accordion-opener::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transition: opacity .25s linear;
  width: 0;
  height: 0;
  overflow: hidden;
  border: transparent 4px solid;
}

.header-menu .accordion-opener::after {
  margin-top: -1px;
  border-top-color: #ffffff;
}

.header-menu .accordion-opener::before {
  border-bottom-color: #ffffff;
  margin-top: -6px;
  opacity: 0;
}

.header-menu .active .accordion-opener::after {
  opacity: 0;
}

.header-menu .active .accordion-opener::before {
  opacity: 1;
}

.header-menu .header-icon {
  display: inline-block;
  vertical-align: -1px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.header-menu .header-icon img {
  vertical-align: top;
}

/* promo */

.header-promo-left {
  color: #A8A8A8;
  background-color: #1B1B1B;
  padding: 24px;
  text-align: left;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.header-promo-left .promo-title {
  font-weight: 600;
  color: #ffffff;
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 8px;
}

.header-promo-left p {
  margin: 0;
}

.header-promo-left .promo-action {
  margin-top: 24px;
}

.icon-q {
  display: inline-block;
  vertical-align: -3px;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%23000' d='M6.78 12.273a4.42 4.42 0 0 1-2.61-.843A4.12 4.12 0 0 1 2.63 9.24a3.966 3.966 0 0 1 .16-2.636 4.177 4.177 0 0 1 1.794-2.003 4.45 4.45 0 0 1 2.693-.548c.936.105 1.81.502 2.487 1.13a4.07 4.07 0 0 1 1.263 2.347 3.98 3.98 0 0 1-.48 2.6L9.498 9.127H6.094l2.751 2.638a4.39 4.39 0 0 1-2.066.508ZM16 15.357l-5.448-5.226h2.714a6.267 6.267 0 0 0-.206-4.484 6.63 6.63 0 0 0-3.18-3.292 7.052 7.052 0 0 0-4.647-.538 6.818 6.818 0 0 0-3.905 2.472A6.328 6.328 0 0 0 .015 8.598a6.396 6.396 0 0 0 1.905 4.1 6.911 6.911 0 0 0 4.217 1.945 7.012 7.012 0 0 0 4.528-1.132l1.925 1.846H16Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.icon-arrow {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23000' d='M8.865.5a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm1.72 5.031a.75.75 0 0 0-1.17.938L10.44 7.75H5a.75.75 0 0 0 0 1.5h5.44l-1.026 1.281-.045.063a.75.75 0 0 0 1.166.932l.05-.057 2-2.5a.75.75 0 0 0 0-.938l-2-2.5Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.drop-solutions .menu-depth-2 > a {
  position: relative;
  padding-right: 24px;
}

.drop-solutions .menu-depth-2 > a::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  right: 0;
  margin-top: -9px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23000' d='M8.865.5a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm1.72 5.031a.75.75 0 0 0-1.17.938L10.44 7.75H5a.75.75 0 0 0 0 1.5h5.44l-1.026 1.281-.045.063a.75.75 0 0 0 1.166.932l.05-.057 2-2.5a.75.75 0 0 0 0-.938l-2-2.5Z'/%3E%3C/svg%3E");
}

.header-promo-btm .header-promo-link {
  font-weight: bold;
  text-align: left;
  display: block;
}

.header-promo-btm .header-promo-link span,
.header-promo-btm .header-promo-link i {
  cursor: pointer;
}

.header-promo-btm .header-promo-link img {
  vertical-align: top;
}

.header-promo-btm .header-promo-link span {
  min-height: 2.4rem;
  position: relative;
  display: block;
  padding: 8px 24px;
}

.header-promo-btm .icon-q,
.header-promo-btm .icon-arrow {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.header-promo-btm .icon-q {
  left: 0;
}

.header-promo-btm .icon-arrow {
  right: 0;
}

@media screen and (max-width: 1199px) {
  .icon-q {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M6.78 11.773a4.419 4.419 0 0 1-2.61-.843A4.12 4.12 0 0 1 2.63 8.74a3.966 3.966 0 0 1 .16-2.636 4.177 4.177 0 0 1 1.794-2.003 4.45 4.45 0 0 1 2.693-.548c.936.105 1.81.502 2.487 1.13a4.07 4.07 0 0 1 1.263 2.347 3.98 3.98 0 0 1-.48 2.6L9.498 8.627H6.094l2.751 2.638a4.388 4.388 0 0 1-2.066.508ZM16 14.857l-5.448-5.226h2.714a6.267 6.267 0 0 0-.206-4.484 6.63 6.63 0 0 0-3.18-3.293 7.052 7.052 0 0 0-4.647-.537 6.818 6.818 0 0 0-3.905 2.472A6.328 6.328 0 0 0 .015 8.098a6.396 6.396 0 0 0 1.905 4.1 6.91 6.91 0 0 0 4.217 1.945 7.012 7.012 0 0 0 4.528-1.132l1.925 1.846H16Z'/%3E%3C/svg%3E");
  }

  .icon-arrow,
  .drop-solutions .menu-depth-2 > a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M8.865 0a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm1.72 5.031a.75.75 0 0 0-1.17.938L10.44 7.25H5a.75.75 0 0 0 0 1.5h5.44l-1.026 1.281-.045.063a.75.75 0 0 0 1.166.932l.05-.057 2-2.5a.75.75 0 0 0 0-.938l-2-2.5Z'/%3E%3C/svg%3E");
  }

  .header {
    padding-top: 2.0rem;
    padding-bottom: 2rem;
  }

  /* .header.no-topbar, */
  .show-bg .header {
    padding-top: 2rem;
  }

  .header .logo {
    z-index: 99;
    position: relative;
    width: 170px;
  }

  .header-opener {
    display: block;
  }

  /*================== header dropdown =============== */

  body.nav-active {
    overflow: hidden;
  }

  .header-dropdown {
    z-index: 98;
    position: fixed;
    top: -9999px;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transform: translateX(-100vh);
    transform: translateX(-100vh);
    transition: opacity .25s ease-in-out, transform .25s ease-in-out;
    /* min-width: 320px; */
    padding-top: 72px;
    background-color: #000000;
    /* text-align: center; */
  }

  .nav-active .header-dropdown {
    top: 0;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  .header-dropdown-frame {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* height: calc(100% - 72px); */
    height: 100%;
  }

  .header-menu {
    font-weight: 500;
    padding: 0 40.0px 9px;
    font-size: 2.2rem;
    line-height: 3.2rem;
  }

  .header-menu li {
    border-top: 1px solid #1B1B1B;
  }

  .header-menu li:first-child {
    border-top: none;
  }

  .header-menu a {
    position: relative;
    display: block;
    background-color: #000000;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .header-menu .accordion-opener::after, 
  .header-menu .accordion-opener::before {
    border-width: 5px;
  }

  .header-menu a.header-cta {
    color: #ffffff;
    position: relative;
    transition: color .25s linear, background-color .25s linear;
    font: 700 1.4rem/2.4rem Poppins,Arial,Helvetica,sans-serif;
    padding: 6px 10px;
    text-align: center;
  }

  .header-menu a.header-cta:hover {
    color: #000000;
    background-color: #ffffff;
  }

  .header-menu a.header-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #ffffff;
  }

  .header-menu a:hover,
  .header-menu .active-branch:not(.hs-item-has-children) > a {
    color: #b0b0b0;
  }

  .header-menu ul ul {
    padding: 0 0 23px;
  }
  
  .header-menu ul ul ul {
    padding-bottom: 0;
  }

  .header-menu li li {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: normal;
    border-top: none;
    margin-top: 3px;
  }

  .header-menu li li:first-child {
    margin-top: 0;
  }

  .header-menu li li a {
    position: relative;
    display: block;
    align-items: center;
    padding: 8px 0 8px 24px;
  }

  .header-menu li:nth-child(2) li,
  .header-menu li:nth-child(3) li {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5
  }
  
  .header-menu li:nth-child(2) li a,
  .header-menu li:nth-child(3) li a{
    font-weight: inherit !important;
  }
  
  .header-menu li:nth-child(2) li li,
  .header-menu li:nth-child(3) li li{
    font-weight: normal;
    font-size: 1.4rem;
  }

  .header-menu li:nth-child(3) li {
    margin-top: 8px;
  }

  .header-menu li:nth-child(3) li:first-child,
  .header-menu li:nth-child(3) li li {
    margin-top: 0;
  }

  .promo-drop li.menu-depth-2 {
    padding-top: 24px;
  }

  .header-promo-btm {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5;
    padding-bottom: 20px;
  }

  .header-promo-btm .header-promo-link {
    padding: 0;
  }

  .header-menu li li i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
  }
  
  .header-menu li li.hs-item-has-children {
    padding-top: 12px;
  }
  
  .header-menu li li.hs-item-has-children > a {
    color: #fff !important;
  }
  
  .menu-depth-2 > ul {
    position: static !important;
  }

  .header-action {
    padding: 28px 40.0px 52px;
  }

  .header-action .btn {
    width: 100%;
    font-size: 1.4rem;
  }

  .header-action .btn::before {
    border-width: 2px;
  }

  /* .header-menu li:nth-child(2) a::after,
  .header-menu li:nth-child(3) a::after, */
  .header-menu .menu-depth-1 > a:not(.accordion-opener)::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2px;
    width: 18px;
    height: 18px;
    margin-top: -8px;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M8.865 0a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm1.72 5.031a.75.75 0 0 0-1.17.938L10.44 7.25H5a.75.75 0 0 0 0 1.5h5.44l-1.026 1.281-.045.063a.75.75 0 0 0 1.166.932l.05-.057 2-2.5a.75.75 0 0 0 0-.938l-2-2.5Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }

  .icon-mobile-hide {
    display: none;
  }

  .header-icon img::not(.icon-mobile-hide) {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .header-menu,
  .header-action {
    padding-left: 20.0px;
    padding-right: 20.0px;
  }
}

@media screen and (max-width: 740px) {
  .header {
    padding-top: 2.0rem;
  }

  /* .header.no-topbar, */
  .show-bg .header {
    padding-top: 2rem;
  }
}

@media screen and (min-width: 1200px) {
  .header {
    padding-top: 8.4rem;
    padding-bottom: 4rem;
    /* transition: padding .25s linear, transform .25s linear; */
    transition: padding .25s linear;
    text-align: center;
  }

  /* .header.no-topbar, */
  .show-bg .header {
    padding-top: 4rem;
  }

  .header .logo {
    transition: all .25s linear;
    padding: 3px 0;
  }

  .show-bg .header {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .show-bg .header .logo {
    width: 154px;
  }

  /* .header.slide-up:not(.nav-active) {
    transform: translate3d(0, -100%, 0);
  } */

  .header-frame {
    position: relative;
  }

  .header-frame::after {
    content: "";
    clear: both;
    display: block;
  }

  .header-dropdown {
    float: right;
  }

  .header-menu,
  .header-action {
    float: left;
  }

  .header-action .btn {
    transition: all .25s linear;
  }

  .show-bg .header-action .btn {
    padding: 7px 24px;
    font-size: 1.4rem;
    line-height: 2rem;
  }
  
  .header-nav {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .header-menu {
    padding-top: .5rem;
  }

  .show-bg .header-menu {
    padding-top: 0;
    transition: padding .25s linear;
  }

  .show-bg .header-menu {
    padding-top: 0;
  }

  .header-nav ul {
    display: inline-block;
    vertical-align: middle;
  }

  .header-menu li {
    float: left;
    margin: 0 32px 0 0;
  }

  .header-menu .header-drop {
    z-index: 20;
    position: absolute;
    top: 100%;
    left: -9999px;
    background: #ffffff;
    border: none;
    border-radius: 0;
    transition: opacity .25s linear;
    visibility: hidden;
    opacity: 0;
    padding: 24px;
    transform: translate3d(-50%, 0, 0);
    margin: -1px 0 0;
  }

  .header-menu ul ul {
    margin-top: -6px;
    overflow: hidden;
  }

  .header-menu .show-drop {
    position: relative;
  }

  .header-menu .show-drop .header-drop {
    left: 50%;
    visibility: visible;
    opacity: 1;
  }

  .promo-drop .header-drop-row {
    display: flex;
    padding: 32px 40px;
  }

  .header-menu .promo-drop {
    padding: 0;
  }
  
  .header-menu .promo-drop ul {
    /* width: 480px; */
    /* left: -20xp; */
    display: flex;
  }

  .header-menu .promo-drop li {
    padding-left: 40px;
  }

  .header-menu .promo-drop li:first-child,
  .header-menu .promo-drop li li {
    padding-left: 0;
  }

  .header-menu .promo-drop ul ul {
    display: block;
  }

  .header-menu .promo-drop li {
    font-size: 1.6rem;
  }

  .header-menu .promo-drop li li {
    min-width: 200px;
    font-size: 1.4rem;
  }

  .drop-solutions ul ul {
    display: grid;
    gap: 0 16px;
    grid-template-columns: 205px 205px;
  }

  .header-promo-left {
    max-width: 200px;
    min-width: 200px;
    margin-right: 40px;
    background-color: #F6F6F6;
  }

  .header-promo-left .promo-title,
  .header-promo-btm .header-promo-link {
    color: #000000;
  }

  .header-promo-btm .header-promo-link {
    background-color: #F6F6F6;
    padding-left: 40px;
    padding-right: 40px;
  }

  .header-promo-btm .header-promo-link span {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  .header-menu ul ul ul {
    margin: 0;
    padding: 0;
  }

  .header-menu a {
    padding: 7px 0;
  }

  .header-menu a.header-cta {
    color: #ffffff;
    display: block;
    position: relative;
    transition: opacity .25s linear;
    font: 700 1.4rem/2.4rem Poppins,Arial,Helvetica,sans-serif;
    padding: 10px 20px;
    text-align: center;
    background-color: #000000;
  }

  .header-menu .hs_cos_wrapper_type_cta,
  .header-menu .hs_cos_wrapper_type_cta span {
    display: block;
  }

  .header-menu a.header-cta:hover {
    opacity: 0.8;
  }

  .header-menu li li {
    float: none;
    text-align: left;
    white-space: nowrap;
    margin-right: 0;
    margin-top: 6px;
  }
  
  .header-menu li:nth-child(2) li,
  .header-menu li:nth-child(3) li {
    font-weight: bold;
  }
  
  .header-menu li:nth-child(2) li li,
  .header-menu li:nth-child(3) li li {
    font-weight: normal;
  }
  
  /* .header-menu li li li a::before {
    content: "> ";
  } */

  .header-menu li li a {
    color: #5D5D5D;
    display: block;
    padding: 8px 15px 8px 8px;
  }

  .header-menu li:nth-child(2) li a,
  .header-menu li:nth-child(3) li a {
    color: #000000;
  }

  .header-menu li:nth-child(2) li li a,
  .header-menu li:nth-child(3) li li a {
    color: #5D5D5D;
  }
  
  .header-menu li li.hs-item-has-children > a {
    /* color: #000000 !important; */
  }

  .header-menu .show-drop > a,
  .header-menu a:hover {
    color: #b0b0b0;
  }

  .header-menu li li.active a,
  .header-menu li li a:hover {
    color: #5D5D5D;
    background-color: #F6F6F6;
  }

  .header-menu li li.active {
    font-weight: bold;
  }

  .header-menu .show-drop > a::after,
  .header-menu a:hover::after {
    border-top-color: #ffffff;
  }

  .icon-desktop-hide {
    display: none;
  }

  .header-icon img:not(.icon-desktop-hide) {
    display: inline-block;
  }
}

@media screen and (min-width: 1200px) {
/*   .header-menu li {
    margin-right: 34px;
  }

  .header-menu li li {
    margin-right: 0;
  } */
}

/*****************************************/
/* CUSTOM SCROLLBAR IN LIGHBOX           */
/*****************************************/

/* width */
.popup-holder ::-webkit-scrollbar {
    width: 10px;
}
  
/* button */
.popup-holder ::-webkit-scrollbar-button {
    background: #C4C9CF;
    border-radius: 5px;
}
  
/* Handle */
.popup-holder ::-webkit-scrollbar-thumb {
    background: #C4C9CF;
    border-radius: 5px;
}
  
/* Handle on hover */
.popup-holder ::-webkit-scrollbar-thumb:hover {
    background: #333;
}
  
/* Track */
.popup-holder ::-webkit-scrollbar-track {
    background: #EEF0F5;
    border-radius: 5px;
}
  
/* The track NOT covered by the handle */
.popup-holder ::-webkit-scrollbar-track-piece {
    background: #000;
}
  
/* Corner */
.popup-holder ::-webkit-scrollbar-corner {
    background: #999;
}
  
/* Resizer */
.popup-holder ::-webkit-resizer {
    background: #111;
}

.popup-frame {
  padding: 24px;
}

.popup-frame h3 {
  line-height: 1.3636;
}

@media screen and (min-width: 992px) {
  .popup-frame {
    padding: 40px;
  }
}

/*****************************************/
/* PROMO                                 */
/*****************************************/

.promo-frame {
  padding-top: 45px;
  padding-bottom: 55px;
}

.promo h2 {
  font-size: 2.4rem;
  line-height: 1.6667;
  margin-bottom: 2.5rem;
}

@media screen and (min-width: 992px) {
  .promo-frame {
    padding-top: 75px;
    padding-bottom: 85px;
  }
}

@media screen and (min-width: 1200px) {
  .promo-frame {
    padding-top: 95px;
    padding-bottom: 105px;
  }
}

/*****************************************/
/* Advantages                            */
/*****************************************/

.decor {
  content: "";
  position: absolute;
  width: 60px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.6 190.3'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Cpath d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath d='M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath d='M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath d='M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2'/%3E%3Cpath d='M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath d='M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath d='M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath d='M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.advantages .decor {
  bottom: 100%;
  left: 10px;
  margin-bottom: 10px;
}

.decor + h1,
.decor + h2,
.decor + h3,
.decor + h4,
.decor + h5,
.decor + h6 {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .decor {
    width: 90px;
    height: 160px;
  }

  .advantages .decor {
    bottom: auto;
    left: auto;
    right: 100%;
    margin-right: 40px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1200px) {
  .advantages .decor {
    margin-right: 86px;
  }
}

.advantages {
  padding-top: 65px;
  padding-bottom: 45px;
  font-size: 16px;
  line-height: 1.4375;
}

.advantages ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.advantages li {
  padding-top: 24px;
}

.advantages h2 {
  max-width: 470px;
  font-size: 24px;
  line-height: 1.4583;
  margin-bottom: 44px;
}

.two-cols {
  margin-top: -24px;
  overflow: hidden;
}

.two-cols h3 {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .two-cols {
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
    overflow: hidden;
  }

  .two-cols ul {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media screen and (min-width: 992px) {
  .advantages {
    padding-top: 75px;
    padding-bottom: 85px;
  }
}

@media screen and (min-width: 1200px) {
  .advantages {
    padding-top: 144px;
    padding-bottom: 173px;
  }
}

/*****************************************/
/* Footer                                */
/*****************************************/

.footer {
  padding-top: 40px !important;
  padding-bottom: 40px;
}

.footer h3 {
  font-size: 1.8rem;
  line-height: 1.6667;
  margin-bottom: 2.6rem;
}

.footer-text {
  font-size: 1.3rem;
  line-height: 1.4615;
}

.footer-menu {
  font-size: 1.3rem;
  line-height: 1.6923;
  border-top: 1px solid #ffffff;
  margin: 28px 0 0;
}

.footer-col {
  padding-top: 28px;
}

.menu-btm {
  padding-top: 20px;
  font-size: 1.2rem;
}

.footer-menu ul,
.menu-btm ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-menu a,
.menu-btm a {
  color: #ffffff;
  text-decoration: none;
  transition: color .25s linear;
}

.menu-btm li {
  display: inline-block;
  vertical-align: top;
}

.menu-btm a {
  text-decoration: underline;
}

.footer-menu .active a,
.footer-menu a:hover {
  color: #b0b0b0;
}

.footer-socials {
  margin-top: 4rem;
}

.footer-socials .socials {
  display: inline-block;
  vertical-align: top;
}

.copy {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 4rem;
}

.icons--lg .icon-tw-light,
.icons--lg .icon-in-light {
  width: 48px;
  height: 48px;
}

.icons--lg .icon-tw-light::after {
  width: 22px;
  height: 22px;
  margin-top: -11px;
  margin-left: -11px;
}

.icons--lg .icon-in-light::after {
  width: 26px;
  height: 26px;
  margin-top: -14px;
  margin-left: -13px;
}

@media screen and (min-width: 768px) {
  .footer {
    padding-top: 60px !important;
    padding-bottom: 60px;
  }
  
  .footer-menu {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
  }

  .footer-col {
    width: 44%;
    padding-left: 30px;
  }
  
  .footer-col:nth-child(2n) {
    width: 56%;
  }
  
  /* .footer-menu li {
    white-space: nowrap;
  } */
}

@media screen and (min-width: 992px) {
  .footer {
    padding-top: 90px !important;
    padding-bottom: 80px;
  }

  .footer .logo {
    padding-top: 0;
    margin-bottom: 5rem;
  }

  .footer-text {
    padding-top: 6px;
  }

  .footer-socials {
    margin-top: 2.8rem;
  }

  .footer-menu {
    margin-left: -50px;
  }

  .footer-col {
    padding-left: 50px;
  }

  .copy {
    margin-top: 60px;
  }
}

/*****************************************/
/* HOME                                  */
/*****************************************/

/*****************************************/
/* HERO SECTION                          */
/*****************************************/

.globe,
.globe-copy {
  padding-bottom: 3.5rem;
}

.globe-video {
  z-index: 50;
  position: relative;
  max-width: 540px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .globe h1 {
    font-size: 5.8rem;
    line-height: 7rem;
    margin-bottom: 3.2rem;
  }

  .globe-copy {
    padding-right: 10px;
  }

  .globe-copy p + p {
    margin-top: 3.6rem;
  }
}

@media screen and (min-width: 992px) {
  .globe-video {
    max-width: none;
    margin: 0 -40px;
  }

  .globe-copy {
    position: relative;
    padding-bottom: 120px;
    font-size: 2rem;
    line-height: 1.7;
  }

  .globe-copy::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 6px;
    width: 90px;
    height: 90px;
    transform: rotate(-90deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.6 190.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
}

@media screen and (min-width: 1200px) {
  .globe-copy {
    padding-bottom: 180px;
  }

  .globe-copy::after {
    width: 144px;
    height: 144px;
  }
}

.video-holder {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* opacity: 0; */
  transition: opacity .3s ease;
  pointer-events: none;
}

.bg-video.show {
    opacity: 1;
}

/* .globe-video ::-webkit-media-controls {
  display: none !important;
} */

.globe-overlay {
  z-index: 100;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background-color: transparent;
  animation-duration: 10s;
  animation-name: show-dots;
}

.dots-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dots-list .dot {
  z-index: 10;
  position: absolute;
  width: 4.9%; /* 53px */
  height: 4.9%;
  background-color: transparent;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

.dot-1 {
  top: 45.3%;
  left: 7.5%;
}
.dot-2 {
  top: 52.43%;
  left: 8.72%;
}
.dot-3 {
  top: 62.79%;
  left: 14.646%;
}
.dot-4 {
  top: 35.4%;
  left: 41.58%;
}
.dot-5 {
  top: 23.65%;
  left: 47.8%;
}
.dot-6 {
  top: 20.67%;
  right: 30.88%;
}
.dot-7 {
  top: 16.3%;
  right: 20.82%;
}
.dot-8 {
  top: 27.907%;
  right: 18.76%;
}

.globe-popup {
  z-index: 20;
  color: #fff;
  position: absolute;
  bottom: 17%;
  right: 0;
  width: 214px;
  min-height: 114px;
  border: 3px solid #fff;
  padding: 10px 14px;
  opacity: 0;
  transition: opacity .25s ease-in;
  visibility: hidden;
  font-size: 1.4rem;
  line-height: 1.2;
  background: transparent;
}

.globe-popup h3 {
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 .2rem;
}

.globe-popup p + p {
  margin-top: .2rem;
}

.close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-decoration: none;
  text-indent: -9999px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.43 15.43'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:.81px%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='m.29.29 14.85 14.85M15.14.29.29 15.14'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.show-popup .globe-popup {
  opacity: 1;
  visibility: visible;
}

a.source {
  color: inherit;
  font-size: .8em;
}

a.source:hover {
  text-decoration: none;
}

@media screen and (min-width: 375px) {
  .globe-popup {
    width: 236px;
    min-height: 140px;
    font-size: 1.6rem;
  }

  .globe-popup h3 {
    margin-bottom: 0.5em;
  }

  .globe-popup p + p {
    margin-top: 0.5em;
  }

  .close {
    top: 16px;
    right: 16px;
  }
}

@media screen and (min-width: 640px) {
  .globe-popup {
    width: 316px;
    min-height: 196px;
    padding: 24px 30px;
    font-size: 2rem;
  }

  .close {
    top: 24px;
    right: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .globe-popup {
    bottom: 24%;
  }
}

@keyframes show-dots {
  0% {
      width: 100%;
      height: 100%;
  }
  100% {
      width: 0;
      height: 0;
  }
}

/*****************************************/
/* TESTIMONIAL INTRO                     */
/*****************************************/

.testiintro-frame {
  padding-top: 5rem;
  padding-bottom: 9rem;
  text-align: center;
}

.prevtext {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.66667;
  margin-bottom: 4rem;
}

.testi {
  font-size: 1.4rem;
  line-height: 1.71429;
  background-color: #f1f1f1;
}

.testi-frame {
  max-width: 650px;
  margin: 0 auto;
  padding: 30px 15px;
}

.testi-frame h3 {
  line-height: 1.5;
}

.testi cite {
  display: block;
  font-weight: 700;
  font-style: normal;
  margin: 7px 0 0;
}

@media screen and (min-width: 992px) {
  .testiintro-frame {
    padding-top: 75px;
    padding-bottom: 120px;
  }

  .prevtext {
    font-size: 2.4rem;
    margin-bottom: 6.8rem;
  }

  .testi-frame {
    padding-top: 56px;
    padding-bottom: 47px;
  }
}

@media screen and (min-width: 1200px) {
  .testiintro-frame {
    padding-top: 90px; /* 144px */
    padding-bottom: 140px;
  }
}

/*****************************************/
/* BOXES                                 */
/*****************************************/

.boxes {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-color: #f1f1f1;
}

.boxes::before {
  content: "";
  position: absolute;
  top: -51px;
  left: 50%;
  width: 52px;
  height: 84px;
  margin-left: -26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90.39 142.62'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Cpath d='M1.52 142.62a1.48 1.48 0 1 1 0-3 1.48 1.48 0 1 1 0 3'/%3E%3Cpath d='M1.52 142.62a1.48 1.48 0 1 1 0-3 1.48 1.48 0 1 1 0 3M1.52 107.7a1.47 1.47 0 1 1 0-2.94 1.47 1.47 0 1 1 0 2.94'/%3E%3Cpath d='M1.52 107.7a1.47 1.47 0 1 1 0-2.94 1.47 1.47 0 1 1 0 2.94M1.52 72.79a1.48 1.48 0 1 1 0-3 1.48 1.48 0 1 1 0 3'/%3E%3Cpath d='M1.52 72.79a1.48 1.48 0 1 1 0-3 1.48 1.48 0 1 1 0 3M1.52 37.86a1.47 1.47 0 1 1 0-2.94 1.47 1.47 0 1 1 0 2.94'/%3E%3Cpath d='M1.52 37.86a1.47 1.47 0 1 1 0-2.94 1.47 1.47 0 1 1 0 2.94M1.52 2.94A1.49 1.49 0 0 1 0 1.47 1.5 1.5 0 0 1 1.52 0 1.5 1.5 0 0 1 3 1.47a1.49 1.49 0 0 1-1.48 1.47'/%3E%3Cpath d='M1.52 2.94A1.49 1.49 0 0 1 0 1.47 1.5 1.5 0 0 1 1.52 0 1.5 1.5 0 0 1 3 1.47a1.49 1.49 0 0 1-1.48 1.47M30.64 142.62a1.48 1.48 0 1 1 1.51-1.47 1.5 1.5 0 0 1-1.51 1.47'/%3E%3Cpath d='M30.64 142.62a1.48 1.48 0 1 1 1.51-1.47 1.5 1.5 0 0 1-1.51 1.47M30.64 107.7a1.47 1.47 0 1 1 1.51-1.47 1.5 1.5 0 0 1-1.51 1.47'/%3E%3Cpath d='M30.64 107.7a1.47 1.47 0 1 1 1.51-1.47 1.5 1.5 0 0 1-1.51 1.47M30.64 72.79a1.48 1.48 0 1 1 1.51-1.48 1.5 1.5 0 0 1-1.51 1.48'/%3E%3Cpath d='M30.64 72.79a1.48 1.48 0 1 1 1.51-1.48 1.5 1.5 0 0 1-1.51 1.48M30.64 37.86a1.47 1.47 0 1 1 1.51-1.47 1.5 1.5 0 0 1-1.51 1.47'/%3E%3Cpath d='M30.64 37.86a1.47 1.47 0 1 1 1.51-1.47 1.5 1.5 0 0 1-1.51 1.47M30.64 2.94a1.49 1.49 0 0 1-1.52-1.47 1.52 1.52 0 0 1 3 0 1.48 1.48 0 0 1-1.51 1.47'/%3E%3Cpath d='M30.64 2.94a1.49 1.49 0 0 1-1.52-1.47 1.52 1.52 0 0 1 3 0 1.48 1.48 0 0 1-1.51 1.47M59.75 142.62a1.48 1.48 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47'/%3E%3Cpath d='M59.75 142.62a1.48 1.48 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47M59.75 107.7a1.47 1.47 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47'/%3E%3Cpath d='M59.75 107.7a1.47 1.47 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47M59.75 72.79a1.48 1.48 0 1 1 1.52-1.48 1.5 1.5 0 0 1-1.52 1.48'/%3E%3Cpath d='M59.75 72.79a1.48 1.48 0 1 1 1.52-1.48 1.5 1.5 0 0 1-1.52 1.48M59.75 37.86a1.47 1.47 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47'/%3E%3Cpath d='M59.75 37.86a1.47 1.47 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47M59.75 2.94a1.49 1.49 0 0 1-1.52-1.47 1.52 1.52 0 0 1 3 0 1.49 1.49 0 0 1-1.52 1.47'/%3E%3Cpath d='M59.75 2.94a1.49 1.49 0 0 1-1.52-1.47 1.52 1.52 0 0 1 3 0 1.49 1.49 0 0 1-1.52 1.47M88.87 142.62a1.48 1.48 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47'/%3E%3Cpath d='M88.87 142.62a1.48 1.48 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47M88.87 107.7a1.47 1.47 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47'/%3E%3Cpath d='M88.87 107.7a1.47 1.47 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47M88.87 72.79a1.48 1.48 0 1 1 1.52-1.48 1.5 1.5 0 0 1-1.52 1.48'/%3E%3Cpath d='M88.87 72.79a1.48 1.48 0 1 1 1.52-1.48 1.5 1.5 0 0 1-1.52 1.48M88.87 37.86a1.47 1.47 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47'/%3E%3Cpath d='M88.87 37.86a1.47 1.47 0 1 1 1.52-1.47 1.5 1.5 0 0 1-1.52 1.47M88.87 2.94a1.49 1.49 0 0 1-1.52-1.47 1.52 1.52 0 0 1 3 0 1.49 1.49 0 0 1-1.52 1.47'/%3E%3Cpath d='M88.87 2.94a1.49 1.49 0 0 1-1.52-1.47 1.52 1.52 0 0 1 3 0 1.49 1.49 0 0 1-1.52 1.47'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media screen and (min-width: 992px) {
  .boxes::before {
    top: -72px;
    width: 70px;
    height: 118px;
    margin-left: -35px;
  }
}

@media screen and (min-width: 1200px) {
  .boxes::before {
    top: -89px;
    width: 92px;
    height: 144px;
    margin-left: -46px;
  }
}

.sub-headline {
  max-width: 550px;
  margin: 0 auto 3.9rem;
  font-size: 1.9rem;
  line-height: 1.5789;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .slider .sub-headline {
    margin-bottom: 0;
  }
}

.sub-headline--mb-lg {
  max-width: none;
}

.sub-headline h2 {
  margin-bottom: 1.4rem;
}

.sub-headline h2:last-child {
  margin-bottom: 0;
}

.boxes-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: -20px -9px 0;
  overflow: hidden;
}

.box {
  width: 175px;
  margin: 20px 9px 0;
}

.box a {
  display: block;
  text-decoration: none;
}

.box-pic {
  margin: 0 0 .7rem;
}

.box-pic img {
  display: block;
}

.box--inactive * {
  cursor: default;
}

.box--inactive .box-pic {
  position: relative;
}

.box--inactive .box-pic::after {
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: .5;
}

.box--inactive .box-soon {
  z-index: 4;
  color: #ffffff;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}

.box-title {
  position: relative;
  display: flex;
  min-height:46px;
  color: #ffffff;
  background: #000000;
  align-items: center;
  padding: 8px 20px 8px 12px;
  font-size: 1.1rem;
  line-height: 1.25;
  transition: background-color .25s linear;
}

.box-title strong {
  display: block;  
}

.box-title strong::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 8px;
  height: 14px;
  margin-top: -6px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.76 12.04'%3E%3Cg data-name='Layer 2'%3E%3Cpath style='fill:%23fff' d='M1.74 12.04 0 10.31l4.29-4.29L0 1.74 1.74 0l6.02 6.02-6.02 6.02z' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.box--inactive .box-title strong {
  opacity: .5;
}

.box a:hover .box-title {
  background-color: #b0b0b0;
}

@media screen and (min-width: 992px) {
  .boxes {
    padding-top: 75px;
    padding-bottom: 85px;
  }

  .sub-headline h2 {
    font-size: 3.9rem;
    line-height: 1;
  }

  .sub-headline--mb-lg {
    margin-bottom: 6rem;
  }
}

@media screen and (min-width: 1200px) {
  .boxes {
    padding-top: 114px; /* 168px */
    padding-bottom: 140px;
  }

  .sub-headline--mb-lg {
    margin-bottom: 7.1rem;
  }
}

/*****************************************/
/* CAROUSEL                              */
/*****************************************/

.carousel {
  padding-top: 5rem;
  padding-bottom: 5rem;
  font-size: 1.3rem;
  line-height: 1.7692;
}

.js-carousel {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  transition: opacity .25s linear;
  opacity: 0;
}

.js-carousel.slick-initialized {
  display: block;
  opacity: 1;
}

.js-carousel .slick-arrow {
  width: 22px;
  height: 40px;
}

.js-carousel .slick-prev {
  left: -42px;
}

.js-carousel .slick-next {
  right: -42px;
}

.carousel-slide {
  padding-left: 10px;
  padding-right: 10px;
}

.carousel-slide > a {
  color: inherit;
  display: block;
  transition: opacity .25s linear;
  text-decoration: none;
}

.carousel-slide > a:hover {
  opacity: .8;
}

.carousel-pic {
  margin-bottom: 2.8rem;
}

.carousel-pic img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

.carousel-pic--frame {
  padding-top: 60%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.carousel-title {
  font-weight: 700;
  display: block;
}

.carousel-description {
  display: block;
  font-style: normal;
}

.carousel-label {
  display: block;
  text-transform: uppercase;
  font-weight: 700;
}

@media screen and (min-width: 992px) {
  .carousel {
    padding-top: 75px;
    padding-bottom: 85px;
  }

  .carousel-frame {
    padding-left: 56px;
    padding-right: 56px;
  }

  .js-carousel {
    margin-left: -15px;
    margin-right: -15px;
  }

  .carousel-slide {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 1200px) {
  .carousel {
    padding-top: 138px;
    padding-bottom: 183px;
  }
}

/*****************************************/
/* NEWS PAGE                             */
/*****************************************/

.archive {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.archive-action {
  max-width: 618px;
  margin: 0 auto;
}

.archive-action .btn {
  display: block;
}

.btn-plain {
  color: #939598;
  background-color: #ffffff;
  border-radius: 2.7rem;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 2.4rem;
}

@media screen and (min-width: 992px) {
  .archive {
    padding-top: 75px;
    padding-bottom: 85px;
  }

  .btn-plain {
    font-size: 2.2rem;
    line-height: 2.9rem;
  }
}

@media screen and (min-width: 1200px) {
  .archive {
    padding-top: 113px;
    padding-bottom: 130px;
  }
}


/*****************************************/
/* ARTICLES                              */
/*****************************************/

.articles-frame {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.article-featured {
  position: relative;
}

.article-link {
  color: inherit;
  display: block;
  text-decoration: none;
}

.articles.bg-black .article-link:hover {
  color: #fff;
}

.article-img {
  z-index: 1;
  position: relative;
}

.article-img::before,
.article-img::after {
  content: "";
  position: absolute;
}

.article-img::before {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .5;
  transition: opacity .25s linear;
}

.article-img::after {
  z-index: 3;
  top: -56px;
  left: 7.5269%;
  width: 12.3656%;
  height: 144px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.6 190.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

/* @media screen and (min-width: 768px) {
  .article-img::after {
    width: 12.3656%;
    height: 144px;
  }
} */

.article-link:hover .article-img::before {
  opacity: .35;
}

.article-img img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-width: none;
}

.article-headline {
  position: relative;
  font-size: 1.5rem;
}

.article-tag {
  z-index: 5;
  position: absolute;
  left: 2rem;
  bottom: 100%;
  margin-bottom: 2rem;
}

.article-title {
  font-size: 1.3em;
  line-height: 1.615385;
  margin: 0;
  text-decoration: underline;
  padding-top: 2.4rem;
  margin-bottom: 4rem;
}

@media screen and (min-width: 576px) {
  .article-featured {
    margin-bottom: 4rem;
  }

  .article-headline {
    z-index: 5;
    position: absolute;
    left: 0;
    bottom: 2.4rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }

  .article-tag {
    display: block;
    position: static;
  }

  .article-title {
    padding-top: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .article-featured {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .article-headline {
    bottom: 50px;
    max-width: 670px;
    font-size: 2rem;
    padding-left: 52px;
    padding-right: 52px;
  }

  .article-tag {
    margin-bottom: 4rem;
  }
}

.article-link:hover .article-title {
  text-decoration: none;
}

.article-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.article-list h3 {
  font-size: 1.7rem;
  line-height: 2.3rem;
  margin: 0;
}

.article-list a {
  color: #ffffff;
  text-decoration: none;
}

.article-list li {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 4px solid #ffffff;
  font-size: 1.3rem;
  line-height: 2.3rem;
}

.article-list li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.article-list .more {
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  transition: color .25s linear;
}

.article-list a:hover .more {
  color: #b0b0b0;
}

@media screen and (min-width: 992px) {
  .articles-frame {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .article-list li {
    padding-top: 4rem;
  }
}

@media screen and (min-width: 1200px) {
  .articles-frame {
    padding-top: 140px;
    padding-bottom: 90px;
  }
}

/* fixes */
.buttons-action {
  margin-left: -1rem;
  margin-right: -1rem;
  overflow: hidden;
  padding-top: 1.4rem;
}

.buttons-action > * {
  display: inline-block;
  vertical-align: top;
  margin: 1rem 1rem 0;
}

.hs_cos_gallery_main {
  font-size: 1.4rem;
}

.hs_cos_gallery_main.slick-slider {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .hs_cos_gallery_main.slick-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .hs_cos_gallery_main.slick-slider .slick-arrow {
    display: none !important;
  }
}

@media screen and (max-width: 575px) {
  .buttons-action > * {
    display: block;
  }
  .buttons-action a {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .iframe-784 {
    height: 800px;
  }
  
  .iframe-221 {
    height: 237px;
  }
  
  .iframe-620 {
    height: 636px;
  }
}
@media screen and (min-width: 768px) {
  .iframe-holder {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.popup iframe {
  width: 100% !important;
}

/* blog pages */
.blog-listing-wrapper {
  padding-bottom: 4rem;
}

.read-more {
  font-size: .9em;
}

.read-more a {
  display: inline-block;
  vertical-align: top;
}

/* .read-more a::after {
  content: "\2192";
  display: inline-block;
  vertical-align: middle;
  margin-left: .4rem;
} */

.blog-intro {
  padding: 3rem 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.blog-section img {
  max-width: 100%;
  height: auto;
}

.blog-img {
  max-width: 40%;
  float: right;
  margin: 0 0 2.4rem 2.4rem;
}

.blog-img img {
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .blog-intro {
    padding: 4rem 0;
  }
}

/* post grid */
.post-grid {
  margin-top: -3rem;
  overflow: hidden;
}

.post-grid .row > div {
  margin-top: 3rem;
}

.post-item {
  font-size: 1.4rem;
  line-height: 1.7143;
  background-color: #f0f0f0;
}

.post-image-wrapper {
  position: relative;
  overflow: hidden;
}

.post-image-link {
  overflow: hidden;
  display: block;
  padding-top: 67.1875%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: opacity .25s linear;
}

.post-image-link:hover {
  opacity: .9;
}

.post-image-link img {
  position: absolute;
  left: -9999px;
  top: 0;
}

.post-body {
  padding: 2.4rem 2rem;
}

.post-body p {
  margin: 0;
}

.posts-holder .post-header {
  margin-bottom: .8rem;
}

.posts-holder .post-header h3 {
  margin-bottom: 0;
}

.post-header h3 a,
.post-item .more-link {
  color: #000;
  text-decoration: none;
  transition: color .25s linear;
}

.post-item .more-link {
  font-weight: 600;
  text-transform: uppercase;
}

.post-header h3 a:hover,
.post-item .more-link:hover {
  color: #b0b0b0;
}

.post-topics {
  font-size: .9em;
}

.post-copy h2 {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

@media screen and (min-width: 375px) {
  .post-image-link {
    padding-top: 215px;
  }

  .post-item {
    position: relative;
    min-height: 100%;
  }

  .post-copy {
    padding-bottom: 2.8rem;
  }

  .post-item .more-link {
    position: absolute;
    left: 2rem;
    bottom: 2.4rem;
    white-space: nowrap;
  }
}

@media screen and (min-width: 768) {
  .post-body {
    padding: 3.2rem;
  }

  .post-header h3 {
    font-size: 3.2rem;
    line-height: 4.7rem;
  }

  .post-item .more-link {
    left: 3.2rem;
  }
}

@media screen and (min-width: 1200px) {
  .blog-listing-wrapper {
    padding-bottom: 6rem;
  }

  .post-grid {
    margin-top: -6rem;
  }

  .post-grid .row {
    margin-left: -35px;
    margin-right: -35px;
  }

  .post-grid .row > div {
    margin-top: 6rem;
    padding-left: 35px;
    padding-right: 35px;
  }
}

.blog-pagination .more {
  min-height: 5rem;
  position: relative;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.4rem;
  background-color: #f0f0f0;
  margin-top: 0;
}

.blog-pagination .loading,
.blog-pagination .load-more {
  padding: 1.3rem 1rem;
}

.blog-pagination .load-more {
  display: block;
  transition: color .25s linear;
}

.blog-pagination .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* fix video in content */
.hs-video-widget {
  clear: both;
  width: 100%;
}

/* news blog */
.blog-body blockquote {
  margin-top: 2rem;
  margin-bottom: 0;
}

.blog-body blockquote:first-child {
  margin-top: 0;
}

.posts-holder {
  margin-left: -8px;
  margin-right: -8px;
}

.post-grid.posts--list-view,
.post-grid.posts--grid-view {
  margin-top: 0;
}

.posts--list-view .post-item,
.posts--grid-view .post-item {
  width: calc(100% - 16px);
  margin: 0 8px 1.6rem;
}

.posts--list-view .post-image-wrapper {
  display: none;
  /* margin: 2.4rem 2.4rem 0; */
}

.posts--grid-view .post-image-link {
  padding-top: 45.83335% !important;
  /* padding-top: 45.7143%; */
}

.posts--list-view .post-copy {
  padding-bottom: 0;
}

.posts--list-view .post-item .more {
  margin-top: 0.6rem;
}

.posts--list-view .post-item .more-link {
  position: static;
}

/* .posts--list-view.grid-view .post-item {
  width: 50%;
} */

@media screen and (min-width: 375px) {
  .posts--grid-view .post-item,
  .posts--list-view .post-item {
    display: block;
    min-height: auto;
  }
}

@media screen and (min-width: 576px) {
  /* .posts--list-view .post-frame {
    display: flex;
  } */

  /* .posts--list-view .post-image-wrapper {
    display: none;
    min-width: 45%;
    max-width: 45%;
    margin: 0;
  } */

  /* .posts--list-view .post-image-link,
  .posts--list-view .post-body {
    display: flex;
    min-height: 100%;
  } */

  /* .posts--list-view .post-body {
    position: relative;
    flex-direction: column;
    border-left: 16px solid #ffffff;
  } */
  .posts--grid-view {
    display: flex;
    flex-wrap: wrap;
  }

  /* .posts--list-view .post-copy {
    padding-bottom: 2.4rem;
  } */

  /* .posts--list-view .post-item .more {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    margin-top: 0;
  } */
  .posts--grid-view .post-item {
    flex: 0 0 auto;
    width: calc(50% - 16px);
  }
  
  .posts--grid-view .post-body {
    min-height: 274px;
  }
}

@media screen and (min-width: 992px) {
  .posts--list-view .post-body {
    padding: 2.5rem 4rem;
  }

  .posts-holder {
    margin-left: -16px;
    margin-right: -16px;
  }

  .posts--list-view .post-item,
  .posts--grid-view .post-item {
    margin: 0 16px 3.2rem;
  }
  
  .posts--list-view .post-item {
    width: calc(100% - 32px);
  }
  
  .posts--grid-view .post-item {
    width: calc(50% - 32px);
  }

  /* .posts--list-view .post-item .more {
    left: 4rem;
  } */
  /* 
  .posts--list-view .post-image-wrapper {
    min-width: 359px;
    max-width: 359px;
  } */
}

.blog-section .hide-on-article-page {
  display: none;
}

/* aside */
.aside-col {
  background-color: #f0f0f0;
  margin: 0 -20.0px 3rem;
  padding: 3rem 20.0px;
}

@media screen and (min-width: 768px) {
  .aside-col {
    margin-left: -40.0px;
    margin-right: -40.0px;
    padding-left: 40.0px;
    padding-right: 40.0px;
  }
}

@media screen and (min-width: 992px) {
  .cols-holder {
    position: relative;
    padding: 60px 0 100px;
  }
  .cols-holder::before {
    content: "";
    position: absolute;
    top: 0;
    left: -99999px;
    right: 100%;
    margin-right: -274px;
    height: 100%;
    background-color: #f0f0f0;
  }
  .cols-holder::after {
    content: "";
    display: block;
    clear: both;
  }
  .aside-col {
    position: relative;
    float: left;
    width: 274px;
    background-color: transparent;
    padding: 0 24px 0 0;
    margin: 0;
  }
  .main-col {
    position: relative;
    float: right;
    width: calc(100% - 314px); 
  }
}

@media screen and (min-width: 1200px) {
  .cols-holder {
    padding: 10rem 0 14rem;
  }
  .aside-col {
    padding-right: 60px;
  }
  .main-col {
    width: calc(100% - 352px); 
  }
}

.filter-form fieldset {
  display: block;
}

.filter-form .search {
  margin: 0 0 2.4rem;
}

.buttons-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.buttons-list button {
  width: 100%;
  position: relative;
  color: #000000;
  display: block;
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: .5rem 0;
  transition: color .25s linear;
  text-align: left;
}

.buttons-list button.button-active,
.buttons-list button:hover {
  color: #000000;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .buttons-list button {
    display: none;
    opacity: 0;
    visibility: hidden;
  }

  .buttons-list.show-all button,
  .buttons-list button.button-active {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}

.filter-bar {
  width: 100%;
  overflow: hidden;
  padding-top: 3px;
  margin-bottom: 4rem;
}

.filter-bar .search-form {
  width: 100%;
  text-align: left;
}

@media screen and (min-width: 375px) {
  .filter-bar .search-form {
    float: left;
    width: calc(100% - 100px);
  }
}

@media screen and (min-width: 768px) {
  .filter-bar .search-form {
    width: 60%;
  }
}

@media screen and (min-width: 992px) {
  .filter-bar {
    margin-bottom: 6rem;
  }
}

.filter-bar .search-form input {
  width: 100% !important;
  background-color: #f0f0f0 !important;
}

.view-switcher {
  float: right;
  margin: 0 0 2.4rem;
  padding: 0;
  list-style: none;
  overflow: hidden;
  text-align: right;
}

@media screen and (min-width: 375px) {
  .view-switcher {
    float: right;
    margin-bottom: 0;
  }
}

.view-switcher li {
  display: inline-block;
  vertical-align: top;
}

.view-switcher a {
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
  border: 3px solid #fff;
  transition: border-color .25s linear;
  text-decoration: none;
  border-radius: 10px;
  text-indent: -99999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}

.view-switcher a.button-active {
  border-color: #c8c8c8;
}

.view-switcher a::before,
.view-switcher a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: opacity .25s linear;
}

.view-switcher a::after {
  opacity: 0;
}

.view-switcher a.button-active::before,
.view-switcher a:hover::before {
  opacity: 0;
}

.view-switcher a.button-active::after,
.view-switcher a:hover::after {
  opacity: 1;
}

.link-grid::before,
.link-grid::after {
  top: 6px;
  left: 6px;
  width: 27px;
  height: 27px;
}

.link-grid::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.26 26.44'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23f1f1f1%7D%3C/style%3E%3C/defs%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath d='M9.16 3c.15 0 .27.12.27.27v5.9c0 .15-.12.27-.27.27H3.27c-.15 0-.27-.12-.27-.27v-5.9c0-.15.12-.27.27-.27h5.9m0-3h-5.9C1.46 0 0 1.46 0 3.27v5.9c0 1.8 1.46 3.27 3.27 3.27h5.9c1.8 0 3.27-1.46 3.27-3.27v-5.9c0-1.8-1.46-3.27-3.27-3.27ZM22.99 3c.15 0 .27.12.27.27v5.9c0 .15-.12.27-.27.27h-5.9c-.15 0-.27-.12-.27-.27v-5.9c0-.15.12-.27.27-.27h5.9m0-3h-5.9c-1.8 0-3.27 1.46-3.27 3.27v5.9c0 1.8 1.46 3.27 3.27 3.27h5.9c1.8 0 3.27-1.46 3.27-3.27v-5.9c0-1.8-1.46-3.27-3.27-3.27ZM9.16 17.01c.15 0 .27.12.27.27v5.9c0 .15-.12.27-.27.27H3.27c-.15 0-.27-.12-.27-.27v-5.9c0-.15.12-.27.27-.27h5.9m0-3h-5.9c-1.8 0-3.27 1.46-3.27 3.27v5.9c0 1.8 1.46 3.27 3.27 3.27h5.9c1.8 0 3.27-1.46 3.27-3.27v-5.9c0-1.8-1.46-3.27-3.27-3.27ZM22.99 17.01c.15 0 .27.12.27.27v5.9c0 .15-.12.27-.27.27h-5.9c-.15 0-.27-.12-.27-.27v-5.9c0-.15.12-.27.27-.27h5.9m0-3h-5.9c-1.8 0-3.27 1.46-3.27 3.27v5.9c0 1.8 1.46 3.27 3.27 3.27h5.9c1.8 0 3.27-1.46 3.27-3.27v-5.9c0-1.8-1.46-3.27-3.27-3.27Z' class='d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.link-grid::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.26 26.44'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23c8c8c8%7D%3C/style%3E%3C/defs%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath d='M9.16 3c.15 0 .27.12.27.27v5.9c0 .15-.12.27-.27.27H3.27c-.15 0-.27-.12-.27-.27v-5.9c0-.15.12-.27.27-.27h5.9m0-3h-5.9C1.46 0 0 1.46 0 3.27v5.9c0 1.8 1.46 3.27 3.27 3.27h5.9c1.8 0 3.27-1.46 3.27-3.27v-5.9c0-1.8-1.46-3.27-3.27-3.27ZM22.99 3c.15 0 .27.12.27.27v5.9c0 .15-.12.27-.27.27h-5.9c-.15 0-.27-.12-.27-.27v-5.9c0-.15.12-.27.27-.27h5.9m0-3h-5.9c-1.8 0-3.27 1.46-3.27 3.27v5.9c0 1.8 1.46 3.27 3.27 3.27h5.9c1.8 0 3.27-1.46 3.27-3.27v-5.9c0-1.8-1.46-3.27-3.27-3.27ZM9.16 17.01c.15 0 .27.12.27.27v5.9c0 .15-.12.27-.27.27H3.27c-.15 0-.27-.12-.27-.27v-5.9c0-.15.12-.27.27-.27h5.9m0-3h-5.9c-1.8 0-3.27 1.46-3.27 3.27v5.9c0 1.8 1.46 3.27 3.27 3.27h5.9c1.8 0 3.27-1.46 3.27-3.27v-5.9c0-1.8-1.46-3.27-3.27-3.27ZM22.99 17.01c.15 0 .27.12.27.27v5.9c0 .15-.12.27-.27.27h-5.9c-.15 0-.27-.12-.27-.27v-5.9c0-.15.12-.27.27-.27h5.9m0-3h-5.9c-1.8 0-3.27 1.46-3.27 3.27v5.9c0 1.8 1.46 3.27 3.27 3.27h5.9c1.8 0 3.27-1.46 3.27-3.27v-5.9c0-1.8-1.46-3.27-3.27-3.27Z' class='d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.link-list::before,
.link-list::after {
  top: 10px;
  left: 5px;
  width: 29px;
  height: 18px;
}

.link-list::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.29 17.91'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23f1f1f1%7D%3C/style%3E%3C/defs%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath d='M26.79 3.01H5.86c-.83 0-1.5-.67-1.5-1.5S5.04 0 5.86 0h20.93c.83 0 1.5.67 1.5 1.5S27.62 3 26.79 3ZM26.79 10.44H5.86c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5h20.93c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5ZM26.79 17.87H5.86c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5h20.93c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5Z' class='d'/%3E%3Ccircle cx='1.47' cy='1.47' r='1.47' class='d'/%3E%3Ccircle cx='1.47' cy='8.97' r='1.47' class='d'/%3E%3Ccircle cx='1.47' cy='16.44' r='1.47' class='d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.link-list::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.29 17.91'%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%23c8c8c8%7D%3C/style%3E%3C/defs%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cpath d='M26.79 3.01H5.86c-.83 0-1.5-.67-1.5-1.5S5.04 0 5.86 0h20.93c.83 0 1.5.67 1.5 1.5S27.62 3 26.79 3ZM26.79 10.44H5.86c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5h20.93c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5ZM26.79 17.87H5.86c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5h20.93c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5Z' class='d'/%3E%3Ccircle cx='1.47' cy='1.47' r='1.47' class='d'/%3E%3Ccircle cx='1.47' cy='8.97' r='1.47' class='d'/%3E%3Ccircle cx='1.47' cy='16.44' r='1.47' class='d'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.blog-title {
  color: #ffffff;
  padding: 5rem 0;
  background: url('https://www.quantela.com/hubfs/Images/bg-blog-title.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.blog-title h2 {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .blog-title h2 {
    font-size: 5rem;
  }
}


@media screen and (min-width: 992px) {
  .blog-title {
    padding-top: 10.2rem;
    padding-bottom: 10.2rem;
  }

  .blog-title h2 {
    font-size: 8rem;
    line-height: 1.2;
  }
}

/* animated hero */
.animatedhero {
  position: relative;
}
.animatedhero h1 {
    font-size: 2.4rem;
  }
@media screen and (min-width: 768px) {
  .animatedhero h1 {
    font-size: 4.2rem;
    padding: 0 24px;
  }
}
@media screen and (min-width: 1200px) {
  .animatedhero h1 {
    font-size: 5.2rem;
  }
}
@media screen and (min-width: 1440px) {
  .animatedhero h1 {
    font-size: 7.2rem;
  }
  .animatedhero h1::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
/*     width: 52px;
    height: 84px;
    margin-top: -42px; */
    width: 90px;
    height: 160px;
    margin-top: -80px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.6 190.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 190.3a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 143.71a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 97.12a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93'/%3E%3Cpath class='cls-1' d='M2 50.52a2 2 0 1 1 0-3.93 2 2 0 1 1 0 3.93M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M2 3.93A2 2 0 0 1 0 2a2 2 0 0 1 2-2 2 2 0 0 1 2 2 2 2 0 0 1-2 2M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M40.88 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M79.73 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 190.3a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 143.71a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 97.12a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 50.52a2 2 0 1 1 2-2 2 2 0 0 1-2 2M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3Cpath class='cls-1' d='M118.58 3.93a2 2 0 0 1-2-2 2 2 0 0 1 4 0 2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
}
.animatedhero.pt-0 {
  padding-top: 0 !important;
}
.animatedhero .video-holder {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-top: 0;
}
.animatedhero .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.animatedhero-copy {
  z-index: 3;
  position: relative;
  color: #fff;
  text-align: center;
  padding: 80px 20px 170px;
}
.animatedhero-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 350px;
  position: relative;
}
.animatedhero .slick-arrow {
  margin-top: -72px;
}
@media screen and (min-width: 1025px) {
  .animatedhero .slick-arrow {
    opacity: 0;
    visibility: hidden;
  }
  
  .animatedhero:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
  }
}
.animatedhero .slick-prev {
  left: 10px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.9 83.31'%3E%3Cg data-name='Layer 2'%3E%3Cpath style='fill:none;stroke:%23ffffff;stroke-miterlimit:10;stroke-width:6px' d='M43.77 81.18 4.24 41.65 43.77 2.12' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.animatedhero .slick-next {
  right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.9 83.31'%3E%3Cg data-name='Layer 2'%3E%3Cpath style='fill:none;stroke:%23ffffff;stroke-miterlimit:10;stroke-width:6px' d='m2.12 2.12 39.53 39.53L2.12 81.18' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E") !important;
}
@media screen and (min-width: 768px) {
  .animatedhero-copy {
    padding: 140px 0;
  }
  .animatedhero .slick-arrow {
    margin-top: -26px;
  }
}
@media screen and (min-width: 1200px) {
  .animatedhero-copy {
    padding-top: 164px;
    padding-bottom: 164px;
  }
}
/* slideshow */
.slideshow {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #000000;
}
.js-slideshow,
.js-slideshow + div {
  opacity: 0;
  transition: opacity .5s linear;
  transition-delay: .25s;
}
.js-slideshow.slick-initialized,
.js-slideshow.slick-initialized + div {
  opacity: 1;
}
.slideshow .slide {
  position: relative;
}
.slideshow .video-opacity {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slideshow h1 {
  margin: 0;
}
/* counter */
.counter-section {
  float: left;
  width: 100%;
  margin: -100px 0 0;
  padding: 0 15px;
}
.counter-section::after {
  content: "";
  display: block;
  clear: both;
}
.counter-panel {
  color: #fff;
  z-index: 10;
  position: relative;
  border: 2px solid #fff;
  background-color: #000;
  padding: 20px;
}
.counter-item {
  margin: 24px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid #c0c0c0;
  text-align: center;
}
.counter-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.counter-value {
  display: block;
  font: 3rem/1 "neooxtogen108display88", Arial, Helvetica, sans-serif;;
  margin: 0 0 8px;
}
.counter-label {
  color: #808080;
  display: block;
  font: 700 1.6rem/1.181818 "Poppins", Arial, Helvetica, sans-serif;;
}
.icon-traffic,
.icon-carbon,
.icon-requests,
.icon-alerts {
  display: inline-block;
  vertical-align: top;
  width: 42px;
  height: 42px !important; /* 67px */
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
  margin: 0 0 30px;
}
.icon-traffic {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_2' viewBox='0 0 23.96 53.51'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath d='M22.96 53.51H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h21.96c.55 0 1 .45 1 1v51.51c0 .55-.45 1-1 1ZM2 51.51h19.96V2H2v49.51Z' class='cls-1'/%3E%3Cpath d='M11.98 18.12c-3.21 0-5.82-2.61-5.82-5.82s2.61-5.82 5.82-5.82 5.82 2.61 5.82 5.82-2.61 5.82-5.82 5.82Zm0-9.63a3.82 3.82 0 1 0 0 7.64 3.82 3.82 0 0 0 0-7.64ZM11.98 32.57c-3.21 0-5.82-2.61-5.82-5.82s2.61-5.82 5.82-5.82 5.82 2.61 5.82 5.82-2.61 5.82-5.82 5.82Zm0-9.63a3.82 3.82 0 1 0 0 7.64 3.82 3.82 0 0 0 0-7.64ZM11.98 47.02c-3.21 0-5.82-2.61-5.82-5.82s2.61-5.82 5.82-5.82 5.82 2.61 5.82 5.82-2.61 5.82-5.82 5.82Zm0-9.63a3.82 3.82 0 1 0 0 7.64 3.82 3.82 0 0 0 0-7.64Z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-carbon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60.36 60.36'%3E%3Cpath d='M30.18 0C13.54 0 0 13.54 0 30.18s13.54 30.18 30.18 30.18 30.18-13.54 30.18-30.18S46.82 0 30.18 0ZM57.7 29.5l-1.22.82a6.732 6.732 0 0 1-8.93-1.3 1.96 1.96 0 0 1 .12-2.66c1.49-1.49 1.78-3.8.69-5.62-1.82-3.03-5.72-4.16-8.88-2.58l-1.19.6c-1.32.66-2.86-.3-2.86-1.76 0-4.63 3.32-8.53 7.9-9.26l2.2-.35s.05-.02.07-.03c7.14 4.84 11.88 12.94 12.1 22.15Zm-55.07.68c0-6.66 2.37-12.77 6.31-17.53l1.53 6.64c.95 4.12 3.58 7.73 7.2 9.91.43.26.7.73.7 1.23 0 2.72 2.62 4.67 5.23 3.89l5.53-1.66c1.34-.41 2.72.5 2.9 1.89.11.9-.08 1.83-.53 2.61l-3.33 5.77c-2.72 4.72-2.21 10.59 1.06 14.77-14.75-.51-26.61-12.63-26.61-27.51Zm30.09 27.43c-3.55-4.41-5.17-8.35-2.27-13.37l3.33-5.77c.74-1.28 1.04-2.79.86-4.25-.38-3-3.36-4.94-6.26-4.08l-5.53 1.66c-.92.28-1.85-.41-1.85-1.37 0-1.42-.76-2.75-1.97-3.48-3.02-1.81-5.2-4.82-5.99-8.25l-1.93-8.35c4.96-4.77 11.67-7.72 19.08-7.72 4.23 0 8.23.99 11.82 2.7-5.38 1.28-9.2 6.04-9.2 11.66 0 3.43 3.61 5.64 6.65 4.11l1.19-.6c1.94-.97 4.34-.27 5.45 1.59.47.78.34 1.77-.3 2.41a4.575 4.575 0 0 0-.28 6.19 9.352 9.352 0 0 0 7.2 3.38c1.68 0 3.36-.47 4.88-1.4-1.19 13.19-11.71 23.71-24.89 24.92Z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.icon-requests {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.44 54.63'%3E%3Cpath d='M48.09 30.89c-3.02-1.59-6.29-.88-8.88 1.76a21.865 21.865 0 0 0-9.05-6.95c3.56-2.58 5.9-6.77 5.9-11.5 0-7.83-6.37-14.2-14.2-14.2S7.65 6.37 7.65 14.2c0 4.73 2.33 8.92 5.9 11.5C5.47 29.03 0 37.02 0 45.89v3.28c0 .43.25.81.64.99 9.89 4.56 22.12 5.81 33.85 2.95 1.08.56 2.22 1.06 3.4 1.46.22.08.47.08.71 0 7.9-2.7 13.85-9.21 13.85-15.15v-1.13c0-3.15-1.67-5.98-4.36-7.4ZM9.83 14.2c0-6.63 5.39-12.02 12.02-12.02S33.87 7.57 33.87 14.2s-5.39 12.02-12.02 12.02S9.83 20.83 9.83 14.2ZM2.19 48.46v-2.57c0-8.56 5.67-16.21 13.82-18.75 1.78.81 3.76 1.27 5.84 1.27s4.06-.46 5.85-1.28c2.31.72 4.45 1.86 6.33 3.35-1.83-.68-3.79-.58-5.64.41-2.69 1.42-4.36 4.25-4.36 7.4v1.13c0 4.26 3.08 8.81 7.73 12.04-9.95 1.94-20.78.86-29.58-3.01Zm48.07-9.04c0 4.29-4.49 10.25-12.02 12.95-7.79-2.8-12.02-8.9-12.02-12.95v-1.13c0-2.33 1.22-4.43 3.19-5.47 3.18-1.68 6.06.37 7.89 3.45.39.66 1.49.66 1.88 0 1.85-3.11 4.73-5.11 7.89-3.45 1.97 1.04 3.19 3.14 3.19 5.47v1.13Z' style='fill:%23fff'/%3E%3C/svg%3E");
}
.icon-alerts {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_2' viewBox='0 0 52.8 53.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath d='M51.7 17.6H28.6V1.1c0-.76-.75-1.28-1.45-1.04L.75 8.86C.3 9.01 0 9.43 0 9.9v42.9c0 .61.49 1.1 1.1 1.1h50.6c.61 0 1.1-.49 1.1-1.1V18.7c0-.61-.49-1.1-1.1-1.1ZM16.5 51.7h-4.4v-6.6h4.4v6.6Zm9.9 0h-7.7V44c0-.61-.49-1.1-1.1-1.1H11c-.61 0-1.1.49-1.1 1.1v7.7H2.2V10.69l24.2-8.06V51.7Zm24.2 0h-22V19.8h22v31.9Z' class='cls-1'/%3E%3Cpath d='M33 48.4h13.2c.61 0 1.1-.49 1.1-1.1v-8.8c0-.61-.49-1.1-1.1-1.1H33c-.61 0-1.1.49-1.1 1.1v8.8c0 .61.49 1.1 1.1 1.1Zm1.1-8.8h11v6.6h-11v-6.6ZM7.7 39.6h13.2c.61 0 1.1-.49 1.1-1.1v-8.8c0-.61-.49-1.1-1.1-1.1H7.7c-.61 0-1.1.49-1.1 1.1v8.8c0 .61.49 1.1 1.1 1.1Zm1.1-8.8h11v6.6h-11v-6.6ZM7.7 25.3h13.2c.61 0 1.1-.49 1.1-1.1v-8.8c0-.61-.49-1.1-1.1-1.1H7.7c-.61 0-1.1.49-1.1 1.1v8.8c0 .61.49 1.1 1.1 1.1Zm1.1-8.8h11v6.6h-11v-6.6ZM33 34.1h13.2c.61 0 1.1-.49 1.1-1.1v-8.8c0-.61-.49-1.1-1.1-1.1H33c-.61 0-1.1.49-1.1 1.1V33c0 .61.49 1.1 1.1 1.1Zm1.1-8.8h11v6.6h-11v-6.6Z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
}

@media screen and (min-width: 576px) {
  .counter-label {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 768px) {
/*   .counter-section {
    margin-top: 0;
    transform: translateY(-50%);
  } */
  .counter-panel {
    padding: 30px 0; /* 40px */
  }
  .counter-grid {
    display: flex;
    justify-content: space-around;
    text-align: center;
  }
  .counter-item {
    width: 25%;
    border-left: 1px solid #c0c0c0;
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
  .counter-item:first-child {
    border-left: 0;
  }
}

@media screen and (min-width: 1174px) {
  .counter-section {
    padding: 0;
  }
  .counter-panel {
    max-width: 1144px;
    margin-left: auto;
    margin-right: auto;
/*     padding: 30px 0; */
  }
  .counter-value {
    font-size: 3rem;
  }
}

.test-border100 {
  border: 10px solid red;
  padding: 90px;
}

/* Solution pages */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.maxw-650 {
  max-width: 650px;
}
.minh-420 {
  min-height: 420px;
}
.pb-24 {
  padding-bottom: 2.4rem;
}
.ptb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mb-8 {
  margin-bottom: .8rem;
}
.mb-10 {
  margin-bottom: 1rem;
}
.mb-24 {
  margin-bottom: 2.4rem;
}
.mb-48 {
  margin-bottom: 4.8rem;
}
.fs-16 {
  font-size: 1.6rem;
  line-height: 1.5;
}
.align-items-center {
  display: flex;
  align-items: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-size-cover {
  background-size: cover;
}
.text-align-inherit {
  text-align: inherit;
}
/* Aside Image */
.section-bg {
  padding-top: 60%;
  margin-left: -20.0px;
  margin-right: -20.0px;
}
@media screen and (min-width: 768px) {
  .section-bg {
    padding-top: 54%;
    margin-left: -40.0px;
    margin-right: -40.0px;
  }
}
@media screen and (max-width: 991px) {
  .section-bg {
    min-height: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .section-row {
    display: flex;
  }
  .section-visual {
    min-width: 346px;
    max-width: 346px;
  }
  .img-last .section-visual {
    order: 6;
  }
  .section-bg {
    height: 100%;
    padding-top: 0;
  }
  .img-first .section-bg {
    margin-right: 0;
  }
  .img-last .section-bg {
    margin-left: 0;
  }
  .section-copy {
    display: flex;
    align-items: center;
  }
  .img-first .section-copy {
    padding-left: 30px;
  }
  .img-last .section-copy {
    padding-right: 30px;
  }
}

@media screen and (min-width: 1216px) {
  .img-first .section-bg {
    margin-left: calc(568px - 50vw);
  }
  .img-last .section-bg {
    margin-right: calc(568px - 50vw);
  }
  .img-first .section-copy {
    padding-left: 60px;
  }
  .img-last .section-copy {
    padding-right: 60px;
  }
}

/* items-list */
.items-cols {
  margin-left: -15px;
  margin-right: -15px;
}
.items-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.items-cols > .items-list {
  padding-left: 15px;
  padding-right: 15px;
}
.items-list > li {
  margin-top: 22px;
}
@media screen and (min-width: 576px) {
  .items-cols {
    display: flex;
  }
  .items-cols > .items-list {
    flex: 0 0 auto;
    width: 50%;
  }
}
/* grid-area */
.grid-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -50px;
}

.grid-item {
  padding-top: 50px;
  width: 240px;
  text-align: center;
}

.grid-title {
  text-transform: uppercase;
}

.grid-icon {
  display: block;
  max-width: 90px;
  margin: 0 auto 2.4rem;
}

.grid-icon img {
  display: block;
  width: 100%;
  height: auto;
}

.grid-area a {
  color: inherit;
}

.grid-link {
  display: block;
}

.grid-link:hover h3 {
  text-decoration: underline;
}

.grid-area p a:hover {
  color: inherit;
  text-decoration: underline;
}

/* carousel */
.rounded-lg {
  border-radius: 50px;
}

.p-carousel-custom {
  padding: 20px 15px;
}

.js-carousel-cards {
  max-width: 374px;
  margin: 0 auto;
}

.js-carousel-cards .slick-track {
  display: flex;
  align-items: center;
}

.js-carousel-cards .slick-arrow {
  margin-top: -34px;
}

.js-carousel-cards .slick-arrow.slick-disabled {
  opacity: 0.35;
}

.js-carousel-cards .slick-prev {
  margin-left: -26px;
}

.js-carousel-cards .slick-next {
  margin-right: -26px;
}

@media screen and (min-width: 576px) {
  .p-carousel-custom {
    padding: 30px 20px;
  }
}

@media screen and (min-width: 768px) {
  .p-carousel-custom {
    padding: 40px 30px;
  }
  
  .grid-area {
    justify-content: space-around;
  }
  
  .grid-icon {
    max-width: 116px;
  }
  
  .js-carousel-cards {
    max-width: none;
    margin: 0;
  }
}

@media screen and (min-width: 992px) {
  .p-carousel-custom {
    padding: 50px 56px;
  }
  .js-carousel-cards .slick-prev {
    margin-left: -40px;
  }

  .js-carousel-cards .slick-next {
    margin-right: -40px;
  }
}

.carousel-main-card {
  color: #ffffff;
  position: relative;
  max-width: 336px;
  border: 2px solid #ffffff;
  border-radius: 28px;
  overflow: hidden;
  background-color: #000000;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.9rem;
  margin: 8px 0 28px;
}

.carousel-main-visual img {
  display: block;
}

.carousel-main-title {
  font-size: 2.2rem;
  margin-bottom: .8rem;
}

.carousel-main-copy {
  position: absolute;
  left: 0;
  bottom: 42px;
  padding: 0 30px;
  max-width: 280px;
}

.carousel-item {
  width: 176px;
  padding: 8px;
}

.carousel-cards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .carousel-grid {
    display: flex;
    align-items: flex-start;
  }
  
  .carousel-main-card {
    min-width: 336px;
    margin: 8px 18px 8px 0;
  }
}

/* flip card */
.flip-card {
  width: 160px;
  height: 160px;
  background-color: transparent;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.carousel-item.hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 28px;
}

.flip-card-front {
  color: #000000;
  background-color: #ffffff;
}

.flip-card-front img {
  display: block;
  border-radius: 30px;
}

.flip-card-back {
  color: #000000;
  background-color: #f1f1f1;
  transform: rotateY(180deg);
  border: 6px solid #ffffff;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 5px;
  font-size: 1.2rem;
  line-height: 1.2;
}

/* download */
.download-link a {
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 230px;
  margin: 0 auto;
  border: 4px solid #000;
  text-align: center;
  background-color: #ffffff;
  text-decoration: none;
  padding: 0 0 .8rem;
}

.download-icon img {
  vertical-align: top;
}

.download-label {
  display: block;
  padding: 2rem 0 0;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.download-link a:hover .download-label {
  text-decoration: underline;
}