/* imports */

@font-face {
    font-family: 'Zilla Slab';
    src: 	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab.otf') format('opentype'),
      		url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab.woff2') format('woff2'),
         	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Zilla Slab';
    src: 	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab_bold.otf') format('opentype'),
      		url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab_bold.woff2') format('woff2'),
         	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab_bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Zilla Slab';
    src: 	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab_italic.otf') format('opentype'),
      		url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab_italic.woff2') format('woff2'),
         	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab_italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Zilla Slab';
    src: 	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab_bold_italic.otf') format('opentype'),
      		url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab_bold_italic.woff2') format('woff2'),
         	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Zilla/zilla_slab_bold_italic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'brandon';
    src: url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/hvd_fonts_-_brandongrotesque-black-webfont.woff2') format('woff2'),
         url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/hvd_fonts_-_brandongrotesque-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'brandon';
    src: url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/hvd_fonts_-_brandongrotesque-light-webfont.woff2') format('woff2'),
         url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/hvd_fonts_-_brandongrotesque-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'brandon';
    src: url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/hvd_fonts_-_brandongrotesque-regular-webfont.woff2') format('woff2'),
         url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/hvd_fonts_-_brandongrotesque-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'brandon';
    src: 	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Brandon_bld.otf') format('opentype'),
      		url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Brandon_bld.woff2') format('woff2'),
         	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Brandon_bld.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'brandon';
    src: 	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Brandon_bld_it.otf') format('opentype'),
      		url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Brandon_bld_it.woff2') format('woff2'),
         	url('//www.chooseoxygen.com/hubfs/Oxygen%202018/fonts/Brandon_bld_it.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}










html, body {
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif;
  font-weight: 100 !important;
  color: #444444;
  line-height: 1.6;
}

a{
  color: #E80A41;
}

a.c-card__resources{
  color: #444444;
}

h4:empty {
    display: none;
}

/* globals */

.container-fluid .row-fluid .page-center.page-center--sm{
  max-width: 800px;
}

.u-color--red,
.u-color--red h2,
.u-color--red h4,
.u-color--red p {
  color: #ea3939;
}

.u-color--dark_grey {
    color: #444444;
}

#mainMenu .search-icon {
    color: #ea3939;
}

/* fonts - zilla */
.zilla,
.zilla span:not(.fa),
.zilla p,
.zilla h1,
.zilla h2,
.zilla h3,
.zilla h4,
.zilla h5,
.custom-menu-primary .hs-menu-wrapper > ul > li > a,
.c-hero__inner .banner-sub h3,
.search-text {
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif !important;
}

.zilla--dark span,
.zilla--dark p,
.zilla--dark h1,
.zilla--dark h2,
.zilla--dark h3,
.zilla--dark h4,
.zilla--dark h5 {
    color: #242424 !important;
}

.zilla--24 {
    font-size: 24px;
    line-height: normal;
}

.zilla--italic {
    font-style: italic;
}

.c-heading-sub{
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif !important;
}

.c-hero__inner .banner-sub h3,
.c-heading-sub {
    color: #bebebe;
}

.c-hero__inner .banner-sub h3,
.c-heading-sub{
    text-transform: inherit !important;
}

.fw-100 {
    font-weight: 100 !important;
}

.p-static {
    position: static;
    margin-top: 20px;
}

.c-icon-box__icon.c-icon-box__icon-xlarge {
    height: auto;
}

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

.casestudy-block .logo-centered {
    margin: 0 auto;
}

.flex-end .c-icon-box__icon.c-icon-box__icon-xlarge {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.w-85 {
    max-width: 85px;
}
.w-100 .logo-centered {
    width: 100%;
    height: auto;
}

.w-80 .logo-centered {
    width: 80%;
    height: auto;
}

.w-60 .logo-centered > img {
    width: 60%;
    height: auto;
}

.mb-none i {
    margin-bottom: 0;
}

.marginB15{
  margin-bottom: 15px !important;
}

.marginB20{
  margin-bottom: 20px !important;
}

.marginB30{
  margin-bottom: 30px !important;
}

.marginT30{
  margin-top: 30px !important;
}

.uppercase,
.uppercase h1,
.uppercase h2,
.uppercase h3,
.uppercase h4 {
    text-transform: uppercase;
}

.txtC{
  text-align: center;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4{
  font-family: 'brandon';
  font-weight: 700;
}

.h1{
  font-size: 3.188rem;
  margin: 0;
  text-transform: none;
}

.h2 {
    font-size:2.563em; 
    margin:0; 
    text-transform: none;
}

.h3 {
    font-size:1.5em; 
    margin:0;
    text-transform: none;
    line-height: 1.3em;
}

.h4 {
    font-size:1em; 
    line-height:1.2em; 
    margin:0;
}

.h5 {
    font-size:.8em; 
    margin:0;
}

.h6 {
    font-size:.5em;
    margin:0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height:1.2;
}

/* fonts - brandon */
.brandon--black,
.brandon--black h1,
.brandon--black h2,
.brandon--black h3,
.brandon--black h4
.brandon--black h5{
    font-family: 'brandon' !important;
  	font-weight: 900 !important;
}

.brandon--bold,
.brandon--bold h1,
.brandon--bold h2,
.brandon--bold h3,
.brandon--bold h4
.brandon--bold h5,
.c-hero__inner h1,
.c-hero__inner .h1,
.c-hero__inner .typed,
.hs-cta-wrapper a  {
  font-family: 'brandon' !important;
  font-weight: 700 !important;
}

.footer-wrapper .footer-heading h4{
  font-family: 'brandon' !important;
  font-weight: 700 !important;
}

/* simple icons */
.simple-icon,
.simple-icon-floated,
.c-icon-box .icon-box-image i{
    display: block;
    color: #ea3939;
}

.simple-icon {
    font-size: 82px;
    margin-bottom: 24px;
}

.simple-icon-floated,
.c-icon-box .icon-box-image i{
    font-size: 45px;
}

/* Hubspot overrides */

body .widget-type-password_prompt input[type="password"]{
  height: 50px !important;
}

body input[type="text"], 
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"], 
body input[type="file"], 
body textarea, 
body select{
	font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif;
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus, 
body input[type="file"]:focus, 
body textarea:focus, 
body select:focus{
  border-color: #ea3939;
}

.hs-recaptcha.hs-form-field{
  margin-bottom: 20px;
}

fieldset.form-columns-1 .hs-input{
  width: 100% !important;
}

fieldset .hs-input.invalid.error{
    box-shadow: 1px 1px 10px 1px ;
}


fieldset.form-columns-1 .hs-input[type='checkbox'],
.email-prefs input[type='checkbox']{
  width: auto !important;
}

body .email-prefs input[type="submit"],
#email-prefs-form input[type="submit"]{
  width: auto;
  margin: 0;
}

.custom-menu-primary .hs-menu-wrapper > ul > li.active > a, .scrolling .custom-menu-primary .hs-menu-wrapper > ul > li.active > a, .invert-nav .custom-menu-primary .hs-menu-wrapper > ul > li.active > a{
  color: #ea3939;
}

.legal-consent-container{
  font-size: 12px;
  margin-bottom: 30px;
}

.footer-container-wrapper .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_form .legal-consent-container {
  color: #999;
}

.row-fluid [class*="span"] {
  min-height: 0;
}

/* End hubspot Overrides */

/* Wasabi Default overrides */

.c-hero{
  background-color: #1b1b1b;
}

.c-hero.c-hero--home{
  background-image: url('https://www.chooseoxygen.com/hubfs/Oxygen%202018/img/homepage-slider-bg.jpg');
}

.c-menu,
.menu-wrapper{
    font-size: 16px;
}

.c-button.c-button--primary, 
.cta-primary .cta_button, 
body .footer-subscribe input[type="submit"], 
body .footer-subscribe input[type="submit"]:hover,
body .hs-button.primary, body input[type="submit"]{
  background-image: linear-gradient(to bottom, #ea3939, #ea3939, #E80A41 );
  font-family: 'brandon' !important;
  font-weight: 700 !important;
}

body .footer-subscribe input[type="checkbox"]{
  width: auto;
  height: auto;
  display: inline-block;
}

.c-link.c-link--primary {
    color:  #E80A41;
}

.c-button.c-button--primary{
  border: 0;
}

.c-button:hover{
  -moz-box-shadow: 8px 6px 15px 0 rgba(0, 0, 0, .25);
  -webkit-box-shadow: 8px 6px 15px 0 rgba(0, 0, 0, .25);
  box-shadow: 8px 6px 15px 0 rgba(0, 0, 0, .25);
}

.c-button--arrow:after{
  content: ">";
  width: 20px;
  margin-left: 10px;
  padding-left: 0;
  display: inline-block;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  
}

.c-button--arrow:hover:after{
  padding-left: 15px;
}

.c-hero.c-hero--about{
  height: 400px;
}

.blog-listing-wrapper .c-card.c-card__secondary-articles{
  height: 350px;
}

.blog-listing-wrapper .c-heading.c-heading--ntp{
  font-size: 1em;
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif;
}

.hs-breadcrumb-menu-divider:before{
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
}

.hs-breadcrumb-menu-item.first-crumb{
  padding-left: 0;
}

.c-blog-article .c-heading.c-heading--ntp{
  font-size: 1.2em;
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif;
}

.c-card.c-card__secondary-articles{
  border-radius: 8px;
  height: 525px;
  position: relative;
}

.c-card.c-card__secondary-articles .resource-button{
  position: absolute;
  bottom: 15px;
  width: 100%;
}

.c-card__image.u-secondary-article-image{
  height: 185px;
}

.c-icon-box__heading,
.c-icon-box__heading h1,
.c-icon-box__heading h2,
.c-icon-box__heading h3,
.c-icon-box__heading h4{
    font-size: 1em;
}

.c-icon-box__icon{
  color: #ea3939;
}

.c-icon-box__icon.c-icon-box__icon-xlarge i{
  font-size: 58px;
}

.banner-text--bottomleft{
	margin-top: 150px;
}

.o-map iframe{
  pointer-events: auto;
}

.footer-subscribe{
  padding-right: 15px;
}

.row-fluid .span4.casestudy-block{
  padding: 35px 40px 45px;
}

.c-heading-eyebrow.c-badge.c-badge-dark{
  background-color: #393e49;
}

.menu-wrapper .hs-menu-children-wrapper{
  text-transform: none !important;
}

.menu-wrapper .menu-cta .hs_cos_wrapper_type_cta{
 	float: right;
  margin-right: 10px;
  margin-top: 10px;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  padding: 13px 20px;
}

.w-60 .logo-centered > img{
  max-height: 55px;
}

.u-color--white {
    color: white;
}

.u-bg--white {
    background-color: white;
}

.u-bg--grey-dark{
  background-color: #1b1b1b;
}

.o-blog-filter-icon{
  color: #ea3939
}

.span7.widget-span.widget-type-menu.custom-menu-primary.js-enabled{
  float: right;
  margin-left: 0;
  margin-right: 10%;
}

.c-scroll-top{
  left: 50px;
  right: auto;
}

.c-scroll-top:hover{
  background-color: #ea3939;
}

.o-image.rss-image{
  border-radius: 100%;
}

.vertical-container .o-image-width-auto img {
  width: auto !important;
}

.logo-default, .logo-secondary{
  z-index: 9999;
}

.blog-offer-img{
  text-align: center;
}

.blog-offer-img img{
  max-width: 240px;
}

.o-blog-filter-options--dropdown-list.w--open{
  box-shadow: 2px 2px 2px -1px #dddddd;
}

.o-blog-filter-options--dropdown-toggle{
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif;
  font-style: normal;
}

.pagination li {
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    max-width: 100%;
    min-width: 2.4em;
    margin-right: 0.125em;
    margin-left: 0.125em;
    padding: 0.8em;
    border: 1px solid #b8b8b8;
    border-radius: 30em;
    background-color: transparent;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #282c36;
    font-size: 1em;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
.pagination li a {
    border-radius: 30px;
    height: 100%;
    left: 0;
    padding-top: 9px;
    position: absolute;
    top: 0;
    width: 100%;
}
.pagination li:hover {
  border-color: #E80A41;
  background-color: #ea3939;
  box-shadow: 3px 4px 14px 0 rgba(0, 0, 0, .2);
  color: #fff;
}
.pagination li:hover a {
    color: #fff;
}

.c-pagination__control:hover, .c-pagination__control.c-pagination__control--current, .c-pagination__control.c-pagination__control--current a{
  border-color: #E80A41;
  background-color: #E80A41;
}

.o-feature-content{
  padding: 0 12%;
}

.hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_form{
  color: #ea3939;
}

#filterWrap .filter-controls .jplist-panel .jplist-pagination button.jplist-current, #filterWrap .filter-controls .jplist-panel .jplist-pagination button:hover{
  background-color: #ea3939;
  border: 2px solid #ea3939;
}

.blog-search-wrapper .gsc-search-button{
	background-image: none !important;
}

.team-member--overlay{
  background-image: none;
  background-color: rgba(27,27,27, 0.8);
}

.team-member-names--no-overlay{
  position: relative;
  padding: 10px 0 0;
}

@media screen and (max-width: 767px){
  .team-member{
    background-position: 50% 0;
  }
}
  
.o-modal.o-modal--gradient{
  background-image: linear-gradient(132deg, #1b1b1b, #414141);
}

.span3.workplace-img{
  width: 25%;
  padding: 0px 10px 20px 10px;
  float: left;
}

.c-button.c-button--primary.c-button--rounded.upload-btn{
  color: white;
}

.o-media__image.o-media__image--footer {
  height: 50px;
  background-size: cover;
  background-position: center;
}

/* End wasabi default overrides */

/* GCSE */

#searchBar .gsc-search-box-tools .gsc-search-box .gsc-input, 
#searchBar .gsc-search-box-tools .gsc-search-box #gsc-i-id1.gsc-input{
  background: none !important;
}

.blog-search-wrapper .gsc-search-button-v2, .blog-search-wrapper .gsc-search-button-v2:hover, .blog-search-wrapper .gsc-search-button-v2:focus{
  background-color: #ea3939;
  border-color: #E80A41;
  height: 100%;
}

.invert-nav #searchBar .gsc-input-box{
  border-bottom: 1px solid grey !important;
}

.gsc-adBlock{
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0px !important;
}

.gsc-adBlock iframe{
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0px !important;
}

.gsc-control-cse .gsc-option-menu-container{
  width: 120px;
}

/* end GCSE */

/* Search */

.search-wrap input[type="search"]{
  color: white;
  height: 40px;
  margin: 0;
}

.scrolling .search-wrap input[type="search"]{
  color: #444444;
}

.search-close{
  line-height: 1;
}

.hs-search-field__suggestions li{
  padding: 5px 10px;
}

/* End search */

/*  Progress bar*/

.progress-bar{
  position: absolute;
  bottom: 0px;
}

.amap-marker .marker-route {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #e90000;
    background: url(http://webapi.amap.com/theme/v1.3/images/newpc/poi-1.png) no-repeat;
    cursor: pointer;
}

.amap-marker .marker-marker-bus-normal{
    background-position: -334px -20px;
}

.amap-marker .marker-marker-bus-from {
    background-position: -334px -180px;
}

#map-container{
	height: 300px;
}

.cta-bordered .cta_button{
  border-color:  #ea3939 !important;
}

#toggleComments {
  color:  white;
}

.c-heading--red h2 {
    color:  #ea3939;
}

.c-heading-eyebrow h1,
.c-heading-eyebrow h2,
.c-heading-eyebrow h3,
.c-heading-eyebrow h4,
.c-heading-eyebrow h5
{
  font-size: 1em;
  text-transform: inherit;
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}

.c-heading-eyebrow span{
  font-size: 1.2em;
  text-transform: inherit;
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  line-height: 1.2;
  font-weight: 400;
  display: block;
}

/* homepage - hero */
.c-hero {
    /* height: 946px; */
    height: 100vh;
}

.c-hero-heading{
  font-size: 2.5em;
}

.c-heading-sub.c-hero-heading-sub-with-button{
  padding-bottom: 1.5em;
}

.c-heading-button-container{
  padding-bottom: 2em;
}

@media screen and (min-width: 768px){
  .c-hero-heading{
    font-size: 3.2em;
  }
}

.c-overlay.c-overlay--hero {
    background: transparent;
}

.c-page-heading h1,
.c-page-heading h2,
.c-page-heading h3,
.c-page-heading h4
{
  font-size: 2.5em;
}

.typed {
    color:  #ea3939;
    font-weight: 700;
}

.c-heading.c-heading-np.header-text-nc{
  text-transform: uppercase;
}

.c-heading.c-heading-np.header-text-nc.u-color--red{
  color: #ea3939;
}

.c-heading.c-heading-np.header-text-nc .type-wrapper,
.c-heading.c-heading-np.header-text-nc .typed{
  text-transform: none;
}

/* subpage - header */
.mt-100 {
    margin-top: 100px;
}

.mt-10{
	margin-top: 10px;
}

.banner-text--bottomleft img {
    margin-bottom: 20px;
}

/* CTA */

.cta-home-primary{
	font-size: 16px;
  padding: 15px 30px;
  border-radius: 100px;
  border-style: solid;
  border-width: 2px;
  border-color: #fc6047;
  clear: right;
  color: #ffffff;
  box-shadow: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
  line-height: 24px;
  margin-bottom: 10px;
}

.cta-home-secondary{
  background-image: url("//cdn2.hubspot.net/hubfs/2040891/Marketplace/WASABI/img/icon-play-hover.svg?t=1500383651460"), url("//cdn2.hubspot.net/hubfs/2040891/Marketplace/WASABI/img/icon-play.svg?t=1500383651460");
  background-position: 18% -105%, 18% 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 27px auto, 27px auto;
  font-size: 16px;
  padding: 13px 30px 13px 75px;
  border-radius: 100px;
  background-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-color: #fc6047;
  clear: right;
  color: #ffffff;
  box-shadow: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
  line-height: 24px;
  margin-bottom: 10px;
}

.cta-home-secondary:hover{
  -ms-box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25);
  background-position: 18% 50%, 18% 205%;
}

/* end CTA */

/* navbar */
.custom-menu-primary .hs-menu-wrapper > ul > li > a:after,
.custom-menu-primary .hs-menu-wrapper > ul ul li a:after{
    background: #ea3939 none repeat scroll 0 0;
    bottom: 0;
    color: rgba(0, 0, 0, 0);
    content: ".";
    height: 5px;
    left: 0;
    position: absolute;
    width: 0;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a:after {
    border-radius: 0 0 20px 20px !important;
}

/* hover clients logos */
.client-logos {
    opacity: 0.5;
    transition: all ease-in-out 0.3s;
}

.client-logos:focus,
.client-logos:hover,
.client-logos:active {
    opacity: 1;
}

/* solutions */
.solutions-section {
    background: #f4f4f4 url('//cdn2.hubspot.net/hubfs/269033/Oxygen%202018/img/homepage-soultions-we-offer-bg.svg') bottom center no-repeat;
}

/* top sections */
.top-section {
    background: rgba(0, 0, 0, 0) url('//cdn2.hubspot.net/hubfs/269033/Oxygen%202018/img/homepage-clients-about-us-bg.jpg') no-repeat fixed center center / cover;
}

.top-section:before {
    display: none;
}

.full-top-section.top-section{
  height: 100%;
}

/* footer */
.footer-wrapper * {
    font-size: 17px !important;
}

.footer-wrapper{
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif !important;
}

.footer-svg #mainFooter {
  background: #1b1b1b url('//www.chooseoxygen.com/hubfs/img/Wasabi-mateusz/footer-bg.jpg') bottom center no-repeat;
  background-color: #1b1b1b;
}

.footer-container .row-depth-1 .widget-type-raw_html {
    display: none;
}

.c-social-icon.fa.fa-pinterest.c-social-icon--footer {
    display: none;
}

/* blog - listing */

/* blog listing */
.c-blog-article,
.c-blog-article h4 {
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif !important;
    font-size: 17px;
}

.c-pagination__control.c-pagination__control--current a {
    background-color:  #ea3939;
}

/* blog - subscribe */
.widget-type-blog_subscribe input[type="submit"] {
    border-radius: 50px;
    font-family: 'brandon' !important;
  	font-weight: 700 !important;
    background-color:  #ea3939;
    border: none;
}

.widget-type-blog_subscribe input[type="email"] {
    width: 75%;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-family: 'Zilla Slab';
}
.inputs-list.hs-error-msgs label {
    color:  #ea3939;
    font-family: 'Zilla Slab';
}

body .contact-us-form input,
body .contact-us-form textarea {
    border-color: #aaa;
    font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif;
    font-size: 24px;
}

body .contact-us-form textarea {
    width: 100% !important;
}

body .hs-button.primary, body input[type="submit"] {
    margin: 0 auto;
    display: block;
    padding: 14px 80px;
    font-size: 17px;
}

/* Blog case study */

blockquote.case-study-blockquote{
  padding: 30px;
  color: white;
  position: relative;
  margin: 45px 0 30px;
}

blockquote.case-study-blockquote.version--1{
  background-color: #444444;
  border-left: 10px solid #ea3939;
}

blockquote.case-study-blockquote.version--1:before{
  content: "\f02d";
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  background-color: #ea3939;
  color: white;
  top: -25px;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 10;
}

blockquote.case-study-blockquote.version--1:after{
  content: "Case Study";
  position: absolute;
  background-color: white;
  padding: 5px 15px 5px 30px;
  top: -10px;
  border-top-right-radius: 15px;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16);
  left: 55px;
  color: #999;
  z-index: 9;
  
}

blockquote.case-study-blockquote.version--2{
  background-color: #e1e1e1;
  color: #444444;
}

blockquote.case-study-blockquote.version--2:before{
  content: "\f02d";
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  background-color: white;
  color: #444444;
  top: -25px;
  left: 7px;
  position: absolute;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 10;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.16);
}

blockquote.case-study-blockquote.version--2 .case-study-blockquote-inner{
  padding-left: 30px;
  border-left: 1px dashed white;
}

/* Team */

.team-modal.modal-open{
  color: white;
}

/* Landing */
#landing-background.c-hero{
  background-position: 50% 38%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding-top: 0;
}
/* end Landing */
/* ** blog ** */
.post-body{
  margin-bottom: 30px;
}

.post-body p {
  font-family: 'Zilla Slab', '微软雅黑', 'Microsoft Yahei', sans-serif;
}

.post-body h1,
.post-body h2,
.post-body h3 {
    color: #ea3939;
    font-family: 'brandon' !important;
  	font-weight: 700 !important;
}

.post-body a {
    color: #ea3939;
}

blockquote {
  color: #1b1b1b;
  font-size: 1.4em;
  border-left: 4px solid #ea3939;
  display: inline-block;
  padding-left: 2em;
  line-height: 25px;
}

.blog-post-wrapper .c-social-link:hover .c-social-icon,
.c-card.c-card__secondary-articles:hover h4 {
    color: #E80A41;
}

.listing-wrapper h4,
h4.post_listing--header {
  font-weight: 900 !important;
}

.block-link{
  transition: all 0.4s ease-in-out;
  position: relative;
}

.block-link >a{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}

.block-link:hover{
  color: #ea3939;
}

.block-link:hover .c-button.c-button--primary {
  background-color: #d64f39;
}

.block-link:hover .c-button{
  -moz-box-shadow: 8px 6px 15px 0 rgba(0, 0, 0, .25);
  -webkit-box-shadow: 8px 6px 15px 0 rgba(0, 0, 0, .25);
  box-shadow: 8px 6px 15px 0 rgba(0, 0, 0, .25);
}

#placeholder-background{
  height: 100vh;
}

#placeholder-container{
  padding: 250px 0 0;
}

#hs-author-img-section{
	display: inline-block;
  max-width: 170px;
  vertical-align: top;
}

#hs-author-img-section img{
  max-width: 100%;
  width: 100px;
}

#hubspot-author_data{
  display: inline-block;
  max-width: calc(100% - 190px);
  margin-left: 15px;
}

.hs-responsive-embed { 
  position: relative; 
  height: 0; 
  overflow: hidden; 
  padding-top: 0; 
  padding-left: 0; 
  padding-right: 0; 
}

.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed { 
  position: absolute; 
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%; 
  border: 0; 
}

.hs-responsive-embed, 
.hs-responsive-embed.hs-responsive-embed-youtube, 
.hs-responsive-embed.hs-responsive-embed-wistia, 
.hs-responsive-embed.hs-responsive-embed-vimeo { 
	padding-bottom: 56.25%; 
}

/* Nested OL */

.nested-list ol {
  counter-reset: item;
  position: relative;
}
.nested-list ol li {
  display: block
}
.nested-list ol li:before {
  content: counters(item, ".") ".";
  counter-increment: item;
  padding-right:10px; 
  margin-left:-30px;
}

/* end nested OL */

/* media queries */

@media (max-width: 1200px){
  .c-card.c-card__secondary-articles{
    height: 600px;
  }
  
  #placeholder-container{
    padding: 200px 0 0;
  }
}

@media (max-width: 991px) {
  .mobile-open .mobile-trigger {
    background-color: #ea3939;
  }
  
  .mobile-trigger i{
    top: 35px;
  }
  
  .span9.widget-span.widget-type-menu.custom-menu-primary.js-enabled{
    padding-top: 70px;
  }
  
  .c-card.c-card__secondary-articles{
    height: 600px;
  }
  
  .menu-wrapper .menu-cta{
    display: none;
  }
  
  #placeholder-container{
    padding: 150px 0 0;
  }
}

@media (max-width: 767px) {
  .h1 {
    font-size: 2.2em;
  }
  .h2 {
    font-size: 1.9em;
  }
  
  .c-page-heading h1,
  .c-page-heading h2,
  .c-page-heading h3,
  .c-page-heading h4
  {
    font-size: 1.9em;
  }
  
  .contact-us-form {
    padding: 0 20px;
  }
  
  .span4.team-block.resource-block{
    width: 50%;
	}
  
  .c-card.c-card__secondary-articles{
    height: 550px;
  }
  
  .row-fluid .span3.casestudy-block{
    padding: 0px 20px 45px;
  }
  
  .span3.workplace-img {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  
  .span4.team-block.resource-block{
    width: 100%;
	}
  
  .c-card.c-card__secondary-articles{
    height: auto;
  }
  
  .c-card.c-card__secondary-articles .resource-button{
    position: relative;
  }
  
  #placeholder-container{
    padding: 50px 0;
  }
}

/*****************/
/* Flex Column Rules
/*****************/

.flex-row{
  display: flex;
  justify-content: start;
}

.flex-row.justify-space-between{
  justify-content: space-between;
}

.flex-row.justify-center{
  justify-content: center;
}

/* .flex-row:after {
  content: '';
  flex: auto;
} */

.flex-row.no-flex-row-mobile{
  display: block;
}

.flex-row.no-flex-adjust:after{
  flex: none;
}

.flex-wrap{
  flex-wrap: wrap;
}

@media screen and (min-width: 768px){
  .flex-row.no-flex-row-mobile{
    display: flex;
  }
}
@media screen and (min-width : 1024px) {
  .flex-lg-1 > div{
    width: 100%;
  }
  .flex-lg-2 > div:nth-child(2n){
    width: calc(50% - 20px);
    margin-left: 20px;
  }
  .flex-lg-2 > div:nth-child(2n+1){
    width: calc(50% - 20px);
    margin-right: 20px;
  }
  .flex-lg-3 > div:nth-child(3n+1){
    width: calc(33% - 26.7px);
    margin-right: 20px;
  }
  .flex-lg-3 > div:nth-child(3n+2){
    width: calc(33% - 26.7px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .flex-lg-3 > div:nth-child(3n+3){
    width: calc(33% - 26.7px);
    margin-left: 20px;
  }
  .flex-lg-4 > div{
    width: calc(25% - 30px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .flex-lg-4 > div:nth-child(4n+1){
    margin-left: 0px;
  }
  .flex-lg-4 > div:nth-child(4n+4){
    margin-right: 0px;
  }
  .flex-lg-5 > div{
    width: calc(20% - 24px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-lg-5 > div:nth-child(5n+5){
    margin-right: 0;
  }
  .flex-lg-5 > div:nth-child(5n+1){
    margin-left: 0;
  }
  .flex-lg-6 > div{
    width: calc(16.7% - 26.7px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-lg-6 > div:nth-child(6n+6){
    margin-right: 0;
  }
  .flex-lg-6 > div:nth-child(6n+1){
    margin-left: 0;
  }
}

@media screen and (max-width : 1023.9px) and (min-width: 768px) {
  .flex-md-1 > div{
    width: 100%;
  }
  .flex-md-2 > div:nth-child(2n){
    width: calc(50% - 20px);
    margin-left: 20px;
  }
  .flex-md-2 > div:nth-child(2n+1){
    width: calc(50% - 20px);
    margin-right: 20px;
  }
  .flex-md-3 > div:nth-child(3n+1){
    width: calc(33% - 26.7px);
    margin-right: 20px;
  }
  .flex-md-3 > div:nth-child(3n+2){
    width: calc(33% - 26.7px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .flex-md-3 > div:nth-child(3n+3){
    width: calc(33% - 26.7px);
    margin-left: 20px;
  }
  .flex-md-4 > div{
    width: calc(25% - 30px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .flex-md-4 > div:nth-child(4n+1){
    margin-left: 0px;
  }
  .flex-md-4 > div:nth-child(4n+4){
    margin-right: 0px;
  }
  .flex-md-5 > div{
    width: calc(20% - 24px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-md-5 > div:nth-child(5n+5){
    margin-right: 0;
  }
  .flex-md-5 > div:nth-child(5n+1){
    margin-left: 0;
  }
  .flex-md-6 > div{
    width: calc(16.7% - 26.7px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-md-6 > div:nth-child(6n+6){
    margin-left: 0;
  }
  .flex-md-6 > div:nth-child(6n+1){
    margin-right: 0;
  }
}

@media screen and (max-width : 767.9px) and (min-width: 576px) {
  .flex-sm-1 > div{
    width: 100%;
  }
  .flex-sm-2 > div:nth-child(2n){
    width: calc(50% - 15px);
    margin-left: 15px;
  }
  .flex-sm-2 > div:nth-child(2n+1){
    width: calc(50% - 15px);
    margin-right: 15px;
  }
  .flex-sm-3 > div:nth-child(3n+1){
    width: calc(33% - 20px);
    margin-right: 15px;
  }
  .flex-sm-3 > div:nth-child(3n+2){
    width: calc(33% - 20px);
    margin-right: 15px;
    margin-left: 15px;
  }
  .flex-sm-3 > div:nth-child(3n+3){
    width: calc(33% - 20px);
    margin-left: 15px;
  }
  .flex-sm-4 > div{
    width: calc(25% - 15px);
  }
  .flex-sm-5 > div{
    width: calc(20% - 15px);
  }
  .flex-sm-6 > div{
    width: calc(16.7% - 15px);
  }
}

@media screen and (max-width : 575.9px) {
  .flex-xs-1 > div{
    width: 100%;
  }
  .flex-xs-2 > div:nth-child(2n){
    width: calc(50% - 15px);
    margin-left: 15px;
  }
  .flex-xs-2 > div:nth-child(2n+1){
    width: calc(50% - 15px);
    margin-right: 15px;
  }
  .flex-xs-3 > div{
    width: calc(33% - 15px);
  }
  .flex-xs-4 > div{
    width: calc(25% - 15px);
  }
  .flex-xs-5 > div{
    width: calc(20% - 15px);
  }
  .flex-xs-6 > div{
    width: calc(16.7% - 15px);
  }
}

/* Accordion */

.o-accordion-heading-container{
  color: #444444;
}

.accordion-icon:after{
  color: #ea3939;
  content: "\f0fe";
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: bold;
}

.accordion-open .accordion-icon:after{
  content: "\f146";
}

.o-accordion-wrapper{
  border: 0;
  border-bottom: 1px solid #e1e1e1;
}

.o-accordion__content{
  background-color: transparent;
  padding: 10px 20px;
}


/*****************/
/*   Slick Styles
 * **************/

.slick-track{
  display: flex;
}

.slick-slide{
  height: inherit;
}

.slick-slide > div,
.slick-slide > div > div{ 
  height: 100%; 
}

.slick-dots{
  display: flex !important;
  justify-content: center;
}

.slick-dots li{
  border-radius: 100%;
  background-color: white;
  box-shadow: 0 0 2px 0 #1b1b1b;
}

.slick-dots li.slick-active{
  display: flex;
  justify-content: center;
  align-items: center;
}

.slick-dots li.slick-active:after{
  content: "";
  width: calc(100% - 7px);
  height: calc(100% - 7px);
  border-radius: 100%;
  background-color: #ea3939;
}

.form-bordered-container{
  border: 1px solid #e1e1e1;
  padding: 40px;
}

@media (max-width: 767px) {
  .blog-post-body .o-social-icons {
    padding-left: 0;
  }
  
  .hs-breadcrumb-menu-item{
    display: flex;
    
  }
  
  .hs-breadcrumb-menu-item a,
  .hs-breadcrumb-menu-item .breadcrumb-post-name{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
  }
  
}