.container {
  padding: 1rem;
}

@media only screen and (min-width: 768px) {
  .container {
    padding-left: 1.33rem;
    padding-right: 1.33rem;
  }
}

@media only screen and (min-width: 1200px) {
  .container {
    margin: 0 auto;
    max-width: var(--desktop-container);
  }

  .container--narrow {
    margin: 0 auto;
    max-width: var(--narrow-container);
  }
}

.b-section {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

@media only screen and (min-width: 768px) {
  .b-section {
    padding-bottom: 4rem;
    padding-top:    4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .b-section {
    padding-bottom: 6.67rem;
    padding-top:    6.67rem;
  }
}

/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
/* ----------- Header ----------- */

/* Header container */

.header {
  background-color: #fff;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.1) !important;
  border-bottom: none;
  overflow: hidden;
  transition: height 0.7s ease-in-out;
  width: 100%;
  position: relative;
  z-index:10;

}


@media only screen and (max-width: 767px) {
  .header {
            height: auto;
  }
}

.header--fixed {
  left: 0;
  min-height: var(--header-height);
  position: fixed;
  top: 0;
  z-index: 1000;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.1);
}

.header--simple {
  left: 50%;
  padding: 0.5rem 1.6rem;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateX(-50%);
  z-index: 10;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.1);
}

.js-launch.header {
  height: 100vh; /* Enables mobile drawer take full height of the screen */
}

@media only screen and (min-width: 768px) {
  .header {
    overflow: initial; /* Disables overflow cut off of the header on desktop */
    box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.1) !important;
    position:relative;
  }

  .js-launch.header {
    height: auto; /* Disables full screen height mode for header while window resizing without closing mobile menu via menu icon */
  }
}

/* Logo */

.header__logo {
  flex-shrink: 0;
}

/* img, a */
.header__logo img,
.header__logo a {
  display: block;
}

.header__logo a:not([class]):hover {
  box-shadow: none;
  opacity: 0.8;
}

.header__logo a:not([class])::before {
  display: none;
}

/* Navigation */

.header__nav {
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}

.inner-header{
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .header__nav {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
  }
}

/* Header CTA */

.header__cta {
  margin-bottom: 1rem;
  margin-top:    1rem;
  padding-left: 1rem;
  display: flex;
}

.header__cta .btn-list {
  padding: 0;
}

.header__cta .btn-list__item {
  margin: 0;
}

/* Helpers */

.header__helpers {
  align-items: center;
  display: flex;
  padding-bottom: 1rem;
  padding-left:   1rem;
  padding-top:    1rem;
}

/* Search */

.header__search-btn {
  opacity: 1;
  padding: 0 1em;
  transition: var(--transition);
  vertical-align: middle;
}

.header__search-btn:focus {
  outline: none;
}

.header__search-btn svg {
  fill: var(--search-icon-color);
  width: var(--search-icon-size);
}

.header__search-btn:hover {
  opacity: 0.75;
  transform: scale(0.9);
}

.header__search .hs-search-field {
  height: 1px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  transition: opacity 0.4s ease-in-out;
  width: 1px;
}

.header__search.is-active .hs-search-field {
  background-color: var(--light);
  height: 100vh;
  position: fixed;
  left: 0;
  opacity: 1;
  padding: 1rem;
  top: 0;
  width: 100vw;
}

.header__search .hs-search-field__bar {
  transform: translateY(-10vw);
  transition: transform 0.7s ease-in-out;
}

.header__search.is-active .hs-search-field__bar {
  margin: 30vh auto 0;
  max-width: 600px;
  transform: translateY(0);
}

.header__search .hs-search-field__bar button {
  right: 1rem;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.header__search .hs-search-field__bar button:focus {
  outline: none;
}

.header__search .hs-search-field__bar button span {
  display: block;
}

.header__search .hs-search-field__bar button svg {
  display: block;
  fill: var(--search-icon-color);
  height: 1rem;
  opacity: 1;
  transition: var(--transition);
  width:  1rem;
}

.header__search .hs-search-field__bar button:hover {
  opacity: 0.75;
}

.header__search .header__search-close {
  opacity: 0;
  right: 0;
  position: absolute;
  top:   0;
  transition: var(--transition);
}

.header__search.is-active .header__search-close {
  opacity: 1;
}

.header__search .header__search-close:hover {
  opacity: 0.75;
  transform: scale(0.9);
}

.header__search.is-active .header__search-close:focus {
  outline: none;
}

.header__search-close svg {
  fill: var(--search-icon-color);
  width: var(--search-icon-size);
}

@media screen and (min-width: 768px) {
  .header__cta {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 0;
    margin-top:    0;
    order: 3;
    padding-left: 0;
  }

  .header__helpers {
    order: 2;
    padding-bottom: 0;
    padding-left:   0;
    padding-top:    0;
  }
}
  
/* Mobile drawer */

.header__block {
  background-color: var(--header-bg-color);
  height: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 5.25rem;
  transition: opacity 0.5s ease-in-out;
  width: 100%;
  z-index: 20;
}

.header__block.is-active {
  display: flex;
  flex-direction: column;
  height: calc(100% - 5.25rem);
  left: 0;
  opacity: 1;
  overflow: auto;
  
}

.header__block-toggle {
  align-items: flex-start;
  color: var(--nav-item-color);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 24px;
  justify-content: space-around;
  padding: 3px;
  transform: translateY(-3px) rotate(0deg);
  transition: all .3s ease-in-out;
  width: 24px;
}

.js-header__block-toggle--reverse {
  transform: rotate(90deg);
}

.header__block-toggle-item {
  background-color: var(--nav-item-color);
  height: 1px;
  transition: all .2s ease-in-out;
  transition-delay: .2s;
}

.header__block-toggle-item--s {
  transform: translateY(0) scale(1);
  width: 50%;
}

.header__block-toggle-item--l {
  width: 100%;
  transform: translateY(0) rotate(0deg);
}

.header__block-toggle-item--m {
  transform: translateY(0) rotate(0deg);
  width: 68%;
}

.js-header__block-toggle--reverse .header__block-toggle-item--s {
  transform: translateY(6px) scale(0);
}

.js-header__block-toggle--reverse .header__block-toggle-item--l {
  transform: translateY(0) rotate(45deg);
}

.js-header__block-toggle--reverse .header__block-toggle-item--m {
  transform: translateY(-6px) rotate(-45deg);
  width: 100%;
}

@media screen and (min-width: 768px) {
  .header__block-toggle {
    display: none;
  }

  .header__block {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    height: initial;
    opacity: 1;
    overflow: initial;
    position: static;
  }

  .header__block.is-active {
    flex-direction: row;
    height: auto;
    justify-content: initial;
    overflow: initial;
    padding: 0;
    position: static;
  }
  
  .header__cta .btn-list__item {
  margin-left: 25px;
}
}

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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

.system-logo {
    padding: 1rem;
    width: 13%;
    margin: auto;
    padding-top: 4rem;
}

.hs-button #hs-button_return_button {
      background: #fef3f3;
  color:  #f44242;
      border-radius: 10px;
        width: 50%;
}

}

.header {
  background-color: #fff;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.1) !important;
  border-bottom: none;
  overflow: hidden;
  transition: height 0.7s ease-in-out;
  width: 100%;
  position: relative;
  z-index:10;

}
@media only screen and (max-width: 767px) {
  .header {
            height: auto;
  }
  
  .header__logo a, .header__logo img {
    width: 180px;
  }
  
  .main-nav__item {
    font-size: 16px;
  }
}


.bg--comboAlt {
    background: linear-gradient(to bottom, 
      rgba(252, 250, 248, 1), 
      rgba(252, 250, 248, 1) 50%, 
      #fff 50%, 
      #fff);
}

@media only screen and (min-width: 764px) {

 .mega-drop {
    box-shadow: 0 30px 30px rgb(0 0 0 / 16%) !important;
  }
  .mega-drop-container {
        justify-content: center !important;
  }
}